
:root{
  --deep:#08000C;--deep2:#0f0015;--deep3:#180020;
  --v:#9333EA;--v2:#7C3AED;--v3:#A855F7;--v4:#C026D3;
  --l:#D8B4FE;--l2:#E9D5FF;--l3:#F3E8FF;
  --r:#F472B6;--r2:#FBCFE8;--r3:#FCE7F3;
  --silver:#E2E8F0;--silver2:#CBD5E1;--silver3:#F1F5F9;
  --gold:#FDE68A;--w:#ffffff;--t:#9CA3AF;--t2:#6B7280;
  --serif:'Georgia',serif;--sans:'Helvetica Neue',Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--deep);color:#D4D4D8;font-family:var(--sans);overflow-x:hidden;cursor:none;}

/* CURSORE */
.cur{position:fixed;width:6px;height:6px;background:var(--v3);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen;}
.cur-f{position:fixed;width:28px;height:28px;border:1px solid rgba(168,85,247,.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .06s linear;}
.cur-f.hov{width:48px;height:48px;border-color:var(--r);background:rgba(244,114,182,.05);}

/* SFONDO */
.blobs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.blob{position:absolute;border-radius:50%;filter:blur(100px);}
.b1{width:700px;height:700px;background:rgba(147,51,234,.1);top:-200px;left:-200px;animation:bf 16s ease-in-out infinite;}
.b2{width:600px;height:600px;background:rgba(244,114,182,.07);bottom:-150px;right:-100px;animation:bf 20s ease-in-out infinite 4s;}
.b3{width:500px;height:500px;background:rgba(168,85,247,.08);top:40%;left:40%;animation:bf 12s ease-in-out infinite 8s;}
.b4{width:400px;height:400px;background:rgba(192,38,211,.06);top:20%;right:10%;animation:bf 14s ease-in-out infinite 2s;}
@keyframes bf{0%,100%{transform:scale(1) translate(0,0);}33%{transform:scale(1.1) translate(-20px,-30px);}66%{transform:scale(.95) translate(20px,15px);}}
body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(147,51,234,.015) 3px,rgba(147,51,234,.015) 4px);z-index:0;pointer-events:none;}

/* BORDO ARGENTO BRILLANTINATO */
@keyframes silverGlitter{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.glitter{position:relative;}
.glitter::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,#94a3b8,#e2e8f0,#ffffff,#cbd5e1,#94a3b8,#f1f5f9,#e2e8f0,#94a3b8);background-size:400%;animation:silverGlitter 3s linear infinite;z-index:-1;opacity:.6;}
.glitter:hover::before{opacity:1;}
.glitter-sm::before{opacity:.3;}
.glitter-sm:hover::before{opacity:.8;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 60px;height:76px;display:flex;align-items:center;justify-content:space-between;transition:all .4s;}
nav.sc{background:rgba(8,0,12,.9);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(168,85,247,.12);height:64px;}
.nav-logo{font-family:var(--serif);font-size:22px;font-weight:300;letter-spacing:8px;color:var(--w);text-decoration:none;position:relative;}
.nav-logo .acc{background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nav-links{display:flex;gap:40px;list-style:none;}
.nav-links a{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--t);text-decoration:none;transition:color .3s;position:relative;padding-bottom:4px;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:1px;background:linear-gradient(90deg,var(--v3),var(--r));transition:all .35s;transform:translateX(-50%);}
.nav-links a:hover{color:var(--w);}
.nav-links a:hover::after{width:100%;}
.nav-r{display:flex;align-items:center;gap:12px;}
.cart-btn{background:rgba(147,51,234,.1);border:1px solid rgba(168,85,247,.2);color:var(--l2);padding:8px 18px;border-radius:24px;font-size:10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;backdrop-filter:blur(8px);}
.cart-btn:hover{background:rgba(147,51,234,.2);border-color:rgba(168,85,247,.4);}
.cart-count{background:linear-gradient(135deg,var(--v2),var(--r));color:var(--w);width:18px;height:18px;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700;}
.nav-cta{position:relative;background:transparent;border:1px solid rgba(168,85,247,.3);color:var(--l);padding:10px 26px;border-radius:26px;font-size:10px;letter-spacing:2px;cursor:pointer;overflow:hidden;transition:all .35s;backdrop-filter:blur(8px);}
.nav-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--v3),var(--v));opacity:0;transition:opacity .35s;}
.nav-cta:hover{color:var(--w);border-color:transparent;box-shadow:0 0 28px rgba(147,51,234,.4);}
.nav-cta:hover::before{opacity:1;}
.nav-cta span{position:relative;z-index:1;}

