/* =========================================================
   Monedas Legendarias – Gaio Giulio Cesare
   Nero, oro e argento: una medaglia che gira nella luce.
   ========================================================= */

/* ---------- Font (ospitati in locale, GDPR) ---------- */
@font-face{font-family:"Cinzel";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cinzel-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cinzel-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cinzel-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-italic.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/eb-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/eb-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format("woff2")}

/* ---------- Token ---------- */
:root{
  --ink:#0a0908; --ink-2:#100e0c; --ink-3:#18150f; --ink-warm:#1a160f;
  --paper:#f1e9da; --paper-2:#d9cdb6; --paper-dim:#b4a891; --muted:#8c826f;
  --gold:#d6b064; --gold-2:#f3dc9c; --gold-3:#a8823c; --gold-deep:#6d5222;
  --silver:#dfe3e8; --silver-2:#9aa1aa;
  --roman:#8f1d1d;
  --amber:var(--gold); --amber-2:var(--gold-3);
  --line:rgba(214,176,100,.14); --line-2:rgba(214,176,100,.28);
  --roman-font:"Cinzel","Trajan Pro",Georgia,serif;
  --display:"Cormorant",Georgia,"Times New Roman",serif;
  --serif:"EB Garamond",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.22,.8,.22,1); --ease-in-out:cubic-bezier(.65,0,.35,1);
  --r:14px; --gutter:clamp(16px,4vw,48px); --maxw:1240px;
  --gold-grad:linear-gradient(180deg,#fff4cf 0%,#f0d58f 22%,#c99a45 52%,#f5e2a6 70%,#a8792e 100%);
  --silver-grad:linear-gradient(180deg,#ffffff 0%,#e9edf1 30%,#9aa2ab 55%,#f4f6f8 75%,#8b929a 100%);
  color-scheme:dark;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:clamp(17px,.9vw + 13px,20px);line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:3px}
button{font:inherit;color:inherit}
::selection{background:rgba(214,176,100,.35);color:#fff}
[hidden]{display:none!important}
.sr,.hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-60px;z-index:999;background:var(--gold);color:#111;padding:10px 14px;border-radius:8px;font-family:var(--sans);font-size:14px}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.container.narrow{max-width:860px}
.center{text-align:center}
.muted{color:var(--muted)} .small{font-size:.85em}
.linklike{background:none;border:0;padding:0;color:var(--paper-dim);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:var(--sans);font-size:13px}
.linklike:hover{color:var(--gold)}
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Tipografia */
.h1,.h2,.h3{font-family:var(--display);font-weight:500;letter-spacing:.005em;line-height:1.06;margin:0 0 .5em;color:var(--paper);text-wrap:balance}
.h1{font-size:clamp(2.6rem,4.6vw + 1rem,4.8rem)}
.h2{font-size:clamp(2.2rem,3.2vw + .9rem,3.8rem)}
.h3{font-size:clamp(1.5rem,1vw + 1.1rem,2rem)}
.h1 em,.h2 em,.h3 em{font-style:italic;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{font-family:var(--roman-font);font-weight:600;font-size:12.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
.kicker.center{text-align:center}
.body-text{color:var(--paper-2);font-size:1.06em;max-width:62ch}
.body-text p{margin:0 0 1em}
.center .body-text{margin-left:auto;margin-right:auto}
.sec-head{margin:0 0 clamp(34px,5vw,64px);max-width:760px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-text{color:var(--paper-dim);font-size:1.08em;margin:0;max-width:60ch}
.sec-head.center .sec-text{margin:0 auto}
.gold-text{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Pulsanti ---------- */
.btn{--bg:transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.95em 1.6em;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);color:var(--paper);font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:.02em;text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,border-color .3s,color .3s;white-space:nowrap;max-width:100%}
.btn svg{width:18px;height:18px;flex:none;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-sm{padding:.62em 1.1em;font-size:13.5px}
.btn-lg{padding:1.05em 1.9em;font-size:16px}
.btn-xl{padding:1.15em 2.1em;font-size:17px}
.btn-block{width:100%}
.btn-ghost{background:rgba(241,233,218,.04)}
.btn-ghost:hover{border-color:var(--gold);color:#fff;background:rgba(214,176,100,.08)}
.btn-gold{background:linear-gradient(180deg,#f8e3a4 0%,#e2bd6b 35%,#c29541 70%,#a9803a 100%);color:#1b1306;border-color:rgba(255,236,180,.55);font-weight:600;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,240,200,.45);box-shadow:0 1px 0 rgba(255,250,225,.65) inset,0 -2px 0 rgba(90,60,15,.35) inset,0 10px 34px -10px rgba(214,170,80,.75),0 0 70px -24px rgba(240,200,110,.85)}
.btn-gold::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.65) 48%,transparent 62%);transform:translateX(-120%);animation:shine 4.8s var(--ease-in-out) infinite}
.btn-gold:hover{box-shadow:0 1px 0 rgba(255,250,225,.75) inset,0 -2px 0 rgba(90,60,15,.35) inset,0 16px 44px -10px rgba(214,170,80,.95),0 0 100px -18px rgba(240,200,110,1)}
.btn-gold span,.btn-gold b{position:relative}
@keyframes shine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.6);box-shadow:none}
.btn[disabled]::after{display:none}
.btn.loading{pointer-events:none}
.btn.loading span{opacity:.6}
.btn.loading::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;gap:24px;padding:14px var(--gutter);transition:transform .45s var(--ease),padding .4s,border-color .4s;border-bottom:1px solid transparent;isolation:isolate}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,9,8,.78);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);opacity:0;transition:opacity .4s;pointer-events:none}
.site-header.is-scrolled{padding-top:8px;padding-bottom:8px;border-color:var(--line)}
.site-header.is-scrolled::before{opacity:1}
.site-header.is-hidden{transform:translateY(-110%)}
.brand{display:block;flex:none;line-height:0}
.brand img{height:46px;width:auto;transition:height .4s var(--ease);filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}
.is-scrolled .brand img{height:38px}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{color:var(--paper-dim);text-decoration:none;font-family:var(--roman-font);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.nav a:hover,.nav a[aria-current]{color:var(--paper)} .nav a:hover::after{transform:scaleX(1);transform-origin:left}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.nav+.header-actions{margin-left:20px}
.secure-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:12.5px;color:var(--paper-dim)}
.secure-badge svg{width:16px;height:16px;color:var(--gold)}
.menu-toggle{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:rgba(241,233,218,.04);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.menu-toggle span{display:block;width:16px;height:1.5px;background:var(--paper);transition:transform .35s var(--ease),opacity .3s}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:79;background:rgba(10,9,8,.97);padding:100px var(--gutter) 40px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .35s}
.mobile-menu.open{opacity:1}
.mobile-nav{display:flex;flex-direction:column;gap:6px}
.mobile-nav a{font-family:var(--display);font-size:2rem;line-height:1.25;color:var(--paper);text-decoration:none;opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease) calc(var(--i)*50ms),transform .45s var(--ease) calc(var(--i)*50ms)}
.mobile-menu.open .mobile-nav a,.mobile-menu.open .mobile-menu-foot{opacity:1;transform:none}
.mobile-menu-foot{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease) .35s,transform .45s var(--ease) .35s}
.mobile-menu-foot p{font-family:var(--sans);font-size:13px;color:var(--muted);text-align:center;margin:12px 0 0}
.menu-open{overflow:hidden}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:clamp(110px,12vw,140px) 0 clamp(70px,8vw,100px);overflow:hidden;overflow:clip;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-2;background:radial-gradient(1200px 700px at 72% 45%,rgba(120,86,30,.28),transparent 60%),radial-gradient(900px 600px at 10% 110%,rgba(143,29,29,.16),transparent 60%),linear-gradient(180deg,#0d0b09 0%,#0a0908 70%)}
.hero-glow{position:absolute;left:72%;top:48%;width:min(900px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(246,214,140,.22) 0%,rgba(214,176,100,.08) 35%,transparent 65%);animation:breathe 7s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
.hero-rays{position:absolute;left:72%;top:48%;width:1600px;height:1600px;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(246,214,140,.05) 0deg 3deg,transparent 3deg 12deg);-webkit-mask:radial-gradient(circle,#000 10%,transparent 55%);mask:radial-gradient(circle,#000 10%,transparent 55%);animation:rotate 120s linear infinite}
@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
.dust{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,60px);align-items:center}
.eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--roman-font);font-size:12.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.eb-line{width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.hero-title{margin:0;font-family:var(--roman-font);font-weight:600;line-height:.92;letter-spacing:.02em}
.ht-small{display:block;font-size:clamp(1.5rem,1.6vw + 1rem,2.4rem);letter-spacing:.24em;color:var(--paper-2);margin-bottom:.15em}
.ht-big{display:block;font-size:clamp(4rem,9vw + .5rem,8.6rem);font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(214,170,80,.25));padding-bottom:.06em}
.hero-sub{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,1vw + 1rem,1.75rem);color:var(--paper-2);margin:.4em 0 .8em;display:flex;align-items:center;gap:14px}
.hero-sub::before{content:"";width:28px;height:1px;background:var(--gold-3)}
.hero-lead{color:var(--paper-dim);max-width:46ch;margin:0 0 28px;font-size:1.06em}
.hero-buy{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px;margin:0 0 24px}
.price-tag b{display:block;font-family:var(--roman-font);font-weight:700;font-size:clamp(2.2rem,2vw + 1.2rem,2.9rem);line-height:1;letter-spacing:.01em;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.price-tag small{display:block;font-family:var(--sans);font-size:12.5px;color:var(--muted);margin-top:6px;letter-spacing:.02em}
.hero-stock{max-width:430px;margin:0 0 22px}
.stock-bar{height:5px;border-radius:5px;background:rgba(241,233,218,.09);overflow:hidden;position:relative}
.stock-bar i{position:absolute;inset:0 auto 0 0;width:var(--p,3%);background:linear-gradient(90deg,var(--gold-3),var(--gold-2));border-radius:5px;transition:width 1.4s var(--ease);box-shadow:0 0 14px rgba(240,200,110,.6)}
.hero-stock p,.sum-stock p{font-family:var(--sans);font-size:13px;color:var(--paper-dim);margin:9px 0 0}
.hero-stock b,.sum-stock b{color:var(--gold-2);font-weight:600}
.hero-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--sans);font-size:12.5px;color:var(--paper-dim)}
.hero-trust li{display:flex;align-items:center;gap:7px}
.hero-trust svg{width:17px;height:17px;color:var(--gold)}

