/*! WANDKIND Produktseite v1 (27.09.2026) – normale Produktseiten im Stil der Motivseite v3 / Kategorie v1 / Fußzeile v1.
 Nur geladen, wenn das neue Design aktiv ist (Vorschau-Link bzw. Schalter). Alles unter .cf-pd1 bzw. :has(.cf-pd1-…) gebunden.
 Handy zuerst; Theme-Regeln der alten Kaufbox (.product-detail-buy …) greifen nicht (die v1-Kaufbox trägt die Klasse nicht).
 Nachtrag 1 (27.09.2026): Streichpreis im v3-Stil statt Theme-Rot, „Kunden kauften zusammen“ als eigener Abschnitt (Plus zwischen den
 Karten), mehr Luft um die Vorteile-Zeile, Öffnungszeiten in der Hilfe-Box.
 Nachtrag 2 (27.09.2026): „Kunden kauften zusammen“ als Set (alle Produkte des Inhabers, deutliches grünes Plus dazwischen, am Handy
 untereinander), gleichmäßiger Abstand zwischen allen Abschnitten (40 px Handy / 56 px ab 992 px – vorher bis 254 px, weil sich
 Theme-Abschnittsabstände 75 + 75 px und eigene Innenabstände addierten; Messung: nachtrag2/abstand-test.js), Häufige Fragen ab 992 px
 7:5 mit Produktbild und Hilfe-Box rechts. */
.cf-pd1{--wk-green:#7BB17E;--wk-green-ink:#467A4A;--wk-green-deep:#3B6A3F;--wk-green-tint:#E5EFE5;--wk-text:#2B3136;--wk-heading:#000;--wk-muted:#5F666C;--wk-line:#E4E0D9;--wk-field:#868C92;--wk-soft:#F5F3EF;--wk-font:"Quicksand",sans-serif;--wk-leaf-lg:0 40px 0 40px;--wk-leaf-md:0 30px 0 30px;--wk-leaf-sm:0 16px 0 16px;color:var(--wk-text);font-family:var(--wk-font);font-size:16px;line-height:1.55}
.cf-pd1 :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--wk-green-ink);outline-offset:2px;box-shadow:none}
.cf-pd1 svg{flex-shrink:0}
.cf-pd1 :is(.cf-pd1-gallery,.cf-pd1-info,.cf-pd1-accordions,.cf-pd1-benlist,.cf-pd1-faq,.cf-pd1-sechead) svg,.cf-pd1-buybar svg,.cf-pd1-lightbox svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cf-pd1 :is(.cf-pd1-acc-body,.cf-pd1-info,.cf-pd-trust,.product-detail-tax) a:not([class]),.cf-pd1 .cf-pd1-textlink{color:var(--wk-green-ink);text-decoration:underline;text-underline-offset:2px}
.cf-pd1 :is(.cf-pd1-acc-body,.cf-pd1-info) a:not([class]):hover,.cf-pd1 .cf-pd1-textlink:hover{color:var(--wk-green-deep)}
.cf-pd1 .cf-pd1-h2{margin:0;font-family:var(--wk-font);font-size:22px;font-weight:700;line-height:1.25;color:var(--wk-heading)}
@media (min-width:768px){.cf-pd1 .cf-pd1-h2{font-size:28px}}
/* leere v1-Blöcke (kein Cross-Selling, keine Produkte) samt Theme-Abständen ausblenden */
.cms-block:has(>.cms-block-container>.cms-block-container-row>.cf-pd1-none){display:none}
/* Theme-Hülle der Kaufbox: graues Band mit 50 px Innenabstand und randlosem ::after → in v1 weiß und ruhig */
.is-ctl-product .cms-block-gallery-buybox>.cms-block-container:has(.cf-pd1-hero){padding:4px 0 0!important;background:none!important}
.is-ctl-product .cms-block-gallery-buybox>.cms-block-container:has(.cf-pd1-hero)::after{content:none!important;display:none!important}
.cms-block:has(.cf-pd1-sec)>.cms-block-container{padding:0!important}
/* Nachtrag 2 – gleichmäßiger Rhythmus: Das Theme gibt jedem Abschnitt außer dem ersten 75 px oben UND unten (.cms-section:not(.pos-0));
   zusammen mit den eigenen Abständen lagen zwischen „Das könnte dir auch gefallen“ und „Häufige Fragen“ 131/139 px, zwischen „Häufige
   Fragen“ und „Kunden kauften zusammen“ 238/254 px. Jetzt gibt NUR der folgende Abschnitt den Abstand (padding-top 40/56 px), alle
   anderen oben/unten 0; vor der Fußzeile 20/36 px + 20 px des Themes (.container-main) = 40/56 px. */
.cms-sections .cms-section:has(.cf-pd1-sec){padding-top:0;padding-bottom:0}
.cms-sections:has(.cf-pd1-hero){padding-bottom:20px}
@media (min-width:992px){.cms-sections:has(.cf-pd1-hero){padding-bottom:36px}}
/* „Häufige Fragen“ steht im randlosen Abschnitt (full-width): dort zieht das Theme .row UND die Spalte (.cms-block-cross-selling .col-12
   margin 0 -20px) nach außen – ohne die 20 px Seitenabstand des Blocks lag der Text bei 360 px bei −8 … 368 px (abgeschnitten) */