/* HERO */
.hero{position:relative;z-index:1;min-height:110vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 40px 80px;overflow:hidden;}
.hero-geo{position:absolute;inset:0;pointer-events:none;}
.geo-ring{position:absolute;border-radius:50%;border:1px solid;top:50%;left:50%;transform:translate(-50%,-50%);animation:geoRing var(--gd,5s) ease-out infinite var(--gdel,0s);}
@keyframes geoRing{0%{opacity:.6;transform:translate(-50%,-50%) scale(.7);}100%{opacity:0;transform:translate(-50%,-50%) scale(1.3);}}
.geo-ring:nth-child(1){width:500px;height:500px;border-color:rgba(147,51,234,.18);--gd:5s;}
.geo-ring:nth-child(2){width:700px;height:700px;border-color:rgba(244,114,182,.12);--gd:5s;--gdel:1s;}
.geo-ring:nth-child(3){width:900px;height:900px;border-color:rgba(147,51,234,.08);--gd:5s;--gdel:2s;}
.geo-ring:nth-child(4){width:1100px;height:1100px;border-color:rgba(244,114,182,.05);--gd:5s;--gdel:3s;}
.hero-cross{position:absolute;width:1px;height:60px;background:linear-gradient(180deg,transparent,rgba(168,85,247,.4),transparent);animation:crossFloat var(--cd,8s) ease-in-out infinite var(--cdel,0s);}
.hero-cross::after{content:'';position:absolute;width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.4),transparent);top:50%;left:50%;transform:translate(-50%,-50%);}
.badge{display:inline-flex;align-items:center;gap:10px;background:rgba(147,51,234,.1);border:1px solid rgba(168,85,247,.25);border-radius:32px;padding:8px 22px;font-size:9px;letter-spacing:3.5px;color:var(--l);margin-bottom:32px;backdrop-filter:blur(10px);animation:badgeFloat 3s ease-in-out infinite;}
@keyframes badgeFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--r);box-shadow:0 0 10px var(--r);animation:dotBlink 1.8s ease-in-out infinite;}
@keyframes dotBlink{0%,100%{opacity:1;}50%{opacity:.3;}}
h1.hero-title{font-family:var(--serif);font-size:clamp(56px,9vw,120px);font-weight:300;line-height:.95;letter-spacing:-1px;color:var(--w);margin-bottom:4px;}
h1.hero-title .line2{display:block;font-size:.7em;letter-spacing:6px;color:rgba(255,255,255,.4);}
h1.hero-title .line3{display:block;font-style:italic;font-size:.85em;background:linear-gradient(135deg,var(--l),var(--r),var(--gold),var(--l));background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradAnim 6s ease infinite;margin-top:8px;}
@keyframes gradAnim{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.hero-sub{font-size:13px;letter-spacing:2px;color:var(--t);max-width:500px;margin:20px auto 44px;line-height:2.2;}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.btn-primary{position:relative;background:linear-gradient(135deg,var(--v3),var(--v2),var(--r));border:none;color:var(--w);padding:16px 48px;border-radius:48px;font-size:10px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:all .4s;box-shadow:0 8px 32px rgba(147,51,234,.4);}
.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--r),var(--v4));opacity:0;transition:opacity .4s;}
.btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(147,51,234,.55);}
.btn-primary:hover::after{opacity:1;}
.btn-primary span{position:relative;z-index:1;}
.btn-secondary{background:transparent;border:1px solid rgba(168,85,247,.3);color:var(--l2);padding:16px 48px;border-radius:48px;font-size:10px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .4s;backdrop-filter:blur(8px);}
.btn-secondary:hover{background:rgba(147,51,234,.1);border-color:rgba(168,85,247,.6);color:var(--w);box-shadow:0 8px 32px rgba(147,51,234,.2);}
.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--t2);font-size:8px;letter-spacing:4px;animation:scroll 2.5s ease-in-out infinite;}
@keyframes scroll{0%,100%{opacity:.4;transform:translateX(-50%) translateY(0);}50%{opacity:1;transform:translateX(-50%) translateY(10px);}}
.scroll-line{width:1px;height:48px;background:linear-gradient(180deg,rgba(147,51,234,.8),transparent);}

