/* ═══════════════════════════════════════
   ENJOY SHOP v4 — Full Interactive
   ═══════════════════════════════════════ */
:root {
  --red:    #D42B2B;
  --red-dk: #A81F1F;
  --black:  #0F0F0F;
  --white:  #FFFFFF;
  --cream:  #F8F7F4;
  --gold:   #E8961C;
  --muted:  #666;
  --border: rgba(0,0,0,0.1);
  --font-h: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-b: 'Inter', system-ui, sans-serif;
  --max-w:  1280px;
  --pad:    clamp(1rem,5vw,2.5rem);
  --ease:   cubic-bezier(0.16,1,0.3,1);
  /* dark mode tokens */
  --bg:     var(--cream);
  --surface:var(--white);
  --text:   var(--black);
}
[data-theme="dark"] {
  --bg:     #111;
  --surface:#1a1a1a;
  --cream:  #111;
  --white:  #1a1a1a;
  --black:  #f0f0f0;
  --muted:  #999;
  --border: rgba(255,255,255,0.1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--cream);color:var(--black);font-family:var(--font-b);font-weight:400;line-height:1.6;overflow-x:hidden;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
address{font-style:normal;}
h1,h2,h3,h4{font-family:var(--font-h);font-weight:800;line-height:1.05;letter-spacing:-0.01em;text-transform:uppercase;}
h1{font-size:clamp(3.5rem,10vw,9rem);}
h2{font-size:clamp(2.5rem,6vw,5.5rem);}
h3{font-size:clamp(1.5rem,3vw,2.2rem);}
.container{max-width:var(--max-w);margin-inline:auto;padding-inline:var(--pad);}

/* ─── PROGRESS BAR ─── */
#progress-bar{position:fixed;top:0;left:0;height:4px;background:var(--red);width:0%;z-index:9999;transition:width .08s linear;box-shadow:0 0 8px var(--red);}

/* ─── SPLASH ─── */
#splash{position:fixed;inset:0;background:var(--red);z-index:9998;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem;transition:opacity .7s ease, transform .7s var(--ease);}
#splash.hide{opacity:0;transform:scaleY(0);transform-origin:top;pointer-events:none;}
#splash-logo{font-size:5rem;animation:splashBounce 1s var(--ease) forwards;}
#splash-text{font-family:var(--font-h);font-size:2.8rem;font-weight:800;color:var(--white);letter-spacing:.08em;text-transform:uppercase;opacity:0;animation:fadeUp .5s .4s var(--ease) forwards;}
#splash-sub{font-size:.9rem;color:rgba(255,255,255,.65);letter-spacing:.2em;text-transform:uppercase;opacity:0;animation:fadeUp .5s .7s var(--ease) forwards;}
@keyframes splashBounce{0%{transform:scale(0) rotate(-20deg);opacity:0;}60%{transform:scale(1.2) rotate(5deg);}100%{transform:scale(1) rotate(0);opacity:1;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

/* ─── BUTTONS ─── */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.9rem;font-family:var(--font-h);font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:3px;transition:.3s var(--ease);white-space:nowrap;position:relative;overflow:hidden;cursor:pointer;border:none;}
.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);opacity:0;transition:.2s;}
.btn:hover::after{opacity:1;}
.btn-red{background:var(--red);color:var(--white);}
.btn-red:hover{background:var(--red-dk);transform:translateY(-2px);}
.btn-black{background:var(--black);color:var(--white);}
.btn-black:hover{background:#333;transform:translateY(-2px);}
.btn-outline{border:2px solid var(--black);color:var(--black);}
.btn-outline:hover{background:var(--black);color:var(--white);}
.btn-mag{transition:transform .15s var(--ease),background .25s,color .25s;will-change:transform;}
.label{font-family:var(--font-h);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:.75rem;}

/* ─── REVEAL ─── */
.rv{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease);}
.rv.in{opacity:1;transform:none;}
.d1{transition-delay:.12s;}.d2{transition-delay:.22s;}.d3{transition-delay:.34s;}

/* ─── NAV ─── */
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);border-bottom:2px solid var(--black);transition:box-shadow .3s;}
#nav.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.1);}
.nav-inner{max-width:var(--max-w);margin-inline:auto;padding:.85rem var(--pad);display:flex;align-items:center;gap:2rem;}
.nav-logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.nav-logo img{width:36px;height:36px;object-fit:contain;}
.nav-logo-text{font-family:var(--font-h);font-size:1.5rem;font-weight:800;text-transform:uppercase;}
.nav-logo-text span{color:var(--red);}
.nav-links{display:flex;gap:2rem;margin-inline:auto;}
.nav-links a{font-family:var(--font-h);font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:color .2s;}
.nav-links a:hover{color:var(--red);}
.nav-cta{font-family:var(--font-h);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.55rem 1.3rem;background:var(--red);color:var(--white);border-radius:3px;flex-shrink:0;transition:.25s var(--ease);}
.nav-cta:hover{background:var(--red-dk);}
.hamburger{display:none;flex-direction:column;gap:5px;padding:4px;background:none;border:none;cursor:pointer;margin-left:auto;}
.hamburger span{display:block;width:24px;height:2px;background:var(--black);transition:.3s var(--ease);}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mob-menu{display:none;position:fixed;inset:0;background:var(--white);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;opacity:0;pointer-events:none;transition:opacity .3s;}
.mob-menu.open{display:flex;opacity:1;pointer-events:all;}
.mob-menu a{font-family:var(--font-h);font-size:clamp(2rem,8vw,3.5rem);font-weight:800;text-transform:uppercase;transition:color .2s;}
.mob-menu a:hover{color:var(--red);}
.mob-cta{background:var(--red)!important;color:var(--white)!important;padding:.7rem 2rem;border-radius:3px;margin-top:.5rem;}

/* ─── HERO ─── */
#hero{padding-top:72px;background:var(--white);border-bottom:3px solid var(--black);overflow:hidden;}
.hero-inner{max-width:var(--max-w);margin-inline:auto;padding:clamp(2.5rem,7vw,5rem) var(--pad) 0;display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:end;}
.hero-tag{display:inline-block;background:var(--red);color:var(--white);font-family:var(--font-h);font-size:.88rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:.3rem .9rem;border-radius:2px;margin-bottom:1.5rem;}
.hero-h1{color:var(--black);margin-bottom:1.25rem;line-height:1.0;}
.hero-h1 em{color:var(--red);font-style:normal;}

