/* MERTU (Claude) v2, 16. 10. 2026
   1) Vyber rozmeru u dvirek (stranky s vlastnim vyberem .ms-field):
      popisek Varianta na Rozmer, bez textu Zvolte variantu.
   2) Pruh vyhod (Konkurencni vyhody) na titulce, v kategoriich a u produktu. */
.type-detail tr.variant-list:has(.ms-field) th label{font-size:0!important}
.type-detail tr.variant-list:has(.ms-field) th label::after{content:"Rozm\11B r";font-size:14px}
.type-detail .p-info-wrapper:has(.ms-field) .availability-value>.choose-variant.default-variant:not(.no-display){display:none!important}
.type-detail .p-info-wrapper:has(.ms-field) .delivery-time>.choose-variant.default-variant:not(.no-display){font-size:0!important}
.type-detail .p-info-wrapper:has(.ms-field) .delivery-time>.choose-variant.default-variant:not(.no-display)::after{content:"podle rozm\11B ru";font-size:14px}

html body .benefitBanner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
html body .benefitBanner .benefitBanner__item{background:#f0f7f8!important;border:1px solid #d3e8eb!important;border-radius:12px!important;padding:14px 16px!important;margin:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;box-shadow:none!important;transition:border-color .15s,background-color .15s}
html body .benefitBanner .benefitBanner__item:has(.benefitBanner__link):hover{border-color:#008391!important;background:#e7f3f5!important}
html body .benefitBanner .benefitBanner__link{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;width:100%;color:inherit!important;text-decoration:none!important}
html body .benefitBanner .benefitBanner__picture{flex:0 0 48px!important;width:48px!important;height:48px!important;margin:0!important;display:flex!important;align-items:center;justify-content:center}
html body .benefitBanner .benefitBanner__picture img{width:48px!important;height:48px!important;max-width:none!important;object-fit:contain}
html body .benefitBanner .benefitBanner__picture img[src*="heureka"]{width:52px!important;height:52px!important}
html body .benefitBanner .benefitBanner__content{min-width:0;text-align:left!important}
html body .benefitBanner .benefitBanner__title{display:block!important;font-size:15px!important;font-weight:700!important;color:#12292d!important;line-height:1.25!important;margin:0!important}
html body .benefitBanner .benefitBanner__data{text-wrap:pretty;font-size:13.5px!important;line-height:1.35!important;color:#4b6166!important;margin-top:3px!important}
html body .benefitBanner .benefitBanner__data .black{color:inherit!important}
html body .benefitBanner .benefitBanner__item:has(.benefitBanner__link) .benefitBanner__data{color:#00707c!important;font-weight:600!important}
html body .benefitBanner .benefitBanner__item:has(.benefitBanner__link) .benefitBanner__data .black::after{content:"\00a0\203A";font-weight:700}
html body .benefitBanner .benefitBanner__item:has(.benefitBanner__link):hover .benefitBanner__data .black{text-decoration:underline}
@media (min-width:768px) and (max-width:1199px){
 html body .benefitBanner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:767px){
 html body .benefitBanner{grid-template-columns:1fr!important;gap:0!important;background:#f0f7f8!important;border:1px solid #d3e8eb!important;border-radius:12px!important;padding:2px 14px!important}
 html body .benefitBanner .benefitBanner__item{background:transparent!important;border:0!important;border-bottom:1px solid #d6e8eb!important;border-radius:0!important;padding:12px 0!important}
 html body .benefitBanner .benefitBanner__item:last-child{border-bottom:0!important}
 html body .benefitBanner .benefitBanner__item:has(.benefitBanner__link):hover{background:transparent!important}
 html body .benefitBanner .benefitBanner__picture,html body .benefitBanner .benefitBanner__picture img{width:42px!important;height:42px!important;flex-basis:42px!important}
 html body .benefitBanner .benefitBanner__picture img[src*="heureka"]{width:46px!important;height:46px!important}
}

/* MERTU (Claude) v3, 29. 10. 2026: UX checklist bod 1, kontrast (varianta A, schvalil Pavel 29. 10.)
   Nakupni tlacitka #28a745 -> #218838 (bily text 4,5 : 1), po najeti #1a6c2c (6,5 : 1).
   Text Skladem #009901 -> #008a00 (4,5 : 1).
   Vraceni: v zahlavi (Nastaveni > HTML kody) vratit odkaz na mertu-claude-v2.css. */
:root{--color-secondary:#218838;--color-secondary-hover:#1a6c2c}
html.mtu-new body .mtu-c{background:#218838}
html.mtu-new body .mtu-c:hover{background:#1a6c2c}
html.mtu-new body .p .btn-cart{background:#218838!important;border-color:#218838!important}
html.mtu-new body .p .btn-cart:hover{background:#1a6c2c!important;border-color:#1a6c2c!important}
body .mh-dop .mh-dop-btn:not([aria-disabled="true"]){background:#218838!important}
body .mh-dop .mh-dop-row input[type="checkbox"]{accent-color:#218838!important}
[style*="#009901"]{color:#008a00!important}

/* MERTU (Claude) v4, 29. 10. 2026: UX checklist bod 2, uvod kategorii na mobilu (schvalil Pavel 29. 10.)
   Na mobilu je dlouhy uvod kategorie sbaleny na 150 px. Tlacitko Zobrazit cely popis pridava mertu-claude-sbaleni-v1.js (zapati).
   Dlazdice podkategorii jsou na mobilu dve vedle sebe. Na pocitaci beze zmeny.
   Vraceni: v zahlavi vratit odkaz na mertu-claude-v3.css a v zapati smazat odkaz na mertu-claude-sbaleni-v1.js. */
@media (max-width:767px){
 .type-category .category-perex{max-height:150px;overflow:hidden;position:relative}
 .type-category .category-perex.mtu-sbal-fade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
 .type-category .category-perex.mtu-sbal-open{max-height:none;overflow:visible}
 .type-category .category-perex .mtu-sbal-dup{display:none}
 .mtu-sbal-ovl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 16px}
 .mtu-sbal-btn{background:none;border:0;padding:10px 0;font:inherit;font-size:15px;font-weight:600;color:#00707c;text-decoration:underline;cursor:pointer}
 .mtu-sbal-btn::after{content:"\25BE";display:inline-block;margin-left:6px;text-decoration:none}
 .mtu-sbal-cfg{display:inline-block;padding:10px 16px;background:#0d7c86;color:#fff!important;border-radius:4px;font-weight:700;text-decoration:none!important}
 .type-category .subcategories.with-image{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .type-category .subcategories.with-image li{width:auto!important;max-width:none!important}
 .type-category .subcategories.with-image li a{padding:10px!important;gap:8px!important}
 .type-category .subcategories.with-image li .image{flex:0 0 40px!important;width:40px!important}
 .type-category .subcategories.with-image li .image img{max-width:40px!important;height:auto!important}
 .type-category .subcategories.with-image li .text{font-size:15px!important;line-height:1.25!important}
}
@media (min-width:768px){.mtu-sbal-ovl{display:none!important}}

/* MERTU (Claude) v5, 29. 10. 2026: UX checklist bod 3, pole na mobilu 16 px (schvalil Pavel 29. 10.)
   iPhone pri klepnuti do pole s pismem pod 16 px priblizi stranku. Vyhledavani melo 15 px, pocet kusu 14 px.
   Napoveda ve vyhledavani (placeholder) zustava 15 px, nejdelsi priklad by se pri 16 px nevesel.
   Na pocitaci beze zmeny. Vraceni: v zahlavi vratit odkaz na mertu-claude-v4.css. */
@media (max-width:767px){
 html body input.search-input[name="string"]{font-size:16px!important}
 html body input.search-input[name="string"]::placeholder{font-size:15px}
 html body input[name="amount"]{font-size:16px!important}
}