/* TRUST BAR */
.trust{position:relative;z-index:1;padding:18px 60px;border-top:1px solid rgba(168,85,247,.08);border-bottom:1px solid rgba(168,85,247,.08);display:flex;justify-content:center;gap:52px;flex-wrap:wrap;background:rgba(147,51,234,.04);}
.ti{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;color:var(--t);}
.ti-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,rgba(147,51,234,.3),rgba(244,114,182,.2));display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;}

/* MARQUEE */
.mwrap{position:relative;z-index:1;overflow:hidden;padding:14px 0;background:rgba(147,51,234,.06);border-top:1px solid rgba(168,85,247,.07);border-bottom:1px solid rgba(168,85,247,.07);}
.mwrap::before,.mwrap::after{content:'';position:absolute;top:0;width:120px;height:100%;z-index:2;pointer-events:none;}
.mwrap::before{left:0;background:linear-gradient(90deg,var(--deep),transparent);}
.mwrap::after{right:0;background:linear-gradient(270deg,var(--deep),transparent);}
.mtrack{display:flex;gap:52px;white-space:nowrap;animation:mq 20s linear infinite;}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mi{font-size:9px;letter-spacing:3.5px;text-transform:uppercase;color:var(--l);display:flex;align-items:center;gap:16px;opacity:.65;}
.md{width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--v3),var(--r));}

/* SEZIONE */
.sec{position:relative;z-index:1;padding:100px 60px;}
.stag{font-size:8px;letter-spacing:5px;text-transform:uppercase;color:var(--v3);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.stag::before{content:'';width:28px;height:1px;background:linear-gradient(90deg,var(--v3),var(--r));}
.stitle{font-family:var(--serif);font-size:clamp(30px,4vw,52px);font-weight:300;color:var(--w);line-height:1.15;margin-bottom:12px;}
.stitle em{font-style:italic;background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.ssub{font-size:12px;color:var(--t);line-height:2;max-width:480px;}

/* FILTRI */
.fbtns{display:flex;gap:8px;flex-wrap:wrap;}
.fb{padding:8px 20px;border-radius:22px;font-size:9px;letter-spacing:2.5px;cursor:pointer;text-transform:uppercase;background:transparent;border:1px solid rgba(168,85,247,.14);color:var(--t);transition:all .28s;}
.fb.act,.fb:hover{border-color:rgba(168,85,247,.45);background:rgba(147,51,234,.15);color:var(--l2);}

/* PRODOTTI GRIGLIA */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;margin-top:48px;}

/* CARD PREMIUM */
.pc{position:relative;background:rgba(255,255,255,.025);border:1px solid rgba(226,232,240,.08);border-radius:22px;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .4s;backdrop-filter:blur(12px);}
/* bordo argento brillantinato */
.pc::before{content:'';position:absolute;inset:-1px;border-radius:23px;background:linear-gradient(90deg,#64748b,#cbd5e1,#f8fafc,#e2e8f0,#94a3b8,#f1f5f9,#e2e8f0,#64748b);background-size:400%;opacity:0;z-index:-1;animation:silverGlitter 2.5s linear infinite;}
.pc:hover{transform:translateY(-12px) scale(1.01);box-shadow:0 28px 72px rgba(147,51,234,.22),0 0 0 1px rgba(226,232,240,.15);}
.pc:hover::before{opacity:.7;}
.pc::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(147,51,234,.06),rgba(244,114,182,.04));opacity:0;transition:opacity .4s;z-index:0;}
.pc:hover::after{opacity:1;}

/* IMMAGINE PRODOTTO — geometrica senza emoji */
.pimg{width:100%;height:240px;position:relative;overflow:hidden;background:var(--deep3);}
.pimg-geo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.pimg-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--v3),var(--r),var(--l));opacity:.7;animation:imgPulse 3s ease-in-out infinite;box-shadow:0 0 60px rgba(147,51,234,.4);}
@keyframes imgPulse{0%,100%{transform:scale(1);opacity:.7;}50%{transform:scale(1.08);opacity:.9;}}
.pimg-line1{position:absolute;width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent);top:40%;transform:rotate(-30deg);}
.pimg-line2{position:absolute;width:160px;height:1px;background:linear-gradient(90deg,transparent,rgba(244,114,182,.3),transparent);top:60%;transform:rotate(20deg);}
.pimg-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:skewX(-20deg);transition:left .7s ease;}
.pc:hover .pimg-shine{left:160%;}
.pimg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,var(--deep3) 100%);}
.pbadge{position:absolute;top:14px;left:14px;z-index:2;background:rgba(147,51,234,.75);border:1px solid rgba(168,85,247,.4);color:var(--w);padding:4px 11px;border-radius:14px;font-size:8px;letter-spacing:2px;text-transform:uppercase;backdrop-filter:blur(8px);}