/* GLITCH */
.glitch{position:relative;display:inline-block;}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;opacity:.75;}
.glitch::before{color:var(--red);animation:glitch1 4s infinite;}
.glitch::after{color:#00aaff;animation:glitch2 4s infinite;}
@keyframes glitch1{0%,90%,100%{clip-path:none;transform:none;}91%{clip-path:inset(30% 0 50% 0);transform:translateX(-5px);}93%{clip-path:inset(70% 0 10% 0);transform:translateX(5px);}95%{clip-path:none;transform:none;}}
@keyframes glitch2{0%,90%,100%{clip-path:none;transform:none;}92%{clip-path:inset(50% 0 30% 0);transform:translateX(4px);}94%{clip-path:inset(10% 0 70% 0);transform:translateX(-4px);}96%{clip-path:none;transform:none;}}

.hero-sub{font-size:clamp(1rem,1.8vw,1.15rem);color:var(--muted);margin-bottom:2rem;max-width:460px;line-height:1.7;}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;}
.hero-sticker-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem;}

/* STICKERS */
.sticker{display:inline-block;font-family:var(--font-h);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.4rem 1rem;border-radius:50px;box-shadow:2px 2px 0 rgba(0,0,0,.25);animation:stickerWiggle 4s ease-in-out infinite;}
.sticker-gold{background:var(--gold);color:var(--white);transform:rotate(-3deg);}
.sticker-black{background:var(--black);color:var(--white);transform:rotate(2deg);}
.sticker-red{background:var(--red);color:var(--white);transform:rotate(-1.5deg);}
@keyframes stickerWiggle{0%,100%{transform:rotate(-3deg);}50%{transform:rotate(-1deg);}}
.sticker-black{animation-delay:.5s;}
.sticker-red{animation-delay:1s;}

.hero-img-wrap{position:relative;align-self:end;}
.hero-img-wrap img{width:100%;max-height:500px;object-fit:cover;object-position:center;border-radius:6px 6px 0 0;border:2px solid var(--black);border-bottom:none;}
.hero-float-badge{position:absolute;top:1.5rem;right:-1rem;background:var(--black);color:var(--white);font-family:var(--font-h);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1rem;border-radius:4px;transform:rotate(4deg);border:2px solid var(--red);animation:floatBadge 3s ease-in-out infinite;}
@keyframes floatBadge{0%,100%{transform:rotate(4deg) translateY(0);}50%{transform:rotate(4deg) translateY(-6px);}}

/* COUNTER HERO */
.hero-counter-row{display:flex;gap:1.5rem;flex-wrap:wrap;padding-bottom:2.5rem;}
.hero-counter-box{display:inline-flex;align-items:center;gap:.75rem;background:var(--cream);border:2px solid var(--black);border-radius:4px;padding:.6rem 1.2rem;}
.counter-num{font-family:var(--font-h);font-size:2.2rem;font-weight:800;color:var(--red);line-height:1;}
.counter-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);line-height:1.3;}

/* ─── MARQUEE ─── */
.marquee-bar{background:var(--black);padding:.7rem 0;overflow:hidden;white-space:nowrap;border-top:2px solid var(--red);border-bottom:2px solid var(--red);}
.marquee-track{display:inline-flex;animation:marquee 28s linear infinite;}
.marquee-track:hover{animation-play-state:paused;}
.m-item{font-family:var(--font-h);font-size:1.05rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--white);padding-inline:2rem;}
.m-dot{color:var(--red);}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ─── CHI SIAMO ─── */
#chi-siamo{padding-block:clamp(4rem,10vw,8rem);background:var(--cream);}
.chi-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-top:2.5rem;}
.chi-text h2{margin-bottom:1.25rem;}
.chi-text h2 em{color:var(--red);font-style:normal;}
.chi-text p{color:var(--muted);line-height:1.8;margin-bottom:1rem;font-size:1.05rem;}
.chi-facts{display:flex;flex-direction:column;gap:1rem;}
.fact-card{background:var(--white);border:2px solid var(--black);border-radius:6px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:transform .3s var(--ease),box-shadow .3s;}
.fact-card:hover{transform:translateY(-3px) rotate(.3deg);box-shadow:4px 4px 0 var(--black);}
.fact-num{font-family:var(--font-h);font-size:3rem;font-weight:800;color:var(--red);line-height:1;flex-shrink:0;min-width:80px;}
.fact-txt strong{display:block;font-family:var(--font-h);font-size:1.1rem;text-transform:uppercase;}
.fact-txt span{font-size:.85rem;color:var(--muted);}

/* ─── ONESTA (L'ONESTA CHE STUPISCE) ─── */
#onesta{padding-block:clamp(4rem,10vw,8rem);background:var(--black);color:var(--white);}
#onesta .label{color:var(--gold);}
#onesta .section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:3rem;}
#onesta h2{color:var(--white);}
#onesta h2 em{color:var(--red);font-style:normal;}
.onesta-note{font-size:.9rem;color:rgba(255,255,255,.4);max-width:280px;line-height:1.7;}
.onesta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}

/* FLIP CARDS */
.flip-card{perspective:900px;height:230px;cursor:pointer;}
.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s var(--ease);}
.flip-card:hover .flip-inner,.flip-card.flipped .flip-inner{transform:rotateY(180deg);}
.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;padding:2rem;display:flex;flex-direction:column;justify-content:center;}
.flip-front{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);}
.flip-front .flip-icon{font-size:2.8rem;margin-bottom:.9rem;}
.flip-front h3{font-size:1.25rem;color:var(--white);line-height:1.2;}
.flip-front p{font-size:.8rem;color:rgba(255,255,255,.35);margin-top:.4rem;}
.flip-back{background:var(--red);transform:rotateY(180deg);border:1px solid rgba(255,255,255,.2);}
.flip-back p{font-size:1rem;color:var(--white);line-height:1.7;}
.flip-back em{font-style:italic;opacity:.8;}

/* ─── CATEGORIE con flip count ─── */
#categorie{padding-block:clamp(4rem,10vw,8rem);background:var(--white);border-top:2px solid var(--black);}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem;}
.cat-card{position:relative;overflow:hidden;border-radius:6px;border:2px solid var(--black);aspect-ratio:4/3;cursor:pointer;transition:box-shadow .3s;}
.cat-card:hover{box-shadow:6px 6px 0 var(--black);}
.cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.cat-card:hover img{transform:scale(1.07);}
.cat-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,15,15,.9) 0%,rgba(15,15,15,.1) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;transition:background .3s;}
.cat-card:hover .cat-overlay{background:linear-gradient(to top,rgba(212,43,43,.95) 0%,rgba(212,43,43,.4) 60%,transparent 100%);}
.cat-name{font-family:var(--font-h);font-size:1.5rem;font-weight:800;color:var(--white);text-transform:uppercase;}
.cat-count{font-size:.78rem;font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.75);text-transform:uppercase;margin-top:.25rem;max-height:0;overflow:hidden;transition:max-height .4s var(--ease),opacity .3s;}
.cat-card:hover .cat-count{max-height:30px;}

