/* ==========================================================
   JOSPORT REDESIGN 2026
   CATEGORY V7
   ========================================================== */

/* 1. Skrytí H1 v kategoriích (SEO zachováno) */
.type-category .category-title,
.type-category h1.category-title,
.type-category .content-wrapper h1:first-of-type{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* 2. Odstranění mezery po H1 */
.type-category .category-top,
.type-category .category-header,
.type-category .content-wrapper{
    margin-top:0!important;
    padding-top:0!important;
}


/* ==========================================================
   3. POPIS KATEGORIE – BANNER VŽDY CELÝ, TEXT ROZBALOVACÍ
   Celý obsah zůstává v HTML kvůli SEO.
   PC: přibližně 10 řádků textu
   Mobil: přibližně 6 řádků textu
   ========================================================== */

/* Samotný obal kategorie už se nikdy neořezává – banner zůstane celý. */
.type-category .category-perex{
    position:relative!important;
    max-height:none!important;
    overflow:visible!important;
}

/* Skript do tohoto obalu přesune pouze obsah ZA bannerem. */
.type-category .jo-category-description-content-v6{
    position:relative!important;
    overflow:hidden!important;
    max-height:17em!important; /* cca 10 řádků na PC */
    line-height:1.7!important;
    transition:max-height .35s ease!important;
}

/* Jemné vyblednutí pouze na konci zkráceného textu. */
.type-category
.jo-category-description-content-v6:not(.jo-expanded)::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:80px;
    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        #fff 86%
    );
    pointer-events:none;
}

/* Rozbalený text. */
.type-category
.jo-category-description-content-v6.jo-expanded{
    max-height:none!important;
    overflow:visible!important;
}

/* Tlačítko rozbalení. */
.type-category .jo-category-toggle-v6{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    min-height:44px!important;
    margin:14px auto 26px!important;
    padding:0 18px!important;
    border:1px solid #cbdbea!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#075b9f!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:0 6px 16px rgba(17,52,89,.06)!important;
    cursor:pointer!important;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease!important;
}

.type-category .jo-category-toggle-v6:hover,
.type-category .jo-category-toggle-v6:focus-visible{
    border-color:#9fc4df!important;
    background:#f4f9fd!important;
    color:#075b9f!important;
    box-shadow:0 8px 20px rgba(17,52,89,.10)!important;
    outline:none!important;
}

@media (max-width:767px){
    .type-category .jo-category-description-content-v6{
        max-height:10.2em!important; /* cca 6 řádků */
    }

    .type-category
    .jo-category-description-content-v6:not(.jo-expanded)::after{
        height:64px;
    }

    .type-category .jo-category-toggle-v6{
        width:100%!important;
        margin:12px 0 22px!important;
        box-sizing:border-box!important;
    }
}

/* ==========================================================
   JOSPORT CATEGORY V15 — CLEAN PREMIUM SIDEBAR
   ČISTÁ VERZE POSTAVENÁ PŘÍMO Z CATEGORY V7.
   ŽÁDNÉ STARÉ V8–V14 PATCHY.
   ========================================================== */