/* BODY PRODOTTO */
.pbody{padding:20px;position:relative;z-index:1;}
.pcategory{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--v3);margin-bottom:6px;}
.pname{font-family:var(--serif);font-size:19px;color:var(--w);margin-bottom:6px;letter-spacing:.5px;line-height:1.3;}
.pdesc{font-size:10px;color:var(--t);line-height:1.7;margin-bottom:14px;}
.pprices{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.pprice{font-family:var(--serif);font-size:26px;background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.pmkt{font-size:12px;color:var(--t2);text-decoration:line-through;}
.psave{font-size:8px;background:rgba(244,114,182,.1);border:1px solid rgba(244,114,182,.25);color:var(--r);padding:3px 8px;border-radius:9px;letter-spacing:1px;}
.prating{display:flex;align-items:center;gap:6px;margin-bottom:14px;}
.pstars{display:flex;gap:2px;}
.pstar{width:10px;height:10px;background:var(--r);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.3;}
.pstar.on{opacity:1;}
.prating-num{font-size:10px;color:var(--t);}
.btn-add{width:100%;background:rgba(147,51,234,.12);border:1px solid rgba(168,85,247,.22);color:var(--l2);padding:11px;border-radius:11px;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;}
.btn-add::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--v3),var(--v2));opacity:0;transition:opacity .3s;}
.btn-add:hover{color:var(--w);border-color:transparent;box-shadow:0 4px 18px rgba(147,51,234,.4);}
.btn-add:hover::before{opacity:1;}
.btn-add span{position:relative;z-index:1;}

/* PLACEHOLDER PRODOTTI (bot non collegato) */
.products-placeholder{grid-column:1/-1;padding:80px 40px;text-align:center;border:1px solid rgba(168,85,247,.1);border-radius:22px;background:rgba(147,51,234,.04);backdrop-filter:blur(8px);}
.ph-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(147,51,234,.2),rgba(244,114,182,.1));margin:0 auto 20px;display:flex;align-items:center;justify-content:center;position:relative;}
.ph-icon::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(90deg,#94a3b8,#e2e8f0,#94a3b8);background-size:300%;animation:silverGlitter 2s linear infinite;z-index:-1;opacity:.5;}
.ph-ring{width:40px;height:40px;border-radius:50%;border:2px solid rgba(168,85,247,.4);border-top-color:var(--v3);animation:phSpin 1.5s linear infinite;}
@keyframes phSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.ph-title{font-family:var(--serif);font-size:24px;color:var(--w);margin-bottom:10px;font-weight:300;}
.ph-sub{font-size:12px;color:var(--t);line-height:1.8;max-width:400px;margin:0 auto 24px;}
.ph-steps{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:24px;}
.ph-step{background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.12);border-radius:12px;padding:16px 20px;text-align:left;max-width:180px;}
.ph-step-num{font-family:var(--serif);font-size:28px;background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;}
.ph-step-text{font-size:10px;color:var(--t);line-height:1.6;letter-spacing:.5px;}

