@media (min-width:768px){.type-category ul.subcategories{width:calc(100% + 20px)}}@media (max-width:767px){.type-category #category-header{margin-bottom:5px}.type-category #filters-wrapper{margin-bottom:20px}}.type-category #filters-wrapper .filter-sections{background-color:#fff;width:100%}.type-category #filters-wrapper .slider-content{height:4px}.type-category #filters-wrapper .ui-slider .ui-slider-range{background-color:#000}.type-category #filters-wrapper .ui-slider-horizontal{height:4px}.type-category #filters-wrapper .ui-slider-horizontal .ui-slider-handle{background-color:#cc4f54;border:none;border-radius:50%;height:20px;margin-left:-10px;top:-7px;width:20px}.type-category #filters-wrapper .slider-wrapper{display:block}.type-category #filters-wrapper .filter-section h4,.type-category #filters-wrapper .slider-wrapper h4{color:#000;cursor:pointer;font-size:18px;font-weight:500;margin-bottom:0;margin-top:0;padding-bottom:16px;padding-top:18px;position:relative;text-transform:none;transition:all .2s ease-in-out}.type-category #filters-wrapper .filter-section h4:after,.type-category #filters-wrapper .slider-wrapper h4:after{content:"\e911";display:inline-block;font-family:shoptet;font-size:14px;height:14px;margin-top:-7px;position:absolute;right:0;top:50%;transform:rotate(-180deg);width:14px}.type-category #filters-wrapper .filter-section label h4,.type-category #filters-wrapper .slider-wrapper label h4{display:none}.type-category #filters-wrapper .filter-section{border-top:1px solid #ffd8d9;padding-bottom:0;padding-top:0}.type-category #filters-wrapper .filter-section+.filter-section{border-color:#ffd8d9}.type-category #filters-wrapper .filter-section .slider-header-params .from,.type-category #filters-wrapper .filter-section .slider-header-params .to{height:0}.type-category #filters-wrapper .filter-section form{height:0;padding:0;transform:scaleY(0);transform-origin:left top}.type-category #filters-wrapper .filter-section.showFilter{padding-bottom:15px}.type-category #filters-wrapper .filter-section.showFilter form{height:unset;transform:scaleY(1)}.type-category #filters-wrapper .filter-section.showFilter .slider-header-params .from,.type-category #filters-wrapper .filter-section.showFilter .slider-header-params .to{height:auto}.type-category #filters-wrapper .filter-section fieldset div label{font-size:15px;margin-bottom:5px;margin-right:0}.type-category #filters-wrapper .filter-section label.active{font-weight:600}.type-category #filters-wrapper .filter-section input[type=checkbox]+label:before{border-color:#000}.type-category #filters-wrapper .filter-section input[type=checkbox]:disabled+label:before{border-color:#d6d6d6}.type-category #filters-wrapper .filter-section input[type=checkbox]:checked+label:before{background-color:#000;border-color:#000;color:#fff}.type-category #filters-wrapper .slider-wrapper{border-top:1px solid #ffd8d9;padding:0 10px 10px}.type-category #filters-wrapper .slider-wrapper>div{height:unset;transform:scaleY(1)}.type-category #filters-wrapper .slider-wrapper.hideFilter{height:62px;min-height:auto}.type-category #filters-wrapper .slider-wrapper.hideFilter h4:after{content:"\e911";font-family:shoptet;transform:rotate(-180deg)}.type-category #filters-wrapper .slider-wrapper.hideFilter>div{height:0;padding:0;transform:scaleY(0);transform-origin:left top}.type-category #filters-wrapper .slider-header{padding-bottom:10px}.type-category #filters-wrapper .filter-section.showFilter h4:after,.type-category #filters-wrapper .slider-wrapper h4:after{content:"\e911";font-family:shoptet;transform:rotate(0)}.type-category #filters-wrapper .filter-label .filter-count{background-color:transparent;float:right;font-size:15px;font-weight:400;padding:0;width:auto}@media only screen and (max-width:767px){.type-category .listSorting{display:block!important;position:relative}.type-category .listSorting .listSorting__controls{height:32px;list-style:none;margin:1px 0 0;overflow:hidden;padding:32px 0 0;position:relative;width:190px;z-index:3}.type-category .listSorting .listSorting__controls:before{color:#cc4f54;content:"\e917";display:inline-block;font-family:shoptet;font-size:20px;font-size:18px;font-weight:400;height:24px;left:7px;line-height:1;margin-right:5px;margin-top:6px;position:absolute;top:1px;width:24px}.type-category .listSorting .listSorting__controls li{background:#fff;width:100%}.type-category .listSorting .listSorting__controls li:last-child{padding-bottom:5px}.type-category .listSorting .listSorting__controls li button{align-items:center;background:transparent;border:none;color:#000;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:flex-start;padding-left:38px;text-align:left;text-decoration:none;width:100%}.type-category .listSorting .listSorting__controls li button:hover{text-decoration:underline}.type-category .listSorting .listSorting__controls li button.listSorting__control--current{font-weight:500;left:0;position:absolute;top:0}.type-category .listSorting .listSorting__controls li button.listSorting__control--current:hover{text-decoration:none}.type-category .listSorting .listSorting__controls li button.listSorting__control--current:after{display:none}.type-category .listSorting .listSorting__controls:hover{overflow:visible}}@media (min-width:768px){.type-category .listSorting{margin-left:auto}.type-category .listSorting .listSorting__controls{display:flex;gap:0 10px;height:auto;padding:0;width:auto}.type-category .listSorting .listSorting__controls:before{display:none}.type-category .listSorting .listSorting__controls li button{background-color:#fff;border:1px solid #cc4f54;border-radius:3px;color:#000;display:block;height:auto;margin:0;padding:3px 15px 4px;text-decoration:none;transition:.3s ease-in-out}.type-category .listSorting .listSorting__controls li button:hover{background-color:#cc4f54;border:1px solid #cc4f54;color:#fff;text-decoration:none}.type-category .listSorting .listSorting__controls li button.listSorting__control--current{background-color:#cc4f54;color:#fff!important;position:static}.type-category .listSorting .listSorting__controls li button.listSorting__control--current:after{display:none!important}}@media (max-width:767px){.type-category #filters{margin-bottom:25px}}.type-category #filters .slider-content,.type-category #filters .slider-header{display:block}.type-category #filters .slider-header{margin-bottom:9px}.type-category #filters .filter-section.rolled h4+form{max-height:200px;overflow:auto}.type-category #filters .filter-sections fieldset>div,.type-category #filters .param-filter-top form[action="/action/ProductsListing/setStockFilter/"] div{width:100%}.type-category #filters #clear-filters{padding:0}@media (max-width:767px){.type-category #filters #clear-filters{margin-top:15px}}.type-category #filters #clear-filters a{background-color:transparent;font-size:15px;font-weight:500;padding:0;text-transform:none}.type-category #filters #clear-filters a:after{display:none}.type-category #filters #clear-filters a:hover{text-decoration:underline}@media (max-width:767px){.type-category #filters .filter-total-count{margin-top:10px;text-align:center}}@media (min-width:768px){.type-category #filters{background-color:#fff;height:100vh;left:0;overflow:auto;padding:55px 20px 0;position:fixed;top:0;transform:translateX(-100%);width:420px;z-index:110}.type-category #filters .close{align-items:center;cursor:pointer;display:flex;font-size:0;height:50px;justify-content:center;position:absolute;right:10px;top:2px;width:50px}.type-category #filters .close:before{color:#000;content:"\e912";font-family:shoptet;font-size:16px;font-weight:400;line-height:1}.type-category #filters .filter-section-count{border-bottom:none;order:100;padding-bottom:10px;text-align:center}.type-category #filters .filter-section-count .btn{background-color:#cc4f54;border-color:#cc4f54;color:#fff;margin:30px 0 20px;width:100%}.type-category #filters .filter-section-count .btn:hover{background-color:#a02e33;border-color:#a02e33;color:#fff}.type-category #filters .filter-section-count .btn .countProducts{margin-left:3px}.type-category #filters .filter-section-count .btn .countProducts:before{content:"("}.type-category #filters .filter-section-count .btn .countProducts:after{content:")"}.type-category #filters .filter-section-count .filter-total-count{display:none}.type-category.filters-visible{overflow:hidden}.type-category.filters-visible #filters{transform:translateX(0)}.type-category.filters-visible #filters-wrapper:before{animation:fadeIn .3s ease-in-out forwards;background:rgba(51,58,50,.749);content:"";display:flex;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:70}.type-category.filters-visible .category-header-wrapper{z-index:100}.type-category .category-header-wrapper{align-items:center;background-color:#fff;display:flex;gap:2rem;justify-content:space-between;padding:20px 0;position:sticky;top:0;width:100%;z-index:1}.type-category #category-header{background-color:#fff;border:none;margin:0}}@media (min-width:768px) and (min-width:768px){.type-category #category-header{margin-left:auto}}@media (min-width:768px){.type-category #category-header .listItemsTotal,.type-category .category-content-wrapper>#filters-wrapper{display:none}.type-category #filters{display:block}}@media (max-width:767px){.type-category #filters .close{display:none}.type-category #content .filters-unveil-button-wrapper .custom-filters-btn{width:100%}.type-category #content #filters .filter-section-count{order:100}.type-category #content #filters .filter-section-count .btn-primary{display:none!important}}.type-category #content .filters-unveil-button-wrapper{margin:0!important}.type-category #content .filters-unveil-button-wrapper .unveil-button{background-color:#cc4f54;border-color:#cc4f54;color:#fff;padding:7px 28px 9px}@media (min-width:768px){.type-category #content .filters-unveil-button-wrapper .unveil-button{display:none!important}}.type-category #content .filters-unveil-button-wrapper .unveil-button:hover{background-color:#a02e33;border-color:#a02e33;color:#fff}.type-category #content .filters-unveil-button-wrapper .unveil-button:before{content:"\e942";font-family:shoptet;margin-right:10px;position:relative;top:2px}.type-category #content .filters-unveil-button-wrapper .custom-filters-btn{background-color:#cc4f54;border-color:#cc4f54;color:#fff;padding:7px 28px 9px}@media (max-width:767px){.type-category #content .filters-unveil-button-wrapper .custom-filters-btn{display:none!important}}.type-category #content .filters-unveil-button-wrapper .custom-filters-btn:hover{background-color:#a02e33;border-color:#a02e33;color:#fff}.type-category #content .filters-unveil-button-wrapper .custom-filters-btn:before{content:"\e942";font-family:shoptet;margin-right:10px;position:relative;top:2px}
/* ------------------------------------------------------------------
   Karusel na titulce: rezervované místo pro tečky pod bannerem.
   Přidáno 25. 9. 2026, protokol v PROVEDENE-ZASAHY.md, krok 37.

   V čem byl problém: seznam teček <ol class="carousel-indicators">
   ve zdrojovém HTML od serveru VŮBEC NENÍ, vkládá ho javascript až po
   načtení. Je to prvek v běžném toku s margin-top 16 px, takže když
   naskočí, celý karusel povyroste a všechno pod ním skočí dolů.
   Změřeno: desktop 306 na 342 px, mobil 171 na 210. V nejhorším běhu
   to dalo posun 0,38.

   Co se s tím dělá: karusel dostane spodní výplň přesně té výšky
   a tečky se z toku vyjmou a posadí se do ní. Místo je rezervované
   od začátku, místo aby vzniklo až po načtení.

   POZOR NA TY DESETINY, stály jedno kolo měření. Tečky nemají 19 px,
   ale 19,375 px na desktopu a 22,141 px na mobilu. S kulatými 19 a 22
   vycházela rezerva o 0,375 respektive 0,141 px menší a na šířce 1440
   se to zaokrouhlilo na celý pixel rozdílu ve výšce karuselu.
   Proto jsou tu desetinná čísla a proto se tečkám NENASTAVUJE výška,
   drží si vlastní.

     desktop  19,375 + 16 = 35,375 px
     mobil    22,141 + 16 = 38,141 px
   ------------------------------------------------------------------ */
.wide-carousel #carousel {
    padding-bottom: 35.375px;
}
.wide-carousel #carousel .carousel-indicators {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
}
@media (max-width: 767px) {
    .wide-carousel #carousel {
        padding-bottom: 38.141px;
    }
}


