/* ============================================================
 * cz-cls-fix.css  (v4)
 * Render-blocking kriticke CSS  nacitat pres <link> v ZAHLAVI Shoptetu.
 * NESMI se injektovat pres JS (bezi pozde = CLS). Musi byt pred paintem.
 * Obsahuje: fonty, rezervaci ikon (Material Symbols), menu ikony, logo,
 *           carousel + KOMPLETNI puvodni inline CSS z hlavicky.
 * ============================================================ */

/* ---- Roboto (optional = v ramci navstevy se neprehodi  0 CLS) ---- */
@font-face{font-family:'Roboto';src:url('https://cdn.myshoptet.com/usr/apollo.jakubtursky.sk/user/documents/fonts/Roboto-Regular.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:optional}
@font-face{font-family:'Roboto';src:url('https://cdn.myshoptet.com/usr/apollo.jakubtursky.sk/user/documents/fonts/Roboto-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;font-display:optional}
@font-face{font-family:'Roboto';src:url('https://cdn.myshoptet.com/usr/apollo.jakubtursky.sk/user/documents/fonts/Roboto-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:optional}

/* ---- Material Symbols ODSTRANEN (lupa je nyni inline SVG v cz-mobile-search.js v14)
   -> zadny gstatic font kit, zadny pozdni nacteni = CLS vinik menu-level-2 odstranen ---- */

/* ---- Rezervace ikon v rozbalovacim menu (lazy-swap obrazku) ---- */
/* ---- Rezervace ikon JEN v rozbalovacim menu hlavicky (lazy-swap obrazku) ----
   DULEZITE: vylouceno .top-category-block, jinak by se prepsaly male 50px
   ikony "Nejoblibenejsi kategorie" na homepage na 140x100 = obri dlazdice. ---- */
#header .menu-level-2 .menu-image img,
.top-navigation-bar .menu-level-2 .menu-image img,
.navigation-wrapper .menu-level-2 .menu-image img{aspect-ratio:140/100;width:140px;height:100px;object-fit:cover}

/* ============================================================
 * Puvodni inline CSS z hlavicky (presunuto sem kvuli mistu)
 * ============================================================ */
@media(max-width:767px){.responsive-tools a[data-target="login"],.header-top .header-cart,.header-top [data-testid="headerCart"],.top-navigation-tools .header-cart,.top-navigation-tools [href*="/kosik"],.top-navigation-tools [href*="/cart"],.top-navigation-tools [href*="/klient"],.top-navigation-tools [href*="/client-center"],.click-cart{display:none!important}#cz-search-icon{display:none}}

/* ---- CLS-FIX: rezervace vysky produktoveho swiperu #products-12 na mobilu ----
   Swiper se inicializuje az po paintu (slidesPerView 1->2, loop) a posouva obsah
   pod sebou = nahodny CLS az 1,0. Rezervace ~390px (namerena ustalena vyska)
   drzi misto pred paintem, takze se nic pod nim nehne. Render-blocking (link v head). ---- */
@media(max-width:767px){
  #products-12,
  #products-12 .swiper-wrapper,
  #products-12 .swiper-container{min-height:390px}
}
.flag.flag-action,.flag.flag-discount{background-color:#7e2129}
.flag.flag-discount:before{display:none}
.flags-extra .flag{width:75px;height:75px}
.flags-extra .flag .price-standard,.flags-extra .flag .price-save{font-size:20px}
@media(min-width:1200px){.p-image-wrapper .flags-extra .flag-discount .price-save{font-size:30px}.p-image-wrapper .flags-extra .flag-discount .price-save sub{font-size:24px}}
.filters-visible #content .filters-unveil-button-wrapper .btn.unveil-button:before{color:black}
#content .filters-unveil-button-wrapper .btn.unveil-button{border:1px solid #c4cad5}
.filters-visible #content .filters-unveil-button-wrapper .btn.unveil-button{background-color:#cd9934;border-color:#cd9934;color:#000}
.category-header input[type="radio"]+label{background-color:transparent;color:black}
.category-header input[type="radio"]:checked+label{background-color:#cd9934;color:black}
.site-name a img{aspect-ratio:1914/627}
.is-header-fixed.is-header-hidden #header .site-name a img{max-height:66px}
@media(min-width:768px){.top-navigation-bar .container>div.top-navigation-contacts{height:30px}#header .site-name{display:flex;align-items:center}#header .site-name a img{max-height:80px;max-width:300px}}
@media(max-width:767px){.top-navigation-bar .site-name a img{max-height:40px}}
@media(min-width:992px){.header-top{padding-top:50px;padding-bottom:10px}.popup-widget.login-widget,.popup-widget.cart-widget{top:150px}}
.p-info-wrapper .quantity input{border:1px solid #000}
.support .contact-box ul li>span{padding-left:42px}
.support .contact-box ul li>span:before{font-size:20px}
.support .contact-box ul li>span.tel:before{font-size:26px}
.support .contact-box ul li a{font-size:16px}
.benefitBanner__picture{height:50px}
.benefitBanner__picture img{max-height:50px}
.hp-btn-lg{font-weight:400;font-size:15px;padding:14px 28px}
.detail-fixed-bar .price-final.price-action,.p-final-price-wrapper .price-final.price-action{color:#D14546!important}
@media(max-width:767px){
.mehub-bonus-product-detail-container{display:none!important}
.type-detail .dklab-delivery-box{display:none!important}
.detail-fixed-bar,.detail-fixed-bar__inner{min-height:55px!important}
.detail-fixed-bar__inner{padding:0 16px!important}
.detail-fixed-bar__inner .btn{height:50px!important;border-radius:24px!important;padding:0 20px!important}
.p-info-wrapper .p-final-price-wrapper{display:flex!important;flex-direction:column!important}
.p-info-wrapper .price-standard{font-size:16px!important;order:1!important;text-decoration:line-through!important;display:inline-block!important;width:fit-content!important}
.p-info-wrapper .price-final.price-action{font-size:24px!important;order:2!important}
tr.delivery-time-block{display:none!important}
.add-to-cart{display:flex!important;gap:8px!important}
.add-to-cart .btn-conversion{flex:1!important;width:auto!important;text-align:center!important;justify-content:center!important}
.p-info-headline .h1{font-size:20px!important;line-height:1.3!important}
.top-category-block>.container>h2,.top-category-block>h2,.top-category-block .block-title,.top-category-block .homepage-group-title{display:none!important}
.top-category-block{margin-top:0!important;padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important}
.hp-carousel+*{margin-top:0!important}
.top-category-block .menu-content{display:flex!important;flex-direction:row!important;align-items:center!important;padding:4px 12px!important;height:auto!important;border-radius:12px!important;gap:10px!important}
.top-category-block .menu-content>div{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important}
.top-category-block .menu-content img{width:50px!important;height:50px!important;object-fit:contain!important;flex-shrink:0!important;margin:0!important}
.top-category-block .menu-content>div>a{margin-top:0!important;font-size:13px!important;text-align:left!important;text-decoration:none!important;font-weight:600!important}
div.homepage-group-title.h4{font-size:20px!important;margin-top:30px!important;margin-bottom:5px!important;text-align:center!important;padding-left:0!important;padding-right:0!important}
.row.banners-content.body-banners,.banner-wrapper{margin-top:0!important;margin-bottom:0!important}
#order-shipping-methods .radio-wrapper,#order-billing-methods .radio-wrapper{margin-bottom:6px!important;position:relative!important}
#order-shipping-methods .radio-wrapper label,#order-billing-methods .radio-wrapper label{padding:8px 12px 8px 40px!important;min-height:0!important}
#order-shipping-methods .radio-wrapper label .payment-info{gap:2px!important}
#order-shipping-methods b.shipping-billing-name{font-size:13px!important;line-height:1.2!important}
#order-shipping-methods strong.payment-shipping-price{font-size:13px!important}
#order-shipping-methods .shipping-method-logo img,#order-shipping-methods label img{max-height:20px!important}
#order-shipping-methods span.sublabel{font-size:11px!important}
#order-shipping-methods .radio-wrapper input[type="radio"],#order-billing-methods .radio-wrapper input[type="radio"]{left:12px!important;top:50%!important;transform:translateY(-50%)!important;position:absolute!important}
#order-billing-methods span.payment-info{font-size:13px!important;line-height:1.2!important}
#order-billing-methods strong.payment-shipping-price.for-free::after{content:none!important}
#order-billing-methods strong.payment-shipping-price.for-free{font-size:0!important}
.type-detail .detail-fixed-bar{bottom:66px!important}
}
.mehub-bonus-cart-container{display:none!important}
.mehub-bonus-cart-container+*{margin-top:0!important}
.cart-table{margin-bottom:8px!important}
textarea.assign_product_message{min-height:80px!important;height:80px!important;max-height:80px!important}
@media(min-width:768px){.top-navigation-bar{display:none!important}html body .products.products-page div.product .p-bottom p.p-desc{max-height:102px!important;min-height:102px!important;overflow:hidden!important}a[data-testid="linkWebsiteLogo"]{display:inline-flex;align-items:center;min-height:60px}a[data-testid="linkWebsiteLogo"] img{max-height:60px;width:auto;height:auto}.content-wrapper::after{display:block;height:0;clear:both;content:""}div.before-carousel{min-height:289px}}
@media screen and (min-width:768px){.before-carousel .carousel-inner .item img,.before-carousel .carousel-inner .carousel-item img{aspect-ratio:1200/421;width:100%;height:auto}.before-carousel .carousel-inner{min-height:248px}}

/* ---- CLS-FIX: rezervace vysky hlavniho menu (desktop) ----
   Menu se pred "fitnutim" JS-em zalomi do 2 radku (~97px) a pak se stahne
   na 60px = skok cele stranky o ~37px nahoru (CLS az 0,17 u pomaleho nacteni
   na desktopu). Pevna vyska drzi misto pred paintem, overflow skryje docasny
   2. radek. Podmenu (menu-level-2) se rozbaluje absolutne mimo tok = neorizne se.
   Render-blocking (link v head). Overeno: rozbalovaci podmenu funguje spravne. ---- */
@media(min-width:768px){
  .navigation-wrapper nav.visible,
  .navigation-wrapper .menu-helper{
    height:60px!important;
    min-height:60px!important;
    overflow:hidden!important;
  }
}