/* FEATURED */
.feat{position:relative;z-index:1;padding:100px 60px;overflow:hidden;}
.feat-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(147,51,234,.08) 0%,transparent 70%);top:50%;left:20%;transform:translate(-50%,-50%);pointer-events:none;}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1;}
.fimg{width:100%;aspect-ratio:1;border-radius:28px;background:linear-gradient(135deg,var(--deep2),var(--deep3));position:relative;overflow:hidden;box-shadow:0 32px 80px rgba(147,51,234,.2);}
/* bordo argento featured */
.fimg::before{content:'';position:absolute;inset:-1px;border-radius:29px;background:linear-gradient(90deg,#94a3b8,#e2e8f0,#ffffff,#cbd5e1,#94a3b8,#f8fafc,#e2e8f0);background-size:400%;animation:silverGlitter 3s linear infinite;z-index:-1;opacity:.5;}
.fimg-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.fimg-orb{width:220px;height:220px;border-radius:50%;background:conic-gradient(from 0deg,var(--v3),var(--r),var(--l),var(--v4),var(--v3));animation:orbSpin 8s linear infinite;filter:blur(2px);opacity:.6;}
@keyframes orbSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.fimg-orb2{position:absolute;width:160px;height:160px;border-radius:50%;background:conic-gradient(from 180deg,var(--r),var(--l),var(--v3),var(--r));animation:orbSpin 6s linear infinite reverse;filter:blur(4px);opacity:.4;}
.fimg-center{position:absolute;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--w),var(--l));opacity:.15;}
.fimg-ring1{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(196,181,253,.15);animation:fRing 10s linear infinite;}
.fimg-ring2{position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(244,114,182,.08);animation:fRing 14s linear infinite reverse;}
@keyframes fRing{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.flabel{font-size:8px;letter-spacing:5px;text-transform:uppercase;color:var(--r);margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.flabel::before{content:'';width:24px;height:1px;background:linear-gradient(90deg,var(--r),transparent);}
.ftitle{font-family:var(--serif);font-size:clamp(34px,3.5vw,52px);font-weight:300;color:var(--w);line-height:1.08;margin-bottom:18px;}
.fdesc{font-size:12px;color:var(--t);line-height:2;margin-bottom:32px;}
.fspecs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px;}
.fspec{background:rgba(255,255,255,.025);border:1px solid rgba(226,232,240,.06);border-radius:14px;padding:18px;text-align:center;backdrop-filter:blur(8px);position:relative;overflow:hidden;}
.fspec::before{content:'';position:absolute;inset:-1px;border-radius:15px;background:linear-gradient(90deg,#64748b,#e2e8f0,#64748b);background-size:300%;opacity:0;z-index:-1;animation:silverGlitter 3s linear infinite;}
.fspec:hover::before{opacity:.4;}
.sv{font-family:var(--serif);font-size:30px;background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.sl{font-size:8px;letter-spacing:2px;color:var(--t2);margin-top:4px;text-transform:uppercase;}
.fpr{display:flex;align-items:center;gap:18px;margin-bottom:28px;flex-wrap:wrap;}
.fprice{font-family:var(--serif);font-size:48px;background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.fold{font-size:17px;color:var(--t2);text-decoration:line-through;}
.foff{background:linear-gradient(135deg,var(--v3),var(--r));color:var(--w);padding:5px 15px;border-radius:18px;font-size:9px;letter-spacing:2px;}

/* REVEAL ON SCROLL */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.4,0,.2,1),transform .75s cubic-bezier(.4,0,.2,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:.1s;}
.reveal-delay-2{transition-delay:.2s;}
.reveal-delay-3{transition-delay:.3s;}

/* STATS */
.stats{position:relative;z-index:1;padding:100px 60px;text-align:center;}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;}
.si{padding:40px 20px;border:1px solid rgba(226,232,240,.06);border-radius:20px;background:rgba(255,255,255,.02);backdrop-filter:blur(10px);transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden;cursor:default;}
.si::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,181,253,.2),transparent);}
.si::after{content:'';position:absolute;inset:-1px;border-radius:21px;background:linear-gradient(90deg,#475569,#cbd5e1,#f1f5f9,#94a3b8);background-size:300%;opacity:0;z-index:-1;animation:silverGlitter 3s linear infinite;}
.si:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(147,51,234,.14);}
.si:hover::after{opacity:.4;}
.sval{font-family:var(--serif);font-size:52px;font-weight:300;background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;line-height:1;}
.slbl{font-size:9px;letter-spacing:3px;color:var(--t2);text-transform:uppercase;}

/* PERCHÉ LUMEA */
.why{position:relative;z-index:1;padding:100px 60px;background:rgba(147,51,234,.03);border-top:1px solid rgba(168,85,247,.06);border-bottom:1px solid rgba(168,85,247,.06);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;}
.why-card{background:rgba(255,255,255,.02);border:1px solid rgba(226,232,240,.06);border-radius:20px;padding:36px 28px;position:relative;overflow:hidden;backdrop-filter:blur(8px);transition:transform .35s,border-color .35s;}
.why-card::after{content:'';position:absolute;inset:-1px;border-radius:21px;background:linear-gradient(90deg,#475569,#e2e8f0,#f8fafc,#94a3b8);background-size:300%;opacity:0;z-index:-1;animation:silverGlitter 3s linear infinite;}
.why-card:hover{transform:translateY(-5px);}
.why-card:hover::after{opacity:.4;}
.why-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(147,51,234,.3),rgba(244,114,182,.2));margin-bottom:20px;position:relative;}
.why-icon::after{content:'';position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,var(--v3),var(--r));opacity:.2;}
.why-title{font-family:var(--serif);font-size:20px;color:var(--w);margin-bottom:10px;}
.why-desc{font-size:11px;color:var(--t);line-height:1.9;}

