/* 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}
}

/* MERTU (Claude) v6, 29. 10. 2026: UX checklist bod 4, lista s cenou a Do kosiku na mobilu (schvalil Pavel 29. 10.)
   Lista je doplnek Pobo (#js-plugin-header). Na mobilu (do 468 px) je videt hned po nacteni,
   vlevo cena a dostupnost, vpravo tlacitko. Obsah plni mertu-claude-lista-v1.js (zapati).
   Chat Smartsupp je na strankach produktu o kus vys, aby nezakryval tlacitko.
   Vraceni: v zahlavi vratit odkaz na mertu-claude-v5.css a v zapati smazat odkaz na mertu-claude-lista-v1.js. */
.plugin-fixed-header .mtu-lista-info{display:none}
@media (max-width:468px){
 .plugin-fixed-header.mtu-lista{bottom:0!important;height:auto!important;z-index:50!important;border-bottom:0!important;border-top:1px solid #d3e8eb!important;box-shadow:0 -2px 10px rgba(0,0,0,.12)!important}
 .plugin-fixed-header.mtu-lista .plugin-fixed-header__container{display:flex!important;align-items:center;gap:12px;padding:8px 12px!important}
 .plugin-fixed-header.mtu-lista .plugin-fixed-header__image,.plugin-fixed-header.mtu-lista .plugin-fixed-header__price{display:none!important}
 .plugin-fixed-header.mtu-lista .mtu-lista-info{display:block;flex:1 1 auto;min-width:0;line-height:1.25}
 .plugin-fixed-header.mtu-lista .mtu-lista-cena{display:block;font-size:19px;font-weight:700;color:#12292d;white-space:nowrap}
 .plugin-fixed-header.mtu-lista .mtu-lista-dost{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .plugin-fixed-header.mtu-lista .plugin-fixed-header__basket{flex:0 0 auto;width:auto!important;margin:0!important;padding:0!important}
 .plugin-fixed-header.mtu-lista .plugin-fixed-header__basket>button{padding:12px 18px!important;font-size:16px!important;line-height:1.2!important;white-space:nowrap}
 body.mtu-lista-on{padding-bottom:68px}
 body.mtu-lista-on #smartsupp-widget-container>div:has(>iframe#widgetButtonFrame){bottom:80px!important}
}
@media (max-width:350px){
 .plugin-fixed-header.mtu-lista .mtu-lista-cena{font-size:17px}
 .plugin-fixed-header.mtu-lista .plugin-fixed-header__basket>button{padding:12px!important}
}

/* MERTU (Claude) v7, 29. 10. 2026 (schvalil Pavel 29. 10.): na detailu produktu mnozstvi a Pridat do kosiku
   ve stylu vyberu rozmeru (zaoblene, 56 px, velka - a +), menu na mobilu s napisem MENU,
   Zeptat se a Hlidat tyrkysove, texty 12 px na 13 px. Vraceni: v zahlavi vratit odkaz na mertu-claude-v6.css. */
#product-detail-form .add-to-cart{align-items:stretch;gap:10px}
#product-detail-form .add-to-cart .quantity{display:inline-flex!important;align-items:stretch;flex:0 0 auto;height:56px!important;padding:0!important;border:1px solid #b9d7dc!important;border-radius:8px!important;background:#fff!important;overflow:hidden}
#product-detail-form .add-to-cart .quantity label{order:2;display:flex;margin:0!important}
#product-detail-form .add-to-cart .quantity input.amount{width:46px!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important;text-align:center;font-family:"Source Sans 3",sans-serif!important;font-size:17px!important;font-weight:700!important;color:#004047!important;-moz-appearance:textfield;appearance:textfield}
#product-detail-form .add-to-cart .quantity input.amount::-webkit-outer-spin-button,#product-detail-form .add-to-cart .quantity input.amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#product-detail-form .add-to-cart .quantity .decrease{order:1}
#product-detail-form .add-to-cart .quantity .increase{order:3}
#product-detail-form .add-to-cart .quantity .increase,#product-detail-form .add-to-cart .quantity .decrease{position:static!important;display:flex!important;align-items:center;justify-content:center;width:44px!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#f0f7f8!important;cursor:pointer}
#product-detail-form .add-to-cart .quantity .increase:hover,#product-detail-form .add-to-cart .quantity .decrease:hover{background:#dcecef!important}
#product-detail-form .add-to-cart .quantity .increase::before,#product-detail-form .add-to-cart .quantity .decrease::before{content:none!important;display:none!important}
#product-detail-form .add-to-cart .quantity .increase__sign,#product-detail-form .add-to-cart .quantity .decrease__sign{display:block!important;font-family:"Source Sans 3",sans-serif!important;font-size:26px!important;font-weight:600!important;line-height:1!important;color:#008391!important}
#product-detail-form .add-to-cart .add-to-cart-button{display:inline-flex!important;align-items:center;justify-content:center;height:56px!important;padding:0 26px!important;border-radius:8px!important;font-family:"Source Sans 3",sans-serif!important;font-size:17px!important;font-weight:700!important;line-height:1.2!important}
@media (max-width:767px){
 #product-detail-form .add-to-cart{gap:8px;flex-wrap:nowrap}
 #product-detail-form .add-to-cart .quantity .increase,#product-detail-form .add-to-cart .quantity .decrease{width:42px!important}
 #product-detail-form .add-to-cart .add-to-cart-button{flex:1 1 auto;min-width:0;padding:0 12px!important;font-size:16px!important}
}
.p-detail .link-icon.chat,.p-detail .link-icon.watchdog,.p-detail .link-icon.chat::before,.p-detail .link-icon.watchdog::before{color:#00707c!important}
.p-detail .link-icon.chat:hover,.p-detail .link-icon.watchdog:hover,.p-detail .link-icon.chat:hover::before,.p-detail .link-icon.watchdog:hover::before{color:#004047!important}
@media (max-width:767px){
 .responsive-tools>a.toggle-window[data-target="navigation"]{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;height:32px!important;margin:4px 0 4px 8px!important;padding:0 12px 0 10px!important;border-radius:16px!important;background:#008391!important;color:#fff!important;text-decoration:none!important}
 .responsive-tools>a.toggle-window[data-target="navigation"]::before{width:auto!important;height:auto!important;line-height:1!important;background:transparent!important;color:#fff!important}
 .responsive-tools>a.toggle-window[data-target="navigation"]::after{content:"MENU";font-family:"Exo 2",sans-serif;font-size:13px;font-weight:600;line-height:1;letter-spacing:.02em;color:#fff}
 a.mtu-mtel{right:200px!important}
 a.mtu-muser{right:154px!important}
 .navigation-buttons a[data-testid="headerCart"]{right:96px!important}
}
.flag.flag-freeshipping .flag-text,.mh-rv-src,.mh-rv-src .mh-rv-all,.ms-cm,.mh-dop-var{font-size:13px!important}