/* ─── DRAG SCROLL PRODOTTI ─── */
#venduti{padding-block:clamp(4rem,10vw,8rem);background:var(--cream);border-top:2px solid var(--black);}
.drag-hint{font-size:.78rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;}
.drag-hint::before{content:'← →';font-size:1.1rem;color:var(--red);}
.drag-scroll{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:1rem;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-inline:2px;}
.drag-scroll.grabbing{cursor:grabbing;}
.drag-scroll::-webkit-scrollbar{height:4px;}
.drag-scroll::-webkit-scrollbar-track{background:var(--border);}
.drag-scroll::-webkit-scrollbar-thumb{background:var(--red);border-radius:2px;}
.prod-card{flex:0 0 280px;scroll-snap-align:start;background:var(--white);border:2px solid var(--black);border-radius:6px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s;}
.prod-card:hover{transform:translateY(-4px);box-shadow:4px 4px 0 var(--black);}
.prod-img{aspect-ratio:1;overflow:hidden;}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.prod-card:hover .prod-img img{transform:scale(1.07);}
.prod-info{padding:1rem;}
.prod-cat{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin-bottom:.3rem;}
.prod-name{font-family:var(--font-h);font-size:1.25rem;font-weight:800;text-transform:uppercase;}
.prod-badge{display:inline-block;margin-top:.5rem;background:var(--gold);color:var(--white);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:2px;}

/* ─── FAQ ─── */
#faq{padding-block:clamp(4rem,10vw,8rem);background:var(--white);border-top:2px solid var(--black);}
.faq-intro{font-size:1.05rem;color:var(--muted);margin-bottom:2.5rem;max-width:600px;}
.faq-intro em{color:var(--red);font-style:normal;}
.faq-list{max-width:760px;}
.faq-item{border-bottom:2px solid var(--black);}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;background:none;border:none;cursor:pointer;font-family:var(--font-h);font-size:1.3rem;font-weight:700;text-transform:uppercase;color:var(--black);text-align:left;gap:1rem;transition:color .2s;}
.faq-q:hover{color:var(--red);}
.faq-icon{font-size:1.6rem;flex-shrink:0;transition:transform .45s var(--ease);color:var(--red);}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);}
.faq-a-inner{padding:0 0 1.5rem;color:var(--muted);font-size:1rem;line-height:1.8;}
.faq-a-inner em{color:var(--red);font-style:normal;font-weight:600;}

/* ─── NEGOZI ─── */
#negozi{padding-block:clamp(4rem,10vw,8rem);background:var(--black);color:var(--white);border-top:2px solid var(--red);}
#negozi .label{color:var(--gold);}
#negozi h2{color:var(--white);margin-bottom:.5rem;}
#negozi h2 em{color:var(--red);font-style:normal;}
.negozi-sub{color:rgba(255,255,255,.45);margin-bottom:2.5rem;font-size:1.05rem;}
.sedi-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.sede{background:#181818;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden;transition:border-color .3s,transform .3s;}
.sede:hover{border-color:var(--red);transform:translateY(-3px);}
.sede-map{height:220px;overflow:hidden;}
.sede-map iframe{width:100%;height:100%;border:0;filter:grayscale(80%) invert(90%) contrast(1.1);}
.sede-body{padding:1.5rem;}
.sede-tag{font-family:var(--font-h);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem;}
.sede-city{font-family:var(--font-h);font-size:2rem;font-weight:800;text-transform:uppercase;color:var(--white);margin-bottom:.4rem;}
.sede-addr{font-size:.88rem;color:rgba(255,255,255,.4);line-height:1.5;margin-bottom:1rem;}
.orari{margin-bottom:1.25rem;}
.or-row{display:flex;justify-content:space-between;font-size:.84rem;padding-block:.32rem;border-bottom:1px solid rgba(255,255,255,.07);gap:1rem;}
.or-row:last-child{border:none;}
.or-time{color:var(--gold);font-weight:600;white-space:nowrap;}
.or-closed{color:rgba(255,255,255,.25);}
.sede-phone{display:flex;align-items:center;gap:.5rem;color:var(--white);font-size:1rem;margin-bottom:1rem;transition:color .2s;}
.sede-phone:hover{color:var(--gold);}

/* ─── FOOTER ─── */
#footer{background:#0a0a0a;border-top:2px solid var(--red);padding-block:3rem 1.5rem;color:var(--white);}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-brand-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;}
.footer-brand-row img{width:36px;height:36px;object-fit:contain;}
.footer-brand-row span{font-family:var(--font-h);font-size:1.4rem;font-weight:800;text-transform:uppercase;}
.footer-brand-row em{color:var(--red);font-style:normal;}
.footer-desc{font-size:.83rem;color:rgba(255,255,255,.35);max-width:200px;line-height:1.6;}
.footer-links{display:flex;flex-direction:column;gap:.55rem;}
.footer-links a{font-size:.85rem;color:rgba(255,255,255,.45);transition:color .2s;}
.footer-links a:hover{color:var(--red);}
.footer-address{font-size:.8rem;color:rgba(255,255,255,.35);line-height:1.8;}
.footer-address strong{color:rgba(255,255,255,.7);}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.73rem;color:rgba(255,255,255,.2);}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .cat-grid{grid-template-columns:1fr 1fr;}
  .chi-grid{grid-template-columns:1fr;gap:2.5rem;}
  .onesta-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:flex;}
  .hero-inner{grid-template-columns:1fr;}
  .hero-img-wrap{display:none;}
  .onesta-grid{grid-template-columns:1fr;}
  .sedi-grid{grid-template-columns:1fr;}
  .footer-top{flex-direction:column;}
}
@media(max-width:480px){
  .cat-grid{grid-template-columns:1fr;}
  .hero-ctas{flex-direction:column;}
  .hero-ctas .btn{width:100%;justify-content:center;}
  .hero-sticker-row{display:none;}
}

/* ─── FOOTER LEGAL ─── */
.footer-legal{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;}
.footer-legal a{font-size:.73rem;color:rgba(255,255,255,.3);transition:color .2s;}
.footer-legal a:hover{color:var(--red);}
.footer-legal span{color:rgba(255,255,255,.15);}