/* NEWSLETTER */
.nl{position:relative;z-index:1;padding:100px 60px;text-align:center;overflow:hidden;}
.nl-orb{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(147,51,234,.07) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.nltitle{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:300;color:var(--w);margin-bottom:14px;position:relative;z-index:1;}
.nltitle em{font-style:italic;background:linear-gradient(135deg,var(--l),var(--r),var(--gold));background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradAnim 5s ease infinite;}
.nlsub{font-size:12px;color:var(--t);letter-spacing:.8px;margin-bottom:36px;position:relative;z-index:1;}
.nlform{display:flex;max-width:440px;margin:0 auto;border:1px solid rgba(196,181,253,.2);border-radius:48px;overflow:hidden;background:rgba(255,255,255,.03);backdrop-filter:blur(14px);position:relative;z-index:1;box-shadow:0 8px 32px rgba(147,51,234,.12);}
.nlinput{flex:1;background:none;border:none;outline:none;padding:15px 22px;font-size:11px;letter-spacing:.8px;color:var(--w);}
.nlinput::placeholder{color:var(--t2);}
.nlbtn{background:linear-gradient(135deg,var(--v3),var(--v2));border:none;color:var(--w);padding:13px 30px;font-size:9px;letter-spacing:2px;cursor:pointer;transition:all .3s;}
.nlbtn:hover{background:linear-gradient(135deg,var(--r),var(--v4));}

/* FOOTER */
footer{position:relative;z-index:1;padding:56px 60px;border-top:1px solid rgba(226,232,240,.04);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;}
footer::before{content:'';position:absolute;top:0;left:60px;right:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.2),rgba(244,114,182,.15),rgba(168,85,247,.2),transparent);}
.flogo{font-family:var(--serif);font-size:22px;letter-spacing:7px;color:var(--w);margin-bottom:14px;}
.flogo .acc{background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.fdsc{font-size:11px;color:var(--t);line-height:1.9;max-width:220px;}
.fct{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--l);margin-bottom:18px;}
.flinks{list-style:none;display:flex;flex-direction:column;gap:10px;}
.flinks a{font-size:11px;color:var(--t2);text-decoration:none;transition:color .25s;display:flex;align-items:center;gap:7px;}
.flinks a::before{content:'';width:0;height:1px;background:linear-gradient(90deg,var(--v3),var(--r));transition:width .25s;flex-shrink:0;}
.flinks a:hover{color:var(--w);}
.flinks a:hover::before{width:14px;}
.fbot{position:relative;z-index:1;padding:18px 60px;border-top:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;font-size:9px;color:var(--t2);letter-spacing:.8px;flex-wrap:wrap;gap:8px;}