/* palcoscenico della medaglia */
.hero-stage{position:relative;display:flex;flex-direction:column;align-items:center;--d:min(560px,44vw)}
.coin-halo{position:absolute;top:calc(var(--d)/2);left:50%;width:calc(var(--d)*1.35);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,236,190,.16) 0%,rgba(214,176,100,.1) 38%,transparent 66%);pointer-events:none}
.laurel-ring{position:absolute;top:calc(var(--d)/2);left:50%;width:calc(var(--d)*1.32);height:auto;transform:translate(-50%,-50%);pointer-events:none;overflow:visible;animation:ring 80s linear infinite;opacity:.55}
.laurel-ring text{font-family:var(--roman-font);font-size:15.5px;letter-spacing:5px;fill:rgba(214,176,100,.55)}
@keyframes ring{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.coin-scene{position:relative;width:var(--d);height:var(--d);perspective:1600px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline-offset:10px;border-radius:50%}
.coin-scene.dragging{cursor:grabbing}
.coin3d{--t:calc(var(--d)*.07);--ry:0deg;--rx:0deg;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform}
.coin-face{position:absolute;inset:0;border-radius:50%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}
.coin-face.front{transform:translateZ(calc(var(--t)/2))}
.coin-face.back{transform:rotateY(180deg) translateZ(calc(var(--t)/2))}
.coin-face img{width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}
.coin-face .sheen{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.0) 36%,rgba(255,255,255,.42) 47%,rgba(255,250,235,.12) 53%,transparent 64%);background-size:260% 100%;background-position:var(--sx,50%) 50%;mix-blend-mode:screen;opacity:var(--so,.8)}
.coin-face::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 calc(var(--d)*-.02) calc(var(--d)*.06) rgba(0,0,0,.35)}
.coin-edge{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.coin-edge i{position:absolute;left:50%;top:50%;width:var(--sw);height:var(--t);margin-left:calc(var(--sw)/-2);margin-top:calc(var(--t)/-2);transform:rotateZ(var(--a)) translateY(calc(var(--d)/-2 + .5px)) rotateX(90deg);background:repeating-linear-gradient(90deg,#5f656c 0 1px,#d7dce1 1px 2.6px,#9ba2aa 2.6px 3.4px);filter:brightness(var(--l,1));-webkit-backface-visibility:hidden;backface-visibility:hidden}
.coin-edge i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 22%,transparent 78%,rgba(0,0,0,.35))}
.serial{position:absolute;left:50%;top:var(--sy,91.6%);transform:translate(-50%,-50%);font-family:var(--display);font-weight:600;font-variant-numeric:lining-nums;font-size:calc(var(--d)*.05);line-height:1;letter-spacing:.02em;white-space:nowrap;background:var(--silver-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 -1px 0 rgba(255,255,255,.18));transition:opacity .3s}
.coin-shadow{width:calc(var(--d)*.72);height:calc(var(--d)*.07);margin-top:calc(var(--d)*.05);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.85),transparent);transform:scaleX(var(--shx,1));opacity:var(--sho,.8);filter:blur(4px)}
.coin-controls{display:flex;gap:8px;margin-top:18px;position:relative;z-index:2}
.cc-btn{font-family:var(--roman-font);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-dim);background:rgba(241,233,218,.04);border:1px solid var(--line-2);padding:.62em 1.15em;border-radius:999px;cursor:pointer;transition:.3s}
.cc-btn:hover{color:var(--paper);border-color:var(--gold)}
.cc-btn.is-on{color:#1b1306;background:linear-gradient(180deg,#f3dc9c,#c99a45);border-color:transparent}
.cc-spin{padding:.5em .7em;display:grid;place-items:center}
.cc-spin svg{width:17px;height:17px}
.coin-hint{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12.5px;color:var(--muted);margin:12px 0 0;position:relative}
.coin-hint svg{width:18px;height:18px;color:var(--gold);animation:nudge 2.4s var(--ease-in-out) infinite}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
.scroll-cue{position:absolute;left:50%;bottom:24px;width:24px;height:38px;margin-left:-12px;border:1px solid var(--line-2);border-radius:14px}
.scroll-cue span{position:absolute;left:50%;top:8px;width:3px;height:7px;margin-left:-1.5px;border-radius:3px;background:var(--gold);animation:cue 2s var(--ease-in-out) infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* entrata */
.reveal-up{opacity:0;transform:translateY(22px);animation:up 1s var(--ease) var(--d,0s) forwards}
@keyframes up{to{opacity:1;transform:none}}
.coin-scene{animation:coinIn 1.6s var(--ease) .1s both}
@keyframes coinIn{from{opacity:0;transform:translateY(-40px) scale(.82)}to{opacity:1;transform:none}}

/* reveal allo scroll */
.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease) var(--d,0s),transform 1s var(--ease) var(--d,0s)}
.js [data-reveal].in{opacity:1;transform:none}
.js [data-stagger]>*{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease) calc(var(--i,0)*90ms),transform .8s var(--ease) calc(var(--i,0)*90ms)}
.js [data-stagger].in>*{opacity:1;transform:none}

/* ---------- Nastro ---------- */
.marquee{position:relative;border-block:1px solid var(--line);background:linear-gradient(180deg,#0f0d0a,#0b0a08);overflow:hidden;padding:18px 0}
.marquee-track{display:flex;width:max-content;gap:34px;animation:marq 42s linear infinite}
.marquee span{font-family:var(--roman-font);font-weight:600;font-size:clamp(14px,1vw + 9px,18px);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.marquee i{font-style:normal;color:var(--gold-3);font-size:12px;align-self:center}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- La leggenda ---------- */
.legend{padding:clamp(100px,13vw,190px) 0;position:relative;background:radial-gradient(700px 400px at 50% 50%,rgba(214,176,100,.07),transparent 70%)}
.legend-text{font-family:var(--display);font-size:clamp(1.9rem,2.6vw + 1rem,3.4rem);line-height:1.22;text-align:center;margin:0;color:var(--paper);text-wrap:balance}
.legend-text .wd{opacity:.16;transition:opacity .5s,color .5s,text-shadow .5s}
.legend-text .wd.on{opacity:1}
.legend-text .wd.hot{color:var(--gold-2);text-shadow:0 0 24px rgba(240,200,110,.45)}

/* ---------- Due facce ---------- */
.faces{padding:clamp(80px,10vw,150px) 0;position:relative}
.faces-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px)}
.face-card{margin:0}
.loupe{position:relative;aspect-ratio:1;border-radius:50%;cursor:zoom-in;touch-action:pan-y;filter:drop-shadow(0 30px 50px rgba(0,0,0,.7)) drop-shadow(0 0 60px rgba(214,176,100,.12));-webkit-user-select:none;user-select:none}
.loupe>img{width:100%;height:100%;border-radius:50%}
.lens{position:absolute;left:0;top:0;width:clamp(150px,16vw,220px);aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .3s,transform .3s var(--ease);background-repeat:no-repeat;background-color:#000;box-shadow:0 0 0 2px rgba(243,220,156,.9),0 0 0 7px rgba(20,16,10,.85),0 0 0 8px rgba(214,176,100,.5),0 20px 50px rgba(0,0,0,.8);z-index:3}
.loupe.zooming .lens{opacity:1;transform:translate(-50%,-50%) scale(1)}
.hotspot{position:absolute;left:var(--x);top:var(--y);width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:0;padding:0;background:rgba(10,9,8,.55);cursor:pointer;z-index:2;display:grid;place-items:center;transition:transform .3s var(--ease),opacity .3s}
.hotspot span{font-family:var(--sans);font-size:12px;font-weight:600;color:#1b1306;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f3dc9c,#c99a45)}
.hotspot::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(243,220,156,.8);animation:pulse 2.2s var(--ease) infinite}
@keyframes pulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.6);opacity:0}}
.hotspot:hover,.hotspot.is-on{transform:scale(1.18)}
.loupe.zooming .hotspot{opacity:0;pointer-events:none}
.face-card figcaption{margin-top:30px}
.face-card .h3{font-family:var(--roman-font);font-weight:600;font-size:1.3rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.points li{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(241,233,218,.02);transition:border-color .3s,background .3s}
.points li.is-on{border-color:var(--line-2);background:rgba(214,176,100,.07)}
.pn{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--gold);border:1px solid var(--line-2)}
.points b{font-family:var(--roman-font);font-weight:600;font-size:14.5px;letter-spacing:.06em;color:var(--paper)}
.points p{margin:3px 0 0;color:var(--paper-dim);font-size:.98em;line-height:1.5}