/* ─── POWERED BY ONET — footer inline ─── */
.onet-credit{
  display:inline-flex;align-items:center;gap:.5rem;
  text-decoration:none;
  font-family:var(--font-h);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.25);
  transition:color .25s var(--ease);
  padding:.3rem 0;
  position:relative;
}
.onet-credit::after{
  content:'';position:absolute;bottom:-2px;left:0;right:0;
  height:1px;background:var(--red);
  transform:scaleX(0);transform-origin:left;
  transition:transform .35s var(--ease);
}
.onet-credit:hover{color:var(--white);}
.onet-credit:hover::after{transform:scaleX(1);}
.onet-credit-label{opacity:.5;font-weight:400;font-size:.65rem;}
.onet-credit-name{
  color:var(--red);
  animation:onetPulse 3s ease-in-out infinite;
}
.onet-credit:hover .onet-credit-name{color:var(--white);}
.onet-credit-arrow{font-size:.8rem;transition:transform .3s var(--ease);opacity:.4;}
.onet-credit:hover .onet-credit-arrow{transform:translateX(4px);opacity:1;}
@keyframes onetPulse{
  0%,100%{opacity:1;}
  50%{opacity:.6;}
}
.footer-powered{
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:.75rem;
  margin-top:.75rem;
  display:flex;
  justify-content:center;
}

/* ─── LEGAL PAGES ─── */
.legal-hero{padding-top:calc(72px + 4rem);padding-bottom:4rem;background:var(--white);border-bottom:2px solid var(--black);}
.legal-hero .container{max-width:760px;}
.legal-hero .label{margin-bottom:.5rem;}
.legal-hero h1{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:.5rem;}
.legal-hero .legal-date{font-size:.8rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;}
.legal-body{padding-block:4rem;background:var(--cream);}
.legal-body .container{max-width:760px;}
.legal-body h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:2.5rem 0 .75rem;border-left:4px solid var(--red);padding-left:.75rem;}
.legal-body h2:first-child{margin-top:0;}
.legal-body p{color:var(--muted);line-height:1.85;margin-bottom:1rem;font-size:.98rem;}
.legal-body ul{margin:.5rem 0 1rem 1.5rem;list-style:disc;}
.legal-body ul li{color:var(--muted);line-height:1.8;font-size:.98rem;}
.legal-body a{color:var(--red);text-decoration:underline;}
.legal-back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-family:var(--font-h);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);transition:color .2s;}
.legal-back:hover{color:var(--red);}


/* ─── DARK MODE TRANSITION ─── */
body{transition:background .35s var(--ease),color .35s var(--ease);}

/* ─── DARK TOGGLE ─── */
.dark-toggle{
  position:fixed;bottom:5rem;right:1.2rem;z-index:850;
  width:42px;height:42px;border-radius:50%;
  background:var(--black);color:var(--white);
  border:1.5px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;cursor:pointer;
  box-shadow:0 3px 12px rgba(0,0,0,.3);
  transition:transform .3s var(--ease),background .25s;
}
.dark-toggle:hover{transform:scale(1.1) rotate(15deg);}
[data-theme="dark"] .dark-toggle{background:#222;border-color:rgba(255,255,255,.2);}

/* ─── OPEN/CLOSED BADGE ─── */
.store-status{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--font-h);font-size:.72rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  padding:.28rem .75rem;border-radius:50px;
  border:1.5px solid;
  margin-left:auto;
  flex-shrink:0;
}
.store-status.open{color:#22c55e;border-color:#22c55e;background:rgba(34,197,94,.08);}
.store-status.closed{color:#ef4444;border-color:#ef4444;background:rgba(239,68,68,.08);}
.store-status-dot{
  width:7px;height:7px;border-radius:50%;flex-shrink:0;
}
.store-status.open .store-status-dot{background:#22c55e;animation:statusPulse 2s ease-in-out infinite;}
.store-status.closed .store-status-dot{background:#ef4444;}
@keyframes statusPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5);}
  50%{box-shadow:0 0 0 5px rgba(34,197,94,0);}
}

/* ─── WHATSAPP BUTTON ─── */
.wa-btn{
  position:fixed;bottom:1.4rem;left:1.2rem;z-index:850;
  display:flex;align-items:center;gap:.5rem;
  background:#25D366;color:#fff;
  font-family:var(--font-h);font-size:.88rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;
  padding:.65rem 1.1rem;border-radius:50px;
  text-decoration:none;
  box-shadow:0 4px 18px rgba(37,211,102,.4);
  transition:transform .3s var(--ease),box-shadow .3s;
  animation:waFloat 3s ease-in-out infinite;
}
.wa-btn:hover{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 8px 28px rgba(37,211,102,.55);
  animation-play-state:paused;
}
.wa-btn svg{width:18px;height:18px;flex-shrink:0;}
.wa-btn-label{display:none;}
@media(min-width:480px){.wa-btn-label{display:inline;}}
@keyframes waFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-4px);}
}

/* ─── COOKIE BANNER ─── */
.cookie-banner{
  position:fixed;bottom:0;left:0;right:0;z-index:950;
  background:#0a0a0a;border-top:2px solid var(--red);
  padding:1rem var(--pad);
  display:flex;align-items:center;flex-wrap:wrap;gap:1rem;
  transform:translateY(100%);
  transition:transform .5s var(--ease);
}
.cookie-banner.visible{transform:translateY(0);}
.cookie-banner p{
  flex:1;min-width:200px;
  font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.6;
}
.cookie-banner a{color:var(--red);}
.cookie-banner-actions{display:flex;gap:.75rem;flex-shrink:0;flex-wrap:wrap;}
.cookie-accept{
  background:var(--red);color:#fff;
  font-family:var(--font-h);font-size:.88rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;
  padding:.55rem 1.3rem;border-radius:3px;border:none;cursor:pointer;
  transition:background .2s;
}
.cookie-accept:hover{background:var(--red-dk);}
.cookie-decline{
  background:transparent;color:rgba(255,255,255,.35);
  font-family:var(--font-h);font-size:.82rem;
  text-transform:uppercase;letter-spacing:.05em;
  padding:.55rem .8rem;border:1px solid rgba(255,255,255,.1);
  border-radius:3px;cursor:pointer;
  transition:color .2s,border-color .2s;
}
.cookie-decline:hover{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.3);}