/* ------------------------------------------------------------------
   v5, 29. 9. 2026, krok 43 v PROVEDENE-ZASAHY.md. Dvě věci navíc proti v4:

   1) BLOK NOVINKY NA TITULCE PRYČ. Zadání klienta 26. 9. 2026: „odstranit
      novinky". Schovává se CSS, ne javascriptem, aby se blok nikdy nevykreslil
      a nevznikl posun rozvržení. Nadpis má ::after s textem z inline stylu
      v hlavičce, display:none schová i ten. Karusel, který na blok navazuje
      vlastní script.js, na skrytém prvku nic nerozbije.
      Vrácení: smazat tohle pravidlo, nic jiného se neměnilo.               */
.homepage-products-heading-10,
#products-10 {
    display: none !important;
}

/* 2) POJISTKA BANNERU. 27. 9. 2026 skákala stránka mezi dvěma bannery
      s různým poměrem stran (1200×400 a 2709×730), protože výška karuselu
      se řídí právě zobrazeným obrázkem. Od teď má každý obrázek v karuselu
      poměr 3:1 jako současný banner; obrázek jiného poměru se ořízne
      (object-fit: cover) místo toho, aby změnil výšku a hnul stránkou.
      Šířka se nemění, řídí ji dál atribut width a max-width od šablony,
      takže současný banner 1200×400 vypadá na desetinu pixelu stejně.
      Doporučený rozměr nových bannerů: desktop 2400×800 (nebo jakýkoli 3:1),
      mobil 875×418 (nebo stejný poměr 2,09:1).                            */
body.desktop .wide-carousel #carousel .carousel-inner .item img {
    height: auto;
    aspect-ratio: 3 / 1;
    object-fit: cover;
}
/*    Mobilní šablona (body.mobile) má vlastní banner 875×418, tedy jiný poměr.
      Šablonu vybírá server podle zařízení, ne šířka okna, proto se to řídí
      třídou na body, ne media query.                                        */
body.mobile .wide-carousel #carousel .carousel-inner .item img {
    height: auto;
    aspect-ratio: 875 / 418;
    object-fit: cover;
}