/* CART PANEL */
.co{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:300;opacity:0;pointer-events:none;transition:opacity .28s;backdrop-filter:blur(4px);}
.co.open{opacity:1;pointer-events:all;}
.cs{position:fixed;top:0;right:0;bottom:0;width:380px;background:rgba(8,0,12,.97);border-left:1px solid rgba(168,85,247,.12);z-index:301;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:32px;backdrop-filter:blur(24px);}
.cs::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),rgba(244,114,182,.2),transparent);}
.co.open .cs{transform:translateX(0);}
.ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.ctitle{font-family:var(--serif);font-size:24px;color:var(--w);letter-spacing:2px;}
.cclose{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--t);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;}
.cclose:hover{background:rgba(244,114,182,.1);color:var(--r);}
.citems{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;}
.citems::-webkit-scrollbar{width:3px;}
.citems::-webkit-scrollbar-thumb{background:rgba(168,85,247,.2);border-radius:2px;}
.cempty{text-align:center;color:var(--t2);font-size:11px;margin-top:56px;letter-spacing:.8px;}
.cempty-icon{width:60px;height:60px;border-radius:50%;background:rgba(147,51,234,.08);border:1px solid rgba(168,85,247,.1);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;}
.cempty-line{width:28px;height:1px;background:rgba(168,85,247,.3);margin:0 auto 4px;}
.citem{display:flex;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(255,255,255,.02);transition:border-color .2s;}
.citem:hover{border-color:rgba(168,85,247,.12);}
.cimg{width:58px;height:58px;border-radius:10px;background:linear-gradient(135deg,var(--deep2),var(--deep3));flex-shrink:0;position:relative;overflow:hidden;}
.cimg-geo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.cimg-circle{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--v3),var(--r));opacity:.6;}
.cname{font-family:var(--serif);font-size:14px;color:var(--w);margin-bottom:3px;}
.cprice{font-size:11px;color:var(--l);}
.cremove{background:none;border:none;color:var(--t2);font-size:15px;cursor:pointer;margin-left:auto;align-self:flex-start;transition:color .2s;}
.cremove:hover{color:var(--r);}
.cfooter{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;margin-top:14px;}
.ctot{display:flex;justify-content:space-between;font-size:12px;color:var(--t);margin-bottom:7px;}
.ctbig{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.ctlbl{font-family:var(--serif);font-size:19px;color:var(--w);}
.ctval{font-family:var(--serif);font-size:30px;background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.bchk{width:100%;background:linear-gradient(135deg,var(--v3),var(--v2),var(--r));border:none;color:var(--w);padding:15px;border-radius:48px;font-size:10px;letter-spacing:2.5px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;}
.bchk::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--r),var(--v4));opacity:0;transition:opacity .3s;}
.bchk:hover{box-shadow:0 8px 28px rgba(147,51,234,.5);transform:translateY(-1px);}
.bchk:hover::after{opacity:1;}
.bchk span{position:relative;z-index:1;}