/* ---------- Dal vivo: foto e video reali ---------- */
.real{padding:clamp(70px,9vw,130px) 0;background:linear-gradient(180deg,transparent,rgba(214,176,100,.035) 50%,transparent)}
.real-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,250px);gap:clamp(10px,1.4vw,18px)}
.real-n1{grid-template-columns:1fr;grid-auto-rows:auto}
.real-n1 .real-item{aspect-ratio:16/9;max-height:80vh}
.real-n2{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(240px,32vw,460px)}
.real-n3 .is-main,.real-n4 .is-main,.real-n5 .is-main,.real-n6 .is-main{grid-column:span 2;grid-row:span 2}
.real-n3{grid-template-columns:2fr 1fr;grid-auto-rows:clamp(160px,18vw,260px)}
.real-n3 .is-main{grid-column:span 1}
.real-item{position:relative;margin:0;border-radius:16px;overflow:hidden;background:var(--ink-3);border:1px solid var(--line);min-width:0;min-height:0}
.real-item>button,.real-vid{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;display:block}
.real-item img,.real-item video{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.real-item:hover img{transform:scale(1.04)}
.real-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 12px;font-family:var(--sans);font-size:12.5px;color:var(--paper);background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}
.real-yt{cursor:pointer!important}
.play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f3dc9c,#c99a45);box-shadow:0 10px 30px rgba(0,0,0,.6);transition:transform .3s var(--ease)}
.play svg{width:28px;height:28px;fill:#1b1306;margin-left:3px}
.real-yt:hover .play{transform:scale(1.1)}
.real-item iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.real-vid{cursor:default}
.vid-sound{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:rgba(10,9,8,.6);color:var(--paper);cursor:pointer;display:grid;place-items:center;z-index:2}
.vid-sound svg{width:20px;height:20px}
.vid-sound.on .x{display:none}
.vid-badge{position:absolute;left:12px;top:12px;font-family:var(--roman-font);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);background:rgba(10,9,8,.6);padding:5px 10px;border-radius:99px;border:1px solid var(--line-2)}
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(5,4,3,.94);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.lightbox figure{margin:0;max-width:min(1200px,100%);text-align:center}
.lightbox img{max-width:100%;max-height:84vh;margin:0 auto;border-radius:10px}
.lightbox figcaption{font-family:var(--sans);font-size:13.5px;color:var(--paper-dim);margin-top:12px}
.lb-close{position:absolute;right:max(16px,env(safe-area-inset-right,0px));top:max(16px,env(safe-area-inset-top,0px));width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:rgba(241,233,218,.06);color:var(--paper);font-size:26px;line-height:1;cursor:pointer}
@media (max-width:760px){
  .real-grid,.real-n3,.real-n2{grid-template-columns:1fr 1fr;grid-auto-rows:42vw}
  .real-grid .is-main{grid-column:1/-1!important;grid-row:span 2!important}
  .real-n1 .real-item{aspect-ratio:auto}
  .real-n1{grid-auto-rows:56vw}
  .real-n1 .is-main{grid-row:span 1!important}
}

/* ---------- Il numero ---------- */
.serial-sec{padding:clamp(80px,11vw,160px) 0;position:relative;background:linear-gradient(180deg,transparent,rgba(214,176,100,.04) 50%,transparent),radial-gradient(800px 500px at 25% 50%,rgba(214,176,100,.1),transparent 70%)}
.serial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,90px);align-items:center}
.serial-visual{display:flex;justify-content:center}
.serial-zoom{--w:min(500px,84vw);position:relative;width:var(--w);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.75)) drop-shadow(0 0 80px rgba(214,176,100,.15))}
.serial-zoom img{width:100%;height:100%;border-radius:50%}
.odo{position:absolute;left:50%;top:var(--sy,91.6%);transform:translate(-50%,-50%);display:flex;align-items:center;gap:.08em;font-family:var(--display);font-weight:600;font-variant-numeric:lining-nums;font-size:calc(var(--w)*.05);line-height:1}
.odo-no{margin-right:.22em}
.odo-no,.odo-d i{background:var(--silver-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.9))}
.odo-d{display:inline-block;height:1.04em;overflow:hidden;width:.5em;text-align:center}
.odo-reel{display:flex;flex-direction:column;transform:translateY(calc(var(--n,0)*-1.04em));transition:transform 1.1s cubic-bezier(.3,1.35,.5,1)}
.odo-reel i{display:block;height:1.04em;font-style:normal}
.serial-title{margin-bottom:.4em}
.serial-title em{font-style:italic}
.mint-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:clamp(4px,.55vw,7px);max-width:520px;margin:28px 0 12px}
.mint-grid i{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,#d9dee3 30%,#7f868e 75%);box-shadow:0 0 6px rgba(223,227,232,.25);transform:scale(0);transition:transform .5s var(--ease),opacity .5s}
.mint-grid.in i{transform:scale(1)}
.mint-grid i.is-sold{background:rgba(241,233,218,.12);box-shadow:none}
.mint-grid i.flash{background:radial-gradient(circle at 35% 30%,#fff7d8,#f3dc9c 40%,#b8893a 80%);box-shadow:0 0 12px rgba(243,220,156,.9)}
.mint-legend{display:flex;flex-wrap:wrap;gap:6px 20px;font-family:var(--sans);font-size:13px;color:var(--paper-dim);margin:0 0 10px}
.mint-legend span{display:flex;align-items:center;gap:7px}
.mint-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.lg-free{background:radial-gradient(circle at 35% 30%,#fff,#9aa1aa)}
.lg-sold{background:rgba(241,233,218,.18)}
.mint-legend b{color:var(--gold-2)}

/* ---------- La storia ---------- */
.history{padding:clamp(80px,10vw,150px) 0;position:relative;background:linear-gradient(180deg,#0a0908,#0e0b08 50%,#0a0908)}
.history::before{content:"SPQR";position:absolute;left:50%;top:clamp(40px,6vw,90px);transform:translateX(-50%);font-family:var(--roman-font);font-weight:700;font-size:clamp(7rem,22vw,20rem);letter-spacing:.06em;color:rgba(214,176,100,.035);pointer-events:none;line-height:1}
.tl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);position:relative}
.tl-sticky{position:sticky;top:30vh;height:max-content;align-self:start}
.tl-year{display:block;font-family:var(--roman-font);font-weight:700;font-size:clamp(3.4rem,6vw,6.6rem);line-height:1;letter-spacing:.02em;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;transition:opacity .35s,transform .35s var(--ease)}
.tl-year.swap{opacity:0;transform:translateY(16px)}
.tl-list{list-style:none;margin:0;padding:0 0 0 44px;position:relative}
.tl-line{position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:rgba(214,176,100,.14);border-radius:2px}
.tl-line i{position:absolute;inset:0 0 auto;height:calc(var(--tl,0)*100%);background:linear-gradient(180deg,var(--gold-2),var(--gold-3));border-radius:2px;box-shadow:0 0 12px rgba(240,200,110,.6)}
.tl-item{position:relative;padding:0 0 clamp(36px,5vw,56px)}
.tl-dot{position:absolute;left:-41px;top:.45em;width:16px;height:16px;border-radius:50%;background:#0a0908;border:2px solid var(--gold-3);transition:background .4s,box-shadow .4s,border-color .4s}
.tl-item.is-now .tl-dot,.tl-item.is-past .tl-dot{background:var(--gold-2);border-color:var(--gold-2);box-shadow:0 0 16px rgba(240,200,110,.8)}
.tl-when{font-family:var(--roman-font);font-weight:600;font-size:13px;letter-spacing:.24em;color:var(--gold);margin:0 0 6px}
.tl-title{font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,1.2vw + 1.2rem,2.2rem);line-height:1.1;margin:0 0 8px;color:var(--paper)}
.tl-text{margin:0;color:var(--paper-dim);max-width:52ch}
.tl-quote{margin:clamp(20px,4vw,40px) auto 0;max-width:760px;text-align:center;font-family:var(--display);font-style:italic;font-size:clamp(1.6rem,1.6vw + 1.1rem,2.4rem);line-height:1.25;color:var(--paper-2)}
.tl-quote::before{content:"";display:block;width:60px;height:1px;margin:0 auto 24px;background:var(--gold-3)}

/* ---------- Scheda tecnica ---------- */
.specs{padding:clamp(80px,10vw,150px) 0}
.specs-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(24px,4vw,60px);align-items:center}
.spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.spec{background:var(--ink-2);padding:clamp(18px,2vw,28px) clamp(14px,1.6vw,22px);transition:background .4s}
.spec:hover{background:#15120d}
.spec dt{font-family:var(--sans);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.spec dd{margin:0;font-family:var(--roman-font);font-weight:600;font-size:clamp(1.1rem,.8vw + .8rem,1.5rem);line-height:1.2;color:var(--paper)}
.spec dd [data-count]{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.35em}
.real-size{text-align:center}
.rs-coin{width:40mm;height:40mm;margin:0 auto 14px;border-radius:50%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6));animation:float 6s ease-in-out infinite}
.rs-coin img{width:100%;height:100%}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.real-size p{font-family:var(--sans);font-size:13px;color:var(--muted);margin:0;line-height:1.5}
.real-size b{display:block;font-family:var(--roman-font);font-size:1.4rem;color:var(--gold);margin-bottom:4px}
.specs-note{font-family:var(--sans);font-size:13.5px;color:var(--muted);margin:22px 0 0}

/* ---------- Cosa ricevi ---------- */
.box{padding:clamp(80px,10vw,150px) 0;background:radial-gradient(800px 500px at 30% 50%,rgba(143,29,29,.12),transparent 70%)}
.box-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,6vw,90px);align-items:center}
.cert-stack{position:relative;perspective:1200px;transform-style:preserve-3d;transform:rotateX(var(--trx,0deg)) rotateY(var(--try,0deg));transition:transform .5s var(--ease)}
.cert-stack img{width:100%;height:auto;border-radius:6px;box-shadow:0 40px 80px -20px rgba(0,0,0,.85),0 0 0 1px rgba(214,176,100,.25)}
.cert-b{position:absolute;inset:0;transform:translate(-6%,-8%) rotate(-5deg) scale(.92);filter:brightness(.55) saturate(.8)}
.cert-a{position:relative;transform:rotate(1.5deg)}
.box-list{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:14px}
.box-list li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;color:var(--paper-2)}
.box-list strong{color:var(--paper);font-weight:500}
.bl-ico{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);color:var(--gold);background:rgba(214,176,100,.05)}
.bl-ico svg{width:20px;height:20px}

/* ---------- Recensioni ---------- */
.reviews{padding:clamp(80px,10vw,140px) 0}
.rv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}
.rv-card{margin:0;padding:24px;border-radius:var(--r);border:1px solid var(--line);background:var(--ink-2)}
.rv-card p{color:var(--paper-2);margin:12px 0}
.rv-card footer{font-family:var(--sans);font-size:13px;color:var(--muted)}
.rv-card b{color:var(--paper)}
.verified{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;border:1px solid var(--line-2);color:var(--gold);font-size:11px}
.rv-avg{font-family:var(--sans);color:var(--paper-dim)}
.stars{position:relative;display:inline-block;vertical-align:middle;line-height:0}
.stars svg{width:18px;height:18px}
.stars .s-bg svg{fill:rgba(241,233,218,.15)}
.stars .s-fg{position:absolute;inset:0;width:var(--r);overflow:hidden;white-space:nowrap}
.stars .s-fg svg{fill:var(--gold)}