/* ─── CUSTOM CURSOR (desktop) ─── */
@media(pointer:fine){
  body{cursor:none;}
  a,button,[role="button"]{cursor:none;}
  .cursor-ring{
    position:fixed;top:0;left:0;z-index:9999;
    width:32px;height:32px;border-radius:50%;
    border:2px solid var(--red);
    pointer-events:none;
    transform:translate(-50%,-50%);
    transition:transform .12s var(--ease),width .2s,height .2s,opacity .3s;
    opacity:0;
  }
  .cursor-dot{
    position:fixed;top:0;left:0;z-index:9999;
    width:6px;height:6px;border-radius:50%;
    background:var(--red);
    pointer-events:none;
    transform:translate(-50%,-50%);
    transition:transform .05s linear;
    opacity:0;
  }
  .cursor-ring.active{opacity:1;}
  .cursor-dot.active{opacity:1;}
  .cursor-ring.hover{width:48px;height:48px;background:rgba(212,43,43,.08);border-color:var(--red);}
}

/* ─── REVIEWS SECTION ─── */
#reviews{padding-block:clamp(4rem,10vw,8rem);background:var(--cream);border-top:2px solid var(--black);}
#reviews .label{color:var(--red);}
#reviews h2 em{color:var(--red);font-style:normal;}
.reviews-intro{color:var(--muted);font-size:1.05rem;margin-bottom:2.5rem;max-width:560px;}
.reviews-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
}
@media(min-width:640px){.reviews-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1024px){.reviews-grid{grid-template-columns:repeat(3,1fr);}}
.review-card{
  background:var(--white);border:2px solid var(--black);
  border-radius:6px;padding:1.5rem;
  transition:transform .3s var(--ease),box-shadow .3s;
}
.review-card:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--black);}
.review-stars{color:var(--gold);font-size:1rem;letter-spacing:.1em;margin-bottom:.75rem;}
.review-text{font-size:.95rem;color:var(--muted);line-height:1.75;margin-bottom:1rem;font-style:italic;}
.review-author{display:flex;align-items:center;gap:.75rem;}
.review-avatar{
  width:36px;height:36px;border-radius:50%;
  background:var(--black);color:var(--white);
  font-family:var(--font-h);font-size:1rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.review-name{font-family:var(--font-h);font-size:.95rem;font-weight:700;text-transform:uppercase;}
.review-via{font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;}
.reviews-cta{text-align:center;margin-top:2.5rem;}
.reviews-cta p{color:var(--muted);font-size:.9rem;margin-bottom:1rem;}

/* ─── NOISE OVERLAY ─── */
body::after{
  content:'';
  position:fixed;inset:0;z-index:9990;
  pointer-events:none;
  opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px 200px;
}

/* ─── GEO BANNER ─── */
.geo-banner{
  position:fixed;top:72px;left:0;right:0;z-index:800;
  background:var(--black);border-bottom:2px solid var(--gold);
  padding:.65rem var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  transform:translateY(-120%);
  transition:transform .5s var(--ease);
}
.geo-banner.visible{transform:translateY(0);}
.geo-banner p{font-family:var(--font-h);font-size:.95rem;font-weight:700;text-transform:uppercase;color:var(--white);letter-spacing:.05em;}
.geo-banner p em{color:var(--gold);font-style:normal;}
.geo-banner-actions{display:flex;gap:.75rem;}
.geo-banner-close{background:none;border:none;color:rgba(255,255,255,.4);cursor:pointer;font-size:1.2rem;padding:.2rem .4rem;transition:color .2s;}
.geo-banner-close:hover{color:var(--white);}
.geo-banner a.btn{padding:.4rem 1rem;font-size:.82rem;}

/* ─── MOBILE BOTTOM CTA BAR ─── */
.mobile-cta-bar{
  display:flex;
  position:fixed;bottom:0;left:0;right:0;z-index:900;
  background:var(--black);
  border-top:2px solid rgba(255,255,255,.08);
  padding-bottom:env(safe-area-inset-bottom);
  box-shadow:0 -4px 24px rgba(0,0,0,.4);
}
.mcta-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;
  padding:.7rem .5rem;
  font-family:var(--font-h);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.5);text-decoration:none;border:none;background:none;cursor:pointer;
  transition:color .2s,background .2s;
  border-right:1px solid rgba(255,255,255,.06);
}
.mcta-btn:last-child{border-right:none;}
.mcta-btn svg{width:20px;height:20px;}
.mcta-btn.mcta-call{color:#22c55e;}
.mcta-btn.mcta-wa{color:#25D366;}
.mcta-btn.mcta-map:hover,.mcta-btn:hover{background:rgba(255,255,255,.04);color:var(--white);}
.mcta-btn.mcta-call:hover{background:rgba(34,197,94,.08);}
.mcta-btn.mcta-wa:hover{background:rgba(37,211,102,.08);}
/* Mostra solo su mobile */
@media(min-width:769px){.mobile-cta-bar{display:none;}}
/* Aggiunge padding in basso al body su mobile per non coprire contenuto */
@media(max-width:768px){
  body{padding-bottom:64px;}
  .cookie-banner{bottom:64px;}
  .dark-toggle{bottom:5.5rem;}
}

/* ─── CARD TILT (desktop hover) ─── */
.tilt-card{transform-style:preserve-3d;transition:transform .15s ease,box-shadow .3s;}

/* ═══════════════════════════════════════
   WOW EFFECTS
   ═══════════════════════════════════════ */

/* HERO PARTICLE CANVAS */
#hero-canvas{
  position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.35;
}
#hero .hero-inner{position:relative;z-index:1;}
#hero{position:relative;}

/* SHIMMER TEXT on section labels */
.label{
  background:linear-gradient(90deg, var(--red) 0%, var(--gold) 40%, var(--red) 80%);
  background-size:200% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:shimmerLabel 4s linear infinite;
}
@keyframes shimmerLabel{to{background-position:200% center;}}

/* HERO H1 TEXT GRADIENT ANIMATED */
.hero-h1 em{
  background:linear-gradient(135deg, var(--red) 0%, #ff6b6b 50%, var(--red-dk) 100%);
  background-size:200% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:gradientShift 3s ease infinite alternate;
}
@keyframes gradientShift{
  0%{background-position:0% 50%;}
  100%{background-position:100% 50%;}
}

/* BUTTON RIPPLE EFFECT */
.btn{overflow:hidden;}
.btn .ripple{
  position:absolute;border-radius:50%;
  background:rgba(255,255,255,.35);
  transform:scale(0);
  animation:rippleAnim .6s linear;
  pointer-events:none;
}
@keyframes rippleAnim{to{transform:scale(4);opacity:0;}}

/* HERO STICKER FLOAT INDIVIDUAL */
.sticker-gold{animation:stickerFloat1 3.5s ease-in-out infinite;}
.sticker-black{animation:stickerFloat2 4s ease-in-out infinite;}
.sticker-red{animation:stickerFloat3 3s ease-in-out infinite;}
@keyframes stickerFloat1{0%,100%{transform:rotate(-3deg) translateY(0);}50%{transform:rotate(-1.5deg) translateY(-6px);}}
@keyframes stickerFloat2{0%,100%{transform:rotate(2deg) translateY(0);}50%{transform:rotate(3.5deg) translateY(-5px);}}
@keyframes stickerFloat3{0%,100%{transform:rotate(-1.5deg) translateY(0);}50%{transform:rotate(-3deg) translateY(-7px);}}

/* SECTION ENTRANCE — slide from side */
.rv-left{opacity:0;transform:translateX(-40px);transition:opacity .75s var(--ease),transform .75s var(--ease);}
.rv-left.in{opacity:1;transform:none;}
.rv-right{opacity:0;transform:translateX(40px);transition:opacity .75s var(--ease),transform .75s var(--ease);}
.rv-right.in{opacity:1;transform:none;}
.rv-scale{opacity:0;transform:scale(.88);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.rv-scale.in{opacity:1;transform:scale(1);}

/* MARQUEE GLOW on hover */
.marquee-bar{transition:box-shadow .3s;}
.marquee-bar:hover{box-shadow:0 0 40px rgba(212,43,43,.25);}

/* ONESTA SECTION — card glow on hover */
.flip-back{
  box-shadow:inset 0 0 60px rgba(255,255,255,.05);
}
.flip-card:hover .flip-front{
  box-shadow:0 0 30px rgba(212,43,43,.3);
}

/* SCROLL INDICATOR arrow bounce */
.scroll-hint{
  display:flex;flex-direction:column;align-items:center;gap:.3rem;
  font-family:var(--font-h);font-size:.72rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--muted);
  position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);
  animation:scrollHintBounce 2s ease-in-out infinite;
  cursor:pointer;
}
.scroll-hint svg{width:20px;height:20px;stroke:var(--red);}
@keyframes scrollHintBounce{
  0%,100%{transform:translateX(-50%) translateY(0);}
  50%{transform:translateX(-50%) translateY(8px);}
}

/* FACT CARDS — number counter glow */
.fact-num{
  text-shadow:0 0 30px rgba(212,43,43,.4);
  transition:text-shadow .3s;
}
.fact-card:hover .fact-num{text-shadow:0 0 50px rgba(212,43,43,.7);}

/* REVIEW CARD border glow on hover */
.review-card{transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;}
.review-card:hover{border-color:var(--red);box-shadow:0 8px 32px rgba(212,43,43,.15),4px 4px 0 var(--black);}

/* HERO FLOAT BADGE PULSE */
.hero-float-badge{
  animation:floatBadgePulse 3s ease-in-out infinite;
}
@keyframes floatBadgePulse{
  0%,100%{transform:rotate(4deg) translateY(0);box-shadow:2px 2px 0 var(--red);}
  50%{transform:rotate(4deg) translateY(-8px);box-shadow:2px 10px 20px rgba(212,43,43,.4);}
}

/* SEDE CARD glow */
.sede:hover{
  box-shadow:0 0 40px rgba(212,43,43,.2);
}

/* PROD CARD badge shine */
.prod-badge{
  position:relative;overflow:hidden;
}
.prod-badge::after{
  content:'';position:absolute;top:-50%;left:-60%;
  width:30%;height:200%;
  background:rgba(255,255,255,.4);
  transform:skewX(-20deg);
  animation:badgeShine 3s ease-in-out infinite;
}
@keyframes badgeShine{
  0%,80%,100%{left:-60%;}
  40%{left:130%;}
}

/* WA BTN pulse ring */
.wa-btn::before{
  content:'';
  position:absolute;inset:-4px;border-radius:50px;
  border:2px solid #25D366;
  animation:waPulseRing 2s ease-out infinite;
  pointer-events:none;
}
@keyframes waPulseRing{
  0%{opacity:.8;transform:scale(1);}
  100%{opacity:0;transform:scale(1.25);}
}

/* MOBILE CTA TAP FEEDBACK */
.mcta-btn:active{background:rgba(255,255,255,.1) !important;transform:scale(.94);}

/* DARK MODE — extra glow on accent elements */
[data-theme="dark"] .hero-h1{text-shadow:0 0 60px rgba(212,43,43,.15);}
[data-theme="dark"] #onesta{background:#0a0a0a;}
[data-theme="dark"] .flip-front{background:#111;border-color:rgba(255,255,255,.08);}

/* ─── PICKUP BADGES ─── */
.pickup-badges{
  display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap;
}
.pickup-badge{
  flex:1;min-width:120px;
  display:flex;align-items:center;gap:.55rem;
  padding:.6rem .8rem;border-radius:6px;
  border:1.5px solid;
  transition:transform .25s var(--ease),box-shadow .25s;
  cursor:default;
}
.pickup-badge:hover{transform:translateY(-2px);}
.pickup-amazon{
  border-color:#FF9900;background:rgba(255,153,0,.06);
  color:#FF9900;
}
.pickup-amazon:hover{box-shadow:0 4px 16px rgba(255,153,0,.2);}
.pickup-brt{
  border-color:#D42B2B;background:rgba(212,43,43,.06);
  color:var(--red);
}
.pickup-brt:hover{box-shadow:0 4px 16px rgba(212,43,43,.2);}
.pickup-icon{font-size:1.3rem;flex-shrink:0;}
.pickup-name{font-family:var(--font-h);font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.pickup-sub{font-size:.68rem;opacity:.7;letter-spacing:.06em;text-transform:uppercase;}

/* MARQUEE HIGHLIGHT ITEM */
.m-item--highlight{
  color:var(--gold);font-weight:700;
}

/* ═══ PICKUP SECTION ═══ */
.pickup-section{
  padding-block:clamp(4rem,10vw,8rem);
  background:var(--black);color:var(--white);
  border-top:2px solid rgba(255,255,255,.06);
}
.pickup-section .label{margin-bottom:.5rem;}
.pickup-section h2{font-size:clamp(2.5rem,6vw,5rem);margin-bottom:.5rem;}
.pickup-section h2 em{color:var(--gold);font-style:normal;}
.pickup-intro{
  color:rgba(255,255,255,.5);font-size:1.05rem;line-height:1.75;
  margin-bottom:3rem;max-width:640px;
}
.pickup-cards-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
}
@media(min-width:768px){.pickup-cards-grid{grid-template-columns:1fr 1fr;}}

.pickup-card{
  border-radius:8px;padding:2rem;
  border:1.5px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  transition:transform .3s var(--ease),box-shadow .3s;
}
.pickup-card:hover{transform:translateY(-4px);}
.pickup-card-amazon{border-color:rgba(255,153,0,.3);background:rgba(255,153,0,.05);}
.pickup-card-amazon:hover{box-shadow:0 8px 40px rgba(255,153,0,.15);}
.pickup-card-brt{border-color:rgba(212,43,43,.3);background:rgba(212,43,43,.05);}
.pickup-card-brt:hover{box-shadow:0 8px 40px rgba(212,43,43,.2);}

.pickup-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;}
.pickup-card-icon{font-size:2.5rem;line-height:1;}
.pickup-card-brand{font-family:var(--font-h);font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--white);}
.pickup-card-amazon .pickup-card-brand{color:#FF9900;}
.pickup-card-brt .pickup-card-brand{color:var(--red);}
.pickup-card-tag{
  font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.35);margin-top:.2rem;
}

