/* ===== Migliore Games & More — design system v5 "Swiss precision" ===== */
/* Light default + dark theme. Viewfinder/crosshair brand language, navy ink bands,
editorial Clash Display type, instrument-style mono micro-labels. */
/* Fonts loaded non-blocking via in each page head. */
:root{
/* LIGHT theme (default) */
--bg:#f2f3f6; --bg-1:#fafbfc; --bg-2:#ffffff; --bg-3:#e8eaef;
--line:rgba(10,22,40,.10); --line-2:rgba(10,22,40,.20);
--text:#0a1628; --muted:#4d586e; --muted-2:#5c6677;
--ink:#0a182e; --ink-2:#0d1f3c; --paper:#f6f7f9;
--accent:#1c5fee; --accent-2:#0aa2b8; --accent-deep:#1450d0;
--cyan:#19c8dc;
--grad:linear-gradient(135deg,#1e63f0 0%,#0fb5c9 100%);
--grad-soft:linear-gradient(135deg,rgba(30,99,240,.09),rgba(15,181,201,.07));
--pay:#0d9d66; --gold:#c79a4e;
--gA:#119a5e; --gB:#c4831a; --gC:#d8455f;
--img:#eef0f5; --img-2:#e4e7ee;
--img-grad-a:#fdfdfe; --img-grad-b:#e8ebf1;
--surf:rgba(10,22,40,.05); --surf-h:rgba(10,22,40,.10);
--header-bg:rgba(250,251,252,.78);
--band-bg:#0a182e; --band-bg-2:#081226;
--band-line:rgba(150,200,235,.14); --band-text:#eef3f9; --band-muted:#93a3bb;
--tile-bg:linear-gradient(155deg,#f2f4f8,#e8ebf2); --tile-text:#8d97a9; --tile-icon:#b7c0cf;
--r:16px; --r-sm:12px; --maxw:1320px;
--display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--mono:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--sh:0 24px 56px -28px rgba(10,24,46,.25);
--sh-glow:0 18px 50px -18px rgba(28,95,238,.35);
--grain-o:.028;
}
html[data-theme="dark"]{
--bg:#070b13; --bg-1:#0b101b; --bg-2:#0f1522; --bg-3:#161d2e;
--line:rgba(190,214,240,.09); --line-2:rgba(190,214,240,.18);
--text:#f3f5f8; --muted:#9aa6b8; --muted-2:#5f6b7e;
--ink:#0c1626; --ink-2:#101d33; --paper:#f6f7f9;
--accent:#3b8cff; --accent-2:#22d3e0; --accent-deep:#1b6fe0;
--cyan:#2bdcee;
--grad:linear-gradient(135deg,#3b8cff 0%,#22d3e0 100%);
--grad-soft:linear-gradient(135deg,rgba(59,140,255,.14),rgba(34,211,224,.10));
--pay:#2fd08a; --gA:#2fd08a; --gB:#e8b04a; --gC:#ff6b81;
--img-grad-a:#f3f4f7; --img-grad-b:#dfe3ea;
--surf:rgba(190,214,240,.06); --surf-h:rgba(190,214,240,.12);
--header-bg:rgba(7,11,19,.72);
--band-bg:#0c1626; --band-bg-2:#0a1322;
--band-line:rgba(150,200,235,.12); --band-text:#eef3f9; --band-muted:#8b9bb4;
--tile-bg:linear-gradient(155deg,#131c2f,#0e1524); --tile-text:#67748c; --tile-icon:#3e4c68;
--sh:0 26px 64px -30px rgba(0,0,0,.75);
--sh-glow:0 18px 50px -18px rgba(59,140,255,.4);
--grain-o:.05;
}
/* ---------- base ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
#site-header{display:contents}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;transition:background .3s,color .3s}
/* film grain over everything, very subtle */
body::after{content:"";position:fixed;inset:0;z-index:320;pointer-events:none;opacity:var(--grain-o);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:rgba(25,200,220,.32)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
section{padding:110px 0}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.04;letter-spacing:-.028em}
h1{font-size:clamp(42px,6.4vw,92px);letter-spacing:-.038em}
h2{font-size:clamp(32px,4.4vw,58px);letter-spacing:-.032em}
.lead{color:var(--muted);font-size:clamp(16px,1.4vw,19px);font-weight:400;line-height:1.62;max-width:600px}
.center{text-align:center}.center .lead{margin-inline:auto}
/* instrument eyebrow with crosshair mark */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.sellband .eyebrow{color:rgba(190,208,232,.8)}
.eyebrow::before{content:"";width:12px;height:12px;flex-shrink:0;background:
linear-gradient(currentColor 0 0) center/100% 1.5px no-repeat,
linear-gradient(currentColor 0 0) center/1.5px 100% no-repeat}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer;font-family:var(--font);font-weight:700;font-size:15px;padding:15px 30px;border-radius:999px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .2s,border-color .2s,color .2s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--ink);color:var(--paper);box-shadow:0 14px 34px -16px rgba(10,24,46,.55)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 44px -16px rgba(28,95,238,.45)}
html[data-theme="dark"] .btn-primary{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .btn-primary:hover{box-shadow:0 20px 44px -14px rgba(34,211,224,.35)}
.btn-light{background:var(--paper);color:var(--ink)}
.btn-light:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-2)}
.btn-ghost:hover{border-color:var(--text);background:var(--surf)}
.btn-pay{background:var(--pay);color:#fff}.btn-pay:hover{transform:translateY(-2px);box-shadow:0 16px 36px -16px rgba(13,157,102,.6)}
.btn-pay:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.btn-block{width:100%}
.linkarrow{color:var(--text);font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--line-2);padding-bottom:3px;transition:gap .2s,border-color .2s,color .2s}
.linkarrow:hover{gap:13px;border-color:var(--accent);color:var(--accent)}
.linkish{background:0;border:0;color:var(--accent);font-family:var(--font);font-weight:700;font-size:13.5px;cursor:pointer;margin-top:6px}
/* ---------- top bar (always ink) ---------- */
.topbar{background:var(--band-bg-2);border-bottom:1px solid var(--band-line);font-size:11px;color:var(--band-muted)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:40px;gap:14px}
.topbar .msg{display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}
.topbar .msg svg{width:14px;height:14px;color:var(--cyan);flex-shrink:0}
.lang{display:inline-flex;gap:2px}
.lang button{background:transparent;border:0;color:var(--band-muted);font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.06em;padding:4px 9px;border-radius:6px;cursor:pointer;transition:.15s}
.lang button:hover{color:var(--band-text)}
.lang button.on{color:var(--band-text);background:rgba(150,200,235,.12)}
/* ---------- header ---------- */
.site-nav{position:sticky;top:0;z-index:80;background:var(--header-bg);backdrop-filter:saturate(170%) blur(22px);-webkit-backdrop-filter:saturate(170%) blur(22px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:28px;height:78px}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo .emblem{width:40px;height:40px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.logo:hover .emblem{transform:rotate(10deg)}
.logo .emblem svg{width:100%;height:100%;display:block}
.logo .brand{display:flex;flex-direction:column;line-height:1}
.logo .l1{font-family:var(--display);font-weight:700;font-size:19.5px;letter-spacing:.01em}
.logo .l2{font-family:var(--mono);font-weight:600;font-size:8.5px;letter-spacing:.4em;color:var(--muted-2);text-transform:uppercase;margin-top:3px}
.nav .links{display:flex;gap:2px}
.nav .links a{position:relative;color:var(--muted);font-weight:600;font-size:14.5px;padding:9px 13px;transition:color .15s;cursor:pointer}
.nav .links a::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.nav .links a:hover,.nav .links a.on{color:var(--text)}
.nav .links a:hover::after,.nav .links a.on::after{transform:scaleX(1)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:9px}
.searchbtn,.iconbtn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:10px 13px;cursor:pointer;font-family:var(--font);font-weight:600;font-size:14px;transition:.18s}
.searchbtn:hover,.iconbtn:hover{background:var(--surf);border-color:var(--line-2)}
.iconbtn svg,.searchbtn svg{width:18px;height:18px}
.iconbtn{position:relative}
.iconbtn .count{position:absolute;top:-5px;right:-5px;background:var(--cyan);color:var(--ink);border-radius:30px;min-width:19px;height:19px;display:grid;place-items:center;font-family:var(--mono);font-size:10.5px;font-weight:700;border:2px solid var(--bg-1)}
.themebtn .ic-sun{display:none}.themebtn .ic-moon{display:block}
html[data-theme="dark"] .themebtn .ic-sun{display:block}html[data-theme="dark"] .themebtn .ic-moon{display:none}
.search-inline{flex:1;max-width:380px;display:flex;align-items:center;gap:9px;background:var(--surf);border:1px solid transparent;border-radius:999px;padding:0 16px;height:44px;transition:.2s}
.search-inline:focus-within{border-color:var(--line-2);background:var(--bg-2)}
.search-inline svg{width:17px;height:17px;color:var(--muted-2);flex-shrink:0}
.search-inline input{flex:1;background:0;border:0;outline:0;color:var(--text);font-family:var(--font);font-size:14.5px}
.search-inline input::placeholder{color:var(--muted-2)}
.catstrip{border-bottom:1px solid var(--line);background:var(--bg-1)}
.catstrip .wrap{display:flex;align-items:center;gap:4px;height:52px;overflow-x:auto;scrollbar-width:none}
.catstrip .wrap::-webkit-scrollbar{display:none}
.catstrip a{color:var(--muted);font-weight:600;font-size:14px;padding:8px 15px;border-radius:9px;white-space:nowrap;cursor:pointer;transition:.15s}
.catstrip a:hover{color:var(--text);background:var(--surf)}
.catstrip a.sell{margin-left:auto;color:var(--accent);font-weight:700}
/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background:
repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 88px),
repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 88px);
-webkit-mask-image:radial-gradient(900px 640px at 72% 30%,#000 0%,transparent 72%);mask-image:radial-gradient(900px 640px at 72% 30%,#000 0%,transparent 72%);opacity:.6}
.hero::after{content:"";position:absolute;inset:0;z-index:0;background:
radial-gradient(820px 520px at 84% 6%,rgba(25,200,220,.13),transparent 62%),
radial-gradient(640px 480px at 4% 96%,rgba(28,95,238,.08),transparent 60%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center;padding:88px 28px 92px}
.hero h1{margin:22px 0 24px;font-size:clamp(44px,6.6vw,96px);line-height:.99}
.hero h1 .hl{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.05em}
.hero h1 .hl>span{display:inline-block}
.hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{margin-bottom:34px}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.hero-stats{display:flex;margin-top:48px;border-top:1px solid var(--line)}
.hero-stats .s{padding:26px 36px 0 0;margin-right:36px;border-right:1px solid var(--line)}
.hero-stats .s:last-child{border-right:0;margin-right:0}
.hero-stats .s b{font-family:var(--display);font-weight:600;font-size:clamp(28px,2.6vw,38px);display:block;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hero-stats .s span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}
/* hero visual = viewfinder */
.hero-visual{position:relative;aspect-ratio:1/1;display:grid;place-items:center}
.hero-visual .ring{position:absolute;inset:7%;border-radius:50%;border:1px dashed var(--line-2);animation:spin 90s linear infinite}
.hero-visual .ring.two{inset:16%;border:1px solid var(--line);animation:none;background:radial-gradient(circle at 50% 36%,rgba(25,200,220,.10),transparent 62%)}
.hero-visual .ring.two::before,.hero-visual .ring.two::after{content:"";position:absolute;background:var(--accent);opacity:.8}
.hero-visual .ring.two::before{left:50%;top:-7px;width:1.5px;height:14px;transform:translateX(-50%)}
.hero-visual .ring.two::after{top:50%;left:-7px;height:1.5px;width:14px;transform:translateY(-50%)}
.hero-visual .vf i{position:absolute;width:34px;height:34px;border:0 solid var(--accent);opacity:.9;z-index:3}
.hero-visual .vf i:nth-child(1){top:0;left:0;border-top-width:2px;border-left-width:2px}
.hero-visual .vf i:nth-child(2){top:0;right:0;border-top-width:2px;border-right-width:2px}
.hero-visual .vf i:nth-child(3){bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}
.hero-visual .vf i:nth-child(4){bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}
.hero-visual img{position:relative;z-index:2;width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 44px 64px rgba(4,12,26,.38));animation:float 7s ease-in-out infinite}
.hero-tag{position:absolute;z-index:4;background:var(--header-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-2);border-radius:999px;padding:10px 18px;display:flex;align-items:center;gap:10px;box-shadow:var(--sh)}
.hero-tag.t1{top:6%;right:0}.hero-tag.t2{bottom:8%;left:-2%}
.hero-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--pay);box-shadow:0 0 0 0 rgba(13,157,102,.5);animation:pulse 2.4s infinite}
.hero-tag b{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.hero-tag svg{flex-shrink:0}
/* hero load choreography */
.hload{opacity:0;transform:translateY(26px);animation:rise .9s cubic-bezier(.18,.74,.22,1) forwards;animation-delay:var(--d,0s)}
.hero h1 .hl>span{transform:translateY(118%);animation:lineup 1s cubic-bezier(.16,.8,.22,1) forwards;animation-delay:var(--d,0s)}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes lineup{to{transform:none}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(13,157,102,.45)}70%{box-shadow:0 0 0 9px rgba(13,157,102,0)}100%{box-shadow:0 0 0 0 rgba(13,157,102,0)}}
/* ---------- marquee trust band (ink) ---------- */
.band{background:var(--band-bg);border-bottom:1px solid var(--band-line);overflow:hidden;position:relative}
.band::before,.band::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.band::before{left:0;background:linear-gradient(90deg,var(--band-bg),transparent)}
.band::after{right:0;background:linear-gradient(270deg,var(--band-bg),transparent)}
.band-track{display:flex;width:max-content;animation:marq 30s linear infinite}
.band:hover .band-track{animation-play-state:paused}
.band .bi{display:inline-flex;align-items:center;gap:13px;padding:17px 30px;color:var(--band-text);font-weight:600;font-size:14px;letter-spacing:.01em;white-space:nowrap}
.band .bi svg{width:13px;height:13px;color:var(--cyan);flex-shrink:0;opacity:.95}
@keyframes marq{to{transform:translateX(-50%)}}
/* legacy trustrow kept for safety */
.trustrow{border-bottom:1px solid var(--line)}
.trustrow .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 28px}
.trustrow .t{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px}
.trustrow .t svg{width:24px;height:24px;color:var(--accent);flex-shrink:0}
/* ---------- section heads / filters ---------- */
.sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:40px}
.sechead h2{margin-top:14px}
.section-head{max-width:680px;margin-bottom:40px}
.section-head h2{margin-top:14px}
.filters{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:transparent;border:1px solid var(--line-2);color:var(--muted);font-family:var(--font);font-weight:600;font-size:13.5px;padding:9px 18px;border-radius:999px;cursor:pointer;transition:.18s}
.chip:hover{color:var(--text);border-color:var(--text)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
html[data-theme="dark"] .chip.on{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.selectwrap{display:flex;align-items:center;gap:9px}
.selectwrap label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
select.lux{appearance:none;background:transparent;border:1px solid var(--line-2);color:var(--text);font-family:var(--font);font-weight:600;font-size:13.5px;padding:9px 38px 9px 16px;border-radius:999px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center}
select.lux:focus{outline:0;border-color:var(--accent)}
.resultcount{font-family:var(--mono);color:var(--muted-2);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}
/* ---------- product cards ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pcard{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.pcard:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:0 2px 6px rgba(10,22,40,.05),0 24px 48px -18px rgba(10,22,40,.16)}
.pmedia{position:relative;aspect-ratio:1/1;background:#fff;display:grid;place-items:center;overflow:hidden}
.pmedia img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.19,1,.22,1)}
.pcard:hover .pmedia img{transform:scale(1.045)}
/* viewfinder corners on hover */
.pmedia.camtile{background:var(--tile-bg)}
.pmedia .caminner{display:flex;flex-direction:column;align-items:center;gap:10px}
.pmedia .caminner svg{width:54px;height:54px;color:var(--tile-icon)}
.pmedia .caminner .cbrand{font-family:var(--display);font-weight:600;font-size:18px;color:var(--tile-text);letter-spacing:.02em}
.pmedia .camnote{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(8,12,22,.7);color:#cdd8ea;font-family:var(--mono);font-size:9px;font-weight:600;padding:4px 10px;border-radius:30px;letter-spacing:.08em;text-transform:uppercase}
.grade{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:7px;background:rgba(8,14,26,.82);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 12px 5px 5px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;z-index:3}
.grade .b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#04121f;font-family:var(--font);font-size:11px;font-weight:900}
.grade.A .b{background:var(--gA)}.grade.B .b{background:var(--gB)}.grade.C .b{background:var(--gC)}
.uniq{position:absolute;top:12px;right:12px;background:rgba(8,14,26,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#d3dae6;font-family:var(--mono);font-size:9px;font-weight:600;padding:5px 11px;border-radius:999px;letter-spacing:.1em;text-transform:uppercase;z-index:3}
.pbody{padding:17px 18px 18px;display:flex;flex-direction:column;flex:1}
.pbody .pbrand{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:7px}
.pbody h3{font-family:var(--font);font-weight:700;font-size:15.5px;letter-spacing:-.01em;line-height:1.3;min-height:40px}
.pbody h3:hover{color:var(--accent)}
.pprice{margin:14px 0 15px}
.pprice .sell{display:flex;align-items:baseline;gap:6px}
.pprice .sell .cur{font-family:var(--mono);font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.06em}
.pprice .sell .v{font-family:var(--display);font-size:26px;font-weight:600;letter-spacing:-.02em}
.pprice .wepay{display:flex;align-items:center;gap:7px;margin-top:7px;padding-top:9px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--muted)}
.pprice .wepay svg{width:14px;height:14px;color:var(--pay)}
.pprice .wepay b{color:var(--pay);font-weight:700}
.padd{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid var(--line-2);background:transparent;color:var(--text);font-family:var(--font);font-weight:700;font-size:13.5px;padding:12px;border-radius:999px;cursor:pointer;transition:.22s}
.padd:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html[data-theme="dark"] .padd:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.padd svg{width:16px;height:16px}
/* ---------- category tiles ---------- */
.cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cat-tile{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;display:block;border:1px solid var(--line);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.cat-tile:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:var(--sh)}
.cat-tile .ph{position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,var(--img-grad-a),var(--img-grad-b));display:grid;place-items:center}
.cat-tile .ph img{width:64%;height:64%;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.cat-tile:hover .ph img{transform:scale(1.08)}
.cat-tile .ph.camtile{background:var(--tile-bg)}
.cat-tile .ph.camtile .caminner svg{width:54px;height:54px;color:var(--tile-icon)}
.cat-tile .ph.camtile .cbrand{font-family:var(--display);font-weight:600;font-size:18px;color:var(--tile-text)}
.cat-tile .ci{position:absolute;top:14px;left:16px;z-index:3;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--text);opacity:.55}
.cat-tile .ph.camtile~.ci{color:#fff;opacity:.75}
.cat-tile::before,.cat-tile::after{content:"";position:absolute;width:20px;height:20px;border:0 solid var(--accent);opacity:0;transition:.3s;z-index:3;pointer-events:none}
.cat-tile::before{top:12px;right:12px;border-top-width:2px;border-right-width:2px;transform:translate(-6px,6px)}
.cat-tile::after{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px;transform:translate(6px,-6px)}
.cat-tile:hover::before,.cat-tile:hover::after{opacity:1;transform:none}
.cat-tile .ov{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(transparent,rgba(5,9,18,.9));z-index:2}
.cat-tile .ov h3{font-family:var(--display);font-size:22px;color:#fff;margin-bottom:4px;letter-spacing:-.01em}
.cat-tile .ov span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78);font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:gap .25s}
.cat-tile:hover .ov span{gap:12px;color:var(--cyan)}
/* ---------- editorial steps (how it works) ---------- */
.steps-ed{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:54px;text-align:left;border-top:1px solid var(--line-2)}
.steps-ed .step{position:relative;padding:34px 34px 8px 0}
.steps-ed .step::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;background:
linear-gradient(var(--accent) 0 0) center/100% 1.5px no-repeat,
linear-gradient(var(--accent) 0 0) center/1.5px 100% no-repeat}
.steps-ed .sn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line-2);border-radius:50%;font-family:var(--font);font-weight:600;font-size:13px;color:var(--muted);margin-bottom:16px;transition:.3s}
.steps-ed .step:hover .sn{border-color:var(--accent);color:var(--accent)}
.steps-ed h3{font-family:var(--display);font-size:21px;margin-bottom:9px}
.steps-ed p{color:var(--muted);font-size:15px;line-height:1.6;max-width:300px}
/* legacy how-grid kept */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.how-card{text-align:center;padding:8px}
.how-card .n{width:54px;height:54px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--display);font-weight:700;font-size:20px}
.how-card h3{font-family:var(--display);font-size:19px;margin-bottom:8px}
.how-card p{color:var(--muted);font-size:15px;max-width:300px;margin:0 auto}
/* ---------- sell band (full-bleed ink CTA) ---------- */
.sellband{position:relative;overflow:hidden;padding:0;background:linear-gradient(160deg,var(--band-bg),var(--band-bg-2));border-top:1px solid var(--band-line);border-bottom:1px solid var(--band-line);color:var(--band-text)}
.sellband::before{content:"";position:absolute;inset:0;background:
radial-gradient(700px 420px at 12% 0%,rgba(25,200,220,.13),transparent 60%),
radial-gradient(560px 420px at 95% 100%,rgba(28,95,238,.12),transparent 60%)}
.sellband .scope{position:absolute;top:50%;right:-160px;width:560px;height:560px;transform:translateY(-50%);border-radius:50%;border:1px dashed rgba(150,200,235,.22);animation:spin 110s linear infinite;pointer-events:none}
.sellband .scope::before{content:"";position:absolute;inset:70px;border-radius:50%;border:1px solid rgba(150,200,235,.13)}
.sellband .scope::after{content:"";position:absolute;inset:150px;border-radius:50%;border:1px dashed rgba(150,200,235,.10)}
.sellband .wrap{position:relative;z-index:2;padding-top:104px;padding-bottom:104px}
.sellband .eyebrow{color:var(--cyan)}
.sellband h2{color:var(--band-text);margin:16px 0 14px;max-width:640px}
.sellband p{color:var(--band-muted);max-width:540px;font-size:17px;line-height:1.65;margin-bottom:32px}
.sellband .btn-primary{background:var(--paper);color:var(--ink)}
.sellband .btn-primary:hover{box-shadow:0 20px 48px -16px rgba(25,200,220,.4)}
/* legacy cta-band kept */
.cta-band{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:60px 44px;text-align:center;background:linear-gradient(135deg,var(--bg-2),var(--bg-1))}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 320px at 80% -10%,rgba(25,200,220,.14),transparent 60%)}
.cta-band>*{position:relative;z-index:2}
.cta-band p{color:var(--muted);max-width:560px;margin:12px auto 26px;font-size:17px}
/* ---------- buyback page ---------- */
.buyback{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-1),var(--bg));overflow:hidden}
.buyback::before{content:"";position:absolute;inset:0;background:
repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 88px),
repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 88px);
-webkit-mask-image:radial-gradient(820px 560px at 18% 12%,#000,transparent 70%);mask-image:radial-gradient(820px 560px at 18% 12%,#000,transparent 70%);opacity:.55}
.buyback::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 16% 8%,rgba(25,200,220,.10),transparent 60%)}
.bbgrid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.bbpoints{display:flex;flex-direction:column;gap:0;margin-top:30px;border-top:1px solid var(--line)}
.bbpoints li{display:flex;align-items:center;gap:14px;list-style:none;font-size:15.5px;font-weight:500;padding:15px 0;border-bottom:1px solid var(--line)}
.bbpoints .ic{width:40px;height:40px;border-radius:12px;background:var(--grad-soft);border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0}
.bbpoints .ic svg{width:19px;height:19px;color:var(--accent)}
.bbcard{position:relative;background:var(--bg-2);border:1px solid var(--line-2);border-radius:20px;padding:30px;box-shadow:var(--sh)}
.bbcard::before,.bbcard::after{content:"";position:absolute;width:22px;height:22px;border:0 solid var(--accent);opacity:.85;pointer-events:none}
.bbcard::before{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px;border-top-left-radius:20px}
.bbcard::after{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:20px}
.bbcard h3{font-family:var(--display);font-size:21px;margin-bottom:5px}
.bbcard .csub{color:var(--muted);font-size:14px;margin-bottom:20px}
.field{margin-bottom:13px}
.field label{display:block;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--muted-2);letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}
.field select{width:100%;appearance:none;background:var(--bg-1);border:1px solid var(--line-2);color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;padding:13px 15px;border-radius:12px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .15s}
.field select:focus{outline:0;border-color:var(--accent)}
.field select:disabled{opacity:.45;cursor:not-allowed}
.offer{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--grad-soft);border:1px solid rgba(13,157,102,.3);border-radius:14px;padding:16px 18px;margin:18px 0}
.offer .lbl{font-family:var(--mono);font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.12em}
.offer .amt{font-family:var(--display);font-size:32px;font-weight:600;color:var(--pay);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.offer .amt small{font-family:var(--mono);font-size:13px;color:var(--muted);font-weight:600;margin-right:4px;letter-spacing:.04em}
.bbcard .disc{font-size:11.5px;color:var(--muted-2);margin-top:12px;text-align:center}
.bbresult{text-align:center;padding:6px 2px}
.bbresult .ok{width:58px;height:58px;border-radius:50%;margin:4px auto 14px;background:var(--grad-soft);border:1px solid rgba(13,157,102,.3);display:grid;place-items:center}
.bbresult .ok svg{width:28px;height:28px;color:var(--pay)}
.bbresult h3{font-family:var(--display);font-size:21px;margin-bottom:6px}
.bbresult .big{font-family:var(--display);color:var(--pay);font-size:32px;font-weight:600;margin:4px 0 14px}
.bbresult .big small{font-family:var(--mono);font-size:14px;color:var(--muted);font-weight:600}
.bbresult p{color:var(--muted);font-size:14px;margin-bottom:14px}
.bbresult .ref{display:inline-block;background:var(--bg-1);border:1px dashed var(--line-2);border-radius:12px;padding:9px 18px;margin-bottom:6px}
.bbresult .ref span{display:block;color:var(--muted-2);font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.bbresult .ref b{font-family:var(--mono);font-size:15px;letter-spacing:.08em}
/* ---------- footer (always ink) ---------- */
footer{position:relative;border-top:1px solid var(--band-line);background:linear-gradient(180deg,var(--band-bg),var(--band-bg-2));color:var(--band-text);padding:0 0 34px;overflow:hidden}
.footmark{font-family:var(--display);font-weight:600;font-size:clamp(44px,8.6vw,124px);line-height:1.06;letter-spacing:-.03em;white-space:nowrap;padding:46px 0 38px;color:transparent;-webkit-text-stroke:1px rgba(180,210,240,.20);user-select:none;pointer-events:none}
@supports not (-webkit-text-stroke:1px black){.footmark{color:rgba(180,210,240,.08)}}
.footgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;margin-bottom:46px;padding-top:46px;border-top:1px solid var(--band-line)}
footer .logo .l1{color:var(--band-text)}
footer .logo .l2{color:var(--band-muted)}
.footbrand p{color:var(--band-muted);font-size:14px;margin-top:16px;max-width:300px;line-height:1.7}
.pay-icons{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
.pay-icons span{background:#fff;border-radius:9px;width:58px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px -4px rgba(0,0,0,.4)}
.pay-icons img{max-height:17px;max-width:42px;display:block}
.pay-icons img[alt="TWINT"]{max-height:24px;max-width:24px;border-radius:5px}
footer .foot-h{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--band-muted);margin-bottom:18px}
footer ul{list-style:none}footer li{margin-bottom:12px}
footer li a{color:rgba(222,232,244,.78);font-size:14px;transition:.15s;cursor:pointer}
footer li a:hover{color:var(--cyan)}
.footbottom{border-top:1px solid var(--band-line);padding-top:24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--band-muted)}
/* ---------- crumbs / toast / reveal / panels ---------- */
.crumb{padding:26px 0 6px;color:var(--muted-2);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.crumb a:hover{color:var(--accent)}
.toast{visibility:hidden;position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(140px);background:var(--ink);border:1px solid rgba(150,200,235,.2);color:var(--paper);padding:14px 24px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:var(--sh);z-index:340;transition:.34s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;gap:10px}
.toast.show{visibility:visible;transform:translateX(-50%) translateY(0)}
.toast svg{width:18px;height:18px;color:var(--cyan)}
html.js-anim .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
html.js-anim .reveal.in{opacity:1;transform:none}
.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.panel h3{font-family:var(--display);font-size:18px;margin-bottom:16px}
.input{width:100%;background:var(--bg-1);border:1px solid var(--line-2);color:var(--text);font-family:var(--font);font-size:15px;padding:13px 16px;border-radius:12px;transition:border-color .15s,box-shadow .15s}
.input::placeholder{color:var(--muted-2)}
.input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(28,95,238,.12)}
.label{display:block;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:7px}
/* ---------- product detail ---------- */
.pd{padding:14px 0 84px}
.pd-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px}
.gallery .main{position:relative;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:radial-gradient(circle at 50% 36%,var(--img-grad-a),var(--img-grad-b));display:grid;place-items:center;border:1px solid var(--line)}
.gallery .main img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply}
.gallery .main::before,.gallery .main::after{content:"";position:absolute;width:30px;height:30px;border:0 solid var(--accent);opacity:.85;pointer-events:none;z-index:2}
.gallery .main::before{top:16px;left:16px;border-top-width:2px;border-left-width:2px}
.gallery .main::after{bottom:16px;right:16px;border-bottom-width:2px;border-right-width:2px}
.gallery .main.camtile{background:var(--tile-bg)}
.gallery .main.camtile .caminner{display:flex;flex-direction:column;align-items:center;gap:12px}
.gallery .main.camtile .caminner svg{width:88px;height:88px;color:var(--tile-icon)}
.gallery .main.camtile .cbrand{font-family:var(--display);font-weight:600;font-size:26px;color:var(--tile-text);letter-spacing:.02em}
.info .ibrand{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.info h1{font-size:clamp(28px,3.4vw,44px);line-height:1.08;margin-bottom:14px}
.gbadge{display:inline-flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:999px;padding:6px 15px 6px 7px;font-size:12.5px;font-weight:700;margin-bottom:14px}
.gbadge .b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#04121f;font-weight:900;font-size:12px}
.gbadge.A .b{background:var(--gA)}.gbadge.B .b{background:var(--gB)}.gbadge.C .b{background:var(--gC)}
.pstock{display:inline-flex;align-items:center;gap:7px;color:var(--pay);font-weight:700;font-size:13.5px;margin:0 0 18px 12px}
.pstock svg{width:16px;height:16px}
.gtabs{display:flex;gap:9px;margin:8px 0 16px}
.gtab{flex:1;border:1px solid var(--line);background:var(--bg-2);border-radius:14px;padding:12px 8px;cursor:pointer;text-align:center;font-family:var(--font);transition:.18s;position:relative}
.gtab:hover{border-color:var(--line-2);transform:translateY(-1px)}
.gtab.on{border-color:var(--accent);background:var(--grad-soft);box-shadow:0 0 0 1px var(--accent)}
.gtab .gl{display:block;font-weight:800;font-size:15px}
.gtab .gp{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:3px;letter-spacing:.02em}
.gtab .mine{display:block;font-family:var(--mono);font-size:9px;color:var(--accent);font-weight:600;margin-top:3px;letter-spacing:.1em;text-transform:uppercase}
.pricebox{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);padding:24px;margin-bottom:16px;position:relative;overflow:hidden}
.pricebox::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--grad)}
.pricebox .buy{display:flex;align-items:baseline;gap:9px}
.pricebox .buy .lbl{font-family:var(--mono);font-size:10.5px;color:var(--muted);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.pricebox .buy .cur{font-family:var(--mono);font-size:15px;color:var(--muted);font-weight:600}
.pricebox .buy .v{font-family:var(--display);font-size:44px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pricebox .we{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:14px;border-top:1px dashed var(--line);color:var(--muted);font-size:14px}
.pricebox .we svg{width:17px;height:17px;color:var(--pay)}
.pricebox .we b{color:var(--pay);font-weight:800}
.pactions{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-bottom:20px}
.pdesc{color:var(--muted);font-size:14.5px;line-height:1.65}
.pdesc h3{color:var(--text);font-family:var(--display);font-size:16px;margin-bottom:7px}
.blocks{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px}
.specs{width:100%;border-collapse:collapse}
.specs td{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.specs td:first-child{color:var(--muted-2);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.specs td:last-child{text-align:right;font-weight:700}
.specs tr:last-child td{border-bottom:0}
.ptable{width:100%;border-collapse:collapse}
.ptable th{text-align:left;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-2);padding:8px 10px;border-bottom:1px solid var(--line-2);font-weight:600}
.ptable td{padding:13px 10px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}
.ptable tr.cur{background:var(--grad-soft);box-shadow:inset 3px 0 0 var(--accent)}
.ptable .gd{display:inline-flex;align-items:center;gap:8px}
.ptable .gd .b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#04121f;font-size:11px;font-weight:900}
.ptable .we{color:var(--pay)}
.related{margin-top:58px}
.related h2{font-size:26px;margin-bottom:22px}
.rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
/* ---------- page head ---------- */
.pagehead{padding:42px 0 10px}
.pagehead h1{font-size:clamp(34px,4.6vw,56px)}
.pagehead .eyebrow{margin-bottom:14px}
/* ---------- cart ---------- */
.cartwrap{display:grid;grid-template-columns:1.55fr .9fr;gap:40px;padding:26px 0 84px;align-items:start}
.citem{display:grid;grid-template-columns:96px 1fr auto;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}
.cthumb{width:96px;height:96px;border-radius:14px;background:radial-gradient(circle at 50% 36%,var(--img-grad-a),var(--img-grad-b));display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.cthumb img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply}
.cthumb.camtile{background:var(--tile-bg)}
.cthumb.camtile svg{width:40px;height:40px;color:var(--tile-icon)}
.citem .ct h3{font-family:var(--font);font-weight:700;font-size:16px}
.citem .ct .meta{color:var(--muted);font-size:13px;margin-top:4px}
.citem .ct .rm{background:0;border:0;color:var(--muted-2);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-top:9px;padding:0;transition:.15s}
.citem .ct .rm:hover{color:var(--gC)}
.citem .cright{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:11px}
.citem .cprice{font-family:var(--display);font-size:20px;font-weight:600}
.qtybox{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:999px;overflow:hidden}
.qtybox button{width:34px;height:34px;background:transparent;border:0;color:var(--text);font-size:16px;cursor:pointer;transition:.15s}
.qtybox button:hover{background:var(--surf-h)}
.qtybox span{min-width:34px;text-align:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.summary{position:sticky;top:96px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
.summary h3{font-family:var(--display);font-size:19px;margin-bottom:18px}
.sumrow{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:var(--muted);margin-bottom:12px}
.sumrow b{color:var(--text)}
.sumtotal{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;margin-top:6px;border-top:1px solid var(--line)}
.sumtotal .l{font-weight:700}
.sumtotal .v{font-family:var(--display);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}
.summary .btn{margin-top:18px}
.summary .note{font-size:12px;color:var(--muted-2);margin-top:13px;text-align:center}
.emptyst{text-align:center;padding:80px 20px}
.emptyst svg{width:54px;height:54px;color:var(--muted-2);margin-bottom:18px}
.emptyst p{color:var(--muted);font-size:17px;margin-bottom:24px}
/* ---------- checkout ---------- */
.cogrid{display:grid;grid-template-columns:1.5fr .9fr;gap:40px;padding:26px 0 84px;align-items:start}
.steps{display:flex;align-items:center;gap:10px;margin-bottom:30px}
.steps .st{display:flex;align-items:center;gap:9px;color:var(--muted-2);font-weight:700;font-size:14px}
.steps .st .n{width:27px;height:27px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--mono);font-size:11.5px}
.steps .st.on{color:var(--text)}
.steps .st.on .n{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html[data-theme="dark"] .steps .st.on .n{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.steps .sep{flex:1;height:1px;background:var(--line-2);min-width:18px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.formgrid .full{grid-column:1/-1}
.paylist{display:flex;flex-direction:column;gap:10px}
.payopt{display:flex;align-items:center;gap:13px;border:1px solid var(--line-2);border-radius:999px;padding:15px 20px;cursor:pointer;transition:.18s}
.payopt:hover{border-color:var(--text)}
.payopt.on{border-color:var(--accent);background:var(--grad-soft);box-shadow:0 0 0 1px var(--accent)}
.payopt .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);flex-shrink:0;display:grid;place-items:center;transition:.15s}
.payopt.on .radio{border-color:var(--accent)}
.payopt.on .radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}
.payopt .pname{font-weight:700;font-size:15px}
.osum{position:sticky;top:96px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
.osum h3{font-family:var(--display);font-size:19px;margin-bottom:16px}
.oline{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;color:var(--muted)}
.oline b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.success{text-align:center;max-width:560px;margin:0 auto;padding:70px 20px 100px}
.success .ok{position:relative;width:84px;height:84px;border-radius:50%;margin:0 auto 26px;background:var(--grad-soft);border:1px solid rgba(13,157,102,.35);display:grid;place-items:center}
.success .ok::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(13,157,102,.3);animation:spin 30s linear infinite}
.success .ok svg{width:40px;height:40px;color:var(--pay)}
.success h1{font-size:clamp(32px,4.4vw,50px);margin-bottom:14px}
.success p{color:var(--muted);font-size:17px;margin-bottom:16px}
.success .ref{display:inline-block;background:var(--bg-2);border:1px dashed var(--line-2);border-radius:12px;padding:10px 20px;font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:.06em;margin-bottom:28px}
/* ---------- account ---------- */
.accgrid{display:grid;grid-template-columns:260px 1fr;gap:34px;padding:26px 0 84px;align-items:start}
.accside{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.accuser{display:flex;align-items:center;gap:13px;padding-bottom:18px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.accuser .av{width:46px;height:46px;border-radius:50%;background:var(--ink);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--cyan);font-family:var(--display);font-weight:700;font-size:17px}
.accuser .nm{font-weight:700;font-size:15px}.accuser .ms{font-size:12px;color:var(--muted-2)}
.accnav{display:flex;flex-direction:column;gap:3px}
.accnav a{position:relative;display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:11px;color:var(--muted);font-weight:600;font-size:14.5px;cursor:pointer;transition:.15s}
.accnav a svg{width:18px;height:18px}
.accnav a:hover{color:var(--text);background:var(--surf)}
.accnav a.on{color:var(--text);background:var(--grad-soft);box-shadow:inset 2.5px 0 0 var(--accent)}
.accnav a.logout{color:var(--gC)}
.accpanel{display:none}
.accpanel.on{display:block}
.orderrow{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:19px 22px;margin-bottom:14px;transition:.2s}
.orderrow:hover{border-color:var(--line-2);box-shadow:var(--sh)}
.orderrow .onum{font-weight:700;font-size:15px}
.orderrow .od{color:var(--muted-2);font-family:var(--mono);font-size:11px;letter-spacing:.04em;margin-top:4px}
.statuspill{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:30px}
.statuspill.shipped{background:rgba(28,95,238,.13);color:var(--accent)}
.statuspill.proc{background:rgba(196,131,26,.15);color:var(--gB)}
.statuspill.done{background:rgba(13,157,102,.13);color:var(--pay)}
.orderrow .ot{font-family:var(--display);font-weight:600;font-size:18px}
/* ---------- mobile menu ---------- */
.burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:999px;cursor:pointer}
.burger span{display:block;width:17px;height:2px;background:var(--text);border-radius:2px;transition:.2s}
.mobnav{display:none;flex-direction:column;background:var(--bg-1);border-bottom:1px solid var(--line)}
.mobnav.open{display:flex}
.mobnav a{padding:15px 28px;border-top:1px solid var(--line);font-weight:600;font-size:15px;color:var(--text)}
/* ---------- theme cross-fade ---------- */
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
/* ---------- responsive ---------- */
@media(max-width:1024px){
.hero .wrap,.bbgrid{grid-template-columns:1fr;gap:44px}
.hero-visual{max-width:440px;margin:0 auto}
.grid{grid-template-columns:repeat(3,1fr)}
.trustrow .wrap{grid-template-columns:repeat(2,1fr)}
.footgrid{grid-template-columns:1fr 1fr}
.nav .links{display:none}
.burger{display:flex}
.cats-grid{grid-template-columns:repeat(2,1fr)}
.how-grid{grid-template-columns:1fr;gap:30px}
.steps-ed{grid-template-columns:1fr}
.steps-ed .step{padding:30px 0 22px}
.sellband .scope{right:-300px;opacity:.5}
}
@media(max-width:980px){
.pd-grid,.cartwrap,.cogrid{grid-template-columns:1fr;gap:30px}
.blocks,.rgrid{grid-template-columns:1fr 1fr}
.accgrid{grid-template-columns:1fr}
.summary,.osum{position:static}
}
@media(max-width:680px){
section{padding:76px 0}
.nav{height:66px;gap:14px}
.grid{grid-template-columns:repeat(2,1fr);gap:13px}
.logo .l2{display:none}
.search-inline{display:none}
.hero .wrap{padding:56px 28px 64px}
.hero-stats .s{padding:20px 18px 0 0;margin-right:18px}
.hero-tag.t2{left:0}
.band .bi{padding:14px 20px;font-size:13px}
.footmark{font-size:clamp(34px,11vw,64px);padding:34px 0 28px}
.sellband .wrap{padding-top:80px;padding-bottom:80px}
}
@media(max-width:600px){
.formgrid,.rgrid,.pactions{grid-template-columns:1fr}
.orderrow{grid-template-columns:1fr;gap:8px}
.cats-grid{grid-template-columns:1fr 1fr;gap:12px}
.cta-band{padding:40px 22px}
}
@media(min-width:1025px){.mobnav,.mobnav.open{display:none}}
/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
.reveal{opacity:1;transform:none;transition:none}
.hload,.hero h1 .hl>span{opacity:1;transform:none;animation:none}
.band-track{animation:none}
.hero-visual img,.hero-visual .ring,.sellband .scope,.success .ok::before{animation:none}
.hero-tag .dot{animation:none}
*{scroll-behavior:auto}
}
/* ============ WooCommerce v5 integration ============ */
.woo-wrap{min-height:55vh;padding-top:24px;padding-bottom:90px}
.woocommerce-breadcrumb{padding:20px 0 2px;color:var(--muted-2);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.woocommerce-breadcrumb a{color:var(--muted-2)}.woocommerce-breadcrumb a:hover{color:var(--accent)}
.woocommerce-products-header{padding:14px 0 4px}
.woocommerce-products-header__title,.woocommerce .page-title{font-family:var(--display);font-weight:600;font-size:clamp(34px,4.6vw,56px);letter-spacing:-.03em;margin:4px 0 10px}
.term-description{color:var(--muted);max-width:680px}
.woocommerce .woocommerce-result-count{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);padding-top:6px}
.woocommerce .woocommerce-ordering select{appearance:none;background:var(--bg-2);border:1px solid var(--line-2);color:var(--text);font-family:var(--font);font-weight:600;font-size:13.5px;padding:9px 16px;border-radius:999px;cursor:pointer}
.woocommerce ul.products,.woocommerce-page ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;margin:24px 0 0;padding:0}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{margin:0 !important;width:auto !important;padding:0 !important;float:none !important;clear:none}
.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after,.woocommerce ul.products li.product::before,.woocommerce ul.products li.product::after{display:none !important;content:none !important}
.pcard .pprice .woocommerce-Price-amount{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.01em}
.pcard .pprice del .woocommerce-Price-amount{font-size:14px;opacity:.5}
.pcard .pprice .sell{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:13px;color:var(--muted)}
.grade.geprueft .b{background:var(--pay)}
.grade.geprueft .b svg{width:11px;height:11px}
.pcard .padd svg{width:15px;height:15px}
/* WooCommerce buttons -> v5 pill */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce .button,.woocommerce-page .button{background:var(--ink);color:var(--paper);border:0;border-radius:999px;font-family:var(--font);font-weight:700;font-size:15px;padding:14px 28px;transition:transform .22s,box-shadow .25s,background .2s;cursor:pointer;line-height:1}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover{transform:translateY(-2px);box-shadow:0 16px 36px -16px rgba(28,95,238,.4)}
html[data-theme="dark"] .woocommerce a.button,html[data-theme="dark"] .woocommerce button.button,html[data-theme="dark"] .woocommerce .button{background:var(--paper);color:var(--ink)}
.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce .single_add_to_cart_button,.woocommerce #place_order{background:linear-gradient(135deg,#0c9a63 0%,#19c37f 100%) !important;color:#fff !important;box-shadow:0 16px 38px -16px rgba(13,157,102,.55)}
.woocommerce button.button.alt:hover,.woocommerce .single_add_to_cart_button:hover,.woocommerce #place_order:hover{transform:translateY(-2px);box-shadow:0 22px 44px -16px rgba(13,157,102,.65);filter:brightness(1.05)}
/* notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{border:1px solid var(--line-2);background:var(--bg-2);border-radius:var(--r-sm);padding:14px 18px;font-size:14px;color:var(--text)}
.woocommerce-message{border-left:3px solid var(--pay)}
.woocommerce-info{border-left:3px solid var(--accent)}
.woocommerce-error{border-left:3px solid var(--gC)}
/* single product */
.woocommerce div.product{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;padding:10px 0 20px}
.woocommerce div.product .woocommerce-product-gallery{margin:0 !important;width:auto !important;float:none}
.woocommerce div.product .summary{margin:0 !important;width:auto !important;float:none}
.woocommerce div.product .product_title{font-family:var(--display);font-weight:650;font-size:clamp(23px,2.3vw,30px);line-height:1.18;letter-spacing:-.015em;margin:2px 0 10px}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-family:var(--display);font-weight:600;font-size:30px;color:var(--text);letter-spacing:-.02em}
.woocommerce div.product p.price del{opacity:.45;font-size:20px;font-weight:500}
.woocommerce div.product form.variations_form .variations{margin:16px 0;border-collapse:collapse}
.woocommerce div.product .variations td{padding:6px 0}
.woocommerce div.product .variations td.label label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:600}
.woocommerce div.product .variations select{appearance:none;background:var(--bg-1);border:1px solid var(--line-2);color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;padding:13px 38px 13px 15px;border-radius:12px;min-width:260px;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center}
.woocommerce .quantity input.qty{border:1px solid var(--line-2);background:var(--bg-1);color:var(--text);border-radius:999px;padding:12px 8px;width:64px;text-align:center;font-weight:700}
.woocommerce div.product .product_meta{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted-2);margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:24px}
.woocommerce div.product .woocommerce-tabs ul.tabs{border:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:0;border-bottom:2px solid transparent;margin:0 18px 0 0;padding:0 0 8px}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--accent);background:transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--font);font-weight:700;color:var(--text);padding:0}
.woocommerce div.product .woocommerce-tabs .panel{font-size:15px;color:var(--muted);line-height:1.65}
.related.products,.upsells.products{grid-column:1/-1;margin-top:30px}
.related.products>h2,.upsells.products>h2{font-family:var(--display);font-weight:600;font-size:26px;margin:6px 0 18px}
/* cart / checkout / account tables + boxes */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--r);border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--bg-2)}
.woocommerce table.shop_table th{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);background:var(--bg-1);border:0;padding:14px}
.woocommerce table.shop_table td{border-top:1px solid var(--line);padding:18px 14px}
.woocommerce .cart_totals h2,.woocommerce-checkout h3,.woocommerce-column__title{font-family:var(--display);font-weight:600;font-size:22px;margin-bottom:14px}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review,.woocommerce-checkout-review-order{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce-account input.input-text,.select2-container .select2-selection,.woocommerce .select2-selection{background:var(--bg-1) !important;border:1px solid var(--line-2) !important;color:var(--text) !important;border-radius:12px !important;padding:12px 15px !important;font-family:var(--font);font-size:15px;min-height:auto}
.woocommerce form .form-row label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:13px 18px;color:var(--muted);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--text);background:var(--surf)}
.woocommerce-account .woocommerce-MyAccount-content{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.woocommerce-account.logged-in .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.woocommerce-account:not(.logged-in) .woocommerce{max-width:460px;margin-left:auto;margin-right:auto;display:block}
.woocommerce-account:not(.logged-in) .woocommerce>h2{text-align:center;margin-bottom:18px}
.woocommerce-account:not(.logged-in) form.woocommerce-form-login{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.woocommerce-account:not(.logged-in) form.woocommerce-form-login .button{width:100%;justify-content:center}
.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__rememberme{display:block;margin:4px 0 14px;font-size:13px}
.woocommerce-account:not(.logged-in) form.woocommerce-form-login .lost_password{margin-top:12px}
@media(max-width:1024px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,1fr)}.woocommerce div.product{grid-template-columns:1fr;gap:30px}.woocommerce-account.logged-in .woocommerce{grid-template-columns:1fr}}
@media(max-width:680px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);gap:13px}}
/* ---------- grades / zustand page ---------- */
.gradecards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.gcard{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:30px 26px 26px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.gcard:hover{transform:translateY(-6px);border-color:var(--line-2);box-shadow:var(--sh)}
.gcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:1}
.gcard.A::before{background:var(--gA)}.gcard.B::before{background:var(--gB)}.gcard.C::before{background:var(--gC)}
.gcard.S::before{background:var(--accent)}
.zh.S .b{background:var(--accent)}
.gcard .corners i{position:absolute;width:20px;height:20px;border:0 solid var(--accent);opacity:0;transition:opacity .3s,transform .3s;z-index:2;pointer-events:none}
.gcard .corners i:nth-child(1){top:14px;left:14px;border-top-width:2px;border-left-width:2px;transform:translate(6px,6px)}
.gcard .corners i:nth-child(2){bottom:14px;right:14px;border-bottom-width:2px;border-right-width:2px;transform:translate(-6px,-6px)}
.gcard:hover .corners i{opacity:1;transform:none}
.gcard .ghead{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.gcard .gbig{flex-shrink:0;width:78px;height:78px;border-radius:18px;display:grid;place-items:center;font-family:var(--display);font-weight:600;font-size:44px;line-height:1;color:#fff;letter-spacing:-.02em}
.gcard.A .gbig{background:var(--gA)}.gcard.B .gbig{background:var(--gB)}.gcard.C .gbig{background:var(--gC)}
.gcard .gname{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}
.gcard .gtitle{font-family:var(--display);font-size:22px;margin-top:5px;letter-spacing:-.01em}
.gcard .gdesc{color:var(--muted);font-size:14.5px;line-height:1.62}
.gcard .gpts{list-style:none;display:flex;flex-direction:column;margin-top:18px;border-top:1px solid var(--line)}
.gcard .gpts li{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:500}
.gcard .gpts li:last-child{border-bottom:0}
.gcard .gpts svg{width:16px;height:16px;flex-shrink:0}
.gcard.A .gpts svg{color:var(--gA)}.gcard.B .gpts svg{color:var(--gB)}.gcard.C .gpts svg{color:var(--gC)}
.gcard .glevel{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.gcard .glevel .lbl{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.gcard .glevel .bars{display:flex;gap:5px;margin-left:auto}
.gcard .glevel .bars i{width:24px;height:6px;border-radius:3px;background:var(--line-2)}
.gcard.A .glevel .bars i{background:var(--gA)}
.gcard.B .glevel .bars i:nth-child(-n+2){background:var(--gB)}
.gcard.C .glevel .bars i:nth-child(-n+1){background:var(--gC)}
.ztable-wrap{margin-top:10px;border:1px solid var(--line-2);border-radius:var(--r);overflow-x:auto;background:var(--bg-2)}
.ztable{width:100%;border-collapse:collapse;min-width:600px}
.ztable th,.ztable td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px}
.ztable thead th{background:var(--bg-1);border-bottom:1px solid var(--line-2)}
.ztable thead th:first-child{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:600}
.ztable .zh{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-weight:700}
.ztable .zh .b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:12px}
.ztable .zh.A .b{background:var(--gA)}.ztable .zh.B .b{background:var(--gB)}.ztable .zh.C .b{background:var(--gC)}
.ztable tbody th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:600;text-align:left}
.ztable tbody td{font-weight:600}
.ztable tbody tr:last-child th,.ztable tbody tr:last-child td{border-bottom:0}
.ztable td.ok{color:var(--pay);font-weight:700}
.incl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}
.incl{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.incl .ic{width:46px;height:46px;border-radius:13px;background:var(--grad-soft);border:1px solid var(--line);display:grid;place-items:center;margin-bottom:16px}
.incl .ic svg{width:21px;height:21px;color:var(--accent)}
.incl h3{font-family:var(--display);font-size:18px;margin-bottom:8px}
.incl p{color:var(--muted);font-size:14px;line-height:1.62}
.catnotes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:10px}
.catnote{display:flex;gap:16px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:border-color .3s,transform .3s,box-shadow .3s}
.catnote:hover{border-color:var(--line-2);transform:translateY(-3px);box-shadow:var(--sh)}
.catnote .nico{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:var(--surf);border:1px solid var(--line);display:grid;place-items:center}
.catnote .nico svg{width:20px;height:20px;color:var(--accent)}
.catnote h3{font-family:var(--display);font-size:17px;margin-bottom:6px}
.catnote p{color:var(--muted);font-size:13.5px;line-height:1.6}
.sellband .btn-ghost{color:var(--band-text);border-color:var(--band-line);background:rgba(150,200,235,.05)}
.sellband .btn-ghost:hover{border-color:var(--cyan);color:#fff;background:rgba(150,200,235,.12)}
@media(max-width:1024px){.gradecards{grid-template-columns:1fr;gap:18px}.incl-grid{grid-template-columns:1fr}.catnotes{grid-template-columns:1fr}}
@media(max-width:680px){.gcard .gbig{width:64px;height:64px;font-size:36px}}
/* ============ WooCommerce polish (audit) ============ */
.woocommerce .woocommerce-ordering{margin:0}
.woocommerce .woocommerce-ordering select,.woocommerce-page .woocommerce-ordering select{appearance:none;-webkit-appearance:none;background-color:var(--bg-2);border:1px solid var(--line-2);color:var(--text);font-family:var(--font);font-weight:600;font-size:13.5px;padding:11px 42px 11px 18px;border-radius:999px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 15px center}
/* cart layout */
.woocommerce-cart .woocommerce{display:block}
.woocommerce-cart table.cart img{width:64px;border-radius:10px}
.woocommerce-cart .cart-collaterals{margin-top:30px;display:flex;justify-content:flex-end}
.woocommerce-cart .cart-collaterals .cart_totals{width:420px;max-width:100%}
.woocommerce a.remove{color:var(--gC)!important;font-weight:700;border:1px solid var(--line);width:22px;height:22px;line-height:20px}
.woocommerce a.remove:hover{background:var(--gC)!important;color:#fff!important}
.woocommerce .cart input.button,.woocommerce .actions .button{font-size:14px;padding:12px 22px}
/* checkout two-column */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);grid-template-rows:auto 1fr;column-gap:40px;row-gap:14px;align-items:start}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1 / span 2}
.woocommerce-checkout #customer_details .col2-set{display:block}
.woocommerce-checkout #customer_details .col2-set .col-1,.woocommerce-checkout #customer_details .col2-set .col-2{width:auto;float:none}
.woocommerce-checkout #customer_details .col2-set .col-2{margin-top:22px}
.woocommerce-checkout h3#order_review_heading{grid-column:2;grid-row:1;margin-top:0}
.woocommerce-checkout #order_review{grid-column:2;grid-row:2;position:sticky;top:90px}
.woocommerce-checkout #payment{background:transparent;border-radius:var(--r)}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0}
.woocommerce form .form-row{padding:0;margin:0 0 14px}
.select2-container--default .select2-selection--single{height:auto}
@media(max-width:980px){
.woocommerce-checkout form.checkout{grid-template-columns:1fr;gap:26px}
.woocommerce-checkout h3#order_review_heading,.woocommerce-checkout #order_review,.woocommerce-checkout #customer_details{grid-column:1;grid-row:auto}
.woocommerce-checkout #order_review{position:static}
.woocommerce-cart .cart-collaterals .cart_totals{width:100%}
}
/* ============ generic page wrapper (audit fix) ============ */
.pagewrap{padding-top:38px;padding-bottom:90px;min-height:55vh}
.pagehead-title{font-family:var(--display);font-weight:600;font-size:clamp(34px,4.6vw,56px);letter-spacing:-.03em;margin:6px 0 24px;line-height:1.05}
.page-content.page-narrow{max-width:760px;font-size:16px;color:var(--muted);line-height:1.7}
.page-content.page-narrow h2,.page-content.page-narrow h3{color:var(--text);font-family:var(--display);margin:24px 0 10px}
/* ============ product image contrast + gallery (audit) ============ */
.pmedia img{mix-blend-mode:normal;filter:drop-shadow(0 12px 22px rgba(10,24,46,.14))}
html[data-theme="dark"] .pmedia img{filter:drop-shadow(0 12px 22px rgba(0,0,0,.5))}
.cthumb img{mix-blend-mode:normal}
.woocommerce div.product .woocommerce-product-gallery{padding:0}
html[data-theme="dark"] .woocommerce div.product .woocommerce-product-gallery__image img{filter:drop-shadow(0 16px 32px rgba(0,0,0,.55))}
.woocommerce-product-gallery__trigger{top:16px!important;right:16px!important;left:auto!important;background:var(--bg-2)!important;border:1px solid var(--line)!important}
.woocommerce div.product .single_add_to_cart_button.disabled,.woocommerce div.product .single_add_to_cart_button.wc-variation-selection-needed{background:var(--surf-h)!important;color:var(--muted-2)!important;cursor:not-allowed;box-shadow:none!important;transform:none!important;opacity:1}
/* image stage depth so white products read on light bg */
.pmedia{background:radial-gradient(circle at 50% 30%,#eef1f6,#d7dce6)}
html[data-theme="dark"] .pmedia{background:var(--tile-bg)}
/* ============ a11y (audit) ============ */
.skip-link{position:absolute;left:-9999px;top:0;z-index:500;background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:0 0 12px 0;font-weight:700;font-size:14px}
.skip-link:focus{left:0}
main{display:block}
.pcard .pbody h2.ptitle{font-family:var(--font);font-weight:700;font-size:15.5px;letter-spacing:-.01em;line-height:1.3;min-height:40px}
.pcard .pbody h2.ptitle:hover{color:var(--accent)}
/* ============ product trust block (CRO) ============ */
.product-trust{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}
.product-trust .pt-zustand{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-weight:700;font-size:13.5px;margin-bottom:16px;border-bottom:1px solid var(--line-2);padding-bottom:3px;transition:.2s}
.product-trust .pt-zustand svg{width:15px;height:15px}
.product-trust .pt-zustand:hover{color:var(--accent);border-color:var(--accent);gap:10px}
.product-trust .pt-list{list-style:none;display:grid;gap:12px;margin:0;padding:0}
.product-trust .pt-list li{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:500;color:var(--text);line-height:1.4}
.product-trust .pt-ic{width:32px;height:32px;flex-shrink:0;border-radius:9px;background:var(--grad-soft);border:1px solid var(--line);display:grid;place-items:center}
.product-trust .pt-ic svg{width:16px;height:16px;color:var(--accent)}
/* cart update button + checkout payment polish */
.woocommerce .cart .actions .button,.woocommerce .cart .actions button[name="update_cart"]{background:var(--ink);color:var(--paper) !important;border:1px solid var(--ink)}
.woocommerce .cart .actions .button:disabled,.woocommerce .cart .actions .button[disabled]{background:var(--bg-2);color:var(--muted,#5c6677) !important;border-color:var(--line-2);opacity:1;box-shadow:none}
.woocommerce-checkout #order_review .woocommerce-checkout-payment{background:transparent;border:0;padding:0}
.woocommerce-checkout #order_review .place-order{padding-top:8px}
/* dark mode consistency: coupon input + payment box */
.woocommerce input#coupon_code{background:var(--bg-1) !important;border:1px solid var(--line-2) !important;color:var(--text) !important;border-radius:12px !important;padding:12px 15px !important}
.woocommerce #payment .payment_box,.woocommerce-checkout #payment div.payment_box,.woocommerce-checkout .payment_box{background:var(--bg-1) !important;color:var(--text) !important;border:1px solid var(--line-2);border-radius:12px;box-shadow:none}
.woocommerce #payment .payment_box *,.woocommerce-checkout .payment_box *{color:var(--text) !important}
.woocommerce #payment .payment_box::before,.woocommerce-checkout .payment_box::before{border-bottom-color:var(--line-2) !important;display:none}
/* mobile: stack cart table + collapse footer */
@media(max-width:680px){
.woocommerce-cart table.cart thead{display:none}
.woocommerce-cart table.cart tbody tr{display:block;border:1px solid var(--line);border-radius:14px;margin:0 0 14px;padding:6px 14px;background:var(--bg-2)}
.woocommerce-cart table.cart tbody td{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:right;border:0;padding:9px 0;width:auto}
.woocommerce-cart table.cart tbody td::before{content:attr(data-title);font-weight:600;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.woocommerce-cart table.cart td.product-remove::before,.woocommerce-cart table.cart td.product-thumbnail::before{display:none}
.woocommerce-cart table.cart td.product-thumbnail{justify-content:center}
.woocommerce-cart table.cart td.product-thumbnail img{width:96px}
.woocommerce-cart table.cart td.product-remove{justify-content:flex-end}
.woocommerce-cart .actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.woocommerce-cart .actions .coupon{display:flex;gap:8px}
.footgrid{grid-template-columns:1fr;gap:24px}
}
/* ================================================================
REDESIGN JUL 2026 - navigation, platform tiles, product polish
================================================================ */
/* --- global overflow safety (mobile horizontal scroll bug) --- */
html,body{overflow-x:clip}
/* --- header nav dropdowns --- */
.links{display:flex;align-items:center;gap:4px}
.links>a,.navdrop-top{padding:9px 11px;border-radius:10px;font-weight:600;font-size:14.5px;color:var(--text);transition:background .18s ease,color .18s ease}
.links>a:hover,.navdrop:hover .navdrop-top,.links>a.on,.navdrop-top.on{background:var(--surf);color:var(--text)}
.navdrop{position:relative}
.navdrop-top{display:inline-flex;align-items:center;gap:5px}
.navdrop-top svg{opacity:.55;transition:transform .22s ease}
.navdrop:hover .navdrop-top svg,.navdrop:focus-within .navdrop-top svg{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 2px);left:0;min-width:265px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1);z-index:120;padding-top:8px}
.navdrop:hover .dropdown,.navdrop:focus-within .dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}
.dropdown-in{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -22px rgba(10,24,46,.35);padding:8px;display:flex;flex-direction:column}
.dropdown-in a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--text);transition:background .15s ease}
.dropdown-in a b{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--muted-2);background:var(--surf);border-radius:999px;padding:2px 8px;min-width:34px;text-align:center}
.dropdown-in a:hover{background:var(--surf)}
.dropdown-in a.dd-all{border-bottom:1px solid var(--line);border-radius:9px 9px 0 0;margin-bottom:5px;padding-bottom:11px;color:var(--accent)}
.nav-sell{color:var(--accent)!important}
/* --- mobile nav groups --- */
.mobnav-sec{padding:10px 22px 10px;border-bottom:1px solid var(--line)}
.mobnav-sec:last-child{border-bottom:0}
.mobnav-h{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:700;padding:8px 0 4px}
.mobnav-sub{display:block;padding:8px 0 8px 14px;font-size:15px;font-weight:600}
/* --- platform tiles (home) --- */
.plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.plat-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:186px;background:var(--bg-2);color:var(--text);border-radius:var(--r);padding:26px 28px;border:1px solid var(--line);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease}
.plat-tile:hover{transform:translateY(-4px);box-shadow:0 22px 48px -24px rgba(10,22,40,.18);border-color:var(--line-2)}
.pt-num{display:none}
.pt-body h3{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.022em;margin:0 0 6px;color:var(--text)}
.pt-sub{font-size:13.5px;color:var(--muted);line-height:1.5;display:block}
.pt-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pt-count{font-size:12.5px;color:var(--muted-2);font-weight:600}
.pt-go{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--accent)}
.pt-go svg{transition:transform .22s ease}
.plat-tile:hover .pt-go svg{transform:translateX(4px)}
/* --- steps contrast fix --- */
.steps-ed .sn{color:var(--muted);opacity:1}
.steps-ed .step h3{color:var(--text)}
.steps-ed .step p{color:var(--muted)}
/* --- single product: kill sticky overlap, cleaner summary --- */
.woocommerce div.product .summary{position:static;align-self:start}
.woocommerce div.product .woocommerce-tabs{margin-top:44px;border-top:1px solid var(--line);padding-top:26px}
.woocommerce div.product .woocommerce-tabs .panel h2:first-of-type{display:none}
.woocommerce div.product .related.products{border-top:1px solid var(--line);padding-top:30px;margin-top:40px}
/* --- shop toolbar + breadcrumb --- */
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:6px 0 4px}
.shop-toolbar .woocommerce-result-count{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.mgm-crumbs{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 10px}
.mgm-crumbs a{color:var(--muted)}
.mgm-crumbs a:hover{color:var(--accent)}
.mgm-crumbs .sep{opacity:.45}
.platbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
.platbar a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--text);background:var(--bg-2);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.platbar a b{font-family:var(--mono);font-weight:600;font-size:10.5px;color:var(--muted-2)}
.platbar a:hover{border-color:var(--accent);transform:translateY(-1px)}
.platbar a.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.platbar a.active b{color:rgba(246,247,249,.7)}
/* --- product cards: price/no-price handling --- */
.pcard .pprice:empty{display:none}
.pcard .price-soon{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.pcard .pbrand{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:700}
/* --- responsive --- */
@media(max-width:1024px){
.plat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
.plat-grid{grid-template-columns:1fr;gap:13px}
.plat-tile{min-height:172px;gap:22px}
.dropdown{display:none}
}
/* WooCommerce notices: kill icon-font tofu, brand styling */
.woocommerce-info::before,.woocommerce-message::before,.woocommerce-error::before{display:none!important;content:none!important}
.woocommerce-info,.woocommerce-message{border-top:0;border-left:3px solid var(--accent);background:var(--bg-2);color:var(--text);border-radius:12px;box-shadow:none;padding:16px 20px}
.woocommerce-error{border-top:0;border-left:3px solid var(--gC);background:var(--bg-2);color:var(--text);border-radius:12px;padding:16px 20px}
/* legal/content pages: proportional headings */
.page-content.page-narrow h2{font-size:26px;letter-spacing:-.01em;margin:36px 0 12px;line-height:1.2}
.page-content.page-narrow h3{font-size:20px;margin:26px 0 10px}
.page-content.page-narrow p{margin:0 0 14px}
.page-content.page-narrow strong{color:var(--text)}
/* ================================================================
CHECKOUT PAYMENT REDESIGN (Payment Plugins) - Jul 2026
================================================================ */
.woocommerce-checkout #payment{background:transparent}
.woocommerce-checkout ul.wc_payment_methods{display:flex;flex-direction:column;gap:10px;list-style:none;margin:18px 0 4px;padding:0}
.woocommerce-checkout li.wc_payment_method{position:relative;border:1px solid var(--line-2);border-radius:14px;background:var(--bg-2);padding:0;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}
.woocommerce-checkout li.wc_payment_method:hover{border-color:var(--accent)}
.woocommerce-checkout li.wc_payment_method:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px rgba(28,95,238,.12)}
html[data-theme="dark"] .woocommerce-checkout li.wc_payment_method:has(input:checked){box-shadow:0 0 0 3px rgba(59,140,255,.18)}
.woocommerce-checkout li.wc_payment_method > input.input-radio{position:absolute;left:16px;top:22px;margin:0;width:18px;height:18px;accent-color:var(--accent);cursor:pointer}
.woocommerce-checkout li.wc_payment_method > label{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:15px 16px 15px 46px;margin:0!important;font-weight:700;font-size:15px;cursor:pointer;color:var(--text)}
.woocommerce-checkout li.wc_payment_method > label img{height:22px;width:auto;border-radius:4px}
.woocommerce-checkout li.wc_payment_method > label img:first-of-type{margin-left:auto}
.woocommerce-checkout div.payment_box{background:var(--bg-1)!important;border-radius:0!important;margin:0!important;padding:16px 16px 18px!important;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;line-height:1.55}
.woocommerce-checkout div.payment_box::before{display:none!important;content:none!important;border:0!important}
.woocommerce-checkout .wc-payment-form{margin:0}
.woocommerce-checkout .woocommerce-SavedPaymentMethods-saveNew{display:flex;align-items:center;gap:9px;margin:13px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.woocommerce-checkout .woocommerce-SavedPaymentMethods-saveNew input{accent-color:var(--accent);width:15px;height:15px;margin:0}
.woocommerce-checkout #place_order{width:100%;border:0;border-radius:999px;padding:17px 26px;font-family:var(--font);font-weight:700;font-size:15.5px;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;margin-top:16px}
.woocommerce-checkout #place_order:active{transform:translateY(0) scale(.99)}
.woocommerce-privacy-policy-text p{font-size:12.5px;color:var(--muted-2);line-height:1.55;margin:14px 0 0}
/* express buttons (GPay/ApplePay) spacing no checkout/cart */
.wc-stripe-payment-request-container,.wc-stripe-express-container{margin:10px 0}
/* ================================================================
SERVICES (PC-Bau, Reparaturen) + lead forms - Jul 2026
================================================================ */
.field input[type=text],.field input[type=email],.field input[type=tel],.field textarea{width:100%;background:var(--bg-1);border:1px solid var(--line-2);color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;padding:13px 15px;border-radius:12px;transition:border-color .15s}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--accent)}
.field textarea{resize:vertical;min-height:74px}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
.form-error{background:rgba(216,69,95,.09);border-left:3px solid var(--gC);padding:11px 14px;border-radius:10px;font-size:13.5px;color:var(--text);margin:0 0 14px}
.bbcard .linkish{margin-top:12px}
/* home service cards */
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
.svc-card{display:flex;flex-direction:column;gap:12px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);padding:26px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .2s ease;color:var(--text)}
.svc-card:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--accent)}
.svc-ic{width:46px;height:46px;border-radius:13px;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.svc-ic svg{width:24px;height:24px}
.svc-card h3{font-family:var(--display);font-weight:600;font-size:21px;margin:2px 0 0}
.svc-card p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0}
.svc-card .pt-go{color:var(--accent);margin-top:auto}
@media(max-width:680px){.svc-grid{grid-template-columns:1fr;gap:13px}}
/* ================================================================
HERO SLIDER - Jul 2026
================================================================ */
.heroslider{position:relative;overflow:hidden;display:grid;padding:0}
.heroslider > .hslide{grid-area:1/1;position:relative;transition:opacity .75s ease;padding:104px 0 96px}
@media(max-width:900px){.heroslider > .hslide{padding:72px 0 66px}}
.heroslider > .hslide:not(.is-on){opacity:0;visibility:hidden;pointer-events:none}
.heroslider > .hslide.is-on{opacity:1;visibility:visible}
/* HERO CLEAN centrado (Apple style) - Jul 2026 */
.hero .wrap.hero-c{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 28px 0;gap:0}
.hero-c .eyebrow{margin-bottom:0}
.hero-c h1,.hero-c .h1x{margin:16px 0 16px;font-size:clamp(30px,3.7vw,54px);line-height:1.08;letter-spacing:-.028em;font-weight:700;color:var(--text);max-width:980px}
.acc{color:var(--accent)}
.hero-c .lead{max-width:620px;font-size:clamp(15.5px,1.35vw,19px);margin:0 0 30px;color:var(--muted)}
.hero-c .hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hdots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:6}
.hdots button{width:9px;height:9px;border-radius:999px;border:0;padding:0;background:rgba(120,140,170,.45);cursor:pointer;transition:all .25s ease}
.hdots button.on{background:var(--accent);width:24px}
@media(max-width:900px){
.hero .wrap.hero-c{padding:10px 22px 0}
}
@media(prefers-reduced-motion:reduce){.heroslider .hslide{transition:none}}
/* fundo dos slides, glow subtil apenas (sem grid lines) */
.heroslider::before,.heroslider::after{display:none!important;content:none!important}
.heroslider .hslide{position:relative;overflow:hidden}
.heroslider .hslide::after{content:"";position:absolute;inset:0;z-index:0;background:
radial-gradient(900px 560px at 50% 0%,rgba(28,95,238,.05),transparent 62%),
radial-gradient(700px 480px at 50% 100%,rgba(25,200,220,.05),transparent 60%)}
.heroslider .hslide .wrap{position:relative;z-index:2}
/* ================================================================
FX - Jul 2026 (apenas particulas do hero)
================================================================ */
.fx-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
@media(prefers-reduced-motion:reduce){.fx-canvas{display:none}}
/* ================================================================
TRUSTBAR estatica (substitui marquee) - Jul 2026
================================================================ */
.trustbar{background:var(--bg-1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tb-in{display:flex;justify-content:center;gap:clamp(18px,4vw,54px);padding:15px 28px;flex-wrap:wrap}
.tb-i{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted)}
.tb-i svg{width:15px;height:15px;color:var(--accent);flex-shrink:0}
@media(max-width:680px){.tb-in{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;justify-items:start;padding:14px 22px}}
/* ================================================================
MOTION V2 - Jul 2026 (reveals coreografados, parallax targets)
================================================================ */
html.js-anim .mv{opacity:0;transform:translateY(26px);filter:blur(6px)}
html.js-anim .mv.mv-in{opacity:1;transform:none;filter:none;
transition:opacity .85s cubic-bezier(.2,.7,.2,1) var(--mvd,0s),transform .85s cubic-bezier(.2,.7,.2,1) var(--mvd,0s),filter .7s ease var(--mvd,0s)}
html.js-anim .mv.mv-in:hover{transition-delay:0s}
.fx-canvas,.footmark,.hero-c{will-change:transform}
@media(prefers-reduced-motion:reduce){
html.js-anim .mv{opacity:1;transform:none;filter:none}
}
/* ================================================================
POLISH FINAL - Jul 2026 (header scroll state, aurora, detalhes)
================================================================ */
/* header responde ao scroll */
.site-nav{transition:box-shadow .35s ease}
.nav{transition:height .35s cubic-bezier(.2,.8,.2,1)}
html.is-scrolled .site-nav{box-shadow:0 8px 30px -14px rgba(10,22,40,.16)}
html.is-scrolled .nav{height:64px}
@media(max-width:900px){html.is-scrolled .nav{height:58px}}
/* aurora abstrata, deriva lenta (hero) */
.heroslider .hslide::before{content:"";position:absolute;inset:-22%;z-index:0;pointer-events:none;background:
radial-gradient(36% 30% at 28% 26%,rgba(28,95,238,.10),transparent 70%),
radial-gradient(30% 26% at 74% 18%,rgba(25,200,220,.09),transparent 70%),
radial-gradient(36% 32% at 62% 82%,rgba(28,95,238,.07),transparent 72%);
animation:mgAura 26s ease-in-out infinite alternate}
[data-theme="dark"] .heroslider .hslide::before{background:
radial-gradient(36% 30% at 28% 26%,rgba(64,124,255,.14),transparent 70%),
radial-gradient(30% 26% at 74% 18%,rgba(25,200,220,.11),transparent 70%),
radial-gradient(36% 32% at 62% 82%,rgba(64,124,255,.09),transparent 72%)}
@keyframes mgAura{from{transform:translate3d(-2.2%,-1.6%,0) scale(1)}to{transform:translate3d(2.2%,1.8%,0) scale(1.07)}}
/* aurora no sellband (bloco navy) */
.sellband::before{content:"";position:absolute;inset:-24%;z-index:0;pointer-events:none;background:
radial-gradient(34% 40% at 22% 30%,rgba(64,124,255,.16),transparent 70%),
radial-gradient(30% 36% at 78% 72%,rgba(25,200,220,.12),transparent 70%);
animation:mgAura 30s ease-in-out infinite alternate}
.sellband .wrap{position:relative;z-index:2}
/* detalhes de qualidade */
::selection{background:rgba(28,95,238,.18);color:inherit}
.btn:active{transform:scale(.975)}
.footgrid ul a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s ease,color .2s ease}
.footgrid ul a:hover{background-size:100% 1px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}
@media(pointer:fine){
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(100,115,140,.32);border-radius:8px;border:3px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:rgba(100,115,140,.52)}
}
@media(prefers-reduced-motion:reduce){
.heroslider .hslide::before,.sellband::before{animation:none}
html.is-scrolled .nav,.nav{transition:none}
}
/* ================================================================
MEIN KONTO (WooCommerce my-account logado) - Jul 2026
================================================================ */
body.woocommerce-account.logged-in .woocommerce{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px 28px;align-items:start}
body.woocommerce-account.logged-in .woocommerce>.woocommerce-notices-wrapper{grid-column:1 / -1;grid-row:1}
body.woocommerce-account.logged-in .woocommerce>.woocommerce-MyAccount-navigation{grid-column:1;grid-row:2}
body.woocommerce-account.logged-in .woocommerce>.woocommerce-MyAccount-content{grid-column:2;grid-row:2}
body.woocommerce-account .woocommerce-MyAccount-navigation{float:none!important;width:100%!important}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;gap:2px}
.woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;font-weight:600;font-size:14.5px;color:var(--muted);transition:background .16s ease,color .16s ease}
.woocommerce-MyAccount-navigation li a:hover{background:var(--surf);color:var(--text)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--surf);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{color:#c0392b}
body.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:100%!important;min-width:0;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.woocommerce-MyAccount-content>p{margin-bottom:14px;color:var(--muted);font-size:15px;line-height:1.6}
.woocommerce-MyAccount-content>p:first-child{color:var(--text)}
.woocommerce-MyAccount-content a{color:var(--accent);font-weight:600}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-size:20px;margin:22px 0 12px}
.woocommerce-MyAccount-content fieldset{border:0;padding:0;margin:18px 0 0}
.woocommerce-MyAccount-content legend{font-weight:700;font-size:16px;margin-bottom:10px;color:var(--text)}
/* tabelas (bestellungen) */
.woocommerce-MyAccount-content table{width:100%;border-collapse:collapse;font-size:14.5px}
.woocommerce-MyAccount-content table th,.woocommerce-MyAccount-content table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-content table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}
/* address cards */
.woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.woocommerce-Address{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:18px}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.woocommerce-Address-title h3{margin:0;font-size:16.5px}
.woocommerce-Address address{font-style:normal;color:var(--muted);line-height:1.6;font-size:14.5px}
/* forms dentro do konto */
.woocommerce-MyAccount-content .woocommerce-form-row,.woocommerce-MyAccount-content .form-row{margin:0 0 14px;display:block}
.woocommerce-MyAccount-content .woocommerce-form-row label,.woocommerce-MyAccount-content .form-row label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-bottom:7px}
.woocommerce-MyAccount-content input.input-text,.woocommerce-MyAccount-content select,.woocommerce-MyAccount-content .woocommerce-Input{width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:11px;background:var(--bg-1);color:var(--text);font-family:var(--font);font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}
.woocommerce-MyAccount-content input.input-text:focus,.woocommerce-MyAccount-content select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(28,95,238,.12)}
.woocommerce-MyAccount-content button[type="submit"],.woocommerce-MyAccount-content .button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border:0;cursor:pointer;font-family:var(--font);font-weight:700;font-size:14.5px;padding:13px 26px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease;margin-top:6px}
.woocommerce-MyAccount-content button[type="submit"]:hover,.woocommerce-MyAccount-content .button:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(10,22,40,.4)}
/* estados vazios e avisos dentro do konto */
.woocommerce-MyAccount-content .woocommerce-message,.woocommerce-MyAccount-content .woocommerce-info{background:var(--bg-1);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:14px 16px;margin-bottom:16px;color:var(--muted);font-size:14.5px}
@media(max-width:900px){
body.woocommerce-account.logged-in .woocommerce{grid-template-columns:1fr;gap:18px}
body.woocommerce-account.logged-in .woocommerce>.woocommerce-MyAccount-navigation{grid-column:1;grid-row:2}
body.woocommerce-account.logged-in .woocommerce>.woocommerce-MyAccount-content{grid-column:1;grid-row:3}
.woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:wrap;gap:4px}
.woocommerce-MyAccount-navigation li a{padding:9px 13px;font-size:13.5px;border-radius:999px}
.woocommerce-MyAccount-navigation li.is-active a{box-shadow:inset 0 0 0 1.5px var(--accent)}
.woocommerce-MyAccount-content{padding:20px}
.woocommerce-Addresses{grid-template-columns:1fr}
.woocommerce-MyAccount-content table{font-size:13.5px}
}
/* warenkorb, input do gutschein com largura decente */
.woocommerce-cart td.actions .coupon{display:flex;gap:10px;align-items:center}
.woocommerce-cart td.actions .coupon input#coupon_code{width:210px!important;min-width:0;padding:12px 14px;border:1px solid var(--line-2);border-radius:11px;background:var(--bg-1);color:var(--text);font-family:var(--font);font-size:14px}
@media(max-width:680px){.woocommerce-cart td.actions .coupon{flex-wrap:wrap}.woocommerce-cart td.actions .coupon input#coupon_code{width:100%!important}}
/* mobnav, links de servico empilhados */
.mobnav-sec>a{display:block;padding:12px 0;border-top:1px solid var(--line)}
.mobnav-sec>a:first-of-type{border-top:0}
/* MOBILE HEADER FIX, tudo cabe a 390px */
@media(max-width:560px){
.nav{gap:9px}
.logo{gap:0}
.logo .brand{display:none}
.logo .emblem{width:37px;height:37px}
.searchbtn,.iconbtn{padding:9px 11px}
.iconbtn svg,.searchbtn svg{width:17px;height:17px}
.burger{width:38px;height:38px}
}
/* ================================================================
THEME CIRCLE REVEAL - Jul 2026
================================================================ */
/* circle reveal do tema, o antigo fica quieto por baixo */
::view-transition-old(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:none;mix-blend-mode:normal}
/* ================================================================
SHOP TILES + FILTERS - Jul 2026 (pedido Vincenzo)
================================================================ */
/* tiles de categoria estilo natelo */
.ctwrap{margin:2px 0 26px}
.ct-label{display:block;font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:14px}
.cattiles{display:flex;gap:26px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cattiles::-webkit-scrollbar{display:none}
.cattile{display:flex;flex-direction:column;align-items:center;gap:11px;flex-shrink:0}
.cattile .ct-ic{width:92px;height:92px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink);transition:border-color .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.cattile .ct-ic svg{width:46px;height:46px;stroke-width:1.7}
.cattile .ct-ic img{width:76%;height:76%;object-fit:contain}
.cattile:hover .ct-ic{border-color:var(--muted-2);transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(10,22,40,.22)}
.cattile.is-on .ct-ic{border-color:var(--accent);box-shadow:0 0 0 3px rgba(28,95,238,.10)}
.cattile .ct-n{font-size:13.5px;font-weight:600;color:var(--text);text-align:center;line-height:1.3;max-width:110px}
.cattile.is-on .ct-n{color:var(--accent);font-weight:700}
/* layout com sidebar */
.shopgrid{display:grid;grid-template-columns:248px minmax(0,1fr);gap:30px;align-items:start}
.shopmain{min-width:0}
.shopfilters{position:sticky;top:96px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 20px;max-height:calc(100vh - 120px);overflow:auto}
.flt-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.flt-title{font-size:16px;font-weight:800;letter-spacing:-.01em}
.flt-close{display:none;background:none;border:0;cursor:pointer;color:var(--muted);padding:6px}
.flt-reset{display:inline-block;font-size:12.5px;font-weight:700;color:var(--accent);margin:2px 0 8px}
.flt-sec{border-top:1px solid var(--line);padding:14px 0 4px;margin-top:8px}
.flt-h{display:block;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px}
.flt-cats{list-style:none;margin:0;padding:0}
.flt-cats li{margin:0}
.flt-cats a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted);transition:background .15s ease,color .15s ease}
.flt-cats a:hover{background:var(--surf);color:var(--text)}
.flt-cats li.on a{color:var(--accent);background:rgba(28,95,238,.07)}
.flt-cats b{font-weight:600;font-size:12px;color:var(--muted-2)}
.flt-checks{list-style:none;margin:0;padding:0}
.flt-check{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted);transition:background .15s ease,color .15s ease}
.flt-check:hover{background:var(--surf);color:var(--text)}
.flt-check .box{width:19px;height:19px;border-radius:6px;border:1.5px solid var(--line-2);display:grid;place-items:center;flex-shrink:0;color:#fff;transition:background .15s ease,border-color .15s ease}
.flt-check.sel .box{background:var(--accent);border-color:var(--accent)}
.flt-check.sel{color:var(--text)}
.flt-check .lbl{flex:1}
.flt-check b{font-weight:600;font-size:12px;color:var(--muted-2)}
.flt-zust{display:inline-block;margin-top:14px;font-size:12.5px;font-weight:700;color:var(--accent)}
.filterbtn{display:none;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--text);border-radius:999px;padding:10px 18px;font-family:var(--font);font-weight:700;font-size:14px;cursor:pointer;margin:0 0 14px}
.shopfilters-ovl{display:none}
@media(max-width:980px){
.shopgrid{display:block}
.filterbtn{display:inline-flex}
.shopfilters{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);max-height:none;border-radius:0 18px 18px 0;transform:translateX(-105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:360;overflow-y:auto}
.shopfilters.open{transform:none;box-shadow:24px 0 80px -20px rgba(5,15,35,.4)}
.flt-close{display:block}
.shopfilters-ovl{display:block;position:fixed;inset:0;background:rgba(8,14,26,.4);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:350}
.shopfilters-ovl.open{opacity:1;pointer-events:auto}
.cattile{min-width:92px}
.cattile .ct-ic{width:56px;height:56px}
.cattile .ct-ic svg{width:31px;height:31px}
}
@media(prefers-reduced-motion:reduce){.shopfilters{transition:none}.cattile{transition:none}}
/* ================================================================
PAGINACAO MODERNA + toolbar shop - Jul 2026
================================================================ */
.woocommerce nav.woocommerce-pagination{margin-top:44px;text-align:center}
.woocommerce nav.woocommerce-pagination ul{display:inline-flex;gap:6px;border:0;margin:0;padding:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);color:var(--muted);font-family:var(--font);font-weight:600;font-size:14.5px;transition:border-color .18s ease,color .18s ease,background .18s ease;line-height:1}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--line-2);color:var(--text);background:var(--bg-2)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.woocommerce nav.woocommerce-pagination ul li .dots{border:0;background:transparent;min-width:26px;padding:0;color:var(--muted-2)}
.woocommerce nav.woocommerce-pagination ul li a.prev,.woocommerce nav.woocommerce-pagination ul li a.next{color:var(--text)}
/* toolbar, count + sort */
.woocommerce-result-count{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}
.woocommerce-ordering select{appearance:none;-webkit-appearance:none;background:var(--bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235c6677' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid var(--line-2);border-radius:999px;padding:11px 42px 11px 18px;font-family:var(--font);font-weight:600;font-size:14px;color:var(--text);cursor:pointer;transition:border-color .2s ease}
.woocommerce-ordering select:hover{border-color:var(--muted-2)}
.woocommerce-ordering select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Preis anfragen (produtos sem preco) */
.pinquiry{margin:6px 0 22px;padding:16px 18px;background:var(--bg-1);border:1px solid var(--line);border-radius:14px}
.pinquiry .pinq-note{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 14px}
.pinquiry .pinq-btn{width:100%;justify-content:center}
/* ================================================================
LANGUAGE POPUP (estilo natelo) + switcher footer - Jul 2026
================================================================ */
.langpop{position:fixed;right:22px;bottom:22px;z-index:380;background:var(--bg-2);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px -20px rgba(10,22,40,.35);padding:18px 18px 16px;max-width:420px;opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.langpop.show{opacity:1;transform:none}
.lp-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.lp-flag{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--bg-1);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:12px;color:var(--text)}
.lp-txt b{display:block;font-size:15px;margin-bottom:3px;color:var(--text)}
.lp-txt span{font-size:13px;color:var(--muted);line-height:1.5}
.lp-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lp-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:var(--bg-1);color:var(--text);border-radius:999px;padding:9px 15px;font-family:var(--font);font-weight:700;font-size:13.5px;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}
.lp-pill i{font-style:normal;font-size:10.5px;font-weight:800;color:var(--muted-2)}
.lp-pill:hover{border-color:var(--muted-2)}
.lp-pill.on{background:var(--accent);border-color:var(--accent);color:#fff}
.lp-pill.on i{color:rgba(255,255,255,.75)}
.lp-x{margin-left:auto;background:none;border:0;cursor:pointer;color:var(--muted);padding:8px;border-radius:50%;display:grid;place-items:center}
.lp-x:hover{background:var(--surf);color:var(--text)}
@media(max-width:560px){.langpop{right:12px;left:12px;bottom:12px;max-width:none}}
/* switcher no footer */
.lang-foot{display:inline-flex;gap:4px;margin-left:18px;vertical-align:middle}
.lang-foot button{background:none;border:1px solid var(--band-line);color:rgba(200,215,235,.75);border-radius:8px;padding:4px 9px;font-family:var(--font);font-weight:700;font-size:11.5px;cursor:pointer;transition:.18s}
.lang-foot button:hover{color:#fff;border-color:rgba(200,215,235,.5)}
/* esconder a barra do google translate */
.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
body{top:0!important}
.skiptranslate iframe{display:none!important}
@media(prefers-reduced-motion:reduce){.langpop{transition:none}}
/* ===== Mobile Suche, Lupe oeffnet Leiste (Jul 2026) ===== */
.searchtoggle{display:none}
.msearch{border-bottom:1px solid var(--line);background:var(--bg-1);animation:msDrop .22s cubic-bezier(.2,.8,.2,1)}
@keyframes msDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.msearch-form{display:flex;align-items:center;gap:10px;max-width:var(--maxw);margin:0 auto;padding:12px 28px}
.msearch-form>svg{width:19px;height:19px;color:var(--muted-2);flex-shrink:0}
.msearch-form input[type=search]{flex:1;min-width:0;background:var(--surf);border:1px solid transparent;border-radius:999px;padding:0 16px;height:46px;color:var(--text);font-family:var(--font);font-size:16px;outline:0;transition:.18s}
.msearch-form input[type=search]:focus{border-color:var(--line-2);background:var(--bg-2)}
.msearch-form input::placeholder{color:var(--muted-2)}
.msearch-x{width:40px;height:40px;flex-shrink:0;border:0;background:transparent;color:var(--muted);border-radius:999px;cursor:pointer;display:grid;place-items:center}
.msearch-x:hover{background:var(--surf);color:var(--text)}
@media(max-width:680px){.searchtoggle{display:flex}}
/* ===== Suche innerhalb Kategorie, oben in der Liste (Jul 2026) ===== */
.catsearch{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 18px;margin:0 0 18px;transition:.18s}
.catsearch:focus-within{border-color:var(--line-2);box-shadow:0 0 0 4px var(--surf)}
.catsearch>svg{width:18px;height:18px;color:var(--muted-2);flex-shrink:0}
.catsearch input[type=search]{flex:1;min-width:0;background:0;border:0;outline:0;color:var(--text);font-family:var(--font);font-size:15px;height:40px}
.catsearch input::placeholder{color:var(--muted-2)}
.catsearch button[type=submit]{flex-shrink:0;background:var(--ink);color:var(--bg,#fff);border:0;border-radius:999px;padding:0 20px;height:40px;font-family:var(--font);font-weight:700;font-size:14px;cursor:pointer;transition:.15s}
.catsearch button[type=submit]:hover{opacity:.9}
.catsearch-reset{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;color:var(--muted);border-radius:999px;margin-right:2px}
.catsearch-reset:hover{background:var(--surf);color:var(--text)}
@media(max-width:560px){
.catsearch{padding-left:14px;gap:8px}
.catsearch button[type=submit]{padding:0 15px}
}
/* search-inline agora e um trigger (abre modal) */
.search-inline{cursor:pointer;text-align:left;font-family:var(--font);color:var(--muted-2)}
.search-inline .si-ph{font-size:14.5px;color:var(--muted-2)}
.search-inline:hover{background:var(--bg-2);border-color:var(--line-2)}
/* ===== Modal de pesquisa (Jul 2026) ===== */
body.smodal-on{overflow:hidden}
.smodal{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:flex-start}
.smodal[hidden]{display:none}
.smodal-bg{position:absolute;inset:0;background:rgba(8,14,26,.55);backdrop-filter:blur(3px);animation:smfade .2s ease}
@keyframes smfade{from{opacity:0}to{opacity:1}}
.smodal-panel{position:relative;width:min(640px,94vw);margin-top:11vh;background:var(--bg-1);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px -20px rgba(8,14,26,.5);overflow:hidden;animation:smpop .24s cubic-bezier(.2,.85,.25,1)}
@keyframes smpop{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}
.smodal-top{display:flex;align-items:center;gap:12px;padding:16px 16px;border-bottom:1px solid var(--line)}
.smodal-ic{width:21px;height:21px;color:var(--muted-2);flex-shrink:0;margin-left:4px}
.smodal-top input[type=search]{flex:1;min-width:0;background:0;border:0;outline:0;color:var(--text);font-family:var(--font);font-size:18px;font-weight:500}
.smodal-top input::placeholder{color:var(--muted-2)}
.smodal-top input::-webkit-search-cancel-button{-webkit-appearance:none}
.smodal-x{width:38px;height:38px;flex-shrink:0;border:0;background:var(--surf);color:var(--muted);border-radius:999px;cursor:pointer;display:grid;place-items:center;transition:.15s}
.smodal-x:hover{background:var(--line);color:var(--text)}
.smodal-body{max-height:min(60vh,520px);overflow-y:auto;overscroll-behavior:contain}
.smodal-hint,.smodal-empty,.smodal-load{padding:26px 22px;color:var(--muted-2);font-size:14.5px;text-align:center}
.smodal-empty b{color:var(--text)}
.smodal-load{display:flex;align-items:center;justify-content:center;gap:10px}
.sspin{width:16px;height:16px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:sspin .7s linear infinite}
@keyframes sspin{to{transform:rotate(360deg)}}
.smodal-list{display:flex;flex-direction:column;padding:8px}
.smodal-list li a{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:13px;transition:background .13s ease}
.smodal-list li a:hover{background:var(--surf)}
.sr-media{width:52px;height:52px;flex-shrink:0;border-radius:10px;background:var(--surf);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.sr-media img{width:100%;height:100%;object-fit:contain}
.sr-glyph svg{width:26px;height:26px;color:var(--muted-2)}
.sr-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sr-title{font-weight:600;font-size:15px;color:var(--text);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-plat{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted-2);width:max-content}
.sr-plat svg{width:14px;height:14px}
.sr-price{flex-shrink:0;font-weight:800;font-size:14px;color:var(--text);white-space:nowrap}
.smodal-all{display:block;text-align:center;padding:15px;border-top:1px solid var(--line);font-weight:700;font-size:14px;color:var(--accent)}
.smodal-all:hover{background:var(--surf)}
@media(max-width:560px){
.smodal-panel{margin-top:0;width:100vw;height:100%;border-radius:0;border:0}
.smodal-body{max-height:calc(100vh - 72px)}
}
/* ===== Selo de plataforma no card (Jul 2026) ===== */
.pmedia{position:relative}
.pplat{position:absolute;bottom:10px;left:10px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:5px 11px 5px 8px;font-size:11.5px;font-weight:700;line-height:1;box-shadow:0 2px 10px rgba(8,14,26,.12);max-width:calc(100% - 20px)}
.pplat svg{width:15px;height:15px;flex-shrink:0}
.pplat span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-theme=dark] .pplat{background:rgba(20,28,42,.9);color:#eaf1fb;border-color:rgba(255,255,255,.14)}
@media(max-width:560px){.pplat{bottom:8px;left:8px;padding:4px 9px 4px 7px;font-size:10.5px}.pplat svg{width:13px;height:13px}}
/* ===== Estado inicial do modal, categorias + pesquisas recomendadas ===== */
.ss-empty{padding:14px 16px 18px}
.ss-sec{margin-top:14px}
.ss-sec:first-child{margin-top:0}
.ss-h{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin:0 4px 11px}
.ss-clear{margin-left:auto;background:0;border:0;color:var(--accent);font-family:var(--font);font-weight:700;font-size:11px;letter-spacing:.02em;text-transform:none;cursor:pointer;padding:2px 4px}
.ss-clear:hover{text-decoration:underline}
.ss-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.ss-cat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border:1px solid var(--line);border-radius:14px;background:var(--bg-2);transition:.15s}
.ss-cat:hover{border-color:var(--accent);background:var(--surf);transform:translateY(-2px)}
.ss-cat-ic{display:grid;place-items:center;color:var(--text)}
.ss-cat-ic svg{width:26px;height:26px}
.ss-cat span:last-child{font-size:12px;font-weight:700;color:var(--text)}
.ss-chips{display:flex;flex-wrap:wrap;gap:8px}
.ss-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:9px 15px;font-family:var(--font);font-weight:600;font-size:13.5px;cursor:pointer;transition:.15s}
.ss-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--surf)}
.ss-chip-recent svg{color:var(--muted-2);flex-shrink:0}
.ss-chip-recent:hover svg{color:var(--accent)}
@media(max-width:560px){
.ss-cats{grid-template-columns:repeat(3,1fr)}
.ss-cat{padding:12px 6px}
}
/* console tiles, foto real quando existe, senao nome dentro do circulo (sem logo repetido) */
.cattile .ct-ic.ct-photo{background:#fff}
.cattile .ct-ic.ct-photo img{width:88%;height:88%;object-fit:contain}
.cattile-txt .ct-ic{padding:8px}
.ct-inname{font-size:12.5px;font-weight:700;color:var(--text);text-align:center;line-height:1.2}
.cattile-txt .ct-n{display:none}
[data-theme=dark] .cattile .ct-ic.ct-photo{background:#fff}
/* ===== Galeria estilo natelo (25 Jul 2026) ===== */
.woocommerce div.product .woocommerce-product-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start;opacity:1!important}
.woocommerce div.product .woocommerce-product-gallery .flex-viewport{grid-column:2;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.woocommerce div.product .woocommerce-product-gallery ol.flex-control-thumbs{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}
.woocommerce div.product .woocommerce-product-gallery ol.flex-control-thumbs li{width:76px;height:76px;margin:0;float:none}
.woocommerce div.product .woocommerce-product-gallery ol.flex-control-thumbs li img{width:100%;height:100%;object-fit:cover;border:1.5px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;opacity:1;transition:border-color .15s ease}
.woocommerce div.product .woocommerce-product-gallery ol.flex-control-thumbs li img:hover{border-color:var(--muted-2)}
.woocommerce div.product .woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(28,95,238,.12)}
/* sem slider (1 foto), ocupa tudo */
.woocommerce div.product .woocommerce-product-gallery:not(:has(ol.flex-control-thumbs)){display:block}
@media(max-width:860px){
.woocommerce div.product .woocommerce-product-gallery{display:block}
.woocommerce div.product .woocommerce-product-gallery .flex-viewport{width:100%}
.woocommerce div.product .woocommerce-product-gallery ol.flex-control-thumbs{flex-direction:row;margin-top:10px}
.woocommerce div.product .woocommerce-product-gallery ol.flex-control-thumbs li{width:62px;height:62px}
}
/* eyebrow marca + zustand */
.p-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.p-brand{font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.p-zbadge{font-size:11px;font-weight:800;letter-spacing:.04em;background:rgba(13,157,102,.12);color:#0d9d66;border-radius:99px;padding:4px 11px}
[data-theme=dark] .woocommerce div.product .woocommerce-product-gallery .flex-viewport,[data-theme=dark] .woocommerce div.product .woocommerce-product-gallery__wrapper{background:#fff}
/* ===== Tipografia do conteudo de produto (descricoes gerados pelo Intake) ===== */
.woocommerce div.product .woocommerce-Tabs-panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:26px 28px}
.woocommerce div.product .woocommerce-Tabs-panel>h2:first-child{display:none}
.woocommerce-Tabs-panel p{margin:0 0 14px;line-height:1.7;color:var(--text);font-size:15px;max-width:760px}
.woocommerce-Tabs-panel p:last-child{margin-bottom:0}
.woocommerce-Tabs-panel ul{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:9px;max-width:760px}
.woocommerce-Tabs-panel ul li{position:relative;padding-left:24px;line-height:1.6;font-size:15px;color:var(--text)}
.woocommerce-Tabs-panel ul li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
/* short description no summary */
.woocommerce div.product .woocommerce-product-details__short-description p{margin:0 0 10px;line-height:1.65;color:var(--muted);font-size:15px}
.woocommerce div.product .woocommerce-product-details__short-description p:last-child{margin-bottom:0}
/* tabela de atributos (tab Details) */
.woocommerce table.woocommerce-product-attributes{border:0;border-collapse:collapse;width:100%;max-width:640px}
.woocommerce table.woocommerce-product-attributes tr{border-bottom:1px solid var(--line)}
.woocommerce table.woocommerce-product-attributes tr:last-child{border-bottom:0}
.woocommerce table.woocommerce-product-attributes th{background:transparent;font-family:var(--font);font-weight:600;color:var(--muted-2);padding:12px 18px 12px 0;text-align:left;width:200px;font-size:14px}
.woocommerce table.woocommerce-product-attributes td{background:transparent;padding:12px 0;font-style:normal;color:var(--text);font-weight:600;font-size:14.5px}
.woocommerce table.woocommerce-product-attributes td p{margin:0;line-height:1.5}
@media(max-width:680px){
.woocommerce div.product .woocommerce-Tabs-panel{padding:20px 18px}
.woocommerce table.woocommerce-product-attributes th{width:130px;padding-right:12px}
}
.woocommerce table.woocommerce-product-attributes tr:nth-child(even) th,.woocommerce table.woocommerce-product-attributes tr:nth-child(even) td,.woocommerce table.woocommerce-product-attributes tr:nth-child(odd) th,.woocommerce table.woocommerce-product-attributes tr:nth-child(odd) td{background:transparent!important}
/* ===== Galeria v2, flexslider-safe (25 Jul 2026) ===== */
.woocommerce div.product .woocommerce-product-gallery .flex-viewport{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.woocommerce div.product .woocommerce-product-gallery__wrapper{background:#fff}
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{position:relative;aspect-ratio:1/1;overflow:hidden;background:#fff;margin:0!important}
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a{position:absolute;inset:0;display:block}
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;padding:22px}
/* sem slider (1 foto) o wrapper e o proprio card */
.woocommerce div.product .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
/* ===== Homepage visual (25 Jul 2026) ===== */
.heroslider .hero-c.hero-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;text-align:left}
.heroslider .hero-c.hero-split .hero-txt{max-width:640px}
.hero-stage{position:relative;display:grid;place-items:center;min-height:440px}
.hs-glow{position:absolute;inset:6%;background:radial-gradient(closest-side,rgba(28,95,238,.13),rgba(28,95,238,0) 72%);filter:blur(4px);pointer-events:none}
.hs-float{position:relative;width:min(430px,100%);aspect-ratio:1/1;animation:hsfloat 6.5s ease-in-out infinite alternate}
.hs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.92) translateY(16px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 30px 44px rgba(10,22,40,.22));will-change:opacity,transform;pointer-events:none}
.hs-img.is-on{opacity:1;transform:scale(1) translateY(0)}
@keyframes hsfloat{from{transform:translateY(-8px)}to{transform:translateY(10px)}}
@media(max-width:1024px){.heroslider .hero-c.hero-split{grid-template-columns:1fr;text-align:center}.heroslider .hero-c.hero-split .hero-txt{max-width:none}.hero-stage{min-height:300px;margin-top:4px}.hs-float{width:min(300px,78vw)}}
/* plat tiles com imagem */
.plat-tile{overflow:hidden}
.pt-img{position:absolute;right:14px;top:14px;width:104px;height:104px;display:grid;place-items:center;pointer-events:none}
.pt-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(10,22,40,.18));transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.plat-tile:hover .pt-img img{transform:scale(1.07) rotate(-2deg)}
.plat-tile .pt-body{max-width:calc(100% - 108px)}
@media(max-width:600px){.pt-img{width:84px;height:84px;right:12px;top:auto;bottom:44px}}
/* home products, grid proprio (a homepage nao tem as classes woo do shop) */
.home-products{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-products li{margin:0;list-style:none}
.home-products .pcard{height:100%}
.home-products-more{text-align:center;margin-top:28px}
@media(max-width:1024px){.home-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
.home-products{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:26px -20px 0;padding:4px 20px 8px}
.home-products::-webkit-scrollbar{display:none}
.home-products li{flex:0 0 68%;scroll-snap-align:start}
}
/* ===== Produto, seccao descricao estilo digitec ===== */
.woocommerce div.product .pd-grid{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;margin-top:44px;align-items:start;width:100%}
.pd-h{display:block;font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:14px}
.pd-desc{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:28px 30px}
.pd-body>p:first-child{font-size:17px;line-height:1.65;color:var(--text);font-weight:500;margin-bottom:18px}
.pd-body p{margin:0 0 14px;line-height:1.7;font-size:15px;color:var(--muted)}
.pd-body p:last-child{margin-bottom:0;font-size:13.5px;color:var(--muted-2);border-top:1px solid var(--line);padding-top:14px}
.pd-body ul{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pd-body ul li{position:relative;padding:12px 14px 12px 40px;background:var(--bg-1);border:1px solid var(--line);border-radius:12px;line-height:1.5;font-size:14px;color:var(--text);font-weight:500}
.pd-body ul li::before{content:"";position:absolute;left:13px;top:14px;width:17px;height:17px;border-radius:50%;background:rgba(28,95,238,.1) url('data:image/svg+xml;utf8,') center/9px no-repeat}
.pd-specs{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;position:sticky;top:96px}
.pd-specs .woocommerce-product-attributes{max-width:none}
@media(max-width:900px){.woocommerce div.product .pd-grid{grid-template-columns:1fr}.pd-specs{position:static}.pd-body ul{grid-template-columns:1fr}}
/* ===== Card polish (impeccable, 25 Jul 2026) ===== */
.pfoot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}
.pf-price{font-weight:800;font-size:16.5px;letter-spacing:-.01em;color:var(--text)}
.pf-price .woocommerce-Price-amount{font-weight:800}
.pf-price.pf-soon{font-weight:600;font-size:13px;color:var(--muted-2)}
.pf-go{width:34px;height:34px;flex-shrink:0;border-radius:999px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--muted);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .35s cubic-bezier(.19,1,.22,1)}
.pf-go svg{transition:transform .35s cubic-bezier(.19,1,.22,1)}
.pcard:hover .pf-go{background:var(--accent);border-color:var(--accent);color:#fff}
.pcard:hover .pf-go svg{transform:translateX(2px)}
.pbody{gap:0}
.pbody .ptitle{font-family:var(--font);font-weight:650;font-size:15.5px;letter-spacing:-.012em;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;margin-bottom:12px;transition:color .2s ease}
.pcard:hover .ptitle{color:var(--accent)}
/* selo Gepruft frosted mais fino */
.pmedia .grade{backdrop-filter:blur(6px)}
/* chips da descricao viram lista editorial (sem caixas dentro de caixas) */
.pd-body ul{grid-template-columns:1fr 1fr;gap:0 34px;margin:2px 0 18px}
.pd-body ul li{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:11px 0 11px 30px;font-weight:500;font-size:14.5px;color:var(--text)}
.pd-body ul li::before{left:2px;top:13px;width:18px;height:18px}
.pd-body ul li:last-child,.pd-body ul li:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--line)}
@media(max-width:900px){.pd-body ul{grid-template-columns:1fr;gap:0}}
/* plat tiles, tipografia e affordance */
.plat-tile h3{font-size:21px;letter-spacing:-.015em}
.plat-tile .pt-sub{color:var(--muted)}
.plat-tile .pt-go svg{transition:transform .3s cubic-bezier(.19,1,.22,1)}
.plat-tile:hover{border-color:var(--accent)}
/* movimento respeita reduced motion */
@media(prefers-reduced-motion:reduce){
.pcard,.pcard:hover,.pmedia img,.pcard:hover .pmedia img,.pf-go,.pf-go svg,.plat-tile{transition:none!important;transform:none!important}
.hs-float{animation:none!important}
.hs-img{transition:opacity .4s ease!important;transform:none!important}
}
/* ===== Galeria do produto, altura deterministica sem depender do JS (fix corte Safari/iPad, 26 Jul) ===== */
.woocommerce div.product .woocommerce-product-gallery .flex-viewport{height:auto!important}
.woocommerce div.product .woocommerce-product-gallery__wrapper{display:flex!important;align-items:stretch;height:auto!important}
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{float:none!important;flex:0 0 auto;width:100%;max-width:100%;min-width:0}
.woocommerce div.product .woocommerce-product-gallery__image img{width:100%!important;height:auto!important;max-width:100%!important}
.woocommerce div.product .woocommerce-product-gallery{overflow:hidden}
/* ===== Product summary premium + cards imagem completa + badges modernas (26 Jul) ===== */
.woocommerce div.product p.stock{display:inline-flex;align-items:center;gap:9px;background:rgba(13,157,102,.09);border:1px solid rgba(13,157,102,.26);color:#0b7d52;font-size:12.5px;font-weight:700;border-radius:999px;padding:8px 15px;margin:0 0 16px}
.woocommerce div.product p.stock::before{content:'';width:8px;height:8px;border-radius:50%;background:#12b877;box-shadow:0 0 0 0 rgba(18,184,119,.45);animation:mgStockPulse 2.4s infinite}
@keyframes mgStockPulse{70%{box-shadow:0 0 0 7px rgba(18,184,119,0)}100%{box-shadow:0 0 0 0 rgba(18,184,119,0)}}
html[data-theme=dark] .woocommerce div.product p.stock{background:rgba(18,184,119,.13);color:#4ade9d;border-color:rgba(18,184,119,.32)}
.woocommerce div.product p.stock.out-of-stock{background:rgba(214,64,64,.08);border-color:rgba(214,64,64,.28);color:#b04a4a}
.woocommerce div.product p.stock.out-of-stock::before{background:#d64040;animation:none}
.woocommerce div.product .summary p.price{margin:2px 0 14px}
.woocommerce div.product form.cart{margin:2px 0 8px}
.woocommerce div.product form.cart .single_add_to_cart_button{width:100%;padding:16px 30px;font-size:15.5px;border-radius:999px;letter-spacing:.01em}
.pmedia{background:#fff}
html[data-theme=dark] .pmedia{background:#fff}
.pmedia img{object-fit:contain;padding:14px;filter:none}
html[data-theme=dark] .pmedia img{filter:none}
.pcard:hover .pmedia img{transform:none}
.grade{top:10px;left:10px;background:rgba(9,15,28,.58);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);border:1px solid rgba(255,255,255,.22);padding:5px 12px 5px 5px;font-size:9.5px;letter-spacing:.13em;box-shadow:0 6px 18px -8px rgba(8,14,26,.5)}
.grade .b{width:17px;height:17px;background:linear-gradient(135deg,#0c9a63,#19c37f)!important;color:#fff}
.grade .b svg{width:10px;height:10px}
.pplat{background:rgba(255,255,255,.72);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);border:1px solid rgba(10,22,40,.08);box-shadow:0 6px 16px -8px rgba(8,14,26,.28);font-size:11px}
.woocommerce form.cart .quantity:has(> input[type=hidden][name=quantity]),.woocommerce div.product form.cart div.quantity.hidden{display:none!important}
/* Badge de estado nos cards, Neu / Gebraucht (26 Jul) */
.grade.cond{padding:6px 13px;font-size:9.5px;letter-spacing:.13em}
.grade.cond-neu{background:linear-gradient(135deg,#0c9a63,#19c37f);border-color:rgba(255,255,255,.25);box-shadow:0 6px 18px -8px rgba(13,157,102,.55)}
.grade.cond-used{background:rgba(9,15,28,.58)}
/* barra de progresso do Gratisversand no carrinho, estilo gamer (27 Jul) */
.mgm-fsbar{background:#fff;border:1px solid #e3e8f2;border-radius:16px;padding:15px 18px 17px;margin:0 0 20px;box-shadow:0 10px 26px -18px rgba(15,26,46,.28)}
.mgm-fsbar .fs-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.mgm-fsbar .fs-txt{font-size:14.5px;font-weight:600;color:#33415e}
.mgm-fsbar .fs-txt b{color:#0f1a2e;font-weight:800}
.mgm-fsbar .fs-goal{font-size:12.5px;font-weight:800;color:#8a93a8;letter-spacing:.05em;white-space:nowrap}
.mgm-fsbar .fs-track{position:relative;height:13px;border-radius:999px;background:#e9edf5;overflow:hidden}
.mgm-fsbar .fs-fill{position:absolute;top:0;bottom:0;left:0;width:var(--p,0%);border-radius:999px;background:linear-gradient(90deg,#1c5fee,#2fa8ff);box-shadow:0 0 14px rgba(28,95,238,.5);overflow:hidden;animation:fsGrow .9s cubic-bezier(.22,1,.36,1)}
.mgm-fsbar .fs-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-100%);animation:fsShine 2.6s infinite .5s}
@keyframes fsGrow{from{width:0}}
@keyframes fsShine{55%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.mgm-fsbar.is-frei .fs-fill{background:linear-gradient(90deg,#0c9a63,#19c37f);box-shadow:0 0 14px rgba(18,184,119,.55)}
.mgm-fsbar.is-frei .fs-txt{color:#0b7d52;font-weight:800}
.mgm-fsbar.is-frei .fs-goal{color:#0b9a63}
html[data-theme=dark] .mgm-fsbar{background:#141b2c;border-color:#26304a;box-shadow:0 10px 26px -18px rgba(0,0,0,.6)}
html[data-theme=dark] .mgm-fsbar .fs-txt{color:#c7d0e2}
html[data-theme=dark] .mgm-fsbar .fs-txt b{color:#fff}
html[data-theme=dark] .mgm-fsbar .fs-track{background:#232d47}
html[data-theme=dark] .mgm-fsbar.is-frei .fs-txt{color:#4ade9d}
/* botao de carrinho no card (27 Jul) */
.pf-cart{width:34px;height:34px;flex-shrink:0;margin-left:auto;border-radius:999px;border:none;cursor:pointer;background:var(--accent);color:#fff;display:grid;place-items:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s}
.pf-cart:hover{transform:scale(1.08);box-shadow:0 6px 16px -6px rgba(28,95,238,.55)}
.pf-cart.busy{opacity:.45;pointer-events:none}
.pf-go{text-decoration:none}
/* drawer lateral do carrinho (27 Jul) */
.mgm-lock2{overflow:hidden!important}
.mgm-dov{position:fixed;inset:0;background:rgba(8,14,26,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:255;opacity:0;transition:opacity .3s}
.mgm-dov.show{opacity:1}
.mgm-drawer{position:fixed;top:0;right:0;bottom:0;height:100dvh;width:min(420px,100%);background:#fff;z-index:260;transform:translateX(103%);transition:transform .38s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;box-shadow:-18px 0 50px -22px rgba(15,26,46,.4)}
.mgm-drawer.open{transform:translateX(0)}
.mgm-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e9edf5}
.mgm-drawer-head b{font-size:18px;letter-spacing:-.01em}
.dw-x{width:38px;height:38px;border-radius:50%;border:1px solid #e3e8f2;background:#fff;color:#5b6477;font-size:21px;line-height:1;cursor:pointer;display:grid;place-items:center}
.dw-x:hover{border-color:#1c5fee;color:#1c5fee}
.mgm-drawer-inner{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 22px;display:flex;flex-direction:column;gap:16px}
.dw-items{display:flex;flex-direction:column;gap:12px}
.dw-it{display:grid;grid-template-columns:56px minmax(0,1fr) 30px;gap:12px;align-items:center;background:#f7f9fc;border:1px solid #e9edf5;border-radius:14px;padding:10px}
.dw-it img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid #edf1f8}
.dw-noimg{width:56px;height:56px;border-radius:10px;background:#edf1f8}
.dw-info{min-width:0}
.dw-info b{display:block;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dw-info span{font-size:13px;font-weight:700;color:#1c5fee}
.dw-rm{width:30px;height:30px;border-radius:50%;border:1px solid #f0d5d5;background:#fff;color:#b04a4a;font-size:17px;line-height:1;cursor:pointer}
.dw-rm:hover{background:#b04a4a;border-color:#b04a4a;color:#fff}
.dw-fsbar{margin:0}
.dw-sum{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;font-weight:700;color:#33415e;padding-top:4px}
.dw-sum b{font-size:19px;color:#0f1a2e}
.dw-btns{display:flex;flex-direction:column;gap:10px;margin-top:2px}
.dw-btn{display:block;text-align:center;border-radius:999px;padding:15px 20px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}
.dw-primary{background:var(--accent);color:#fff}
.dw-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(28,95,238,.6)}
.dw-sec{border:1px solid #dbe4f6;color:#27324a;background:#fff}
.dw-sec:hover{border-color:#1c5fee;color:#1c5fee}
.dw-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#5b6477;text-align:center}
.dw-empty svg{width:44px;height:44px;stroke:#c3ccdd}
.dw-empty b{font-size:16px;color:#33415e}
.dw-empty .dw-btn{min-width:200px}
html[data-theme=dark] .mgm-drawer{background:#101726}
html[data-theme=dark] .mgm-drawer-head{border-color:#232d47}
html[data-theme=dark] .dw-x{background:#141b2c;border-color:#26304a;color:#9aa4b8}
html[data-theme=dark] .dw-it{background:#141b2c;border-color:#232d47}
html[data-theme=dark] .dw-it img,html[data-theme=dark] .dw-noimg{background:#0d1420;border-color:#232d47}
html[data-theme=dark] .dw-info b{color:#e8edf7}
html[data-theme=dark] .dw-sum{color:#c7d0e2}
html[data-theme=dark] .dw-sum b{color:#fff}
html[data-theme=dark] .dw-sec{background:#141b2c;border-color:#26304a;color:#c7d0e2}
html[data-theme=dark] .dw-rm{background:#141b2c;border-color:#3a2b34}
/* ===== pagina Warenkorb estilo drawer (27 Jul) ===== */
.mgm-cartwrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:26px;align-items:start}
.mgm-citems{display:flex;flex-direction:column;gap:14px}
.mgm-cit{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff;border:1px solid #e9edf5;border-radius:18px;padding:16px 18px;box-shadow:0 8px 22px -18px rgba(15,26,46,.22)}
.cit-media img{width:96px;height:96px;object-fit:contain;background:#fff;border:1px solid #edf1f8;border-radius:14px;display:block}
.cit-noimg{width:96px;height:96px;border-radius:14px;background:#edf1f8;display:block}
.cit-title{display:block;font-size:15.5px;font-weight:800;color:#0f1a2e;text-decoration:none;line-height:1.35;margin-bottom:5px}
.cit-title:hover{color:#1c5fee}
.cit-z{display:inline-block;font-size:11.5px;font-weight:700;color:#0b7d52;background:rgba(13,157,102,.09);border:1px solid rgba(13,157,102,.25);border-radius:999px;padding:3px 10px;margin-bottom:7px}
.cit-price{font-size:14px;font-weight:700;color:#5b6477}
.cit-side{display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.cit-rm{width:30px;height:30px;border-radius:50%;border:1px solid #f0d5d5;background:#fff;color:#b04a4a;font-size:17px;line-height:27px;text-align:center;text-decoration:none}
.cit-rm:hover{background:#b04a4a;border-color:#b04a4a;color:#fff}
.cit-one{font-size:11.5px;font-weight:700;color:#5b6477;background:#f1f5fd;border:1px solid #dbe4f6;border-radius:999px;padding:4px 11px}
.cit-qty{display:inline-flex;align-items:center;border:1px solid #dbe4f6;border-radius:999px;overflow:hidden}
.cit-qty button{width:32px;height:32px;border:none;background:#f7f9fc;color:#27324a;font-size:16px;cursor:pointer}
.cit-qty button:hover{background:#1c5fee;color:#fff}
.cit-qinput{width:42px;height:32px;border:none;text-align:center;font-family:inherit;font-size:14px;font-weight:700;color:#0f1a2e;-moz-appearance:textfield;appearance:textfield}
.cit-qinput::-webkit-outer-spin-button,.cit-qinput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cit-sub{font-size:16px;font-weight:800;color:#0f1a2e}
.mgm-cactions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
.cact-shop{font-size:14px;font-weight:700;color:#5b6477;text-decoration:none}
.cact-shop:hover{color:#1c5fee}
.cact-upd{display:none}
.mgm-csum{position:sticky;top:96px;background:#fff;border:1px solid #e9edf5;border-radius:20px;padding:24px 26px;box-shadow:0 12px 30px -20px rgba(15,26,46,.28)}
.mgm-csum h2{font-size:19px;letter-spacing:-.01em;margin:0 0 16px}
.mgm-csum .crow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14.5px;font-weight:600;color:#33415e;padding:7px 0}
.mgm-csum .crow b{font-weight:800;color:#0f1a2e;text-align:right}
.mgm-csum .crow-total{border-top:1px solid #e9edf5;margin-top:8px;padding-top:14px;font-size:15.5px}
.mgm-csum .crow-total b{font-size:21px}
.csum-kasse{margin-top:16px}
.csum-trust{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.csum-trust li{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:#5b6477}
.csum-trust svg{width:16px;height:16px;flex:0 0 16px;color:#1c5fee}
.mgm-cempty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:70px 20px;color:#5b6477}
.mgm-cempty svg{width:52px;height:52px;color:#c3ccdd}
.mgm-cempty b{font-size:19px;color:#0f1a2e}
.mgm-cempty p{margin:0}
.mgm-cempty .dw-btn{min-width:220px;margin-top:8px}
@media(max-width:980px){
.mgm-cartwrap{grid-template-columns:1fr}
.mgm-csum{position:static}
}
@media(max-width:640px){
.mgm-cit{grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;padding:14px}
.cit-media img,.cit-noimg{width:72px;height:72px}
.cit-side{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #eef1f7;padding-top:11px}
}
html[data-theme=dark] .mgm-cit,html[data-theme=dark] .mgm-csum{background:#141b2c;border-color:#232d47}
html[data-theme=dark] .cit-media img,html[data-theme=dark] .cit-noimg{background:#0d1420;border-color:#232d47}
html[data-theme=dark] .cit-title{color:#e8edf7}
html[data-theme=dark] .cit-sub,html[data-theme=dark] .mgm-csum .crow b,html[data-theme=dark] .mgm-cempty b{color:#fff}
html[data-theme=dark] .mgm-csum .crow,html[data-theme=dark] .csum-trust li{color:#c7d0e2}
html[data-theme=dark] .mgm-csum .crow-total{border-color:#232d47}
html[data-theme=dark] .cit-qty{border-color:#26304a}
html[data-theme=dark] .cit-qty button{background:#0d1420;color:#c7d0e2}
html[data-theme=dark] .cit-qinput{background:#141b2c;color:#fff}
html[data-theme=dark] .cit-one{background:#0d1420;border-color:#26304a;color:#9aa4b8}
html[data-theme=dark] .cit-rm{background:#141b2c;border-color:#3a2b34}
/* estado busy do botao de compra no produto (27 Jul) */
.woocommerce div.product form.cart .single_add_to_cart_button.busy{opacity:.55;pointer-events:none}
/* ===== audit mobile 27 Jul, footer polido + grids minmax(0) ===== */
footer li .foot-plain{font-size:14px;color:rgba(222,232,244,.78)}
@media(max-width:680px){
.footbottom{flex-direction:column;align-items:flex-start;gap:13px}
.footbottom .lang-foot{margin-left:0}
.pay-icons{gap:9px}
}
@media(max-width:1024px){
.woocommerce div.product{grid-template-columns:minmax(0,1fr)}
.woocommerce div.product>*{min-width:0}
.hero .wrap,.bbgrid{grid-template-columns:minmax(0,1fr)}
.hero .wrap>*,.bbgrid>*{min-width:0}
.woocommerce div.product .woocommerce-product-gallery{min-width:0;max-width:100%}
}