/* ---------- Ordina ---------- */
.order-sec{position:relative;padding:clamp(80px,10vw,150px) 0;isolation:isolate}
.order-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 600px at 50% 0,rgba(214,176,100,.1),transparent 70%),linear-gradient(180deg,#0a0908,#0d0b08)}
.order-bg::before{content:"";position:absolute;inset:0;border-top:1px solid var(--line)}
.order-shell{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;text-align:left}
.order-side{position:sticky;top:96px}
.summary{padding:28px;border-radius:20px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(28,23,15,.92),rgba(14,12,9,.96));box-shadow:0 40px 80px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,236,180,.08)}
.sum-coin{display:flex;justify-content:center;margin:-6px 0 14px;perspective:600px}
.mini-coin{width:150px;height:150px;transform-style:preserve-3d;animation:miniSpin 9s var(--ease-in-out) infinite;filter:drop-shadow(0 18px 24px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(214,176,100,.2))}
.mini-coin img{width:100%;height:100%;border-radius:50%}
@keyframes miniSpin{0%,100%{transform:rotateY(-22deg)}50%{transform:rotateY(22deg)}}
.summary .kicker{text-align:center;font-size:10.5px;margin:0 0 6px}
.summary-title{font-family:var(--display);font-weight:600;font-size:1.65rem;line-height:1.15;text-align:center;margin:0 0 4px;color:var(--paper)}
.summary>.muted.small{text-align:center;font-family:var(--sans);font-size:12.5px;margin:0 0 16px}
.sum-stock{margin:0 0 18px}
.sum-stock p{text-align:center}
.summary-lines{margin:0;padding:16px 0 0;border-top:1px solid var(--line)}
.summary-lines>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-family:var(--sans);font-size:14px;color:var(--paper-dim)}
.summary-lines dt{margin:0}
.summary-lines dd{margin:0;white-space:nowrap;color:var(--paper-2)}
.summary-lines .disc dd{color:#9fd49b}
.summary-lines .total{margin-top:6px;padding-top:14px;border-top:1px solid var(--line);font-size:15px;color:var(--paper)}
.summary-lines .total dt small{display:block;font-size:11.5px;color:var(--muted)}
.summary-lines .total dd{font-family:var(--roman-font);font-weight:700;font-size:1.65rem;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ship-once{color:var(--muted)}
.disc-note{font-family:var(--sans);font-size:12.5px;color:var(--paper-dim);margin:10px 0 0}
.summary-trust{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-family:var(--sans);font-size:12.5px;color:var(--paper-dim)}
.summary-trust li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;line-height:1.45}
.summary-trust svg{width:19px;height:19px;color:var(--gold)}
.summary.inline{max-width:560px;margin:30px auto;text-align:left}

.order-main{min-width:0}
.co-form{display:grid;gap:18px}
.co-block{border:1px solid var(--line);border-radius:18px;padding:22px clamp(16px,2.4vw,26px) 24px;margin:0;background:rgba(241,233,218,.018);min-width:0}
.co-block legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 10px;margin-left:-10px;font-family:var(--roman-font);font-weight:600;font-size:14.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper)}
.step-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--sans);font-size:12px;font-weight:600;color:#1b1306;background:linear-gradient(180deg,#f3dc9c,#c99a45)}
.legend-note{font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:400}
.ed-options{display:grid;gap:10px;margin-bottom:16px}
.ed-opt{display:block;cursor:pointer}
.ed-opt input{position:absolute;opacity:0;pointer-events:none}
.ed-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto 22px;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:14px;border:1px solid var(--line-2);background:rgba(241,233,218,.025);transition:border-color .3s,background .3s,box-shadow .3s}
.ed-card img{width:64px;height:64px;border-radius:50%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
.ed-txt b{display:block;font-family:var(--display);font-weight:600;font-size:1.22rem;line-height:1.15;color:var(--paper)}
.ed-txt small{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);margin-top:3px}
.ed-price{font-family:var(--roman-font);font-weight:700;font-size:1.15rem;color:var(--gold-2);white-space:nowrap}
.ed-price s{font-family:var(--sans);font-weight:400;font-size:.75em;color:var(--muted);margin-right:4px}
.ed-radio{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-2);position:relative}
.ed-opt input:checked+.ed-card{border-color:var(--gold);background:rgba(214,176,100,.08);box-shadow:0 0 0 1px rgba(214,176,100,.4) inset,0 14px 34px -20px rgba(214,176,100,.6)}
.ed-opt input:checked+.ed-card .ed-radio{border-color:var(--gold)}
.ed-opt input:checked+.ed-card .ed-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--gold-2)}
.ed-opt input:focus-visible+.ed-card{outline:2px solid var(--gold);outline-offset:2px}
.ed-opt.is-out{opacity:.45;cursor:not-allowed}
.ed-options.is-single .ed-radio{display:none}
.ed-options.is-single .ed-card{grid-template-columns:64px minmax(0,1fr) auto;cursor:default}
.qty-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--sans);font-size:14.5px;color:var(--paper-2)}
.qty-row small{color:var(--muted);font-size:12px}
.qty{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:999px;overflow:hidden;background:rgba(241,233,218,.03)}
.qty button{width:44px;height:44px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--paper)}
.qty button:hover{background:rgba(214,176,100,.1);color:var(--gold-2)}
.qty input{width:50px;height:44px;border:0;background:none;text-align:center;font-family:var(--roman-font);font-weight:700;font-size:18px;color:var(--paper);-moz-appearance:textfield;appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.multi-hint{display:flex;gap:10px;align-items:center;font-family:var(--sans);font-size:13px;color:var(--paper-dim);margin:12px 0 0}
.mh-pct{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(214,176,100,.15);color:var(--gold-2);font-weight:600}
.f-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 14px;margin-top:6px}
.f{display:flex;flex-direction:column;gap:6px;grid-column:span 3;min-width:0}
.f-full{grid-column:1/-1}
.f-zip{grid-column:span 2}
.f-city{grid-column:span 2}
.f-prov{grid-column:span 2}
.f>span{font-family:var(--sans);font-size:12.5px;color:var(--paper-dim);letter-spacing:.01em}
.f em{font-style:normal;color:var(--muted)}
.f input,.f select,.f textarea,.coupon-form input,.news-form input{width:100%;min-width:0;padding:13px 14px;border-radius:12px;border:1px solid var(--line-2);background:rgba(10,9,8,.6);color:var(--paper);font-family:var(--sans);font-size:16px;transition:border-color .25s,box-shadow .25s,background .25s}
.f select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23d6b064' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.f select option{background:#14110d;color:var(--paper)}
.f textarea{resize:vertical;min-height:70px;font-family:var(--sans)}
.f input::placeholder,.f textarea::placeholder,.news-form input::placeholder,.coupon-form input::placeholder{color:rgba(180,168,145,.5)}
.f input:focus,.f select:focus,.f textarea:focus,.coupon-form input:focus,.news-form input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,176,100,.18);background:rgba(10,9,8,.85)}
.f [aria-invalid=true]{border-color:#d0716a;box-shadow:0 0 0 3px rgba(208,113,106,.15)}
.f-err{font-family:var(--sans);font-size:12.5px;color:#f0a39b;display:block}
.f-help{font-family:var(--sans);font-size:12px;color:var(--muted);display:block;margin-top:6px}
.check{display:flex;align-items:flex-start;gap:12px;font-family:var(--sans);font-size:14px;color:var(--paper-2);cursor:pointer;line-height:1.5;margin-top:14px}
.check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--gold);cursor:pointer}
.check a{color:var(--gold)}
.check.has-err span{color:#f0a39b}
.billing{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.more-opts{margin-top:16px;border-top:1px dashed var(--line);padding-top:12px}
.more-opts summary{cursor:pointer;font-family:var(--sans);font-size:13.5px;color:var(--paper-dim);list-style:none;display:flex;align-items:center;gap:8px}
.more-opts summary::-webkit-details-marker{display:none}
.more-opts summary::before{content:"+";width:20px;height:20px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-size:14px;color:var(--gold);transition:transform .3s}
.more-opts[open] summary::before{transform:rotate(45deg)}
.more-opts .f-grid{margin-top:12px}
.gift-field .check{margin-top:0}
.gift-box{margin-top:12px}
.coupon-entry{padding:0 6px}
.coupon-form{display:flex;gap:10px;margin-top:10px;max-width:420px}
.coupon-form input{text-transform:uppercase;letter-spacing:.08em}
.coupon-applied{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(159,212,155,.35);background:rgba(159,212,155,.07);font-family:var(--sans);font-size:14px;color:var(--paper-2)}
.cp-ico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(159,212,155,.18);color:#bfe8bb;font-weight:600}
.cp-txt{flex:1;min-width:200px}
.cp-na{display:block;color:#f0c08b}
.co-final{display:grid;gap:4px}
.co-final .check:first-child{margin-top:0}
.pay-btn{margin-top:16px;font-size:16.5px;padding:1.15em 1.6em}
.pay-btn svg:first-child{width:19px;height:19px}
.pay-btn:hover svg{transform:none}
.pay-sub,.seller-note{font-family:var(--sans);font-size:12.5px;color:var(--muted);text-align:center;margin:10px 0 0;line-height:1.5}
.seller-note b{color:var(--paper-dim);font-weight:500}
.pay-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.pay-logos span{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--paper-dim);padding:5px 10px;border-radius:6px;border:1px solid var(--line);background:rgba(241,233,218,.03)}
.pay-logos .stripe{color:#a39bff;border-color:rgba(163,155,255,.3)}
.express-btn{background:#f6f2ea;color:#111;border-color:#fff;font-weight:600;padding:.95em 1.4em;justify-content:center;gap:14px;box-shadow:0 14px 34px -16px rgba(255,255,255,.4)}
.express-btn:hover{background:#fff}
.express-btn>svg{width:22px;height:22px}
.ex-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;text-align:left}
.ex-txt small{font-weight:400;font-size:12px;color:#555}
.express-note{font-family:var(--sans);font-size:12px;color:var(--muted);margin:10px 4px 0;line-height:1.5}
.or-sep{display:flex;align-items:center;gap:14px;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.or-sep::before,.or-sep::after{content:"";flex:1;height:1px;background:var(--line)}
.xmas-note{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:12px;border:1px solid rgba(143,29,29,.45);background:rgba(143,29,29,.12);font-family:var(--sans);font-size:13.5px;color:var(--paper-2);margin:0 0 16px}
.xmas-note svg{width:22px;height:22px;flex:none;color:#e6a3a3}
.alert{padding:14px 16px;border-radius:12px;font-family:var(--sans);font-size:14px;margin:0 0 16px;line-height:1.5}
.alert-error{background:rgba(208,113,106,.12);border:1px solid rgba(208,113,106,.4);color:#f6c3bd}
.alert-info{background:rgba(214,176,100,.08);border:1px solid var(--line-2);color:var(--paper-2)}
.guarantees{list-style:none;margin:clamp(40px,5vw,60px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.guarantees li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(241,233,218,.02)}
.g-ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:1px solid var(--line-2);margin-bottom:4px}
.g-ico svg{width:22px;height:22px}
.guarantees b{font-family:var(--roman-font);font-weight:600;font-size:13.5px;letter-spacing:.08em;color:var(--paper)}
.guarantees small{font-family:var(--sans);font-size:12.5px;color:var(--muted);line-height:1.45}

/* ---------- FAQ ---------- */
.faq{padding:clamp(80px,10vw,150px) 0}
.faq-list{display:grid;gap:10px}
.faq-item{border:1px solid var(--line);border-radius:16px;background:rgba(241,233,218,.02);transition:border-color .3s,background .3s}
.faq-item[open]{border-color:var(--line-2);background:rgba(214,176,100,.04)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;font-family:var(--display);font-weight:600;font-size:clamp(1.2rem,.5vw + 1.05rem,1.4rem);line-height:1.25;color:var(--paper)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{flex:none;position:relative;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2)}
.faq-item summary i::before,.faq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:var(--gold);transition:transform .35s var(--ease)}
.faq-item summary i::after{transform:rotate(90deg)}
.faq-item[open] summary i::after{transform:rotate(0)}
.faq-a{padding:0 22px 20px;color:var(--paper-dim)}
.faq-a p{margin:0 0 .8em}
.faq-a strong{color:var(--paper);font-weight:500}

/* ---------- Collezione ---------- */
.collection{padding:clamp(80px,10vw,150px) 0;background:radial-gradient(900px 500px at 50% 30%,rgba(214,176,100,.07),transparent 70%)}
.coll-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:980px;margin:0 auto}
.coll-card{position:relative;text-align:center;padding:30px 20px 26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(28,23,15,.6),rgba(14,12,9,.6));overflow:hidden}
.coll-card.is-live{border-color:var(--line-2);box-shadow:0 30px 60px -30px rgba(214,176,100,.4)}
.cc-coin{width:150px;height:150px;margin:0 auto 18px;display:grid;place-items:center}
.cc-coin img{width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 16px 24px rgba(0,0,0,.7))}
.is-live .cc-coin img{animation:float 6s ease-in-out infinite}
.cc-mystery{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#2a241a,#100d09 70%);box-shadow:inset 0 0 0 2px rgba(214,176,100,.18),inset 0 0 40px rgba(0,0,0,.8)}
.cc-mystery img{width:60px!important;height:auto!important;opacity:.28;filter:grayscale(.4) blur(.3px)!important;border-radius:0!important}
.cc-label{font-family:var(--roman-font);font-weight:600;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
.cc-name{font-family:var(--display);font-weight:600;font-size:1.5rem;margin:0 0 4px;color:var(--paper)}
.coll-card:not(.is-live) .cc-name{color:var(--paper-dim)}
.cc-status{font-family:var(--sans);font-size:12.5px;color:var(--muted);margin:0 0 14px}
.coll-news{max-width:560px;margin:40px auto 0;justify-content:center}
.coll-news input{flex:1 1 260px}

/* ---------- Finale ---------- */
.final{position:relative;padding:clamp(110px,14vw,200px) 0;overflow:hidden;isolation:isolate}
.final-coin{position:absolute;left:50%;top:50%;width:min(760px,130vw);transform:translate(-50%,-50%);z-index:-1;opacity:.13;filter:blur(1px);animation:spinSlow 60s linear infinite;-webkit-mask:radial-gradient(circle,#000 45%,transparent 70%);mask:radial-gradient(circle,#000 45%,transparent 70%)}
.final-coin img{width:100%;height:auto;border-radius:50%}
@keyframes spinSlow{to{transform:translate(-50%,-50%) rotate(360deg)}}
.final::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,transparent 20%,var(--ink) 72%)}
.final-title{font-family:var(--roman-font);font-weight:700;letter-spacing:.04em;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.final .body-text{margin:0 auto 34px}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--line);background:#080706;padding:clamp(56px,7vw,90px) 0 40px}
.footer-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px 60px}
.footer-brand{display:flex;gap:20px;align-items:flex-start}
.footer-brand img{width:70px;height:auto;flex:none}
.footer-text{font-family:var(--sans);font-size:13.5px;color:var(--muted);margin:0;line-height:1.6}
.footer-news h3{font-family:var(--display);font-weight:600;font-size:1.5rem;margin:0 0 6px}
.footer-news p{color:var(--paper-dim);margin:0 0 14px;font-size:.98em}
.news-form{display:flex;flex-wrap:wrap;gap:10px;max-width:520px}
.news-form input{flex:1 1 220px}
.news-form .form-msg{flex-basis:100%;margin:2px 0 0;font-family:var(--sans);font-size:13px;color:var(--gold)}
.footer-meta{grid-column:1/-1;border-top:1px solid var(--line);padding-top:26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.footer-links a{font-family:var(--sans);font-size:13px;color:var(--paper-dim);text-decoration:none}
.footer-links a:hover{color:var(--gold)}
.wd-link{color:var(--gold)!important;font-weight:500}
.pay-note{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12.5px;color:var(--muted);margin:0}
.pay-note svg{width:16px;height:16px;color:var(--gold)}
.copy{font-family:var(--sans);font-size:12px;color:var(--muted);margin:0;width:100%}

/* ---------- Barra fissa, toast, cookie ---------- */
.sticky-cta{position:fixed;left:50%;bottom:14px;z-index:70;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 10px;border-radius:999px;border:1px solid var(--line-2);background:rgba(16,13,10,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 50px -14px rgba(0,0,0,.85);transform:translate(-50%,140%);transition:transform .6s var(--ease);width:max-content;max-width:calc(100vw - 24px)}
.sticky-cta.show{transform:translate(-50%,0)}
.sticky-cta img{width:44px;height:44px;border-radius:50%;flex:none;animation:miniSpin 8s var(--ease-in-out) infinite}
.sc-txt{display:flex;flex-direction:column;line-height:1.2;font-family:var(--sans);min-width:0}
.sc-txt b{font-size:13.5px;font-weight:600;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-txt small{font-size:12px;color:var(--gold-2)}
.toast{position:fixed;left:16px;bottom:16px;z-index:71;display:flex;align-items:center;gap:12px;max-width:min(340px,calc(100vw - 32px));padding:12px 16px 12px 12px;border-radius:14px;border:1px solid var(--line-2);background:rgba(16,13,10,.95);box-shadow:0 20px 40px -10px rgba(0,0,0,.8);font-family:var(--sans);font-size:13px;color:var(--paper-2);opacity:0;transform:translateY(20px);transition:.6s var(--ease)}
.toast.show{opacity:1;transform:none}
.toast img{width:40px;height:40px;border-radius:50%}
.toast small{display:block;color:var(--muted);font-size:11.5px}
.consent{position:fixed;right:16px;bottom:16px;z-index:95;max-width:420px;padding:18px;border-radius:16px;border:1px solid var(--line-2);background:rgba(14,12,9,.97);box-shadow:0 20px 50px -10px rgba(0,0,0,.85);font-family:var(--sans);font-size:13.5px;color:var(--paper-2)}
.consent p{margin:0 0 12px}
.consent a{color:var(--gold)}
.consent .c-short{display:none}
.consent-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}

/* ---------- Pagina ordine (/ordina) ---------- */
.checkout{padding:clamp(100px,11vw,130px) 0 clamp(70px,8vw,110px)}
.checkout-title{margin:10px 0 12px}
.back-link{display:inline-block;font-family:var(--sans);font-size:13.5px;color:var(--paper-dim);text-decoration:none;margin-bottom:10px}
.back-link:hover{color:var(--gold)}
.steps{list-style:none;margin:0 0 30px;padding:0;display:flex;gap:10px;flex-wrap:wrap;font-family:var(--sans);font-size:13px;color:var(--muted)}
.steps li{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid var(--line)}
.steps li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;border:1px solid var(--line-2)}
.steps li.is-active{color:var(--paper);border-color:var(--line-2)}
.steps li.is-active span{background:linear-gradient(180deg,#f3dc9c,#c99a45);color:#1b1306;border:0}

/* ---------- Grazie ---------- */
.thanks{position:relative;padding:clamp(120px,13vw,160px) 0 clamp(70px,8vw,110px);overflow:hidden}
.thanks-glow{position:absolute;left:50%;top:0;width:900px;height:700px;transform:translateX(-50%);background:radial-gradient(circle,rgba(214,176,100,.18),transparent 65%);pointer-events:none}
.thanks-coin{width:180px;height:180px;margin:0 auto 26px;perspective:900px}
.tc-spin{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:tcSpin 6s var(--ease-in-out) infinite;filter:drop-shadow(0 20px 30px rgba(0,0,0,.7)) drop-shadow(0 0 40px rgba(214,176,100,.3))}
.tc-spin img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tc-b{transform:rotateY(180deg)}
@keyframes tcSpin{0%,20%{transform:rotateY(0)}50%,70%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.thanks .h1 em{display:inline-block;margin-top:.15em;font-size:.75em}
.next-steps{list-style:none;margin:36px auto;padding:0;max-width:560px;text-align:left;display:grid;gap:4px}
.next-steps li{position:relative;padding:12px 0 12px 44px;border-left:1px solid var(--line);margin-left:14px}
.next-steps li::before{content:"";position:absolute;left:-9px;top:16px;width:16px;height:16px;border-radius:50%;background:var(--ink);border:2px solid var(--gold-3)}
.next-steps li.done::before{background:var(--gold-2);border-color:var(--gold-2);box-shadow:0 0 14px rgba(240,200,110,.7)}
.next-steps b{display:block;font-family:var(--display);font-weight:600;font-size:1.25rem;color:var(--paper)}
.next-steps span{font-family:var(--sans);font-size:13.5px;color:var(--paper-dim)}
.spinner-coin{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;background:var(--silver-grad);animation:tcSpin 1.6s linear infinite}
.referral,.share{max-width:600px;margin:36px auto 0;padding:26px;border-radius:18px;border:1px dashed var(--line-2);background:rgba(214,176,100,.04)}
.referral p,.share p{color:var(--paper-dim)}
.ref-code{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 6px}
.ref-code code{font-family:var(--roman-font);font-weight:700;font-size:1.5rem;letter-spacing:.1em;color:var(--gold-2);padding:6px 16px;border-radius:10px;border:1px solid var(--line-2)}
.ref-link{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);word-break:break-all}
.ref-share,.share-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}

/* ---------- Pagine legali, recensione, recesso, 404 ---------- */
.legal{padding:clamp(110px,12vw,150px) 0 clamp(70px,8vw,110px)}
.legal-body{color:var(--paper-2);font-size:1.02em}
.legal-body h2{font-family:var(--display);font-weight:600;font-size:1.7rem;color:var(--paper);margin:1.6em 0 .5em}
.legal-body h3{font-family:var(--display);font-weight:600;font-size:1.35rem;color:var(--paper);margin:1.3em 0 .4em}
.legal-body strong{color:var(--paper);font-weight:500}
.legal-body ul{padding-left:1.2em}
.legal-body li{margin:0 0 .4em}
.legal-body li::marker{color:var(--gold)}
.notfound{min-height:70vh;display:flex;align-items:center}
.review-page{padding:clamp(110px,12vw,150px) 0 clamp(70px,8vw,110px)}
.rv-head{display:flex;gap:22px;align-items:center;margin-bottom:26px}
.rv-cover img{border-radius:50%;filter:drop-shadow(0 12px 20px rgba(0,0,0,.7))}
.rv-done .rv-cover img{margin:0 auto 20px}
.rv-form{display:grid;gap:16px}
.rv-stars{border:0;padding:0;margin:0}
.rv-stars legend{font-family:var(--sans);font-size:13px;color:var(--paper-dim);margin-bottom:8px}
.star-pick{display:inline-flex;flex-direction:row-reverse;gap:4px}
.star-pick input{position:absolute;opacity:0}
.star-pick label{cursor:pointer;line-height:0}
.star-pick svg{width:38px;height:38px;fill:rgba(241,233,218,.15);transition:fill .2s,transform .2s}
.star-pick label:hover svg,.star-pick label:hover~label svg,.star-pick input:checked~label svg{fill:var(--gold)}
.star-pick label:hover svg{transform:scale(1.1)}
.rv-city{margin-top:30px}
.rv-fine{font-family:var(--sans);font-size:12.5px;color:var(--muted);line-height:1.55}
.wd-box{margin:24px 0;padding:6px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(241,233,218,.02);font-family:var(--sans);font-size:14px}
.wd-box table td{color:var(--paper-2)!important;border-color:var(--line)!important}
.wd-scope{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0}
.wd-scope legend{font-family:var(--sans);font-size:13px;color:var(--paper-dim);padding:0 6px}
.wd-items{margin-top:12px}
.wd-statement{font-family:var(--sans);font-size:14px;color:var(--paper);padding:14px 16px;border-left:2px solid var(--gold);background:rgba(214,176,100,.05);border-radius:0 10px 10px 0;margin:0}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .nav{gap:18px}
  .nav a{font-size:11.5px;letter-spacing:.1em}
}
@media (max-width:1080px){
  .nav{display:none}
  .nav+.header-actions{margin-left:auto}
  .menu-toggle{display:flex}
  .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guarantees{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .hero{min-height:auto;padding-top:96px;padding-bottom:70px;align-items:flex-start}
  .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:center}
  .hero-copy{display:contents}
  .eyebrow{order:1;justify-content:center;font-size:10px;letter-spacing:.16em;margin-bottom:12px;white-space:nowrap}
  .eb-line{display:none}
  .hero-title{order:2}
  .hero-stage{order:3;--d:min(70vw,420px);margin:18px auto 4px}
  .coin-hint{display:none}
  .coin-controls{margin-top:12px}
  .hero-sub{order:4;justify-content:center;margin:.35em 0 .25em;font-size:1.15rem}
  .hero-sub::before{display:none}
  .hero-buy{order:5;justify-content:center;flex-direction:column;gap:12px;margin-bottom:20px}
  .hero-buy .btn{width:100%;max-width:420px}
  .price-tag{text-align:center}
  .hero-lead{order:6;margin:0 auto 20px}
  .hero-stock{order:7;margin:0 auto 20px;width:100%}
  .hero-trust{order:8;justify-content:center}
  .ht-big{font-size:clamp(3.4rem,15vw,6rem)}
  .ht-small{font-size:clamp(1.15rem,4.6vw,1.6rem)}
  .hero-glow,.hero-rays{left:50%;top:44%}
  .scroll-cue{display:none}
  .faces-grid,.serial-grid,.box-grid{grid-template-columns:1fr}
  .serial-visual{order:-1}
  .tl{grid-template-columns:1fr}
  .tl-sticky{display:none}
  .specs-wrap{grid-template-columns:1fr}
  .order-shell{grid-template-columns:1fr}
  .order-side{position:static}
  .summary{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:16px;align-items:center;padding:18px}
  .sum-coin{grid-row:span 3;margin:0}
  .mini-coin{width:86px;height:86px}
  .summary .kicker,.summary-title,.summary>.muted.small{text-align:left;margin:0}
  .summary .kicker{font-size:9.5px;letter-spacing:.2em;margin-bottom:4px}
  .summary-title{font-size:1.3rem}
  .summary>.muted.small{font-size:11.5px;margin-top:2px}
  .sum-stock,.summary-lines,.disc-note{grid-column:1/-1}
  .sum-stock{margin:14px 0 4px}
  .summary-trust{display:none}
  .rv-grid{grid-template-columns:1fr}
  .coll-grid{grid-template-columns:1fr;max-width:420px}
  .coll-card{display:grid;grid-template-columns:96px 1fr;text-align:left;align-items:center;gap:6px 18px;padding:18px}
  .cc-coin{width:96px;height:96px;margin:0;grid-row:span 4}
  .cc-mystery{width:96px;height:96px}
  .cc-mystery img{width:40px!important}
  .coll-card .btn{justify-self:start}
  .cc-status{margin:0 0 6px}
  .footer-inner{grid-template-columns:1fr}
  .box-visual{max-width:620px;margin:0 auto;padding:6% 0 0 6%}
}
@media (max-width:640px){
  body{font-size:17px}
  .brand img{height:38px}
  .is-scrolled .brand img{height:34px}
  .site-header .header-actions .btn-gold{display:none}
  .page-checkout .secure-badge{font-size:11.5px}
  .f-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f,.f-zip,.f-city{grid-column:span 1}
  .f:not(.f-zip):not(.f-city){grid-column:1/-1}
  .f-prov{grid-column:1/-1}
  .ed-card{grid-template-columns:52px minmax(0,1fr) auto;gap:12px;padding:10px 12px 10px 10px}
  .ed-card img{width:52px;height:52px}
  .ed-radio{display:none}
  .summary{padding:22px 18px}
  .mini-coin{width:110px;height:110px}
  .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guarantees{grid-template-columns:1fr 1fr;gap:10px}
  .guarantees li{padding:16px 10px}
  .consent{left:12px;right:12px;bottom:12px;max-width:none;padding:14px}
  .consent .c-long{display:none}
  .consent .c-short{display:inline}
  .toast{bottom:84px}
  .points li{padding:12px}
  .rv-head{flex-direction:column;align-items:flex-start}
  .legend-text{text-align:left}
  .faq-item summary{padding:18px}
  .faq-a{padding:0 18px 18px}
  .hotspot{width:26px;height:26px;margin:-13px 0 0 -13px}
  .hotspot span{width:20px;height:20px;font-size:11px}
  .mint-grid{--cols:20 !important;gap:4px}
}
@media (max-width:380px){
  .hero-trust{flex-direction:column;align-items:center;gap:8px}
  .guarantees{grid-template-columns:1fr}
}

/* Movimento ridotto */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal-up,.js [data-reveal],.js [data-stagger]>*{opacity:1;transform:none}
  .mint-grid i{transform:none}
}
/* sezioni fuori schermo: animazioni decorative in pausa (classe dal JS) */
.anim-off *{animation-play-state:paused!important}

/* ---------- Bölcsességek (blog) ---------- */
.blog-head{padding:clamp(120px,13vw,160px) 0 clamp(26px,4vw,46px);background:radial-gradient(760px 420px at 22% 0,rgba(214,176,100,.13),transparent 70%)}
.blog-intro{font-family:var(--display);font-size:clamp(1.25rem,1vw + 1rem,1.6rem);line-height:1.4;color:var(--paper-2);max-width:40ch;margin:.5em 0 0}
.blog-list{padding:0 0 clamp(70px,9vw,110px)}
.blog-empty{font-family:var(--display);font-size:1.4rem;color:var(--paper-dim);padding:30px 0 50px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,40px)}
.post-card{display:flex;flex-direction:column;min-width:0}
.post-card .pc-img{display:block;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:var(--ink-3);border:1px solid var(--line)}
.post-card .pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.post-card:hover .pc-img img{transform:scale(1.035)}
.pc-noimg{display:grid;place-items:center;width:100%;height:100%;color:var(--amber);background:radial-gradient(circle at 50% 55%,rgba(214,176,100,.2),transparent 60%)}
.pc-noimg svg{width:44px;height:58px;opacity:.75}
.pc-body{padding:18px 2px 0}
.pc-meta{font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;color:var(--muted);margin:0 0 8px}
.pc-title{font-family:var(--display);font-weight:500;font-size:1.6rem;line-height:1.14;margin:0 0 .35em}
.pc-title a{color:var(--paper);text-decoration:none;background:linear-gradient(var(--amber),var(--amber)) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease),color .3s}
.pc-title a:hover{color:#fff;background-size:100% 1px}
.pc-text{color:var(--paper-dim);margin:0 0 12px;font-size:1.02em;line-height:1.55}
.pc-more{font-family:var(--sans);font-size:13.5px;color:var(--amber);text-decoration:none}
.pc-more:hover{text-decoration:underline}
.post-card.is-big{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px);border-bottom:1px solid var(--line)}
.post-card.is-big .pc-body{padding:0}
.post-card.is-big .pc-title{font-size:clamp(2rem,2.4vw + 1rem,3rem);line-height:1.06}
.post-card.is-big .pc-text{font-size:1.15em;color:var(--paper-2)}
.blog-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:50px;font-family:var(--sans);font-size:13.5px;color:var(--muted)}
.blog-foot{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:clamp(50px,7vw,90px);align-items:stretch}
.blog-foot>*{margin:0!important}

.post{padding:clamp(110px,12vw,150px) 0 0}
.post-col{max-width:calc(720px + 2*var(--gutter))}
.post-crumb{font-family:var(--sans);font-size:13px;color:var(--muted);margin-bottom:26px}
.post-crumb a{color:var(--paper-dim);text-decoration:none}
.post-crumb a:hover{color:var(--amber)}
.post-crumb span{margin:0 6px;opacity:.5}
.post-title{font-family:var(--display);font-weight:500;font-size:clamp(2.3rem,3.6vw + 1rem,3.9rem);line-height:1.04;letter-spacing:-.01em;margin:0 0 .3em;text-wrap:balance}
.post-sub-title{font-family:var(--display);font-style:italic;font-size:clamp(1.25rem,1vw + 1rem,1.6rem);line-height:1.35;color:var(--paper-2);margin:0 0 20px;text-wrap:pretty}
.post-meta{font-family:var(--sans);font-size:13.5px;color:var(--muted);margin:0 0 34px;display:flex;flex-wrap:wrap;gap:4px 8px}
.post-meta a{color:var(--paper-2);text-decoration:none;border-bottom:1px solid var(--line-2)}
.post-meta a:hover{color:var(--amber);border-color:var(--amber)}
.post-cover{margin:0 0 38px}
.post-cover img{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line)}
.post-take{margin:0 0 38px;padding:22px 26px 20px;border-radius:var(--r);border:1px solid rgba(214,176,100,.3);background:linear-gradient(180deg,rgba(214,176,100,.09),rgba(214,176,100,.03))}
.post-take h2{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--amber);margin:0 0 12px}
.post-take ul{margin:0;padding:0 0 0 1.15em;color:var(--paper)}
.post-take li{margin:0 0 .45em;line-height:1.5;font-size:1.08em}
.post-take li::marker{color:var(--amber)}
.post-toc{margin:0 0 40px;padding:0 0 0 20px;border-left:1px solid var(--line-2);font-family:var(--sans);font-size:14.5px}
.post-toc p{margin:0 0 8px;color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.post-toc ol{margin:0;padding:0 0 0 1.3em;color:var(--muted)}
.post-toc li{margin:0 0 5px}
.post-toc a{color:var(--paper-2);text-decoration:none}
.post-toc a:hover{color:var(--amber)}

.post-body{font-family:var(--serif);font-size:clamp(1.19rem,.3vw + 1.12rem,1.31rem);line-height:1.72;color:var(--paper-2);overflow-wrap:break-word}
.post-body>*:first-child{margin-top:0}
.post-body p{margin:0 0 1.25em}
.post-body h2{font-family:var(--display);font-weight:500;font-size:clamp(1.75rem,1.4vw + 1.3rem,2.3rem);line-height:1.14;color:var(--paper);margin:1.9em 0 .55em;scroll-margin-top:96px;text-wrap:balance}
.post-body h3{font-family:var(--display);font-weight:600;font-size:clamp(1.35rem,.6vw + 1.2rem,1.6rem);line-height:1.2;color:var(--paper);margin:1.6em 0 .45em;scroll-margin-top:96px}
.post-body a:not(.btn){color:var(--amber);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.post-body a:not(.btn):hover{color:#f3dc9c}
.post-body strong{color:var(--paper);font-weight:600}
.post-body ul,.post-body ol{margin:0 0 1.25em;padding-left:1.3em}
.post-body li{margin:0 0 .4em}
.post-body li::marker{color:var(--amber)}
.post-body li p{margin:0}
.post-body blockquote{margin:1.6em 0;padding:.1em 0 .1em 1.2em;border-left:2px solid var(--amber);font-style:italic;color:var(--paper)}
.post-body blockquote p:last-child{margin-bottom:0}
.post-body blockquote.pullquote{border:0;padding:0;margin:1.9em 0;text-align:center;font-family:var(--display);font-style:italic;font-size:clamp(1.6rem,1.6vw + 1.2rem,2.2rem);line-height:1.25;color:var(--amber);text-wrap:balance}
.post-body blockquote.pullquote::before{content:"";display:block;width:44px;height:1px;background:var(--amber);opacity:.6;margin:0 auto .9em}
.post-body blockquote.pullquote::after{content:"";display:block;width:44px;height:1px;background:var(--amber);opacity:.6;margin:.9em auto 0}
.post-body hr{border:0;height:22px;margin:2.2em 0;background:radial-gradient(circle,var(--amber) 1.5px,transparent 2px) 50% 50%/22px 22px repeat-x;background-size:22px 22px;width:66px;margin-left:auto;margin-right:auto;opacity:.75}
.post-body figure{margin:2em 0}
.post-body figure img,.post-body>img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.post-body figure.wide{margin-left:clamp(-90px,-8vw,0px);margin-right:clamp(-90px,-8vw,0px)}
.post-body figcaption{margin-top:10px;text-align:center;font-family:var(--sans);font-size:13.5px;color:var(--muted);line-height:1.45}
.post-body code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82em;background:rgba(241,233,218,.08);padding:.12em .4em;border-radius:5px}
.post-body pre{background:var(--ink-3);border:1px solid var(--line);border-radius:12px;padding:16px 18px;overflow:auto;font-size:.8em;line-height:1.55;margin:0 0 1.25em}
.post-body pre code{background:none;padding:0;font-size:1em}
.post-body .callout{margin:1.7em 0;padding:18px 22px;border-radius:12px;border:1px solid var(--line-2);background:rgba(241,233,218,.04);color:var(--paper)}
.post-body .callout p:last-child{margin-bottom:0}
.post-body p.center{text-align:center}
.post-btn{text-align:center;margin:1.8em 0!important;font-style:normal}
.post-video{position:relative;aspect-ratio:16/9;margin:2em 0;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#000}
.post-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.post-book,.post-sub{margin:2.2em 0;padding:22px 24px;border-radius:var(--r);border:1px solid var(--line-2);background:linear-gradient(160deg,rgba(214,176,100,.08),rgba(241,233,218,.02));font-family:var(--serif);font-size:1.08rem;line-height:1.5;font-style:normal}
.post-book{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:center}
.post-book img{width:96px;height:auto;border:0;border-radius:3px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(255,170,70,.25));transform:rotate(-3deg)}
.post-book .kicker{margin:0 0 6px;font-size:11px}
.pb-title{font-family:var(--display);font-size:1.55rem;line-height:1.15;color:var(--paper);margin:0 0 6px}
.pb-title span{font-size:.72em;color:var(--paper-dim);white-space:nowrap}
.pb-text{color:var(--paper-dim);margin:0 0 14px;font-size:1rem}
.post-book .btn{font-size:14px;padding:.8em 1.3em}
.post-sub .news-form{max-width:none}

.post-faq{margin:clamp(40px,6vw,64px) 0 0;padding-top:clamp(30px,4vw,44px);border-top:1px solid var(--line)}
.post-faq>h2{font-family:var(--display);font-weight:500;font-size:clamp(1.75rem,1.4vw + 1.3rem,2.3rem);margin:0 0 .7em;color:var(--paper)}
.pf-item{margin:0 0 1.5em}
.pf-item h3{font-family:var(--display);font-weight:600;font-size:1.4rem;line-height:1.2;color:var(--paper);margin:0 0 .3em}
.pf-item p{margin:0;color:var(--paper-2);font-size:1.15rem;line-height:1.65}
.post-foot{margin-top:clamp(40px,6vw,64px);padding-top:28px;border-top:1px solid var(--line)}
.post-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--sans);font-size:14px;color:var(--paper-dim);margin-bottom:30px}
.post-author{display:flex;align-items:center;gap:16px;font-size:1.05rem;color:var(--paper-2)}
.post-author img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;border:1px solid var(--line-2)}
.post-author p{margin:0}
.post-author a{color:var(--amber)}
.post-more{margin-top:clamp(60px,8vw,100px);padding:clamp(50px,7vw,80px) 0 clamp(70px,9vw,110px);border-top:1px solid var(--line);background:#0c0a08}
.pm-title{font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,1.6vw + 1.2rem,2.5rem);margin:0 0 30px}
.post-preview{margin-bottom:24px}
.post-col{padding-bottom:clamp(60px,8vw,100px)}
.post-foot>*:last-child{margin-bottom:0}
.page-blog .footer-news{display:none}
.page-blog .footer-inner{display:block}
@media (max-width:900px){
  .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-card.is-big{grid-template-columns:1fr;gap:18px}
  .blog-foot{grid-template-columns:1fr}
  .post-body figure.wide{margin-left:0;margin-right:0}
}
@media (max-width:600px){
  .post-grid{grid-template-columns:1fr}
  .post-book{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px}
  .post-book img{width:72px}
  .post-book .btn{white-space:normal;text-align:center}
  .post-take{padding:18px 20px}
}
.post-body .post-book p,.post-body .post-sub p{margin-bottom:6px}
.post-body .post-book .pb-text,.post-body .post-sub .pb-text{margin-bottom:14px}
.post-video.is-vertical{aspect-ratio:9/16;max-width:min(360px,100%);margin-left:auto;margin-right:auto}
.post-video.is-ambient iframe{pointer-events:none}