/* MODAL PRODOTTO */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:400;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(6px);}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-55%);width:min(680px,92vw);max-height:88vh;overflow-y:auto;background:rgba(8,0,12,.97);border:1px solid rgba(168,85,247,.15);border-radius:24px;z-index:401;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;opacity:0;backdrop-filter:blur(20px);}
.modal::-webkit-scrollbar{width:3px;}
.modal::-webkit-scrollbar-thumb{background:rgba(168,85,247,.2);}
.modal-overlay.open .modal{transform:translate(-50%,-50%);opacity:1;}
.modal::before{content:'';position:absolute;inset:-1px;border-radius:25px;background:linear-gradient(90deg,#475569,#e2e8f0,#f8fafc,#94a3b8,#475569);background-size:400%;animation:silverGlitter 3s linear infinite;z-index:-1;opacity:.4;}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.05);}
.modal-label{font-size:8px;letter-spacing:4px;color:var(--v3);text-transform:uppercase;}
.modal-close{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--t);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;}
.modal-close:hover{background:rgba(244,114,182,.1);color:var(--r);}
.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px;}
.modal-img{width:100%;aspect-ratio:1;border-radius:18px;background:linear-gradient(135deg,var(--deep2),var(--deep3));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.modal-img-orb{width:140px;height:140px;border-radius:50%;background:conic-gradient(from 0deg,var(--v3),var(--r),var(--l),var(--v4),var(--v3));animation:orbSpin 8s linear infinite;filter:blur(3px);opacity:.5;}
.modal-img-ring{position:absolute;width:200px;height:200px;border:1px solid rgba(196,181,253,.12);border-radius:50%;animation:fRing 12s linear infinite;}
.modal-info{}
.modal-cat{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--v3);margin-bottom:8px;}
.modal-title{font-family:var(--serif);font-size:clamp(22px,2.5vw,30px);color:var(--w);margin-bottom:10px;}
.modal-desc{font-size:11px;color:var(--t);line-height:1.9;margin-bottom:20px;}
.modal-prices{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.modal-price{font-family:var(--serif);font-size:36px;background:linear-gradient(135deg,var(--l),var(--r));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.modal-mkt{font-size:14px;color:var(--t2);text-decoration:line-through;}
.modal-save{font-size:9px;background:rgba(244,114,182,.1);border:1px solid rgba(244,114,182,.25);color:var(--r);padding:3px 9px;border-radius:10px;}
.modal-features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.modal-feature{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--t);}
.modal-feature::before{content:'';width:18px;height:1px;background:linear-gradient(90deg,var(--v3),var(--r));flex-shrink:0;}
.modal-btns{display:flex;flex-direction:column;gap:10px;}
@media(max-width:600px){.modal-body{grid-template-columns:1fr;}.modal-img{aspect-ratio:16/9;}}

/* TOAST */
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(80px);background:rgba(8,0,12,.96);border:1px solid rgba(168,85,247,.22);border-radius:48px;padding:12px 26px;color:var(--w);font-size:11px;letter-spacing:.8px;z-index:500;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:9px;box-shadow:0 8px 32px rgba(147,51,234,.2);backdrop-filter:blur(14px);}
.toast.show{transform:translateX(-50%) translateY(0);}
.toast-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--v3),var(--r));}

@media(max-width:1100px){.fgrid{grid-template-columns:1fr;gap:48px;}.sgrid{grid-template-columns:repeat(2,1fr);}.why-grid{grid-template-columns:repeat(2,1fr);}footer{grid-template-columns:1fr 1fr;}.sec,.feat,.stats,.nl,.why{padding:72px 32px;}nav{padding:0 32px;}.trust{gap:28px;padding:16px 32px;}}
@media(max-width:768px){.nav-links{display:none;}nav{padding:0 20px;}.hero{padding:96px 20px 64px;}.sec,.feat,.nl,.why{padding:60px 20px;}.sgrid{grid-template-columns:repeat(2,1fr);}.why-grid{grid-template-columns:1fr;}footer{grid-template-columns:1fr;padding:40px 20px;}.cs{width:100%;}.fbot{padding:16px 20px;}.trust{gap:20px;padding:14px 20px;}}