.pickup-card-desc{color:rgba(255,255,255,.6);line-height:1.75;font-size:.95rem;margin-bottom:1rem;}

.pickup-card-irony{
  font-family:var(--font-h);font-size:1.05rem;font-weight:700;
  color:rgba(255,255,255,.35);font-style:italic;
  border-left:3px solid;padding-left:.85rem;margin-bottom:1.25rem;
  line-height:1.5;
}
.pickup-card-amazon .pickup-card-irony{border-color:#FF9900;color:rgba(255,153,0,.6);}
.pickup-card-brt .pickup-card-irony{border-color:var(--red);color:rgba(212,43,43,.7);}

.pickup-steps{
  list-style:none;counter-reset:steps;
  margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.6rem;
}
.pickup-steps li{
  counter-increment:steps;
  display:flex;align-items:flex-start;gap:.75rem;
  font-size:.9rem;color:rgba(255,255,255,.55);line-height:1.6;
}
.pickup-steps li::before{
  content:counter(steps);
  flex-shrink:0;
  width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-h);font-size:.78rem;font-weight:800;
  margin-top:.1rem;
}
.pickup-card-amazon .pickup-steps li::before{background:#FF9900;color:#000;}
.pickup-card-brt .pickup-steps li::before{background:var(--red);color:#fff;}
.pickup-steps li strong{color:var(--white);}
.pickup-steps li em{color:rgba(255,255,255,.35);font-style:italic;}

/* Branded CTA buttons */
.btn-amazon{background:#FF9900;color:#111;border-color:#FF9900;}
.btn-amazon:hover{background:#e68900;border-color:#e68900;color:#111;}
.btn-brt{background:var(--red);color:#fff;border-color:var(--red);}
.btn-brt:hover{background:var(--red-dk);border-color:var(--red-dk);}

.pickup-disclaimer{
  margin-top:2.5rem;
  padding:1rem 1.25rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
  color:rgba(255,255,255,.4);
  font-size:.88rem;
  line-height:1.6;
}
.pickup-disclaimer strong{color:rgba(255,255,255,.6);}
.pickup-disclaimer a{color:var(--gold);text-decoration:underline;}

/* ═══════════════════════════════════════
   MOBILE-FIRST FIXES
   ═══════════════════════════════════════ */
html,body{overflow-x:hidden;}

@media(max-width:768px){
  /* Floating WA hidden — covered by mobile bar */
  .wa-btn{display:none;}
  /* Status badge hidden in nav on small screens */
  .store-status{display:none;}
  /* Dark toggle smaller + higher above mobile bar */
  .dark-toggle{bottom:5.2rem;right:.8rem;width:36px;height:36px;font-size:.95rem;}
  /* Sticker row — horizontal scroll, no wrap */
  .hero-sticker-row{
    overflow-x:auto;overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    flex-wrap:nowrap;
    gap:.5rem;
    padding-bottom:.25rem;
  }
  .hero-sticker-row::-webkit-scrollbar{display:none;}
  .sticker{white-space:nowrap;flex-shrink:0;}
  /* Hero */
  .hero-inner{flex-direction:column;}
  .hero-text{padding:1.5rem var(--pad) 0;}
  .hero-img-wrap{width:100%;height:220px;border-radius:0;}
  .hero-img-wrap img{height:100%;object-fit:cover;border-radius:0;}
  .hero-counter-row{justify-content:flex-start;gap:2rem;}
  /* Grids stack */
  .chi-grid,.sedi-grid{grid-template-columns:1fr;}
  /* Pickup padding smaller */
  .pickup-card{padding:1.25rem;}
  /* Footer stack */
  .footer-top{flex-direction:column;gap:1.5rem;}
  .footer-bottom{flex-direction:column;gap:.5rem;text-align:center;}
  .footer-legal{justify-content:center;}
  /* Scroll hint hidden on mobile */
  .scroll-hint{display:none;}
  /* Geo banner position */
  .geo-banner{top:60px;}
  /* Nav: no desktop links */
  .nav-links{display:none!important;}
}
@media(max-width:360px){
  h1{font-size:clamp(2.6rem,11vw,3.5rem);}
  h2{font-size:clamp(1.9rem,9vw,2.8rem);}
  .pickup-card-brand{font-size:1.05rem;}
  .slot-reels{gap:.5rem;}
}

/* ═══════════════════════════════════════
   COUNTDOWN — "Apre tra X ore"
   ═══════════════════════════════════════ */
.store-countdown{
  display:none;
  align-items:center;gap:.75rem;flex-wrap:wrap;
  background:var(--black);color:var(--white);
  padding:.65rem var(--pad);
  border-bottom:2px solid rgba(255,153,0,.35);
  font-family:var(--font-h);font-size:.82rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;
  position:sticky;top:72px;z-index:799;
}
.store-countdown.visible{display:flex;}
.countdown-label{color:rgba(255,255,255,.45);flex-shrink:0;}
.countdown-time{color:var(--gold);font-size:1.1rem;letter-spacing:.14em;font-variant-numeric:tabular-nums;}
.countdown-extra{color:rgba(255,255,255,.25);font-size:.7rem;font-weight:400;letter-spacing:.06em;}

/* ═══════════════════════════════════════
   SOCIAL PROOF TICKER
   ═══════════════════════════════════════ */
.proof-ticker{
  background:#050505;
  padding:.45rem 0;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.proof-ticker-track{
  display:flex;gap:4rem;
  animation:tickerScroll 28s linear infinite;
  width:max-content;
}
.proof-ticker:hover .proof-ticker-track{animation-play-state:paused;}
.proof-item{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:var(--font-h);font-size:.75rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;
  color:rgba(255,255,255,.3);white-space:nowrap;
  flex-shrink:0;
}
.proof-item em{color:rgba(255,255,255,.65);font-style:normal;}
.proof-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:statusPulse 2s ease-in-out infinite;}
@keyframes tickerScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ═══════════════════════════════════════
   SLOT MACHINE SECTION
   ═══════════════════════════════════════ */
#slot-machine{
  padding-block:clamp(3rem,8vw,6rem);
  background:var(--black);color:var(--white);
  border-top:2px solid rgba(255,255,255,.06);
  text-align:center;overflow:hidden;
}
#slot-machine .label{text-align:center;margin-bottom:.5rem;}
#slot-machine h2{margin-bottom:.5rem;color:var(--white);}
#slot-machine h2 em{color:var(--gold);font-style:normal;}
.slot-subtitle{color:rgba(255,255,255,.4);font-size:.95rem;margin-bottom:2.5rem;line-height:1.6;}
.slot-reels{
  display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;
}
.slot-reel{
  width:clamp(85px,20vw,130px);height:80px;
  background:rgba(255,255,255,.04);
  border:2px solid rgba(255,255,255,.1);
  border-radius:8px;overflow:hidden;
  position:relative;
}
.slot-reel.win-reel{border-color:var(--gold);box-shadow:0 0 16px rgba(232,150,28,.3);}
.slot-reel-inner{
  display:flex;flex-direction:column;
  will-change:transform;
}
.slot-item{
  height:80px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.2rem;
  font-family:var(--font-h);font-size:.72rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.6);
  flex-shrink:0;padding:0 .25rem;
}
.slot-item-emoji{font-size:1.6rem;line-height:1;}
.slot-reel::before,.slot-reel::after{
  content:'';position:absolute;left:0;right:0;height:20px;z-index:2;pointer-events:none;
}
.slot-reel::before{top:0;background:linear-gradient(to bottom,rgba(10,10,10,.95),transparent);}
.slot-reel::after{bottom:0;background:linear-gradient(to top,rgba(10,10,10,.95),transparent);}
.slot-spin-btn{
  font-family:var(--font-h);font-size:1.1rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.1em;
  background:var(--red);color:#fff;border:none;cursor:pointer;
  padding:.85rem 2.5rem;border-radius:4px;
  transition:transform .2s var(--ease),background .2s,box-shadow .2s;
  position:relative;overflow:hidden;
}
.slot-spin-btn:hover:not(:disabled){background:var(--red-dk);transform:scale(1.05);box-shadow:0 6px 24px rgba(212,43,43,.4);}
.slot-spin-btn:active:not(:disabled){transform:scale(.97);}
.slot-spin-btn:disabled{background:#333;cursor:not-allowed;opacity:.7;}
.slot-result{
  margin-top:1.25rem;
  font-family:var(--font-h);font-size:.95rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;
  color:rgba(255,255,255,.25);
  min-height:1.5rem;
  transition:color .4s,opacity .4s;
}
.slot-result.win{color:var(--gold);}
.slot-result.nudge{color:rgba(255,255,255,.55);}

/* ─── STORE HOURS TODAY HIGHLIGHT ─── */
.or-row.today{background:rgba(212,43,43,.06);border-radius:4px;padding:.15rem .4rem;margin:0 -.4rem;}
.or-row.today .or-time{color:var(--red);font-weight:700;}
.or-row.today span:first-child{font-weight:700;}

/* ─── SAVINGS SECTION ─── */
#risparmio{padding-block:clamp(4rem,10vw,8rem);background:var(--black);color:var(--white);border-top:2px solid rgba(255,255,255,.06);}
#risparmio h2{margin-bottom:.5rem;color:var(--white);}
#risparmio h2 em{color:var(--red);font-style:normal;}
#risparmio .label{margin-bottom:.5rem;}
.savings-intro{color:rgba(255,255,255,.5);font-size:1rem;line-height:1.75;margin-bottom:2.5rem;max-width:580px;}
.savings-table{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;}
.savings-row{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:1.25rem 1.5rem;}
.savings-product{font-family:var(--font-h);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--white);margin-bottom:1rem;}
.savings-bars{display:flex;flex-direction:column;gap:.6rem;}
.savings-bar-wrap{display:flex;align-items:center;gap:.75rem;}
.savings-bar-label{font-family:var(--font-h);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;width:80px;}
.savings-bar-them{color:rgba(255,255,255,.3);}
.savings-bar-us{color:var(--red);}
.savings-bar{position:relative;flex:1;height:10px;border-radius:50px;background:rgba(255,255,255,.06);overflow:visible;}
.savings-bar-them-bar .savings-bar-fill{background:rgba(255,255,255,.2);height:100%;border-radius:50px;transition:width 1.2s cubic-bezier(0.23,1,0.32,1);}
.savings-bar-us-bar .savings-bar-fill{background:var(--red);height:100%;border-radius:50px;transition:width 1.2s cubic-bezier(0.23,1,0.32,1);}
.savings-price{position:absolute;right:-3.5rem;top:50%;transform:translateY(-50%);font-family:var(--font-h);font-size:.75rem;font-weight:700;white-space:nowrap;color:rgba(255,255,255,.45);}
.savings-bar-us-bar .savings-price{color:var(--white);}
.savings-bar-us-bar .savings-price em{color:var(--red);font-style:normal;margin-left:.25rem;}
.savings-total{
  text-align:center;padding:1.5rem;
  border:2px solid rgba(212,43,43,.3);border-radius:8px;
  font-family:var(--font-h);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:rgba(255,255,255,.5);line-height:1.6;
}
.savings-total-num{
  font-size:2.5rem;color:var(--red);display:inline-block;
  font-variant-numeric:tabular-nums;
}
.savings-total em{color:rgba(255,255,255,.35);font-style:italic;display:block;font-size:.85rem;margin-top:.3rem;text-transform:none;letter-spacing:.02em;font-weight:400;}

/* Mobile savings: hide price labels, smaller bars */
@media(max-width:600px){
  .savings-bar-label{width:60px;font-size:.58rem;}
  .savings-price{font-size:.65rem;right:-3rem;}
  .savings-row{padding:.9rem 1rem;}
}

/* ─── NAV STORE STATUS - mobile bug fix ─── */
@media(max-width:768px){
  .store-status{display:none !important;}
  .nav-inner{overflow:hidden;}
}