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

@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;
  }
}