/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V1
   Basis auf show_category V13:
   - Responsive Header/Footer/Sidebar
   - linkslastiger Content
   - Produktbox-Optik übernommen
   - Toolbar/Pager/Sortierung modernisiert
   ========================================= */

body.page-subcategory #page-content-wrapper.subcategory-page {
    width: min(1120px, calc(100vw - 40px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 42px 0 90px 0 !important;
}

body.page-subcategory .subcategory-page-inner {
    width: 100% !important;
    max-width: 980px !important;
    margin-left: 50px !important;
}

body.page-subcategory .row-h1 {
    margin: 0 0 28px 0 !important;
}

body.page-subcategory .row-h1 h2,
body.page-subcategory .breadcrumb {
    margin: 0 0 10px 0 !important;
    color: #111 !important;
    font-size: 31px !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
    letter-spacing: -0.3px !important;
    text-transform: none !important;
}

body.page-subcategory .row-h1 h2 a,
body.page-subcategory .breadcrumb a {
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 850 !important;
}

body.page-subcategory .row-h1 h2 a:hover,
body.page-subcategory .breadcrumb a:hover {
    color: #e30613 !important;
}

body.page-subcategory .subtitle {
    margin: 7px 0 0 0 !important;
    color: #555 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

body.page-subcategory hr.dotted,
body.page-subcategory hr.dotted.red {
    border: 0 !important;
    border-top: 1px solid #eeeeee !important;
    height: 0 !important;
    margin: 28px 0 26px 0 !important;
    background: transparent !important;
}

/* Toolbar/Pager/Sortierung */
body.page-subcategory .toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 0 0 28px 0 !important;
    padding: 13px 0 !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

body.page-subcategory .toolbar .pager,
body.page-subcategory .toolbar .filter {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}

body.page-subcategory .toolbar p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.page-subcategory .toolbar a {
    color: #111 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.page-subcategory .toolbar a:hover {
    color: #e30613 !important;
}

body.page-subcategory ul.filter {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.page-subcategory ul.filter li {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-subcategory ul.filter li a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    background: #f7f7f7 !important;
    border-left: 3px solid #e30613 !important;
    box-shadow: inset 0 0 0 1px #ededed !important;
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.page-subcategory ul.filter li.act a,
body.page-subcategory ul.filter li a:hover {
    background: #111 !important;
    color: #fff !important;
}

/* Produktgrid aus Subcategory */
body.page-subcategory .row.produkte,
body.page-subcategory .product-list,
body.page-subcategory .category-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px 24px !important;
    margin: 0 !important;
}

body.page-subcategory .category-product-card,
body.page-subcategory .produktbox,
body.page-subcategory .productbox,
body.page-subcategory .prodbox,
body.page-subcategory .row.produkte > div {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
}

/* Productbox final aus Hauptkategorie */
body.page-subcategory .category-product-image,
body.page-subcategory .prodbox-bild,
body.page-subcategory .product-image {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
    background: #fff !important;
    transition: border-color 0.16s ease !important;
}

body.page-subcategory .category-product-image::before,
body.page-subcategory .prodbox-bild::before,
body.page-subcategory .product-image::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: #dedede !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

body.page-subcategory .category-product-image:hover,
body.page-subcategory a.category-product-image:hover,
body.page-subcategory .prodbox-bild:hover,
body.page-subcategory .product-image:hover {
    border-color: #e30613 !important;
}

body.page-subcategory .category-product-image:hover::before,
body.page-subcategory a.category-product-image:hover::before,
body.page-subcategory .prodbox-bild:hover::before,
body.page-subcategory .product-image:hover::before {
    background: #e30613 !important;
}

body.page-subcategory .category-product-image img,
body.page-subcategory .prodbox-bild img,
body.page-subcategory .product-image img,
body.page-subcategory .row.produkte img {
    max-width: 100% !important;
    height: auto !important;
}

/* Titel */
body.page-subcategory .category-product-info .prodbox-name,
body.page-subcategory .category-product-card .prodbox-name,
body.page-subcategory .prodbox-name,
body.page-subcategory .pull-left.prodbox-name,
body.page-subcategory a[href*="-a"]:not(:has(img)),
body.page-subcategory a[href*="show_item.php"]:not(:has(img)) {
    display: inline-block !important;
    margin-top: 10px !important;
    color: #111 !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
    font-weight: 850 !important;
    letter-spacing: -0.15px !important;
    text-decoration: none !important;
}

body.page-subcategory .prodbox-name:hover,
body.page-subcategory a[href*="-a"]:not(:has(img)):hover,
body.page-subcategory a[href*="show_item.php"]:not(:has(img)):hover {
    color: #e30613 !important;
}

/* Daten */
body.page-subcategory .xr_s7,
body.page-subcategory .prodbox_daten {
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Preise */
body.page-subcategory .prodbox_preis {
    margin-top: 8px !important;
    min-height: 31px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body.page-subcategory .prodbox_preis span,
body.page-subcategory .prodbox_preis span[style],
body.page-subcategory .prodbox_preis strike {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body.page-subcategory .prodbox_preis span {
    color: #e30613 !important;
    font-weight: 900 !important;
}

body.page-subcategory .prodbox_preis strike {
    color: #555 !important;
    font-weight: 400 !important;
}

/* Badge */
body.page-subcategory .prodbox_preis img[src*="badge_"] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 24px !important;
    object-fit: fill !important;
    transform: none !important;
    vertical-align: -5px !important;
    margin-left: 8px !important;
    border: 0 !important;
}

/* Versandkosten */
body.page-subcategory .category-shipping-link,
body.page-subcategory .open-shipping-modal {
    color: #555 !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.14s ease !important;
}

body.page-subcategory .category-shipping-link:hover,
body.page-subcategory .open-shipping-modal:hover {
    color: #e30613 !important;
}

/* Ampel */
body.page-subcategory img.prodbox_liefer,
body.page-subcategory img[src*="status_green_long_new"],
body.page-subcategory img[src*="status_green-yellow_long_new"],
body.page-subcategory img[src*="status_yellow_long_new"],
body.page-subcategory img[src*="status_yellow-red_long_new"],
body.page-subcategory img[src*="status_red_long_new"] {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
    margin: 0 8px 0 7px !important;
    vertical-align: -3px !important;
}

/* Modal muss immer über Header liegen */
body.page-subcategory #shippingModal.modal-overlay {
    z-index: 2147483600 !important;
}

@media (max-width: 980px) {
    body.page-subcategory .subcategory-page-inner {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    body.page-subcategory .row.produkte,
    body.page-subcategory .product-list,
    body.page-subcategory .category-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 18px !important;
    }
}

@media (max-width: 760px) {
    body.page-subcategory #page-content-wrapper.subcategory-page {
        width: calc(100vw - 28px) !important;
        padding-top: 28px !important;
    }

    body.page-subcategory .row-h1 h2,
    body.page-subcategory .breadcrumb {
        font-size: 24px !important;
    }

    body.page-subcategory .toolbar {
        display: block !important;
    }

    body.page-subcategory ul.filter {
        margin-top: 12px !important;
        flex-wrap: wrap !important;
    }

    body.page-subcategory .row.produkte,
    body.page-subcategory .product-list,
    body.page-subcategory .category-product-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    body.page-subcategory .prodbox-name,
    body.page-subcategory a[href*="-a"]:not(:has(img)),
    body.page-subcategory a[href*="show_item.php"]:not(:has(img)) {
        font-size: 16px !important;
    }

    body.page-subcategory .prodbox_preis,
    body.page-subcategory .prodbox_preis span,
    body.page-subcategory .prodbox_preis span[style],
    body.page-subcategory .prodbox_preis strike {
        font-size: 16px !important;
    }

    body.page-subcategory .prodbox_preis img[src*="badge_"] {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 22px !important;
    }

    body.page-subcategory img.prodbox_liefer,
    body.page-subcategory img[src*="status_green_long_new"],
    body.page-subcategory img[src*="status_green-yellow_long_new"],
    body.page-subcategory img[src*="status_yellow_long_new"],
    body.page-subcategory img[src*="status_yellow-red_long_new"],
    body.page-subcategory img[src*="status_red_long_new"] {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        margin-left: 5px !important;
        margin-right: 6px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V2
   Fix:
   - Sidebar standardmäßig geschlossen wie Hauptkategorie
   - alter Desktop-Content darf Sidebar nicht offen halten
   - Produktgrid auf echte Subcategory-Struktur gezielt
   ========================================= */

/* Sidebar: gleiche Offcanvas-Logik wie globale Responsive-Seiten erzwingen */
body.page-subcategory #wrapper:not(.toggled) #sidebar-wrapper {
    transform: translateX(-100%) !important;
    left: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.page-subcategory #wrapper.toggled #sidebar-wrapper {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147482000 !important;
}

/* Content darf nicht wegen Sidebar nach rechts gedrückt werden */
body.page-subcategory #wrapper,
body.page-subcategory #page-content-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-subcategory #page-content-wrapper.subcategory-page {
    transform: none !important;
}

/* Header-/Content-Block: etwas näher an Hauptkategorie */
body.page-subcategory .subcategory-page-inner {
    max-width: 980px !important;
    margin-left: 50px !important;
    margin-right: 0 !important;
}

/* Die alte Desktop-Ausgabe hatte Bootstrap row/col und float.
   Hier machen wir aus der echten Produktliste ein kontrolliertes 3er-Grid. */
body.page-subcategory .row.produkte.subcategory-product-grid,
body.page-subcategory .row.produkte,
body.page-subcategory .subcategory-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
}

/* Direkte Produkt-Container neutralisieren */
body.page-subcategory .row.produkte.subcategory-product-grid > *,
body.page-subcategory .row.produkte > *,
body.page-subcategory .subcategory-product-grid > * {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Falls alte col-md-Klassen im Produktgrid liegen */
body.page-subcategory .row.produkte [class*="col-"],
body.page-subcategory .subcategory-product-grid [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    flex: none !important;
}

/* Produktkarte konsistent */
body.page-subcategory .row.produkte > div,
body.page-subcategory .subcategory-product-grid > div {
    box-sizing: border-box !important;
}

/* Produktbild darf nicht mittig kleben/verschoben sein */
body.page-subcategory .row.produkte a:has(img),
body.page-subcategory .subcategory-product-grid a:has(img) {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
}

/* Bild in Gridbreite */
body.page-subcategory .row.produkte img,
body.page-subcategory .subcategory-product-grid img {
    max-width: 100% !important;
}

/* Sortierleiste nicht über volle Breite verrutschen */
body.page-subcategory .toolbar {
    width: 100% !important;
}

/* Alte Pull-Klassen im Produktbereich entschärfen */
body.page-subcategory .row.produkte .pull-left,
body.page-subcategory .row.produkte .pull-right,
body.page-subcategory .subcategory-product-grid .pull-left,
body.page-subcategory .subcategory-product-grid .pull-right {
    float: none !important;
}

/* Produktname links unter dem Bild */
body.page-subcategory .row.produkte .prodbox-name,
body.page-subcategory .subcategory-product-grid .prodbox-name {
    display: inline-block !important;
    float: none !important;
    clear: both !important;
    margin-top: 10px !important;
}

/* Desktop mittlere Breiten */
@media (max-width: 980px) {
    body.page-subcategory .subcategory-page-inner {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    body.page-subcategory .row.produkte.subcategory-product-grid,
    body.page-subcategory .row.produkte,
    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 18px !important;
    }
}

@media (max-width: 640px) {
    body.page-subcategory .row.produkte.subcategory-product-grid,
    body.page-subcategory .row.produkte,
    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V3
   Korrektur echte Produkt-Row:
   - Produktliste hat eigene Klasse .subcategory-product-grid
   - Bootstrap col-md-4 wird sauber Grid-Item
   - Sidebar wirklich initial geschlossen
   ========================================= */

/* Sidebar hart initial schließen, nur .toggled darf öffnen */
body.page-subcategory #wrapper #sidebar-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    transform: translateX(-102%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 2147482000 !important;
}

body.page-subcategory #wrapper.toggled #sidebar-wrapper {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Inhalt nie durch Sidebar verschieben */
body.page-subcategory #wrapper,
body.page-subcategory #page-content-wrapper {
    padding-left: 0 !important;
    margin-left: auto !important;
}

/* Exakte Produktliste */
body.page-subcategory .subcategory-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
}

/* Die alten Bootstrap-Spalten werden Grid-Items */
body.page-subcategory .subcategory-product-grid > .col-md-4,
body.page-subcategory .subcategory-product-grid > div {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Alte clearfix/P-Abstände falls noch irgendwo übrig */
body.page-subcategory .subcategory-product-grid > .clearfix,
body.page-subcategory .subcategory-product-grid > p {
    display: none !important;
}

/* Produktkarte */
body.page-subcategory .subcategory-product-grid .prodbox {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* Bildlink bekommt den Rahmen, nicht das IMG allein */
body.page-subcategory .subcategory-product-grid .category-product-image {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
    background: #fff !important;
    width: 100% !important;
    transition: border-color 0.16s ease !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: #dedede !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image:hover {
    border-color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image:hover::before {
    background: #e30613 !important;
}

/* Inline-IMG-Rahmen ausschalten, sonst doppelte/fehlende Rahmen */
body.page-subcategory .subcategory-product-grid .category-product-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border: 0 !important;
    margin: 0 !important;
}

/* Produktinfos sauber unter Bild */
body.page-subcategory .subcategory-product-grid .xr_s10 {
    min-height: 0 !important;
    margin: 11px 0 4px 0 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox-name {
    color: #111 !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
    font-weight: 850 !important;
    letter-spacing: -0.15px !important;
    text-decoration: none !important;
}

body.page-subcategory .subcategory-product-grid .prodbox-name:hover {
    color: #e30613 !important;
}

/* Daten/Preis/Versand analog Hauptkategorie */
body.page-subcategory .subcategory-product-grid .prodbox_daten,
body.page-subcategory .subcategory-product-grid .xr_s7 {
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis {
    margin-top: 8px !important;
    min-height: 31px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis span,
body.page-subcategory .subcategory-product-grid .prodbox_preis span[style],
body.page-subcategory .subcategory-product-grid .prodbox_preis strike {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis span[style*="color"] {
    color: #e30613 !important;
    font-weight: 900 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis img[src*="badge_"] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 24px !important;
    object-fit: fill !important;
    transform: none !important;
    vertical-align: -5px !important;
    margin-left: 8px !important;
    border: 0 !important;
}

body.page-subcategory .subcategory-product-grid .category-shipping-link,
body.page-subcategory .subcategory-product-grid .open-shipping-modal {
    color: #555 !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.14s ease !important;
}

body.page-subcategory .subcategory-product-grid .category-shipping-link:hover,
body.page-subcategory .subcategory-product-grid .open-shipping-modal:hover {
    color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid img.prodbox_liefer {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
    margin: 0 8px 0 7px !important;
    vertical-align: -3px !important;
}

/* Responsive */
@media (max-width: 980px) {
    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 18px !important;
    }
}

@media (max-width: 640px) {
    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V4
   Harte Korrektur weg von alter Desktop-DNA:
   - Header-Menü sichtbar
   - Sidebar initial geschlossen / Offcanvas
   - H1/Breadcrumb wie neue Hauptkategorie
   - Produktgrid sauber zentriert und 3-spaltig
   ========================================= */

/* Header-Menü auf Subcategory niemals verstecken */
body.page-subcategory #top #top-actions .menu,
body.page-subcategory #top #top-actions .menu a,
body.page-subcategory #top #top-actions .menu img,
body.page-subcategory #menu-toggle,
body.page-subcategory .menu-icon {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Der alte Desktop-Layoutmodus darf die Sidebar nicht als linke Spalte zeigen */
body.page-subcategory #wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    position: static !important;
}

/* Sidebar immer Offcanvas, nicht im Layoutfluss */
body.page-subcategory #sidebar-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 310px !important;
    max-width: calc(100vw - 46px) !important;
    height: 100vh !important;
    overflow-y: auto !important;
    background: #fff !important;
    transform: translate3d(-104%, 0, 0) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 2147482000 !important;
    transition: transform 0.28s ease, opacity 0.2s ease, visibility 0.2s ease !important;
    box-shadow: 12px 0 26px rgba(0,0,0,0.18) !important;
}

/* Nur wenn der Wrapper aktiv getoggled wurde */
body.page-subcategory #wrapper.toggled #sidebar-wrapper {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Content wieder wie Hauptkategorie, ohne Sidebar-Spalte */
body.page-subcategory #page-content-wrapper.subcategory-page {
    width: min(1120px, calc(100vw - 40px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 42px 0 90px 0 !important;
    transform: none !important;
    float: none !important;
    clear: both !important;
}

body.page-subcategory .subcategory-page-inner {
    width: 100% !important;
    max-width: 980px !important;
    margin-left: 50px !important;
    margin-right: 0 !important;
}

/* Header/H1-Stil wie neue Kategorie */
body.page-subcategory .subcategory-page-header,
body.page-subcategory .service-page-header.subcategory-page-header {
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.page-subcategory .subcategory-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #111 !important;
    font-size: 31px !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
    letter-spacing: -0.3px !important;
    text-transform: none !important;
}

body.page-subcategory .subcategory-breadcrumb a {
    color: #111 !important;
    text-decoration: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 850 !important;
}

body.page-subcategory .subcategory-breadcrumb a:hover {
    color: #e30613 !important;
}

body.page-subcategory .subcategory-breadcrumb span {
    color: #111 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 850 !important;
    text-transform: none !important;
}

body.page-subcategory .subcategory-breadcrumb br,
body.page-subcategory .subcategory-breadcrumb hr {
    display: none !important;
}

/* Trenner ruhiger */
body.page-subcategory hr.dotted,
body.page-subcategory hr.dotted.red {
    border: 0 !important;
    border-top: 1px solid #eeeeee !important;
    height: 0 !important;
    margin: 26px 0 22px 0 !important;
    background: transparent !important;
}

/* Toolbar moderner und nicht desktop-alt */
body.page-subcategory .toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 0 28px 0 !important;
    padding: 13px 0 !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

body.page-subcategory .toolbar .pager,
body.page-subcategory .toolbar .filter {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}

body.page-subcategory .toolbar p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.page-subcategory ul.filter {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.page-subcategory ul.filter li {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.page-subcategory ul.filter li a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    background: #f7f7f7 !important;
    border-left: 3px solid #e30613 !important;
    box-shadow: inset 0 0 0 1px #ededed !important;
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.page-subcategory ul.filter li.act a,
body.page-subcategory ul.filter li a:hover {
    background: #111 !important;
    color: #fff !important;
}

/* Exaktes Produktgrid */
body.page-subcategory .subcategory-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
}

/* Bootstrap-Reste neutralisieren */
body.page-subcategory .subcategory-product-grid > .col-md-4,
body.page-subcategory .subcategory-product-grid > div {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

body.page-subcategory .subcategory-product-grid > .clearfix,
body.page-subcategory .subcategory-product-grid > p {
    display: none !important;
}

/* Produktbild analog Hauptkategorie */
body.page-subcategory .subcategory-product-grid .category-product-image {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
    background: #fff !important;
    width: 100% !important;
    transition: border-color 0.16s ease !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: #dedede !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image:hover {
    border-color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image:hover::before {
    background: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border: 0 !important;
    margin: 0 !important;
}

/* Produktdaten */
body.page-subcategory .subcategory-product-grid .xr_s10 {
    min-height: 0 !important;
    margin: 11px 0 4px 0 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox-name {
    color: #111 !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
    font-weight: 850 !important;
    letter-spacing: -0.15px !important;
    text-decoration: none !important;
}

body.page-subcategory .subcategory-product-grid .prodbox-name:hover {
    color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_daten,
body.page-subcategory .subcategory-product-grid .xr_s7 {
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis {
    margin-top: 8px !important;
    min-height: 31px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis span,
body.page-subcategory .subcategory-product-grid .prodbox_preis span[style],
body.page-subcategory .subcategory-product-grid .prodbox_preis strike {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis span[style*="color"] {
    color: #e30613 !important;
    font-weight: 900 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis img[src*="badge_"] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 24px !important;
    object-fit: fill !important;
    transform: none !important;
    vertical-align: -5px !important;
    margin-left: 8px !important;
    border: 0 !important;
}

body.page-subcategory .subcategory-product-grid .category-shipping-link,
body.page-subcategory .subcategory-product-grid .open-shipping-modal {
    color: #555 !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.14s ease !important;
}

body.page-subcategory .subcategory-product-grid .category-shipping-link:hover,
body.page-subcategory .subcategory-product-grid .open-shipping-modal:hover {
    color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid img.prodbox_liefer {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
    margin: 0 8px 0 7px !important;
    vertical-align: -3px !important;
}

/* Responsive */
@media (max-width: 980px) {
    body.page-subcategory .subcategory-page-inner {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 18px !important;
    }
}

@media (max-width: 640px) {
    body.page-subcategory #page-content-wrapper.subcategory-page {
        width: calc(100vw - 28px) !important;
        padding-top: 28px !important;
    }

    body.page-subcategory .subcategory-breadcrumb {
        font-size: 24px !important;
    }

    body.page-subcategory .toolbar {
        display: block !important;
    }

    body.page-subcategory ul.filter {
        margin-top: 12px !important;
        flex-wrap: wrap !important;
    }

    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V5
   Feinschliff:
   - Sidebar wieder sauber wie globale Offcanvas-Logik
   - Sidebar öffnet unter/aus dem Header-Bereich, nicht als alte Desktop-Spalte
   - H1/Breadcrumb etwas stärker wie Hauptkategorie
   - Produktboxen größer/ruhiger
   ========================================= */

/* Subcategory darf nie die alte Desktop-Sidebar als Layoutspalte zeigen */
body.page-subcategory #wrapper {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Content immer zentriert, unabhängig von Sidebar */
body.page-subcategory #page-content-wrapper.subcategory-page {
    width: min(1120px, calc(100vw - 40px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 42px 0 96px 0 !important;
    float: none !important;
    clear: both !important;
    transform: none !important;
}

/* Innerer Content wie Hauptkategorie linkslastig */
body.page-subcategory .subcategory-page-inner {
    width: 100% !important;
    max-width: 980px !important;
    margin-left: 50px !important;
    margin-right: 0 !important;
}

/* Sidebar: Offcanvas links, aber nicht mehr als sichtbare Desktop-Spalte.
   Top unter dem schwarzen Header, damit der Header/Close-Bereich nicht verdeckt wird. */
body.page-subcategory #sidebar-wrapper {
    position: fixed !important;
    top: 58px !important;
    left: 0 !important;
    width: 310px !important;
    max-width: calc(100vw - 46px) !important;
    height: calc(100vh - 58px) !important;
    overflow-y: auto !important;
    background: #fff !important;
    transform: translate3d(-104%, 0, 0) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 2147481800 !important;
    box-shadow: 12px 0 26px rgba(0,0,0,0.18) !important;
    transition: transform 0.28s ease, opacity 0.2s ease, visibility 0.2s ease !important;
}

body.page-subcategory #wrapper.toggled #sidebar-wrapper {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Header bleibt immer über der Sidebar */
body.page-subcategory #top {
    z-index: 2147481900 !important;
}

/* Menü-Icon sichtbar und klickbar */
body.page-subcategory #top-actions .menu,
body.page-subcategory #menu-toggle,
body.page-subcategory #menu-toggle img {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Headline/Breadcrumb stärker wie H1 */
body.page-subcategory .subcategory-page-header {
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.page-subcategory .subcategory-breadcrumb {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #111 !important;
    font-size: 31px !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
    letter-spacing: -0.3px !important;
    text-transform: none !important;
}

body.page-subcategory .subcategory-breadcrumb a,
body.page-subcategory .subcategory-breadcrumb span {
    color: #111 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

body.page-subcategory .subcategory-breadcrumb a:hover {
    color: #e30613 !important;
}

body.page-subcategory .subcategory-breadcrumb::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
}

/* Trenner kompakter */
body.page-subcategory hr.dotted,
body.page-subcategory hr.dotted.red {
    border: 0 !important;
    border-top: 1px solid #eeeeee !important;
    margin: 22px 0 20px 0 !important;
    height: 0 !important;
    background: transparent !important;
}

/* Toolbar näher an Hauptkategorie */
body.page-subcategory .toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 0 28px 0 !important;
    padding: 13px 0 !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

body.page-subcategory .toolbar p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.page-subcategory .toolbar .pager span {
    font-size: 12px !important;
    color: #777 !important;
}

body.page-subcategory ul.filter {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.page-subcategory ul.filter li,
body.page-subcategory ul.filter.pull-right {
    float: none !important;
}

body.page-subcategory ul.filter li a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 11px !important;
    background: #f7f7f7 !important;
    border-left: 3px solid #e30613 !important;
    box-shadow: inset 0 0 0 1px #ededed !important;
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.page-subcategory ul.filter li.act a,
body.page-subcategory ul.filter li a:hover {
    background: #111 !important;
    color: #fff !important;
}

/* Produktgrid etwas größer und wie Hauptkategorie */
body.page-subcategory .subcategory-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 36px 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-subcategory .subcategory-product-grid > .col-md-4,
body.page-subcategory .subcategory-product-grid > div {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Produktbild */
body.page-subcategory .subcategory-product-grid .category-product-image {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
    border: 1px solid #dedede !important;
    background: #fff !important;
    transition: border-color 0.16s ease !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: #dedede !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image:hover {
    border-color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image:hover::before {
    background: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border: 0 !important;
    margin: 0 !important;
}

/* Produkttexte etwas größer */
body.page-subcategory .subcategory-product-grid .xr_s10 {
    min-height: 0 !important;
    margin: 12px 0 5px 0 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox-name {
    display: inline-block !important;
    color: #111 !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
    font-weight: 850 !important;
    letter-spacing: -0.15px !important;
    text-decoration: none !important;
}

body.page-subcategory .subcategory-product-grid .prodbox-name:hover {
    color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_daten,
body.page-subcategory .subcategory-product-grid .xr_s7 {
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis {
    margin-top: 8px !important;
    min-height: 31px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis span,
body.page-subcategory .subcategory-product-grid .prodbox_preis span[style],
body.page-subcategory .subcategory-product-grid .prodbox_preis strike {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis span[style*="color"] {
    color: #e30613 !important;
    font-weight: 900 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis img[src*="badge_"] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 24px !important;
    object-fit: fill !important;
    vertical-align: -5px !important;
    margin-left: 8px !important;
    border: 0 !important;
}

body.page-subcategory .subcategory-product-grid .category-shipping-link,
body.page-subcategory .subcategory-product-grid .open-shipping-modal {
    color: #555 !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.14s ease !important;
}

body.page-subcategory .subcategory-product-grid .category-shipping-link:hover,
body.page-subcategory .subcategory-product-grid .open-shipping-modal:hover {
    color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid img.prodbox_liefer {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 8px 0 7px !important;
    vertical-align: -3px !important;
}

/* Mobile/Tablet */
@media (max-width: 980px) {
    body.page-subcategory .subcategory-page-inner {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 18px !important;
    }
}

@media (max-width: 640px) {
    body.page-subcategory #page-content-wrapper.subcategory-page {
        width: calc(100vw - 28px) !important;
        padding-top: 28px !important;
    }

    body.page-subcategory #sidebar-wrapper {
        top: 52px !important;
        height: calc(100vh - 52px) !important;
    }

    body.page-subcategory .subcategory-breadcrumb {
        font-size: 24px !important;
    }

    body.page-subcategory .toolbar {
        display: block !important;
    }

    body.page-subcategory ul.filter {
        margin-top: 12px !important;
        flex-wrap: wrap !important;
    }

    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V6
   Sidebar-Freistellung:
   - Sidebar hängt nicht mehr links am Browserfenster
   - sie startet am zentrierten Shop/Header-Frame
   - öffnet unter dem schwarzen Header
   - Content bleibt unverändert zentriert
   ========================================= */

@media (min-width: 981px) {
    body.page-subcategory {
        --rs-frame-width: 1120px;
        --rs-frame-left: max(0px, calc((100vw - var(--rs-frame-width)) / 2));
        --rs-header-height: 58px;
    }

    body.page-subcategory #sidebar-wrapper {
        position: fixed !important;
        top: var(--rs-header-height) !important;
        left: var(--rs-frame-left) !important;
        width: 310px !important;
        max-width: 310px !important;
        height: calc(100vh - var(--rs-header-height)) !important;
        overflow-y: auto !important;
        background: #fff !important;
        transform: translate3d(-106%, 0, 0) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 2147481800 !important;
        box-shadow: 14px 0 30px rgba(0,0,0,0.20) !important;
        border-right: 1px solid #eeeeee !important;
        transition: transform 0.28s ease, opacity 0.2s ease, visibility 0.2s ease !important;
        float: none !important;
        margin: 0 !important;
        padding-top: 0 !important;
    }

    body.page-subcategory #wrapper.toggled #sidebar-wrapper {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.page-subcategory #top,
    body.page-subcategory header,
    body.page-subcategory .top {
        z-index: 2147481900 !important;
    }

    body.page-subcategory #wrapper.toggled #page-content-wrapper,
    body.page-subcategory #wrapper.toggled .subcategory-page {
        transform: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 981px) and (max-width: 1160px) {
    body.page-subcategory {
        --rs-frame-width: calc(100vw - 40px);
        --rs-frame-left: 20px;
    }
}

@media (max-width: 980px) {
    body.page-subcategory #sidebar-wrapper {
        position: fixed !important;
        top: 52px !important;
        left: 0 !important;
        width: 310px !important;
        max-width: calc(100vw - 46px) !important;
        height: calc(100vh - 52px) !important;
        transform: translate3d(-106%, 0, 0) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 2147481800 !important;
        background: #fff !important;
        box-shadow: 14px 0 30px rgba(0,0,0,0.20) !important;
        float: none !important;
        margin: 0 !important;
        padding-top: 0 !important;
    }

    body.page-subcategory #wrapper.toggled #sidebar-wrapper {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

body.page-subcategory #sidebar-wrapper ul,
body.page-subcategory #sidebar-wrapper .sidebar-nav {
    background: #fff !important;
}

body.page-subcategory #sidebar-wrapper li,
body.page-subcategory #sidebar-wrapper a {
    box-sizing: border-box !important;
}

body.page-subcategory #page-content-wrapper.subcategory-page {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V7
   Sidebar-Position robust:
   - linke Position kommt vom echten Header per JS-CSS-Variable
   - überschreibt alte left:0 Regeln final
   - Sidebar bleibt unter dem Header
   ========================================= */

:root {
    --rs-subcat-sidebar-left: max(0px, calc((100vw - 1120px) / 2));
    --rs-subcat-header-height: 58px;
}

/* Desktop: Sidebar exakt am schwarzen Header-Frame ausrichten */
@media (min-width: 981px) {
    body.page-subcategory #wrapper > #sidebar-wrapper,
    body.page-subcategory #sidebar-wrapper {
        position: fixed !important;
        top: var(--rs-subcat-header-height) !important;
        left: var(--rs-subcat-sidebar-left) !important;
        right: auto !important;
        width: 310px !important;
        max-width: 310px !important;
        height: calc(100vh - var(--rs-subcat-header-height)) !important;
        overflow-y: auto !important;
        background: #fff !important;
        transform: translate3d(-106%, 0, 0) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 2147481800 !important;
        box-shadow: 14px 0 30px rgba(0,0,0,0.20) !important;
        border-right: 1px solid #eeeeee !important;
        float: none !important;
        margin: 0 !important;
        padding-top: 0 !important;
    }

    body.page-subcategory #wrapper.toggled > #sidebar-wrapper,
    body.page-subcategory #wrapper.toggled #sidebar-wrapper {
        left: var(--rs-subcat-sidebar-left) !important;
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* Content niemals mitschieben */
    body.page-subcategory #wrapper.toggled #page-content-wrapper,
    body.page-subcategory #wrapper.toggled .subcategory-page {
        transform: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: auto !important;
    }

    /* Header bleibt vor der Sidebar-Oberkante */
    body.page-subcategory #top,
    body.page-subcategory .top,
    body.page-subcategory header {
        position: relative !important;
        z-index: 2147481900 !important;
    }
}

/* Kleine Screens: dort soll sie klassisch vom linken Rand kommen */
@media (max-width: 980px) {
    body.page-subcategory #wrapper > #sidebar-wrapper,
    body.page-subcategory #sidebar-wrapper {
        position: fixed !important;
        top: var(--rs-subcat-header-height, 52px) !important;
        left: 0 !important;
        right: auto !important;
        width: 310px !important;
        max-width: calc(100vw - 46px) !important;
        height: calc(100vh - var(--rs-subcat-header-height, 52px)) !important;
        transform: translate3d(-106%, 0, 0) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 2147481800 !important;
        background: #fff !important;
        box-shadow: 14px 0 30px rgba(0,0,0,0.20) !important;
    }

    body.page-subcategory #wrapper.toggled > #sidebar-wrapper,
    body.page-subcategory #wrapper.toggled #sidebar-wrapper {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

/* Alte absolute/relative Sidebar-Positionen endgültig neutralisieren */
body.page-subcategory #sidebar-wrapper[style] {
    margin-left: 0 !important;
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V8
   Abgleich mit show_category V13:
   - Sidebar-Logik jetzt identisch zur Hauptkategorie
   - kein JS-Sonderweg mehr
   - Offcanvas am zentrierten Header-Frame
   - Header/H1/Productgrid bleiben Subcategory-spezifisch
   ========================================= */

/* Wichtig: Subcategory nutzt dieselbe Sidebar-Bühnenlogik wie Hauptkategorie */
@media (min-width: 1024px) {
    body.page-subcategory #wrapper {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
        max-width: 1320px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.page-subcategory #page-content-wrapper {
        width: 100% !important;
        max-width: 1120px !important;
        margin: 0 auto !important;
        padding: 34px 24px 104px 24px !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    body.page-subcategory #menu-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.page-subcategory #sidebar-wrapper {
        position: fixed !important;
        top: var(--topbar-height) !important;
        left: calc(50% - (var(--desktop-header-max-width) / 2)) !important;
        width: var(--sidebar-width) !important;
        height: calc(100vh - var(--topbar-height)) !important;
        margin-left: 0 !important;
        transform: translateX(-105%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: 2147482500 !important;
        background: #fff !important;
        overflow-y: auto !important;
        box-shadow: 0 8px 28px rgba(0,0,0,0.24) !important;
        transition: transform 0.26s ease, opacity 0.18s ease, visibility 0.18s ease !important;
        float: none !important;
        right: auto !important;
        padding-top: 0 !important;
    }

    body.page-subcategory #wrapper.toggled #sidebar-wrapper {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.page-subcategory #wrapper.toggled #page-content-wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1360px) {
    body.page-subcategory #sidebar-wrapper {
        left: 16px !important;
    }
}

@media (max-width: 1023px) {
    body.page-subcategory #page-content-wrapper {
        padding: 18px 12px 82px 12px !important;
    }

    body.page-subcategory #sidebar-wrapper {
        position: fixed !important;
        left: 0 !important;
        top: var(--topbar-height) !important;
        width: var(--sidebar-width) !important;
        max-width: calc(100vw - 46px) !important;
        height: calc(100vh - var(--topbar-height)) !important;
        transform: translateX(-105%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: 2147482500 !important;
        background: #fff !important;
        overflow-y: auto !important;
        box-shadow: 0 8px 28px rgba(0,0,0,0.24) !important;
    }

    body.page-subcategory #wrapper.toggled #sidebar-wrapper {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* Alte V5-V7 Sidebar-Sondervariablen/JS-Positionen neutralisieren */
body.page-subcategory #sidebar-wrapper {
    top: var(--topbar-height) !important;
}

/* Subcategory-Content: in derselben Bühne wie Hauptkategorie, aber ohne Unterkategorie-Kacheln */
body.page-subcategory #page-content-wrapper.subcategory-page {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding-bottom: 104px !important;
}

body.page-subcategory .subcategory-page-inner {
    width: 100% !important;
    max-width: 980px !important;
    margin-left: 50px !important;
    margin-right: 0 !important;
}

/* H1/Breadcrumb bleibt klar, aber nicht desktop-alt */
body.page-subcategory .subcategory-page-header {
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.page-subcategory .subcategory-breadcrumb {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #111 !important;
    font-size: 31px !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
    letter-spacing: -0.3px !important;
    text-transform: none !important;
}

body.page-subcategory .subcategory-breadcrumb a,
body.page-subcategory .subcategory-breadcrumb span {
    color: #111 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

body.page-subcategory .subcategory-breadcrumb a:hover {
    color: #e30613 !important;
}

/* Toolbar/Sortierung etwas kompakter wie Kategorie */
body.page-subcategory .toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 0 28px 0 !important;
    padding: 13px 0 !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

body.page-subcategory .toolbar p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.page-subcategory ul.filter,
body.page-subcategory ul.filter.pull-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
}

body.page-subcategory ul.filter li {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.page-subcategory ul.filter li a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 11px !important;
    background: #f7f7f7 !important;
    border-left: 3px solid #e30613 !important;
    box-shadow: inset 0 0 0 1px #ededed !important;
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.page-subcategory ul.filter li.act a,
body.page-subcategory ul.filter li a:hover {
    background: #111 !important;
    color: #fff !important;
}

/* Produktgrid: gleiche Breite/Anmutung wie Hauptkategorie */
body.page-subcategory .subcategory-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 36px 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-subcategory .subcategory-product-grid > .col-md-4,
body.page-subcategory .subcategory-product-grid > div {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
    border: 1px solid #dedede !important;
    background: #fff !important;
    transition: border-color 0.16s ease !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: #dedede !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image:hover {
    border-color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image:hover::before {
    background: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .category-product-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border: 0 !important;
    margin: 0 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox-name {
    display: inline-block !important;
    color: #111 !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
    font-weight: 850 !important;
    letter-spacing: -0.15px !important;
    text-decoration: none !important;
    margin-top: 10px !important;
}

body.page-subcategory .subcategory-product-grid .prodbox-name:hover {
    color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_daten,
body.page-subcategory .subcategory-product-grid .xr_s7 {
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis,
body.page-subcategory .subcategory-product-grid .prodbox_preis span,
body.page-subcategory .subcategory-product-grid .prodbox_preis span[style],
body.page-subcategory .subcategory-product-grid .prodbox_preis strike {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis span[style*="color"] {
    color: #e30613 !important;
    font-weight: 900 !important;
}

body.page-subcategory .subcategory-product-grid .prodbox_preis img[src*="badge_"] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 24px !important;
    object-fit: fill !important;
    vertical-align: -5px !important;
    margin-left: 8px !important;
    border: 0 !important;
}

body.page-subcategory .subcategory-product-grid .category-shipping-link,
body.page-subcategory .subcategory-product-grid .open-shipping-modal {
    color: #555 !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.14s ease !important;
}

body.page-subcategory .subcategory-product-grid .category-shipping-link:hover,
body.page-subcategory .subcategory-product-grid .open-shipping-modal:hover {
    color: #e30613 !important;
}

body.page-subcategory .subcategory-product-grid img.prodbox_liefer {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 8px 0 7px !important;
    vertical-align: -3px !important;
}

/* Tablet/Mobile */
@media (max-width: 1023px) {
    body.page-subcategory .subcategory-page-inner {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 18px !important;
    }
}

@media (max-width: 760px) {
    body.page-subcategory .subcategory-breadcrumb {
        font-size: 24px !important;
    }

    body.page-subcategory .toolbar {
        display: block !important;
    }

    body.page-subcategory ul.filter {
        margin-top: 12px !important;
        flex-wrap: wrap !important;
    }

    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V9
   H1 + Content-Abgleich mit show_category:
   - Zusatztext unter H1 wie mobile Version
   - gesamter Content weiter nach links
   - Breadcrumb wirkt mehr wie echte H1
   ========================================= */

/* Content-Bühne weiter nach links, orientiert an show_category */
@media (min-width: 1024px) {
    body.page-subcategory #page-content-wrapper.subcategory-page {
        max-width: 1120px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-subcategory .subcategory-page-inner {
        max-width: 980px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* H1-Block leicht nach links ziehen wie bei der Hauptkategorie */
    body.page-subcategory .subcategory-page-header {
        max-width: 980px !important;
        margin-left: -50px !important;
        margin-right: auto !important;
        margin-bottom: 30px !important;
    }

    /* Der folgende Content bleibt bündig zur Produktbühne */
    body.page-subcategory .subcategory-toolbar,
    body.page-subcategory .toolbar,
    body.page-subcategory .subcategory-product-grid,
    body.page-subcategory .category-product-grid,
    body.page-subcategory .subcategory-alternatives,
    body.page-subcategory hr.dotted {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 1024px) and (max-width: 1360px) {
    body.page-subcategory .subcategory-page-header {
        margin-left: -30px !important;
    }
}

/* Breadcrumb als kräftige Seitenheadline */
body.page-subcategory .subcategory-breadcrumb {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #111 !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: -0.35px !important;
    text-transform: none !important;
}

body.page-subcategory .subcategory-breadcrumb a,
body.page-subcategory .subcategory-breadcrumb span {
    color: #111 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

body.page-subcategory .subcategory-breadcrumb a:hover {
    color: #e30613 !important;
}

/* Das » bleibt sichtbar, aber nicht lauter als die Begriffe */
body.page-subcategory .subcategory-breadcrumb {
    column-gap: 9px !important;
}

/* Zusatztext unter H1 */
body.page-subcategory .subcategory-page-subtitle {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #555 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

body.page-subcategory .subcategory-page-subtitle strong {
    color: #111 !important;
    font-weight: 800 !important;
}

/* Abstand nach H1/Text zur Toolbar ruhiger */
body.page-subcategory .subcategory-page-header + hr.dotted,
body.page-subcategory .subcategory-page-header + hr.dotted.red {
    margin-top: 26px !important;
    margin-bottom: 18px !important;
}

/* Toolbar-Klassen der mobilen Vorlage und der Responsive-Version gleich behandeln */
body.page-subcategory .subcategory-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 0 28px 0 !important;
    padding: 13px 0 !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

body.page-subcategory .subcategory-pager p,
body.page-subcategory .subcategory-toolbar p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.page-subcategory .subcategory-filter ul {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.page-subcategory .subcategory-filter li {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.page-subcategory .subcategory-filter li a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 11px !important;
    background: #f7f7f7 !important;
    border-left: 3px solid #e30613 !important;
    box-shadow: inset 0 0 0 1px #ededed !important;
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.page-subcategory .subcategory-filter li.act a,
body.page-subcategory .subcategory-filter li a:hover {
    background: #111 !important;
    color: #fff !important;
}

/* Falls die Produktliste aus der mobilen Vorlage .category-product-grid heißt */
body.page-subcategory .category-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 36px 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-subcategory .category-product-grid > article,
body.page-subcategory .category-product-grid > div {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Mobile/Tablet */
@media (max-width: 1023px) {
    body.page-subcategory .subcategory-page-inner {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    body.page-subcategory .subcategory-page-header {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    body.page-subcategory .category-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 18px !important;
    }
}

@media (max-width: 760px) {
    body.page-subcategory .subcategory-breadcrumb {
        font-size: 24px !important;
    }

    body.page-subcategory .subcategory-page-subtitle {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    body.page-subcategory .subcategory-toolbar {
        display: block !important;
    }

    body.page-subcategory .subcategory-filter ul {
        margin-top: 12px !important;
        flex-wrap: wrap !important;
    }

    body.page-subcategory .category-product-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V10
   Abgleich nach Screenshot-Vergleich mit show_category:
   - weißer Balken unter Header entfernt
   - Header wieder fixed wie globale Kategorie
   - Sidebar wieder exakt Kategorie-Logik
   - H1/Subtitle links wie Kategorie, Grid bleibt ruhig
   ========================================= */

/* 1) Kritischer Fix:
   Frühere Subcategory-Regeln hatten #top wieder auf position:relative gesetzt.
   Das erzeugt den weißen Balken zwischen Topbar und Headerbild.
   Hier wird die globale Header-Logik final wiederhergestellt. */
body.page-category.page-subcategory #top {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    width: 100% !important;
    max-width: var(--desktop-header-max-width) !important;
    height: var(--topbar-height) !important;
    min-height: var(--topbar-height) !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    background: #111 !important;
    z-index: 2147483000 !important;
    box-sizing: border-box !important;
}

body.page-category.page-subcategory #top::before {
    background: #111 !important;
}

/* Headerbild sitzt wieder direkt unter dem fixed Topbar wie bei show_category */
body.page-category.page-subcategory .header {
    padding-top: var(--topbar-height) !important;
    margin-top: 0 !important;
    background: #fff !important;
}

/* 2) Sidebar exakt wie Hauptkategorie:
   keine Sonderpositionen aus V5-V7, kein JS, keine Viewport-links-DNA. */
@media (min-width: 1024px) {
    body.page-category.page-subcategory #wrapper {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
        max-width: 1320px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.page-category.page-subcategory #sidebar-wrapper {
        position: fixed !important;
        top: var(--topbar-height) !important;
        left: calc(50% - (var(--desktop-header-max-width) / 2)) !important;
        right: auto !important;
        width: var(--sidebar-width) !important;
        height: calc(100vh - var(--topbar-height)) !important;
        margin-left: 0 !important;
        padding-top: 0 !important;
        transform: translateX(-105%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: 2147482500 !important;
        background: #fff !important;
        overflow-y: auto !important;
        box-shadow: 0 8px 28px rgba(0,0,0,0.24) !important;
        transition: transform 0.26s ease, opacity 0.18s ease, visibility 0.18s ease !important;
        float: none !important;
    }

    body.page-category.page-subcategory #wrapper.toggled #sidebar-wrapper {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.page-category.page-subcategory #wrapper.toggled #page-content-wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1360px) {
    body.page-category.page-subcategory #sidebar-wrapper {
        left: 16px !important;
    }
}

@media (max-width: 1023px) {
    body.page-category.page-subcategory #top {
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.page-category.page-subcategory #sidebar-wrapper {
        position: fixed !important;
        top: var(--topbar-height) !important;
        left: 0 !important;
        right: auto !important;
        width: var(--sidebar-width) !important;
        max-width: calc(100vw - 46px) !important;
        height: calc(100vh - var(--topbar-height)) !important;
        transform: translateX(-105%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: 2147482500 !important;
        background: #fff !important;
        overflow-y: auto !important;
        box-shadow: 0 8px 28px rgba(0,0,0,0.24) !important;
    }

    body.page-category.page-subcategory #wrapper.toggled #sidebar-wrapper {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* 3) Content-Bühne:
   Produktgrid bleibt in der Kategorie-Spalte.
   Nur die Headline wird wie bei show_category etwas links herausgezogen. */
@media (min-width: 1024px) {
    body.page-category.page-subcategory #page-content-wrapper.subcategory-page {
        width: 100% !important;
        max-width: 1120px !important;
        margin: 0 auto !important;
        padding: 34px 24px 104px 24px !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    body.page-category.page-subcategory .subcategory-page-inner {
        width: 100% !important;
        max-width: 980px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        transform: none !important;
    }

    body.page-category.page-subcategory .subcategory-page-header {
        max-width: 860px !important;
        margin-left: -50px !important;
        margin-right: 0 !important;
        margin-bottom: 34px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1360px) {
    body.page-category.page-subcategory .subcategory-page-header {
        margin-left: -30px !important;
    }
}

/* H1/Breadcrumb visuell wie eine Seitenheadline, aber nicht komplett uppercase */
body.page-category.page-subcategory .subcategory-breadcrumb {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #111 !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: -0.35px !important;
    text-transform: none !important;
}

body.page-category.page-subcategory .subcategory-breadcrumb a,
body.page-category.page-subcategory .subcategory-breadcrumb span {
    color: #111 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

body.page-category.page-subcategory .subcategory-breadcrumb a:hover {
    color: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-page-subtitle {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #555 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

body.page-category.page-subcategory .subcategory-page-subtitle strong {
    color: #111 !important;
    font-weight: 800 !important;
}

/* Trenner/Toolbar bleiben bündig zum Produktgrid */
body.page-category.page-subcategory .subcategory-page-header + hr.dotted,
body.page-category.page-subcategory .subcategory-page-header + hr.dotted.red {
    margin: 26px 0 18px 0 !important;
}

body.page-category.page-subcategory .subcategory-toolbar,
body.page-category.page-subcategory .toolbar,
body.page-category.page-subcategory .category-product-grid,
body.page-category.page-subcategory .subcategory-product-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Mobile: keine negativen Verschiebungen */
@media (max-width: 1023px) {
    body.page-category.page-subcategory .subcategory-page-inner,
    body.page-category.page-subcategory .subcategory-page-header {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    body.page-category.page-subcategory #page-content-wrapper.subcategory-page {
        padding: 18px 12px 82px 12px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V11
   Final Sidebar-Schließen:
   - Sidebar fliegt beim Ausblenden nicht mehr an den Browserrand
   - geschlossene Position bleibt am Header-Frame orientiert
   - Bewegung entspricht show_category: nur ein Stück nach links
   ========================================= */

/* Desktop: geschlossen = am Header-Frame bleiben und nur um eigene Breite rausfahren */
@media (min-width: 1024px) {
    body.page-category.page-subcategory #sidebar-wrapper,
    body.page-category.page-subcategory #wrapper:not(.toggled) #sidebar-wrapper {
        left: calc(50% - (var(--desktop-header-max-width) / 2)) !important;
        right: auto !important;
        transform: translate3d(calc(-1 * var(--sidebar-width) - 12px), 0, 0) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition:
            transform 0.26s ease,
            opacity 0.18s ease,
            visibility 0.18s ease !important;
        will-change: transform !important;
    }

    body.page-category.page-subcategory #wrapper.toggled #sidebar-wrapper {
        left: calc(50% - (var(--desktop-header-max-width) / 2)) !important;
        right: auto !important;
        transform: translate3d(0, 0, 0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* Schmale Desktopbreiten: dieselbe Logik wie Kategorie-Fallback */
@media (min-width: 1024px) and (max-width: 1360px) {
    body.page-category.page-subcategory #sidebar-wrapper,
    body.page-category.page-subcategory #wrapper:not(.toggled) #sidebar-wrapper {
        left: 16px !important;
        transform: translate3d(calc(-1 * var(--sidebar-width) - 12px), 0, 0) !important;
    }

    body.page-category.page-subcategory #wrapper.toggled #sidebar-wrapper {
        left: 16px !important;
        transform: translate3d(0, 0, 0) !important;
    }
}

/* Mobile/Tablet: darf weiterhin vom Bildschirmrand kommen */
@media (max-width: 1023px) {
    body.page-category.page-subcategory #sidebar-wrapper,
    body.page-category.page-subcategory #wrapper:not(.toggled) #sidebar-wrapper {
        left: 0 !important;
        transform: translate3d(-105%, 0, 0) !important;
    }

    body.page-category.page-subcategory #wrapper.toggled #sidebar-wrapper {
        left: 0 !important;
        transform: translate3d(0, 0, 0) !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V12
   Finaler H1/Grid-Abgleich mit show_category:
   - Subtitle dichter unter H1
   - Produktgrid exakt auf Kategorie-Breite/Gaps
   - Subcategory-Bühne nicht mehr kleiner als Category
   ========================================= */

/* Desktop-Bühne wie show_category: 1120 außen, 1040 Produktgrid */
@media (min-width: 1024px) {
    body.page-category.page-subcategory #page-content-wrapper.subcategory-page {
        width: 100% !important;
        max-width: 1120px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 34px 24px 104px 24px !important;
        box-sizing: border-box !important;
    }

    body.page-category.page-subcategory .subcategory-page-inner {
        width: 100% !important;
        max-width: 1040px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        transform: none !important;
    }

    /* H1 wie Kategorie: leicht aus der Content-Spalte nach links */
    body.page-category.page-subcategory .subcategory-page-header {
        max-width: 860px !important;
        margin-left: -50px !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1360px) {
    body.page-category.page-subcategory .subcategory-page-header {
        margin-left: -30px !important;
    }
}

/* H1/Breadcrumb optisch an Kategorie angleichen */
body.page-category.page-subcategory .subcategory-breadcrumb {
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: -0.35px !important;
    text-transform: none !important;
}

body.page-category.page-subcategory .subcategory-breadcrumb a,
body.page-category.page-subcategory .subcategory-breadcrumb span {
    color: #111 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

/* Subtitle dichter unter H1, wie im Category-Bild */
body.page-category.page-subcategory .subcategory-page-subtitle {
    margin: -2px 0 0 0 !important;
    padding: 0 !important;
    color: #555 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

body.page-category.page-subcategory .subcategory-page-subtitle strong {
    color: #111 !important;
    font-weight: 800 !important;
}

/* Abstand Header -> Toolbar/Grid harmonisieren */
body.page-category.page-subcategory .subcategory-page-header + hr.dotted,
body.page-category.page-subcategory .subcategory-page-header + hr.dotted.red {
    margin-top: 24px !important;
    margin-bottom: 18px !important;
}

/* Toolbar volle Category-Bühne */
body.page-category.page-subcategory .subcategory-toolbar,
body.page-category.page-subcategory .toolbar {
    width: 100% !important;
    max-width: 1040px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Produktgrid exakt wie show_category:
   show_category V13 nutzt max-width 1040px und gap 22px 18px. */
body.page-category.page-subcategory .category-product-grid,
body.page-category.page-subcategory .subcategory-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px 18px !important;
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-category.page-subcategory .category-product-grid > article,
body.page-category.page-subcategory .category-product-grid > div,
body.page-category.page-subcategory .subcategory-product-grid > article,
body.page-category.page-subcategory .subcategory-product-grid > div {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Produktbilder dürfen die neue Spaltenbreite voll nutzen */
body.page-category.page-subcategory .category-product-card,
body.page-category.page-subcategory .category-product-image {
    width: 100% !important;
    max-width: none !important;
}

/* Tablet/Mobile */
@media (max-width: 1023px) {
    body.page-category.page-subcategory .subcategory-page-inner,
    body.page-category.page-subcategory .subcategory-page-header {
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    body.page-category.page-subcategory .category-product-grid,
    body.page-category.page-subcategory .subcategory-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 18px !important;
        max-width: 100% !important;
    }
}

@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-breadcrumb {
        font-size: 24px !important;
        margin-bottom: 4px !important;
    }

    body.page-category.page-subcategory .subcategory-page-subtitle {
        margin-top: 0 !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    body.page-category.page-subcategory .category-product-grid,
    body.page-category.page-subcategory .subcategory-product-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V13
   Feinschliff Toolbar + Produktnamen:
   - doppelte Trennlinie unter H1 entfernen
   - Pager größer/lesbarer
   - Sortierpfeil sichtbar
   - Produktname möglichst einzeilig
   ========================================= */

/* Nur eine Trennlinie behalten:
   Die obere Linie nach dem Header wird ausgeblendet,
   die Toolbar bringt ihre eigene klare Top-/Bottom-Line mit. */
body.page-category.page-subcategory .subcategory-page-header + hr.dotted,
body.page-category.page-subcategory .subcategory-page-header + hr.dotted.red {
    display: none !important;
}

/* Abstand vom Subtitle zur Toolbar dadurch natürlich herstellen */
body.page-category.page-subcategory .subcategory-page-header {
    margin-bottom: 28px !important;
}

/* Toolbar nach Wegfall der Extra-Linie sauber positionieren */
body.page-category.page-subcategory .subcategory-toolbar,
body.page-category.page-subcategory .toolbar {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* Pager größer/lesbarer */
body.page-category.page-subcategory .subcategory-pager p,
body.page-category.page-subcategory .subcategory-toolbar p,
body.page-category.page-subcategory .toolbar p {
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #555 !important;
}

body.page-category.page-subcategory .subcategory-pager a,
body.page-category.page-subcategory .subcategory-pager strong,
body.page-category.page-subcategory .toolbar .pager a,
body.page-category.page-subcategory .toolbar .pager strong {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
    color: #111 !important;
    text-decoration: none !important;
}

body.page-category.page-subcategory .subcategory-pager a:hover,
body.page-category.page-subcategory .toolbar .pager a:hover {
    color: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-pager span,
body.page-category.page-subcategory .toolbar .pager span {
    font-size: 13px !important;
    color: #777 !important;
    margin-left: 10px !important;
}

/* Sortierung: Pfeil/Sort-Icon wieder sichtbar und nicht vom Button geschluckt */
body.page-category.page-subcategory .subcategory-filter li a img,
body.page-category.page-subcategory ul.filter li a img,
body.page-category.page-subcategory .toolbar img[src*="sort-"],
body.page-category.page-subcategory .subcategory-toolbar img[src*="sort-"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    margin: 0 5px 0 0 !important;
    vertical-align: -1px !important;
    filter: none !important;
}

/* Sortierbuttons etwas ruhiger */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    min-height: 34px !important;
    padding: 0 12px !important;
    gap: 4px !important;
}

/* Produktnamen: Umbruch kam durch alte Breiten/inline-Regeln.
   Jetzt volle Kartenbreite nutzen und einzeilig halten. */
body.page-category.page-subcategory .category-product-info,
body.page-category.page-subcategory .category-product-grid .category-product-info {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

body.page-category.page-subcategory .category-product-grid .xr_s10,
body.page-category.page-subcategory .subcategory-product-grid .xr_s10 {
    width: 100% !important;
    max-width: none !important;
    min-height: 34px !important;
    margin: 12px 0 4px 0 !important;
}

body.page-category.page-subcategory .category-product-grid .prodbox-name,
body.page-category.page-subcategory .subcategory-product-grid .prodbox-name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
}

/* Produktgrid bleibt auf Category-Maß, aber die Spalten nutzen die volle Breite */
body.page-category.page-subcategory .category-product-card {
    min-width: 0 !important;
    width: 100% !important;
}

/* Mobile: Produktnamen dürfen wieder umbrechen, weil Ellipsis auf Handy weniger hilfreich ist */
@media (max-width: 760px) {
    body.page-category.page-subcategory .category-product-grid .prodbox-name,
    body.page-category.page-subcategory .subcategory-product-grid .prodbox-name {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 16px !important;
    }

    body.page-category.page-subcategory .subcategory-pager p,
    body.page-category.page-subcategory .subcategory-toolbar p,
    body.page-category.page-subcategory .toolbar p {
        font-size: 14px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V14
   Produktbox-Abstand final:
   - horizontal mehr Abstand zwischen den Boxen
   - vertikal mehr Luft zwischen Produktreihen
   - Produktinfo etwas ruhiger
   ========================================= */

/* Desktop: Subcategory-Grid an Category-Anmutung angleichen,
   aber mit etwas mehr Abstand zwischen den Boxen. */
@media (min-width: 1024px) {
    body.page-category.page-subcategory .category-product-grid,
    body.page-category.page-subcategory .subcategory-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 44px 28px !important;
        max-width: 1040px !important;
        width: 100% !important;
    }

    body.page-category.page-subcategory .category-product-card {
        min-width: 0 !important;
        width: 100% !important;
    }
}

/* Produktinfo bekommt etwas mehr Atemraum wie in der Kategorie */
body.page-category.page-subcategory .category-product-info {
    padding-top: 2px !important;
}

body.page-category.page-subcategory .category-product-grid .xr_s10,
body.page-category.page-subcategory .subcategory-product-grid .xr_s10 {
    min-height: 32px !important;
    margin: 13px 0 5px 0 !important;
}

body.page-category.page-subcategory .category-product-grid .prodbox_daten,
body.page-category.page-subcategory .subcategory-product-grid .prodbox_daten,
body.page-category.page-subcategory .category-product-grid .xr_s7,
body.page-category.page-subcategory .subcategory-product-grid .xr_s7 {
    line-height: 1.48 !important;
}

/* Preis-/Versandbereich minimal ruhiger untereinander */
body.page-category.page-subcategory .category-product-grid .prodbox_preis,
body.page-category.page-subcategory .subcategory-product-grid .prodbox_preis {
    margin-top: 9px !important;
    margin-bottom: 4px !important;
}

body.page-category.page-subcategory .category-product-grid .category-shipping-link,
body.page-category.page-subcategory .subcategory-product-grid .category-shipping-link,
body.page-category.page-subcategory .category-product-grid .open-shipping-modal,
body.page-category.page-subcategory .subcategory-product-grid .open-shipping-modal {
    line-height: 1.45 !important;
}

/* Tablet/Mobile nicht zu weit auseinanderziehen */
@media (max-width: 1023px) {
    body.page-category.page-subcategory .category-product-grid,
    body.page-category.page-subcategory .subcategory-product-grid {
        gap: 32px 20px !important;
    }
}

@media (max-width: 760px) {
    body.page-category.page-subcategory .category-product-grid,
    body.page-category.page-subcategory .subcategory-product-grid {
        gap: 28px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V15
   Sortierleiste final:
   - aktive Sortierung breiter
   - Pfeil/Icon besser sichtbar
   - Buttons harmonischer
   ========================================= */

/* Sortiergruppe mit sauberem Abstand */
body.page-category.page-subcategory .subcategory-filter ul,
body.page-category.page-subcategory ul.filter {
    gap: 12px !important;
}

/* Alle Sortierbuttons etwas breiter/ruhiger */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    min-width: 78px !important;
    min-height: 36px !important;
    padding: 0 13px !important;
    justify-content: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* A-Z braucht wegen Pfeil/Icon etwas mehr Raum */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    min-width: 92px !important;
    padding-left: 12px !important;
    padding-right: 14px !important;
    background: #111 !important;
    color: #fff !important;
}

/* Sortierpfeil im aktiven schwarzen Button klar sichtbar */
body.page-category.page-subcategory .subcategory-filter li.act a img,
body.page-category.page-subcategory ul.filter li.act a img,
body.page-category.page-subcategory .subcategory-toolbar img[src*="sort-"],
body.page-category.page-subcategory .toolbar img[src*="sort-"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    margin: 0 4px 0 0 !important;
    vertical-align: -1px !important;
    filter: brightness(0) invert(1) !important;
}

/* Pfeile in nicht-aktiven Buttons bleiben normal dunkel */
body.page-category.page-subcategory .subcategory-filter li:not(.act) a img,
body.page-category.page-subcategory ul.filter li:not(.act) a img {
    filter: none !important;
}

/* Mobile: nicht zu breit */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-filter li a,
    body.page-category.page-subcategory ul.filter li a {
        min-width: 72px !important;
        min-height: 34px !important;
        padding: 0 11px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a,
    body.page-category.page-subcategory ul.filter li.act a {
        min-width: 84px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V16
   Sortierpfeil per CSS:
   - altes Pfeilbild ausblenden
   - kräftigen Pfeil als CSS-Dreieck malen
   - aktiver Button bleibt sauber lesbar
   ========================================= */

/* Alte Sortier-IMGs entfernen, da sie im schwarzen Button nicht sauber funktionieren */
body.page-category.page-subcategory .subcategory-filter li a img,
body.page-category.page-subcategory ul.filter li a img,
body.page-category.page-subcategory .subcategory-toolbar img[src*="sort-"],
body.page-category.page-subcategory .toolbar img[src*="sort-"] {
    display: none !important;
}

/* Sortierbuttons sauber ausrichten */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* Aktiver Button braucht Platz für CSS-Pfeil */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    min-width: 108px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    background: #111 !important;
    color: #fff !important;
}

/* CSS-Pfeil: fett, klar, weiß */
body.page-category.page-subcategory .subcategory-filter li.act a::before,
body.page-category.page-subcategory ul.filter li.act a::before {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 10px solid #fff !important;
    margin-right: 8px !important;
    transform: translateY(1px) !important;
    flex: 0 0 auto !important;
}

/* Hover aktiv bleibt sauber */
body.page-category.page-subcategory .subcategory-filter li.act a:hover::before,
body.page-category.page-subcategory ul.filter li.act a:hover::before {
    border-top-color: #fff !important;
}

/* Nicht aktive Sortierbuttons ohne Pfeil */
body.page-category.page-subcategory .subcategory-filter li:not(.act) a::before,
body.page-category.page-subcategory ul.filter li:not(.act) a::before {
    content: none !important;
}

/* Mobile etwas kompakter */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-filter li a,
    body.page-category.page-subcategory ul.filter li a {
        min-width: 76px !important;
        min-height: 35px !important;
        padding: 0 12px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a,
    body.page-category.page-subcategory ul.filter li.act a {
        min-width: 96px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a::before,
    body.page-category.page-subcategory ul.filter li.act a::before {
        border-left-width: 6px !important;
        border-right-width: 6px !important;
        border-top-width: 9px !important;
        margin-right: 7px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V17
   Sortierpfeil final:
   - altes Bild aus PHP entfernt
   - CSS-Pfeil kräftig gemalt
   - Pfeil dreht mit sort-asc / sort-desc
   ========================================= */

/* Falls irgendwo noch ein altes Icon durchkommt: komplett weg */
body.page-category.page-subcategory .subcategory-filter li a img,
body.page-category.page-subcategory ul.filter li a img,
body.page-category.page-subcategory .subcategory-toolbar img,
body.page-category.page-subcategory .toolbar img {
    display: none !important;
}

/* Sortierbuttons harmonisieren */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* Aktiver Button bekommt Raum für den CSS-Pfeil */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    min-width: 112px !important;
    padding-left: 16px !important;
    padding-right: 18px !important;
    background: #111 !important;
    color: #fff !important;
}

/* Nicht aktive Buttons ohne Pfeil */
body.page-category.page-subcategory .subcategory-filter li:not(.act) a::before,
body.page-category.page-subcategory ul.filter li:not(.act) a::before {
    content: none !important;
}

/* Kräftiger CSS-Pfeil als Dreieck */
body.page-category.page-subcategory .subcategory-filter li.act a::before,
body.page-category.page-subcategory ul.filter li.act a::before {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 11px solid #fff !important;
    margin-right: 9px !important;
    flex: 0 0 auto !important;
    transform: translateY(1px) rotate(0deg) !important;
    transform-origin: 50% 45% !important;
}

/* Zustand: desc = Pfeil nach unten, asc = Pfeil nach oben */
body.page-category.page-subcategory.sort-desc .subcategory-filter li.act a::before,
body.page-category.page-subcategory.sort-desc ul.filter li.act a::before {
    transform: translateY(1px) rotate(0deg) !important;
}

body.page-category.page-subcategory.sort-asc .subcategory-filter li.act a::before,
body.page-category.page-subcategory.sort-asc ul.filter li.act a::before {
    transform: translateY(0) rotate(180deg) !important;
}

/* Fallback: Wenn Links sorttype=desc/asc enthalten und Body-Klasse aus irgendeinem Grund fehlt */
body.page-category.page-subcategory .subcategory-filter li.act a[href*="sorttype=desc"]::before,
body.page-category.page-subcategory ul.filter li.act a[href*="sorttype=desc"]::before {
    transform: translateY(1px) rotate(0deg) !important;
}

body.page-category.page-subcategory .subcategory-filter li.act a[href*="sorttype=asc"]::before,
body.page-category.page-subcategory ul.filter li.act a[href*="sorttype=asc"]::before {
    transform: translateY(0) rotate(180deg) !important;
}

/* Text im aktiven Button sauber ausrichten */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    line-height: 1 !important;
}

/* Mobile etwas kompakter */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-filter li a,
    body.page-category.page-subcategory ul.filter li a {
        min-width: 76px !important;
        min-height: 35px !important;
        padding: 0 12px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a,
    body.page-category.page-subcategory ul.filter li.act a {
        min-width: 100px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a::before,
    body.page-category.page-subcategory ul.filter li.act a::before {
        border-left-width: 7px !important;
        border-right-width: 7px !important;
        border-top-width: 10px !important;
        margin-right: 8px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V18
   Sortierpfeil final-final:
   - Richtung direkt über aktiven Link / sort-dir-Klasse
   - Abstand Pfeil zu Text -2px
   - kein altes Bild nötig
   ========================================= */

/* Alte Icons endgültig aus */
body.page-category.page-subcategory .subcategory-filter li a img,
body.page-category.page-subcategory ul.filter li a img,
body.page-category.page-subcategory .subcategory-toolbar img,
body.page-category.page-subcategory .toolbar img {
    display: none !important;
}

/* Button-Grundlage */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* Aktiver Button */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    min-width: 108px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    background: #111 !important;
    color: #fff !important;
}

/* Nicht aktive Buttons ohne Pfeil */
body.page-category.page-subcategory .subcategory-filter li:not(.act) a::before,
body.page-category.page-subcategory ul.filter li:not(.act) a::before {
    content: none !important;
}

/* CSS-Pfeil: Abstand zum Text jetzt 7px statt 9px (-2px) */
body.page-category.page-subcategory .subcategory-filter li.act a::before,
body.page-category.page-subcategory ul.filter li.act a::before {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 11px solid #fff !important;
    margin-right: 7px !important;
    flex: 0 0 auto !important;
    transform-origin: 50% 45% !important;
}

/* PHP-Klasse: aktuelle Richtung */
body.page-category.page-subcategory .subcategory-filter li.act.sort-dir-desc a::before,
body.page-category.page-subcategory ul.filter li.act.sort-dir-desc a::before,
body.page-category.page-subcategory.sort-desc .subcategory-filter li.act a::before,
body.page-category.page-subcategory.sort-desc ul.filter li.act a::before {
    transform: translateY(1px) rotate(0deg) !important;
}

body.page-category.page-subcategory .subcategory-filter li.act.sort-dir-asc a::before,
body.page-category.page-subcategory ul.filter li.act.sort-dir-asc a::before,
body.page-category.page-subcategory.sort-asc .subcategory-filter li.act a::before,
body.page-category.page-subcategory.sort-asc ul.filter li.act a::before {
    transform: translateY(0) rotate(180deg) !important;
}

/* Fallback nach Ziel-Link:
   Viele Sortierlinks enthalten die Richtung, die beim nächsten Klick aktiv wird.
   Deshalb überschreibt der href-Fallback die Body-Klasse. */
body.page-category.page-subcategory .subcategory-filter li.act a[href*="sorttype=desc"]::before,
body.page-category.page-subcategory ul.filter li.act a[href*="sorttype=desc"]::before {
    transform: translateY(1px) rotate(0deg) !important;
}

body.page-category.page-subcategory .subcategory-filter li.act a[href*="sorttype=asc"]::before,
body.page-category.page-subcategory ul.filter li.act a[href*="sorttype=asc"]::before {
    transform: translateY(0) rotate(180deg) !important;
}

/* Falls URLs sorttype mit & oder anderer Reihenfolge enthalten */
body.page-category.page-subcategory .subcategory-filter li.act a[href*="sorttype%3Ddesc"]::before,
body.page-category.page-subcategory ul.filter li.act a[href*="sorttype%3Ddesc"]::before {
    transform: translateY(1px) rotate(0deg) !important;
}

body.page-category.page-subcategory .subcategory-filter li.act a[href*="sorttype%3Dasc"]::before,
body.page-category.page-subcategory ul.filter li.act a[href*="sorttype%3Dasc"]::before {
    transform: translateY(0) rotate(180deg) !important;
}

/* Mobile kompakter */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-filter li a,
    body.page-category.page-subcategory ul.filter li a {
        min-width: 76px !important;
        min-height: 35px !important;
        padding: 0 12px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a,
    body.page-category.page-subcategory ul.filter li.act a {
        min-width: 98px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a::before,
    body.page-category.page-subcategory ul.filter li.act a::before {
        border-left-width: 7px !important;
        border-right-width: 7px !important;
        border-top-width: 10px !important;
        margin-right: 6px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V19
   Sortierpfeil über PHP-Klassen:
   - PHP setzt li.act.sort-dir-asc/desc pro aktivem Sortierfeld
   - Pfeil dreht eindeutig bei Preis/A-Z/Topseller
   - Abstand Pfeil zu Text auf 5px
   ========================================= */

/* Alte Icons endgültig aus */
body.page-category.page-subcategory .subcategory-filter li a img,
body.page-category.page-subcategory ul.filter li a img,
body.page-category.page-subcategory .subcategory-toolbar img,
body.page-category.page-subcategory .toolbar img {
    display: none !important;
}

/* Buttons */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    gap: 5px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    min-width: 104px !important;
    padding-left: 15px !important;
    padding-right: 16px !important;
    background: #111 !important;
    color: #fff !important;
}

/* Nur aktiver Button bekommt CSS-Pfeil */
body.page-category.page-subcategory .subcategory-filter li:not(.act) a::before,
body.page-category.page-subcategory ul.filter li:not(.act) a::before {
    content: none !important;
}

body.page-category.page-subcategory .subcategory-filter li.act a::before,
body.page-category.page-subcategory ul.filter li.act a::before {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 11px solid #fff !important;
    margin-right: 5px !important;
    flex: 0 0 auto !important;
    transform-origin: 50% 45% !important;
}

/* Eindeutige Richtung aus PHP */
body.page-category.page-subcategory .subcategory-filter li.act.sort-dir-desc a::before,
body.page-category.page-subcategory ul.filter li.act.sort-dir-desc a::before {
    transform: translateY(1px) rotate(0deg) !important;
}

body.page-category.page-subcategory .subcategory-filter li.act.sort-dir-asc a::before,
body.page-category.page-subcategory ul.filter li.act.sort-dir-asc a::before {
    transform: translateY(0) rotate(180deg) !important;
}

/* Fallback, falls eine alte Template-Stelle die PHP-Klasse nicht bekommt */
body.page-category.page-subcategory .subcategory-filter li.act a[href*="sorttype=desc"]::before,
body.page-category.page-subcategory ul.filter li.act a[href*="sorttype=desc"]::before {
    transform: translateY(1px) rotate(0deg) !important;
}

body.page-category.page-subcategory .subcategory-filter li.act a[href*="sorttype=asc"]::before,
body.page-category.page-subcategory ul.filter li.act a[href*="sorttype=asc"]::before {
    transform: translateY(0) rotate(180deg) !important;
}

/* Mobile */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-filter li a,
    body.page-category.page-subcategory ul.filter li a {
        min-width: 76px !important;
        min-height: 35px !important;
        padding: 0 12px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a,
    body.page-category.page-subcategory ul.filter li.act a {
        min-width: 94px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a::before,
    body.page-category.page-subcategory ul.filter li.act a::before {
        border-left-width: 7px !important;
        border-right-width: 7px !important;
        border-top-width: 10px !important;
        margin-right: 4px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V20
   Sortierpfeil repariert:
   - PHP setzt jetzt echte Klassen: act sort-dir-asc/desc
   - keine PHP-Tags mehr als Text im class-Attribut
   - keine alten sort-IMGs / keine "'/>"-Reste
   - Pfeil zeigt aktuellen Sortierzustand
   ========================================= */

/* Alte Icons/Fragmente unsichtbar, falls Cache noch Altmarkup liefert */
body.page-category.page-subcategory .subcategory-filter li a img,
body.page-category.page-subcategory ul.filter li a img,
body.page-category.page-subcategory .subcategory-toolbar img,
body.page-category.page-subcategory .toolbar img {
    display: none !important;
}

/* Sortiergruppe */
body.page-category.page-subcategory .subcategory-filter ul,
body.page-category.page-subcategory ul.filter {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Buttons */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    gap: 5px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* Aktiver Button */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    min-width: 104px !important;
    padding-left: 15px !important;
    padding-right: 16px !important;
    background: #111 !important;
    color: #fff !important;
}

/* Nur aktiv hat Pfeil */
body.page-category.page-subcategory .subcategory-filter li:not(.act) a::before,
body.page-category.page-subcategory ul.filter li:not(.act) a::before {
    content: none !important;
}

/* Basis-Pfeil */
body.page-category.page-subcategory .subcategory-filter li.act a::before,
body.page-category.page-subcategory ul.filter li.act a::before {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 11px solid #fff !important;
    margin-right: 5px !important;
    flex: 0 0 auto !important;
    transform-origin: 50% 45% !important;
}

/* Aktueller Zustand:
   ASC = Pfeil hoch, DESC = Pfeil runter */
body.page-category.page-subcategory .subcategory-filter li.act.sort-dir-asc a::before,
body.page-category.page-subcategory ul.filter li.act.sort-dir-asc a::before {
    transform: translateY(0) rotate(180deg) !important;
}

body.page-category.page-subcategory .subcategory-filter li.act.sort-dir-desc a::before,
body.page-category.page-subcategory ul.filter li.act.sort-dir-desc a::before {
    transform: translateY(1px) rotate(0deg) !important;
}

/* Fallback nur, wenn Klassen fehlen: Body-Zustand */
body.page-category.page-subcategory.sort-asc .subcategory-filter li.act:not(.sort-dir-desc):not(.sort-dir-asc) a::before,
body.page-category.page-subcategory.sort-asc ul.filter li.act:not(.sort-dir-desc):not(.sort-dir-asc) a::before {
    transform: translateY(0) rotate(180deg) !important;
}

body.page-category.page-subcategory.sort-desc .subcategory-filter li.act:not(.sort-dir-desc):not(.sort-dir-asc) a::before,
body.page-category.page-subcategory.sort-desc ul.filter li.act:not(.sort-dir-desc):not(.sort-dir-asc) a::before {
    transform: translateY(1px) rotate(0deg) !important;
}

/* Mobile */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-filter li a,
    body.page-category.page-subcategory ul.filter li a {
        min-width: 76px !important;
        min-height: 35px !important;
        padding: 0 12px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a,
    body.page-category.page-subcategory ul.filter li.act a {
        min-width: 94px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a::before,
    body.page-category.page-subcategory ul.filter li.act a::before {
        border-left-width: 7px !important;
        border-right-width: 7px !important;
        border-top-width: 10px !important;
        margin-right: 4px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V21
   Sortierleiste Typografie final:
   - Buchstabenabstände normalisieren
   - Pfeil/Text enger
   - A-Z / Preis / Topseller einheitlich
   ========================================= */

/* Sortierleiste generell: keine geerbten Letter-Spacings */
body.page-category.page-subcategory .subcategory-filter,
body.page-category.page-subcategory .subcategory-filter *,
body.page-category.page-subcategory ul.filter,
body.page-category.page-subcategory ul.filter * {
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-transform: none !important;
}

/* Gruppe etwas ruhiger */
body.page-category.page-subcategory .subcategory-filter ul,
body.page-category.page-subcategory ul.filter {
    gap: 11px !important;
}

/* Alle Buttons typografisch vereinheitlichen */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    min-width: 86px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    gap: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Aktiver Button nur minimal breiter wegen Pfeil */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    min-width: 100px !important;
    padding-left: 14px !important;
    padding-right: 15px !important;
    color: #fff !important;
}

/* Pfeil enger an den Text: 3px Abstand */
body.page-category.page-subcategory .subcategory-filter li.act a::before,
body.page-category.page-subcategory ul.filter li.act a::before {
    border-left-width: 8px !important;
    border-right-width: 8px !important;
    border-top-width: 11px !important;
    margin-right: 3px !important;
}

/* A-Z wirkt optisch sonst zu weit: Zeichenabstand explizit null */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    letter-spacing: 0 !important;
}

/* Mobile kompakter */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-filter ul,
    body.page-category.page-subcategory ul.filter {
        gap: 9px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li a,
    body.page-category.page-subcategory ul.filter li a {
        min-width: 74px !important;
        min-height: 35px !important;
        padding: 0 11px !important;
        font-size: 14px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a,
    body.page-category.page-subcategory ul.filter li.act a {
        min-width: 91px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a::before,
    body.page-category.page-subcategory ul.filter li.act a::before {
        border-left-width: 7px !important;
        border-right-width: 7px !important;
        border-top-width: 10px !important;
        margin-right: 3px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V22
   Typografie Korrektur:
   - Pager [ 1 ] 2 wieder lesbar mit Abstand
   - A-Z nicht mehr gequetscht
   - Pfeil/Text-Abstand wieder harmonisch
   ========================================= */

/* Pager-Zahlen lesbar trennen */
body.page-category.page-subcategory .subcategory-pager p,
body.page-category.page-subcategory .toolbar .pager p {
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #555 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

body.page-category.page-subcategory .subcategory-pager a,
body.page-category.page-subcategory .subcategory-pager strong,
body.page-category.page-subcategory .toolbar .pager a,
body.page-category.page-subcategory .toolbar .pager strong {
    display: inline-block !important;
    margin: 0 3px !important;
    padding: 0 1px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
    color: #111 !important;
    letter-spacing: 0.01em !important;
    word-spacing: normal !important;
    text-decoration: none !important;
}

body.page-category.page-subcategory .subcategory-pager strong,
body.page-category.page-subcategory .toolbar .pager strong {
    letter-spacing: 0.03em !important;
}

body.page-category.page-subcategory .subcategory-pager a:hover,
body.page-category.page-subcategory .toolbar .pager a:hover {
    color: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-pager span,
body.page-category.page-subcategory .toolbar .pager span {
    font-size: 13px !important;
    color: #777 !important;
    margin-left: 13px !important;
}

/* Sortiergruppe */
body.page-category.page-subcategory .subcategory-filter ul,
body.page-category.page-subcategory ul.filter {
    gap: 12px !important;
}

/* Sortierbuttons: Text nicht quetschen */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    min-width: 88px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    gap: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    word-spacing: normal !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Aktiver Button mit Luft für Pfeil + A-Z */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    min-width: 108px !important;
    padding-left: 15px !important;
    padding-right: 17px !important;
    color: #fff !important;
    letter-spacing: 0.01em !important;
}

/* Pfeil nicht mehr am Text kleben */
body.page-category.page-subcategory .subcategory-filter li.act a::before,
body.page-category.page-subcategory ul.filter li.act a::before {
    margin-right: 7px !important;
    border-left-width: 8px !important;
    border-right-width: 8px !important;
    border-top-width: 11px !important;
}

/* A-Z selbst minimal luftiger */
body.page-category.page-subcategory .subcategory-filter li.act a {
    word-spacing: 1px !important;
}

/* Mobile kompakter, aber nicht zusammengequetscht */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-pager a,
    body.page-category.page-subcategory .subcategory-pager strong,
    body.page-category.page-subcategory .toolbar .pager a,
    body.page-category.page-subcategory .toolbar .pager strong {
        margin: 0 2px !important;
        font-size: 15px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li a,
    body.page-category.page-subcategory ul.filter li a {
        min-width: 76px !important;
        min-height: 35px !important;
        padding: 0 12px !important;
        font-size: 14px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a,
    body.page-category.page-subcategory ul.filter li.act a {
        min-width: 96px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a::before,
    body.page-category.page-subcategory ul.filter li.act a::before {
        margin-right: 6px !important;
        border-left-width: 7px !important;
        border-right-width: 7px !important;
        border-top-width: 10px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V23
   Unterer Bereich:
   - Bottom-Pager ohne Sortierung
   - alte Einzel-Linie entfernt
   - Alternativen-Text sauber ausgerichtet
   - Alternativen als 4er-Grid über volle Breite
   ========================================= */

/* Unterer Pager */
body.page-category.page-subcategory .subcategory-bottom-pager {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 34px 0 26px 0 !important;
    padding: 13px 0 !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

body.page-category.page-subcategory .subcategory-bottom-pager p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

body.page-category.page-subcategory .subcategory-bottom-pager a,
body.page-category.page-subcategory .subcategory-bottom-pager strong {
    display: inline-block !important;
    margin: 0 4px !important;
    color: #111 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

body.page-category.page-subcategory .subcategory-bottom-pager a:hover {
    color: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-bottom-pager .pager-dots {
    display: inline-block !important;
    margin: 0 5px !important;
    color: #777 !important;
}

/* Alternativen-Bereich über gesamte Produktbreite */
body.page-category.page-subcategory .subcategory-alternatives {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 !important;
    padding: 0 0 46px 0 !important;
    border-top: 0 !important;
}

/* Text sauber bündig */
body.page-category.page-subcategory .subcategory-alternatives-header {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.page-category.page-subcategory .subcategory-alternatives-header p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

body.page-category.page-subcategory .subcategory-alternatives-header strong {
    color: #111 !important;
    font-weight: 800 !important;
}

/* Alternativen als 4er-Grid */
body.page-category.page-subcategory .subcategory-alternative-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 30px 22px !important;
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-category.page-subcategory .subcategory-alternative-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

body.page-category.page-subcategory .subcategory-alternative-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    box-sizing: border-box !important;
    border: 1px solid #dedede !important;
    background: #fff !important;
    overflow: hidden !important;
    transition: border-color 0.16s ease !important;
}

body.page-category.page-subcategory .subcategory-alternative-image::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: #dedede !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body.page-category.page-subcategory .subcategory-alternative-image:hover {
    border-color: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-alternative-image:hover::before {
    background: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-alternative-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    margin: 0 !important;
    border: 0 !important;
}

body.page-category.page-subcategory .subcategory-alternative-info {
    width: 100% !important;
    margin: 11px 0 0 0 !important;
    padding: 0 !important;
}

body.page-category.page-subcategory .subcategory-alternative-name {
    display: block !important;
    width: 100% !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.page-category.page-subcategory .subcategory-alternative-name:hover {
    color: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-alternative-badge {
    margin-top: 7px !important;
}

body.page-category.page-subcategory .subcategory-alternative-badge img,
body.page-category.page-subcategory .subcategory-alternative-card img[src*="badge_"] {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 22px !important;
    object-fit: fill !important;
    border: 0 !important;
    margin: 0 !important;
    vertical-align: top !important;
}

/* Alte Bootstrap/Inline-Strukturen entschärfen, falls Cache noch Teile liefert */
body.page-category.page-subcategory .subcategory-alternatives .row,
body.page-category.page-subcategory .subcategory-alternatives .col-md-4,
body.page-category.page-subcategory .subcategory-alternatives .prodbox-small {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* Tablet */
@media (max-width: 1023px) {
    body.page-category.page-subcategory .subcategory-bottom-pager,
    body.page-category.page-subcategory .subcategory-alternatives,
    body.page-category.page-subcategory .subcategory-alternatives-header,
    body.page-category.page-subcategory .subcategory-alternative-grid {
        max-width: 100% !important;
    }

    body.page-category.page-subcategory .subcategory-alternative-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 26px 18px !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-bottom-pager {
        margin-top: 26px !important;
    }

    body.page-category.page-subcategory .subcategory-alternatives-header p {
        font-size: 15px !important;
    }

    body.page-category.page-subcategory .subcategory-alternative-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px 14px !important;
    }

    body.page-category.page-subcategory .subcategory-alternative-name {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 14px !important;
    }
}

@media (max-width: 460px) {
    body.page-category.page-subcategory .subcategory-alternative-grid {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V25
   Unterer Bereich Feinschliff:
   - Linie nach oberem Pager entfernen
   - Linie vor unterem Pager entfernen
   - unterer Pager mit Ergebniszahl
   - mehr Abstand zum Alternativen-Text
   - Alternativenbilder größer und zentriert
   ========================================= */

/* obere Toolbar-Linie unten entfernen */
body.page-category.page-subcategory .subcategory-toolbar,
body.page-category.page-subcategory .toolbar {
    border-bottom: 0 !important;
}

/* alte Linien im Bereich neutralisieren */
body.page-category.page-subcategory .subcategory-toolbar + hr,
body.page-category.page-subcategory .toolbar + hr,
body.page-category.page-subcategory .category-product-grid + hr,
body.page-category.page-subcategory .subcategory-product-grid + hr {
    display: none !important;
}

/* unterer Pager: keine Linie davor, aber Ergebniszahl wie oben */
body.page-category.page-subcategory .subcategory-bottom-pager {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 44px 0 40px 0 !important;
    padding: 14px 0 15px 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
}

body.page-category.page-subcategory .subcategory-bottom-pager p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

body.page-category.page-subcategory .subcategory-bottom-pager a,
body.page-category.page-subcategory .subcategory-bottom-pager strong {
    display: inline-block !important;
    margin: 0 4px !important;
    color: #111 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

body.page-category.page-subcategory .subcategory-bottom-pager a:hover {
    color: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-bottom-pager .subcategory-pager-results {
    font-size: 13px !important;
    color: #777 !important;
    margin-left: 13px !important;
}

/* mehr Abstand zum Alternativen-Text */
body.page-category.page-subcategory .subcategory-alternatives {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 !important;
    padding: 0 0 54px 0 !important;
    border-top: 0 !important;
}

body.page-category.page-subcategory .subcategory-alternatives-header {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.page-category.page-subcategory .subcategory-alternatives-header p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

body.page-category.page-subcategory .subcategory-alternatives-header strong {
    color: #111 !important;
    font-weight: 800 !important;
}

/* 4er Grid über volle Breite */
body.page-category.page-subcategory .subcategory-alternative-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 34px 24px !important;
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-category.page-subcategory .subcategory-alternative-card {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Thumbbox größer, Inhalt zentriert */
body.page-category.page-subcategory .subcategory-alternative-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    min-height: 176px !important;
    box-sizing: border-box !important;
    border: 1px solid #dedede !important;
    background: #fff !important;
    overflow: hidden !important;
    transition: border-color 0.16s ease !important;
}

body.page-category.page-subcategory .subcategory-alternative-image::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: #dedede !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body.page-category.page-subcategory .subcategory-alternative-image:hover {
    border-color: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-alternative-image:hover::before {
    background: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-alternative-image img {
    display: block !important;
    width: 94% !important;
    height: 94% !important;
    max-width: 94% !important;
    max-height: 94% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: auto !important;
    border: 0 !important;
}

/* Text darunter */
body.page-category.page-subcategory .subcategory-alternative-info {
    width: 100% !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
}

body.page-category.page-subcategory .subcategory-alternative-name {
    display: block !important;
    width: 100% !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.page-category.page-subcategory .subcategory-alternative-name:hover {
    color: #e30613 !important;
}

body.page-category.page-subcategory .subcategory-alternative-badge {
    margin-top: 7px !important;
}

body.page-category.page-subcategory .subcategory-alternative-badge img,
body.page-category.page-subcategory .subcategory-alternative-card img[src*="badge_"] {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 22px !important;
    object-fit: fill !important;
    border: 0 !important;
    margin: 0 !important;
    vertical-align: top !important;
}

/* alte Bootstrap/Inline-Reste entschärfen */
body.page-category.page-subcategory .subcategory-alternatives .row,
body.page-category.page-subcategory .subcategory-alternatives .col-md-4,
body.page-category.page-subcategory .subcategory-alternatives .prodbox-small {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* Tablet */
@media (max-width: 1023px) {
    body.page-category.page-subcategory .subcategory-bottom-pager,
    body.page-category.page-subcategory .subcategory-alternatives,
    body.page-category.page-subcategory .subcategory-alternatives-header,
    body.page-category.page-subcategory .subcategory-alternative-grid {
        max-width: 100% !important;
    }

    body.page-category.page-subcategory .subcategory-alternative-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 28px 18px !important;
    }

    body.page-category.page-subcategory .subcategory-alternative-image {
        min-height: 160px !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-bottom-pager {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    body.page-category.page-subcategory .subcategory-alternatives-header p {
        font-size: 15px !important;
    }

    body.page-category.page-subcategory .subcategory-alternative-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px 14px !important;
    }

    body.page-category.page-subcategory .subcategory-alternative-image {
        min-height: 142px !important;
    }

    body.page-category.page-subcategory .subcategory-alternative-name {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 14px !important;
    }
}

@media (max-width: 460px) {
    body.page-category.page-subcategory .subcategory-alternative-grid {
        grid-template-columns: 1fr !important;
    }

    body.page-category.page-subcategory .subcategory-alternative-image {
        min-height: 190px !important;
    }
}


/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V26
   Final:
   - Sortierdreieck hinter Text
   - Dreieck dezenter
   - Button-Typografie harmonischer
   - Footer-Abstand unten etwas reduziert
   ========================================= */

/* Sortierbutton: Pfeil hinten statt vorne */
body.page-category.page-subcategory .subcategory-filter li.act a,
body.page-category.page-subcategory ul.filter li.act a {
    min-width: 104px !important;
    padding-left: 16px !important;
    padding-right: 15px !important;
    gap: 7px !important;
}

/* alten Vorher-Pfeil entfernen */
body.page-category.page-subcategory .subcategory-filter li.act a::before,
body.page-category.page-subcategory ul.filter li.act a::before {
    content: none !important;
}

/* neuer dezenter Pfeil hinter dem Text */
body.page-category.page-subcategory .subcategory-filter li.act a::after,
body.page-category.page-subcategory ul.filter li.act a::after {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-top: 8px solid rgba(255,255,255,0.9) !important;
    margin-left: 7px !important;
    flex: 0 0 auto !important;
    transform-origin: 50% 45% !important;
}

/* Richtung aus PHP-Klasse */
body.page-category.page-subcategory .subcategory-filter li.act.sort-dir-desc a::after,
body.page-category.page-subcategory ul.filter li.act.sort-dir-desc a::after {
    transform: translateY(1px) rotate(0deg) !important;
}

body.page-category.page-subcategory .subcategory-filter li.act.sort-dir-asc a::after,
body.page-category.page-subcategory ul.filter li.act.sort-dir-asc a::after {
    transform: translateY(0) rotate(180deg) !important;
}

/* Nicht aktive Buttons bekommen keinen Pfeil */
body.page-category.page-subcategory .subcategory-filter li:not(.act) a::after,
body.page-category.page-subcategory ul.filter li:not(.act) a::after {
    content: none !important;
}

/* Typografie der Sortierung final beruhigen */
body.page-category.page-subcategory .subcategory-filter li a,
body.page-category.page-subcategory ul.filter li a {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
    line-height: 1 !important;
}

/* Abstand zum Footer etwas kleiner, aber nicht zu knapp */
body.page-category.page-subcategory #page-content-wrapper.subcategory-page {
    padding-bottom: 78px !important;
}

body.page-category.page-subcategory .subcategory-alternatives {
    padding-bottom: 34px !important;
}

/* Mobile etwas kompakter */
@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-filter li.act a,
    body.page-category.page-subcategory ul.filter li.act a {
        min-width: 94px !important;
        gap: 6px !important;
    }

    body.page-category.page-subcategory .subcategory-filter li.act a::after,
    body.page-category.page-subcategory ul.filter li.act a::after {
        border-left-width: 5px !important;
        border-right-width: 5px !important;
        border-top-width: 7px !important;
        margin-left: 6px !important;
    }

    body.page-category.page-subcategory #page-content-wrapper.subcategory-page {
        padding-bottom: 64px !important;
    }
}

/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V29
   Mobile 2-Spalten Reparatur ohne Zusatzmodul
   =========================================
   Grund:
   In V28 gab es spätere max-width-Regeln mit 1fr.
   Diese finale Regel gewinnt bewusst am Ende der Datei.

   Betrifft nur:
   - show_subcategory Produktliste
   - echte Struktur:
     .subcategory-product-grid > .col-md-4 > .prodbox.category-product-card

   Nicht betroffen:
   - Header
   - Sidebar/Menu
   - show_item Produktdetail-Hauptansicht
   ========================================= */

@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-product-grid,
    body.page-subcategory .subcategory-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid > .col-md-4,
    body.page-category.page-subcategory .subcategory-product-grid > div,
    body.page-subcategory .subcategory-product-grid > .col-md-4,
    body.page-subcategory .subcategory-product-grid > div {
        float: none !important;
        clear: none !important;
        display: block !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid .prodbox,
    body.page-category.page-subcategory .subcategory-product-grid .category-product-card,
    body.page-subcategory .subcategory-product-grid .prodbox,
    body.page-subcategory .subcategory-product-grid .category-product-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid .category-product-image,
    body.page-subcategory .subcategory-product-grid .category-product-image {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        box-sizing: border-box !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid .category-product-image img,
    body.page-subcategory .subcategory-product-grid .category-product-image img,
    body.page-category.page-subcategory .subcategory-product-grid .prodbox img,
    body.page-subcategory .subcategory-product-grid .prodbox img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 380px) {
    body.page-category.page-subcategory .subcategory-product-grid,
    body.page-subcategory .subcategory-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px 10px !important;
    }
}

/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V30
   Mobile 2-Spalten Feinschliff:
   - Pager/Sortierung kompakter
   - TOP-Badge zurück auf echte Badge-Größe
   - Ampel/Status zurück auf echte Ampel-Größe
   ========================================= */

@media (max-width: 760px) {
    /* Pager/Toolbar wieder kleiner und ruhiger */
    body.page-category.page-subcategory .toolbar,
    body.page-subcategory .toolbar,
    body.page-category.page-subcategory .subcategory-toolbar,
    body.page-subcategory .subcategory-toolbar {
        margin: 18px 0 22px 0 !important;
        padding: 10px 0 12px 0 !important;
    }

    body.page-category.page-subcategory .toolbar p,
    body.page-subcategory .toolbar p,
    body.page-category.page-subcategory .subcategory-pager p,
    body.page-subcategory .subcategory-pager p {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    body.page-category.page-subcategory .toolbar span,
    body.page-subcategory .toolbar span,
    body.page-category.page-subcategory .subcategory-pager span,
    body.page-subcategory .subcategory-pager span {
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    body.page-category.page-subcategory ul.filter,
    body.page-subcategory ul.filter {
        gap: 7px !important;
        margin-top: 8px !important;
    }

    body.page-category.page-subcategory ul.filter li a,
    body.page-subcategory ul.filter li a {
        min-height: 28px !important;
        padding: 6px 14px !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
    }

    /* TOP-Badge: nie auf Kartenbreite aufblasen */
    body.page-category.page-subcategory .subcategory-product-grid img[src*="badge_"],
    body.page-category.page-subcategory .subcategory-product-grid img[src*="badge_top"],
    body.page-subcategory .subcategory-product-grid img[src*="badge_"],
    body.page-subcategory .subcategory-product-grid img[src*="badge_top"] {
        display: inline-block !important;
        width: 33px !important;
        min-width: 33px !important;
        max-width: 33px !important;
        height: 19px !important;
        min-height: 19px !important;
        max-height: 19px !important;
        object-fit: contain !important;
        border: 0 !important;
        margin-left: 5px !important;
        vertical-align: middle !important;
        transform: none !important;
    }

    /* Ampel/Status-GIF: nie auf Kartenbreite aufblasen */
    body.page-category.page-subcategory .subcategory-product-grid img.prodbox_liefer,
    body.page-category.page-subcategory .subcategory-product-grid img[src*="status_"],
    body.page-subcategory .subcategory-product-grid img.prodbox_liefer,
    body.page-subcategory .subcategory-product-grid img[src*="status_"] {
        display: inline-block !important;
        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
        height: 10px !important;
        min-height: 10px !important;
        max-height: 10px !important;
        object-fit: fill !important;
        border: 0 !important;
        margin: 0 0 0 6px !important;
        vertical-align: middle !important;
        transform: none !important;
        position: relative !important;
        top: -1px !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid .ampel-link,
    body.page-subcategory .subcategory-product-grid .ampel-link {
        display: inline-block !important;
        width: auto !important;
        max-width: none !important;
        line-height: 1 !important;
        vertical-align: middle !important;
    }

    /* Versandzeile kompakter */
    body.page-category.page-subcategory .subcategory-product-grid .category-shipping-link,
    body.page-category.page-subcategory .subcategory-product-grid .open-shipping-modal,
    body.page-subcategory .subcategory-product-grid .category-shipping-link,
    body.page-subcategory .subcategory-product-grid .open-shipping-modal {
        font-size: 11px !important;
        line-height: 1.25 !important;
        vertical-align: middle !important;
    }
}

/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V32
   Minimal-Typo-Fix nach V2
   =========================================
   Basis: V30 war gut für:
   - 2-Spalten
   - TOP-Badge
   - Ampel

   V32 macht bewusst KEIN Toolbar-Redesign.
   Nur Produktkarten-Typografie kleiner/ruhiger.
   ========================================= */

@media (max-width: 760px) {
    body.page-category.page-subcategory .subcategory-product-grid .prodbox-name,
    body.page-subcategory .subcategory-product-grid .prodbox-name,
    body.page-category.page-subcategory .subcategory-product-grid .xr_s10 a,
    body.page-subcategory .subcategory-product-grid .xr_s10 a {
        font-size: 15px !important;
        line-height: 1.22 !important;
        font-weight: 400 !important;
        letter-spacing: -0.01em !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid .xr_s10,
    body.page-subcategory .subcategory-product-grid .xr_s10 {
        min-height: 0 !important;
        margin: 9px 0 5px 0 !important;
        line-height: 1.22 !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid .prodbox_daten,
    body.page-subcategory .subcategory-product-grid .prodbox_daten,
    body.page-category.page-subcategory .subcategory-product-grid .xr_s7,
    body.page-subcategory .subcategory-product-grid .xr_s7 {
        font-size: 11px !important;
        line-height: 1.3 !important;
        color: #888 !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid .prodbox_preis,
    body.page-subcategory .subcategory-product-grid .prodbox_preis,
    body.page-category.page-subcategory .subcategory-product-grid .prodbox_preis span,
    body.page-subcategory .subcategory-product-grid .prodbox_preis span,
    body.page-category.page-subcategory .subcategory-product-grid .prodbox_preis span[style],
    body.page-subcategory .subcategory-product-grid .prodbox_preis span[style],
    body.page-category.page-subcategory .subcategory-product-grid .prodbox_preis strike,
    body.page-subcategory .subcategory-product-grid .prodbox_preis strike {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid .prodbox_preis,
    body.page-subcategory .subcategory-product-grid .prodbox_preis {
        min-height: 0 !important;
        margin-top: 6px !important;
        margin-bottom: 4px !important;
    }

    body.page-category.page-subcategory .subcategory-product-grid .category-shipping-link,
    body.page-subcategory .subcategory-product-grid .category-shipping-link,
    body.page-category.page-subcategory .subcategory-product-grid .open-shipping-modal,
    body.page-subcategory .subcategory-product-grid .open-shipping-modal {
        font-size: 11px !important;
        line-height: 1.25 !important;
        color: #888 !important;
    }

    /* Sortierer nur vor Umbruch schützen, keine Optik ändern */
    body.page-category.page-subcategory ul.filter,
    body.page-subcategory ul.filter {
        white-space: nowrap !important;
    }

    body.page-category.page-subcategory ul.filter li,
    body.page-subcategory ul.filter li,
    body.page-category.page-subcategory ul.filter li a,
    body.page-subcategory ul.filter li a {
        white-space: nowrap !important;
    }
}

/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V33
   Mobile Top-Pager Ergebniszahl ausblenden
   =========================================
   Ziel:
   - oben nur "Seite: [ 1 ]"
   - "20 Artikel verfügbar" oben ausblenden
   - unterer Pager / Ergebniszahl bleibt sichtbar
   ========================================= */

@media (max-width: 760px) {
    body.page-category.page-subcategory .row.toolbar .pager p > span,
    body.page-subcategory .row.toolbar .pager p > span,
    body.page-category.page-subcategory .toolbar .pager p > span,
    body.page-subcategory .toolbar .pager p > span {
        display: none !important;
    }
}

/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V34
   Mobile Toolbar eine Zeile
   =========================================
   Ziel:
   - oben bleibt "Seite: [ 1 ]"
   - Ergebniszahl oben bleibt ausgeblendet
   - Sortierer bleibt rechts in derselben Zeile
   - kein Produktkarten-/Grid-Eingriff
   ========================================= */

@media (max-width: 760px) {
    body.page-category.page-subcategory .row.toolbar,
    body.page-subcategory .row.toolbar,
    body.page-category.page-subcategory .toolbar,
    body.page-subcategory .toolbar {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 8px !important;
        row-gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.page-category.page-subcategory .row.toolbar .pager,
    body.page-subcategory .row.toolbar .pager,
    body.page-category.page-subcategory .toolbar .pager,
    body.page-subcategory .toolbar .pager {
        grid-column: 1 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    body.page-category.page-subcategory .row.toolbar .filter,
    body.page-subcategory .row.toolbar .filter,
    body.page-category.page-subcategory .toolbar .filter,
    body.page-subcategory .toolbar .filter {
        grid-column: 2 !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: right !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    body.page-category.page-subcategory .row.toolbar .pager p,
    body.page-subcategory .row.toolbar .pager p,
    body.page-category.page-subcategory .toolbar .pager p,
    body.page-subcategory .toolbar .pager p {
        margin: 0 !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
    }

    body.page-category.page-subcategory .row.toolbar .pager p > span,
    body.page-subcategory .row.toolbar .pager p > span,
    body.page-category.page-subcategory .toolbar .pager p > span,
    body.page-subcategory .toolbar .pager p > span {
        display: none !important;
    }

    body.page-category.page-subcategory .row.toolbar ul.filter,
    body.page-subcategory .row.toolbar ul.filter,
    body.page-category.page-subcategory .toolbar ul.filter,
    body.page-subcategory .toolbar ul.filter {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        list-style: none !important;
        white-space: nowrap !important;
    }

    body.page-category.page-subcategory .row.toolbar ul.filter li,
    body.page-subcategory .row.toolbar ul.filter li,
    body.page-category.page-subcategory .toolbar ul.filter li,
    body.page-subcategory .toolbar ul.filter li {
        display: inline-block !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }

    body.page-category.page-subcategory .row.toolbar ul.filter li a,
    body.page-subcategory .row.toolbar ul.filter li a,
    body.page-category.page-subcategory .toolbar ul.filter li a,
    body.page-subcategory .toolbar ul.filter li a {
        display: inline-block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        padding: 3px 7px !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }
}



/* =========================================
   SHOW SUBCATEGORY RESPONSIVE PATCH V34.7
   TRUE SUBCATEGORY SIDEBAR INNER SPACE + 2PX UP
   Uebernimmt den finalen Suchergebnis-Fix fuer echte Unterkategorie-Seiten:
   - kein Positionsumbau
   - kein Grid-/Content-Umbau
   - Sidebar-Wrapper und innere Nav fuellen sauber schwarz
   - sichtbarer Innenraum/rechter heller Streifen weg
   - Sidebar insgesamt 2px nach oben
   Suchergebnisse bleiben durch :not(.page-search-results) unberuehrt.
   ========================================= */
@media (min-width: 981px) {
    body.page-subcategory:not(.page-search-results) #sidebar-wrapper,
    body.page-subcategory:not(.page-search-results) #wrapper.toggled #sidebar-wrapper,
    body.page-subcategory:not(.page-search-results) #wrapper.toggled > #sidebar-wrapper {
        top: calc(var(--rs-subcat-header-height, 58px) - 2px) !important;
        height: calc(100vh - (var(--rs-subcat-header-height, 58px) - 2px)) !important;
        background: #111 !important;
        border-right: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        overflow-x: hidden !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-subcategory:not(.page-search-results) #sidebar-wrapper > ul.sidebar-nav,
    body.page-subcategory:not(.page-search-results) #sidebar-wrapper > ul.submenu,
    body.page-subcategory:not(.page-search-results) #sidebar-wrapper .sidebar-nav {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: #111 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    body.page-subcategory:not(.page-search-results) #sidebar-wrapper .sidebar-nav > li,
    body.page-subcategory:not(.page-search-results) #sidebar-wrapper .sidebar-nav > li > a.sidebar-main-link {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-subcategory:not(.page-search-results) #sidebar-wrapper,
    body.page-subcategory:not(.page-search-results) #sidebar-wrapper .sidebar-nav {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.page-subcategory:not(.page-search-results) #sidebar-wrapper::-webkit-scrollbar,
    body.page-subcategory:not(.page-search-results) #sidebar-wrapper .sidebar-nav::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }
}