.cms-block-cross-selling:has(.cf-pd1-faq)>.cms-block-container{padding:0 20px!important}
/* „Kunden kauften zusammen“ (Smx) steht in v1 unter „Passt dazu“ → leerer Block samt eigenem Abschnitt weg */
.cms-section:has(.cf-pd1-bt-none):not(:has(.cms-block-container-row>:not(.cf-pd1-none))){display:none}
/* Theme macht body zum Scroll-Container (overflow-x hidden) → sticky klebt nie; clip wie Motivseite v3 */
body:has(.cf-pd1-hero){overflow-x:clip}
/* dasselbe für die Abschnitte (Theme .cms-section{overflow:hidden}): clip schneidet gleich ab, ist aber kein Scroll-Container →
   Galerie (Desktop) und Bild/Hilfe-Box der Fragen laufen beim Scrollen mit. Nachtrag 2: nur waagerecht abschneiden – ohne Abstand
   unten würde sonst der Fokusrahmen der letzten Karte (4 px unter der Karte) abgeschnitten. Ohne clip-Unterstützung bleibt das Theme. */
@supports (overflow-x:clip){.cms-section:has(.cf-pd1){overflow:visible;overflow-x:clip}}
/* Theme: .cms-block-container-row .col-12{display:flex} → die v1-Bereiche wären dann nur so breit wie ihr Inhalt */
.cms-block-container-row>.col-12.cf-pd1{display:block}

/* ---------- Kopf: Raster ---------- */
.cf-pd1-hero{position:relative}
.cf-pd1 .cf-pd1-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:992px){
.cf-pd1 .cf-pd1-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
.cf-pd1 .cf-pd1-media{position:sticky;top:24px;transition:top .3s}
body:has(.header--main__sticky.is--active) .cf-pd1 .cf-pd1-media{top:112px}
}
@media (min-width:1200px){.cf-pd1 .cf-pd1-grid{gap:56px}}

