/* Fishwish Pit Lane – Hauptstyles. Basis: Mockup redesign/mockups/pitlane (11.10.2026). */
:root{
  --navy:#0B1F3A; --navy-2:#16305A; --orange:#FF6B1A; --orange-press:#E5560A;
  --bg:#F3F4F6; --tile:#ffffff; --ink:#0E1420; --muted:#667085; --line:#E4E7EC; --ok:#12B76A; --sold:#98A2B3;
  --r:22px; --ease:cubic-bezier(.2,.8,.2,1);
  --font:"Archivo",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --chk:repeating-conic-gradient(var(--ink) 0 25%,#fff 0 50%) 0 0/12px 12px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
img{display:block;max-width:100%}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:8px}
.x{font-stretch:125%;font-weight:800;letter-spacing:-.01em;text-transform:uppercase}
.c{font-stretch:75%}

/* ---------- Top ---------- */
.top{position:sticky;top:0;z-index:50;padding:12px 0;background:linear-gradient(var(--bg) 70%,transparent)}
.bar{display:flex;align-items:center;gap:14px;background:var(--navy);color:#fff;border-radius:999px;padding:8px 8px 8px 18px;box-shadow:0 10px 30px -14px rgba(0,0,0,.4)}
.bar .logo{display:block;flex:none;margin:-18px 0 -18px -6px}
.bar .logo img{height:72px;width:auto;max-width:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));transform-origin:left center;transition:transform .45s var(--ease)}
.top.compact .bar .logo img{transform:scale(.56)}
/* Logo-Intro (Desktop) */
.intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--bg);cursor:pointer}
.intro::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 50%,rgba(11,31,58,.08),transparent 70%)}
.intro .flag{position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--chk);opacity:.18}
.intro img{position:relative;width:min(44vw,560px);height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));will-change:transform}
.intro .tag{position:absolute;top:calc(50% + min(14vw,180px));left:0;right:0;text-align:center;font-family:"Audiowide",var(--font);font-style:italic;font-synthesis:style;font-size:clamp(22px,2.4vw,32px);letter-spacing:.03em;color:var(--orange);opacity:0}
.intro .skip{position:absolute;right:24px;bottom:24px;font-size:12px;font-weight:700;color:var(--muted)}
html.intro-run .bar .logo{visibility:hidden}
/* Geräteabhängige Anpassungen (Merkmale aus shared/device.js) */
html[data-pointer="coarse"] .btn{min-height:48px}
html[data-pointer="coarse"] .card .add{width:46px;height:46px}
html[data-pointer="coarse"] .opt{padding:12px 10px}
html[data-hover="none"] .card:hover,html[data-hover="none"] a.t:hover{transform:none;box-shadow:none}
html[data-hover="none"] .card:hover .media img{transform:none}
html[data-hover="none"] .t.hero:hover .hero-shots{transform:rotate(-6deg)}
html[data-device="tablet"] .sgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
html[data-device="tablet"][data-orientation="portrait"] .t.cat,html[data-device="tablet"][data-orientation="portrait"] .t.cat.wide{grid-column:span 6}
html[data-device="phone"] body{font-size:16px}
html[data-device="phone"] .bar .logo{margin:-10px 0 -10px -4px}
html[data-device="phone"] .bar .logo img{height:52px}
html[data-device="phone"] .top.compact .bar .logo img{transform:scale(.73)}
.seg{display:flex;gap:2px;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;margin-left:8px;position:relative}
.seg a{position:relative;z-index:1;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:rgba(255,255,255,.75);transition:color .25s,background-color .25s}
.seg a:not(.active):hover,.seg .dd:hover>a:not(.active),.seg .dd:focus-within>a:not(.active){color:#fff}
.seg a:not(.active):hover,.seg .dd:hover>a:not(.active),.seg .dd:focus-within>a:not(.active){background:var(--orange)}
.seg .dd{position:relative;z-index:2;display:flex;align-items:center}
.seg>a,.seg .dd>a{display:inline-flex;align-items:center;line-height:1.2}
.seg a.active,.seg .dd>a.active{color:var(--navy)}
.seg .dd>a::after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);margin-left:8px}
.seg .dd .menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,6px);min-width:240px;background:#fff;color:var(--ink);border-radius:18px;padding:8px;box-shadow:0 24px 50px -20px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--ease)}
.seg .dd .menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.seg .dd:hover .menu,.seg .dd:focus-within .menu{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.seg .dd .menu a{display:flex;justify-content:space-between;color:var(--ink);padding:10px 12px;border-radius:12px;font-size:14px}
.seg .dd .menu a small{color:var(--muted);font-weight:500}
.seg .dd .menu a:hover{background:var(--orange);color:#fff}
.seg .dd .menu a:hover small{color:rgba(255,255,255,.8)}
.seg{overflow:visible}
.seg a.active{color:var(--navy)}
.seg .pill{position:absolute;top:4px;bottom:4px;left:0;width:0;background:#fff;border-radius:999px;transition:transform .45s var(--ease),opacity .3s;opacity:0}
.bar .sp{flex:1}
.bar .lang{font-size:12px;font-weight:700;display:flex;gap:4px;align-items:center}
.bar .lang button{background:none;border:0;color:rgba(255,255,255,.55);font-weight:800;font-size:12px;cursor:pointer;padding:4px 2px}
.bar .lang button.on{color:#fff}
.bar .lang a{color:rgba(255,255,255,.55);font-weight:800;font-size:12px;padding:4px 3px;text-decoration:none}
.bar .lang a.on{color:#fff}
.bar .lang a:hover{color:#fff}
.bar .lang a+a::before{content:"|";opacity:.35;margin-right:6px;color:#fff}
.bar .lang span{opacity:.35}
.menubtn{display:none;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;place-items:center}
.mnav{position:fixed;inset:0;z-index:150;background:rgba(14,20,32,.4);opacity:0;pointer-events:none;transition:opacity .35s}
.mnav .mn-in{position:absolute;inset:10px;background:var(--navy);color:#fff;border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:14px;transform:translateY(-16px) scale(.98);transition:transform .5s var(--ease);overflow:auto}
body.menu-open .mnav{opacity:1;pointer-events:auto}
body.menu-open .mnav .mn-in{transform:none}
.mn-top{display:flex;justify-content:space-between;align-items:center}
.mn-top img{height:52px}
.mn-x{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:16px;cursor:pointer}
.mn-s{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:14px;padding:0 14px;height:50px}
.mn-s input{background:none;border:0;color:#fff;width:100%;font-size:16px}
.mn-s input::placeholder{color:rgba(255,255,255,.55)}
.mn-s input:focus{outline:none}
.mnav nav{display:flex;flex-direction:column}
.mnav nav a{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:24px;font-weight:900;font-stretch:120%;text-transform:uppercase;opacity:0;transform:translateX(-12px);transition:opacity .4s var(--ease),transform .4s var(--ease);transition-delay:calc(var(--i)*35ms + 80ms)}
body.menu-open .mnav nav a{opacity:1;transform:none}
.mnav nav a span{color:var(--orange);font-size:20px}
.mnav .mn-lang{display:flex;gap:10px;margin-top:auto;padding-top:10px}
.mnav .mn-lang a{flex:1;text-align:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.08);font-weight:900;color:#fff;text-decoration:none}
.mnav .mn-lang a.on{background:var(--orange)}
.mn-lang{display:flex;gap:8px;margin-top:auto}
.mn-lang button{flex:1;height:46px;border-radius:12px;border:0;background:rgba(255,255,255,.08);color:#fff;font-weight:700;cursor:pointer}
.mn-lang button.on{background:#fff;color:var(--navy)}
.ctab{width:100%}
.bar .find{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:999px;padding:0 14px;height:38px;width:220px}
.bar .find input{background:none;border:0;color:#fff;width:100%;font-size:14px}
.bar .find input::placeholder{color:rgba(255,255,255,.55)}
.bar .find input:focus{outline:none}
.cartbtn{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:0;background:var(--orange);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s var(--ease)}
.cartbtn:active{transform:scale(.95)}
.cartbtn .n{background:#fff;color:var(--orange);border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;padding:0 6px}
.cartbtn.bump{animation:bump .6s var(--ease)}
@keyframes bump{30%{transform:scale(1.12) rotate(-3deg)}60%{transform:scale(.96)}}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:16px;border:0;cursor:pointer;font-weight:700;font-size:15px;transition:transform .2s var(--ease),background .2s}
.btn:active{transform:scale(.97)}
.btn.o{background:var(--orange);color:#fff}
.btn.o:hover{background:var(--orange-press)}
.btn.n{background:var(--navy);color:#fff}
.btn.w{background:#fff;color:var(--navy)}
.btn.g{background:var(--bg);color:var(--ink)}
.btn.block{width:100%}
.btn[disabled]{background:var(--line);color:var(--sold);cursor:not-allowed}
.btn.paypal{background:#FFC439;color:#111}
.btn.apple{background:#000;color:#fff}
.arrow{display:inline-block;transition:transform .3s var(--ease)}
a:hover .arrow,button:hover .arrow{transform:translateX(4px)}

/* ---------- Reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(24px) scale(.98);transition:opacity .7s var(--ease) var(--d,0ms),transform .7s var(--ease) var(--d,0ms)}
[data-reveal].in{opacity:1;transform:none}

/* ---------- Bento ---------- */
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:14px;padding-top:10px}
.t{background:var(--tile);border-radius:var(--r);padding:26px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
a.t:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(0,0,0,.22)}
.t.navy{background:var(--navy);color:#fff}
.t.orange{background:var(--orange);color:#fff}
.t .lbl{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.t.hero{grid-column:span 8;grid-row:span 3;display:flex;flex-direction:column;justify-content:space-between;min-height:520px}
.t.hero h1{font-size:clamp(44px,6.2vw,92px);line-height:.9;margin:14px 0 18px;font-stretch:120%;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.t.hero h1 span{color:var(--orange)}
.t.hero .lbl,.t.hero h1,.t.hero p{text-shadow:0 0 6px var(--navy),0 0 14px var(--navy),0 2px 22px rgba(0,0,0,.5)}
.t.hero p{max-width:min(440px,44%);opacity:.8;margin:0 0 24px;font-size:17px}
.t.hero .hero-shots{position:absolute;right:-4%;bottom:6%;width:54%;aspect-ratio:4/3;transform:rotate(-6deg);transition:transform 1s var(--ease);pointer-events:none}
.t.hero:hover .hero-shots{transform:rotate(-3deg) translateY(-10px) scale(1.03)}
.t.hero .hero-shots img{position:absolute;right:0;bottom:0;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 40px 60px -30px rgba(0,0,0,.7);opacity:0;transition:opacity 1.1s ease-in-out}
.t.hero .hero-shots img.on{opacity:1}
.t.hero>div:not(.hero-shots){position:relative;z-index:1}
.t.hero .flag{position:absolute;top:-105px;left:-95px;width:min(70%,756px);height:auto;opacity:.5;transform:rotate(20deg);transform-origin:0 0;pointer-events:none}
.t.count{grid-column:span 4;grid-row:span 1;display:flex;flex-direction:column;justify-content:space-between}
.t.count b{font-size:76px;line-height:.9;font-stretch:125%;font-weight:900}
.t.count small{font-size:14px;opacity:.85}
.t.ship{grid-column:span 4;display:flex;gap:16px;align-items:center}
.t.ship svg{flex:none}
.t.ship b{display:block;font-size:18px;line-height:1.2}
.t.ship span{font-size:13px;color:var(--muted)}
.t.cat{grid-column:span 3;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:300px}
.t.cat.wide{grid-column:span 6}
.t.cat h3{font-size:30px;line-height:.95;margin:6px 0 0;font-stretch:120%;font-weight:900;text-transform:uppercase}
.t.cat img{position:absolute;right:-8%;bottom:-8%;width:80%;transform:rotate(-5deg);border-radius:6px;box-shadow:0 26px 40px -24px rgba(0,0,0,.5);transition:transform .8s var(--ease)}
.t.cat.wide img{width:52%}
a.t.cat:hover img{transform:rotate(-2deg) translateY(-8px) scale(1.04)}
.t.cat .go{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;background:var(--bg);color:var(--ink);border-radius:999px;padding:8px 14px;align-self:flex-start}
.t.navy .go{background:rgba(255,255,255,.12);color:#fff}
.t.pay{grid-column:span 4;display:flex;flex-direction:column;justify-content:space-between}
.t.pay .logos{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.t.pay .logos span{font-size:12px;font-weight:800;border:1.5px solid var(--line);border-radius:8px;padding:6px 10px}
.t.know{grid-column:span 4;background:var(--tile)}
.t.know h3{font-size:22px;margin:8px 0 4px;font-stretch:110%}

.h2{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:64px 0 18px}
.h2 h2{font-size:clamp(30px,4vw,52px);line-height:.95;margin:0;font-stretch:120%;font-weight:900;text-transform:uppercase}
.h2 a{font-weight:700;font-size:14px;display:inline-flex;gap:8px;align-items:center}
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,280px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 24px 20px;margin:0 -24px;scrollbar-width:none}
.strip>*{scroll-snap-align:start}

/* ---------- Karte ---------- */
.card{background:var(--tile);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;position:relative;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.card:hover{transform:translateY(-5px);box-shadow:0 22px 40px -22px rgba(0,0,0,.22)}
.card .media{aspect-ratio:1/1;border-radius:16px;background:var(--bg);display:grid;place-items:center;padding:18px;overflow:hidden;position:relative}
.card .media img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.2));transition:transform .7s var(--ease)}
.card:hover .media img{transform:scale(1.07) rotate(-1.5deg)}
.card.sold .media img{opacity:.55;filter:grayscale(.6)}
.yr{position:absolute;top:10px;left:10px;background:var(--navy);color:#fff;font-stretch:125%;font-weight:900;font-size:15px;padding:4px 10px;border-radius:10px;font-variant-numeric:tabular-nums}
.card .tag{position:absolute;top:10px;right:10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:5px 9px;border-radius:999px;background:#E7F8EF;color:#067647}
.card.sold .tag{background:#EEF0F3;color:var(--muted)}
.card .b{padding:12px 6px 4px;flex:1;display:flex;flex-direction:column}
.card .m{font-size:12px;color:var(--muted);font-weight:600}
.card h3{font-size:16px;line-height:1.25;margin:4px 0 12px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.card .f{display:flex;align-items:center;justify-content:space-between}
.card .pr{font-size:20px;font-weight:900;font-stretch:115%}
.card .add{width:42px;height:42px;border-radius:14px;border:0;background:var(--orange);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .25s var(--ease),background .2s}
.card .add:hover{background:var(--orange-press);transform:rotate(90deg)}

/* ---------- Shop ---------- */
.shop{display:grid;grid-template-columns:270px 1fr;gap:20px;align-items:start;padding-top:10px}
.board{position:sticky;top:88px;background:var(--tile);border-radius:var(--r);padding:20px;max-height:calc(100vh - 104px);overflow:auto}
.board h4{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}
.board h4:first-child{margin-top:0}
.opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border-radius:10px;border:0;background:none;cursor:pointer;font-size:14px;font-weight:500;text-align:left;transition:background .2s}
.opt:hover{background:var(--bg)}
.opt.on{background:var(--navy);color:#fff}
.opt small{font-size:12px;color:var(--muted);font-weight:700}
.opt.on small{color:rgba(255,255,255,.7)}
.tgl{display:flex;align-items:center;justify-content:space-between;background:#E7F8EF;border-radius:14px;padding:12px 14px;font-weight:700;font-size:14px;cursor:pointer;color:#067647}
.tgl input{appearance:none;width:46px;height:28px;border-radius:14px;background:#D0D5DD;position:relative;cursor:pointer;transition:background .3s;margin:0}
.tgl input::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .35s var(--ease)}
.tgl input:checked{background:var(--ok)}
.tgl input:checked::after{transform:translateX(18px)}
.shop-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--tile);border-radius:var(--r);padding:14px 16px;margin-bottom:14px}
.shop-top h1{font-size:30px;line-height:1;margin:0 auto 0 4px;font-stretch:120%;font-weight:900;text-transform:uppercase}
.shop-top .s{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:12px;padding:0 12px;height:42px;min-width:240px}
.shop-top .s input{border:0;background:none;width:100%;font-size:14px}
.shop-top .s input:focus{outline:none}
.shop-top select{height:42px;border:0;border-radius:12px;background:var(--bg);padding:0 12px;font-size:14px;font-weight:600;cursor:pointer}
.active-f{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 14px}
.active-f button{border:0;background:var(--navy);color:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.empty{background:var(--tile);border-radius:var(--r);padding:60px;text-align:center;color:var(--muted)}
.empty b{display:block;font-size:24px;color:var(--ink);font-stretch:115%;margin-bottom:6px}
.fbtn{display:none}

/* ---------- Produkt ---------- */
.pgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;padding-top:10px}
.t.gal{grid-column:span 7;grid-row:span 3;padding:18px;display:flex;flex-direction:column}
.gal .main{flex:1;background:var(--bg);border-radius:16px;display:grid;place-items:center;padding:30px;min-height:440px;position:relative;overflow:hidden}
.gal .main img{max-height:460px;width:auto;object-fit:contain;filter:drop-shadow(0 26px 26px rgba(0,0,0,.25));transition:opacity .3s,transform .5s var(--ease)}
.gal .th{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.gal .th button{flex:0 0 72px;height:72px;border-radius:12px;border:2px solid transparent;background:var(--bg);padding:6px;cursor:pointer}
.gal .th button.on{border-color:var(--orange)}
.gal .th img{width:100%;height:100%;object-fit:contain}
.t.buy{grid-column:span 5;grid-row:span 2}
.t.buy h1{font-size:clamp(26px,2.6vw,36px);line-height:1;margin:10px 0 16px;font-stretch:112%;font-weight:900;text-transform:uppercase}
.t.buy .pr{font-size:48px;font-weight:900;font-stretch:120%;line-height:1}
.t.buy .tax{font-size:13px;opacity:.7;margin:6px 0 16px}
.t.buy .tax a{text-decoration:underline}
.st{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(18,183,106,.16);color:#6CE9A6;margin-bottom:18px}
.st::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.6s infinite}
.st.no{background:rgba(255,255,255,.1);color:#D0D5DD}
.st.no::before{animation:none}
@keyframes pulse{50%{opacity:.35}}
.buy .alt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.t.spec{grid-column:span 5;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;background:transparent}
.spec div{background:var(--tile);border-radius:16px;padding:14px}
.spec small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.spec b{display:block;font-size:20px;font-stretch:115%;font-weight:900;line-height:1.1;margin-top:6px;overflow-wrap:anywhere}
.t.story{grid-column:span 7}
.t.story h2,.t.facts h2{font-size:26px;line-height:1;margin:0 0 14px;font-stretch:120%;font-weight:900;text-transform:uppercase}
.t.story p{margin:0 0 12px;color:#344054;font-size:17px;line-height:1.6}
.t.facts{grid-column:span 5}
.t.facts dl{display:grid;grid-template-columns:auto 1fr;margin:0}
.t.facts dt,.t.facts dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.t.facts dt{color:var(--muted);padding-right:18px}
.t.facts dd{font-weight:600}

/* ---------- Drawer ---------- */
.scrim{position:fixed;inset:0;background:rgba(14,20,32,.35);opacity:0;pointer-events:none;transition:opacity .35s;z-index:80}
.drawer{position:fixed;right:14px;top:14px;bottom:14px;width:min(420px,calc(100% - 28px));background:var(--bg);border-radius:28px;z-index:90;transform:translateX(calc(100% + 30px)) rotate(2deg);transition:transform .6s var(--ease);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
body.drawer-open .scrim{opacity:1;pointer-events:auto}
body.drawer-open .drawer{transform:none}
.drawer header{background:var(--navy);color:#fff;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;position:relative}
.drawer header::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:var(--chk);opacity:.9}
.drawer header h2{margin:0;font-size:24px;font-stretch:120%;font-weight:900;text-transform:uppercase}
.drawer header button{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.drawer .items{flex:1;overflow:auto;padding:18px 14px 0}
.drawer footer{padding:16px;background:var(--tile)}
.line{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:var(--tile);border-radius:16px;padding:10px;margin-bottom:8px}
.line .th{width:64px;height:64px;border-radius:12px;background:var(--bg);display:grid;place-items:center;padding:5px}
.line .th img{max-height:100%;object-fit:contain}
.line b{font-size:14px;line-height:1.25;display:block}
.line small{font-size:12px;color:var(--muted)}
.line .q{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:13px;font-weight:700}
.line .q button{width:26px;height:26px;border-radius:8px;border:0;background:var(--bg);cursor:pointer;font-weight:700}
.line .q .rm{width:auto;background:none;color:var(--muted);font-weight:500;text-decoration:underline;font-size:12px;margin-left:4px}
.line .p{font-weight:900;font-stretch:115%}
.sum{display:flex;justify-content:space-between;font-size:14px;color:#475467;margin:4px 0}
.sum.total{font-size:22px;color:var(--ink);font-weight:900;font-stretch:115%;margin-top:10px}
.note{font-size:12px;color:var(--muted);margin:2px 0 12px}

/* ---------- Kasse ---------- */
.co{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:start;padding-top:10px}
.lap{background:var(--navy);color:#fff;border-radius:var(--r);padding:22px 26px;margin-bottom:14px}
.lap .row{display:flex;justify-content:space-between;align-items:center}
.lap h1{margin:0;font-size:30px;font-stretch:120%;font-weight:900;text-transform:uppercase}
.lap .track{height:8px;background:rgba(255,255,255,.12);border-radius:4px;margin-top:16px;overflow:hidden;position:relative}
.lap .track i{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--orange);border-radius:4px;transform-origin:left;transform:scaleX(.12);transition:transform .6s var(--ease)}
.lap .steps{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;font-weight:700;opacity:.7}
.stp{background:var(--tile);border-radius:var(--r);padding:22px 24px;margin-bottom:14px;transition:opacity .3s}
.stp h2{display:flex;align-items:center;gap:12px;font-size:19px;margin:0 0 16px;font-stretch:112%;font-weight:800}
.stp h2 i{font-style:normal;width:30px;height:30px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:14px}
.fl{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fl .full{grid-column:1/-1}
.fl label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:5px}
.fl input,.fl select{width:100%;height:50px;border-radius:14px;border:2px solid var(--line);padding:0 14px;font-size:16px;background:#fff;transition:border-color .2s}
.fl input:focus,.fl select:focus{outline:none;border-color:var(--orange)}
.fl input:valid:not(:placeholder-shown){border-color:#A6F4C5}
.po{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.po label{border:2px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .2s,background .2s;position:relative}
.po input{position:absolute;opacity:0}
.po b{font-size:15px}
.po small{font-size:12px;color:var(--muted)}
.po label:has(input:checked){border-color:var(--orange);background:#FFF4ED}
.po label:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:2px}
.check{display:flex;gap:10px;font-size:14px;color:#475467;margin:10px 0}
.check input{accent-color:var(--orange);width:18px;height:18px;flex:none;margin-top:2px}
.check a{text-decoration:underline}
.side{position:sticky;top:88px;background:var(--tile);border-radius:var(--r);padding:20px}
.side h3{margin:0 0 12px;font-size:16px;font-stretch:112%;text-transform:uppercase;font-weight:900}
.side .line{background:var(--bg)}
.mock-hint{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}

.done{max-width:760px;margin:20px auto 0;background:var(--navy);color:#fff;border-radius:32px;padding:70px 40px;text-align:center;position:relative;overflow:hidden}
.done .flagwave{width:120px;height:80px;margin:0 auto 26px;background:var(--chk);background-size:20px 20px;border-radius:4px;animation:wave 1.2s ease-in-out infinite;transform-origin:left center}
@keyframes wave{0%,100%{transform:perspective(300px) rotateY(0) skewY(0)}50%{transform:perspective(300px) rotateY(-18deg) skewY(-4deg)}}
.done h1{font-size:clamp(40px,6vw,76px);line-height:.9;margin:0 0 14px;font-stretch:125%;font-weight:900;text-transform:uppercase}
.done p{opacity:.8;font-size:18px;margin:0 auto 28px;max-width:520px}

/* ---------- Footer ---------- */
footer.site{margin-top:80px;padding:0 0 30px}
footer.site .in{background:var(--navy);color:rgba(255,255,255,.7);border-radius:28px;padding:36px 32px 26px;font-size:13px;position:relative;overflow:hidden}
footer.site .in::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--chk);opacity:.25}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;margin-bottom:24px}
footer.site .big{font-size:28px;line-height:.95;color:#fff;font-stretch:125%;font-weight:900;text-transform:uppercase}
footer.site b{display:block;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
footer.site a{display:block;padding:3px 0}
footer.site a:hover{color:#fff}
footer.site a.withdraw{display:inline-block;margin-top:12px;padding:8px 16px;border:1.5px solid rgba(255,255,255,.75);border-radius:999px;color:#fff;font-weight:700}
footer.site a.withdraw:hover{background:#fff;color:var(--navy)}


#fw-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:all .45s var(--ease);z-index:120;box-shadow:0 16px 30px -12px rgba(0,0,0,.4)}
#fw-toast.show{opacity:1;transform:translate(-50%,0)}

::view-transition-old(root){animation:o .22s ease both}
::view-transition-new(root){animation:i .5s var(--ease) both}
@keyframes o{to{opacity:0;transform:scale(.985)}}
@keyframes i{from{opacity:0;transform:translateX(24px)}}

.bento>*,.pgrid>*,.shop>*,.co>*,.sgrid>*{min-width:0}
h1,h2,h3,h4,.t h3{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal}

@media (max-width:1060px){
  .t.hero{grid-column:1/-1}.t.count,.t.ship,.t.pay,  .t.cat,.t.cat.wide{grid-column:span 6}
  .t.gal,.t.buy,.t.spec,.t.story,.t.facts{grid-column:1/-1}
  .co{grid-template-columns:1fr}.side{position:static}
  .bar .find{display:none}
}
@media (max-width:820px){
  .shop{grid-template-columns:1fr}
  .board{position:fixed;inset:auto 0 0 0;top:auto;max-height:80vh;border-radius:26px 26px 0 0;z-index:95;transform:translateY(105%);transition:transform .5s var(--ease);box-shadow:0 -20px 50px -20px rgba(0,0,0,.4)}
  body.board-open .board{transform:none}
  .fbtn{display:inline-flex}
}
@media (max-width:700px){
  .wrap{padding:0 12px}
  .seg{display:none}
  .menubtn{display:grid}
  .bar .lang{display:none}
  .t.count,.t.ship,.t.pay,.t.know,.t.cat,.t.cat.wide{grid-column:1/-1}
  .t.hero{min-height:560px;padding:22px}
  .t.hero .hero-shots{width:86%;right:-10%;bottom:4%}.t.hero .flag{width:105%;top:-76px;left:-68px;opacity:.4}.t.hero p{max-width:none}
  .t.cat{min-height:240px}
  .sgrid{grid-template-columns:1fr 1fr;gap:10px}
  .card{padding:8px;border-radius:18px}
  .card h3{font-size:14px}
  .card .pr{font-size:17px}
  .card .add{width:36px;height:36px}
  .fl,.po{grid-template-columns:1fr}
  .t.spec{grid-template-columns:1fr 1fr}
  .strip{padding:4px 12px 20px;margin:0 -12px}
  footer.site .cols{grid-template-columns:1fr 1fr}footer.site .big{grid-column:1/-1}
  .shop-top .s{min-width:0;flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}

/* ===== WordPress-Anpassungen (Menüstruktur ul/li, WooCommerce-Markup) ===== */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:300;background:#fff;color:var(--navy);padding:10px 14px;border-radius:10px;font-weight:700}
.skip-link:focus{left:12px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.seg-list{display:flex;gap:2px;list-style:none;margin:0;padding:0;position:relative;z-index:1}
.seg-list>li{position:relative;display:flex;align-items:center}
.seg-list>li>a{position:relative;z-index:1;display:inline-flex;align-items:center;line-height:1.2;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:rgba(255,255,255,.75);transition:color .25s,background-color .25s}
.seg-list>li:not(.is-active)>a:hover,.seg-list>li.dd:not(.is-active):hover>a,.seg-list>li.dd:not(.is-active):focus-within>a{background:var(--orange);color:#fff}
.seg-list>li.is-active>a{color:var(--navy)}
.seg-list>li.dd>a::after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);margin-left:8px}
.seg-list .menu{list-style:none;margin:0;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,6px);min-width:240px;background:#fff;border-radius:18px;padding:8px;box-shadow:0 24px 50px -20px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--ease)}
.seg-list .menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.seg-list>li.dd:hover .menu,.seg-list>li.dd:focus-within .menu{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.seg-list .menu a{display:block;color:var(--ink);padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600}
.seg-list .menu a:hover{background:var(--orange);color:#fff}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site .copy{margin:0}
.strip.products{list-style:none;margin:0 -24px;padding:4px 24px 20px}
.content .page{padding:32px}
.page-title{font-size:clamp(30px,4vw,52px);line-height:.95;font-stretch:120%;font-weight:900;text-transform:uppercase;margin:0 0 18px}
.entry{max-width:760px;font-size:17px;line-height:1.65;color:#344054}
.actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}

/* ===== WooCommerce: Liste ===== */
ul.products,ul.sgrid,ul.strip{list-style:none;margin:0;padding:0}
ul.strip.products{padding:4px 24px 20px;margin:0 -24px}
.card .pr .woocommerce-Price-amount{font-size:20px;font-weight:900;font-stretch:115%}
.card .pr del{opacity:.5;font-size:14px;margin-right:6px}
.card .media img{max-height:100%;width:auto;height:auto}
.card .add.loading{opacity:.6;pointer-events:none}
.card .add.added{background:var(--ok)}
.card a.added_to_cart{display:none}
.card .wc-gzd-additional-info,.card .price-unit,.card .shipping-costs-info,.card .tax-info,.card .delivery-time-info{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.35}
.card .wc-gzd-additional-info a,.card .shipping-costs-info a{text-decoration:underline}
.board a.opt{display:flex;text-decoration:none;color:inherit}
.board a.opt.on{color:#fff}
.board a.opt.on:hover{background:var(--navy-2)}
.board a.opt.sub{padding-left:22px;font-size:13px}
.shop-top .woocommerce-ordering{margin:0}
.shop-top .woocommerce-ordering select{height:42px;border:0;border-radius:12px;background:var(--bg);padding:0 12px;font-size:14px;font-weight:600;cursor:pointer}
.shop-top form.s{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:12px;padding:0 12px;height:42px;min-width:240px;margin:0}
.shop-top form.s input{border:0;background:none;width:100%;font-size:14px}
.shop-top form.s input:focus{outline:none}
.active-f a{display:inline-flex;border:0;background:var(--navy);color:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.active-f a.reset{background:var(--tile);color:var(--ink)}
.woocommerce-pagination ul{list-style:none;display:flex;gap:6px;justify-content:center;padding:24px 0;margin:0}
.woocommerce-pagination a,.woocommerce-pagination span{display:grid;place-items:center;min-width:42px;height:42px;border-radius:12px;background:var(--tile);font-weight:700}
.woocommerce-pagination span.current{background:var(--navy);color:#fff}
.woocommerce-result-count{display:none}

/* ===== WooCommerce: Produktseite ===== */
.t.buy .product_title{font-size:clamp(26px,2.6vw,36px);line-height:1;margin:10px 0 16px;font-stretch:112%;font-weight:900;text-transform:uppercase}
.t.buy .lbl a{color:inherit}
.t.buy p.price,.t.buy span.price{display:block;font-size:48px;font-weight:900;font-stretch:120%;line-height:1;margin:6px 0}
.t.buy .wc-gzd-additional-info,.t.buy .tax-info,.t.buy .shipping-costs-info,.t.buy .delivery-time-info,.t.buy .price-unit{font-size:13px;opacity:.75;margin:4px 0}
.t.buy .wc-gzd-additional-info a,.t.buy .shipping-costs-info a{color:#fff;text-decoration:underline}
.t.buy form.cart{display:flex;gap:10px;align-items:center;margin:18px 0 0;flex-wrap:wrap}
.t.buy .quantity input.qty{width:72px;height:52px;border-radius:14px;border:0;text-align:center;font-weight:800;font-size:16px}
.t.buy .single_add_to_cart_button{flex:1;min-width:200px;height:52px;border-radius:16px;border:0;background:var(--orange);color:#fff;font-weight:800;font-size:15px;cursor:pointer;transition:background .2s,transform .2s var(--ease)}
.t.buy .single_add_to_cart_button:hover{background:var(--orange-press)}
.t.buy .single_add_to_cart_button:active{transform:scale(.97)}
.t.buy .notify-note{font-size:13px;opacity:.75;margin:14px 0 0}
.t.story .entry{color:#344054;font-size:16px;line-height:1.6}
.t.story .entry table{width:100%;border-collapse:collapse;margin:0 0 14px}
.t.story .entry td{padding:6px 8px 6px 0;border-bottom:1px solid var(--line);vertical-align:top}
.t.story .entry img{border-radius:10px;height:auto}
.gal .main img{max-height:460px;width:auto;height:auto}

/* ===== Hinweise ===== */
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;background:var(--tile);border-left:6px solid var(--ok);border-radius:14px;padding:14px 18px;margin:0 0 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.woocommerce-info{border-color:var(--navy)}
.woocommerce-error{border-color:#D92D20}
.woocommerce-message .button,.woocommerce-info .button{background:var(--navy);color:#fff;border-radius:12px;padding:8px 14px;font-weight:700}

/* ===== Warenkorb & Kasse (klassisch) ===== */
.content .page .entry{max-width:none}
.woocommerce-cart .content .page,.woocommerce-checkout .content .page,.woocommerce-account .content .page{background:transparent;padding:0}
.woocommerce-cart-form table.shop_table{width:100%;border-collapse:separate;border-spacing:0 8px}
.woocommerce-cart-form table.shop_table thead{display:none}
.woocommerce-cart-form table.shop_table td{background:var(--tile);padding:12px;vertical-align:middle}
.woocommerce-cart-form table.shop_table td:first-child{border-radius:16px 0 0 16px}
.woocommerce-cart-form table.shop_table td:last-child{border-radius:0 16px 16px 0}
.woocommerce-cart-form .product-thumbnail img{width:64px;height:64px;object-fit:contain;background:var(--bg);border-radius:12px;padding:4px}
.woocommerce-cart-form .product-remove a{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--bg);color:var(--muted);font-size:18px}
.woocommerce-cart-form td.actions{background:transparent!important;text-align:right}
.woocommerce-cart-form .coupon{display:inline-flex;gap:8px;margin-right:8px}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button{border:0;border-radius:14px;height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2;text-align:center;text-decoration:none;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}
.woocommerce .button.alt,.wc-proceed-to-checkout .checkout-button,#place_order{background:var(--orange)!important;color:#fff!important;height:56px;display:flex;align-items:center;justify-content:center;width:100%;border-radius:16px;font-size:16px}
.cart-collaterals .cart_totals{background:var(--tile);border-radius:var(--r);padding:20px;max-width:440px;margin-left:auto}
.cart_totals h2,#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-additional-fields h3,#ship-to-different-address{font-size:20px;font-stretch:115%;font-weight:900;text-transform:uppercase;margin:0 0 12px}
.cart_totals table,.woocommerce-checkout-review-order-table{width:100%;border-collapse:collapse}
.cart_totals th,.cart_totals td,.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left;font-size:14px}
#shipping_method,.woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
#shipping_method li,.woocommerce-shipping-methods li{white-space:normal;overflow-wrap:anywhere}
.woocommerce-checkout-review-order-table .wc-gzd-cart-item-name-wrapper{display:flex;align-items:center;gap:12px}
.woocommerce-checkout-review-order-table .wc-gzd-cart-item-thumbnail{flex:0 0 60px;max-width:60px;min-width:0;margin:0}
.woocommerce-checkout-review-order-table .wc-gzd-cart-item-thumbnail img{display:block;width:60px;height:60px;object-fit:cover;border-radius:8px}
.cart_totals .order-total td,.woocommerce-checkout-review-order-table .order-total td{font-size:22px;font-weight:900;font-stretch:115%}
form.checkout{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
form.checkout #customer_details,form.checkout .woocommerce-checkout-review-order,form.checkout #order_review{background:var(--tile);border-radius:var(--r);padding:22px}
form.checkout #order_review_heading{grid-column:2;margin:0}
form.checkout #customer_details{grid-row:1 / span 2}
.woocommerce form .form-row{margin:0 0 12px;padding:0}
.woocommerce form .form-row label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:5px}
.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{width:100%;min-height:50px;border-radius:14px;border:2px solid var(--line);padding:0 14px;font-size:16px;background:#fff}
.woocommerce form .form-row textarea{padding:12px 14px;min-height:110px}
.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus{outline:none;border-color:var(--orange)}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{display:inline-block;width:calc(50% - 6px);vertical-align:top}
.woocommerce form .form-row-first{margin-right:8px}
#payment ul.payment_methods{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
#payment ul.payment_methods li{border:2px solid var(--line);border-radius:16px;padding:12px 14px}
#payment ul.payment_methods li:has(input:checked){border-color:var(--orange);background:#FFF4ED}
#payment .payment_box{font-size:13px;color:var(--muted);margin-top:6px}
.wc-gzd-checkbox-placeholder,.woocommerce-terms-and-conditions-wrapper,.legal{font-size:14px;color:#475467}
.woocommerce-checkout .form-row.legal label,.woocommerce-checkout .wc-gzd-checkbox-placeholder label{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:500;color:#475467}
@media (max-width:900px){
  form.checkout{grid-template-columns:1fr}
  form.checkout #order_review_heading,form.checkout #customer_details{grid-column:auto;grid-row:auto}
  .woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%;margin-right:0}
  .woocommerce-cart-form table.shop_table td.product-quantity,.woocommerce-cart-form table.shop_table td.product-price{display:none}
}

/* Warenkorb: Zeilen als Karten (alle Bildschirmgrößen) */
.woocommerce-cart-form table.shop_table,.woocommerce-cart-form table.shop_table tbody{display:block}
.woocommerce-cart-form tr.cart_item{display:grid;grid-template-columns:72px 1fr auto 40px;gap:12px;align-items:center;background:var(--tile);border-radius:18px;padding:10px 12px;margin-bottom:8px}
.woocommerce-cart-form tr.cart_item td{display:block;background:none!important;padding:0!important;border:0!important}
.woocommerce-cart-form tr.cart_item td::before{display:none}
.woocommerce-cart-form tr.cart_item .product-thumbnail{grid-column:1;grid-row:1}
.woocommerce-cart-form tr.cart_item .product-name{grid-column:2;font-weight:700;line-height:1.3}
.woocommerce-cart-form tr.cart_item .product-name a{color:var(--ink)}
.woocommerce-cart-form tr.cart_item .product-price,.woocommerce-cart-form tr.cart_item .product-quantity{display:none!important}
.woocommerce-cart-form tr.cart_item .product-subtotal{grid-column:3;font-weight:900;font-stretch:115%;white-space:nowrap}
.woocommerce-cart-form tr.cart_item .product-remove{grid-column:4;grid-row:1;justify-self:end}
.woocommerce-cart-form tr:not(.cart_item){display:block}
.woocommerce-cart-form td.actions{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:6px 0 0!important}
.woocommerce-cart-form .coupon{display:flex;gap:8px;flex:1 1 auto}
.woocommerce-cart-form .coupon .input-text{height:46px;border-radius:14px;border:2px solid var(--line);padding:0 12px;min-width:0;flex:1}
.woocommerce-cart-form .coupon label{position:absolute;left:-9999px}
.cart_totals #shipping_method{list-style:none;margin:0;padding:0}
.cart_totals #shipping_method li{margin:2px 0}
.woocommerce .button{white-space:nowrap}

.content{padding-top:18px}
.shop-main{padding-top:10px}

/* „Wieder da“-Formular in der Kaufkachel */
.fwc-alert{margin-top:16px;background:rgba(255,255,255,.08);border-radius:16px;padding:14px}
.fwc-alert label{display:block;font-size:14px;margin-bottom:8px}
.fwc-alert-row{display:flex;gap:8px;flex-wrap:wrap}
.fwc-alert-row input{flex:1;min-width:180px;height:46px;border-radius:12px;border:0;padding:0 12px;font-size:15px}
.fwc-alert-row .button{height:46px;border-radius:12px;border:0;background:var(--orange);color:#fff;font-weight:800;padding:0 16px;cursor:pointer}
.fwc-alert .fwc-alert-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;opacity:.85;margin:10px 0 0}
.fwc-alert .fwc-alert-consent a{color:#fff;text-decoration:underline}
.fwc-customs,.fwc-review-consent{background:#FFF4E5;border-radius:12px;padding:10px 12px!important}
.fwc-review-consent{background:var(--bg)}

/* ---------- Inhaltsseiten (Phase 5) ---------- */
.entry h2{font-size:26px;font-stretch:115%;font-weight:900;color:var(--ink);margin:36px 0 12px}
.entry h3{font-size:19px;font-weight:800;color:var(--ink);margin:26px 0 8px}
.entry a{color:var(--orange-press,#E5560A);text-decoration:underline;text-underline-offset:2px}
.entry table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15px}
.entry th,.entry td{padding:8px 10px 8px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.entry details{border-bottom:1px solid var(--line);padding:4px 0}
.entry details summary{cursor:pointer;list-style:none;font-weight:800;color:var(--ink);padding:14px 32px 14px 0;position:relative}
.entry details summary::-webkit-details-marker{display:none}
.entry details summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:22px;color:var(--orange);transition:transform .3s}
.entry details[open] summary::after{transform:rotate(45deg)}
.entry details > :not(summary){margin-top:0}
.fwc-notice,.fwc-lang-note,.fwc-legal-note{background:#FFF4E5;color:#7A4A06;border-radius:14px;padding:12px 16px;margin:0 0 16px;font-size:15px}
.fwc-ship,.fwc-pay{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:16px 0 24px}
.fwc-ship-card,.fwc-pay-card{background:var(--bg,#F3F4F6);border-radius:20px;padding:18px 20px}
.fwc-ship-card h3,.fwc-pay-card h3{margin-top:0}
.fwc-ship-card .big{font-size:22px;font-weight:900;font-stretch:115%;color:var(--ink);margin:0 0 6px}
.fwc-ship-card .muted{font-size:14px;color:#667085}
.fwc-ship-card.note{background:#0B1F3A;color:#fff;font-size:inherit;margin:0}.fwc-ship-card.note h3{color:#fff}
.fwc-contact{max-width:560px}
.fwc-contact label{display:block;font-weight:700;font-size:14px;margin-bottom:4px;color:var(--ink)}
.fwc-contact input[type=text],.fwc-contact input[type=email],.fwc-contact select,.fwc-contact textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff}
.fwc-contact input:focus,.fwc-contact select:focus,.fwc-contact textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.fwc-contact .fwc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fwc-c-privacy{font-size:14px;color:#667085}
.fwc-form-ok{background:#E7F8EF;color:#067647;border-radius:14px;padding:14px 16px;font-weight:700}
.fwc-form-err{background:#FEF3F2;color:#B42318;border-radius:14px;padding:12px 16px;font-weight:700;margin-bottom:12px}
.fwc-know{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:16px 0 28px}
.fwc-know-card{display:flex;flex-direction:column;gap:6px;background:var(--bg,#F3F4F6);border-radius:20px;padding:18px 20px;text-decoration:none!important;color:#344054!important;position:relative;transition:transform .3s var(--ease)}
.fwc-know-card:hover{transform:translateY(-3px)}
.fwc-know-card.guide{background:#0B1F3A;color:rgba(255,255,255,.8)!important}
.fwc-know-card .lbl{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}
.fwc-know-card b{font-size:19px;font-stretch:115%;font-weight:900;color:var(--ink)}
.fwc-know-card.guide b{color:#fff}
.fwc-know-card span{font-size:14px;line-height:1.5}
.fwc-know-card i{font-style:normal;color:var(--orange);font-weight:900;margin-top:auto}
.fwc-yt{position:relative;aspect-ratio:16/9;background:#0B1F3A;border-radius:18px;overflow:hidden;margin:14px 0}
.fwc-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fwc-yt-btn{position:absolute;inset:0;width:100%;border:0;background:radial-gradient(circle at center,#16305A,#0B1F3A);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;font:inherit}
.fwc-yt-btn .play{width:64px;height:64px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-size:24px;padding-left:4px}
.fwc-yt-btn small{max-width:420px;opacity:.7;font-size:12px;line-height:1.4}
/* Bildunterschriften (Bildnachweise) in Artikel- und Seitentexten */
.wp-caption{max-width:100%;margin:4px 0 16px}
.wp-caption.alignright{float:right;margin:4px 0 16px 22px}
.wp-caption.alignleft{float:left;margin:4px 22px 16px 0}
.wp-caption img{display:block;max-width:100%;height:auto;border-radius:10px}
.wp-caption-text{font-size:11.5px;line-height:1.45;color:var(--muted);margin:6px 0 0}
.wp-caption-text a{color:inherit;text-decoration:underline}
@media (max-width:560px){.wp-caption.alignright,.wp-caption.alignleft{float:none;margin:8px 0 16px}}
/* Startseite: Info- und Kategorie-Kacheln (einheitliche Schrift, Symbole) */
.bento .t .lbl{font-size:13px}
.t.ship,.t.pay,.t.know{display:flex;flex-direction:row;align-items:center;gap:18px;color:var(--ink);text-decoration:none}
.t.ship b,.t.pay b{display:block;font-size:22px;line-height:1.15;font-weight:900;font-stretch:112%;margin:4px 0 6px}
.t.ship span:not(.lbl):not(.ico),.t.know span:not(.lbl):not(.ico){display:block;font-size:15px;line-height:1.45;color:var(--muted)}
.bento .ico{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#FFF1E8;color:var(--orange)}
.t.pay .ico{background:#E8F7EF;color:#12B76A}
.t.know .ico{background:#EAF0FA;color:var(--navy)}
.t.pay .logos{margin-top:8px}
.t.pay .logos span{font-size:13px;padding:7px 12px}
.t.know h3{font-size:24px;line-height:1.15;font-weight:900;font-stretch:112%;margin:4px 0 6px}
.t.know b{color:var(--orange)}
.t.cat h3{font-size:34px}
.t.cat .go{font-size:15px}
a.t.ship:hover,a.t.pay:hover,a.t.know:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(11,31,58,.35)}
@media (max-width:700px){.bento .ico{width:58px;height:58px;border-radius:16px}.bento .ico svg{width:38px;height:38px}.t.ship b,.t.pay b{font-size:20px}}
.t.ship,.t.pay,.t.know{justify-content:flex-start}
.t.cat>div,.t.cat .go{position:relative;z-index:2}
.t.cat img{width:58%;height:62%;right:-4%;bottom:-6%;object-fit:cover;object-position:center top;z-index:1}
.t.cat.wide img{width:46%;height:78%}
.t.cat:not(.navy) h3{text-shadow:0 0 10px #fff,0 0 20px #fff}
.t.know{align-items:center}
@media (min-width:1061px){.t.know{grid-column:span 6;grid-row:span 2}}
@media (min-width:701px) and (max-width:1060px){.t.know{grid-column:1/-1}}
/* Hinweis Sammlerstücke aus Altbeständen (Produktseite, Kasse) */
.fwc-vintage{margin:14px 0;padding:14px 16px;border-radius:14px;background:rgba(255,107,26,.1);border:1px solid rgba(255,107,26,.35);font-size:14px;line-height:1.5}
.fwc-vintage b{display:block;margin-bottom:4px;color:var(--orange)}
.fwc-vintage p{margin:0}
.t.buy .fwc-vintage{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}
.t.buy .fwc-vintage a{color:#fff;text-decoration:underline}
.fwc-vintage-consent label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
@media (max-width:560px){.entry h2{font-size:21px;font-stretch:105%}.entry h3{font-size:18px}}

/* ===== Kasse: Bestellübersicht (Befund 38) ===== */
form.checkout .woocommerce-checkout-review-order-table,.woocommerce-checkout-review-order-table{background:transparent!important;border:0;border-collapse:collapse;width:100%;margin:0 0 18px}
.woocommerce-checkout-review-order-table thead th{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 0 10px;border-bottom:2px solid var(--line);background:transparent}
.woocommerce-checkout-review-order-table th.product-total,.woocommerce-checkout-review-order-table td.product-total,.woocommerce-checkout-review-order-table tfoot td{text-align:right;white-space:nowrap;padding-left:16px}
.woocommerce-checkout-review-order-table tbody td{padding:14px 0;border-bottom:1px solid var(--line);vertical-align:middle;background:transparent}
.woocommerce-checkout-review-order-table tbody td.product-total{font-weight:700}
.woocommerce-checkout-review-order-table .wc-gzd-cart-item-name-wrapper{display:flex;align-items:center;gap:14px;font-weight:600;line-height:1.35;font-size:14px}
.woocommerce-checkout-review-order-table .wc-gzd-cart-item-thumbnail{flex:0 0 64px;max-width:64px;margin:0}
.woocommerce-checkout-review-order-table .wc-gzd-cart-item-thumbnail img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--bg)}
.woocommerce-checkout-review-order-table .product-quantity{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
.woocommerce-checkout-review-order-table tfoot th{text-align:left;font-weight:600;color:var(--ink);padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;background:transparent}
.woocommerce-checkout-review-order-table tfoot td{padding:11px 0 11px 16px;border-bottom:1px solid var(--line);font-size:14px;background:transparent}
.woocommerce-checkout-review-order-table #shipping_method,.woocommerce-checkout-review-order-table .woocommerce-shipping-methods{text-align:right}
.woocommerce-checkout-review-order-table #shipping_method li{white-space:nowrap}
.woocommerce-checkout-review-order-table #shipping_method label{font-weight:500}
.woocommerce-checkout-review-order-table .order-total th,.woocommerce-checkout-review-order-table .order-total td{border-bottom:0;padding-top:16px;vertical-align:baseline}
.woocommerce-checkout-review-order-table .order-total th{font-size:16px;font-weight:800}
.woocommerce-checkout-review-order-table .order-total td{font-size:24px;font-weight:900;font-stretch:115%;color:var(--navy)}
.woocommerce-checkout-review-order-table .order-tax th,.woocommerce-checkout-review-order-table .order-tax td,.woocommerce-checkout-review-order-table tr.order-tax-total th,.woocommerce-checkout-review-order-table tr.order-tax-total td{font-size:13px;font-weight:500;color:var(--muted);border-bottom:0;padding-top:0}
@media (max-width:480px){.woocommerce-checkout-review-order-table .wc-gzd-cart-item-thumbnail{flex-basis:52px;max-width:52px}.woocommerce-checkout-review-order-table .wc-gzd-cart-item-thumbnail img{width:52px;height:52px}}
.woocommerce-checkout-review-order-table .wc-gzd-cart-item-name-wrapper{display:block!important;position:relative;padding-left:78px;min-height:64px;padding-top:4px}
.woocommerce-checkout-review-order-table .wc-gzd-cart-item-thumbnail{position:absolute;left:0;top:50%;transform:translateY(-50%)}
/* Häkchen an der Kasse: Kästchen oben bündig neben dem Text */
.woocommerce-checkout .checkbox-legal label.checkbox,.woocommerce-checkout .fwc-vintage-consent label.checkbox,.woocommerce-checkout .fwc-review-consent label.checkbox{display:block!important;position:relative;padding-left:28px;font-size:14px;line-height:1.45;font-weight:500;color:var(--ink);cursor:pointer}
.woocommerce-checkout .checkbox-legal input[type=checkbox],.woocommerce-checkout .fwc-vintage-consent input[type=checkbox],.woocommerce-checkout .fwc-review-consent input[type=checkbox]{position:absolute;left:0;top:1px;width:18px;height:18px;margin:0;accent-color:var(--orange)}
.woocommerce-checkout .checkbox-legal,.woocommerce-checkout .fwc-vintage-consent{margin:0 0 14px}
@media (max-width:480px){.woocommerce-checkout-review-order-table .wc-gzd-cart-item-name-wrapper{padding-left:64px;min-height:52px}}

/* ===== Bestellbestätigung (Befund 39) ===== */
.woocommerce-order-received .content .page>.entry>h1,.woocommerce-order-received .entry-title{margin-bottom:18px}
.fw-thanks{display:grid;gap:16px;max-width:980px}
.fw-box,.fw-thanks .woocommerce-order-details,.fw-thanks .woocommerce-customer-details{background:var(--tile);border-radius:var(--r);padding:24px 26px;margin:0}
.fw-thanks h2,.fw-thanks .woocommerce-order-details__title,.fw-thanks .woocommerce-column__title,.fw-thanks .wc-bacs-bank-details-heading{font-size:18px;font-stretch:115%;font-weight:900;text-transform:uppercase;letter-spacing:.01em;margin:0 0 14px;color:var(--ink)}
.fw-thanks-hero{display:flex;gap:18px;align-items:center;border-left:6px solid var(--ok)}
.fw-thanks-hero h2{font-size:26px;text-transform:none;margin:0 0 4px}
.fw-thanks-hero p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.fw-thanks-hero p strong{color:var(--ink)}
.fw-thanks-hero.is-failed{border-color:#D92D20;display:block}
.fw-thanks-check{flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center}
.fw-thanks-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fw-thanks-facts li{background:var(--tile);border-radius:16px;padding:16px 18px;margin:0;border:0;display:flex;flex-direction:column;gap:4px;min-width:0}
.fw-thanks-facts li>span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.fw-thanks-facts li strong{font-size:17px;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.fw-thanks-facts li.total strong{color:var(--navy);font-stretch:115%;font-weight:900;font-size:20px}
.fw-thanks-next p{margin:0 0 10px;line-height:1.55}
.fw-thanks-next .woocommerce-bacs-bank-details{margin-top:16px;background:var(--bg);border-radius:16px;padding:18px 20px}
.fw-thanks-next .wc-bacs-bank-details-heading{font-size:14px;margin:0 0 8px;color:var(--muted)}
.fw-thanks-next .wc-bacs-bank-details-account-name{font-size:16px;font-weight:800;margin:0 0 10px;text-transform:none}
.fw-thanks-next ul.bacs_details,.fw-thanks-next ul.wc-bacs-bank-details{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}
.fw-thanks-next ul.bacs_details li,.fw-thanks-next ul.wc-bacs-bank-details li{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.fw-thanks-next ul.bacs_details li strong,.fw-thanks-next ul.wc-bacs-bank-details li strong{display:block;margin-top:3px;font-size:16px;text-transform:none;letter-spacing:0;color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fw-thanks .woocommerce-table--order-details{width:100%;border-collapse:collapse;background:transparent!important;border:0;margin:0}
.fw-thanks .woocommerce-table--order-details th,.fw-thanks .woocommerce-table--order-details td{padding:12px 0;border-bottom:1px solid var(--line);text-align:left;font-size:14px;background:transparent;vertical-align:middle}
.fw-thanks .woocommerce-table--order-details thead th{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--line);padding-top:0}
.fw-thanks .woocommerce-table--order-details th.product-total,.fw-thanks .woocommerce-table--order-details td.product-total,.fw-thanks .woocommerce-table--order-details tfoot td{text-align:right;white-space:nowrap;padding-left:16px}
.fw-thanks .woocommerce-table--order-details td.product-name{font-weight:600;line-height:1.4}
.fw-thanks .woocommerce-table--order-details td.product-name a{color:var(--ink);text-decoration:none}
.fw-thanks .woocommerce-table--order-details .product-quantity{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:12px;font-weight:700}
.fw-thanks .woocommerce-table--order-details .wc-gzd-cart-item-name-wrapper,.fw-thanks .woocommerce-table--order-details .wc-gzd-item-name-wrapper{display:flex!important;align-items:center;gap:14px}
.fw-thanks .woocommerce-table--order-details img{width:56px;height:56px;border-radius:12px;object-fit:cover}
.fw-thanks .woocommerce-table--order-details tfoot th{font-weight:600}
.fw-thanks .woocommerce-table--order-details tfoot tr:last-child th,.fw-thanks .woocommerce-table--order-details tfoot tr:last-child td{border-bottom:0}
.fw-thanks .woocommerce-table--order-details tfoot tr.order_total td,.fw-thanks .woocommerce-table--order-details tfoot tr:nth-last-child(1) td .amount{font-weight:900}
.fw-thanks .woocommerce-customer-details .woocommerce-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fw-thanks .woocommerce-customer-details .woocommerce-column{margin:0;width:auto;float:none;padding:0}
.fw-thanks .woocommerce-customer-details address{font-style:normal;line-height:1.6;background:var(--bg);border-radius:16px;padding:16px 18px;border:0;margin:0}
.fw-thanks .woocommerce-customer-details address p{margin:6px 0 0}
.fw-thanks .woocommerce-customer-details .col2-set:before,.fw-thanks .woocommerce-customer-details .col2-set:after{display:none}
.fw-thanks-actions{margin:4px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.woocommerce .button.fw-btn-orange{background:var(--orange);color:#fff}
.woocommerce .button.fw-btn-orange:hover{background:var(--orange-press)}
@media (max-width:760px){
  .fw-thanks-facts{grid-template-columns:1fr 1fr}
  .fw-thanks-next ul.bacs_details,.fw-thanks-next ul.wc-bacs-bank-details{grid-template-columns:1fr}
  .fw-thanks .woocommerce-customer-details .woocommerce-columns{grid-template-columns:1fr}
  .fw-box,.fw-thanks .woocommerce-order-details,.fw-thanks .woocommerce-customer-details{padding:20px}
  .fw-thanks-hero h2{font-size:22px}
}