/* === SSA extern: Block 1 === */


    .ssa-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0 .2rem}

    @media(max-width:640px){.ssa-trust{grid-template-columns:1fr 1fr}}

    .ssa-trust > div{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.95rem 1rem;background:#fff;border:1px solid #ece7df;border-radius:12px;font-size:.8rem;line-height:1.25;color:#1d2733;transition:border-color .18s,box-shadow .18s,transform .18s}

    .ssa-trust > div:hover{border-color:#d6443f;box-shadow:0 5px 16px rgba(29,39,51,.07);transform:translateY(-2px)}

    .ssa-trust svg{flex:0 0 auto;width:22px;height:22px;color:#d6443f}

    .ssa-trust strong{display:block;font-weight:700;font-size:.87rem;color:#1d2733}

    .ssa-trust .ssa-t-sub{color:#6b7280;font-size:.77rem}

    .ssa-cross{max-width:980px;margin:2.2rem 0 1rem}

    .ssa-cross h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.2rem;font-weight:700;color:#1d2733;margin:0 0 .85rem;letter-spacing:-.01em}

    .ssa-cross-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}

    @media(max-width:640px){.ssa-cross-grid{grid-template-columns:1fr}}

    .ssa-cross-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ece7df;border-radius:12px;text-decoration:none;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}

    .ssa-cross-card:hover{border-color:#d6443f;box-shadow:0 6px 18px rgba(29,39,51,.07);transform:translateY(-2px)}

    .ssa-cross-card img{width:100%;height:150px;object-fit:cover;display:block;background:#f5f2ec}

    .ssa-cross-card:hover img{filter:saturate(1.05)}

    .ssa-cross-body{display:flex;flex-direction:column;gap:.22rem;padding:.95rem 1.1rem 1.05rem}

    .ssa-cross-eye{font-family:'Geist Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#d6443f;font-weight:600}

    .ssa-cross-card b{font-family:'Bricolage Grotesque',sans-serif;font-size:1.02rem;color:#1d2733;font-weight:700}

    .ssa-cross-card .ssa-c-sub{font-size:.82rem;color:#6b7280;line-height:1.35}

    .ssa-cross-card .ssa-arrow{margin-top:.35rem;font-size:.8rem;color:#d6443f;font-weight:600}

    /* LOGIN/Konto im Header wieder einblenden — war vom Header-Redesign (custom.css) ausgeblendet, dadurch fanden (B2B-)Kunden den Login nicht */

    header .account-icon-dropdown,header .nav-icons-wrapper .nav-item.account-icon-dropdown{display:flex!important}

    /* Cookie-Consent: zentrierter Modal -> Bottom-Bar (verdeckt Buy-Box nicht mehr) */

    #consent-manager.active:not(.mini){top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;max-width:100%!important;width:100%!important;border-radius:14px 14px 0 0!important;max-height:62vh!important;overflow:auto!important}

    /* === Premium Produkt-Kacheln (Erlebnis) — gilt überall: Listen, Homepage, Slider === */

    /* NOVA/custom.css erzwingen feste Karten-Höhen (height:100%!important + JS-inline-px), die unseren injizierten Button (2-3-zeilig) nicht einrechnen -> alles auf auto, damit die Karte ihren Inhalt umschließt (gilt auf ALLEN Listen/Kategorien) */

    .product-wrapper,.productbox.productbox-column{height:auto!important;min-height:0!important}

    .productbox{position:relative;height:auto!important;border:1px solid #ece7df;border-radius:16px;background:#fff;transition:box-shadow .28s ease,transform .28s ease,border-color .28s ease}

    .productbox::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d6443f,#f2a83f);border-radius:16px 16px 0 0;opacity:0;transform:scaleX(.3);transform-origin:left;transition:opacity .28s ease,transform .28s ease;z-index:5}

    .productbox.productbox-hover:hover{border-color:transparent;box-shadow:0 18px 42px rgba(29,39,51,.15);transform:translateY(-6px)}

    .productbox.productbox-hover:hover::before{opacity:1;transform:scaleX(1)}

    .productbox .productbox-image{position:relative;overflow:hidden;background:#fbfaf8;border-radius:16px 16px 0 0}

    .productbox .productbox-image img,.productbox .square-image .inner img,.productbox .productbox-images img{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;transform:none!important}

    /* Multi-Bild-Produkte: in der Kachel nur das ERSTE Bild zeigen (sonst stapelt list-gallery sie untereinander -> riesige Karte) */

    .productbox .productbox-images .square-image:not(.first-wrapper){display:none!important}

    .productbox .productbox-title{min-height:3.2em;padding:.15rem 1.05rem 0}

    .productbox .productbox-title a{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;color:#1d2733;letter-spacing:-.01em;transition:color .18s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

    /* Slider-Titel ebenfalls auf 2 Zeilen begrenzen (Grid-Politur: exakt gleiche Kartenhöhe) */

    .product-slider-wrapper .item-slider-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

    .productbox.productbox-hover:hover .productbox-title a{color:#d6443f}

    .productbox .price_wrapper{padding-left:1.05rem;padding-right:1.05rem}

    .productbox .price.productbox-price,.productbox .price.productbox-price span{font-family:'Bricolage Grotesque',sans-serif!important;font-weight:800!important;color:var(--ssa-accent,oklch(0.58 0.21 25))!important;font-size:1.18rem}

    .productbox .base-price,.productbox .price-note{color:#9aa1ab}

    /* In-den-Warenkorb-Button direkt auf der Kachel */

    .ssa-add-wrap{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch;margin:.4rem 1.05rem 1.05rem}

    .ssa-qty{display:flex;align-items:stretch;border:1px solid #e0dccf;border-radius:10px;overflow:hidden;flex:0 0 auto;background:#fff}

    .ssa-qty-btn{width:30px;border:none;background:#faf8f4;color:#1d2733;font-size:1.05rem;font-weight:700;cursor:pointer;line-height:1;padding:0;transition:background .15s ease,color .15s ease}

    .ssa-qty-btn:hover{background:#f0ebe2;color:#d6443f}

    .ssa-qty-val{display:flex;align-items:center;justify-content:center;min-width:26px;font-family:'Geist Mono',monospace;font-weight:600;font-size:.88rem;color:#1d2733}

    .ssa-add-btn{flex:1 1 130px;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.62rem .7rem;border:none;border-radius:10px;background:#d6443f;color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.84rem;line-height:1.15;cursor:pointer;transition:background .18s ease,transform .1s ease;box-shadow:0 4px 12px rgba(214,68,63,.22);overflow:hidden}

    .ssa-add-btn:hover{background:#bf3a36}

    .ssa-add-btn:active{transform:scale(.98)}

    .ssa-add-btn svg{width:16px;height:16px;flex:0 0 auto}

    .ssa-add-btn span{white-space:normal;min-width:0}

    /* schmale (mobile) Karten: Stepper oben, Button voll drunter -> kein seitliches Abschneiden */

    @media(max-width:575.98px){.ssa-add-wrap{flex-wrap:wrap}.ssa-add-wrap .ssa-qty{flex:0 0 auto}.ssa-add-wrap .ssa-add-btn{flex:1 1 100%;min-width:0}}

    /* Warenkorb-Add-Modal: H-Scroll raus + Geschmack-Zeile */

    .modal-body:has(#pushed-success){overflow-x:hidden!important}

    #pushed-success .row{margin-left:0!important;margin-right:0!important}

    .ssa-modal-flavor{margin:.5rem 0 .2rem}

    .ssa-modal-flavor .ssa-flavor-chip{position:static!important;display:inline-flex;box-shadow:0 2px 8px rgba(0,0,0,.15)}

    /* === Startseite Produkt-Slider (Neu im Sortiment / Top-Artikel / Bestseller / Sonderangebote) === */

    .product-slider-wrapper .product-wrapper-product{padding:.5rem}

    .product-slider-wrapper .product-wrapper-product>a{display:flex;flex-direction:column;height:100%;border:1px solid #ece7df;border-radius:16px;background:#fff;overflow:hidden;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}

    .product-slider-wrapper .product-wrapper-product>a:hover{border-color:#e6c4c2;box-shadow:0 14px 30px rgba(29,39,51,.14);transform:translateY(-4px)}

    .product-slider-wrapper .item-slider.square-image{background:#fbfaf8}

    /* Bild-Box eckig (statt gerundeter Kasten zwischen Bild und Beschreibung) */

    .product-slider-wrapper .product-wrapper-product .item-slider,#result-wrapper .productbox .productbox-image{ border-radius:0 !important; }

    .product-slider-wrapper .item-slider .inner img{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;transform:none!important}

    .product-slider-wrapper .item-slider-desc{padding:.85rem 1rem .25rem;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;color:#1d2733;letter-spacing:-.01em;min-height:2.7em;transition:color .18s ease}

    .product-slider-wrapper .product-wrapper-product>a:hover .item-slider-desc{color:#d6443f}

    .product-slider-wrapper .item-slider-price{padding:0 1rem 1rem;margin-top:auto;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.12rem;color:var(--ssa-accent,oklch(0.58 0.21 25))}

    .product-slider-wrapper .item-slider-price .price.productbox-price,

    .product-slider-wrapper .item-slider-price .price.productbox-price span{color:var(--ssa-accent,oklch(0.58 0.21 25))!important}

    .product-slider-wrapper .item-slider-price .base-price,.product-slider-wrapper .item-slider-price .price-note{color:#9aa1ab!important;font-weight:500;font-size:.78rem}

    .product-slider-wrapper .slick-slider-other-container>h2,.product-slider-wrapper .slick-slider-other-container .headline,.slick-slider-other-container h2,.product-slider-wrapper h2{font-family:'Bricolage Grotesque',sans-serif!important;font-weight:700!important;color:#1d2733!important;letter-spacing:-.02em!important;font-size:1.7rem!important}

    .productbox .productbox-ribbon{position:absolute!important;top:.7rem!important;left:.7rem!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important;padding:.26rem .58rem!important;border-radius:999px!important;font-family:'Geist Mono',monospace!important;font-size:.6rem!important;font-weight:700!important;letter-spacing:.05em!important;line-height:1!important;width:auto!important;height:auto!important;min-width:0!important;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.18);z-index:6}

    .productbox .productbox-ribbon::before,.productbox .productbox-ribbon::after{display:none!important}

    .productbox .productbox-quick-actions .btn{box-shadow:0 2px 10px rgba(29,39,51,.14)}

    /* Geschmack-Chip (Tabak) */

    .ssa-flavor-chip{position:absolute;bottom:.7rem;left:.7rem;z-index:6;display:inline-flex;align-items:center;padding:.26rem .56rem;border-radius:999px;font-family:'Geist Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 3px 10px rgba(0,0,0,.2);max-width:calc(100% - 1.4rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

    /* Slider-Karte: Quick-View "Ansehen"-CTA + Chip-Anker */

    .product-slider-wrapper .item-slider{position:relative}

    /* Preis oben, "Ansehen" IMMER als eigene Zeile darunter (konsistent, unabhängig von "Alter Preis") */

    .product-slider-wrapper .item-slider-price{display:block}

    .product-slider-wrapper .item-slider-price .price_wrapper{margin:0}

    .ssa-slider-cta{display:inline-flex;align-items:center;gap:.34rem;margin-top:.55rem;padding:.42rem .72rem;border-radius:9px;background:#faf5f4;color:#d6443f;border:1px solid #f0d9d7;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.76rem;line-height:1;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}

    .product-slider-wrapper .product-wrapper-product>a:hover .ssa-slider-cta{background:#d6443f;color:#fff;border-color:#d6443f}

    .ssa-slider-cta svg{width:14px;height:14px;flex:0 0 auto}

    @media(max-width:575.98px){.ssa-slider-cta span{display:none}.ssa-slider-cta{padding:.42rem .54rem}}

    /* === Premium-Card-Finish (19.06.): Tiefe + gebrandeter Bild-Platzhalter === */

    /* Ruhe-Schatten gibt Karten Tiefe statt flacher Box (Hover überschreibt mit größerem Schatten) */

    .productbox{box-shadow:0 1px 2px rgba(29,39,51,.045),0 3px 11px rgba(29,39,51,.05)}

    .product-slider-wrapper .product-wrapper-product>a{box-shadow:0 1px 2px rgba(29,39,51,.045),0 3px 11px rgba(29,39,51,.05)}

    /* dezenter Bild-Scrim: Tiefe + Chip/Ribbon besser lesbar (kein Transform) */

    .productbox .productbox-image::after,.product-slider-wrapper .item-slider::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(to top,rgba(29,39,51,.08),rgba(29,39,51,0) 42%)}

    /* Heritage-Anker-Platzhalter, wenn kein Produktfoto (keinBild.gif) -> nie mehr leere Fläche */

    .ssa-has-ph{overflow:hidden}

    .ssa-img-ph{position:relative;width:100%;aspect-ratio:1/1;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(157deg,#f3ebdf 0%,#ecdfcd 55%,#e3d4be 100%)}

    .ssa-img-ph svg{width:34%;max-width:92px;height:auto;opacity:.62;color:#d6443f}

    .ssa-img-ph .ssa-ph-geo{font-family:'Geist Mono',monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:#a07f5b;font-weight:600}

    .ssa-img-ph::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(29,39,51,.028) 0 12px,transparent 12px 24px)}

    /* === Card Glow-Up (19.06.): wärmeres Frame, Produkt-Bühne, Brand-Glow-Hover === */

    .productbox,.product-slider-wrapper .product-wrapper-product>a{border-radius:18px!important;border-color:#e9dfd0!important;background:linear-gradient(180deg,#ffffff 0%,#fdfaf5 100%)!important}

    /* Bild-Bühne: warmer Verlauf statt flachem Weiß -> Produkte treten plastisch hervor */

    .productbox .productbox-image,.product-slider-wrapper .item-slider{background:radial-gradient(120% 100% at 50% 24%,#ffffff 0%,#f3ece0 100%)!important}

    .productbox .productbox-image{border-radius:18px 18px 0 0!important}

    /* Hover: kräftigerer Lift + warmer Anker-Rot-Glow (statt grauer Standard-Schatten) */

    .productbox.productbox-hover:hover,.product-slider-wrapper .product-wrapper-product>a:hover{box-shadow:0 26px 54px -14px rgba(214,68,63,.24),0 14px 30px rgba(29,39,51,.13)!important;border-color:#f1d2ce!important;transform:translateY(-7px)!important}

    /* Preis prägnanter */

    .productbox .price.productbox-price,.productbox .price.productbox-price span{font-size:1.34rem!important}

    .product-slider-wrapper .item-slider-price .price.productbox-price,.product-slider-wrapper .item-slider-price .price.productbox-price span{font-size:1.28rem!important}

    /* Sanfter Bild-Zoom beim Hover (Bilder liegen auf inset:0 cover -> kein translate-Konflikt mehr) */

    .productbox .productbox-image,.product-slider-wrapper .item-slider{overflow:hidden!important}

    .productbox .productbox-image img,.product-slider-wrapper .item-slider .inner img{transition:transform .55s cubic-bezier(.2,.7,.2,1)!important;will-change:transform}

    .productbox.productbox-hover:hover .productbox-image img,.product-slider-wrapper .product-wrapper-product>a:hover .item-slider .inner img{transform:scale(1.075)!important}

    /* === BOLD v2 (19.06.): Hover-Overlay-CTA aufs Bild, cineastischer Scrim, kräftige Badges, größere Typo === */

    .ssa-img-ph{position:relative}

    .ssa-img-ph::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;transition:background .35s ease}

    /* Hover-Scrim vertieft sich -> Overlay-CTA gut lesbar, cineastische Tiefe */

    .productbox.productbox-hover:hover .productbox-image::after,.product-slider-wrapper .product-wrapper-product>a:hover .item-slider::after,.product-slider-wrapper .product-wrapper-product>a:hover .ssa-img-ph::after{background:linear-gradient(to top,rgba(18,24,32,.5),rgba(18,24,32,0) 58%)!important}

    /* Overlay-CTA direkt aufs Bild (Slider) — steigt beim Hover auf */

    .ssa-img-cta{position:absolute;left:50%;bottom:14px;transform:translate(-50%,12px);z-index:7;display:inline-flex;align-items:center;gap:.42rem;padding:.58rem .98rem;border-radius:999px;background:#d6443f;color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.82rem;line-height:1;white-space:nowrap;box-shadow:0 10px 26px rgba(214,68,63,.48);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .32s cubic-bezier(.2,.7,.2,1)}

    .ssa-img-cta svg{width:15px;height:15px}

    .product-slider-wrapper .product-wrapper-product>a:hover .ssa-img-cta{opacity:1;transform:translate(-50%,0)}

    /* Desktop: statische "Ansehen"-Zeile weg (Overlay übernimmt); Mobil: Overlay weg, statische Zeile bleibt */

    @media(min-width:768px){ .product-slider-wrapper .ssa-slider-cta{display:none!important} }

    @media(max-width:767.98px){ .ssa-img-cta{display:none!important} }

    /* Kräftigeres Badge-System (NEU/SALE/TOP/Bestseller) */

    .productbox .productbox-ribbon{font-size:.64rem!important;padding:.34rem .68rem!important;letter-spacing:.06em!important;box-shadow:0 5px 14px rgba(0,0,0,.24)!important}

    /* Markantere Typo */

    .productbox .productbox-title a{font-size:1.05rem!important;letter-spacing:-.015em!important;font-weight:700!important}

    .product-slider-wrapper .item-slider-desc{font-size:1.02rem!important;letter-spacing:-.015em!important;font-weight:700!important}

    /* Stärkerer Geschmack-Chip */

    .ssa-flavor-chip{font-size:.66rem!important;padding:.32rem .64rem!important;font-weight:700!important;box-shadow:0 5px 14px rgba(0,0,0,.26)!important}

    /* === Slider-Section-Header im Marken-Editorial-Stil (wie Hero: roter Strich + Mono-Eyebrow + Bricolage) === */

    .slick-slider-other-container .hr-sect.ssa-sec-head{display:block!important;text-align:left!important;border:0!important;background:none!important;overflow:visible!important;white-space:normal!important;margin:2.8rem 0 1.5rem!important;padding:0!important}

    .slick-slider-other-container .hr-sect.ssa-sec-head::before,.slick-slider-other-container .hr-sect.ssa-sec-head::after{display:none!important;content:none!important}

    .ssa-sec-eyebrow{display:flex;align-items:center;gap:.6rem;font-family:'Geist Mono',monospace;font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#d6443f;margin-bottom:.55rem}

    .ssa-sec-eyebrow::before{content:"";width:30px;height:2px;background:#d6443f;display:inline-block;flex:0 0 auto}

    .slick-slider-other-container .hr-sect.ssa-sec-head>a,.slick-slider-other-container .hr-sect.ssa-sec-head>a:hover{font-family:'Bricolage Grotesque',sans-serif!important;font-weight:800!important;color:#1d2733!important;letter-spacing:-.025em!important;line-height:1.03!important;font-size:clamp(1.75rem,2.8vw,2.4rem)!important;display:inline-block;background:none!important}

    @media(max-width:575.98px){.ssa-sec-eyebrow{font-size:.66rem;letter-spacing:.18em}}

    /* ===== DARK PREMIUM "LOUNGE" CARDS (19.06.) — Karten dunkel, Produkt auf heller Bühne, Gold/Rot-Akzente ===== */

    .productbox,.product-slider-wrapper .product-wrapper-product>a{background:linear-gradient(162deg,#202b38 0%,#151c26 100%)!important;border:1px solid rgba(242,168,63,.18)!important;border-radius:18px!important}

    /* heller Default-Text auf der dunklen Karte (NOVA-Elemente lesbar halten) */

    .productbox .productbox-inner,.product-slider-wrapper .product-wrapper-product>a{color:#cdd5de!important}

    /* Produkt-Bühne: helle Insel auf der dunklen Karte -> (oft weiße) Produktfotos blenden */

    .productbox .productbox-image,.product-slider-wrapper .item-slider{background:radial-gradient(120% 100% at 50% 22%,#fffdfa 0%,#f1e8dc 100%)!important;margin:11px 11px 0!important;border-radius:13px!important;overflow:hidden!important}

    .productbox .productbox-image{border-radius:13px!important}

    /* Titel weiß, Hover gold */

    .productbox .productbox-title a,.product-slider-wrapper .item-slider-desc{color:#f4f1ea!important}

    .productbox.productbox-hover:hover .productbox-title a,.product-slider-wrapper .product-wrapper-product>a:hover .item-slider-desc{color:#f3b75f!important}

    /* Preis gold-premium */

    .productbox .price.productbox-price,.productbox .price.productbox-price span,.product-slider-wrapper .item-slider-price .price.productbox-price,.product-slider-wrapper .item-slider-price .price.productbox-price span{color:#f2c879!important}

    .productbox .base-price,.productbox .price-note,.productbox .price .footnote-reference,.product-slider-wrapper .item-slider-price .base-price,.product-slider-wrapper .item-slider-price .price-note{color:#94a1b0!important}

    .productbox .old-price,.productbox del,.product-slider-wrapper del,.productbox .strike-price{color:#7e8b99!important}

    /* Mengen-Stepper dunkel */

    .ssa-qty{background:#28333f!important;border-color:rgba(255,255,255,.12)!important}

    .ssa-qty-btn{background:#222c38!important;color:#e9e4db!important}

    .ssa-qty-btn:hover{background:#2f3a47!important;color:#f3b75f!important}

    .ssa-qty-val{color:#f4f1ea!important}

    /* Slider-Quick-View (mobil) dunkel-tauglich */

    .ssa-slider-cta{background:transparent!important;border-color:rgba(242,168,63,.45)!important;color:#f2c879!important}

    /* Hover-Glow: tiefer Schatten + Gold-Ring */

    .productbox.productbox-hover:hover,.product-slider-wrapper .product-wrapper-product>a:hover{box-shadow:0 28px 58px -16px rgba(0,0,0,.55),0 0 0 1px rgba(242,168,63,.35)!important;border-color:rgba(242,168,63,.5)!important;transform:translateY(-7px)!important}

    /* ===== REFINEMENT v3 (19.06.): Premium-Prinzipien — Produkt KOMPLETT (contain) auf sauberer Bühne mit Luft, weniger Clutter ===== */

    /* Saubere near-white Bühne (kein Creme-Verlauf) -> weiß-BG-Fotos blenden, Produkt schwebt */

    .productbox .productbox-image,.product-slider-wrapper .item-slider{background:#fbfbfa!important}

    /* Produkt vollständig zeigen + Luft (contain, 9% Innenabstand) statt beschneiden (cover) */

    .productbox .productbox-image img,.productbox .square-image .inner img,.productbox .productbox-images img,.product-slider-wrapper .item-slider .inner img{left:9%!important;top:9%!important;right:9%!important;bottom:9%!important;width:82%!important;height:82%!important;max-width:82%!important;max-height:82%!important;object-fit:contain!important;object-position:center!important;transform:none!important}

    .productbox.productbox-hover:hover .productbox-image img,.product-slider-wrapper .product-wrapper-product>a:hover .item-slider .inner img{transform:scale(1.045)!important}

    /* dezenter Boden-Schatten unter dem Produkt (Premium-„Standfläche") */

    .productbox .productbox-image::after,.product-slider-wrapper .item-slider::after{background:radial-gradient(60% 16% at 50% 92%,rgba(20,24,30,.16),transparent 70%)!important}

    /* Ruhe: Geschmack-Chip dezenter (kein lautes Badge mehr), kleiner, schwächerer Schatten */

    .ssa-flavor-chip{font-size:.6rem!important;padding:.24rem .5rem!important;font-weight:600!important;background-color:rgba(20,24,30,.72)!important;box-shadow:none!important;backdrop-filter:saturate(1.2)}

    /* ===== REFINEMENT v4 (19.06., research-gestützt): Produkt ~85% Frame, Hover DEZENT statt garish ===== */

    /* Produkt füllt mehr (Amazon-Standard ~85%), weniger Luft -> präsenter */

    .productbox .productbox-image img,.productbox .square-image .inner img,.productbox .productbox-images img,.product-slider-wrapper .item-slider .inner img{left:7%!important;top:7%!important;right:7%!important;bottom:7%!important;width:86%!important;height:86%!important;max-width:86%!important;max-height:86%!important}

    /* Hover dezent: weicher Schatten + kleiner Lift, KEIN lauter Gold-Ring (Best Practice: subtil) */

    .productbox.productbox-hover:hover,.product-slider-wrapper .product-wrapper-product>a:hover{box-shadow:0 14px 32px -12px rgba(0,0,0,.55)!important;border-color:rgba(242,168,63,.38)!important;transform:translateY(-4px)!important}

    .productbox.productbox-hover:hover .productbox-image img,.product-slider-wrapper .product-wrapper-product>a:hover .item-slider .inner img{transform:scale(1.035)!important}



    /* ════════ EDITORIAL LIGHT — FINALE KARTE (portiert aus Card-Lab Variante A, gewählt 19.06.) ════════ */

    /* überschreibt die Dark-Lounge-Versuche: helle, ruhige Premium-Karte */

    .productbox,.product-slider-wrapper .product-wrapper-product>a{

      background:#fffdf9!important;border:1px solid #ece7df!important;border-radius:20px!important;

      box-shadow:0 1px 2px rgba(21,24,29,.05),0 8px 24px -16px rgba(21,24,29,.18)!important;color:#1d2733!important}

    .productbox .productbox-inner,.product-slider-wrapper .product-wrapper-product>a{color:#1d2733!important}

    .productbox.productbox-hover:hover,.product-slider-wrapper .product-wrapper-product>a:hover{

      transform:translateY(-4px)!important;border-color:#e4dccd!important;

      box-shadow:0 1px 2px rgba(21,24,29,.05),0 26px 50px -24px rgba(21,24,29,.30)!important}

    /* Bühne: Cream-Verlauf, flush oben, Produkt contain mit Luft */

    .productbox .productbox-image,.product-slider-wrapper .item-slider{

      background:linear-gradient(180deg,#f7f2ea 0%,#efe7da 100%)!important;margin:0!important;border-radius:20px 20px 0 0!important;overflow:hidden!important;position:relative}

    .productbox .productbox-image img,.productbox .square-image .inner img,.productbox .productbox-images img,.product-slider-wrapper .item-slider .inner img{

      left:12%!important;top:12%!important;right:12%!important;bottom:12%!important;width:76%!important;height:76%!important;max-width:76%!important;max-height:76%!important;object-fit:contain!important;object-position:center!important;transform:none!important}

    .productbox.productbox-hover:hover .productbox-image img,.product-slider-wrapper .product-wrapper-product>a:hover .item-slider .inner img{transform:scale(1.04)!important}

    /* weicher Bodenschatten (Produkt „steht") */

    .productbox .productbox-image::after,.product-slider-wrapper .item-slider::after{

      content:""!important;position:absolute!important;inset:auto!important;left:50%!important;bottom:11%!important;width:52%!important;height:8.5%!important;transform:translateX(-50%)!important;

      background:radial-gradient(50% 50%,rgba(21,24,29,.17),transparent 72%)!important;filter:blur(3px)!important;z-index:1!important}

    /* Name: Bricolage, Ink, 2 Zeilen */

    .productbox .productbox-title a,.productbox .productbox-title a:hover,.product-slider-wrapper .item-slider-desc{

      font-family:'Bricolage Grotesque',sans-serif!important;font-weight:600!important;font-size:1rem!important;line-height:1.22!important;letter-spacing:-.01em!important;color:#1d2733!important}

    /* Preis: INK + Bricolage bold (kein Gold) */

    .productbox .price.productbox-price,.productbox .price.productbox-price span,.product-slider-wrapper .item-slider-price .price.productbox-price,.product-slider-wrapper .item-slider-price .price.productbox-price span{

      color:#1d2733!important;font-family:'Bricolage Grotesque',sans-serif!important;font-weight:800!important;font-size:1.25rem!important}

    .productbox .base-price,.productbox .price-note,.productbox .price .footnote-reference,.product-slider-wrapper .item-slider-price .base-price,.product-slider-wrapper .item-slider-price .price-note{color:#9aa1ab!important}

    .productbox .old-price,.productbox del,.product-slider-wrapper del,.productbox .strike-price{color:#b9bec6!important}

    /* Stepper hell */

    .ssa-qty{background:#fff!important;border-color:#e0dccf!important}

    .ssa-qty-btn{background:#faf8f4!important;color:#1d2733!important}

    .ssa-qty-btn:hover{background:#f0ebe2!important;color:#d6443f!important}

    .ssa-qty-val{color:#1d2733!important}

    /* Slider-Quick-View (mobil) hell */

    .ssa-slider-cta{background:#faf5f4!important;border-color:#f0d9d7!important;color:#d6443f!important}

    /* Geschmack-Chip: dezent dunkel auf heller Bühne (bleibt lesbar) */

    .ssa-flavor-chip{background-color:rgba(21,24,29,.74)!important;color:#fff!important}

    /* ── Slider-Karte: Karten-Visual auf den WRAPPER (Buy-Button sitzt innen, nicht im <a> verschachtelt) ── */

    .product-slider-wrapper .product-wrapper-product{background:#fffdf9!important;border:1px solid #ece7df!important;border-radius:20px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;color:#1d2733!important;box-shadow:0 1px 2px rgba(21,24,29,.05),0 8px 24px -16px rgba(21,24,29,.18)!important;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s cubic-bezier(.2,.7,.2,1),border-color .4s!important}

    .product-slider-wrapper .product-wrapper-product:hover{transform:translateY(-4px)!important;border-color:#e4dccd!important;box-shadow:0 1px 2px rgba(21,24,29,.05),0 26px 50px -24px rgba(21,24,29,.30)!important}

    .product-slider-wrapper .product-wrapper-product>a{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;flex:1 1 auto;display:flex;flex-direction:column}

    .product-slider-wrapper .product-wrapper-product>a:hover{transform:none!important;box-shadow:none!important}

    .product-slider-wrapper .product-wrapper-product:hover .item-slider .inner img{transform:scale(1.04)!important}

    .product-slider-wrapper .item-slider{border-radius:20px 20px 0 0!important}

    /* Buy-Zeile unter dem Preis: Mengen-Stepper + Button; Button bricht bei schmaler Karte auf eigene Zeile um (kartenbreiten-basiert, nicht viewport) */

    .ssa-slider-buy{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;align-items:stretch!important;margin:.3rem 16px 16px!important;padding:0!important}

    .ssa-slider-buy .ssa-qty{flex:0 0 auto!important}

    .ssa-slider-buy .ssa-add-btn{flex:1 1 120px!important;min-width:0!important;width:auto!important;white-space:normal!important;line-height:1.15!important}

    /* Consent-Fingerprint-Button (unten links): Icon war nur vertikal zentriert (justify-content:normal) + 52x48 oval -> mittig + quadratisch */

    #consent-settings-btn{display:grid!important;place-items:center!important;place-content:center!important;width:48px!important;height:48px!important}

    #consent-settings-btn svg,#consent-settings-btn i,#consent-settings-btn img{margin:0!important}

    /* Abstand ZWISCHEN den Karten (alte padding lag innen -> Karten klebten) + linksbündig wie im Lab-Mockup */

    .product-slider-wrapper .product-wrapper-product{margin:8px 11px!important;padding:0!important;text-align:left!important}

    .product-slider-wrapper .item-slider-desc{text-align:left!important;padding:.95rem 16px .2rem!important}

    .product-slider-wrapper .item-slider-price{text-align:left!important;padding:0 16px!important}

    .product-slider-wrapper .item-slider-price .price_wrapper{justify-content:flex-start!important;text-align:left!important}

    
/* === SSA extern: Block 3 === */


    /* ===== SSA Produktdetailseite — "Erlebnis"-Upgrade (18.06.2026) ===== */

    /* Headline-Zone */

    .product-info-inner .product-headline{ margin-bottom:.3rem; }

    .product-info-inner .product-title,

    .product-info-inner h1.product-title{

        font-family:'Bricolage Grotesque',system-ui,sans-serif !important;

        font-weight:800 !important;

        font-size:clamp(1.7rem,3.2vw,2.35rem) !important;

        line-height:1.08 !important; letter-spacing:-.01em !important;

        color:var(--ssa-ink,oklch(0.18 0.013 245)) !important;

        margin:0 0 .15rem !important;

    }

    .ssa-pdp-eyebrow{

        font-family:'Geist Mono',monospace;

        font-size:.72rem; letter-spacing:.18em; text-transform:uppercase;

        color:var(--ssa-accent,oklch(0.58 0.21 25)); font-weight:600; margin:0 0 .2rem;

    }

    /* Kurzbeschreibung / Geschmack als Lead-Tagline */

    .product-info-inner .shortdesc{

        font-family:'Geist Sans',sans-serif; font-size:1.02rem; line-height:1.5;

        color:var(--ssa-ink,oklch(0.30 0.01 245)); font-weight:500;

        border-left:3px solid var(--ssa-accent,oklch(0.58 0.21 25));

        padding:.05rem 0 .05rem .8rem; margin:.55rem 0 1.15rem;

    }

    /* Meta-Angaben als Chips */

    .product-info-inner ul.info-essential{

        display:flex; flex-wrap:wrap; gap:.4rem .5rem; margin:.2rem 0 1rem; padding:0;

    }

    .product-info-inner ul.info-essential li{

        display:inline-flex; align-items:center; gap:.35em; margin:0;

        background:oklch(0.97 0.006 245); border:1px solid oklch(0.91 0.005 245);

        border-radius:999px; padding:.28rem .7rem;

        font-size:.74rem; line-height:1.2; color:var(--ssa-muted,oklch(0.45 0.02 245));

    }

    .product-info-inner ul.info-essential li strong{ font-weight:600; color:var(--ssa-muted,oklch(0.45 0.02 245)); }

    .product-info-inner ul.info-essential li span[itemprop=sku],

    .product-info-inner ul.info-essential li span[itemprop=gtin13]{

        font-family:'Geist Mono',monospace; color:var(--ssa-ink,oklch(0.20 0.013 245));

    }

    .product-info-inner ul.info-essential li a{

        color:var(--ssa-accent,oklch(0.58 0.21 25)); text-decoration:none; font-weight:600;

    }

    .product-info-inner ul.info-essential li a:hover{ text-decoration:underline; }



    /* ===== Kaufbox als Karte ===== */

    .product-info .product-offer{

        background:#fff; border:1px solid oklch(0.91 0.006 245); border-radius:18px;

        padding:1.25rem 1.35rem 1.35rem; box-shadow:0 6px 24px rgba(20,26,38,.06);

        margin:0 0 1.4rem;

    }

    /* Bild-Karte (links) und Kauf-Box (rechts) enden unten auf gleicher Hoehe (nur Desktop) */

    @media (min-width:992px){

      #product-offer.product-detail{ align-items:stretch !important; }

      #product-offer .product-gallery{ align-self:stretch !important; }

      #product-offer .product-info{ display:flex !important; flex-direction:column !important; }

      #product-offer .product-info > .product-info-inner{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; }

      #product-offer .product-info-inner > .product-offer{ flex:1 1 auto !important; margin-bottom:0 !important; }

    }

    .product-info .product-offer .price_wrapper{ margin-bottom:.4rem; }

    .product-info .product-offer .price.h1,

    .product-info .product-offer .price{

        font-family:'Bricolage Grotesque',system-ui,sans-serif !important; font-weight:800 !important;

        font-size:clamp(1.9rem,3.4vw,2.5rem) !important; line-height:1.05 !important; margin:0 !important;

        color:var(--ssa-accent,oklch(0.58 0.21 25)) !important;

    }

    .product-info .product-offer .price-note{ margin-top:.25rem; }

    .product-info .product-offer .base-price,

    .product-info .product-offer .vat_info{ font-size:.78rem; color:var(--ssa-muted,oklch(0.5 0.02 245)); }

    .product-info .product-offer .vat_info a{ color:var(--ssa-accent,oklch(0.58 0.21 25)); }

    /* Verfügbarkeit als Pille */

    .product-info .delivery-status ul{ margin:0; }

    .product-info .delivery-status .status{

        display:inline-flex; align-items:center; gap:.45em;

        font-family:'Geist Sans',sans-serif; font-size:.82rem; font-weight:600;

        padding:.3rem .8rem; border-radius:999px;

    }

    .product-info .delivery-status .status.status-2{ background:oklch(0.95 0.05 150); color:oklch(0.40 0.12 150); }

    .product-info .delivery-status .status.status-2::before{

        content:""; width:.55em; height:.55em; border-radius:50%;

        background:oklch(0.55 0.15 150); display:inline-block;

    }

    .product-info .delivery-status .status.status-2 .status-icon{ display:none; }

    .product-info .delivery-status .status:not(.status-2){ background:oklch(0.96 0.02 60); color:oklch(0.50 0.12 50); }

    /* CRO: Knappheit dringlicher (status-1 = Knapper Lagerbestand) */

    .product-info .delivery-status .status.status-1{

        background:oklch(0.93 0.06 50); color:oklch(0.40 0.15 40); font-weight:700;

    }

    .product-info .delivery-status .status.status-1::before{

        content:""; width:8px; height:8px; border-radius:50%; flex:0 0 auto;

        background:oklch(0.60 0.19 40); display:inline-block;

        animation:ssaPulse 1.4s ease-in-out infinite;

    }

    .product-info .delivery-status .status.status-1 .status-icon{ display:none; }

    @keyframes ssaPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.78);}}

    .product-info .estimated-delivery{ font-size:.78rem; color:var(--ssa-muted,oklch(0.5 0.02 245)); margin-top:.35rem; }

    .product-info .stock-information{ margin:.4rem 0 1rem; }

    /* Kaufbutton — groß, Anker-Rot, Bricolage, Hover-Lift */

    .product-info .product-offer button[name=inWarenkorb],

    .product-info .product-offer .btn-primary{

        font-family:'Bricolage Grotesque',system-ui,sans-serif !important;

        font-weight:700 !important; font-size:1.05rem !important;

        background:var(--ssa-accent,oklch(0.58 0.21 25)) !important; border:none !important;

        border-radius:12px !important; color:#fff !important; padding:.85rem 1.2rem !important;

        box-shadow:0 6px 18px oklch(0.58 0.21 25 / .28) !important;

        transition:transform .12s, box-shadow .15s, background .15s !important;

    }

    .product-info .product-offer button[name=inWarenkorb]:hover,

    .product-info .product-offer .btn-primary:hover{

        background:var(--ssa-accent-deep,oklch(0.48 0.20 25)) !important;

        transform:translateY(-2px) !important; box-shadow:0 10px 26px oklch(0.58 0.21 25 / .38) !important;

    }

    .product-info .product-offer .row:last-of-type{ align-items:center; }

    /* 18+ / Tabakerzeugnis Mikro-Hinweis (Sachinfo, §19-konform) */

    .ssa-pdp-legal{

        display:flex; align-items:center; gap:.5em;

        font-family:'Geist Sans',sans-serif; font-size:.72rem; line-height:1.4;

        color:var(--ssa-muted,oklch(0.55 0.02 245)); margin:.8rem 0 0;

    }

    .ssa-pdp-legal::before{

        content:"18"; flex:0 0 auto; font-family:'Geist Mono',monospace; font-weight:700; font-size:.6rem;

        background:var(--ssa-ink,oklch(0.20 0.013 245)); color:#fff; border-radius:50%;

        width:1.6em; height:1.6em; display:inline-flex; align-items:center; justify-content:center;

    }

    /* ===== Galerie: dezenter Rahmen (kein Overflow-Clip, Slick bleibt heil) ===== */

    .product-gallery #image_wrapper{ border-radius:16px; }

    .product-gallery .product-image,

    .product-gallery .square-image img{ border-radius:14px; }

    @media (max-width:991.98px){

        .product-info .product-offer{ padding:1.1rem 1.1rem 1.2rem; }

    }

    
/* === SSA extern: Block 4 === */


/* SSA PDP: Beschreibung unter das Produktbild ziehen (fuellt den Leerraum neben der Kaufbox, nur Desktop) */

@media (min-width:992px){

  #product-offer .product-gallery{ display:flex !important; flex-direction:column !important; }

  #product-offer .product-gallery > .gallery-with-action{ flex:0 0 auto; }

  .ssa-pdp-below{

    background:#fff; border:1px solid #e6e1d8; border-radius:14px;

    padding:1.25rem 1.45rem; margin-top:1.2rem;

    box-shadow:0 4px 18px rgba(20,26,38,.05);

    flex:1 1 auto; display:flex; flex-direction:column;

  }

  .ssa-pdp-below-title{ font-family:'Bricolage Grotesque',system-ui,sans-serif; font-weight:700; font-size:1.15rem; margin:0 0 .7rem; color:#1d2733; }

  .ssa-pdp-below-body{ font-size:.92rem; line-height:1.6; color:#374151; }

  .ssa-pdp-below-body > *:first-child{ margin-top:0; }

  .ssa-pdp-below-body > *:last-child{ margin-bottom:0; }

  .ssa-pdp-below-body p{ margin:0 0 .7rem; }

  .ssa-pdp-below-body table{ width:100%; font-size:.85rem; }

  .ssa-pdp-below-body img{ max-width:100%; height:auto; }

}

/* SSA: x-sell "Kunden kauften dazu" Lazy-Slider - Riesen-Leerblock vor slick-Init verhindern */

.slick-slider-other .row.slick-lazy{ max-height:420px; overflow:hidden; }

.slick-slider-other .row.slick-lazy > .product-wrapper{ max-width:280px; margin:0 auto; }


/* === SSA extern: Block 5 === */


/* SSA Mobile Sticky-Buy-Bar (PDP) – 2026-06-25 */

#ssa-sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:none;

  align-items:center;gap:.75rem;

  padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom,0px)) 3.7rem;

  background:#fffdf9;border-top:1px solid #ece7df;box-shadow:0 -6px 20px rgba(29,39,51,.12);}

#ssa-sticky-buy .ssa-sb-info{flex:1 1 auto;min-width:0;}

#ssa-sticky-buy .ssa-sb-name{font:600 .78rem/1.2 'Geist Sans',-apple-system,sans-serif;color:#1d2733;

  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#ssa-sticky-buy .ssa-sb-price{font:800 1.05rem/1.15 'Bricolage Grotesque','Geist Sans',sans-serif;color:#d6443f;}

#ssa-sticky-buy .ssa-sb-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;

  background:#d6443f;color:#fff;border:0;border-radius:10px;padding:.72rem 1.1rem;

  font:700 .9rem/1 'Geist Sans',sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;}

#ssa-sticky-buy .ssa-sb-btn:active{background:#b8352f;}

#ssa-sticky-buy.ssa-on{display:flex;}

@media (min-width:768px){#ssa-sticky-buy{display:none !important;}}


/* === SSA extern: Block 6 === */


/* SSA Produktangaben & Pflichthinweise (Tabak/Vape) - Mollie-Compliance */

.ssa-produktangaben{background:#fff;border:1px solid #e6e1d8;border-radius:14px;padding:1.2rem 1.4rem;margin:1.5rem 0;box-shadow:0 4px 18px rgba(20,26,38,.05)}

.ssa-pa-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.15rem;margin:0 0 .8rem;color:#1d2733}

.ssa-pa-grid{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1.3rem;margin:0}

.ssa-pa-grid dt{font-weight:600;color:#5a6472;font-size:.85rem}

.ssa-pa-grid dd{margin:0;color:#1d2733;font-size:.9rem}

.ssa-pa-warn{margin:.9rem 0 0;font-size:.78rem;color:#6b7280;border-top:1px solid #eee;padding-top:.7rem}

@media(max-width:575px){.ssa-pa-grid{grid-template-columns:1fr;gap:.1rem}.ssa-pa-grid dd{margin-bottom:.5rem}}


/* === SSA extern: Block 7 === */


/* ===== SSA Kategorie-Kacheln — Editorial Dark Tiles v2 (10.07.2026) ===== */

.content-cats-small{row-gap:1.25rem}
.content-cats-small .col{height:auto !important}
.content-cats-small .sub-categories{
  aspect-ratio:auto !important; height:auto !important; min-height:100%;
  display:flex; flex-direction:column; position:relative;
  background:radial-gradient(120% 90% at 100% 0%, rgba(178,54,48,.22) 0%, rgba(178,54,48,0) 55%), linear-gradient(165deg,#23262e 0%,#15171c 100%);
  border:1px solid rgba(255,255,255,.08); border-radius:16px;
  overflow:hidden; transition:box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}
.content-cats-small .sub-categories::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,#d6443f 0%,rgba(214,68,63,0) 78%); z-index:1;
}
.content-cats-small .sub-categories::after{
  content:""; position:absolute; right:-26px; bottom:-30px; width:180px; height:180px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23ffffff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M100 185 C 60 150 140 130 100 95 C 70 68 120 55 108 28'/%3E%3Cpath d='M138 180 C 112 158 158 140 132 112'/%3E%3C/svg%3E") no-repeat center/contain;
  opacity:.10; pointer-events:none; transition:opacity .22s ease;
}
.content-cats-small .sub-categories:hover{
  border-color:rgba(214,68,63,.55); transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(214,68,63,.16), 0 10px 24px rgba(0,0,0,.35);
}
.content-cats-small .sub-categories:hover::after{opacity:.18}
/* Bildzone (Logo-/Foto-Kacheln): Cream-Panel im dunklen Rahmen */
.content-cats-small .sub-categories > a{flex-grow:0 !important; display:block; padding:1rem 1rem 0; position:relative; z-index:2}
.content-cats-small .subcategories-image{
  background:#faf6ef; display:flex !important; align-items:center; justify-content:center;
  height:120px !important; min-height:120px !important; max-height:120px !important;
  padding:.6rem; border:none; border-radius:12px; overflow:hidden;
}
.content-cats-small .subcategories-image img{max-height:100px !important; max-width:82% !important; width:auto; object-fit:contain; border-radius:6px}
.content-cats-small .sub-categories.ssa-cat-logo .subcategories-image{background:#fff}
/* Content-Bereich: Titel + Chips */
.content-cats-small .sub-categories > div{
  flex:1 1 auto; display:flex; flex-direction:column; justify-content:flex-start; gap:.85rem;
  padding:1.15rem 1.4rem 1.35rem; position:relative; z-index:2;
}
.content-cats-small .caption{padding:0; margin:0; overflow:visible; text-align:left}
.content-cats-small .caption a{
  font-family:'Bricolage Grotesque',system-ui,sans-serif; font-weight:700; font-size:1.18rem;
  letter-spacing:-.015em; line-height:1.18; color:#fff; text-decoration:none; display:block; white-space:normal;
}
.content-cats-small .caption a::after{content:"\2192"; color:#e8695f; font-size:.92em; display:inline-block; margin-left:.35rem; transition:transform .2s ease}
.content-cats-small .sub-categories:hover .caption a::after{transform:translateX(4px)}
.content-cats-small .caption a:hover{color:#e8695f}
.content-cats-small .sub-categories hr{display:none !important}
/* Unterkategorien als Chip-Pills */
.content-cats-small .sub-categories ul{display:flex !important; flex-wrap:wrap; gap:.5rem; margin:0; padding:0}
.content-cats-small .sub-categories ul li{list-style:none; margin:0; padding:0}
.content-cats-small .sub-categories ul a{
  display:inline-block; padding:.3rem .8rem; border:1px solid rgba(255,255,255,.16); border-radius:999px;
  background:rgba(255,255,255,.05); font-size:.8rem; font-weight:600; line-height:1.4;
  color:#d9d4cb; text-decoration:none; white-space:nowrap;
  transition:border-color .16s ease, background .16s ease, color .16s ease;
}
.content-cats-small .sub-categories ul a:hover{
  border-color:rgba(214,68,63,.7); background:rgba(214,68,63,.18); color:#fff; text-decoration:none;
}
/* keinBild-Kacheln: Bildzone weg, kompakte Typo-Tile */
.content-cats-small .sub-categories.ssa-cat-noimg > a{display:none !important}
.content-cats-small .sub-categories.ssa-cat-noimg .subcategories-image{display:none !important}
/* Mobil (NOVA blendet Bild+Liste aus): schlanke Row-Tiles */
@media (max-width:767.98px){
  .content-cats-small .sub-categories > div{padding:.95rem 1.2rem 1.05rem}
  .content-cats-small .caption a{font-size:1.02rem}
  .content-cats-small .sub-categories::after{width:120px; height:120px; right:-20px; bottom:-24px}
}

/* ===== Sidebar links: ruhige Karte statt roher Liste ===== */

.sidepanel-left .snippets-categories-collapse .nav-link,

.sidepanel-left .nav-link{

  font-size:.9rem; color:#2b3542; padding:.32rem .5rem; border-radius:8px;

}

.sidepanel-left .nav-link:hover{background:#f6f1e9; color:#d6443f}

.sidepanel-left .nav-item.active > .nav-link,

.sidepanel-left .nav-link.active{color:#d6443f; font-weight:600}




/* === SSA extern: Block 8 === */


/* ===== SSA Gratisversand-Fortschritt (CRO) ===== */

.ssa-freeship{background:#fff;border:1px solid #ece7df;border-radius:12px;padding: .8rem .95rem;margin:0 0 1rem;}

.ssa-freeship-txt{font-family:'Geist Sans',system-ui,sans-serif;font-size:.86rem;color:#2b3542;line-height:1.35;margin:0 0 .5rem;}

.ssa-freeship-txt strong{color:#d6443f;font-weight:700;}

.ssa-freeship.is-done .ssa-freeship-txt strong{color:#1e7a3c;}

.ssa-freeship-bar{height:8px;border-radius:999px;background:#f1ece4;overflow:hidden;}

.ssa-freeship-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d6443f,#f2a83f);transition:width .45s ease;}

.ssa-freeship.is-done .ssa-freeship-fill{background:linear-gradient(90deg,#2f9e57,#1e7a3c);}

.ssa-freeship--modal{margin:.6rem 0 0;}

.ssa-freeship--mini{margin:.5rem .75rem;}


/* === SSA extern: Block 9 === */


/* ===== SSA Google-Bewertungs-Badge (CRO, Stand 07/2026: 4,9 / 451 Bewertungen) ===== */

.ssa-grating{display:flex;align-items:center;gap:.55rem;text-decoration:none !important;

  background:#fbfaf7;border:1px solid #ece7df;border-radius:10px;padding:.55rem .8rem;margin:.8rem 0 0;}

.ssa-grating:hover{border-color:#e6c4c2;}

.ssa-grating-stars{color:#f2a83f;font-size:1rem;letter-spacing:.08em;line-height:1;}

.ssa-grating-txt{font-family:'Geist Sans',system-ui,sans-serif;font-size:.82rem;color:#2b3542;line-height:1.3;}

.ssa-grating-txt strong{font-weight:700;color:#1d2733;}

.ssa-grating-g{font-weight:700;font-size:.98rem;line-height:1;}

.ssa-grating-g span:nth-child(1){color:#4285F4}.ssa-grating-g span:nth-child(2){color:#EA4335}

.ssa-grating-g span:nth-child(3){color:#FBBC05}.ssa-grating-g span:nth-child(4){color:#4285F4}

.ssa-grating-g span:nth-child(5){color:#34A853}.ssa-grating-g span:nth-child(6){color:#EA4335}

/* Homepage-Variante: zentrierter Streifen */

.ssa-grating--home{justify-content:center;max-width:520px;margin:1.6rem auto;}


/* === SSA extern: Block 10 === */


/* ===== SSA 50K-Launch-Promo (Homepage, CRO) ===== */

.ssa-50k{display:flex;align-items:center;gap:2rem;max-width:1150px;margin:2.2rem auto;padding:1.6rem 2rem;

  background:linear-gradient(115deg,#1b2430 0%,#232f3f 60%,#2b3040 100%);

  border-radius:20px;overflow:hidden;position:relative;}

.ssa-50k::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;

  background:radial-gradient(circle,rgba(214,68,63,.35),transparent 70%);pointer-events:none;}

.ssa-50k-info{flex:1 1 auto;min-width:0;position:relative;z-index:1;}

.ssa-50k-eyebrow{font-family:'Geist Mono',monospace;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;

  color:#f2a83f;margin:0 0 .45rem;}

.ssa-50k-title{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;

  font-size:clamp(1.5rem,3vw,2.2rem);color:#fff;margin:0 0 .5rem;line-height:1.1;}

.ssa-50k-sub{font-family:'Geist Sans',sans-serif;font-size:.95rem;color:#c7cdd6;margin:0 0 1.1rem;line-height:1.5;}

.ssa-50k-cta{display:inline-flex;align-items:center;gap:.5rem;background:#d6443f;color:#fff !important;

  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;text-decoration:none !important;

  padding:.75rem 1.5rem;border-radius:12px;transition:background .15s,transform .12s;}

.ssa-50k-cta:hover{background:#b93531;transform:translateY(-2px);}

.ssa-50k-img{flex:0 0 300px;position:relative;z-index:1;}

.ssa-50k-img img{width:100%;height:260px;object-fit:cover;border-radius:14px;display:block;}

@media(max-width:767px){.ssa-50k{flex-direction:column-reverse;padding:1.2rem;gap:1.1rem;margin:1.4rem .8rem;}

  .ssa-50k-img{flex:0 0 auto;width:100%;}.ssa-50k-img img{height:190px;}}


/* === SSA extern: Block 11 === */


/* ===== SSA Checkout-Vertrauenszeile (CRO) ===== */

.ssa-cotrust{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.6rem;

  background:#fbfaf7;border:1px solid #ece7df;border-radius:12px;padding:.7rem 1rem;margin:0 0 1.2rem;}

.ssa-cotrust span{display:inline-flex;align-items:center;gap:.45rem;

  font-family:'Geist Sans',system-ui,sans-serif;font-size:.82rem;color:#2b3542;}

.ssa-cotrust svg{flex:0 0 auto;color:#1e7a3c;}


/* === SSA extern: Block 12 === */

.ssa-b2b-hint{background:#fff;border:1px solid #e6c4c2;border-left:4px solid #b90000;border-radius:12px;padding:1.1rem 1.3rem;margin:0 0 1.5rem;box-shadow:0 4px 14px rgba(20,26,38,.05)}
.ssa-b2b-hint h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.05rem;margin:0 0 .5rem;color:#1d2733}
.ssa-b2b-hint p{margin:0 0 .4rem;font-size:.9rem;color:#3d4753}
.ssa-b2b-hint ol{margin:.3rem 0 0 1.1rem;padding:0;font-size:.9rem;color:#3d4753}
.ssa-b2b-hint ol li{margin-bottom:.2rem}
.ssa-b2b-hint a{color:#b90000;font-weight:600}
.ssa-b2b-up { margin-top: .8rem; display: grid; gap: .5rem; }
.ssa-b2b-up input[type=text], .ssa-b2b-up input[type=email], .ssa-b2b-up input[type=tel] { width: 100%; padding: .55rem .7rem; border: 1px solid #d9dee5; border-radius: 8px; font-size: .9rem; }
.ssa-b2b-up input[type=file] { font-size: .85rem; }
.ssa-b2b-up button { background: #b90000; color: #fff; border: 0; border-radius: 8px; padding: .65rem 1rem; font-weight: 700; font-size: .95rem; cursor: pointer; }
.ssa-b2b-up button:disabled { opacity: .5; }
.ssa-b2b-status { font-size: .9rem; font-weight: 600; margin-top: .2rem; }
.ssa-b2b-status.ok { color: #1f9d55; }
.ssa-b2b-status.err { color: #b90000; }
@media (min-width: 576px) { .ssa-b2b-up .ssa-b2b-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; } }

/* === SSA extern: Block 13 === */

  /* ===== Click & Collect (10.07.2026) ===== */
  .ssa-cc-pdp {
    display: flex; gap: .7rem; align-items: flex-start;
    background: #faf6ef; border: 1px solid #e7ddcb; border-left: 3px solid #d6443f;
    border-radius: 10px; padding: .6rem .85rem; margin: .8rem 0 0;
  }
  .ssa-cc-pdp svg { flex: none; width: 18px; height: 18px; color: #d6443f; margin-top: 1px; }
  .ssa-cc-pdp .t { font-size: .82rem; line-height: 1.4; color: #2b3542; }
  .ssa-cc-pdp .t b { color: #1d2733; font-weight: 700; }
  .ssa-cc-pdp .t a { color: #d6443f; font-weight: 600; text-decoration: none; }
  .ssa-cc-pdp .t a:hover { text-decoration: underline; }

  .ssa-cc-home {
    margin: 2rem auto; max-width: 1180px; padding: 0 1rem;
  }
  .ssa-cc-home .inner {
    display: grid; grid-template-columns: 1.2fr 1fr; gap: 0;
    border-radius: 18px; overflow: hidden;
    background: #faf6ef; border: 1px solid #e7ddcb;
    box-shadow: 0 10px 30px rgba(20,32,43,.10);
  }
  .ssa-cc-home .body { padding: 2.2rem 2.4rem; color: #1d2733; }
  .ssa-cc-home .eyebrow {
    font-family: 'Geist Mono', ui-monospace, monospace; font-size: 11px;
    letter-spacing: .22em; text-transform: uppercase; color: #d6443f; margin: 0 0 .5rem;
  }
  .ssa-cc-home h2 {
    font-family: 'Bricolage Grotesque', system-ui, sans-serif; font-weight: 800;
    font-size: clamp(1.5rem, 3.2vw, 2.05rem); line-height: 1.08; margin: 0 0 .6rem; color: #1d2733;
  }
  .ssa-cc-home p { font-size: .98rem; line-height: 1.55; color: #4a5560; margin: 0 0 1.1rem; max-width: 46ch; }
  .ssa-cc-home .meta { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; margin-bottom: 1.3rem; }
  .ssa-cc-home .meta span { display: inline-flex; align-items: center; gap: .5rem; font-size: .92rem; color: #2b3542; }
  .ssa-cc-home .meta svg { width: 17px; height: 17px; color: #d6443f; flex: none; }
  .ssa-cc-home .btn {
    display: inline-flex; align-items: center; gap: .5rem; background: #d6443f; color: #fff;
    font-weight: 700; font-size: .95rem; padding: .7rem 1.3rem; border-radius: 10px; text-decoration: none;
  }
  .ssa-cc-home .btn:hover { background: #b93a36; }
  .ssa-cc-home .visual {
    background: #d6443f; display: flex; align-items: center; justify-content: center; padding: 2rem;
    background-image: linear-gradient(135deg, #d6443f 0%, #a5322e 100%);
  }
  .ssa-cc-home .visual svg { width: 96px; height: 96px; color: rgba(255,255,255,.92); }
  @media (max-width: 720px) {
    .ssa-cc-home .inner { grid-template-columns: 1fr; }
    .ssa-cc-home .visual { display: none; }
    .ssa-cc-home { margin: 1.1rem auto 1.4rem; }
    .ssa-cc-home .body { padding: 1.5rem 1.35rem; }
  }

  .ssa-cc-checkout {
    background: #faf6ef; border: 1px solid #e7ddcb; border-radius: 12px;
    padding: 1rem 1.2rem; margin: .8rem 0 0;
  }
  .ssa-cc-checkout h4 { margin: 0 0 .35rem; font-size: 1rem; font-weight: 700; color: #1d2733;
    display: flex; align-items: center; gap: .5rem; }
  .ssa-cc-checkout h4 svg { width: 18px; height: 18px; color: #d6443f; }
  .ssa-cc-checkout p { margin: .15rem 0; font-size: .9rem; color: #2b3542; }
  .ssa-cc-checkout a { color: #d6443f; font-weight: 600; text-decoration: none; }
  /* PayPal Pay-Later-Banner bei Abholung ausblenden */
  body.ssa-cc-abholung [class*="paypal-message"], body.ssa-cc-abholung iframe[title*="PayPal Message"] { display: none !important; }

/* === SSA extern: Block 15 === */


/* ===== SSA Kategorie-SEO-Text unter dem Grid (17.07.2026) ===== */

.ssa-cat-desc-below{background:#faf6ef;border:1px solid #ece7df;border-radius:16px;padding:1.5rem 1.75rem;margin:2.5rem 0 1rem;max-width:100%;}

.ssa-cat-desc-below h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:1.25rem;font-weight:700;margin:1.4rem 0 .5rem;color:#221c16;}

.ssa-cat-desc-below h2:first-child{margin-top:0}

.ssa-cat-desc-below p{color:#4a4038;line-height:1.65;margin:0 0 .9rem;font-size:.95rem}

.ssa-cat-desc-below p:last-child{margin-bottom:0}

.ssa-cat-desc-below a{color:#d6443f;text-decoration:underline}