/* Lückenfüller innerhalb des gelieferten Shop-Systems (Farben, Schriften und Radien aus style.css). */
.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bagform{margin:0}
.taxnote{font:12px Open,Arial,sans-serif;color:var(--muted);margin-left:9px}
.taxnote a{text-decoration:underline;text-underline-offset:2px}
.variantpick{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid #b6aa97;padding:0 2px;cursor:pointer}
.stocknote{font-size:13px;color:var(--muted)}
.checkout{display:grid;gap:4px;margin-top:22px}
.checkout fieldset{border:0;padding:0;margin:14px 0 0}
.checkout legend{font:normal 22px Georgia;letter-spacing:-.04em;margin-bottom:6px}
.checkout .field input,.checkout .field select,.checkout .field textarea{background:#fffdf7;border-color:#c7bdae;color:var(--ink)}
.checkout .row2{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.checkout .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;margin:14px 0}
.checkout .consent input{margin-top:3px}
.ferr{color:#9b2f12;font-size:12px}
.ferr:empty{display:none}
.alert{background:#f1dccd;border:1px solid #d6a587;color:#4b2511;padding:12px 14px;border-radius:12px;font-size:13px;margin:14px 0;line-height:1.5}
.coupon{display:flex;gap:8px;margin:12px 0}
.coupon input{flex:1;background:#fffdf7;border:1px solid #c7bdae;border-radius:30px;padding:11px 16px;color:var(--ink)}
.coupon button{border:1px solid #b6aa97;background:none;border-radius:30px;padding:0 16px;color:var(--ink)}
.legal{max-width:720px;line-height:1.7;font-size:15px}
.legal h2{font:normal 26px Georgia;letter-spacing:-.04em;margin:26px 0 8px}
.legal p,.legal li{color:var(--muted)}
.footlinks a:hover{text-decoration:underline}
.statusline{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--edge);font-size:14px}
@media(max-width:720px){.checkout .row2{grid-template-columns:1fr}}

/* ---- DC-01 Footer: vollständige Rechts- und Servicenavigation (Entscheidung Emin, 06.11.2026) ---- */
.footnav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 34px}
.footgroup{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.footgroup a{color:var(--muted);text-underline-offset:3px}
.footgroup a:hover,.footgroup a:focus-visible{color:var(--ink);text-decoration:underline}
.footgroup .withdrawlink{color:var(--ink);text-decoration:underline;text-decoration-color:#b6aa97}
@media(max-width:720px){footer{flex-direction:column;align-items:flex-start;gap:16px;padding:22px 16px 28px}.footnav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;width:100%}.footgroup{flex-direction:column;flex-wrap:nowrap;gap:4px}.footgroup a{display:inline-block;font-size:13px;padding:5px 0}}

/* ---- DC-02 Kollektion: sichtbare Suche, Filter direkt (Desktop) bzw. als Sheet hinter „Filter“ (Handy) ---- */
.sr-status:focus{position:static;width:auto;height:auto;clip-path:none;white-space:normal}
.finder{margin:-2px 0 24px}
.finderbar{display:flex;align-items:center;gap:10px}
.searchpill{flex:1;max-width:460px;display:flex;align-items:center;gap:10px;border:1px solid #c7bdae;background:#fffdf7;border-radius:30px;padding:0 16px;min-height:46px;color:var(--muted);transition:border-color var(--fast)}
.searchpill:focus-within{border-color:#282a24;outline:3px solid var(--hot);outline-offset:3px}
.searchpill input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:14px;color:var(--ink);padding:12px 0}
.searchpill input:focus-visible{outline:none}
.searchpill input::placeholder{color:#7d786d}
.sortpill{position:relative;margin-left:auto;display:flex;align-items:center;color:var(--ink)}
.sortpill select{appearance:none;-webkit-appearance:none;border:1px solid #b6aa97;background:none;border-radius:30px;padding:0 40px 0 16px;min-height:46px;font-size:13px;color:var(--ink)}
.sortpill .icon{position:absolute;right:15px;width:15px;height:15px;pointer-events:none}
.filtertoggle,.sheethead,.sheetscrim{display:none}
.facets{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;margin-top:16px;padding-top:16px;border-top:1px solid #c7c0b4}
.facetgroup{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.facetgroup legend{float:left;padding:0;margin-right:6px;font:italic 16px/1 Georgia,serif;letter-spacing:-.03em;color:#595448}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;gap:8px;border:1px solid #b6aa97;border-radius:30px;padding:8px 14px;min-height:36px;font-size:13px;color:var(--ink);transition:background var(--fast),color var(--fast),border-color var(--fast)}
.chip small{font:11px ui-monospace,Consolas,monospace;color:var(--muted)}
.chip:hover span{border-color:#282a24}
.chip input:checked+span{background:#282a24;border-color:#282a24;color:#f5f2e8}
.chip input:checked+span small{color:#d9cfbd}
.chip input:focus-visible+span{outline:3px solid var(--hot);outline-offset:3px}
.facetactions{margin-left:auto;display:flex;align-items:center;gap:16px}
.resetlink{font-size:13px;text-decoration:underline;text-underline-offset:3px}
.resetlink[hidden]{display:none}
.applyfilters{margin:0;padding:11px 18px}
.js .applyfilters{display:none}
.collectiongrid.fresh{animation:open .32s var(--ease)}
.emptyresult{padding:18px 0 6px}
.emptyresult p{font:normal clamp(24px,2.6vw,34px) Georgia,serif;letter-spacing:-.05em;max-width:560px;color:var(--ink)}
.pager{display:flex;gap:8px;margin-top:28px}
.pager a{min-width:40px;height:40px;border:1px solid #b6aa97;border-radius:50%;display:grid;place-items:center;font-size:13px}
.pager a[aria-current]{background:#282a24;border-color:#282a24;color:#f5f2e8}
@keyframes sheet-in{from{transform:translateY(100%)}to{transform:none}}
@media(max-width:720px){
 .finderbar{flex-wrap:wrap}
 .searchpill{flex:1 1 100%;max-width:none}
 .filtertoggle{display:inline-flex;align-items:center;gap:10px;background:#282a24;color:#f5f2e8;border-radius:30px;padding:0 18px;min-height:46px;font-size:14px}
 .filtercount{font:11px ui-monospace,Consolas,monospace;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;background:#f5f2e8;color:#242622}
 .filtercount[hidden]{display:none}
 .facets{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:20px;max-height:86dvh;overflow:auto;margin:0;padding:6px 16px calc(14px + env(safe-area-inset-bottom));background:var(--paper);border:0;border-radius:18px 18px 0 0;box-shadow:0 -24px 70px #20221d3d}
 .facets:target,.facets.open{display:flex;animation:sheet-in 260ms var(--ease)}
 .sheethead{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-6px;z-index:1;background:var(--paper);padding:12px 0 4px}
 .sheethead h3{font:normal 28px Georgia,serif;letter-spacing:-.05em}
 .sheetclose{border-color:#c7bdae;color:var(--ink)}
 .facetgroup{display:block}
 .facetgroup legend{float:none;display:block;margin:0 0 10px}
 .facetgroup .chip{margin:0 6px 8px 0}
 .chip span{min-height:42px;padding:10px 16px}
 .facetactions{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));margin:0 -16px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid #c7c0b4;justify-content:space-between}
 .js .applyfilters,.applyfilters{display:inline-flex;flex:1;justify-content:center}
 .facets:target~.sheetscrim,.facets.open~.sheetscrim{display:block;position:fixed;inset:0;z-index:29;background:#20221d59}
}
/* shopdesign-03 (DC-03, Entwurf): Galerie nur ab zwei Bildern, Vergleichspreis nur wenn gesetzt. */
.photo .thumbs{position:absolute;right:16px;bottom:14px;display:flex;gap:6px;max-width:58%;overflow-x:auto;scrollbar-width:none;padding:2px}
.photo .thumbs a{flex:0 0 auto;display:block;width:52px;height:52px;border-radius:8px;overflow:hidden;border:1px solid #f8f1df99;opacity:.78;transition:opacity .2s,transform .2s var(--ease)}
.photo .thumbs a:hover{opacity:1;transform:translateY(-2px)}
.photo .thumbs a[aria-current]{opacity:1;outline:2px solid #f8f1df;outline-offset:1px}
.photo .thumbs a:focus-visible{outline:2px solid #20221d;outline-offset:2px;opacity:1}
.photo .thumbs img,.photo:hover .thumbs img{position:static;animation:none;scale:1;width:100%;height:100%;object-fit:cover}
.compareat{font:16px Georgia,serif;color:var(--muted);margin-left:10px;text-decoration-thickness:1px}
@media(max-width:720px){.photo .thumbs{right:12px;bottom:12px}.photo .thumbs a{width:40px;height:40px;border-radius:6px}}
@media(prefers-reduced-motion:reduce){.photo .thumbs a{transition:none}}

/* DC-04 (Entwurf bis zur Abnahme): Textblock der Startseite aus dem Theme-Editor. Georgia-Überschrift wie .basket h1,
   Fließtext wie .cover p, Trennlinie wie .cover; Bild rechts wie das Produktfoto im Titelbereich. */
.textblock{display:grid;grid-template-columns:minmax(0,1fr);border-bottom:1px solid #c7c0b4;padding:58px 5vw}
.textblock.withimage{grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:5vw;align-items:center}
.textcopy{max-width:62ch}
.textcopy h2{font:normal clamp(32px,4.2vw,52px)/1.02 Georgia,serif;letter-spacing:-.06em;margin:12px 0 18px}
.textcopy p{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 12px}
.textimage{margin:0;border-radius:4px;overflow:hidden;background:var(--panel2);aspect-ratio:4/3}
.textimage img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.textblock{padding:34px 16px}.textblock.withimage{grid-template-columns:minmax(0,1fr);gap:22px}.textimage{order:-1}}

/* DC-06 (Entwurf bis zur Abnahme): Bausteine des Produktseiten-Generators unter dem Produktkopf.
   Gleiche Typografie wie der Textblock (DC-04): Georgia-Überschrift, gedämpfter Fließtext, Trennlinie #c7c0b4. */
.ppblock{padding:52px 5vw;border-bottom:1px solid #c7c0b4}
.ppblock h2{font:normal clamp(28px,3.6vw,44px)/1.05 Georgia,serif;letter-spacing:-.06em;margin:0 0 24px}
.ppbenefits ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 34px;counter-reset:pp}
.ppbenefits li{display:grid;gap:6px;padding-top:14px;border-top:1px solid #20221d}
.ppbenefits li b{font-size:16px;font-weight:600}
.ppbenefits li span{color:var(--muted);font-size:14px;line-height:1.65}
.ppdetails dl{margin:0;max-width:760px}
.ppdetails dl div{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:16px;padding:11px 0;border-top:1px solid #c7c0b4;font-size:14px}
.ppdetails dt{color:var(--muted)}.ppdetails dd{margin:0}
.ppgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ppgrid figure{margin:0;aspect-ratio:4/5;background:var(--panel2);border-radius:4px;overflow:hidden}
.ppgrid img{width:100%;height:100%;object-fit:cover;display:block}
.ppfaq details{border-top:1px solid #c7c0b4;max-width:760px}
.ppfaq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-size:16px;position:relative}
.ppfaq summary::-webkit-details-marker{display:none}
.ppfaq summary::after{content:"+";position:absolute;right:4px;top:12px;font:normal 22px Georgia,serif;transition:transform var(--fast)}
.ppfaq details[open] summary::after{transform:rotate(45deg)}
.ppfaq details p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 18px;max-width:62ch}
.ppfaq summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:760px){.ppblock{padding:34px 16px}.ppdetails dl div{grid-template-columns:1fr;gap:2px}.ppgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}