@media (min-width:768px){

  body.type-category aside.sidebar.sidebar-left{
    width:258px !important;
    min-width:258px !important;
    max-width:258px !important;
    margin-right:24px !important;
    padding:0 !important;
  }

  body.type-category .sidebar-inner.sidebar-filters-wrapper{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    width:100% !important;
  }

  body.type-category .sidebar-left .box{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #dbe5ee !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 12px 34px rgba(20,52,82,.065) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.type-category .sidebar-left .box-categories{
    padding:17px 14px 15px !important;
  }

  /* Nadpis KATEGORIE */
  body.type-category .sidebar-left .box-categories > h4,
  body.type-category .sidebar-left .box-categories .box-title,
  body.type-category .sidebar-left .box-categories .title,
  body.type-category .sidebar-left .box-categories .box-heading{
    margin:0 0 12px !important;
    padding:0 2px 12px !important;
    border-bottom:1px solid #edf2f6 !important;
    color:#173b5e !important;
    font-family:"Roboto",Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
  }

  /*
   * DŮLEŽITÉ:
   * odstranění všech Shoptet pseudo znaků +/−.
   * Žádné vlastní pseudo ikony zde nevytváříme.
   */
  body.type-category .sidebar-left .box-categories .categories::before,
  body.type-category .sidebar-left .box-categories .categories::after,
  body.type-category .sidebar-left .box-categories .topic::before,
  body.type-category .sidebar-left .box-categories .topic::after,
  body.type-category .sidebar-left .box-categories .topic > a::before,
  body.type-category .sidebar-left .box-categories .topic > a::after,
  body.type-category .sidebar-left .box-categories ul::before,
  body.type-category .sidebar-left .box-categories ul::after,
  body.type-category .sidebar-left .box-categories li::before,
  body.type-category .sidebar-left .box-categories li::after,
  body.type-category .sidebar-left .box-categories li > a::before,
  body.type-category .sidebar-left .box-categories li > a::after{
    content:none !important;
    display:none !important;
  }

  /* Reset stromu */
  body.type-category .sidebar-left .box-categories .categories,
  body.type-category .sidebar-left .box-categories .topic{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  /* Hlavní položky */
  body.type-category .sidebar-left .box-categories .categories > .topic > a{
    display:block !important;
    width:100% !important;
    min-height:36px !important;
    margin:0 !important;
    padding:9px 10px !important;
    border:1px solid transparent !important;
    border-radius:10px !important;
    background:transparent !important;
    color:#465f73 !important;
    font-family:"Roboto",Arial,sans-serif !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    box-sizing:border-box !important;
  }

  body.type-category .sidebar-left .box-categories .categories > .topic > a:hover{
    color:#075b9f !important;
    background:#f5f9fc !important;
    border-color:#e5eef5 !important;
  }

  /* Aktivní hlavní kategorie podle skutečného Shoptet DOM */
  body.type-category .sidebar-left .box-categories
  .categories.active > .topic.active,
  body.type-category .sidebar-left .box-categories
  .categories.active.expanded > .topic.active{
    position:relative !important;
    margin:4px -7px 5px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  body.type-category .sidebar-left .box-categories
  .categories.active > .topic.active > a,
  body.type-category .sidebar-left .box-categories
  .categories.active.expanded > .topic.active > a{
    min-height:40px !important;
    padding:10px 12px 10px 18px !important;
    border:1px solid #cfe3f2 !important;
    border-radius:11px !important;
    background:linear-gradient(90deg,#eaf5fc 0%,#f5fafe 100%) !important;
    color:#075889 !important;
    font-size:13px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    box-shadow:0 5px 14px rgba(7,91,159,.07) !important;
  }

  body.type-category .sidebar-left .box-categories
  .categories.active > .topic.active{
    border-left:4px solid #1594d2 !important;
    border-radius:4px 11px 11px 4px !important;
  }

  /* Rozbalené podkategorie */
  body.type-category .sidebar-left .box-categories
  .categories > ul{
    margin:4px 0 9px 12px !important;
    padding:2px 0 2px 12px !important;
    border:0 !important;
    border-left:1px solid #e2ebf2 !important;
    background:transparent !important;
    list-style:none !important;
  }

  body.type-category .sidebar-left .box-categories
  .categories > ul > li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    list-style:none !important;
  }

  body.type-category .sidebar-left .box-categories
  .categories > ul > li > a{
    display:block !important;
    width:100% !important;
    min-height:32px !important;
    margin:0 !important;
    padding:7px 8px !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#526c81 !important;
    font-family:"Roboto",Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    box-sizing:border-box !important;
  }

  body.type-category .sidebar-left .box-categories
  .categories > ul > li > a:hover{
    color:#075b9f !important;
    background:#f5f9fc !important;
  }

  body.type-category .sidebar-left .box-categories
  .categories > ul > li.active > a{
    color:#075b9f !important;
    background:#f1f8fc !important;
    font-weight:700 !important;
  }

  /* TOP 10 */
  body.type-category .sidebar-left .box-topProducts{
    padding:16px 14px !important;
  }

  body.type-category .sidebar-left .box-topProducts > h4,
  body.type-category .sidebar-left .box-topProducts .box-title,
  body.type-category .sidebar-left .box-topProducts .title,
  body.type-category .sidebar-left .box-topProducts .box-heading{
    margin:0 0 12px !important;
    padding:0 2px 11px !important;
    border-bottom:1px solid #edf2f6 !important;
    color:#173b5e !important;
    font-family:"Roboto",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
  }

  body.type-category .sidebar-left .box-topProducts .product,
  body.type-category .sidebar-left .box-topProducts li{
    margin:0 !important;
    padding:9px 0 !important;
    border-bottom:1px solid #edf2f6 !important;
    background:transparent !important;
  }

  body.type-category .sidebar-left .box-topProducts .product:last-child,
  body.type-category .sidebar-left .box-topProducts li:last-child{
    border-bottom:0 !important;
  }

  body.type-category .sidebar-left .box-topProducts img{
    border-radius:9px !important;
    background:#f7fafc !important;
  }

  body.type-category .sidebar-left .box-topProducts a{
    color:#435e74 !important;
    font-family:"Roboto",Arial,sans-serif !important;
    font-size:10.5px !important;
    line-height:1.3 !important;
    font-weight:600 !important;
    text-decoration:none !important;
  }

  body.type-category .content-wrapper-in.sidebar-indented{
    align-items:flex-start !important;
  }

  body.type-category .category-content-wrapper{
    min-width:0 !important;
    flex:1 1 auto !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.19 — VNITŘNĚ VNOŘENÁ TEXTOVÁ BARVA
   Stejné zobrazení i pro položku uloženou hlouběji ve formuláři.
   ========================================================== */

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only.open > form .jo-color-text-option{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.filter-label.jo-color-text-only,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.filter-label.no-display.jo-color-text-only{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:40px !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 11px !important;
  border:1px solid #d9e6ef !important;
  border-radius:999px !important;
  background:#f7fafc !important;
  color:#425d72 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-indent:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}

@media (min-width:1200px){
  body.type-category .sidebar-inner.sidebar-filters-wrapper{
    position:sticky !important;
    top:108px !important;
    align-self:flex-start !important;
  }
}

@media (max-width:767px){
  body.type-category aside.sidebar.sidebar-left{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin-right:0 !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16 — CAT-TRIGGER CLEAN FIX
   Odstranění Shoptet symbolů z .cat-trigger.
   ========================================================== */

@media (min-width:768px){

  /* Shoptet vkládá do rozbalitelných kategorií span.cat-trigger
     s vlastním ::before symbolem. Ten se nesmí vykreslovat přes text. */
  body.type-category .sidebar-left .box-categories .cat-trigger,
  body.type-category .sidebar-left .box-categories span.cat-trigger{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  body.type-category .sidebar-left .box-categories .cat-trigger::before,
  body.type-category .sidebar-left .box-categories .cat-trigger::after,
  body.type-category .sidebar-left .box-categories span.cat-trigger::before,
  body.type-category .sidebar-left .box-categories span.cat-trigger::after{
    content:none !important;
    display:none !important;
  }

  /* Odkazy nemají rezervu pro původní trigger */
  body.type-category .sidebar-left .box-categories .categories > .topic > a{
    padding-left:10px !important;
  }

  body.type-category .sidebar-left .box-categories
  .categories.active > .topic.active > a,
  body.type-category .sidebar-left .box-categories
  .categories.active.expanded > .topic.active > a{
    padding-left:18px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.1 — SUBCATEGORY ALIGNMENT
   Menší odsazení vnořených podkategorií na desktopu.
   Ostatní vzhled V16 zůstává beze změny.
   ========================================================== */

@media (min-width:768px){

  /* První úroveň podkategorií blíž k levému okraji */
  body.type-category .sidebar-left .box-categories
  .categories > ul{
    margin-left:7px !important;
    padding-left:8px !important;
  }

  /* Druhá a hlubší úroveň už nepřidává velké další odsazení */
  body.type-category .sidebar-left .box-categories
  .categories > ul ul{
    margin-left:4px !important;
    padding-left:6px !important;
  }

  /* Text hlubších podkategorií typu JOMA START CLUB SET */
  body.type-category .sidebar-left .box-categories
  .categories > ul ul > li > a{
    padding-left:6px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.2 — PREMIUM SIDEBAR SECTIONS
   Desktop only:
   - Týmová zóna permanentně podbarvená
   - nad JOMA nadpis ZNAČKY
   - pod LEGEA / před Výprodej nadpis OSTATNÍ
   - zachovává V16.1 layout a odsazení
   ========================================================== */

@media (min-width:768px){

  /* TÝMOVÁ ZÓNA */
  body.type-category .sidebar-left .box-categories
  a[href*="/tymova-zona"],
  body.type-category .sidebar-left .box-categories
  a[href*="/tymova-zona/"]{
    position:relative !important;
    display:block !important;
    margin:4px 0 6px !important;
    padding:10px 11px !important;
    border:1px solid #d8eaf7 !important;
    border-radius:11px !important;
    background:linear-gradient(90deg,#edf7fd 0%,#f7fbfe 100%) !important;
    color:#075b9f !important;
    font-weight:700 !important;
    box-shadow:0 4px 12px rgba(7,91,159,.05) !important;
  }

  body.type-category .sidebar-left .box-categories
  a[href*="/tymova-zona"]:hover,
  body.type-category .sidebar-left .box-categories
  a[href*="/tymova-zona/"]:hover{
    background:#e7f4fc !important;
    border-color:#c9e2f3 !important;
    color:#064f84 !important;
  }

  /* ZNAČKY – sekční nadpis před JOMA.
     :has() cílí na wrapper kategorie, takže pseudo-element není uvnitř textu odkazu. */
  body.type-category .sidebar-left .box-categories
  .categories:has(> .topic > a[href*="/joma"])::before{
    content:"ZNAČKY" !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:17px 4px 7px !important;
    padding:0 0 8px !important;
    border:0 !important;
    border-bottom:1px solid #d9e8f3 !important;
    background:transparent !important;
    color:#075b9f !important;
    font-family:"Roboto",Arial,sans-serif !important;
    font-size:10.5px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    letter-spacing:.075em !important;
    text-transform:uppercase !important;
    position:static !important;
    visibility:visible !important;
  }

  /* OSTATNÍ – vložit před Výprodej, tedy hned za blok značek */
  body.type-category .sidebar-left .box-categories
  .categories:has(> .topic > a[href*="/vyprodej"])::before{
    content:"OSTATNÍ" !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:17px 4px 7px !important;
    padding:0 0 8px !important;
    border:0 !important;
    border-bottom:1px solid #d9e8f3 !important;
    background:transparent !important;
    color:#075b9f !important;
    font-family:"Roboto",Arial,sans-serif !important;
    font-size:10.5px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    letter-spacing:.075em !important;
    text-transform:uppercase !important;
    position:static !important;
    visibility:visible !important;
  }

  /* Značky – lehce čistší textová skupina */
  body.type-category .sidebar-left .box-categories
  .categories:has(> .topic > a[href*="/joma"]) > .topic > a,
  body.type-category .sidebar-left .box-categories
  .categories:has(> .topic > a[href*="/givova"]) > .topic > a,
  body.type-category .sidebar-left .box-categories
  .categories:has(> .topic > a[href*="/legea"]) > .topic > a{
    color:#385873 !important;
    font-weight:600 !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.3 — SUBCATEGORY TYPOGRAPHY
   Menší a jemnější text hlubších podkategorií.
   Desktop only.
   ========================================================== */

@media (min-width:768px){

  /* Druhá a hlubší úroveň: Mety, Kužele, Tréninkové překážky... */
  body.type-category .sidebar-left .box-categories
  .categories > ul ul > li > a{
    min-height:28px !important;
    padding:5px 6px !important;
    color:#536b7f !important;
    font-size:11px !important;
    line-height:1.32 !important;
    font-weight:500 !important;
  }

  body.type-category .sidebar-left .box-categories
  .categories > ul ul > li > a:hover{
    color:#075b9f !important;
    background:#f5f9fc !important;
  }

  /* Aktivní hlubší podkategorie */
  body.type-category .sidebar-left .box-categories
  .categories > ul ul > li.active > a{
    color:#075b9f !important;
    background:#eef6fc !important;
    font-size:11px !important;
    font-weight:700 !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.4 — SUBCATEGORY CARDS GRID
   Moderní dlaždice podkategorií v hlavním obsahu kategorie.
   Desktop only – mobilní verze zůstává beze změny.
   ========================================================== */

@media (min-width:768px){

  body.type-category main#content ul.subcategories.with-image,
  body.type-category .category-content-wrapper ul.subcategories.with-image{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    margin:8px 0 28px !important;
    padding:0 !important;
    list-style:none !important;
  }

  body.type-category main#content ul.subcategories.with-image > li,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    flex:none !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    width:100% !important;
    min-height:66px !important;
    margin:0 !important;
    padding:10px 36px 10px 11px !important;
    border:1px solid #dce7ef !important;
    border-radius:13px !important;
    background:#fff !important;
    color:#173b5e !important;
    box-shadow:0 6px 18px rgba(20,52,82,.045) !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a:hover,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a:hover{
    transform:translateY(-2px) !important;
    border-color:#bcd9ec !important;
    background:#f7fbfe !important;
    box-shadow:0 10px 24px rgba(20,84,126,.09) !important;
    color:#075b9f !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a img,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a img{
    display:block !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:5px !important;
    object-fit:contain !important;
    border:1px solid #e3edf4 !important;
    border-radius:10px !important;
    background:#f4f9fc !important;
    box-sizing:border-box !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a .image,
  body.type-category main#content ul.subcategories.with-image > li > a .subcategories-image,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .image,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .subcategories-image{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a .text,
  body.type-category main#content ul.subcategories.with-image > li > a .name,
  body.type-category main#content ul.subcategories.with-image > li > a span:not(.image):not(.subcategories-image),
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .text,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .name,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a span:not(.image):not(.subcategories-image){
    min-width:0 !important;
    color:inherit !important;
    font-family:"Roboto",Arial,sans-serif !important;
    font-size:12.5px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a::after,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a::after{
    content:"›" !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    width:20px !important;
    height:20px !important;
    transform:translateY(-50%) !important;
    border-radius:7px !important;
    background:#eef6fc !important;
    color:#0b6daf !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a::before,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a::before{
    content:none !important;
    display:none !important;
  }
}

@media (min-width:768px) and (max-width:1199px){
  body.type-category main#content ul.subcategories.with-image,
  body.type-category .category-content-wrapper ul.subcategories.with-image{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (min-width:768px) and (max-width:959px){
  body.type-category main#content ul.subcategories.with-image,
  body.type-category .category-content-wrapper ul.subcategories.with-image{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.5 — SUBCATEGORY CARDS FINAL
   - bez šipek
   - desktop zachován
   - doplněn čistý mobilní grid
   ========================================================== */

/* ŠIPKY PRYČ – desktop i mobil */
body.type-category main#content ul.subcategories.with-image > li > a::after,
body.type-category .category-content-wrapper ul.subcategories.with-image > li > a::after{
  content:none !important;
  display:none !important;
}

/* Po odstranění šipky není potřeba velká pravá rezerva */
@media (min-width:768px){
  body.type-category main#content ul.subcategories.with-image > li > a,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a{
    padding-right:12px !important;
  }
}

/* MOBIL */
@media (max-width:767px){

  body.type-category main#content ul.subcategories.with-image,
  body.type-category .category-content-wrapper ul.subcategories.with-image{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    margin:8px 0 22px !important;
    padding:0 !important;
    list-style:none !important;
  }

  body.type-category main#content ul.subcategories.with-image > li,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    min-height:56px !important;
    margin:0 !important;
    padding:8px 9px !important;
    border:1px solid #dce7ef !important;
    border-radius:11px !important;
    background:#fff !important;
    color:#173b5e !important;
    box-shadow:0 4px 12px rgba(20,52,82,.04) !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a img,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a img{
    display:block !important;
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    margin:0 !important;
    padding:4px !important;
    object-fit:contain !important;
    border:1px solid #e3edf4 !important;
    border-radius:9px !important;
    background:#f4f9fc !important;
    box-sizing:border-box !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a .image,
  body.type-category main#content ul.subcategories.with-image > li > a .subcategories-image,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .image,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .subcategories-image{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    margin:0 !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a .text,
  body.type-category main#content ul.subcategories.with-image > li > a .name,
  body.type-category main#content ul.subcategories.with-image > li > a span:not(.image):not(.subcategories-image),
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .text,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .name,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a span:not(.image):not(.subcategories-image){
    min-width:0 !important;
    color:inherit !important;
    font-family:"Roboto",Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
    overflow-wrap:break-word !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a::before,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a::before{
    content:none !important;
    display:none !important;
  }
}

/* Velmi úzké telefony – stále 2 sloupce, ale kompaktnější */
@media (max-width:380px){
  body.type-category main#content ul.subcategories.with-image,
  body.type-category .category-content-wrapper ul.subcategories.with-image{
    gap:6px !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a{
    gap:6px !important;
    padding:7px !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a img,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a img{
    flex-basis:32px !important;
    width:32px !important;
    height:32px !important;
  }

  body.type-category main#content ul.subcategories.with-image > li > a .text,
  body.type-category main#content ul.subcategories.with-image > li > a .name,
  body.type-category main#content ul.subcategories.with-image > li > a span:not(.image):not(.subcategories-image),
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .text,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a .name,
  body.type-category .category-content-wrapper ul.subcategories.with-image > li > a span:not(.image):not(.subcategories-image){
    font-size:10.5px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.6 — PRODUCTS TOP REDESIGN
   Nejprodávanější:
   - kompaktní karta
   - odstranění prázdných grid řádků
   - 3 produkty na desktopu
   - čistší tlačítko "Zobrazit více produktů"
   ========================================================== */

/* ZÁKLAD BLOKU */
body.type-category .products-top-wrapper{
  position:relative !important;
  width:100% !important;
  margin:26px 0 24px !important;
  padding:18px 18px 16px !important;
  border:1px solid #dce7ef !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(20,52,82,.05) !important;
  box-sizing:border-box !important;
}

/* NADPIS */
body.type-category .products-top-wrapper > .products-top-header,
body.type-category #productsTopHeading{
  margin:0 0 14px !important;
  padding:0 0 12px !important;
  border-bottom:1px solid #edf2f6 !important;
  color:#173b5e !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

/* HLAVNÍ GRID – tím se odstraní ony prázdné řádky */
body.type-category .products-top-wrapper #productsTop,
body.type-category .products-top-wrapper .products-top{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-rows:auto !important;
  align-items:stretch !important;
  gap:12px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

/* Skutečně neaktivní Shoptet položky nesmí držet prázdný grid řádek */
body.type-category .products-top-wrapper.has-inactive
#productsTop > .product.inactive,
body.type-category .products-top-wrapper.has-inactive
#productsTop > .inactive,
body.type-category .products-top-wrapper.has-inactive
.products-top > .product.inactive,
body.type-category .products-top-wrapper.has-inactive
.products-top > .inactive{
  display:none !important;
}

/* PRODUKTOVÁ KARTA */
body.type-category .products-top-wrapper #productsTop > .product,
body.type-category .products-top-wrapper .products-top > .product{
  position:relative !important;
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
  grid-template-rows:auto auto 1fr !important;
  column-gap:12px !important;
  row-gap:4px !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  min-height:126px !important;
  height:auto !important;
  margin:0 !important;
  padding:12px !important;
  border:1px solid #e1eaf1 !important;
  border-radius:13px !important;
  background:#fff !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* Obrázek */
body.type-category .products-top-wrapper #productsTop > .product .image,
body.type-category .products-top-wrapper #productsTop > .product .p-image,
body.type-category .products-top-wrapper .products-top > .product .image,
body.type-category .products-top-wrapper .products-top > .product .p-image{
  grid-column:1 !important;
  grid-row:1 / -1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:82px !important;
  height:82px !important;
  margin:0 !important;
  padding:5px !important;
  border-radius:11px !important;
  background:#f8fbfd !important;
  box-sizing:border-box !important;
}

body.type-category .products-top-wrapper #productsTop > .product img,
body.type-category .products-top-wrapper .products-top > .product img{
  display:block !important;
  width:100% !important;
  max-width:72px !important;
  height:72px !important;
  max-height:72px !important;
  margin:0 auto !important;
  object-fit:contain !important;
}

/* Název */
body.type-category .products-top-wrapper #productsTop .p-name,
body.type-category .products-top-wrapper #productsTop .name,
body.type-category .products-top-wrapper .products-top .p-name,
body.type-category .products-top-wrapper .products-top .name{
  grid-column:2 !important;
  margin:0 !important;
  color:#173b5e !important;
  font-size:12px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

/* Dostupnost */
body.type-category .products-top-wrapper #productsTop .availability,
body.type-category .products-top-wrapper .products-top .availability{
  grid-column:2 !important;
  margin:0 !important;
  font-size:11px !important;
  line-height:1.25 !important;
}

/* Cena */
body.type-category .products-top-wrapper #productsTop .price,
body.type-category .products-top-wrapper #productsTop .price-final,
body.type-category .products-top-wrapper .products-top .price,
body.type-category .products-top-wrapper .products-top .price-final{
  grid-column:2 !important;
  align-self:end !important;
  margin:3px 0 0 !important;
  color:#0f2740 !important;
  font-size:17px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
}

/* Staré bootstrap/grid mezery uvnitř product-top */
body.type-category .products-top-wrapper #productsTop::before,
body.type-category .products-top-wrapper #productsTop::after,
body.type-category .products-top-wrapper .products-top::before,
body.type-category .products-top-wrapper .products-top::after{
  content:none !important;
  display:none !important;
}

/* TLAČÍTKO "ZOBRAZIT VÍCE PRODUKTŮ" */
body.type-category .products-top-wrapper > .button-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:14px 0 0 !important;
  padding:12px 0 0 !important;
  border-top:1px solid #edf2f6 !important;
}

body.type-category .products-top-wrapper > .button-wrapper a,
body.type-category .products-top-wrapper > .button-wrapper button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:1px solid #cfe0ed !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#075b9f !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 4px 10px rgba(17,52,89,.04) !important;
}

/* TABLET */
@media (min-width:768px) and (max-width:1099px){
  body.type-category .products-top-wrapper #productsTop,
  body.type-category .products-top-wrapper .products-top{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* MOBIL */
@media (max-width:767px){
  body.type-category .products-top-wrapper{
    margin:20px 0 !important;
    padding:14px 12px !important;
    border-radius:14px !important;
  }

  body.type-category .products-top-wrapper > .products-top-header,
  body.type-category #productsTopHeading{
    margin-bottom:10px !important;
    padding-bottom:10px !important;
    font-size:16px !important;
  }

  body.type-category .products-top-wrapper #productsTop,
  body.type-category .products-top-wrapper .products-top{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body.type-category .products-top-wrapper #productsTop > .product,
  body.type-category .products-top-wrapper .products-top > .product{
    grid-template-columns:70px minmax(0,1fr) !important;
    min-height:104px !important;
    padding:10px !important;
  }

  body.type-category .products-top-wrapper #productsTop > .product .image,
  body.type-category .products-top-wrapper #productsTop > .product .p-image,
  body.type-category .products-top-wrapper .products-top > .product .image,
  body.type-category .products-top-wrapper .products-top > .product .p-image{
    width:70px !important;
    height:70px !important;
  }

  body.type-category .products-top-wrapper #productsTop > .product img,
  body.type-category .products-top-wrapper .products-top > .product img{
    max-width:62px !important;
    height:62px !important;
    max-height:62px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.7 — PRODUCTS TOP LAYOUT FIX
   Oprava struktury skutečného Shoptet productsTop:
   obsah produktu zůstane horizontálně a využije celou kartu.
   ========================================================== */

@media (min-width:768px){

  /* Karty – kompaktnější výška */
  body.type-category .products-top-wrapper #productsTop > .product,
  body.type-category .products-top-wrapper .products-top > .product{
    display:block !important;
    min-height:0 !important;
    height:auto !important;
    padding:12px 14px !important;
  }

  /* Skutečný vnitřní obal produktu */
  body.type-category .products-top-wrapper #productsTop > .product > div,
  body.type-category .products-top-wrapper .products-top > .product > div{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  /* Produktový odkaz / obsah – obrázek vlevo, data vpravo */
  body.type-category .products-top-wrapper #productsTop > .product a,
  body.type-category .products-top-wrapper .products-top > .product a{
    box-sizing:border-box !important;
  }

  /* Obrázek nemá zabírat celý blok ani tlačit text pod sebe */
  body.type-category .products-top-wrapper #productsTop .image,
  body.type-category .products-top-wrapper #productsTop .p-image,
  body.type-category .products-top-wrapper .products-top .image,
  body.type-category .products-top-wrapper .products-top .p-image{
    float:left !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:92px !important;
    height:92px !important;
    margin:0 14px 0 0 !important;
    padding:6px !important;
    border-radius:11px !important;
    background:#f8fbfd !important;
    box-sizing:border-box !important;
  }

  body.type-category .products-top-wrapper #productsTop .image img,
  body.type-category .products-top-wrapper #productsTop .p-image img,
  body.type-category .products-top-wrapper .products-top .image img,
  body.type-category .products-top-wrapper .products-top .p-image img{
    width:auto !important;
    max-width:80px !important;
    height:auto !important;
    max-height:80px !important;
    object-fit:contain !important;
  }

  /* Textová část dostane normální šířku */
  body.type-category .products-top-wrapper #productsTop .p-name,
  body.type-category .products-top-wrapper #productsTop .name,
  body.type-category .products-top-wrapper .products-top .p-name,
  body.type-category .products-top-wrapper .products-top .name{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    margin:2px 0 7px !important;
    color:#173b5e !important;
    font-size:13px !important;
    line-height:1.32 !important;
    font-weight:700 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.type-category .products-top-wrapper #productsTop .p-name a,
  body.type-category .products-top-wrapper #productsTop .name a,
  body.type-category .products-top-wrapper .products-top .p-name a,
  body.type-category .products-top-wrapper .products-top .name a{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  body.type-category .products-top-wrapper #productsTop .availability,
  body.type-category .products-top-wrapper .products-top .availability{
    display:block !important;
    width:auto !important;
    margin:0 0 8px !important;
    font-size:11px !important;
    line-height:1.25 !important;
  }

  body.type-category .products-top-wrapper #productsTop .price,
  body.type-category .products-top-wrapper #productsTop .price-final,
  body.type-category .products-top-wrapper .products-top .price,
  body.type-category .products-top-wrapper .products-top .price-final{
    display:block !important;
    width:auto !important;
    margin:0 !important;
    font-size:17px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
  }

  /* Clear float bez přidání výšky/prázdného řádku */
  body.type-category .products-top-wrapper #productsTop > .product::after,
  body.type-category .products-top-wrapper .products-top > .product::after{
    content:"" !important;
    display:block !important;
    clear:both !important;
  }

  /* O něco nižší celý blok */
  body.type-category .products-top-wrapper{
    padding:16px 18px 14px !important;
  }

  body.type-category .products-top-wrapper > .button-wrapper{
    margin-top:12px !important;
    padding-top:12px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.9 — MOBILE PRODUCTS TOP DOM FIX
   Skutečný Shoptet DOM:
   .product > .p > obsah produktu
   Grid NESMÍ být na .product, protože jediný .p child se pak
   nacpe do prvního sloupce. Mobil používá robustní float layout.
   PC zůstává beze změny.
   ========================================================== */

@media (max-width:767px){

  body.type-category .products-top-wrapper{
    margin:18px 0 20px !important;
    padding:13px 11px 12px !important;
    border-radius:14px !important;
  }

  body.type-category .products-top-wrapper > .products-top-header,
  body.type-category #productsTopHeading{
    margin:0 0 10px !important;
    padding:0 0 10px !important;
    font-size:16px !important;
    line-height:1.2 !important;
  }

  /* Seznam: jeden produkt pod druhým */
  body.type-category .products-top-wrapper #productsTop,
  body.type-category .products-top-wrapper .products-top{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Produkt nesmí být grid */
  body.type-category .products-top-wrapper #productsTop > .product,
  body.type-category .products-top-wrapper .products-top > .product{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 0 8px !important;
    padding:0 !important;
    border:1px solid #e1eaf1 !important;
    border-radius:12px !important;
    background:#fff !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body.type-category .products-top-wrapper #productsTop > .product:last-child,
  body.type-category .products-top-wrapper .products-top > .product:last-child{
    margin-bottom:0 !important;
  }

  /* SKUTEČNÝ vnitřní obal Shoptetu */
  body.type-category .products-top-wrapper #productsTop > .product > .p,
  body.type-category .products-top-wrapper .products-top > .product > .p{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:96px !important;
    height:auto !important;
    margin:0 !important;
    padding:10px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  /* Obrázek vlevo */
  body.type-category .products-top-wrapper #productsTop .p .image,
  body.type-category .products-top-wrapper #productsTop .p .p-image,
  body.type-category .products-top-wrapper .products-top .p .image,
  body.type-category .products-top-wrapper .products-top .p .p-image{
    float:left !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:74px !important;
    height:74px !important;
    margin:0 11px 0 0 !important;
    padding:5px !important;
    border-radius:10px !important;
    background:#f8fbfd !important;
    box-sizing:border-box !important;
  }

  body.type-category .products-top-wrapper #productsTop .p .image img,
  body.type-category .products-top-wrapper #productsTop .p .p-image img,
  body.type-category .products-top-wrapper .products-top .p .image img,
  body.type-category .products-top-wrapper .products-top .p .p-image img{
    display:block !important;
    width:auto !important;
    max-width:64px !important;
    height:auto !important;
    max-height:64px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }

  /* Název využije všechen prostor vedle obrázku */
  body.type-category .products-top-wrapper #productsTop .p .p-name,
  body.type-category .products-top-wrapper #productsTop .p .name,
  body.type-category .products-top-wrapper .products-top .p .p-name,
  body.type-category .products-top-wrapper .products-top .p .name{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:1px 0 5px !important;
    color:#173b5e !important;
    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  body.type-category .products-top-wrapper #productsTop .p .p-name a,
  body.type-category .products-top-wrapper #productsTop .p .name a,
  body.type-category .products-top-wrapper .products-top .p .p-name a,
  body.type-category .products-top-wrapper .products-top .p .name a{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  body.type-category .products-top-wrapper #productsTop .p .availability,
  body.type-category .products-top-wrapper .products-top .p .availability{
    display:block !important;
    width:auto !important;
    margin:0 0 6px !important;
    font-size:10.5px !important;
    line-height:1.2 !important;
  }

  body.type-category .products-top-wrapper #productsTop .p .price,
  body.type-category .products-top-wrapper #productsTop .p .price-final,
  body.type-category .products-top-wrapper .products-top .p .price,
  body.type-category .products-top-wrapper .products-top .p .price-final{
    display:block !important;
    width:auto !important;
    margin:0 !important;
    color:#0f2740 !important;
    font-size:17px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
  }

  /* Float clear – výška .p se přizpůsobí obsahu */
  body.type-category .products-top-wrapper #productsTop > .product > .p::after,
  body.type-category .products-top-wrapper .products-top > .product > .p::after{
    content:"" !important;
    display:block !important;
    clear:both !important;
  }

  /* Button */
  body.type-category .products-top-wrapper > .button-wrapper{
    margin-top:10px !important;
    padding-top:10px !important;
  }

  body.type-category .products-top-wrapper > .button-wrapper a,
  body.type-category .products-top-wrapper > .button-wrapper button{
    min-height:38px !important;
    padding:0 14px !important;
    font-size:11.5px !important;
  }
}

@media (max-width:380px){
  body.type-category .products-top-wrapper #productsTop .p .image,
  body.type-category .products-top-wrapper #productsTop .p .p-image,
  body.type-category .products-top-wrapper .products-top .p .image,
  body.type-category .products-top-wrapper .products-top .p .p-image{
    width:66px !important;
    height:66px !important;
    margin-right:9px !important;
  }

  body.type-category .products-top-wrapper #productsTop .p .image img,
  body.type-category .products-top-wrapper #productsTop .p .p-image img,
  body.type-category .products-top-wrapper .products-top .p .image img,
  body.type-category .products-top-wrapper .products-top .p .p-image img{
    max-width:58px !important;
    max-height:58px !important;
  }

  body.type-category .products-top-wrapper #productsTop .p .p-name,
  body.type-category .products-top-wrapper #productsTop .p .name,
  body.type-category .products-top-wrapper .products-top .p .p-name,
  body.type-category .products-top-wrapper .products-top .p .name{
    font-size:11px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.10 — SORTING BAR REDESIGN
   Řazení produktů: Nejprodávanější / Nejlevnější / Nejdráždší / Abecedně
   + počet položek. Desktop i mobil.
   ========================================================== */

/* ZÁKLAD CELÉ LIŠTY */
body.type-category .category-content-wrapper #category-header,
body.type-category .category-content-wrapper .category-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
  margin:18px 0 16px !important;
  padding:8px !important;
  border:1px solid #dce7ef !important;
  border-radius:14px !important;
  background:#f8fbfd !important;
  box-shadow:0 5px 16px rgba(20,52,82,.04) !important;
  box-sizing:border-box !important;
}

/* Seznam řazení */
body.type-category #listSorting,
body.type-category #listSorting__controls{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  background:transparent !important;
}

/* Jednotlivé položky */
body.type-category #listSorting__controls > li{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  background:transparent !important;
}

/* Tlačítka řazení */
body.type-category #listSorting__controls button,
body.type-category #listSorting__controls a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:1px solid transparent !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#4c6478 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:
    background-color .16s ease,
    color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease !important;
}

body.type-category #listSorting__controls button:hover,
body.type-category #listSorting__controls a:hover{
  background:#eef6fc !important;
  border-color:#d7e8f5 !important;
  color:#075b9f !important;
}

/* Aktivní řazení */
body.type-category #listSorting__controls li.active button,
body.type-category #listSorting__controls li.active a,
body.type-category #listSorting__controls button.active,
body.type-category #listSorting__controls a.active,
body.type-category #listSorting__controls [aria-current="page"],
body.type-category #listSorting__controls [aria-pressed="true"]{
  background:#075b9f !important;
  border-color:#075b9f !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(7,91,159,.16) !important;
}

/* Počet položek vpravo */
body.type-category #listItemsTotal{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid #e1e9ef !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#6b7f90 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

/* Skrytý nadpis řazení zůstává přístupný jen čtečkám */
body.type-category #listSortingHeading{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* PC – trochu víc prostoru */
@media (min-width:768px){
  body.type-category .category-content-wrapper #category-header,
  body.type-category .category-content-wrapper .category-header{
    padding:8px 10px !important;
  }

  body.type-category #listSorting__controls button,
  body.type-category #listSorting__controls a{
    min-width:104px !important;
  }
}

/* MOBIL */
@media (max-width:767px){

  body.type-category .category-content-wrapper #category-header,
  body.type-category .category-content-wrapper .category-header{
    display:block !important;
    margin:14px 0 12px !important;
    padding:7px !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }

  /* Horizontální scroll bez lámání */
  body.type-category #listSorting{
    display:block !important;
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    padding-bottom:1px !important;
  }

  body.type-category #listSorting::-webkit-scrollbar{
    display:none !important;
  }

  body.type-category #listSorting__controls{
    display:flex !important;
    width:max-content !important;
    min-width:100% !important;
    gap:5px !important;
  }

  body.type-category #listSorting__controls button,
  body.type-category #listSorting__controls a{
    min-height:36px !important;
    padding:0 12px !important;
    border-radius:9px !important;
    font-size:11.5px !important;
  }

  /* Počet položek pod řazením, vpravo */
  body.type-category #listItemsTotal{
    display:flex !important;
    width:max-content !important;
    min-height:30px !important;
    margin:7px 0 0 auto !important;
    padding:0 10px !important;
    font-size:10.5px !important;
    border-radius:8px !important;
  }
}

/* Velmi úzké telefony */
@media (max-width:380px){
  body.type-category #listSorting__controls button,
  body.type-category #listSorting__controls a{
    padding:0 10px !important;
    font-size:11px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.11 — FILTER PANEL REDESIGN
   Moderní filtr produktů pro PC i mobil.
   Funkce Shoptetu zůstává beze změny.
   ========================================================== */

/* Wrapper filtru */
body.type-category #filters-wrapper{
  width:100% !important;
  margin:12px 0 18px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

/* Otevřít / Zavřít filtr */
body.type-category #filters-wrapper .filters-unveil-button-wrapper{
  display:flex !important;
  justify-content:center !important;
  margin:0 0 12px !important;
  padding:0 !important;
}

body.type-category #filters-wrapper .unveil-button,
body.type-category #filters-wrapper .btn.unveil-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:220px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 20px !important;
  border:1px solid #075b9f !important;
  border-radius:11px !important;
  background:#075b9f !important;
  color:#fff !important;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 6px 16px rgba(7,91,159,.14) !important;
}

/* Hlavní karta filtru */
body.type-category #filters-wrapper #filters{
  width:100% !important;
  margin:0 !important;
  padding:16px !important;
  border:1px solid #dce7ef !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(20,52,82,.05) !important;
  box-sizing:border-box !important;
}

/* Cenový filtr */
body.type-category #filters-wrapper #price-filter-form{
  margin:0 0 12px !important;
  padding:14px !important;
  border:1px solid #e4ecf2 !important;
  border-radius:12px !important;
  background:#f8fbfd !important;
}

body.type-category #filters-wrapper #price-filter-form fieldset{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

body.type-category #filters-wrapper #price-filter-form legend,
body.type-category #filters-wrapper #price-filter-form .filter-title{
  margin:0 0 10px !important;
  color:#173b5e !important;
  font-size:13px !important;
  font-weight:800 !important;
}

/* Slider */
body.type-category #filters-wrapper .ui-slider,
body.type-category #filters-wrapper .price-range,
body.type-category #filters-wrapper input[type="range"]{
  accent-color:#075b9f !important;
}

/* Boolean filtry */
body.type-category #filters-wrapper .param-filter-top,
body.type-category #filters-wrapper .filter-section-boolean{
  margin:0 0 12px !important;
  padding:12px 14px !important;
  border:1px solid #e4ecf2 !important;
  border-radius:12px !important;
  background:#fff !important;
}

body.type-category #filters-wrapper .filter-section-boolean fieldset{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px 22px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

body.type-category #filters-wrapper label{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:#425d72 !important;
  font-size:12px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
  cursor:pointer !important;
}

body.type-category #filters-wrapper input[type="checkbox"]{
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  accent-color:#075b9f !important;
}

/* Počty u checkboxů */
body.type-category #filters-wrapper label strong,
body.type-category #filters-wrapper label span.count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:24px !important;
  height:22px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  background:#eef6fc !important;
  color:#075b9f !important;
  font-size:10.5px !important;
  font-weight:800 !important;
}

/* Sekce Značky / Rozměr / Velikost / Vhodné pro */
body.type-category #filters-wrapper .filter-sections{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  margin:0 !important;
}

body.type-category #filters-wrapper .filter-section:not(.filter-section-boolean){
  margin:0 !important;
  padding:0 !important;
  border:1px solid #e4ecf2 !important;
  border-radius:11px !important;
  background:#fff !important;
  overflow:hidden !important;
}

body.type-category #filters-wrapper .filter-section:not(.filter-section-boolean) > h4,
body.type-category #filters-wrapper .filter-section:not(.filter-section-boolean) > .filter-title,
body.type-category #filters-wrapper .filter-section:not(.filter-section-boolean) > a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 13px !important;
  background:#fff !important;
  color:#173b5e !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

/* Obsah otevřené sekce */
body.type-category #filters-wrapper .filter-section:not(.filter-section-boolean) > div,
body.type-category #filters-wrapper .filter-section:not(.filter-section-boolean) > ul{
  margin:0 !important;
  padding:10px 13px 12px !important;
  border-top:1px solid #edf2f6 !important;
  background:#fbfdfe !important;
}

/* Počet položek dole */
body.type-category #filters-wrapper .filter-count,
body.type-category #filters-wrapper .filters-count,
body.type-category #filters-wrapper [class*="filter-count"]{
  margin-top:12px !important;
  padding-top:10px !important;
  border-top:1px solid #edf2f6 !important;
  color:#6b7f90 !important;
  font-size:11px !important;
  font-weight:600 !important;
}

/* DESKTOP */
@media (min-width:768px){
  body.type-category #filters-wrapper #filters{
    padding:16px 18px !important;
  }

  body.type-category #filters-wrapper .unveil-button,
  body.type-category #filters-wrapper .btn.unveil-button{
    min-width:250px !important;
  }
}

/* MOBIL */
@media (max-width:767px){
  body.type-category #filters-wrapper{
    margin:10px 0 14px !important;
  }

  body.type-category #filters-wrapper .filters-unveil-button-wrapper{
    margin-bottom:9px !important;
  }

  body.type-category #filters-wrapper .unveil-button,
  body.type-category #filters-wrapper .btn.unveil-button{
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    border-radius:10px !important;
    font-size:12px !important;
  }

  body.type-category #filters-wrapper #filters{
    padding:11px !important;
    border-radius:13px !important;
  }

  body.type-category #filters-wrapper #price-filter-form{
    padding:12px !important;
  }

  body.type-category #filters-wrapper .filter-section-boolean fieldset{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }

  body.type-category #filters-wrapper label{
    font-size:11.5px !important;
  }

  body.type-category #filters-wrapper .filter-section:not(.filter-section-boolean) > h4,
  body.type-category #filters-wrapper .filter-section:not(.filter-section-boolean) > .filter-title,
  body.type-category #filters-wrapper .filter-section:not(.filter-section-boolean) > a{
    min-height:44px !important;
    padding:0 11px !important;
    font-size:12px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.12 — FILTER ALIGNMENT FIX
   - odstranění dvojitých rámečků v boolean filtrech
   - zarovnání Na skladě / Akce / Novinka / Tip
   - počty hned za názvem v badge
   - PC: 4 v jedné řadě
   - mobil: 2 × 2
   ========================================================== */

/* Odstranit zbytečný vnější "druhý rámeček" kolem boolean sekce */
body.type-category #filters-wrapper .filter-sections > .filter-section.filter-section-boolean{
  margin:0 0 10px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Jeden jediný čistý rámeček kolem skupiny checkboxů */
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .param-filter-top{
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid #e1eaf1 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:none !important;
}

/* Fieldset jako přesný grid */
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .param-filter-top fieldset{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px 16px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  min-width:0 !important;
}

/* Každá volba jako jeden zarovnaný řádek */
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .filter-label{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  min-width:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:6px 4px !important;
  color:#425d72 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
}

/* Checkbox */
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .filter-label input[type="checkbox"]{
  flex:0 0 auto !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  accent-color:#075b9f !important;
}

/* Text uvnitř labelu */
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .filter-label > span:not(.filter-count){
  display:inline !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Počet hned za názvem – malý badge */
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .filter-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-width:24px !important;
  height:22px !important;
  margin:0 0 0 3px !important;
  padding:0 7px !important;
  border:1px solid #e0eaf2 !important;
  border-radius:999px !important;
  background:#f5f9fc !important;
  color:#5d7386 !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:800 !important;
  box-sizing:border-box !important;
}

/* Zrušit případné Shoptet pseudo prvky u labelu/count */
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .filter-label::before,
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .filter-label::after,
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .filter-count::before,
body.type-category #filters-wrapper
.filter-section.filter-section-boolean .filter-count::after{
  content:none !important;
  display:none !important;
}

/* Cenový blok: odstranit zbytečný prázdný vizuální pás pod sliderem */
body.type-category #filters-wrapper #price-filter-form{
  margin-bottom:10px !important;
}

body.type-category #filters-wrapper #price-filter-form + .filter-sections{
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
}

/* Pokud má .filter-sections vlastní šedý obal, zrušit ho */
body.type-category #filters-wrapper .filter-sections{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* MOBILE */
@media (max-width:767px){

  body.type-category #filters-wrapper
  .filter-section.filter-section-boolean .param-filter-top{
    padding:10px !important;
    border-radius:11px !important;
  }

  body.type-category #filters-wrapper
  .filter-section.filter-section-boolean .param-filter-top fieldset{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  body.type-category #filters-wrapper
  .filter-section.filter-section-boolean .filter-label{
    padding:6px 3px !important;
    font-size:11.5px !important;
    white-space:nowrap !important;
  }

  body.type-category #filters-wrapper
  .filter-section.filter-section-boolean .filter-count{
    min-width:22px !important;
    height:20px !important;
    padding:0 6px !important;
    font-size:10px !important;
  }
}

/* Velmi úzké mobily */
@media (max-width:380px){
  body.type-category #filters-wrapper
  .filter-section.filter-section-boolean .filter-label{
    gap:5px !important;
    font-size:11px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.13 — FILTER FINAL CLEANUP
   - odstranění prázdného price-filter-form pásu
   - filter-count badge hned za názvem ve všech filtrech
   - Značky / Rozměr / Velikost / Vhodné pro zarovnané
   - desktop i mobil
   ========================================================== */

/* ----------------------------------------------------------
   1) PRÁZDNÝ PÁS POD CENOVÝM SLIDEREM
   Slider Shoptet vykresluje v .slider-wrapper.
   #price-filter-form zde obsahuje technická data a nesmí dělat
   druhý viditelný box / modrý rámeček.
   ---------------------------------------------------------- */
body.type-category #filters-wrapper #price-filter-form{
  display:block !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* případné pseudo-prvky technického formuláře */
body.type-category #filters-wrapper #price-filter-form::before,
body.type-category #filters-wrapper #price-filter-form::after{
  content:none !important;
  display:none !important;
}

/* Po slideru rovnou následuje obsah filtru */
body.type-category #filters-wrapper .slider-wrapper{
  margin-bottom:10px !important;
}

body.type-category #filters-wrapper #price-filter-form + .filter-sections{
  margin-top:0 !important;
}

/* ----------------------------------------------------------
   2) GENERICKÉ ZAROVNÁNÍ POČTŮ VE VŠECH ROZBALENÝCH FILTRECH
   ---------------------------------------------------------- */

/* jednotlivé volby uvnitř rozbalených sekcí */
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean) .filter-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  width:auto !important;
  max-width:100% !important;
  min-height:30px !important;
  margin:0 !important;
  padding:4px 0 !important;
  color:#425d72 !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  white-space:normal !important;
  vertical-align:middle !important;
  cursor:pointer !important;
}

/* checkbox zůstane přesně u názvu */
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean)
.filter-label input[type="checkbox"]{
  flex:0 0 auto !important;
  width:16px !important;
  height:16px !important;
  margin:0 2px 0 0 !important;
  vertical-align:middle !important;
  accent-color:#075b9f !important;
}

/* POČET – definitivní override starého obecného .filter-count */
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean) .filter-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:23px !important;
  height:21px !important;
  min-height:21px !important;
  max-height:21px !important;
  margin:0 0 0 3px !important;
  padding:0 6px !important;
  border:1px solid #e0eaf2 !important;
  border-radius:999px !important;
  background:#f5f9fc !important;
  color:#5d7386 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
  vertical-align:middle !important;
}

/* odstranit staré dekorace / odsazení */
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean) .filter-count::before,
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean) .filter-count::after{
  content:none !important;
  display:none !important;
}

/* ----------------------------------------------------------
   3) VNITŘNÍ GRID ROZBALENÝCH FILTRŮ
   Značky apod. budou pravidelněji zarovnané.
   ---------------------------------------------------------- */
@media (min-width:768px){

  body.type-category #filters-wrapper
  .filter-section:not(.filter-section-boolean).open > div:not(.filter-title),
  body.type-category #filters-wrapper
  .filter-section:not(.filter-section-boolean).open > ul{
    box-sizing:border-box !important;
  }

  /* typické Shoptet item wrappery */
  body.type-category #filters-wrapper
  .filter-section:not(.filter-section-boolean).open
  > div:not(.filter-title) > div{
    min-width:0 !important;
  }
}

/* ----------------------------------------------------------
   4) MOBIL
   ---------------------------------------------------------- */
@media (max-width:767px){

  body.type-category #filters-wrapper .slider-wrapper{
    margin-bottom:8px !important;
  }

  body.type-category #filters-wrapper
  .filter-section:not(.filter-section-boolean) .filter-label{
    gap:5px !important;
    min-height:28px !important;
    padding:4px 0 !important;
    font-size:11.5px !important;
  }

  body.type-category #filters-wrapper
  .filter-section:not(.filter-section-boolean) .filter-count{
    min-width:21px !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    margin-left:2px !important;
    padding:0 5px !important;
    font-size:9.5px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.14 — FILTER LABEL TEXT ALIGNMENT
   Oprava posunutého textu u Značky / Velikost / Vhodné pro.
   Checkbox | název | počet budou v jedné čisté linii.
   PC i mobil.
   ========================================================== */

/* Reset Shoptet custom checkbox positioning */
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean) .filter-label{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  width:auto !important;
  max-width:100% !important;
  min-height:30px !important;
  margin:0 !important;
  padding:4px 0 !important;
  text-indent:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

/* Definitivně vypnout Shoptet pseudo-checkbox přes text */
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean) .filter-label::before,
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean) .filter-label::after{
  content:none !important;
  display:none !important;
}

/* Skutečný checkbox vrátit do normálního toku */
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean)
.filter-label input[type="checkbox"]{
  position:static !important;
  inset:auto !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  display:block !important;
  flex:0 0 16px !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  clip:auto !important;
  clip-path:none !important;
  transform:none !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
  accent-color:#075b9f !important;
}

/* Textový uzel po checkboxu už nebude přepisován odsazením */
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean) .filter-label{
  color:#425d72 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
}

/* Badge držet hned za názvem */
body.type-category #filters-wrapper
.filter-section:not(.filter-section-boolean) .filter-count{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  flex:0 0 auto !important;
  margin:0 0 0 3px !important;
  vertical-align:middle !important;
}

/* Pokud Shoptet přidává padding-left na parametrické labely */
body.type-category #filters-wrapper
.filter-section-parametric .filter-label,
body.type-category #filters-wrapper
.filter-section-manufacturer .filter-label{
  padding-left:0 !important;
}

/* Mobil */
@media (max-width:767px){
  body.type-category #filters-wrapper
  .filter-section:not(.filter-section-boolean) .filter-label{
    gap:6px !important;
    min-height:28px !important;
    padding:4px 0 !important;
    font-size:11.5px !important;
  }

  body.type-category #filters-wrapper
  .filter-section:not(.filter-section-boolean)
  .filter-label input[type="checkbox"]{
    flex-basis:15px !important;
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    max-width:15px !important;
  }

  body.type-category #filters-wrapper
  .filter-section:not(.filter-section-boolean) .filter-count{
    margin-left:2px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.15 — BARVA POUZE JAKO IKONA
   Název barvy a počet produktů jsou vizuálně skryté.
   Název se zobrazí v tooltipu po najetí nebo zaměření.
   Třídu .jo-color-icons-only přidává CATEGORY JS V11.
   ========================================================== */

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form{
  display:flex !important;
  align-items:center !important;
  align-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:12px 14px !important;
}

/* Label zůstává celý klikací, ale jeho běžný text není vidět. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form .filter-label{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:40px !important;
  min-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  cursor:pointer !important;
}

/* U barev se počet produktů nezobrazuje. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form .filter-count,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form label strong,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form label span.count{
  display:none !important;
}

/* Tooltip s názvem barvy. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form .filter-label::after{
  content:attr(data-jo-color-name) !important;
  position:absolute !important;
  z-index:50 !important;
  left:50% !important;
  bottom:calc(100% + 9px) !important;
  display:block !important;
  width:max-content !important;
  max-width:180px !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:7px 10px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#173b5e !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(15,39,64,.20) !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  text-align:center !important;
  white-space:normal !important;
  pointer-events:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate(-50%,4px) !important;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease !important;
}

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form .filter-label:hover::after,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form .filter-label:focus-within::after{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate(-50%,0) !important;
}

/* Na mobilu jsou rozestupy o něco menší. */
@media (max-width:767px){
  body.type-category #filters-wrapper
  .filter-section.jo-color-icons-only > form{
    gap:10px 12px !important;
  }

  body.type-category #filters-wrapper
  .filter-section.jo-color-icons-only > form .filter-label{
    min-width:38px !important;
    min-height:38px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.16 — OPRAVA TOOLTIPU BAREV
   Shoptet používá dvě různá LABEL pole:
   .advanced-parameter = skutečný barevný kruh
   .filter-label.no-display = skrytý pomocný label
   Tooltip proto musí patřit skutečnému barevnému kruhu.
   ========================================================== */

/* Pomocný Shoptet label musí zůstat skutečně skrytý. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form .filter-label,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form .filter-label.no-display{
  display:none !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Každý obal barevné volby dovolí tooltipu přesah. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form > div{
  position:relative !important;
  overflow:visible !important;
}

/* Skutečný barevný kruh: text uvnitř je skrytý, plocha zůstává klikací. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form label.advanced-parameter{
  position:relative !important;
  display:block !important;
  flex:0 0 auto !important;
  margin:0 !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:0 !important;
  overflow:visible !important;
  cursor:pointer !important;
}

/* Tooltip je nyní ukotvený přímo k barevnému kruhu. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form label.advanced-parameter::after{
  content:attr(data-jo-color-name) !important;
  position:absolute !important;
  z-index:100 !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:calc(100% + 8px) !important;
  display:block !important;
  width:max-content !important;
  max-width:180px !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:7px 10px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#173b5e !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(15,39,64,.20) !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  text-align:center !important;
  text-indent:0 !important;
  white-space:normal !important;
  pointer-events:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate(-50%,4px) !important;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease !important;
}

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form label.advanced-parameter:hover::after,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form label.advanced-parameter:has(+ input:focus)::after{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate(-50%,0) !important;
}

/* ==========================================================
   JOSPORT CATEGORY V16.17 — FINÁLNÍ OPRAVA BAREV
   - žádný vlastní pseudo-tooltip
   - název zobrazí spolehlivý systémový TITLE tooltip
   - obsah Barvy je viditelný pouze při třídě .open
   ========================================================== */

/* Zavřená sekce Barva nesmí být nuceně zobrazená starším display:flex. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only:not(.open) > form{
  display:none !important;
}

/* Flex se aktivuje až po skutečném rozbalení sekce Shoptetem. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only.open > form{
  display:flex !important;
  align-items:center !important;
  align-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:12px 14px !important;
}

/* Vypnout chybný modrý pseudo-tooltip z V16.16. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form label.advanced-parameter::after,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form label.advanced-parameter:hover::after,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form label.advanced-parameter:has(+ input:focus)::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

@media (max-width:767px){
  body.type-category #filters-wrapper
  .filter-section.jo-color-icons-only.open > form{
    gap:10px 12px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.18 — BARVA BEZ PŘIŘAZENÉ IKONY
   Pokud Shoptet nemá pro hodnotu barevný vzorek, zobrazí se
   její název jako kompaktní textové tlačítko.
   ========================================================== */

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only.open > form > .jo-color-text-option{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}

/* Varianta, ve které Shoptet vytvoří pouze běžný filter-label. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
.filter-label.jo-color-text-only,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
.filter-label.no-display.jo-color-text-only{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:40px !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 11px !important;
  border:1px solid #d9e6ef !important;
  border-radius:999px !important;
  background:#f7fafc !important;
  color:#425d72 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-indent:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}

/* Záloha: advanced-parameter existuje, ale nemá žádné barevné pozadí. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter.jo-color-text-only{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:40px !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 11px !important;
  border:1px solid #d9e6ef !important;
  border-radius:999px !important;
  background:#f7fafc !important;
  color:#425d72 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-indent:0 !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
.jo-color-text-only:hover{
  border-color:#9fc4df !important;
  background:#eef7fd !important;
  color:#075b9f !important;
}

/* Zvýraznění vybrané textové hodnoty pro obě možné struktury Shoptetu. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
input:checked + .filter-label.jo-color-text-only,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter.jo-color-text-only:has(+ input:checked){
  border-color:#075b9f !important;
  background:#075b9f !important;
  color:#fff !important;
}

@media (max-width:767px){
  body.type-category #filters-wrapper
  .filter-section.jo-color-icons-only > form
  .jo-color-text-only{
    height:32px !important;
    min-height:32px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    font-size:10.5px !important;
  }
}

/* ==========================================================
   JOSPORT CATEGORY V16.19 — FINÁLNÍ OVERRIDE PRO TEXTOVOU BARVU
   Musí být až za všemi staršími pravidly V16.14–V16.18.
   ========================================================== */

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only.open > form .jo-color-text-option{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.filter-label.jo-color-text-only,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.filter-label.no-display.jo-color-text-only{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:40px !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 11px !important;
  border:1px solid #d9e6ef !important;
  border-radius:999px !important;
  background:#f7fafc !important;
  color:#425d72 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-indent:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
  clip:auto !important;
  clip-path:none !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.filter-label.jo-color-text-only::before,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.filter-label.jo-color-text-only::after{
  content:none !important;
  display:none !important;
}

/* ==========================================================
   JOSPORT CATEGORY V16.20 — ČISTÁ BAREVNÁ KOLEČKA
   Bez vnějšího oválu. Obrys pouze u bílé, při hoveru a výběru.
   ========================================================== */

/* Odstranění vzhledu textové varianty ze skutečných barevných ikon. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter.jo-color-text-only{
  width:40px !important;
  min-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 !important;
  border:0 !important;
  background-clip:padding-box !important;
  color:transparent !important;
  font-size:0 !important;
}

/* Obal skutečné barevné ikony už nevytváří druhý světlý ovál. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
div:has(> label.advanced-parameter){
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  transition:box-shadow .15s ease,transform .15s ease !important;
}

/* Bílá musí zůstat viditelná i na bílém pozadí. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter[data-jo-color-name="BÍLÁ"],
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter[data-jo-color-name="BILA"],
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter[data-jo-color-name="BIELA"]{
  box-shadow:inset 0 0 0 1px #d7e2ea !important;
}

/* Jemná odezva při najetí nebo ovládání klávesnicí. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter:hover,
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter:has(+ input:focus){
  box-shadow:0 0 0 3px #dceefa !important;
  transform:translateY(-1px) !important;
}

/* Vybraná barva má jednoznačný modrý kroužek. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter:has(+ input:checked){
  box-shadow:0 0 0 3px #075b9f !important;
  transform:none !important;
}

/* U vybrané bílé zachováme zároveň jemné oddělení bílé plochy. */
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter[data-jo-color-name="BÍLÁ"]:has(+ input:checked),
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter[data-jo-color-name="BILA"]:has(+ input:checked),
body.type-category #filters-wrapper
.filter-section.jo-color-icons-only > form
label.advanced-parameter[data-jo-color-name="BIELA"]:has(+ input:checked){
  box-shadow:inset 0 0 0 1px #d7e2ea,0 0 0 3px #075b9f !important;
}