.blog-head .kicker{margin-bottom:12px}
.post-book img{width:110px;height:110px;border-radius:50%;transform:none;filter:drop-shadow(0 14px 22px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(214,176,100,.25))}
.post-book{grid-template-columns:110px minmax(0,1fr)}
@media (max-width:600px){.post-book{grid-template-columns:72px minmax(0,1fr)}.post-book img{width:72px;height:72px}}
.real-n2{grid-auto-rows:auto}
.real-n2 .real-item{aspect-ratio:1/1}
.real-item img{object-position:50% 52%}
@media (max-width:720px){.real-n2 .real-item{aspect-ratio:3/4}.real-n2 .is-main{grid-row:span 1!important;grid-column:auto!important}}
/* Hero: dati principali (diametro, peso, COA…) */
.hero-lead{margin-bottom:20px}
.hero-specs{list-style:none;margin:0 0 24px;padding:0;display:flex;max-width:520px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-specs li{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:11px 14px;position:relative;min-width:0}
.hero-specs li:first-child{padding-left:4px}
.hero-specs li+li::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:linear-gradient(transparent,rgba(212,175,95,.45),transparent)}
.hero-specs b{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:.03em;line-height:1.1;font-variant-numeric:lining-nums;white-space:nowrap;color:var(--gold-2)}
.hero-specs b svg{width:1.1em;height:1.1em;color:var(--gold);flex:none}
.hero-specs span{font-family:var(--sans);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim);line-height:1.2;white-space:nowrap}
@media (max-width:960px){
  .hero-specs{order:4;margin:14px auto 20px;justify-content:center;max-width:460px;width:100%}
  .hero-specs li,.hero-specs li:first-child{flex:1 1 0;align-items:center;text-align:center;padding:9px 2px}
  .hero-specs b{font-size:.86rem;gap:3px}
  .hero-specs span{font-size:8.5px;letter-spacing:.04em}
}
/* COA: il certificato al posto della medaglia */
.coin-scene{transition:opacity .55s var(--ease),transform .7s var(--ease),filter .55s}
.coa-scene{position:absolute;top:0;left:50%;width:calc(var(--d)*1.12);height:var(--d);margin-left:calc(var(--d)*-.56);display:flex;align-items:center;justify-content:center;perspective:1800px;opacity:0;visibility:hidden;transform:scale(.6) translateY(6%);transition:opacity .55s var(--ease),transform .8s var(--ease),visibility 0s .8s;pointer-events:none;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;z-index:1}
.coa-scene.dragging{cursor:grabbing}
.coa3d{--ry:0deg;--rx:0deg;position:relative;width:100%;aspect-ratio:3/2;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform}
.coa-face{position:absolute;inset:0;border-radius:6px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.85),0 0 0 1px rgba(214,176,100,.35),0 0 50px rgba(214,176,100,.12)}
.coa-face img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.coa-face.back{transform:rotateY(180deg)}
.coa-face .sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent calc(var(--sx,50%) - 22%),rgba(255,244,214,.22) var(--sx,50%),transparent calc(var(--sx,50%) + 22%));opacity:var(--so,.3);mix-blend-mode:screen}
.hero-stage.show-coa .coin-scene{opacity:0;transform:scale(.55) rotate(-25deg);filter:blur(4px);pointer-events:none}
.hero-stage.show-coa .coa-scene{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--ease) .15s,transform .9s var(--ease) .1s,visibility 0s;pointer-events:auto}
.hero-stage.show-coa .coin-shadow{--shx:1.25;opacity:.55}
.cc-coa{display:inline-flex;align-items:center;gap:.45em}
.cc-coa svg{width:1.25em;height:1.25em;margin:-.2em 0}
.cc-coa .i-coin{display:none}
.cc-coa.is-back .i-coin{display:block}
.cc-coa.is-back .i-coa{display:none}
.cc-coa.is-back{color:var(--gold-2);border-color:var(--gold);background:rgba(214,176,100,.1);box-shadow:0 0 18px rgba(214,176,100,.25)}
@media (max-width:440px){
  .coin-controls{gap:6px;flex-wrap:nowrap;justify-content:center;max-width:100%}
  .cc-btn{font-size:11px;letter-spacing:.1em;padding:.62em .8em}
  .cc-coa{gap:.35em}
}
/* Pulsante "Foto dal vivo" nell'intestazione */
.live-btn{display:inline-flex;align-items:center;gap:8px;padding:.5em 1em;border-radius:999px;border:1px solid var(--line-2);background:rgba(241,233,218,.05);color:var(--paper);text-decoration:none;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.02em;white-space:nowrap;transition:border-color .3s,background .3s,color .3s}
.live-btn:hover{border-color:var(--gold);background:rgba(214,176,100,.1);color:var(--gold-2)}
.live-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:#e5483b;flex:none;box-shadow:0 0 8px rgba(229,72,59,.7)}
.live-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(229,72,59,.6);animation:livePulse 1.8s ease-out infinite}
@keyframes livePulse{from{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.live-dot::after{animation:none}}
.lb-short{display:none}
.mm-live{display:flex!important;align-items:center;gap:12px}
@media (max-width:1080px){.lb-long{display:none}.lb-short{display:inline}}
@media (max-width:420px){.live-btn{font-size:12px;padding:.45em .8em;gap:6px}}
@media (max-width:720px){.real-n2{grid-template-columns:1fr!important}.real-n2 .real-item{aspect-ratio:1/1}}
/* ---------- Kapcsolódó írás kártya (blog) ---------- */
.post-rel{margin:2.2em 0;font-style:normal}
.post-body .post-rel a,.post-rel a{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;padding:14px;border-radius:var(--r);border:1px solid var(--line-2);background:linear-gradient(160deg,rgba(214,176,100,.07),rgba(239,230,211,.02));color:inherit;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}
.post-body .post-rel a:hover,.post-rel a:hover{color:inherit;border-color:rgba(214,176,100,.45);transform:translateY(-2px)}
.post-rel.no-img a{grid-template-columns:minmax(0,1fr);padding:18px 22px}
.post-rel img{width:160px;height:107px;object-fit:cover;border-radius:10px;border:0;margin:0}
.post-rel .pr-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.post-rel .kicker{margin:0;font-size:11px}
.post-rel .pr-title{font-family:var(--display);font-size:1.3rem;line-height:1.25;color:var(--paper)}
.post-rel .pr-text{font-family:var(--serif);font-size:.98rem;line-height:1.5;color:var(--paper-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-rel .pr-more{font-family:var(--sans);font-size:13px;color:var(--gold);margin-top:2px}
@media (max-width:560px){
  .post-body .post-rel a,.post-rel a{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px}
  .post-rel img{width:96px;height:96px}
  .post-rel .pr-text{-webkit-line-clamp:2}
}

/* ---------- Közösségi ikonok ---------- */
.social{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.social a{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:36px;height:36px;border-radius:999px;border:1px solid var(--line-2);color:var(--paper-dim);text-decoration:none;transition:color .2s,border-color .2s,background .2s}
.social a:hover,.social a:focus-visible{color:var(--gold);border-color:rgba(214,176,100,.5);background:rgba(214,176,100,.06)}
.social svg{width:16px;height:16px;flex:none}
.social-labels a{width:auto;padding:0 12px 0 10px;gap:7px;font-family:var(--sans);font-size:13px}
.post-social{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-family:var(--sans);font-size:13px;letter-spacing:.02em;color:var(--muted);margin:14px 0 0 80px}
.post-social>span{flex-basis:100%;white-space:nowrap}
@media (max-width:560px){.post-social{margin-left:0;margin-top:18px}.post-social>span{flex-basis:100%}}
.footer-social{margin:4px 0 14px}


/* ---------- Metodo di pagamento (carta / contrassegno) ---------- */
.pay-method{display:grid;gap:10px}
.pm-opt{position:relative;display:block;cursor:pointer}
.pm-opt input{position:absolute;opacity:0;pointer-events:none}
.pm-card{display:flex;flex-direction:column;gap:3px;padding:14px 16px 14px 46px;border:1px solid var(--line-2);border-radius:14px;background:rgba(241,233,218,.02);font-family:var(--sans);transition:border-color .25s,background .25s;position:relative}
.pm-card::before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:1.5px solid var(--line-2);transition:.25s}
.pm-card b{font-size:15px;font-weight:600;color:var(--paper)}
.pm-card small{font-size:12.5px;color:var(--paper-dim);line-height:1.45}
.pm-opt input:checked+.pm-card{border-color:var(--gold);background:rgba(214,176,100,.07)}
.pm-opt input:checked+.pm-card::before{border-color:var(--gold);background:radial-gradient(circle,var(--gold) 0 4.5px,transparent 5px)}
.pm-opt input:focus-visible+.pm-card{outline:2px solid var(--gold);outline-offset:3px}
/* ---------- Blog-kategóriák ---------- */
.blog-cats{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.blog-cats a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);font-family:var(--sans);font-size:13.5px;color:var(--paper-dim);text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.blog-cats a span{font-size:11.5px;color:var(--muted)}
.blog-cats a:hover{border-color:rgba(214,176,100,.5);color:var(--paper)}
.blog-cats a[aria-current]{background:rgba(214,176,100,.12);border-color:rgba(214,176,100,.55);color:var(--gold)}
.pc-cat{color:var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.pc-cat:hover{text-decoration:underline}
.post-cat{display:inline-block;margin:0 0 12px;font-family:var(--sans);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-decoration:none}
.post-cat:hover{text-decoration:underline}