/* ---------- Galerie ---------- */
.cf-pd1 .cf-pd1-gallery{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "thumbs";gap:10px}
.cf-pd1 .cf-pd1-stage{grid-area:stage;position:relative;background:var(--wk-soft);margin:0 calc(var(--bs-gutter-x,40px) * -.5)}
@media (min-width:576px){.cf-pd1 .cf-pd1-stage{margin:0}}
.cf-pd1 .cf-pd1-track{display:flex;aspect-ratio:1/1;max-height:calc(100svh - 120px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;outline-offset:-3px}
.cf-pd1 .cf-pd1-track::-webkit-scrollbar{display:none}
.cf-pd1 .cf-pd1-slide{display:flex;align-items:center;justify-content:center;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.cf-pd1 .cf-pd1-slide img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0}
.cf-pd1.cf-pd1-js .cf-pd1-slide img{cursor:zoom-in}
.cf-pd1 :is(.cf-pd1-nav,.cf-pd1-zoom){position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--wk-line);border-radius:50%;background:rgba(255,255,255,.94);color:var(--wk-heading);cursor:pointer}
.cf-pd1 :is(.cf-pd1-nav,.cf-pd1-zoom):hover{background:#fff;border-color:var(--wk-green-ink);color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-nav{top:50%;transform:translateY(-50%)}
.cf-pd1 .cf-pd1-nav:disabled{opacity:.35;cursor:default}
.cf-pd1 .cf-pd1-prev{left:12px}
.cf-pd1 .cf-pd1-next{right:12px}
.cf-pd1 .cf-pd1-zoom{top:12px;right:12px}
.cf-pd1 .cf-pd1-counter{position:absolute;right:12px;bottom:12px;margin:0;padding:2px 10px;border-radius:50px;background:rgba(255,255,255,.94);font-size:13px;font-weight:700;color:var(--wk-heading)}
.cf-pd1 :is(.cf-pd1-nav,.cf-pd1-zoom,.cf-pd1-counter)[hidden]{display:none}
@media (max-width:767.98px){.cf-pd1 .cf-pd1-nav{display:none}}
.cf-pd1 .cf-pd1-thumbs{grid-area:thumbs;display:flex;gap:8px;padding:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.cf-pd1 .cf-pd1-thumb{flex:0 0 64px;width:64px;height:64px;padding:0;border:1px solid var(--wk-line);background:var(--wk-soft);opacity:.72;cursor:pointer;overflow:hidden}
.cf-pd1 .cf-pd1-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.cf-pd1 .cf-pd1-thumb:hover,.cf-pd1 .cf-pd1-thumb.is-active{opacity:1}
.cf-pd1 .cf-pd1-thumb.is-active{border-color:var(--wk-green-ink);box-shadow:inset 0 0 0 1px var(--wk-green-ink)}
.cf-pd1 .cf-pd1-thumb:focus-visible{outline:3px solid var(--wk-heading);outline-offset:-3px}
@media (min-width:992px){
.cf-pd1 .cf-pd1-gallery.has-thumbs{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"thumbs stage";column-gap:16px}
.cf-pd1 .cf-pd1-thumbs{flex-direction:column;padding:0;overflow-x:hidden;overflow-y:auto;height:0;min-height:100%;scrollbar-width:none}
.cf-pd1 .cf-pd1-thumbs::-webkit-scrollbar{display:none}
.cf-pd1 .cf-pd1-thumb{flex:0 0 84px;width:84px;height:84px}
.cf-pd1 .cf-pd1-track{max-height:calc(100vh - 160px)}
}
/* Vollbild-Ansicht (dialog) */
.cf-pd1-lightbox{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#000}
.cf-pd1-lightbox::backdrop{background:rgba(0,0,0,.6)}
.cf-pd1-lightbox .cf-pd1-lb-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:56px 12px 48px}
.cf-pd1-lightbox .cf-pd1-lb-inner img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.cf-pd1-lightbox .cf-pd1-lb-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #E4E0D9;border-radius:50%;background:#fff;color:#000;cursor:pointer}
.cf-pd1-lightbox .cf-pd1-lb-btn:hover{border-color:#467A4A;color:#467A4A}
.cf-pd1-lightbox .cf-pd1-lb-btn:focus-visible{outline:2px solid #467A4A;outline-offset:2px}
.cf-pd1-lightbox .cf-pd1-lb-close{top:8px;right:8px}
.cf-pd1-lightbox .cf-pd1-lb-prev{left:8px;top:50%;transform:translateY(-50%)}
.cf-pd1-lightbox .cf-pd1-lb-next{right:8px;top:50%;transform:translateY(-50%)}
.cf-pd1-lightbox .cf-pd1-lb-count{position:absolute;left:50%;bottom:12px;margin:0;transform:translateX(-50%);font:700 14px/1.2 "Quicksand",sans-serif;color:#2B3136}
.cf-pd1-lightbox .cf-pd1-lb-btn svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.cf-pd1-lb-open{overflow:hidden}

/* ---------- Kaufbereich ---------- */
.cf-pd1 .cf-pd1-panel{position:relative;padding:24px 20px;background:var(--wk-soft);border-radius:var(--wk-leaf-lg)}
@media (min-width:768px){.cf-pd1 .cf-pd1-panel{padding:32px}}
.cf-pd1 .cf-pd1-kicker{margin:0 56px 6px 0;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-panel .cms-element-buy-box{position:static}
.cf-pd1 .cf-pd1-panel .productbox-headline{max-width:none;margin:0 56px 8px 0;font-family:var(--wk-font);font-size:26px;font-weight:700;line-height:1.2;color:var(--wk-heading);overflow-wrap:anywhere;hyphens:auto}
@media (min-width:768px){.cf-pd1 .cf-pd1-panel .productbox-headline{font-size:32px}}
.cf-pd1 .cf-pd1-panel .cf-pd-trust{margin:0 0 16px}
/* allein stehende Textlinks (Trustami, MwSt./Versandkosten): 44 px Trefferfläche, ohne das Layout zu verschieben */
.cf-pd1 .cf-pd1-panel :is(.cf-pd-trust,.product-detail-tax) a{display:inline-block;padding:12px 0;margin:-12px 0}
/* Merkzettel-Herz oben rechts im Kaufbereich (44 × 44) */
.cf-pd1 .cf-pd1-panel .cms-element-buy-box>.product-wishlist{position:absolute;top:18px;right:18px;display:block;width:auto;height:auto;margin:0;border:0;border-radius:50%;background:none;transform:none;transition:none}
.cf-pd1 .cf-pd1-panel .cms-element-buy-box>.product-wishlist:hover{background:none;transform:none}
.cf-pd1 .cf-pd1-panel .cms-element-buy-box>.product-wishlist .product-wishlist-action{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--wk-line);border-radius:50%;background:#fff;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-panel .cms-element-buy-box>.product-wishlist .product-wishlist-action:hover{border-color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-panel .cms-element-buy-box>.product-wishlist .icon{margin:0;width:22px;height:22px;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-panel .cms-element-buy-box>.product-wishlist .icon svg{top:0;width:22px;height:22px;transform:none}
.cf-pd1 .cf-pd1-panel .cms-element-buy-box>.product-wishlist .icon svg :is(path,use){fill:currentColor}
.cf-pd1 .cf-pd1-panel .cms-element-buy-box>.product-wishlist .product-wishlist-added .icon,.cf-pd1 .cf-pd1-panel .cms-element-buy-box>.product-wishlist .product-wishlist-action:hover .icon{color:var(--wk-green-ink)}
/* Preis */
.cf-pd1 .cf-pd1-panel .product-detail-price-container{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:4px 0 0}
.cf-pd1 .cf-pd1-panel .product-detail-price{margin:0;font-size:30px;font-weight:700;line-height:1.2;color:var(--wk-heading)}
/* Nachtrag 1 – Streichpreis im v3-Stil (Theme: #c20017 rot + rotes „%“-Kästchen + „(13.38% gespart)“): Verkaufspreis groß in Grün,
   alter Preis klein/grau/durchgestrichen daneben, Blatt-Plakette „−X %“ (hellgrün, Text --wk-green-deep 5,4:1), darunter ggf.
   „Niedrigster Preis der letzten 30 Tage“ */
.cf-pd1 .cf-pd1-panel .product-detail-price.with-list-price{display:block;margin:0;color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-panel .cf-pd1-was{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:16px;line-height:1.3}
.cf-pd1 .cf-pd1-panel .cf-pd1-was-price{font-weight:600;color:var(--wk-muted);text-decoration:line-through;text-decoration-thickness:1px}
.cf-pd1 .cf-pd1-panel .cf-pd1-save{display:inline-flex;align-items:center;min-height:26px;padding:2px 10px;border-radius:0 10px 0 10px;background:var(--wk-green-tint);color:var(--wk-green-deep);font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}
.cf-pd1 .cf-pd1-panel .cf-pd1-reg{flex:1 0 100%;margin:0;font-size:13px;line-height:1.4;color:var(--wk-muted)}
/* Rückfall, falls der Preis-Aufbau einmal anders ist (dann steht das Theme-Markup da): ebenfalls ruhig statt Rot */
.cf-pd1 .cf-pd1-panel .product-detail-list-price-wrapper{display:inline-block;height:auto;margin:0;font-size:15px;color:var(--wk-muted);vertical-align:baseline}
.cf-pd1 .cf-pd1-panel .product-detail-list-price-wrapper .list-price-price{text-decoration:line-through}
.cf-pd1 .cf-pd1-panel .list-price-badge{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:28px;height:26px;margin:0;padding:0 8px;border-radius:0 10px 0 10px;background:var(--wk-green-tint);color:var(--wk-green-deep);font-size:14px;font-weight:700;line-height:1;vertical-align:middle}
.cf-pd1 .cf-pd1-panel :is(.product-detail-price-unit,.product-block-prices){margin:4px 0 0;font-size:14px;color:var(--wk-muted)}
.cf-pd1 .cf-pd1-panel .product-short-description_wrapper{display:none}
.cf-pd1 .cf-pd1-panel .product-detail-tax-container{display:block;margin:2px 0 0}
.cf-pd1 .cf-pd1-panel .product-detail-tax{margin:0;font-size:14px;line-height:1.45;color:var(--wk-muted)}
.cf-pd1 .cf-pd1-panel .product-detail-tax a{color:var(--wk-muted)}
.cf-pd1 .cf-pd1-panel .product-detail-tax a:hover{color:var(--wk-green-ink)}
/* Varianten als Knöpfe */
.cf-pd1 .cf-pd1-panel .product-detail-configurator-container{margin:0}
.cf-pd1 .cf-pd1-panel .cf-pd1-group{min-width:0;margin:20px 0 0;padding:0;border:0}
.cf-pd1 .cf-pd1-panel .cf-pd1-group-title{float:none;width:auto;margin:0 0 10px;padding:0;font-size:16px;font-weight:600;line-height:1.4;color:var(--wk-text)}
.cf-pd1 .cf-pd1-panel .cf-pd1-group-title strong{font-weight:700;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-panel .product-detail-configurator-options{display:flex;flex-wrap:wrap;gap:8px}
.cf-pd1 .cf-pd1-panel .product-detail-configurator-option{display:inline-flex;margin:0}
.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-input+.product-detail-configurator-option-label{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:auto;min-height:44px;margin:0;padding:9px 15px;border:1px solid var(--wk-field);border-radius:var(--wk-leaf-sm);background:#fff;box-shadow:none;color:var(--wk-heading);font:600 15px/1.25 var(--wk-font);text-align:center;opacity:1;cursor:pointer;transition:border-color .15s,background-color .15s}
.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-input.is-combinable+.product-detail-configurator-option-label:hover{border:1px solid var(--wk-green-ink);background:#fff;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-input:checked+.product-detail-configurator-option-label,.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-input:checked+.product-detail-configurator-option-label:hover{border:1px solid var(--wk-green-ink);background:var(--wk-green-tint);box-shadow:inset 0 0 0 1px var(--wk-green-ink);color:var(--wk-heading)}
/* nicht mit der jetzigen Auswahl kombinierbar (kein is-combinable): NICHT ausverkauft – ein Klick wählt eine passende Kombination
   (Shopware-Variantenwechsel) → gestrichelt, aber normal lesbar; Hinweis darunter (.cf-pd1-group-hint) */
.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-input:not(.is-combinable)+.product-detail-configurator-option-label{border-style:dashed;color:var(--wk-text);text-decoration:none}
.cf-pd1 .cf-pd1-panel .cf-pd1-group-hint{margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--wk-muted)}
.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-input:focus-visible+.product-detail-configurator-option-label{outline:2px solid var(--wk-green-ink);outline-offset:2px;box-shadow:none}
.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-label.is-display-color{width:44px;padding:0;border-radius:50%;font-size:0}
.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-input:checked+.product-detail-configurator-option-label.is-display-color{box-shadow:inset 0 0 0 3px #fff;border:2px solid var(--wk-green-ink)}
.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-label.is-display-media{width:64px;height:64px;padding:3px}
/* kleine Handys: Text-Knöpfe in 2 Spalten (A-Größen der Poster sind ≈ 160 px breit → sonst je Größe eine Zeile) */
@media (max-width:575.98px){
.cf-pd1 .cf-pd1-panel .cf-pd1-group:not(:has(.is-display-color,.is-display-media)) .product-detail-configurator-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cf-pd1 .cf-pd1-panel .cf-pd1-group:not(:has(.is-display-color,.is-display-media)) .product-detail-configurator-option{display:flex;min-width:0}
.cf-pd1 .cf-pd1-panel .cf-pd1-group:not(:has(.is-display-color,.is-display-media)) .product-detail-configurator-option-input+.product-detail-configurator-option-label{width:100%;padding:9px 10px;overflow-wrap:anywhere}
}
@media (forced-colors:active){.cf-pd1 .cf-pd1-panel .cf-pd1-group .product-detail-configurator-option-input:checked+.product-detail-configurator-option-label{outline:3px solid Highlight;outline-offset:-3px}}
/* Variantenwechsel im Vorschau-Modus (produkt-v1.js): Kaufbereich gedimmt, bis die neue Variante lädt */
.cf-pd1.cf-pd1-switching .cf-pd1-panel{opacity:.6;pointer-events:none;transition:opacity .15s}
/* Wunschname (CompraOrderTexts) – Feld klar beschriftet, groß */
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box{margin:20px 0 0;padding:16px;border:1px solid var(--wk-line);border-radius:var(--wk-leaf-sm);background:#fff}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box>span,.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box>label{display:block;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.35;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box .compra-order-texts-input{width:100%;height:48px;padding:0 16px;border:1px solid var(--wk-field);border-radius:var(--wk-leaf-md)!important;background:#fff;color:var(--wk-heading);font:600 17px/1.2 var(--wk-font);box-shadow:none}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box textarea.compra-order-texts-input{height:auto;min-height:88px;padding:12px 16px}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box .compra-order-texts-input:focus{border-color:var(--wk-green-ink);box-shadow:0 0 0 1px var(--wk-green-ink);outline:none}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box .compra-order-texts-input:focus-visible{outline:2px solid var(--wk-green-ink);outline-offset:2px}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box .compra-order-texts-input::placeholder{color:var(--wk-muted);opacity:1}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box .checkout-aside-summary-value{margin:6px 0 0;font-size:13px;color:var(--wk-muted);text-align:left}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box.cf-pd1-wish-missing .compra-order-texts-input{border:2px solid #B3001B}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box .cf-pd1-wish-msg{margin:6px 0 0;font-size:14px;font-weight:700;color:#B3001B}
.cf-pd1 .cf-pd1-panel .compra-order-texts-details-box .cf-pd1-wish-msg:empty{display:none}
/* Menge + „In den Warenkorb“ */
.cf-pd1 .cf-pd1-panel .product-detail-form-container{margin:20px 0 0}
/* Menge + Knopf nebeneinander; ist die Zeile zu schmal (kleine Handys), rutscht der Knopf in voller Breite darunter */
.cf-pd1 .cf-pd1-panel .buy-widget-container{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:0}
.cf-pd1 .cf-pd1-panel .buy-widget-container>*{padding:0;margin:0}
.cf-pd1 .cf-pd1-panel .buy-widget-container>fieldset{flex:0 0 auto;width:auto;max-width:none;min-width:0;border:0}
.cf-pd1 .cf-pd1-panel .buy-widget-container>.col-8{flex:1 1 190px;width:auto;min-width:0;max-width:none}
.cf-pd1 .cf-pd1-panel .buy-widget-container .quantity-selector-group{flex-wrap:nowrap;width:132px;height:56px;border:1px solid var(--wk-field);border-radius:var(--wk-leaf-md);background:#fff;overflow:hidden}
.cf-pd1 .cf-pd1-panel .buy-widget-container .quantity-selector-group .btn{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:100%;padding:0;border:0!important;border-radius:0;background:#fff;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-panel .buy-widget-container .quantity-selector-group .btn:hover{background:var(--wk-green-tint)}
.cf-pd1 .cf-pd1-panel .buy-widget-container .quantity-selector-group .btn:focus-visible{outline:2px solid var(--wk-green-ink);outline-offset:-2px}
.cf-pd1 .cf-pd1-panel .buy-widget-container .quantity-selector-group .btn svg{top:0}
.cf-pd1 .cf-pd1-panel .buy-widget-container .quantity-selector-group .form-control.product-detail-quantity-input{flex:1 1 auto;width:44px;min-width:0;height:100%;padding:0;border:0!important;background:#fff;color:var(--wk-heading);font:700 17px/1 var(--wk-font);text-align:center}
.cf-pd1 .cf-pd1-panel .buy-widget-container .quantity-selector-group .form-control.product-detail-quantity-input:focus-visible{outline:2px solid var(--wk-green-ink);outline-offset:-2px}
.cf-pd1 .cf-pd1-panel .buy-widget-container .d-grid{display:block!important;height:100%}
.cf-pd1 .cf-pd1-panel .buy-widget-container .btn-buy{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;height:100%;margin:0!important;padding:8px 20px;border:2px solid var(--wk-green-ink);border-radius:var(--wk-leaf-md);background:var(--wk-green-ink);color:#fff;font:700 17px/1.2 var(--wk-font);box-shadow:none;transform:none;transition:background-color .15s,border-color .15s}
.cf-pd1 .cf-pd1-panel .buy-widget-container .btn-buy::before{content:none;display:none}
.cf-pd1 .cf-pd1-panel .buy-widget-container .btn-buy:hover,.cf-pd1 .cf-pd1-panel .buy-widget-container .btn-buy:active{background:var(--wk-green-deep);border-color:var(--wk-green-deep);color:#fff}
.cf-pd1 .cf-pd1-panel .buy-widget-container .btn-buy:focus-visible{outline:2px solid var(--wk-heading);outline-offset:3px}
.cf-pd1 .cf-pd1-panel .buy-widget-container .btn-buy:disabled{background:#E9E9E9;border-color:#E9E9E9;color:#5F666C}
.cf-pd1 .cf-pd1-panel .buy-widget-container .btn-buy svg{color:#fff}
/* PayPal-Express & andere Knöpfe im Kaufformular: volle Breite */
.cf-pd1 .cf-pd1-panel #productDetailPageBuyProductForm>.row.justify-content-end{display:block;margin:12px 0 0}
.cf-pd1 .cf-pd1-panel #productDetailPageBuyProductForm>.row.justify-content-end>*{width:100%;max-width:none;padding:0}
.cf-pd1 .cf-pd1-panel .product-detail-form-container div[data-swag-paypal-express-button="true"]{display:block}
.cf-pd1 .cf-pd1-panel .alert{margin:16px 0 0;border-radius:var(--wk-leaf-sm)}
/* Hinweise unter dem Kaufknopf */
.cf-pd1 .cf-pd1-info{display:grid;gap:12px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--wk-line);list-style:none}
.cf-pd1 .cf-pd1-info li{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:15px;font-weight:600;line-height:1.4;color:var(--wk-text)}
.cf-pd1 .cf-pd1-info li>svg{margin-top:-1px;color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-info li a{font-weight:600}
.cf-pd1 .cf-pd1-info .product-detail-delivery-information{display:block;margin:0}
.cf-pd1 .cf-pd1-info .product-delivery-information{font-size:15px;color:var(--wk-text)}
.cf-pd1 .cf-pd1-info .delivery-information{display:inline;margin:0;font-size:15px;font-weight:600;color:var(--wk-text)}
.cf-pd1 .cf-pd1-info .delivery-information+.delivery-information::before{content:" · "}
.cf-pd1 .cf-pd1-info .delivery-information.delivery--available{font-weight:600;color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-info .delivery-status-indicator{display:none}
.cf-pd1 .cf-pd1-info .delivery-not-available,.cf-pd1 .cf-pd1-info .delivery-soon{color:#8A5A00}

/* ---------- Aufklapper (Kopf + Fragen) ---------- */
.cf-pd1 .cf-pd1-accordions{margin-top:20px;border-top:1px solid var(--wk-line)}
.cf-pd1 .cf-pd1-acc{border-bottom:1px solid var(--wk-line)}
.cf-pd1 .cf-pd1-acc>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;list-style:none;cursor:pointer;font-size:16px;font-weight:700;line-height:1.35;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-acc>summary::-webkit-details-marker{display:none}
.cf-pd1 .cf-pd1-acc>summary:hover{color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-acc>summary:focus-visible{outline-offset:-2px}
.cf-pd1 .cf-pd1-acc-title{margin:0;font-family:var(--wk-font);font-size:17px;font-weight:700;line-height:1.35;color:inherit}
.cf-pd1 .cf-pd1-chev{transition:transform .2s}
.cf-pd1 .cf-pd1-acc[open]>summary .cf-pd1-chev{transform:rotate(180deg)}
.cf-pd1 .cf-pd1-acc-body{padding:0 0 20px;font-size:15px;line-height:1.6}
.cf-pd1 .cf-pd1-acc-body :is(p,ul,ol){margin:0 0 12px;font-size:inherit}
.cf-pd1 .cf-pd1-acc-body :is(ul,ol){padding-left:20px}
.cf-pd1 .cf-pd1-acc-body>:last-child,.cf-pd1 .cf-pd1-acc-body>:last-child>:last-child{margin-bottom:0}
.cf-pd1 .cf-pd1-acc-body :is(h3,h4,h5,h6){margin:18px 0 6px;font-family:var(--wk-font);font-size:16px;font-weight:700;line-height:1.35;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-acc-body>:first-child{margin-top:0}
.cf-pd1 .cf-pd1-desc img{max-width:100%;height:auto}
.cf-pd1 .cf-pd1-facts{display:grid;gap:0;margin:0}
.cf-pd1 .cf-pd1-facts>div{display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--wk-line)}
.cf-pd1 .cf-pd1-facts>div:last-child{border-bottom:0}
.cf-pd1 .cf-pd1-facts dt{font-weight:600;color:var(--wk-muted)}
.cf-pd1 .cf-pd1-facts dd{margin:0;color:var(--wk-heading);overflow-wrap:anywhere}
.cf-pd1 .cf-pd1-shiptext p{margin:0 0 12px}

/* ---------- Vorteile-Zeile ---------- */
/* Nachtrag 2: über der Vorteile-Linie derselbe Abschnitts-Abstand wie überall (40/56 px, vorher 40 + 24/32 px), unter ihr gibt ihn der
   nächste Abschnitt (vorher 24/32 + 40/56 px) */
.cf-pd1.cf-pd1-benefits{padding-top:40px;padding-bottom:0}
@media (min-width:992px){.cf-pd1.cf-pd1-benefits{padding-top:56px}}
.cf-pd1 .cf-pd1-benlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:20px 16px;border-top:1px solid var(--wk-line);border-bottom:1px solid var(--wk-line);list-style:none}
.cf-pd1 .cf-pd1-benlist li{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;line-height:1.35;color:var(--wk-muted)}
.cf-pd1 .cf-pd1-benlist li svg{color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-benlist li strong{display:block;font-size:15px;font-weight:700;color:var(--wk-heading)}
@media (min-width:768px){.cf-pd1 .cf-pd1-benlist{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px 0}.cf-pd1 .cf-pd1-benlist li{justify-content:center}}

/* ---------- Abschnitte: Passt dazu / Das könnte dir auch gefallen / Häufige Fragen ---------- */
.cf-pd1.cf-pd1-sec{padding-top:40px;padding-bottom:0}
@media (min-width:992px){.cf-pd1.cf-pd1-sec{padding-top:56px}}
.cf-pd1 .cf-pd1-sechead{margin:0 0 20px}
.cf-pd1 .cf-pd1-sechead-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}
.cf-pd1 .cf-pd1-textlink{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
/* Wisch-Reihe (< 992 px): 4/8 px Innenabstand nur als Platz für Fokusrahmen/Scrollleiste – unten mit −8 px ausgeglichen (Nachtrag 2),
   damit bis zur nächsten Überschrift genau der Abschnitts-Abstand bleibt */
.cf-pd1 .cf-pd1-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,62%);gap:16px;margin:0 calc(var(--bs-gutter-x,40px) * -.5) -8px;padding:4px calc(var(--bs-gutter-x,40px) * .5) 8px;scroll-padding:0 calc(var(--bs-gutter-x,40px) * .5);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;list-style:none}
@media (min-width:576px){.cf-pd1 .cf-pd1-cards{grid-auto-columns:minmax(0,40%)}}
@media (min-width:992px){.cf-pd1 .cf-pd1-cards{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;margin:0;padding:0;overflow:visible;gap:24px}}
.cf-pd1 .cf-pd1-card{position:relative;margin:0;scroll-snap-align:start;min-width:0}
.cf-pd1 .cf-pd1-card-link{display:flex;flex-direction:column;gap:4px;color:var(--wk-heading);text-decoration:none}
.cf-pd1 .cf-pd1-card-link:focus-visible{outline-offset:2px}
.cf-pd1 .cf-pd1-card-img{display:block;aspect-ratio:1/1;margin:0 0 8px;overflow:hidden;border-radius:var(--wk-leaf-sm);background:var(--wk-soft)}
.cf-pd1 .cf-pd1-card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
@media (hover:hover){.cf-pd1 .cf-pd1-card-link:hover .cf-pd1-card-img img{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.cf-pd1 .cf-pd1-card-link:hover .cf-pd1-card-img img{transform:none}}
.cf-pd1 .cf-pd1-card-name{display:-webkit-box;overflow:hidden;font-size:15px;font-weight:600;line-height:1.35;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.cf-pd1 .cf-pd1-card-link:hover .cf-pd1-card-name{color:var(--wk-green-ink);text-decoration:underline;text-underline-offset:2px}
.cf-pd1 .cf-pd1-card-price{font-size:15px;font-weight:700;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-card-from{font-weight:600;color:var(--wk-muted)}
.cf-pd1 :is(.cf-pd1-card-var,.cf-pd1-card-note){font-size:14px;font-weight:600;line-height:1.35;color:var(--wk-muted)}
.cf-pd1 .cf-pd1-card-wish{position:absolute;top:8px;right:8px;z-index:2}
.cf-pd1 .cf-pd1-card-wish .product-wishlist{margin:0}
.cf-pd1 .cf-pd1-card-wish .product-wishlist-action-circle{position:static;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--wk-heading);opacity:1;transform:none;box-shadow:none}
.cf-pd1 .cf-pd1-card-wish .product-wishlist-action-circle::before{content:none}
.cf-pd1 .cf-pd1-card-wish .product-wishlist-action-circle:hover{background:#fff;transform:none}
.cf-pd1 .cf-pd1-card-wish .icon-wishlist{color:var(--wk-heading)}
.cf-pd1 .cf-pd1-card-wish .product-wishlist-added .icon-wishlist,.cf-pd1 .cf-pd1-card-wish .product-wishlist-action-circle:hover .icon-wishlist{color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-card-wish .icon>svg :is(path,use){fill:currentColor}
/* Nachtrag 1 – „Kunden kauften zusammen“: Texte des Smx-Blocks (Dachzeile, Überschrift, Einleitung) */
.cf-pd1 .cf-pd1-eyebrow{margin:0 0 6px;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--wk-green-ink)}
.cf-pd1 .cf-pd1-lead{max-width:760px;margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--wk-muted)}
/* Nachtrag 2 – „Kunden kauften zusammen“ als Set: deutliches grünes Plus (Kreis WANDKIND-Grün #467A4A, weißes Kreuz, 5,3:1) zwischen den
   Karten, wie das Plus im alten Smx-Block. Das Kreuz ist gezeichnet (zwei Balken, exakt mittig), Screenreader lesen nichts vor.
   < 768 px: Karten untereinander (Bild links, Name und Preis rechts), Plus mittig im Abstand zwischen zwei Karten;
   ab 768 px nebeneinander in 3 Spalten (Sets haben 3 Einträge), Plus im Spaltenabstand auf Bildmitte, am Zeilenanfang keins;
   2 Karten (Spielsofa) mittig in der Breite der 3er-Spalten (Prüfung 27.09.: vorher 4er-Raster, rechts bis zur Hälfte leer). */
.cf-pd1 .cf-pd1-set{--cf-pd1-plus:40px;--cf-pd1-set-gap:56px;display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--cf-pd1-set-gap);margin:0;padding:0;list-style:none}
.cf-pd1 .cf-pd1-set>.cf-pd1-card{padding:12px;border:1px solid var(--wk-line);border-radius:var(--wk-leaf-sm);background:#fff}
.cf-pd1 .cf-pd1-set .cf-pd1-card-link{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:16px;row-gap:4px;align-items:center;min-height:104px;padding-right:48px}
.cf-pd1 .cf-pd1-set .cf-pd1-card-img{grid-row:1/3;margin:0}
/* nur im Handy-Raster (Prüfung 27.09.: in der Flex-Spalte ab 768 px rückten kurze Namen nach rechts); Name bis 3 Zeilen */
@media (max-width:767.98px){
.cf-pd1 .cf-pd1-set .cf-pd1-card-name{align-self:end;-webkit-line-clamp:3;line-clamp:3}
.cf-pd1 .cf-pd1-set :is(.cf-pd1-card-price,.cf-pd1-card-note){align-self:start}
}
.cf-pd1 .cf-pd1-set .cf-pd1-card-wish{top:50%;right:8px;transform:translateY(-50%)}
.cf-pd1 .cf-pd1-set>.cf-pd1-card+.cf-pd1-card::before{content:"";position:absolute;top:calc(-1px - (var(--cf-pd1-set-gap) + var(--cf-pd1-plus)) / 2);left:50%;z-index:1;width:var(--cf-pd1-plus);height:var(--cf-pd1-plus);margin:0 0 0 calc(var(--cf-pd1-plus) / -2);border-radius:50%;background:linear-gradient(#fff,#fff) 50% 50%/20px 4px no-repeat,linear-gradient(#fff,#fff) 50% 50%/4px 20px no-repeat,var(--wk-green-ink);pointer-events:none}
@media (min-width:768px){
.cf-pd1 .cf-pd1-set{--cf-pd1-plus:44px;--cf-pd1-set-gap:64px;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--cf-pd1-set-gap);row-gap:32px}
.cf-pd1 .cf-pd1-set:has(>.cf-pd1-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc((200% - var(--cf-pd1-set-gap)) / 3);margin:0 auto}
.cf-pd1 .cf-pd1-set>.cf-pd1-card{padding:0;border:0;border-radius:0;background:none}
.cf-pd1 .cf-pd1-set .cf-pd1-card-link{display:flex;flex-direction:column;gap:4px;min-height:0;padding-right:0}
.cf-pd1 .cf-pd1-set .cf-pd1-card-img{margin:0 0 8px}
.cf-pd1 .cf-pd1-set .cf-pd1-card-wish{top:8px;transform:none}
.cf-pd1 .cf-pd1-set>.cf-pd1-card+.cf-pd1-card::before{top:0;left:calc((var(--cf-pd1-set-gap) + var(--cf-pd1-plus)) / -2);margin:calc(50% - var(--cf-pd1-plus) / 2) 0 0}
.cf-pd1 .cf-pd1-set>.cf-pd1-card:nth-child(3n+1)::before{content:none}
}
@media (min-width:992px){.cf-pd1 .cf-pd1-set{--cf-pd1-plus:48px}}
/* Windows-Kontrastmodus: Hintergründe fallen weg → Plus als Zeichen mit Rahmen */
@media (forced-colors:active){.cf-pd1 .cf-pd1-set>.cf-pd1-card+.cf-pd1-card::before{content:"+"/"";display:flex;align-items:center;justify-content:center;border:2px solid CanvasText;color:CanvasText;font:700 28px/1 var(--wk-font)}}
/* Häufige Fragen */
/* randloser Abschnitt: Inhalt bündig mit Galerie/Kaufbereich (20 px am Handy, bei 1828 px 124 … 1704 wie der boxed-Bereich) */
.cf-pd1 .cf-pd1-wrap{max-width:1620px;margin:0 auto}
.cms-section-default.full-width .cf-pd1 .cf-pd1-wrap{padding:0 20px}
.cf-pd1 .cf-pd1-faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
/* Nachtrag 2: ab 992 px 7:5 wie die Startseite – rechts mitlaufend Produktbild (3:2, Blattform) + Hilfe-Box; am Handy ohne Bild */
.cf-pd1 .cf-pd1-faq-media{display:none;margin:0 0 20px;overflow:hidden;aspect-ratio:3/2;border-radius:var(--wk-leaf-lg);background:var(--wk-soft)}
.cf-pd1 .cf-pd1-faq-media img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:992px){.cf-pd1 .cf-pd1-faq-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}.cf-pd1 .cf-pd1-faq-aside{position:sticky;top:112px}.cf-pd1 .cf-pd1-faq-media{display:block}}
.cf-pd1 .cf-pd1-faqlist{margin-top:12px;border-top:1px solid var(--wk-line)}
.cf-pd1 .cf-pd1-help{padding:24px;border:1px solid var(--wk-line);border-radius:var(--wk-leaf-sm);background:var(--wk-soft)}
.cf-pd1 .cf-pd1-help-title{margin:0 0 6px;font-family:var(--wk-font);font-size:18px;font-weight:700;color:var(--wk-heading)}
.cf-pd1 .cf-pd1-help p{margin:0 0 14px;font-size:15px}
.cf-pd1 .cf-pd1-help .cf-pd1-help-hours{font-size:14px;color:var(--wk-muted)}
.cf-pd1 .cf-pd1-help-hours a{display:inline-block;margin:-12px 0;padding:12px 0;color:var(--wk-green-ink);text-decoration:underline;text-underline-offset:2px}
.cf-pd1 .cf-pd1-help-hours a:hover{color:var(--wk-green-deep)}
.cf-pd1 .cf-pd1-btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 22px;border:2px solid var(--wk-green-ink);border-radius:var(--wk-leaf-md);background:transparent;color:var(--wk-green-ink);font:700 15px/1.25 var(--wk-font);text-decoration:none}
.cf-pd1 .cf-pd1-btn-outline:hover{background:var(--wk-green-ink);color:#fff;text-decoration:none}

/* ---------- Feste Kaufleiste am Handy/Tablet (< 992 px), wie Motivseite v3.2 ---------- */
.cf-pd1-buybar{display:none}
@media (max-width:991.98px){
.cf-pd1.cf-pd1-js .cf-pd1-buybar{position:fixed;right:0;bottom:0;left:0;z-index:1010;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--wk-line);box-shadow:0 -6px 18px rgba(0,0,0,.08);transform:translateY(110%);visibility:hidden;transition:transform .25s,visibility 0s .25s}
.cf-pd1.cf-pd1-js .cf-pd1-buybar.is-shown{transform:none;visibility:visible;transition:transform .25s}
.cf-pd1 .cf-pd1-buybar-info{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;margin:0;font-size:12px;line-height:1.25;color:var(--wk-muted)}
.cf-pd1 .cf-pd1-buybar-price{font-size:clamp(16px,4.6vw,19px);font-weight:700;color:var(--wk-heading);white-space:nowrap}
.cf-pd1 .cf-pd1-buybar-ab{font-size:14px;font-weight:600}
.cf-pd1 .cf-pd1-buybar-sub{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cf-pd1 .cf-pd1-buybar-btn{flex:0 0 auto;min-height:48px;padding:8px 18px;border:0;border-radius:var(--wk-leaf-md);background:var(--wk-green-ink);color:#fff;font:700 16px/1.2 var(--wk-font)}
.cf-pd1 .cf-pd1-buybar-btn:hover{background:var(--wk-green-deep)}
.cf-pd1 .cf-pd1-buybar-btn:focus-visible{outline:2px solid var(--wk-heading);outline-offset:2px}
html.cf-pd1-bar body{padding-bottom:var(--cf-pd1-bbh,calc(64px + env(safe-area-inset-bottom,0px)))}
html.cf-pd1-bar .scroll-up-button{bottom:calc(var(--cf-pd1-bbh,64px) + 46px)!important}
html.cf-pd1-bar :is(iframe[title="Trustami"],#taCloseBtnOverlayMobile,#taCloseBtnStarsMobile,#taCloseBtnShopakMobile,#taCloseBtnOverlay){bottom:calc(var(--cf-pd1-bbh,64px) + 2px)!important}
}
@media (max-width:379.98px){.cf-pd1 .cf-pd1-buybar-btn{padding:8px 14px;font-size:15px}}
@media (prefers-reduced-motion:reduce){.cf-pd1 :is(.cf-pd1-chev,.cf-pd1-buybar,.cf-pd1-media){transition:none!important}}