/* MAESTRALE · anteprima — stile "Apple Store": bianco, box grandi, bottoni colorati e vivi */
:root{
  --bg:#f5f5f7;--card:#fff;--ink:#1d1d1f;--ink2:#424245;--mut:#6e6e73;--line:#e3e3e8;--hair:rgba(0,0,0,.06);
  --blue:#0071e3;--blue2:#0a84ff;--green:#1f9d55;--green2:#24b364;--red:#e3342f;--amber:#d97706;--gold:#b7892d;
  --r:22px;--r2:16px;--sh:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);--sh2:0 12px 40px rgba(0,0,0,.12);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --dock:76px;
}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--dock) + 26px + env(safe-area-inset-bottom))}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
svg{display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 max(18px,4vw)}
main.wrap{padding-top:18px;min-height:60vh}
.muted{color:var(--mut)}.small{font-size:13px}.center{text-align:center}.okc{color:var(--green)}.warn{color:var(--amber)}.bad-t{color:var(--red)}
h1,h2{letter-spacing:-.02em;margin:0}
.eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}

/* ticker informativo al posto dell'header classico */
.ticker{overflow:hidden;background:#000;color:#f5f5f7;font-size:12.5px;white-space:nowrap}
.tk-track{display:inline-flex;gap:46px;padding:9px 0;animation:tk 38s linear infinite}
.tk-track span{display:inline-flex;align-items:center;gap:8px}.tk-track svg{width:15px;height:15px;opacity:.75}
@keyframes tk{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk-track{animation:none}}

/* percorso + indietro: sempre una strada di ritorno */
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:2px 0 18px;font-size:13.5px}
.pill.back{display:inline-flex;align-items:center;gap:6px;border:0;background:#fff;box-shadow:var(--sh);border-radius:999px;padding:8px 14px 8px 10px;cursor:pointer;font-weight:600;font-size:13.5px;color:var(--ink);transition:transform .15s}
.pill.back:hover{transform:translateX(-2px);text-decoration:none}.pill.back svg{width:16px;height:16px}
.crumb{color:var(--mut)}.crumb.now{color:var(--ink);font-weight:600;max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sep{color:#c7c7cc}

/* HOME */
.hero{padding:34px 0 22px;text-align:center}
.hero h1{font-size:clamp(34px,6.4vw,64px);line-height:1.04;font-weight:700;margin-top:10px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#0071e3,#00a3a3 50%,#e0761f);-webkit-background-clip:text;background-clip:text;color:transparent}
.search-big{display:flex;align-items:center;gap:12px;max-width:620px;margin:26px auto 0;background:#fff;border-radius:999px;padding:15px 20px;box-shadow:var(--sh);color:var(--mut);transition:box-shadow .2s,transform .2s}
.search-big:hover{text-decoration:none;box-shadow:var(--sh2);transform:translateY(-1px)}
.search-big svg{width:20px;height:20px;color:var(--ink)}.search-big span{flex:1;text-align:left}
.search-big kbd{font:600 12px var(--font);border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--mut)}

/* i BOX grandi delle categorie */
.bigboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.bb{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;border-radius:28px;padding:26px;color:var(--ink);overflow:hidden;box-shadow:var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;animation:rise .6s both;animation-delay:var(--d)}
.bb:hover{text-decoration:none;transform:translateY(-4px) scale(1.01);box-shadow:var(--sh2)}
.bb-wide{grid-column:span 2}
.bigboxes .bb:last-child:nth-child(6){grid-column:span 3;min-height:170px;flex-direction:row;align-items:center;gap:24px}.bigboxes .bb:last-child:nth-child(6) .bb-tx{flex:1}
.bb-ic{width:96px;height:96px;transition:transform .4s}.bb:hover .bb-ic{transform:scale(1.08) rotate(-3deg)}
.bb-ic svg{width:100%;height:100%;stroke-width:2.4}
.bb-t{display:block;font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-.03em}
.bb-s{display:block;color:var(--ink2);margin-top:2px}
.bb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.bb-chips span{font-size:12.5px;background:rgba(255,255,255,.7);backdrop-filter:blur(6px);border-radius:999px;padding:4px 10px;color:var(--ink2)}
.bb-go{position:absolute;right:22px;top:22px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.75);display:grid;place-items:center;transition:transform .3s,background .3s}
.bb-go svg{width:18px;height:18px}.bb:hover .bb-go{transform:translateX(3px);background:#fff}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* tinte per famiglia */
.t-violet{background:linear-gradient(145deg,#f1ecff,#e3d9ff)}.t-violet .bb-ic,.t-violet .sb-ic{color:#6d28d9}
.t-ocean{background:linear-gradient(145deg,#e6f3ff,#cfe6ff)}.t-ocean .bb-ic,.t-ocean .sb-ic{color:#0559a8}
.t-sunset{background:linear-gradient(145deg,#fff1e4,#ffdcbd)}.t-sunset .bb-ic,.t-sunset .sb-ic{color:#c2410c}
.t-lagoon{background:linear-gradient(145deg,#e3fbf5,#c3f1e5)}.t-lagoon .bb-ic,.t-lagoon .sb-ic{color:#0f766e}
.t-aqua{background:linear-gradient(145deg,#e4f9fd,#c4eef8)}.t-aqua .bb-ic,.t-aqua .sb-ic{color:#0e7490}
.t-sand{background:linear-gradient(145deg,#fff8e6,#fbe9bd)}.t-sand .bb-ic,.t-sand .sb-ic{color:#a16207}
/* icone animate */
.a-sway{animation:sway 3.6s ease-in-out infinite;transform-box:fill-box}
.a-float{animation:float 4s ease-in-out infinite}
.a-wave{animation:wave 2.8s ease-in-out infinite}.a-wave2{animation:wave 3.4s ease-in-out infinite reverse}
.a-pulse{animation:pulse 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes wave{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}
@media (prefers-reduced-motion:reduce){.a-sway,.a-float,.a-wave,.a-wave2,.a-pulse,.bb,.sb{animation:none}}

/* box piccoli (servizi, account) */
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.minis.big2{grid-template-columns:repeat(3,1fr)}
.mini{position:relative;display:flex;flex-direction:column;gap:4px;background:#fff;border:0;border-radius:var(--r);padding:20px;box-shadow:var(--sh);color:var(--ink);text-align:left;cursor:pointer;transition:transform .25s,box-shadow .25s}
.mini:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--sh2)}
.mini-ic{width:44px;height:44px;border-radius:13px;background:#f2f2f5;display:grid;place-items:center;margin-bottom:8px;transition:background .25s,color .25s}
.mini-ic svg{width:24px;height:24px}.mini:hover .mini-ic{background:var(--blue);color:#fff}
.mini-t{font-weight:650;font-size:16px}.mini-d{color:var(--mut);font-size:13.5px}
.mini-n{position:absolute;top:16px;right:16px;min-width:24px;height:24px;border-radius:12px;background:var(--red);color:#fff;font-size:12.5px;display:grid;place-items:center;padding:0 7px}
.mini.danger:hover .mini-ic{background:var(--red)}.mini.danger .mini-t{color:var(--red)}

/* righe orizzontali di prodotti */
.row{margin-top:34px}.row-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.row-h h2{font-size:24px}.row-h a{display:inline-flex;align-items:center;gap:5px;font-size:14.5px}.row-h a svg{width:14px;height:14px}
.hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,250px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start}
.promise{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:40px 0 10px;text-align:center}
.promise div{background:#fff;border-radius:var(--r);padding:22px 10px;box-shadow:var(--sh)}.promise b{display:block;font-size:30px;letter-spacing:-.03em}.promise span{color:var(--mut);font-size:13.5px}

/* card prodotto */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.pc{position:relative;background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .3s,box-shadow .3s}
.pc:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.pc-a{display:block;color:var(--ink)}.pc-a:hover{text-decoration:none}
.pc-img{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:22px}
.pc-img .art{width:78%;height:78%;transition:transform .4s;object-fit:contain}.pc:hover .pc-img .art{transform:scale(1.05)}
.pc-img img.pic,.pp-gal img.pic,.cl-img img.pic,.sl-img img.pic,.a-thumb img.pic{background:#fff;border-radius:14px;mix-blend-mode:multiply}
.pc-bdg,.pp-bdg{position:absolute;left:12px;top:12px;display:flex;flex-wrap:wrap;gap:5px;max-width:80%}
.pc-b{display:flex;flex-direction:column;gap:3px;padding:14px 16px 18px}
.pc-k{font-size:12px;color:var(--mut);font-weight:600;letter-spacing:.02em}.pc-n{font-weight:600;line-height:1.25;min-height:2.5em}
.pc-p{margin-top:4px}.pr{font-weight:700}.pr-old{color:var(--mut);font-size:13.5px;margin-left:7px}
.arr{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mut);margin-top:2px}.arr i{width:7px;height:7px;border-radius:50%;background:#f59e0b}
.arr.fast i{background:var(--green);box-shadow:0 0 0 3px rgba(31,157,85,.15)}.arr.off i{background:#c7c7cc}
.heart{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.9);display:grid;place-items:center;cursor:pointer;color:#8e8e93;transition:transform .2s,color .2s}
.heart svg{width:18px;height:18px}.heart:hover{transform:scale(1.1)}.heart.on{color:var(--red)}.heart.on svg{fill:currentColor}
.heart.big{position:static;width:52px;height:52px;flex:0 0 auto;box-shadow:var(--sh)}
/* badge */
.bdg{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.01em;border-radius:999px;padding:4px 9px;white-space:nowrap}
.bdg-red{background:var(--red);color:#fff}.bdg-ink{background:#1d1d1f;color:#fff}.bdg-amber{background:#fde68a;color:#7c2d12}.bdg-green{background:#d1fae5;color:#065f46}
.bdg-gold{background:linear-gradient(90deg,#f6e3b4,#e8c66f);color:#5b3b00}.bdg-gray{background:#e5e5ea;color:#3a3a3c}.bdg-blue{background:#dbeafe;color:#1e40af}.bdg-violet{background:#ede9fe;color:#5b21b6}

/* pagina categoria */
.ph{display:flex;align-items:center;gap:18px;margin:6px 0 18px;flex-wrap:wrap}
.ph h1{font-size:clamp(30px,4.6vw,46px);font-weight:700}.ph p{margin:4px 0 0;color:var(--mut)}
.ph-ic{width:64px;height:64px;flex:0 0 auto}.ph-ic svg{width:100%;height:100%}
.ph-ic.av{border-radius:50%;background:linear-gradient(135deg,#0071e3,#00a3a3);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700}
.t-violet-ink .ph-ic{color:#6d28d9}.t-ocean-ink .ph-ic{color:#0559a8}.t-sunset-ink .ph-ic{color:#c2410c}.t-lagoon-ink .ph-ic{color:#0f766e}.t-aqua-ink .ph-ic{color:#0e7490}.t-sand-ink .ph-ic{color:#a16207}
.subboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:26px}
.sb{display:flex;flex-direction:column;gap:2px;border-radius:var(--r);padding:20px;color:var(--ink);box-shadow:var(--sh);transition:transform .3s,box-shadow .3s;animation:rise .5s both;animation-delay:var(--d)}
.sb:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--sh2)}
.sb-ic{width:46px;height:46px;margin-bottom:10px;transition:transform .3s}.sb:hover .sb-ic{transform:rotate(-6deg) scale(1.08)}.sb-ic svg{width:100%;height:100%}
.sb-t{font-weight:700;font-size:18px}.sb-n{color:var(--ink2);font-size:13px}.sb-ch{color:var(--ink2);font-size:12.5px;margin-top:6px}
.sec-t{font-size:22px;margin:4px 0 12px}
/* filtri a chip (niente imbuto) */
.filters,.ofilt{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.f-row{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.f-row::-webkit-scrollbar{display:none}
.f-l{flex:0 0 92px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:0;background:#fff;color:var(--ink);border-radius:999px;padding:8px 14px;font-size:13.5px;box-shadow:0 0 0 1px var(--line) inset;cursor:pointer;transition:background .2s,color .2s,transform .15s}
.chip:hover{text-decoration:none;transform:translateY(-1px)}.chip.on{background:var(--ink);color:#fff;box-shadow:none}
.chip i{font-style:normal;font-size:11.5px;opacity:.6}.chip svg{width:13px;height:13px}
.chip.clear{color:var(--red)}
.sugg{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--mut);padding:40px 0;text-align:center}
.empty svg{width:56px;height:56px;opacity:.4}.empty.big{padding:70px 0}

/* ricerca */
.sbox{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:6px 16px;box-shadow:var(--sh)}
.sbox svg{width:20px;height:20px;color:var(--mut)}.sbox input{flex:1;border:0;outline:0;padding:12px 0;font-size:18px;background:transparent}

/* SCHEDA PRODOTTO */
.pp{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:start}
.pp-gal{position:sticky;top:16px;aspect-ratio:1;border-radius:32px;display:grid;place-items:center;box-shadow:var(--sh);overflow:hidden}
.pp-gal .art{width:74%;height:74%;object-fit:contain;animation:rise .6s both}
.pp-views{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.pp-views span{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.2)}.pp-views .on{background:var(--ink)}
.pp-info h1{font-size:clamp(28px,3.6vw,40px);line-height:1.1;margin:6px 0 10px}
.pp-k{font-size:14px;color:var(--mut);font-weight:600}.pp-k a{color:var(--ink)}
.pp-price{display:flex;align-items:baseline;gap:10px;font-size:24px}.pp-price .pr-old{font-size:17px}.pp-price .muted{margin-left:auto}
.pp-sec{margin:22px 0 10px}.pp-lbl{font-size:14px;color:var(--ink2);margin:18px 0 10px}
.sizes{display:flex;flex-wrap:wrap;gap:8px}
.sz{position:relative;min-width:58px;text-align:center;border-radius:14px;padding:12px 14px;background:#fff;color:var(--ink);font-weight:600;box-shadow:0 0 0 1.5px var(--line) inset;transition:box-shadow .2s,transform .15s,background .2s}
.sz:hover{text-decoration:none;box-shadow:0 0 0 2px var(--blue) inset;transform:translateY(-1px)}
.sz.on{box-shadow:0 0 0 2.5px var(--blue) inset;background:#f0f7ff}
.sz.out{color:#b0b0b5;background:repeating-linear-gradient(135deg,#fff 0 8px,#f5f5f7 8px 16px);cursor:not-allowed}
.sz i{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);font-style:normal;font-size:10px;background:var(--amber);color:#fff;border-radius:6px;padding:1px 5px;white-space:nowrap}
.sizes.shake{animation:shake .4s}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.advisor{margin-top:14px;background:#fff;border-radius:var(--r2);box-shadow:var(--sh)}
.advisor summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}.advisor summary::-webkit-details-marker{display:none}
.advisor summary small{display:block;color:var(--mut)}
.adv-ic{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#0071e3,#00a3a3);color:#fff;display:grid;place-items:center;flex:0 0 auto}.adv-ic svg{width:22px;height:22px}
.adv-b{padding:0 16px 16px}.adv-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}
.adv-out{margin-top:12px}.adv-res{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#f0f7ff;border-radius:14px;padding:14px}.adv-big{font-size:30px;font-weight:800;color:var(--blue);min-width:60px;text-align:center}
.pp-avail{margin:22px 0;background:#fff;border-radius:var(--r2);padding:6px 16px;box-shadow:var(--sh)}
.av-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--hair);font-size:14.5px}.av-row:last-child{border:0}
.av-row svg{width:20px;height:20px;color:var(--mut);flex:0 0 auto}
.dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(31,157,85,.15);flex:0 0 auto;margin:0 5px;animation:pulse 2s infinite}.pp-avail.off .dot{background:#c7c7cc;box-shadow:none;animation:none}
.buy{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qty{display:inline-flex;align-items:center;background:#fff;border-radius:999px;box-shadow:0 0 0 1.5px var(--line) inset;height:52px}
.qty button{width:44px;height:100%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.qty button svg{width:16px;height:16px}.qty button:disabled{opacity:.3}
.qty input{width:34px;text-align:center;border:0;background:transparent;font-weight:700;outline:0}
.qty.sm{height:38px}.qty.sm button{width:34px}.qty.sm span{min-width:22px;text-align:center;font-weight:700}
.expert{display:flex;align-items:center;gap:12px;margin-top:16px;background:#fff;border-radius:var(--r2);padding:14px 16px;box-shadow:var(--sh);color:var(--ink)}
.expert:hover{text-decoration:none;box-shadow:var(--sh2)}.expert>svg{width:24px;height:24px;color:var(--blue)}.expert span{flex:1}.expert small{display:block;color:var(--mut)}.expert>svg:last-child{width:16px;height:16px;color:var(--mut)}
.pp-more{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.box{background:#fff;border-radius:var(--r);padding:22px;box-shadow:var(--sh);margin-bottom:14px}.box h2{font-size:19px;margin-bottom:10px}
.spec{width:100%;border-collapse:collapse;font-size:14px}.spec th{text-align:left;color:var(--mut);font-weight:500;padding:7px 10px 7px 0;width:44%;vertical-align:top}.spec td{padding:7px 0;border-bottom:1px solid var(--hair)}
.ticks{margin:0;padding:0;list-style:none}.ticks li{position:relative;padding:5px 0 5px 22px;font-size:14px}.ticks li:before{content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--green)}

/* BOTTONI: colori chiari, vivi, che si capiscono */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;height:52px;padding:0 24px;font-weight:650;font-size:16px;cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .25s,filter .2s;white-space:nowrap}
.btn svg{width:19px;height:19px}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:scale(.97)}
.btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}.btn:hover:after{left:120%}
.btn-blue{background:linear-gradient(180deg,var(--blue2),var(--blue));color:#fff;box-shadow:0 6px 18px rgba(0,113,227,.32)}
.btn-green{background:linear-gradient(180deg,var(--green2),var(--green));color:#fff;box-shadow:0 6px 18px rgba(31,157,85,.32)}
.btn-dark{background:#1d1d1f;color:#fff}.btn-ghost{background:#fff;color:var(--ink);box-shadow:0 0 0 1.5px var(--line) inset}
.btn.sm{height:40px;padding:0 16px;font-size:14.5px}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn.added{animation:pop .5s}.btn.added:before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;background:var(--green);font-size:22px}
@keyframes pop{40%{transform:scale(1.06)}}
.lnk{border:0;background:none;color:var(--blue);cursor:pointer;padding:4px 6px;font-size:14px}
.spin{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}

/* carrello */
.ship-bar{background:#fff;border-radius:var(--r2);padding:16px 18px;box-shadow:var(--sh);margin-bottom:16px}
.ship-bar.done{background:linear-gradient(180deg,#eefaf2,#f3fbf6);border-color:rgba(22,147,90,.38);max-width:none;margin:0 0 16px;text-align:left}
.ship-bar.done .sb-txt svg{color:#16935a;animation:sbpop .55s cubic-bezier(.2,1.7,.4,1)}
.ship-bar.done .sb-txt b{color:#16935a}
@keyframes sbpop{0%{transform:scale(.3);opacity:0}55%{transform:scale(1.3);opacity:1}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.ship-bar.done .sb-txt svg{animation:none}}
.sb-txt{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.35}.sb-txt svg{width:19px;height:19px;color:var(--green)}
.sb-track{height:12px;background:#ececf0;border-radius:6px;margin-top:11px;overflow:hidden}.sb-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:6px;transition:width .6s}
.ship-bar.done .sb-track i{background:linear-gradient(90deg,var(--green),#17c06a)}
.sb-sub{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:12.5px;color:var(--muted)}.sb-sub svg{width:16px;height:16px;flex:0 0 auto;color:var(--muted)}
.cart-l{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.sg-h{display:flex;align-items:center;gap:10px;font-size:14.5px;padding-bottom:12px;border-bottom:1px solid var(--hair);margin-bottom:6px;flex-wrap:wrap}
.sg-h svg{width:20px;height:20px;color:var(--blue)}.sg-d{margin-left:auto;color:var(--green);font-weight:600}
.cl{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hair)}.cl:last-child{border:0}
.cl-img{width:84px;height:84px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto}.cl-img .art{width:76%;height:76%;object-fit:contain}
.cl-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cl-n{color:var(--ink);font-weight:600;overflow-wrap:anywhere}.cl-a{display:flex;align-items:center;gap:10px;margin-top:6px}.cl-p{white-space:nowrap}
.sum h2{margin-bottom:12px}.sum-r{display:flex;justify-content:space-between;padding:7px 0;font-size:15px}.sum-r.tot{font-size:20px;font-weight:700;border-top:1px solid var(--hair);margin-top:6px;padding-top:12px}.sum-r.cbk{color:#0a7a3f;font-weight:600}.sum-r.cbk span:last-child{font-weight:700}
.sum .btn{margin-top:14px}.sticky{position:sticky;top:16px}
.coupon{display:flex;gap:8px;margin-top:12px}.coupon input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;height:40px;outline:0}
.coupon-d{margin-top:12px}.coupon-d>summary{list-style:none;cursor:pointer;font-size:13.5px;color:var(--mut);display:inline-flex;align-items:center;gap:6px;padding:2px 0;-webkit-tap-highlight-color:transparent}.coupon-d>summary::-webkit-details-marker{display:none}.coupon-d>summary::after{content:"+";font-size:15px;color:var(--mut)}.coupon-d[open]>summary::after{content:"–"}.coupon-d[open]>summary{color:var(--ink)}.coupon-d .coupon{margin-top:8px}
.xpay{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.xpay span{font-size:11.5px;color:var(--mut);border:1px solid var(--line);border-radius:7px;padding:3px 8px}
.sum-l{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;border-bottom:1px solid var(--hair)}
.sl-img{position:relative;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.sl-img .art{width:78%;height:78%;object-fit:contain}
.sl-img b{position:absolute;top:-6px;right:-6px;background:var(--mut);color:#fff;border-radius:10px;font-size:11px;min-width:20px;height:20px;display:grid;place-items:center}
.sl-n{flex:1}.sl-n small{display:block;color:var(--mut)}

/* checkout e moduli */
.co{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.st-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}.st-n{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13.5px;color:var(--ink2)}
.fld input,.fld select,.fld textarea,.reply textarea{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;outline:0;font-size:16px;color:var(--ink);transition:border-color .2s,box-shadow .2s;width:100%}
.fld input:focus,.fld select:focus,.fld textarea:focus,.reply textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,113,227,.12)}
.fld .bad,input.bad{border-color:var(--red)!important;background:#fff5f5}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.me{display:flex;align-items:center;gap:12px}.me>svg{width:36px;height:36px;color:var(--blue)}.me span small{display:block;color:var(--mut)}
.ok-pill{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:#e8f8ef;color:var(--green);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600}.ok-pill svg{width:14px;height:14px}
.inv{margin-top:6px}.inv summary{cursor:pointer;color:var(--blue);font-size:14.5px;margin-bottom:10px}
.pays{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:12px}
.paybox{position:relative;display:flex;align-items:center;gap:10px;border-radius:16px;padding:14px;box-shadow:0 0 0 1.5px var(--line) inset;cursor:pointer;transition:box-shadow .2s,background .2s}
.paybox input{position:absolute;opacity:0}.paybox:has(input:checked){box-shadow:0 0 0 2.5px var(--blue) inset;background:#f0f7ff}
.pb-in{flex:1}.pb-in small{display:block;color:var(--mut);font-size:12px}.pb-ic svg{width:22px;height:22px;color:var(--mut)}
.paybox:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.cardbox{display:none;margin-bottom:12px}.stripe-ph{display:flex;gap:10px;align-items:center;border:1.5px dashed var(--line);border-radius:14px;padding:14px;color:var(--mut);font-size:13.5px}.stripe-ph svg{width:22px;height:22px;flex:0 0 auto}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:10px 0;cursor:pointer}.chk input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}.chk.sm{font-size:13px;margin:4px 0}
.co-err{color:var(--red);font-size:14px;min-height:20px;margin-top:6px}
.reasons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.rbox{position:relative;cursor:pointer}.rbox input{position:absolute;opacity:0}.rbox span{display:inline-block;border-radius:999px;padding:9px 15px;box-shadow:0 0 0 1.5px var(--line) inset;font-size:14px;background:#fff;transition:all .2s}
.rbox input:checked+span{background:var(--ink);color:#fff;box-shadow:none}.rbox input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.rbox.big span{padding:14px 20px;font-weight:600;border-radius:16px}

/* grazie */
.done{text-align:center;max-width:640px;margin:0 auto}.done-ic{width:84px;height:84px;margin:20px auto;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;animation:pop .6s}.done-ic svg{width:42px;height:42px;stroke-width:3}
.done h1{font-size:40px}.lead{font-size:17px;color:var(--ink2)}.done .box{text-align:left}.done-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.pk-offer{display:flex;align-items:center;gap:14px}.pk-offer>svg{width:34px;height:34px;color:var(--blue)}.pk-offer span{flex:1}.pk-offer small{display:block;color:var(--mut)}

/* accesso */
.login{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin:0 auto 16px}
.lg-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:#fff;border:0;border-radius:28px;padding:30px 24px;box-shadow:var(--sh);cursor:pointer;overflow:hidden}
form.lg-box{cursor:default}.lg-box b{font-size:19px}.lg-box small{color:var(--mut)}
.lg-box input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:16px;outline:0;margin-top:8px}
.lg-ic{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#0071e3,#00a3a3);color:#fff;display:grid;place-items:center;margin-bottom:6px}.lg-ic svg{width:40px;height:40px}
.lg-pk .scan{position:absolute;left:0;right:0;top:-20%;height:20%;background:linear-gradient(180deg,transparent,rgba(0,113,227,.25),transparent);opacity:0}
.lg-pk.scanning .scan{opacity:1;animation:scan 1.2s ease-in-out}.lg-pk.scanning .lg-ic{animation:pulse 1s infinite}
@keyframes scan{to{top:100%}}
.lg-msg{font-size:14px;min-height:20px;color:var(--green)}.lg-msg svg{display:inline;width:14px;height:14px;vertical-align:-2px}

/* area cliente */
.live-o{display:flex;align-items:center;gap:14px;color:var(--ink)}.live-o:hover{text-decoration:none}.live-o>svg{width:28px;height:28px;color:var(--green)}.live-o span{flex:1}.live-o small{display:block;color:var(--mut)}.live-o>svg:last-child{width:16px;height:16px;color:var(--mut)}
.orow{display:flex;align-items:center;gap:14px;color:var(--ink);flex-wrap:wrap}.orow:hover{text-decoration:none}.orow>span:first-child{flex:1;min-width:180px}.orow small{display:block;color:var(--mut)}.orow>svg{width:16px;height:16px;color:var(--mut)}
.orow span svg{display:inline;width:18px;height:18px;vertical-align:-4px;margin-right:6px}
.o-st{font-size:13px;background:#f2f2f5;border-radius:999px;padding:4px 11px}.st-aperto{background:#fee2e2;color:#991b1b}.st-risolto{background:#d1fae5;color:#065f46}.st-in-attesa{background:#fef3c7;color:#92400e}
.steps{display:flex;list-style:none;padding:0;margin:16px 0;counter-reset:s}
.steps li{flex:1;position:relative;text-align:center;font-size:12px;color:var(--mut)}
.steps li i{display:block;width:16px;height:16px;border-radius:50%;background:#e5e5ea;margin:0 auto 6px;position:relative;z-index:1}
.steps li:before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:3px;background:#e5e5ea}.steps li:first-child:before{display:none}
.steps li.on i,.steps li.on:before{background:var(--green)}.steps li.on{color:var(--ink)}.steps li.now i{box-shadow:0 0 0 5px rgba(31,157,85,.2);animation:pulse 2s infinite}
.trk{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.thread{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;max-height:56vh;overflow-y:auto;padding:4px}
.msg{max-width:78%;border-radius:18px;padding:10px 14px;background:#fff;box-shadow:var(--sh)}.msg p{margin:2px 0 0;white-space:pre-wrap}
.msg .who{font-size:11.5px;color:var(--mut)}.msg.me{align-self:flex-end;background:var(--blue);color:#fff}.msg.me .who{color:rgba(255,255,255,.75)}
.msg.ai-m{background:linear-gradient(135deg,#eef6ff,#effcf8)}
.reply{display:flex;gap:10px;align-items:flex-end}.reply textarea{flex:1;resize:vertical}
.ai{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#eef6ff,#effcf8);border-radius:16px;padding:14px;margin:4px 0 12px;font-size:14.5px}
.ai>svg{width:24px;height:24px;color:var(--blue);flex:0 0 auto}.ai b{display:block}.ai small{display:block;color:var(--mut);margin-top:6px}.ai.ok>svg{color:var(--green)}
.presence{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c7c7cc;margin-right:7px;vertical-align:0}.presence.on{background:#2fb3bf;box-shadow:0 0 0 4px rgba(47,179,191,.2)}
.ctx{display:flex;align-items:center;gap:10px}.ctx svg{width:20px;height:20px;color:var(--blue)}
.faq details{margin-bottom:10px}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:10px 0 0;color:var(--ink2)}
.mail-h{display:flex;align-items:center;gap:12px}.mail-ic{width:40px;height:40px;border-radius:12px;background:#f2f2f5;display:grid;place-items:center}.mail-ic svg{width:22px;height:22px}.mail-h small{display:block;color:var(--mut)}
.story{max-width:760px;margin:0 auto}.story h1{font-size:clamp(32px,5vw,52px);margin:8px 0 26px}.story h1 em{font-style:normal;color:var(--mut)}
.tl{border-left:2px solid var(--line);padding-left:22px;margin-bottom:24px}.tl-i{position:relative;padding:0 0 22px}.tl-i:before{content:"";position:absolute;left:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--blue)}.tl-i b{display:block;font-size:22px}
.prose h1{font-size:30px;margin-bottom:12px}.prose p{color:var(--ink2)}

/* footer a box */
/* ───── Footer: lastra navy di "fine pagina" ───── */
.foot{margin-top:72px;padding:46px 0 32px;background:var(--ink);color:#e7edf6;position:relative}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,transparent 2%,rgba(54,194,192,.5),rgba(43,127,208,.6) 42%,rgba(123,97,255,.5) 70%,transparent 98%)}
.f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:0;background:linear-gradient(165deg,rgba(255,255,255,.06),rgba(255,255,255,.012) 62%);border:1px solid rgba(255,255,255,.055);border-radius:22px;overflow:hidden;box-shadow:0 26px 64px -42px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06)}
.f-box{display:flex;flex-direction:column;gap:7px;background:transparent;border:0;border-radius:0;padding:28px 26px;box-shadow:none;color:#e7edf6;position:relative}
a.f-box:hover{text-decoration:none;background:rgba(255,255,255,.05);box-shadow:none}
.foot .f-box{border:0}
.foot .f-story{background:radial-gradient(130% 150% at 0% 0%,rgba(16,104,180,.55),rgba(11,92,160,.12) 55%,transparent 80%);border:0;color:#fff}
.f-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8fb9e6}.f-t{font-size:28px;font-weight:700;letter-spacing:-.03em;color:#fff}
.foot .f-story .f-d{color:#c9d7ea}.f-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:#5db8ff;font-weight:600}.f-go svg{width:14px;height:14px}
.f-ic svg{width:28px;height:28px;color:var(--lagoon)}.f-t2{font-weight:700;color:#fff}.f-d{color:#9fb0c9;font-size:13.5px}
.f-mid{display:grid;gap:26px;margin-top:30px}
.f-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}
.f-col{display:flex;flex-direction:column;gap:2px}
.f-col h4{margin:0 0 3px;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:#7f91ad;font-weight:700}
.f-col a{color:#cdd8ea;font-size:14px;line-height:1.1;padding:7px 0}
.f-col a:hover{color:#fff;text-decoration:none}
.f-base{display:flex;flex-direction:column;gap:7px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.f-co{font-size:12.5px;color:#aab8cd}.f-co b{color:#e7edf6;font-weight:700}
.f-cp{font-size:12px;color:#7f91ad}.f-demo-i{color:#6f819c}
.f-legal{font-size:10px;line-height:1.3;color:#5a687e;opacity:.7;letter-spacing:.01em}

/* DOCK fisso (al posto dell'header): vetro, sempre a portata di pollice */
.dock{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40;display:flex;gap:4px;padding:7px;border-radius:26px;background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 10px 40px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.05)}
/* Nella pagina prodotto l'azione in basso è una sola: comprare. Nascondiamo il menu dock (home/carrello/ricerca restano in alto) per dare focus. */
.dock.dock-off{display:none}
.dk{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:7px 10px;border-radius:19px;color:var(--ink2);font-size:11px;font-weight:600;transition:background .2s,color .2s,transform .2s}
.dk:hover{text-decoration:none;background:rgba(0,0,0,.05);transform:translateY(-2px)}
.dk.on{background:var(--ink);color:#fff}
.dk-i{position:relative}.dk-i svg{width:24px;height:24px}
.dk-n{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:10.5px;display:grid;place-items:center;padding:0 5px}
.dk-n.pop{animation:pop .5s}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(var(--dock) + 30px);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:50;display:flex;align-items:center;gap:12px;background:#1d1d1f;color:#fff;border-radius:18px;padding:12px 14px 12px 16px;box-shadow:var(--sh2);font-size:14.5px;max-width:min(92vw,520px);transition:all .35s cubic-bezier(.2,.8,.2,1)}
.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast svg{width:18px;height:18px;flex:0 0 auto}.toast.warn{background:#7c2d12}
.toast .btn{height:36px;padding:0 14px;font-size:13.5px}

/* regia anteprima (non esiste nel sito vero) */
.regia{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:12px;z-index:45;display:flex;gap:4px;align-items:center;background:rgba(10,20,39,.88);backdrop-filter:blur(12px);color:#cfd7ea;border-radius:16px;padding:5px;font-size:12px;box-shadow:var(--sh2)}
.regia b{padding:0 8px;letter-spacing:.14em;font-size:10px;color:#dcc48e}
.regia a,.regia button{border:0;background:transparent;color:#cfd7ea;border-radius:11px;padding:7px 10px;cursor:pointer;font-weight:600}
.regia a.on,.regia a:hover,.regia button:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.regia .rn{background:var(--red);color:#fff;border-radius:8px;padding:0 5px;margin-left:3px;font-size:10.5px}
.regia .rg-min{display:none}
@media (max-width:980px){.regia{bottom:calc(var(--dock) + 28px);left:8px}.regia .rg-full{display:none}.regia .rg-min{display:inline}}

/* ═════ GESTIONE (blu notte) ═════ */
body.adm-on{background:#0a1427;color:#ecf0f8}
.adm{--ab:#0a1427;--ab2:#0f1d38;--ab3:#162a4f;--al:rgba(174,187,214,.16);--at:#ecf0f8;--am:#93a0bd;min-height:100vh}
.a-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px max(18px,4vw);background:rgba(10,20,39,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--al)}
.a-brand{display:flex;align-items:baseline;gap:10px;color:var(--at)}.a-brand:hover{text-decoration:none}.a-brand b{letter-spacing:.24em;font-size:14px}.a-brand span{color:#dcc48e;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.a-top-r{display:flex;align-items:center;gap:8px}.a-tog{border:1px solid var(--al);background:transparent;color:var(--at);border-radius:999px;padding:7px 12px;cursor:pointer;font-size:13px}
.a-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--al);border-radius:999px;padding:7px 12px;color:var(--at);font-size:13px}.a-pill:hover{text-decoration:none;border-color:#dcc48e}.a-pill svg{width:16px;height:16px}
.a-wrap{max-width:1240px;margin:0 auto;padding:22px max(18px,4vw) 40px}
.adm .crumb{color:var(--am)}.adm .crumb.now{color:var(--at)}.adm .pill.back{background:var(--ab2);color:var(--at);box-shadow:0 0 0 1px var(--al) inset}
.a-hero h1{font-size:clamp(28px,4vw,40px)}.a-hero p{color:var(--am);margin:6px 0 18px}.a-hero b{color:#fbbf24}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:10px}
.kpis>div{background:var(--ab2);border:1px solid var(--al);border-radius:18px;padding:16px}.kpis small{display:block;color:var(--am);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.kpis b{display:block;font-size:26px;margin:4px 0}.kpis span{color:var(--am);font-size:13px}
.a-sec{display:flex;align-items:center;gap:12px;margin:30px 0 12px}.a-sec span{color:#dcc48e;font-size:12px;letter-spacing:.2em}.a-sec h2{font-size:19px}.a-sec i{flex:1;height:1px;background:var(--al)}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.agrid.wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.abox{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--ab2);border:1px solid var(--al);border-radius:20px;padding:20px;color:var(--at);transition:border-color .15s,background .15s}
.abox:hover{text-decoration:none;border-color:#dcc48e;background:var(--ab3)}
.ab-ic{width:44px;height:44px;border-radius:13px;background:var(--ab3);display:grid;place-items:center;margin-bottom:8px;color:#dcc48e}.ab-ic svg{width:24px;height:24px}
.ab-t{font-weight:650}.ab-d{color:var(--am);font-size:13px}
.ab-n{position:absolute;top:16px;right:16px;min-width:26px;height:26px;border-radius:13px;background:var(--ab3);color:var(--at);display:grid;place-items:center;font-size:13px;padding:0 8px}.ab-n.warn{background:#f59e0b;color:#1a1200}
.a-note{display:flex;gap:10px;align-items:center;color:var(--am);font-size:13px;margin-top:26px;border:1px solid var(--al);border-radius:14px;padding:12px 14px}.a-note svg{width:18px;height:18px;flex:0 0 auto;color:#dcc48e}
.a-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.a-h h1{font-size:clamp(26px,3.4vw,34px)}.a-h p{flex-basis:100%;color:var(--am);margin:0}
.apanel{background:var(--ab2);border:1px solid var(--al);border-radius:20px;padding:18px;margin-bottom:14px}
.ap-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ap-h .muted{margin-left:auto}
.ap-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.a-two{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;align-items:start}
.a-list{display:flex;flex-direction:column;gap:8px}
.arow{display:flex;align-items:center;gap:14px;background:var(--ab2);border:1px solid var(--al);border-radius:16px;padding:12px 14px;color:var(--at);flex-wrap:wrap}
a.arow:hover{text-decoration:none;border-color:#dcc48e}.arow>span:first-of-type{flex:1;min-width:200px}.arow small{display:block;color:var(--am)}.arow.sm{padding:9px 12px;background:transparent;border-color:var(--al)}.arow.sel{border-color:#dcc48e;background:var(--ab3)}
.a-spl{display:flex;flex-wrap:wrap;gap:5px}
.a-thumb{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.a-thumb .art{width:80%;height:80%;object-fit:contain}
.tagx{display:inline-block;font-style:normal;font-size:12px;background:var(--ab3);color:var(--at);border-radius:999px;padding:3px 10px;white-space:nowrap}
.tagx.st-da-inoltrare,.tagx.s-da-spedire{background:#f59e0b;color:#1a1200}.tagx.st-inoltrato,.tagx.s-in-prep{background:#1d4ed8;color:#fff}.tagx.st-spedito,.tagx.s-spediti,.tagx.s-da-completare{background:#0e7490;color:#fff}
.tagx.st-consegnato,.tagx.s-consegnati,.tagx.p-pagato{background:#166534;color:#dcfce7}.tagx.st-annullato,.tagx.s-annullati,.tagx.p-annullato{background:#7f1d1d;color:#fee2e2}
.tagx.st-in-attesa,.tagx.p-attesa,.tagx.s-attesa-pag,.tagx.p-creato{background:#78350f;color:#fef3c7}.tagx.p-rimborsato,.tagx.p-rimb-parz{background:#4c1d95;color:#ede9fe}.tagx.st-aperto{background:#991b1b;color:#fee2e2}.tagx.st-risolto{background:#166534;color:#dcfce7}
.dotc{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:3px}
.adm .chip{background:var(--ab2);color:var(--at);box-shadow:0 0 0 1px var(--al) inset}.adm .chip.on{background:#ecf0f8;color:#0a1427}
.adm .f-l{color:var(--am)}
.adm .sbox.dark{background:var(--ab2);box-shadow:0 0 0 1px var(--al) inset;margin-bottom:12px}.adm .sbox.dark input{color:var(--at);font-size:16px}
.adm .fld{color:var(--am)}.adm .fld input,.adm .fld select,.adm .fld textarea,.adm .reply textarea,.adm .trk-f input,.adm .trk-f select,.adm .vt input,.adm .cat-n input,.adm .cv-r select,.adm .cv-r input{background:#0b1730;border:1.5px solid var(--al);color:var(--at);border-radius:12px}
.adm .fld input:focus,.adm .fld select:focus,.adm .fld textarea:focus{border-color:#dcc48e;box-shadow:0 0 0 4px rgba(220,196,142,.15)}
.adm .btn-ghost{background:transparent;color:var(--at);box-shadow:0 0 0 1.5px var(--al) inset}
.adm .muted{color:var(--am)}.adm .pp-lbl{color:var(--am)}.adm .rbox span{background:var(--ab2);box-shadow:0 0 0 1.5px var(--al) inset}.adm .rbox input:checked+span{box-shadow:0 0 0 2px #dcc48e inset;background:var(--ab3);color:var(--at)}
.adm .lnk{color:#93c5fd}
.trk-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.trk-f input{flex:1;min-width:150px;height:40px;padding:0 12px}.trk-f select{height:40px;padding:0 10px}
.ap-msg summary{cursor:pointer;color:var(--am);font-size:13px;margin-top:10px}.ap-msg pre{white-space:pre-wrap;background:#0b1730;border-radius:12px;padding:12px;font-size:12.5px;color:#cfd7ea}
.ev{display:flex;gap:12px;padding:7px 0;border-bottom:1px solid var(--al);font-size:13.5px}.ev small{color:var(--am);flex:0 0 112px}
.vt-wrap{overflow-x:auto;margin-bottom:10px}.vt{width:100%;border-collapse:collapse;font-size:13px}.vt th{text-align:left;color:var(--am);font-weight:500;padding:6px;white-space:nowrap}.vt td{padding:5px;border-top:1px solid var(--al);vertical-align:middle}
.vt input{width:100%;min-width:70px;height:36px;padding:0 8px}.vt input.num{min-width:56px;text-align:center}.vt tr.bad-r td{background:rgba(127,29,29,.25)}
img.thumb{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:8px}
.mapg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.ckg{display:flex;flex-wrap:wrap;gap:2px 16px;margin-bottom:10px}.ckg.tree{flex-direction:column}
.sw{margin-left:auto;display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--am)}
.sync.off{opacity:.55}.sync code{color:#cfd7ea;font-size:12px;word-break:break-all}.adm .ticks li{font-size:13px;color:var(--am)}
.file-b{cursor:pointer}
.convt{display:flex;flex-direction:column;gap:8px}
.cv-r{display:grid;grid-template-columns:1.2fr 26px 1.2fr auto;gap:10px;align-items:center;border:1px solid var(--al);border-radius:14px;padding:10px 12px}
.cv-r.todo{border-color:#b91c1c}.cv-r.sug{border-color:#1d4ed8}.cv-ar svg{width:18px;height:18px;color:#dcc48e}.cv-k small{display:block;color:var(--am)}
.cv-r select,.cv-r input{height:40px;padding:0 10px;width:100%}
.cat-n{display:flex;align-items:center;gap:10px;padding:6px 0 6px calc(var(--d) * 26px);border-bottom:1px solid var(--al)}.cat-n input{flex:1;max-width:340px;height:38px;padding:0 10px}.cat-ic{width:26px;height:26px;color:#dcc48e}.cat-ic svg{width:100%;height:100%}
.bar{display:grid;grid-template-columns:150px 1fr 100px;gap:10px;align-items:center;padding:6px 0;font-size:13.5px}.bar i{height:10px;border-radius:5px;background:linear-gradient(90deg,#dcc48e,#f59e0b);display:block}.bar b{text-align:right}
.thread.dark .msg{background:var(--ab3);color:var(--at);box-shadow:none}.thread.dark .msg.me{background:#1d4ed8}.thread.dark .msg.ai-m{background:#1e3a5f}
.adm .ai{background:var(--ab3);color:var(--at)}.adm .ai small{color:var(--am)}
.chat-l{grid-template-columns:320px 1fr}
.bulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--ab2);border:1px solid var(--al);border-radius:16px;padding:10px 14px;margin-bottom:12px;color:var(--am);font-size:14px;transition:border-color .2s}.bulk.on{border-color:#dcc48e;color:var(--at)}.bulk span{flex:1}
.otable-w{overflow-x:auto;background:var(--ab2);border:1px solid var(--al);border-radius:18px}
.otable{width:100%;border-collapse:collapse;font-size:13.5px;min-width:920px}
.otable th{text-align:left;color:var(--am);font-weight:500;padding:12px 10px;border-bottom:1px solid var(--al);white-space:nowrap}
.otable td{padding:12px 10px;border-bottom:1px solid var(--al);vertical-align:middle}.otable td small{display:block;color:var(--am)}
.otable tbody tr{cursor:pointer;transition:background .15s}.otable tbody tr:hover{background:var(--ab3)}
.otable input[type=checkbox]{width:18px;height:18px;accent-color:#dcc48e}
.a-dock{background:rgba(15,29,56,.86);box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 0 1px var(--al)}.a-dock .dk{color:#aebbd6}.a-dock .dk.on{background:#ecf0f8;color:#0a1427}.a-dock .dk:hover{background:rgba(255,255,255,.08)}

/* responsive */
@media (max-width:980px){.bigboxes{grid-template-columns:1fr 1fr}.bb-wide{grid-column:span 2}.bigboxes .bb:last-child:nth-child(6){grid-column:span 2}
.bigboxes .bb:last-child:nth-child(6){grid-column:span 3;min-height:170px;flex-direction:row;align-items:center;gap:24px}.bigboxes .bb:last-child:nth-child(6) .bb-tx{flex:1}.pp{grid-template-columns:1fr}.pp-gal{position:relative;top:0}.pp-more{grid-template-columns:1fr}.cart-l,.co{grid-template-columns:minmax(0,1fr)}.cart-l>*,.co>*{min-width:0}.cl,.cl-b{min-width:0}.cl-n{overflow-wrap:anywhere}.sticky{position:static}.f-grid{grid-template-columns:1fr 1fr}.a-two,.chat-l{grid-template-columns:1fr}.promise{grid-template-columns:1fr 1fr}}
@media (max-width:620px){
  .bigboxes{grid-template-columns:1fr}.bb-wide,.bigboxes .bb:last-child:nth-child(6){grid-column:auto}.bb{min-height:190px;padding:22px}.bb-ic{width:72px;height:72px}
  .minis,.minis.big2{grid-template-columns:1fr 1fr}.mini{padding:16px}
  .two,.three{grid-template-columns:1fr}.login{grid-template-columns:1fr}.f-grid{grid-template-columns:1fr}
  .pgrid{grid-template-columns:1fr 1fr;gap:10px}.pc-b{padding:10px 12px 14px}.pc-n{font-size:14px}
  .buy .btn{flex:1}.dk{min-width:56px;padding:7px 6px}.f-l{flex-basis:76px}
  .cv-r{grid-template-columns:1fr}.cv-ar{display:none}.bar{grid-template-columns:90px 1fr 80px}
}
:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px;border-radius:8px}
@media (max-width:620px){
  body{padding-bottom:calc(var(--dock) + 80px + env(safe-area-inset-bottom))}
  .a-pill span{display:none}.a-tog{padding:6px 10px;font-size:12px}.a-brand span{display:none}
  .kpis{grid-template-columns:1fr 1fr}.kpis b{font-size:20px}
  .bulk span{flex-basis:100%}
}

/* ═════ RESTYLING v2: tecnologico, sobrio, affidabile ═════ */
:root{--bg:#f5f5f7;--ink:#0b1220;--ink2:#2b3445;--mut:#667085;--line:#e4e7ec;--blue:#0a5bd3;--blue2:#1a6ae0;--green:#14804a;--green2:#16935a;--sh:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);--sh2:0 12px 32px rgba(16,24,40,.10)}
.ticker{display:none}
.a-sway,.a-float,.a-wave,.a-wave2,.a-pulse{animation:none!important}
.t-violet,.t-ocean,.t-sunset,.t-lagoon,.t-aqua,.t-sand{background:#f2f4f7}
.t-violet .sb-ic,.t-ocean .sb-ic,.t-sunset .sb-ic,.t-lagoon .sb-ic,.t-aqua .sb-ic,.t-sand .sb-ic,.ph-ic{color:var(--ink)!important}
.pc-img .art:not(img),.pp-gal .art:not(img),.cl-img .art:not(img),.sl-img .art:not(img),.a-thumb .art:not(img){filter:grayscale(1);opacity:.42}
/* barra del marchio */
.brandbar{background:#fff;border-bottom:1px solid var(--line)}
.bb-in{display:flex;align-items:center;justify-content:space-between;height:58px}
.wordmark{display:flex;align-items:baseline;gap:10px;color:var(--ink);font-weight:700;letter-spacing:.32em;font-size:15px}.wordmark:hover{text-decoration:none}
.wordmark small{font-weight:500;letter-spacing:.08em;font-size:11px;color:var(--mut);text-transform:uppercase}
.bb-right{display:flex;gap:22px}.bb-trust{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2)}.bb-trust svg{width:16px;height:16px;color:var(--ink)}
@media (max-width:760px){.bb-right{display:none}.bb-in{justify-content:center}}
/* hero */
.hero{padding:46px 0 26px}.hero h1{font-size:clamp(30px,5vw,54px);font-weight:650;letter-spacing:-.035em;line-height:1.08;color:var(--ink)}
.hero-sub{max-width:620px;margin:14px auto 0;color:var(--mut);font-size:17px}
.search-big{border:1px solid var(--line);box-shadow:none;border-radius:14px}
/* fascia fiducia */
.trust{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;margin:8px 0 40px;overflow:hidden}
.trust>div{display:flex;flex-direction:column;gap:3px;padding:18px 18px;border-right:1px solid var(--line)}.trust>div:last-child{border-right:0}
.trust svg{width:22px;height:22px;color:var(--blue);margin-bottom:6px}.trust b{font-size:14px}.trust span{font-size:12.5px;color:var(--mut)}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr}.trust>div{border-bottom:1px solid var(--line)}}
.sec-t.center{text-align:center;font-size:clamp(24px,3vw,32px);letter-spacing:-.03em;margin:0 0 18px}
/* BOX CATEGORIA: tutti uguali, foto vera */
.catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.catgrid.sub{grid-template-columns:repeat(4,1fr);margin-bottom:30px}
.catbox{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--ink);transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.catbox:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--sh2);border-color:#d0d5dd}
.cb-img{position:relative;aspect-ratio:4/3;background:radial-gradient(120% 90% at 50% 20%,#fff 0%,#eef1f5 70%);display:grid;place-items:center;overflow:hidden}
.cb-img img.cat-pic{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s ease}
.catbox:hover .cb-img img.cat-pic{transform:scale(1.04)}
.cat-ic-fb{width:34%;height:34%;color:#98a2b3}.cat-ic-fb svg{width:100%;height:100%;stroke-width:1.6}
.cb-tx{display:flex;flex-direction:column;gap:3px;padding:16px 18px 18px;border-top:1px solid var(--line)}
.cb-t{font-size:20px;font-weight:650;letter-spacing:-.02em}.catgrid.sub .cb-t{font-size:16px}
.cb-s{color:var(--mut);font-size:14px}
.cb-n{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.cb-n svg{width:16px;height:16px;color:var(--blue);transition:transform .25s}.catbox:hover .cb-n svg{transform:translateX(3px)}
@media (max-width:900px){.catgrid,.catgrid.sub{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.catgrid{gap:10px}.cb-t{font-size:16px}.cb-s{display:none}.cb-tx{padding:12px 12px 14px}.cb-n{font-size:10.5px}}
/* servizi */
.minis.four{grid-template-columns:repeat(4,1fr);margin:30px 0}
@media (max-width:900px){.minis.four{grid-template-columns:1fr 1fr}}
.mini{border:1px solid var(--line);box-shadow:none;border-radius:18px}.mini:hover{box-shadow:var(--sh2)}
.mini-ic{background:#f2f4f7;color:var(--ink)}.mini:hover .mini-ic{background:var(--ink);color:#fff}
/* card prodotto e badge sobri */
.pc{border:1px solid var(--line);box-shadow:none;border-radius:18px}.pc:hover{box-shadow:var(--sh2)}
.pc-img{background:radial-gradient(120% 90% at 50% 20%,#fff 0%,#eef1f5 75%)}
.pp-gal{background:radial-gradient(120% 90% at 50% 20%,#fff 0%,#eef1f5 75%)!important;border:1px solid var(--line);box-shadow:none}
.bdg{font-weight:600;font-size:11px;letter-spacing:.02em}
.bdg-red{background:#fee4e2;color:#b42318}.bdg-ink{background:#0b1220;color:#fff}.bdg-amber{background:#fef0c7;color:#93370d}.bdg-green{background:#dcfae6;color:#067647}.bdg-gold{background:#f2f4f7;color:#344054}.bdg-gray{background:#f2f4f7;color:#344054}.bdg-blue{background:#e0eaff;color:#1849a9}.bdg-violet{background:#f2f4f7;color:#344054}
.arr.fast i{box-shadow:none}
/* bottoni: pieni, seri */
.btn{border-radius:12px;font-weight:600}.btn:after{display:none}
.btn-blue{background:var(--blue);box-shadow:none}.btn-blue:hover{background:#0848a8}
.btn-green{background:var(--green);box-shadow:none}.btn-green:hover{background:#0f6b3d}
.btn-ghost{box-shadow:0 0 0 1px var(--line) inset}
.box,.ship-bar,.pp-avail,.advisor,.expert,.f-box,.promise div{box-shadow:none;border:1px solid var(--line)}
.sz{border-radius:10px}.chip{box-shadow:0 0 0 1px var(--line) inset}
/* brand e chi siamo */
.brands{text-align:center;margin:46px 0 10px}.brands>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:14px}
.brands a{color:var(--ink2);font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-size:14px}.brands a:hover{color:var(--blue);text-decoration:none}
.about{margin:40px 0 0;background:#0b1220;color:#e4e7ec;border-radius:24px;padding:40px max(24px,4vw)}
.about .eyebrow{color:#98a2b3}.about h2{color:#fff;font-size:clamp(22px,3vw,32px);letter-spacing:-.03em;margin:8px 0 12px;max-width:720px}.about p{max-width:720px;color:#cfd4dc}
.about .btn-ghost{background:transparent;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.3) inset}
.f-story{background:#0b1220}
.dock{background:rgba(255,255,255,.85);box-shadow:0 8px 30px rgba(16,24,40,.14),0 0 0 1px var(--line)}.dk.on{background:var(--ink)}
.ph-ic.av{background:var(--ink)}
.adv-ic,.lg-ic{background:var(--ink)}
.hero h1 em{color:var(--ink);background:none;-webkit-text-fill-color:currentColor}
.cb-img .art:not(img){width:56%;height:56%;filter:grayscale(1);opacity:.4}
/* Barra in alto + menu a tendina (stile grandi e-commerce) + box sotto */
.topline{display:flex;justify-content:center;align-items:center;gap:10px;background:#0b1220;color:#e4e7ec;font-size:12.5px;padding:8px 12px;flex-wrap:wrap}
.topline svg{width:15px;height:15px;opacity:.8}.topline i{width:4px;height:4px;border-radius:50%;background:#475467;margin:0 8px}
.brandbar{position:sticky;top:0;z-index:35}
.bb-in{gap:24px;height:64px}
.hsearch{flex:1;max-width:520px;display:flex;align-items:center;gap:10px;background:#f2f4f7;border-radius:12px;padding:10px 14px;color:var(--mut);font-size:14px}.hsearch:hover{text-decoration:none;background:#eaecf0}.hsearch svg{width:18px;height:18px;color:var(--ink)}
.hicons{display:flex;gap:6px}.hicons a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink);font-size:11px;font-weight:600;padding:6px 10px;border-radius:10px}.hicons a:hover{background:#f2f4f7;text-decoration:none}.hicons svg{width:22px;height:22px}
.hicons .dk-n{top:0;right:4px}
.mega{display:flex;gap:2px;height:46px;align-items:stretch;border-top:1px solid var(--line)}
.mg-i{display:flex}.mg-a{display:flex;align-items:center;padding:0 14px;color:var(--ink);font-weight:600;font-size:14.5px;border-bottom:2px solid transparent}
.mg-a:hover,.mg-i:hover .mg-a,.mg-a.on{text-decoration:none;border-bottom-color:var(--ink)}
.mg-p{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 24px 40px rgba(16,24,40,.12)}
.mg-i:hover .mg-p,.mg-i:focus-within .mg-p{display:block}
.mg-in{display:flex;gap:40px;padding-top:26px;padding-bottom:30px}
.mg-cols{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 30px}
.mg-col{display:flex;flex-direction:column;gap:7px}.mg-col a{color:var(--ink2);font-size:14px}.mg-col a.mg-h{color:var(--ink);font-weight:650;font-size:14.5px}
.mg-feat{width:260px;display:flex;flex-direction:column;gap:3px;color:var(--ink)}.mg-feat:hover{text-decoration:none}.mg-feat span:last-child{color:var(--mut);font-size:13px}
.mg-img{aspect-ratio:4/3;border-radius:14px;background:radial-gradient(120% 90% at 50% 20%,#fff,#eef1f5 75%);display:grid;place-items:center;overflow:hidden;margin-bottom:8px;border:1px solid var(--line)}
.mg-img img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply}.mg-img .cat-ic-fb{width:30%;height:30%}
@media (min-width:981px){.dock{display:none}body{padding-bottom:76px}.toast{bottom:30px}}
@media (max-width:980px){.hsearch span,.hicons{display:none}.hsearch{flex:0;padding:10px;margin-left:auto}.mega{overflow-x:auto;scrollbar-width:none}.mega::-webkit-scrollbar{display:none}.mg-p{display:none!important}.mg-a{white-space:nowrap}.bb-in{justify-content:space-between}}

/* ═════ v3 · "Maestrale": oceano → laguna → tramonto ═════ */
:root{--ocean:#06345a;--deep:#0a4d8c;--teal:#0e8fa0;--lagoon:#36c2c0;--coral:#ff6a45;--sun:#ffad5a;--sand:#f3efe7;--bg:#f3f1ec;--ink:#0a1e33;--ink2:#2d3e52;--mut:#62738a;--line:#e3e0d8;
  --grad:linear-gradient(115deg,#06345a 0%,#0a5a96 28%,#0e8fa0 52%,#36c2c0 72%,#ff9a6a 100%);--grad-soft:radial-gradient(130% 100% at 50% 0%,#ffffff 0%,#eef6f7 55%,#e7eef0 100%);
  --grad-brand:linear-gradient(165deg,#36c2c0 0%,#0a5a96 40%,#4b3fc4 74%,#6d28d9 100%)}
body{background:var(--bg) linear-gradient(180deg,#eaf3f5 0,var(--bg) 520px) no-repeat}
main.wrap{padding-top:14px}
.topline{background:var(--ocean)}
.brandbar{background:rgba(255,255,255,.88);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px)}
.wordmark{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.wordmark small{-webkit-text-fill-color:var(--mut)}
.mg-a:hover,.mg-i:hover .mg-a,.mg-a.on{border-bottom:2px solid transparent;border-image:var(--grad) 1}
@keyframes gshift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* HERO */
.hero2{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;min-height:430px;border-radius:28px;overflow:hidden;padding:44px 48px;margin-top:6px;background:var(--grad);background-size:220% 220%;animation:gshift 22s ease-in-out infinite;color:#fff;isolation:isolate}
.h2-bg{position:absolute;inset:0;z-index:-1}.h2-bg svg{position:absolute;bottom:0;width:100%;height:60%}
.hw1{fill:rgba(255,255,255,.07);animation:hw 12s ease-in-out infinite alternate}.hw2{fill:rgba(255,255,255,.09);animation:hw 9s ease-in-out infinite alternate-reverse}
@keyframes hw{to{transform:translateX(-40px)}}
.h2-k{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.hero2 h1{font-size:clamp(32px,4.6vw,56px);line-height:1.04;letter-spacing:-.035em;font-weight:750;margin:12px 0 14px;color:#fff;text-shadow:0 2px 24px rgba(0,30,60,.25)}
.hero2 p{max-width:470px;font-size:16.5px;color:rgba(255,255,255,.9);margin:0 0 22px}
.h2-cta{display:flex;gap:10px;flex-wrap:wrap}
.h2-shots{position:relative;height:360px}
.shot{position:absolute;display:flex;flex-direction:column;align-items:center;color:#fff;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.shot:hover{text-decoration:none;transform:translateY(-8px) scale(1.03)}
.shot img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,25,50,.35))}
.shot span{position:absolute;bottom:-4px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;white-space:nowrap;display:flex;gap:8px}
.shot span b{font-weight:700}
.s1{left:2%;top:0;height:92%;width:46%;animation:fl 7s ease-in-out infinite}.s2{right:0;top:12%;height:80%;width:40%;animation:fl 8s ease-in-out infinite .8s}.s3{left:40%;top:30%;height:62%;width:30%;animation:fl 6s ease-in-out infinite 1.6s}
.shot .art{height:70%;width:auto;filter:brightness(5) opacity(.5)}
@keyframes fl{50%{translate:0 -10px}}
@media (prefers-reduced-motion:reduce){.hero2,.hw1,.hw2,.shot{animation:none}}
.search-float{position:relative;z-index:2;display:flex;align-items:center;gap:12px;max-width:760px;margin:-28px auto 26px;background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 18px 40px rgba(10,30,51,.14);color:var(--mut);border:1px solid var(--line)}
.search-float:hover{text-decoration:none;box-shadow:0 22px 46px rgba(10,30,51,.18)}.search-float svg{width:20px;height:20px;color:var(--teal)}.search-float span{flex:1}
.search-float kbd{font:600 12px var(--font);border:1px solid var(--line);border-radius:6px;padding:2px 7px}
/* fascia fiducia */
.trust{margin:0 0 34px;border-radius:20px;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.trust svg{color:var(--teal)}
/* box categorie */
.sec-t.center{margin-bottom:16px}
.catbox{border-radius:22px;position:relative}
.catbox:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.catbox:hover:after{transform:scaleX(1)}
.cb-img{background:var(--grad-soft)}
.cb-img:before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(54,194,192,.22),transparent 65%);filter:blur(4px)}
.cb-img img.cat-pic{position:relative;filter:drop-shadow(0 18px 22px rgba(10,40,70,.18))}
.cb-n svg{color:var(--coral)}
.catgrid.sub{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 20px}
.catgrid.sub .cb-img{aspect-ratio:1.25}.catgrid.sub .cb-tx{padding:10px 12px 12px}.catgrid.sub .cb-n{margin-top:2px;font-size:10.5px}
/* intestazione categoria */
.cat-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:170px;border-radius:24px;padding:26px 32px;margin-bottom:16px;background:var(--grad);background-size:220% 220%;animation:gshift 22s ease-in-out infinite;color:#fff;overflow:hidden}
.cat-hero h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;margin:6px 0 4px;color:#fff}.cat-hero p{margin:0;color:rgba(255,255,255,.88)}
.ch-img{height:150px;width:230px;display:grid;place-items:center;flex:0 0 auto}.ch-img img{max-height:150px;max-width:230px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,25,50,.35))}
.ch-img .cat-ic-fb{width:90px;height:90px;color:rgba(255,255,255,.8)}
@media (max-width:620px){.cat-hero{padding:20px;min-height:120px}.ch-img{width:110px;height:100px}.ch-img img{max-height:100px;max-width:110px}}
/* filtri compatti */
.filters{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;gap:6px}
.chip{padding:6px 12px;font-size:13px}.chip.on{background:var(--ink)}.f-l{flex-basis:84px;font-size:10.5px}
/* griglia prodotti più piena */
.pgrid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}
.pc{border-radius:20px}.pc-img{background:var(--grad-soft);aspect-ratio:1/1.02;padding:16px}
.pc-img img.pic{width:88%;height:88%;filter:drop-shadow(0 14px 16px rgba(10,40,70,.16))}
.pc-b{padding:12px 14px 14px}.pc-n{font-size:14.5px}.pc-k{text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}
.pr small{font-weight:500;color:var(--mut);font-size:12px}.pr-off{margin-left:6px;font-size:12px;font-weight:700;color:var(--coral)}
.arr{font-size:12px}.arr b{color:var(--ink);font-weight:650}.arr.fast i{background:#13a36b}
.arr-cd{display:block;font-size:11.5px;color:var(--coral);font-weight:600;margin-top:2px}.arr-cd b{font-weight:700}
/* scheda prodotto */
.pp-gal{background:var(--grad-soft)!important;border-radius:28px}
.pp-gal:before{content:"";position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(54,194,192,.25),rgba(255,154,106,.10) 45%,transparent 70%)}
.pp-gal img.pic{position:relative;width:84%;height:84%;filter:drop-shadow(0 30px 34px rgba(10,40,70,.22))}
.pp-price .pr{font-size:28px;letter-spacing:-.02em}
.sz.on{box-shadow:0 0 0 2px var(--teal) inset;background:#eefafa}.sz:hover{box-shadow:0 0 0 2px var(--teal) inset}
.pp-avail{border-radius:18px}.av-row b{color:var(--ink)}
/* bottoni */
.btn{border-radius:14px}
.btn-blue{background:linear-gradient(135deg,#0a4d8c,#0e7fa8);color:#fff}.btn-blue:hover{background:linear-gradient(135deg,#083f73,#0b6f93)}
.btn-green,.btn-coral{background:linear-gradient(135deg,#ff6a45,#ff944f);color:#fff}.btn-green:hover,.btn-coral:hover{background:linear-gradient(135deg,#f0552f,#ff8540)}
.btn-glass{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px)}.btn-glass:hover{background:rgba(255,255,255,.26)}
.btn svg{width:18px;height:18px}
/* about e footer */
.about{background:var(--grad);background-size:200% 200%;animation:gshift 26s ease-in-out infinite}
.about p{color:rgba(255,255,255,.9)}
.f-story{background:var(--ocean)}
.mini:hover .mini-ic{background:var(--teal)}
.brands a:hover{color:var(--teal)}
@media (max-width:900px){.hero2{grid-template-columns:1fr;padding:30px 24px 20px;min-height:0}.h2-shots{height:250px}.search-float{margin-top:-20px}}
@media (max-width:520px){.hero2{border-radius:22px}.h2-shots{height:200px}.s3{display:none}.shot span{display:none}}
/* v3.1 · stile Apple: fondo chiaro, titoli grandi e pieni, gradiente nel testo */
.gtext{background:linear-gradient(90deg,#0a2540,#0e6f93 55%,#2fb3bf);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important}
@keyframes gtx{to{background-position:300% 0}}
@media (prefers-reduced-motion:reduce){.gtext{animation:none}}
.hero2{background:radial-gradient(90% 120% at 85% 40%,rgba(54,194,192,.22),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(255,154,106,.18),transparent 60%),linear-gradient(180deg,#ffffff,#f4f7f8);animation:none;color:var(--ink);border:1px solid var(--line)}
.hero2 h1{color:var(--ink);text-shadow:none;font-weight:800;letter-spacing:-.045em;font-size:clamp(34px,5vw,64px);line-height:1.02}
.hero2 p{color:var(--mut);font-size:18px}
.h2-k{color:var(--teal);opacity:1;letter-spacing:.14em}
.hw1{fill:rgba(14,143,160,.06)}.hw2{fill:rgba(10,77,140,.05)}
.shot{color:var(--ink)}.shot span{background:rgba(255,255,255,.75);border-color:var(--line);color:var(--ink)}
.shot .art{filter:grayscale(1) opacity(.35)}
.shot img{filter:drop-shadow(0 30px 30px rgba(10,40,70,.22))}
.cat-hero{background:radial-gradient(70% 140% at 90% 50%,rgba(54,194,192,.22),transparent 60%),linear-gradient(180deg,#fff,#f4f7f8);animation:none;color:var(--ink);border:1px solid var(--line)}
.cat-hero h1{font-weight:800;letter-spacing:-.04em;font-size:clamp(30px,4.4vw,50px)}.cat-hero p{color:var(--mut)}
.ch-img .cat-ic-fb{color:#98a2b3}.ch-img img{filter:drop-shadow(0 18px 22px rgba(10,40,70,.2))}
.sec-t.center,.row-h h2{font-weight:800;letter-spacing:-.035em}
.sec-t.center{font-size:clamp(26px,3.4vw,40px)}
.trust b{font-weight:700}
.about h2{font-weight:800}
/* illustrazioni delle discipline nei box */
.cb-img:has(.scene){background:none}.cb-img:has(.scene):before{display:none}
.scene{position:absolute;inset:0;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.catbox:hover .scene{transform:scale(1.05)}
.sb1{animation:bob 5s ease-in-out infinite}.sb2{animation:bob 6.5s ease-in-out infinite .7s}.sw1{animation:hw 7s ease-in-out infinite alternate}.sw2{animation:hw 9s ease-in-out infinite alternate-reverse}
@keyframes bob{50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.sb1,.sb2,.sw1,.sw2{animation:none}}
.cat-tile{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#eef1f4;color:#0a2540;box-shadow:none;transition:background .25s,color .25s}
.cat-tile svg{width:27px;height:27px;stroke-width:1.8}
.mg-card:hover .cat-tile,a:hover>.cat-tile{background:#0a2540;color:#fff}
.catgrid.sub .cb-img{background:linear-gradient(180deg,#fff,#eef6f7)}
.ch-img .scene{position:relative;inset:auto;width:240px;height:160px;border-radius:18px;overflow:hidden}
.ch-img{width:240px;height:160px;border-radius:18px;overflow:hidden}
.mg-img .scene{position:relative;width:100%;height:100%}
.mg-img .cat-tile{width:48px;height:48px}
@media (max-width:620px){.ch-img,.ch-img .scene{width:120px;height:90px}}
/* v4 · barra di comando: marchio, discipline a "pillole", azioni su misura */
.topline{gap:14px;font-size:12.5px;background:linear-gradient(90deg,#06345a,#0b5f8a 60%,#0e8fa0)}
.topline>span{display:inline-flex;align-items:center;gap:7px}.topline svg{width:16px;height:16px}
.topline .tl-cd b{color:#ffcf9f;font-variant-numeric:tabular-nums}
.topline i{width:4px;height:4px;background:rgba(255,255,255,.35)}
@media (max-width:760px){.topline>span:not(.tl-cd),.topline i{display:none}}
.bb-in{height:68px;gap:16px}
.wordmark{gap:8px;align-items:center;font-size:16px;letter-spacing:.26em}
.wm-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#0a4d8c,#0e8fa0 60%,#36c2c0);color:#fff;-webkit-text-fill-color:#fff;box-shadow:0 6px 14px rgba(14,143,160,.35)}.wm-mark svg{width:18px;height:18px}
.wordmark small{display:none}
.disc{flex:1;display:flex;justify-content:center;gap:4px;align-items:center;height:100%}
.disc .mg-i{position:static;height:100%;display:flex;align-items:center}
.dpill{display:inline-flex;align-items:center;height:38px;padding:0 15px;border-radius:999px;color:var(--ink);font-weight:600;font-size:14px;transition:background .2s,color .2s}
.dpill:hover,.mg-i:hover .dpill{text-decoration:none;background:#eef4f6}
.dpill.on{background:var(--ink);color:#fff}
.dpill.hot{color:var(--coral)}.dpill.hot.on{background:var(--coral);color:#fff}
.brandbar{position:sticky}.brandbar .mg-p{top:100%;border-radius:0 0 26px 26px;box-shadow:0 30px 50px rgba(10,30,51,.16)}
.mg-in{max-width:1180px;margin:0 auto;padding:22px max(18px,4vw) 26px;gap:26px}
.mg-all{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;letter-spacing:-.01em;text-transform:none;color:#fff;background:var(--coral);padding:8px 16px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:0 6px 16px rgba(255,106,61,.28);transition:transform .15s,filter .15s}
.mg-all:hover{text-decoration:none;filter:brightness(1.06);transform:translateY(-1px)}
.mg-all span{font-size:15px;line-height:1}
/* Tendina stile Apple "Explore": sinistra = esplora con testi grandi; destra = reparti/aiuto piccoli */
.mg-p .mg-in{display:block;max-width:1260px}
.mg-grid{display:flex;gap:64px;align-items:flex-start}
.mg-explore{flex:1 1 auto;min-width:0}
.mg-aside{flex:0 0 210px;padding-top:2px}
.mg-h{display:block;font-size:12px;font-weight:600;color:var(--mut);margin:0 0 14px}
/* Lead "Esplora tutto": è il genitore → più grande, con freccia e riga che lo stacca dai figli */
.mg-big-lead{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--ink);padding:0 0 16px;margin:0 0 18px;border-bottom:1px solid var(--line);transition:color .15s ease}
.mg-big-lead:hover{text-decoration:none;color:var(--lagoon,#2b7fd0)}
.mg-lead-go{color:var(--lagoon,#2b7fd0);font-weight:700;font-size:21px}
/* Categorie: figli, testo più piccolo del lead + icona pulita (line, sobria) a sinistra */
.mg-biglist{columns:250px 2;column-gap:48px}
.mg-cat{display:flex;align-items:center;gap:13px;break-inside:avoid;font-size:19px;font-weight:500;letter-spacing:-.015em;line-height:1.25;color:var(--ink);padding:9px 0;transition:color .15s ease,transform .15s ease}
.mg-cat:hover{text-decoration:none;color:var(--lagoon,#2b7fd0);transform:translateX(3px)}
.mg-cat-ic{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;color:var(--mut);transition:color .15s ease}
.mg-cat-ic svg{width:26px;height:26px;stroke-width:1.5}
.mg-cat:hover .mg-cat-ic{color:var(--lagoon,#2b7fd0)}
.mg-biglist-2{columns:auto;display:flex;gap:48px;align-items:flex-start}
.mg-biglist-2 .mg-col{flex:1 1 0;min-width:0}
.mg-grp{break-inside:avoid;position:relative;padding:4px 0 4px 16px;margin:4px 0;border-left:2px solid var(--line);border-radius:0 0 0 8px}
.mg-grp::after{content:"";position:absolute;left:-2px;bottom:0;width:11px;height:2px;background:var(--line);border-radius:2px}
.mg-grp-k{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);padding:2px 0 3px}
.mg-aside .mg-sm{display:block;font-size:15px;font-weight:500;color:var(--ink);padding:7px 0;transition:color .15s ease}
.mg-aside .mg-sm:hover{text-decoration:none;color:var(--lagoon,#2b7fd0)}
/* I due reparti dedicati (AL360, Duotone): due fasce gemelle in evidenza, cornice sfumata come la barra di ricerca; logo del brand a sinistra, calibrati per pesare uguale */
.mg-aside .mg-dept{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:0 16px;min-height:58px;border-radius:14px;color:var(--ink);overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(123,97,255,.18) 0,rgba(43,127,208,.13) 44%,rgba(84,194,255,.05) 76%,rgba(255,255,255,0) 100%),#fff;box-shadow:0 2px 10px rgba(10,30,51,.06);transition:box-shadow .18s ease,transform .18s ease}
/* luccichio che passa, come i tasti Acquista */
.mg-aside .mg-dept::before{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg) translateX(-170%);animation:swipeHint 3.6s cubic-bezier(.4,0,.2,1) infinite}
.mg-aside .mg-dept::after{content:"›";position:relative;z-index:1;font-size:20px;font-weight:600;color:var(--ink);opacity:.5;transition:transform .18s ease,opacity .18s ease}
.mg-aside .mg-dept:hover{box-shadow:0 12px 28px rgba(10,30,51,.12);transform:translateX(2px)}
.mg-aside .mg-dept:hover::after{opacity:.9;transform:translateX(3px)}
.mg-dept-logo{display:flex;align-items:center;min-width:0;position:relative;z-index:1}
.mg-dept-logo img{width:auto;max-width:168px;display:block}
.mg-dept-al360 .mg-dept-logo img{height:30px}
.mg-dept-duotone .mg-dept-logo img{height:22px}
@media (prefers-reduced-motion:reduce){.mg-aside .mg-dept,.mg-aside .mg-dept::after{transition:none}.mg-aside .mg-dept::before{display:none}}
/* Barra in alto come Apple: solo il wordmark del brand, discipline in solo testo (via i loghetti) */
.disc .dp-in>:not(.dp-t){display:none}
.disc .dp-in{gap:0}
.mg-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line);color:var(--ink);background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s}
.mg-card:hover{text-decoration:none;border-color:transparent;box-shadow:0 10px 24px rgba(10,30,51,.10);transform:translateY(-2px)}
.mg-card b{display:block;font-size:14.5px}.mg-card small{color:var(--mut);font-size:12px}
.cat-tile.sm{width:42px;height:42px;border-radius:13px;flex:0 0 auto}.cat-tile.sm svg{width:22px;height:22px}
.mg-feat{width:280px}.mg-img{aspect-ratio:4/3;position:relative;border:0}
.hicons{gap:6px}.hbtn{flex-direction:row!important;gap:7px!important;height:40px;padding:0 13px!important;border-radius:999px!important;font-size:13.5px!important;border:1px solid var(--line)}
.hbtn svg,.hcart svg{width:20px!important;height:20px!important}
.hcart{display:flex;align-items:center;gap:8px;height:40px;padding:0 15px 0 12px;border-radius:999px;background:linear-gradient(135deg,#0a4d8c,#0e8fa0);color:#fff;font-weight:600;font-size:13.5px;position:relative;box-shadow:0 8px 18px rgba(14,143,160,.28)}
.hcart:hover{text-decoration:none;filter:brightness(1.06)}.hcart .dk-n{display:none}
.hicons a.hcart:hover{background:linear-gradient(135deg,#0a4d8c,#0e8fa0)}
@media (max-width:1180px){.dpill{padding:0 10px;font-size:13px}.hbtn span{display:none}.hbtn{padding:0 10px!important}}
@media (max-width:980px){.disc{position:absolute;left:0;right:0;top:68px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;height:58px;padding:0 14px;background:#fff;border-top:1px solid var(--line);scrollbar-width:none}.disc::-webkit-scrollbar{display:none}.brandbar{padding-bottom:58px}.dpill{white-space:nowrap}.hicons{display:flex}.hicons .hbtn{display:none}.hcart .hc-t{display:none}.hcart{padding:0 12px}.hcart .dk-n{display:grid;top:-6px;right:-6px}}
/* ghiera fisica: ombra orizzontale ai lati della fascia menu (centro luminoso, bordi in ombra come un tamburo che gira) — statica, sopra il contenuto, non intercetta i tap */
@media (max-width:980px){.brandbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:58px;pointer-events:none;z-index:4;background:linear-gradient(90deg,rgba(10,37,64,var(--drumA,.18)) 0%,rgba(10,37,64,.05) 11%,rgba(10,37,64,0) 24%,rgba(10,37,64,0) 76%,rgba(10,37,64,.05) 89%,rgba(10,37,64,var(--drumA,.18)) 100%)}}
.heart svg{stroke-width:1.9}
.dk-i svg{width:24px;height:24px}
.dpill{white-space:nowrap}
.hicons a.hcart{flex-direction:row;font-size:13.5px;padding:0 15px 0 12px;border-radius:999px}
.hicons a.hcart:hover{background:linear-gradient(135deg,#0a4d8c,#0e8fa0)}
.shot span{display:none}
.hero2{grid-template-columns:1.1fr .9fr}
.hero2 h1{font-size:clamp(34px,4.4vw,58px)}
.s1{left:6%;width:42%}.s2{right:2%;width:38%}.s3{left:44%;width:26%;top:36%}
@media (max-width:1366px){.dpill{padding:0 11px;font-size:13.5px}.bb-in{gap:10px}}
/* Servizi (Buono Regalo, Offerte, Viaggi, Manuale): raggruppati in un riquadro con sfumatura verso destra → si legge che sono servizi, non categorie */
.disc-serv{display:inline-flex;align-items:center;gap:2px;margin-left:12px;padding:3px 8px 3px 12px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(43,127,208,.06) 40%,rgba(54,194,192,.16));position:relative}
.disc-serv::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:22px;width:1px;background:var(--line)}
@media (min-width:981px) and (max-width:1120px){.hcart .hc-t{display:none}.hcart .dk-n{display:grid;top:-6px;right:-6px}}
.subnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
/* pagina-disciplina: griglia sottocategorie uniforme, stesso criterio del mega-menu (altezze uguali + singola card orfana a tutta riga). Scoped a >700px: sotto resta la lista a colonna singola. */
@media (min-width:701px){.subnav>.mg-card:last-of-type:nth-of-type(3n+1){grid-column:1/-1;justify-content:center}}
@media (min-width:1080px){.subnav{grid-template-columns:repeat(4,minmax(0,1fr))}.subnav>.mg-card:last-of-type:nth-of-type(3n+1){grid-column:auto;justify-content:flex-start}.subnav>.mg-card:last-of-type:nth-of-type(4n+1){grid-column:1/-1;justify-content:center}}
.buy{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.buy .buy-now{grid-column:1/-1;height:56px;font-size:17px}
.buy .btn-blue{height:52px}
@media (max-width:520px){.buy{grid-template-columns:auto 1fr}.buy .heart.big{display:none}}
.cat-hero .h2-k{color:var(--teal)}
.f-more summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--teal);padding:4px 0;list-style:none}.f-more summary::-webkit-details-marker{display:none}
.f-more summary:before{content:"+ "}.f-more[open] summary:before{content:"− "}.f-more .f-row{margin-top:6px}
/* ═════ rig che si arma nell'hero ═════ */
.h2-rig{position:relative;height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.rig{width:100%;max-width:520px;height:auto;overflow:visible}
.rig .r-board{transform:translateX(-140%);animation:rBoard 1.2s cubic-bezier(.2,.8,.2,1) .2s forwards}
.rig .r-mast{stroke-dasharray:1;stroke-dashoffset:1;animation:rDraw .9s ease-out 1.2s forwards}
.rig .r-sail{fill-opacity:0;stroke-dasharray:1;stroke-dashoffset:1;animation:rDraw 1.3s ease-out 1.9s forwards,rFill .8s ease-out 2.9s forwards}
.rig .r-win,.rig .r-bat,.rig .r-logo{opacity:0;animation:rFade .6s ease-out 3.3s forwards}
.rig .r-bat path{stroke-dasharray:120;stroke-dashoffset:120;animation:rBat .8s ease-out 3.4s forwards}
.rig .r-boom{stroke-dasharray:1;stroke-dashoffset:1;animation:rDraw .8s ease-out 3.7s forwards}
.rig .r-all{transform-origin:270px 330px;animation:rSail 5.5s ease-in-out 4.6s infinite}
.rig .r-wake{stroke-dasharray:200;stroke-dashoffset:200;opacity:0;animation:rWake 2.4s linear 4.6s infinite}.rig .w2{animation-delay:5.2s}
.rig .r-sea{animation:hw 8s ease-in-out infinite alternate}
@keyframes rBoard{to{transform:none}}@keyframes rDraw{to{stroke-dashoffset:0}}@keyframes rFill{to{fill-opacity:1}}@keyframes rFade{to{opacity:1}}@keyframes rBat{to{stroke-dashoffset:0}}
@keyframes rSail{0%,100%{transform:translateX(0) rotate(0)}30%{transform:translateX(10px) rotate(-1.6deg)}60%{transform:translateX(-4px) rotate(1deg)}}
@keyframes rWake{0%{stroke-dashoffset:200;opacity:.9}100%{stroke-dashoffset:-200;opacity:0}}
@media (prefers-reduced-motion:reduce){.rig *{animation:none!important;transform:none!important;opacity:1!important;stroke-dashoffset:0!important;fill-opacity:1!important}}
.rig-cap{margin-top:-6px;font-size:12.5px;color:var(--mut);letter-spacing:.02em;opacity:0;animation:rFade .8s ease-out 4.2s forwards}.rig-cap b{color:var(--ink);font-weight:650}
/* barra dell'assistente */
.askbar{position:relative;z-index:2;display:flex;align-items:center;gap:12px;max-width:820px;margin:-30px auto 8px;background:#fff;border-radius:20px;padding:10px 10px 10px 16px;box-shadow:0 20px 44px rgba(10,30,51,.16);border:1px solid var(--line);flex-wrap:wrap}
.askbar:focus-within{box-shadow:0 0 0 3px rgba(54,194,192,.35),0 20px 44px rgba(10,30,51,.16)}
.askbar input{flex:1;border:0;outline:0;font-size:17px;padding:10px 0;background:transparent;min-width:200px}
.ask-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#0a4d8c,#0e8fa0 55%,#36c2c0);color:#fff;flex:0 0 auto;animation:pulse 3s ease-in-out infinite}.ask-ic svg{width:22px;height:22px}
.ask-go{width:46px;height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#ff6a45,#ff944f);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s}.ask-go:hover{transform:translateX(2px)}.ask-go svg{width:20px;height:20px}
.ask-hint{flex-basis:100%;font-size:12px;color:var(--mut);padding:0 0 2px 52px}
.askbar~.trust{margin-top:24px}
.ask{max-width:860px;margin:10px auto 0;text-align:center}
.ask .ask-ic{margin:0 auto 14px;width:54px;height:54px;border-radius:18px}.ask .ask-ic svg{width:28px;height:28px}
.ask-box{display:flex;align-items:flex-end;gap:10px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px 10px 10px 18px;box-shadow:0 16px 38px rgba(10,30,51,.12)}
.ask-box textarea{flex:1;min-width:0;border:0;outline:0;resize:none;font:inherit;font-size:19px;padding:10px 0;background:transparent;max-height:160px;white-space:nowrap;overflow:hidden}
.ask .sugg{justify-content:center}
.ai-say{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#eaf7f8,#fff4ec);border:1px solid #d6eef0;border-radius:20px;padding:16px 18px;margin:8px 0 14px}
.ai-say>svg{width:26px;height:26px;color:var(--teal);flex:0 0 auto}.ai-say p{margin:4px 0}.ai-say small{color:var(--mut)}
@media (max-width:900px){.h2-rig{height:300px}.askbar{margin-top:-20px}.ask-hint{padding-left:0}}
@media (max-width:520px){.h2-rig{height:230px}.askbar input{font-size:15px}}
.rig{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
/* effetti */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--rv,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--rv,0ms)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;transition:none}}
.pc,.catbox{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;will-change:transform}
.pc.tilt,.catbox.tilt{transition:transform .08s linear,box-shadow .35s}
.pc:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,30%),rgba(54,194,192,.16),transparent 60%);opacity:0;transition:opacity .3s;z-index:2}
.pc.tilt:before{opacity:1}
.flyer{position:fixed;z-index:80;pointer-events:none;object-fit:contain;transition:transform .8s cubic-bezier(.5,-.3,.6,1),opacity .8s;border-radius:20px}
.hcart.bump,.dock a.bump{animation:pop .5s}
.lang{position:relative}.lang summary{list-style:none;cursor:pointer;height:40px;min-width:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
.lang summary::-webkit-details-marker{display:none}
.lang-p{position:absolute;right:0;top:46px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px rgba(10,30,51,.14);padding:6px;display:flex;flex-direction:column;min-width:150px;z-index:60}
.lang-p button{border:0;background:none;text-align:left;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:14px}.lang-p button:hover{background:#eef4f6}.lang-p button.on{font-weight:700;color:var(--teal)}
@media (max-width:900px){.hero2{grid-template-columns:1fr}.h2-rig{height:280px;order:2}.hero2 h1{font-size:clamp(32px,7vw,48px)}}
.regia .rg-tog{background:none;border:0;color:#dcc48e;font-size:10px;letter-spacing:.14em;font-weight:700;padding:7px 8px;cursor:pointer}
@media (max-width:980px){.regia{bottom:auto;top:calc(env(safe-area-inset-top) + 120px);left:auto;right:6px;flex-direction:column;align-items:stretch;padding:4px;border-radius:14px}.regia>a{display:block}.regia .rg-full{display:inline}.regia .rg-min{display:none}}
.pc-img img.pic,.pp-gal img.pic,.cl-img img.pic,.sl-img img.pic,.a-thumb img.pic,.cb-img img.pic{background:transparent!important;border-radius:0}
@media (max-width:980px){.regia>a{display:block}}
img.pic.png{mix-blend-mode:normal!important}
.pc-img img.pic.png{filter:drop-shadow(0 10px 14px rgba(10,40,70,.22)) drop-shadow(0 0 1px rgba(10,40,70,.25))}
.pp-gal img.pic.png{filter:drop-shadow(0 24px 30px rgba(10,40,70,.25)) drop-shadow(0 0 1px rgba(10,40,70,.3))}
img.pic:not(.png){filter:none!important;mix-blend-mode:multiply}
.pc-img:has(img.pic:not(.png)),.pp-gal:has(img.pic:not(.png)){background:radial-gradient(120% 90% at 50% 25%,#ffffff 0%,#f4f7f8 70%)}
.pp-gal img.pic,.pp-gal img.pic.png{filter:none!important;animation:none!important}
.pp-gal:after{content:"";position:absolute;left:22%;right:22%;bottom:9%;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(10,40,70,.22),transparent);pointer-events:none}
.h2-shots .shot img{filter:none}
.boot{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--mut)}
.boot-dot{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0a4d8c,#0e8fa0,#36c2c0);animation:pulse 1.2s ease-in-out infinite}

/* avviso disponibilità */
.notify-f{display:flex;flex-direction:column;gap:8px;width:100%;padding:14px 16px;border-radius:16px;background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.08)}
.notify-f b{display:flex;gap:8px;align-items:center}
.notify-f 
.nf-row{display:flex;gap:8px}
.notify-f input{flex:1;min-width:0;padding:11px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.18);font:inherit}

/* ── v27: galleria che scorre ── */
.pp-gal.gl{display:block;padding:0}
.gl-track{position:relative;z-index:1;display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none}
.gl-track::-webkit-scrollbar{display:none}
.gl-s{flex:0 0 100%;scroll-snap-align:center;display:grid;place-items:center}
.gl-s img.pic{width:84%;height:84%;object-fit:contain}
.gl-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(10,30,50,.12);font-size:22px;line-height:1;color:#0b1220;cursor:pointer;opacity:0;transition:opacity .2s}
.pp-gal.gl:hover .gl-nav{opacity:1}.gl-nav.prev{left:12px}.gl-nav.next{right:12px}
@media (hover:none){.gl-nav{display:none}}
.gl-dots{position:absolute;z-index:2;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.gl-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(11,18,32,.22);cursor:pointer;transition:width .25s,background .25s}
.gl-dots button.on{width:20px;background:#0b1220}
.gl-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.gl-thumbs button{flex:0 0 64px;height:64px;padding:4px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}
.gl-thumbs button.on{opacity:1;border-color:#0b1220}.gl-thumbs img{width:100%;height:100%;object-fit:contain}
.pp-gal.gl:after{z-index:0}
/* ── varianti compatte ── */
.vp{display:flex;flex-direction:column;gap:8px}
.vp-lbl{font-size:13px;color:var(--mute,#5b6472);margin-top:6px}.vp-lbl b{color:#0b1220;font-weight:600}
.vp-cols,.vp-sizes{display:flex;flex-wrap:wrap;gap:6px}
.vp-col,.vp-sz{position:relative;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 13px;border-radius:999px;font-size:14px;font-weight:600;color:#0b1220;background:transparent;box-shadow:0 0 0 1px var(--line) inset;transition:box-shadow .15s,background .15s,transform .1s;cursor:pointer;text-decoration:none!important}
.vp-sz{min-width:50px;background:#fff}
.vp-col:hover,.vp-sz:hover{box-shadow:0 0 0 1.6px #0b1220 inset}
.vp-col.on{background:transparent;color:#0b1220;box-shadow:0 0 0 1.5px #0b1220 inset}
.vp-sz.on{background:#fff;color:#0b1220;box-shadow:0 0 0 1.5px #0b1220 inset}
.vp-col.out,.vp-sz.out{color:#5b6472;background:#f3f4f6;box-shadow:0 0 0 1px rgba(11,18,32,.09) inset;cursor:default}
.vp-sz.out:hover{box-shadow:0 0 0 1px rgba(11,18,32,.09) inset}
.vp-col.out.on{background:#fff;color:#0b1220;box-shadow:0 0 0 1.5px #0b1220 inset}
.vp-sz.out.on{background:#fff;color:#0b1220;box-shadow:0 0 0 1.5px #0b1220 inset}
.vp-sizes .vp-sz{flex-direction:column;height:auto;min-height:40px;padding-top:4px;padding-bottom:4px;line-height:1.14}
.vp-szp{font-size:11px;font-weight:500;opacity:.82}
.vp-sz.out .vp-szp{opacity:.9}
.vp-sz i,.vp-note i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f79009}
.vp-sz i{position:absolute;top:5px;right:6px}
.vp-note{font-size:12px;color:#5b6472;display:flex;align-items:center;gap:6px}
/* rotella verticale misura (etichette lunghe) — picker stile Apple */
.vp-wheel-wrap{position:relative;max-width:360px;display:none}
.vp-wheel{position:relative;display:flex;flex-direction:column;max-height:184px;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
.vp-wheel::-webkit-scrollbar{display:none}
.vp-wsp{flex:0 0 69px}
.vp-wz{flex:0 0 46px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;padding:0 16px;font-size:16px;font-weight:600;color:#5b6472;opacity:.5;text-align:center;text-decoration:none!important;cursor:pointer;transition:opacity .14s ease,transform .14s ease,color .14s ease}
.vp-wz.near{opacity:1;color:#0b1220;transform:scale(1.04)}
.vp-wz.on{opacity:1;color:#0b1220;font-weight:800}
.vp-wz.out{color:#aab0ba;opacity:.42;text-decoration:line-through!important;text-decoration-color:rgba(11,18,32,.3)!important}
.vp-wheel-band{position:absolute;left:0;right:0;top:50%;height:46px;transform:translateY(-50%);border-radius:12px;background:rgba(11,18,32,.03);box-shadow:0 0 0 1.5px rgba(11,18,32,.16) inset;pointer-events:none}
.vp-sizes.shake,.vp-wheel-wrap.shake{animation:shake .4s}
.vp.need .vp-lbl{color:#b42318}
.vp-warn{display:none;font-size:13px;font-weight:600;color:#b42318;margin-top:1px}
.vp-warn.show{display:block}
/* ── badge leggeri ── */
.bdg{font-size:11px;font-weight:600;letter-spacing:.01em;padding:3px 9px;border-radius:999px;backdrop-filter:blur(8px)}
.bdg-promo{background:rgba(255,107,74,.12);color:#c2410c;box-shadow:0 0 0 1px rgba(255,107,74,.28) inset}
.bdg-new{background:rgba(20,184,166,.12);color:#0f766e;box-shadow:0 0 0 1px rgba(20,184,166,.3) inset}
.bdg-last{background:rgba(247,144,9,.12);color:#b54708;box-shadow:0 0 0 1px rgba(247,144,9,.28) inset}
.bdg-soft{background:transparent;color:#5b6b7b;box-shadow:0 0 0 1px rgba(11,18,32,.14) inset}
.pp-bdg .bdg-gray,.pc-bdg .bdg-gray{background:transparent;color:#5b6b7b;box-shadow:0 0 0 1px rgba(11,18,32,.14) inset}
.pp-media{position:sticky;top:16px;align-self:start;min-width:0}.pp-media .pp-gal{position:relative;top:auto}

/* avviso disponibilità integrato */
.buy:has(.notify-f){display:block}
.notify-f{display:flex;flex-direction:column;gap:10px;width:100%;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 24px rgba(11,18,32,.05)}
.nf-h{display:flex;gap:12px;align-items:center}.nf-h b{display:block;font-size:15px}.nf-h small{display:block;color:#5b6472;font-size:12.5px;margin-top:2px}
.nf-ic{flex:0 0 36px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(20,184,166,.12);color:#0f766e}
.nf-ic svg{width:18px!important;height:18px!important}.nf-ic.ok{background:rgba(18,183,106,.14);color:#067647}
.notify-f select,.notify-f input{width:100%;height:42px;padding:0 14px;border-radius:12px;border:1px solid rgba(11,18,32,.16);font:inherit;background:#fff}
.notify-f .nf-row{display:flex;gap:8px}.notify-f .nf-row input{flex:1;min-width:0}.notify-f .nf-row .btn{height:42px;padding:0 18px;border-radius:12px;white-space:nowrap}
.notify-f>small{font-size:11.5px}

/* video dei brand */
.h2-vid{display:flex;align-items:center;justify-content:center}
.vid{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0b1220;cursor:pointer;box-shadow:0 24px 60px rgba(10,30,50,.25)}
.vid img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .6s}
.vid:hover img{transform:scale(1.06)}
.vid:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,12,24,.55))}
.vid-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#0b1220;background:rgba(255,255,255,.92);box-shadow:0 8px 30px rgba(0,0,0,.25);transition:transform .2s}
.vid:hover .vid-play{transform:translate(-50%,-50%) scale(1.08)}
.vid-t{position:absolute;z-index:2;left:16px;bottom:14px;right:16px;color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.vid.mini{border-radius:0;aspect-ratio:auto;height:100%;box-shadow:none}.vid.mini .vid-play{width:48px;height:48px}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ── video di sfondo integrato (niente riquadro) ── */
.hero2.has-vbg{position:relative;overflow:hidden;isolation:isolate}
.hero2.has-vbg>.h2-tx,.hero2.has-vbg>.h2-rig{position:relative;z-index:2}
.vbg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.vbg img,.vbg iframe{position:absolute;top:50%;left:50%;border:0}
.vbg-poster{width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%) scale(1.08);filter:saturate(1.05)}
/* 16:9 che copre sempre il riquadro, poi zoom per tagliare logo/titolo di YouTube */
.vbg iframe{width:max(100%,177.78cqh);height:max(100%,56.25cqw);transform:translate(-50%,-50%) scale(1.32);opacity:0;animation:vbgIn 1.6s ease 3.2s forwards}
.vbg{container-type:size}
@keyframes vbgIn{to{opacity:1}}
/* fusione: il video entra da destra e sfuma nel testo e verso le onde in basso */
.vbg-hero{left:28%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 30%);mask-composite:intersect}
.vbg-veil{position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0%,rgba(54,194,192,.18),transparent 60%),linear-gradient(90deg,rgba(255,255,255,.55),transparent 45%);mix-blend-mode:soft-light}
.hero2.has-vbg .h2-bg{z-index:1}
.hero2.has-vbg .h2-tx{z-index:3}
@media (max-width:900px){.vbg-hero{left:0;top:auto;height:62%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 35%,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 35%,#000 75%,transparent 100%)}.h2-vid{height:220px}}
/* disciplina: il video riempie la parte alta del box e sfuma nella card */
.cb-img:has(.vbg){position:relative;overflow:hidden}
.vbg-tile{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.cb-img:has(.vbg) .scene{opacity:0;transition:opacity .4s}
.vbg-tile .vbg-veil{background:linear-gradient(180deg,rgba(10,40,60,.10),rgba(10,40,60,.0) 40%)}

/* v32: il video compare solo quando gira davvero */
.vbg iframe{animation:none!important;opacity:0!important;transition:opacity 1.4s ease}
.vbg iframe.on{opacity:1!important}
@media (max-width:900px){
  .hero2.has-vbg{padding-bottom:270px!important}
  .vbg-hero{left:0;right:0;top:auto;bottom:0;height:290px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 80%,transparent 100%)}
  .hero2.has-vbg .h2-vid{display:none}
  .vbg-hero .vbg-veil{background:linear-gradient(180deg,rgba(255,255,255,.6),transparent 40%)}
}

/* tessere discipline: piccole animazioni al passaggio del mouse */
.scene .sw1{animation:swell 7s ease-in-out infinite}
@keyframes swell{50%{transform:translateX(-14px)}}
.scene .sb1{transform-box:view-box;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.catbox:hover .sc-windsurf .sb1,.catbox:focus-visible .sc-windsurf .sb1{animation:sail 2.4s ease-in-out infinite;transform-origin:52% 74%}
@keyframes sail{0%,100%{transform:rotate(0) translateX(0)}35%{transform:rotate(-3.5deg) translateX(-6px)}70%{transform:rotate(2deg) translateX(8px)}}
.catbox:hover .sc-kite .sb1,.catbox:focus-visible .sc-kite .sb1{animation:kite 2.6s ease-in-out infinite;transform-origin:50% 80%}
@keyframes kite{0%,100%{transform:rotate(0)}30%{transform:rotate(-6deg) translateY(-6px)}65%{transform:rotate(5deg) translateY(-3px)}}
.catbox:hover .sc-wing .sb1,.catbox:focus-visible .sc-wing .sb1{animation:foil 2.2s ease-in-out infinite}
@keyframes foil{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.catbox:hover .sc-zaino .sb1,.catbox:hover .sc-persona .sb1{transform:translateY(-6px) scale(1.03)}
.catbox:hover .sc-onda .sb1{animation:foil 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.scene .sw1,.catbox:hover .scene .sb1{animation:none!important}}
/* telefono: niente video, solo immagine sfumata */
@media (max-width:900px){.vbg iframe{display:none}}

/* ── scene emozionali al tramonto ── */
.ss .ss-waves{animation:ssWave 9s linear infinite}
@keyframes ssWave{to{transform:translateX(-120px)}}
.ss .ss-sun{animation:ssSun 6s ease-in-out infinite;transform-origin:50% 66%}
@keyframes ssSun{50%{opacity:.75}}
.ss .ss-refl{animation:ssRefl 3.6s ease-in-out infinite}
@keyframes ssRefl{50%{opacity:.55;transform:translateX(3px)}}
.ss .ss-art{transform-box:view-box;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ss .ss-rider{transform-box:view-box}
.catbox:hover .sc-windsurf .ss-rider{animation:ssPlane 1.6s ease-in-out infinite}
@keyframes ssPlane{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(10px,-2px) rotate(-1.2deg)}}
.catbox:hover .sc-windsurf .ss-spray{animation:ssSpray .8s ease-out infinite}
@keyframes ssSpray{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-22px)}}
.catbox:hover .sc-kite .ss-rider{animation:ssJump 2.4s cubic-bezier(.3,.7,.4,1) infinite;transform-origin:50% 70%}
@keyframes ssJump{0%,100%{transform:translateY(0)}45%{transform:translateY(-26px) rotate(-2deg)}}
.catbox:hover .sc-wing .ss-rider{animation:ssFoil 2s ease-in-out infinite}
@keyframes ssFoil{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px) translateX(6px)}}
.catbox:hover .sc-zaino .ss-rider{animation:ssDrive 1.2s ease-in-out infinite}
@keyframes ssDrive{50%{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.ss *{animation:none!important}}

/* ── Discipline a foto piena (stile editoriale) ── */
.phgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:8px 0 36px}
.ph-h{grid-column:1/-1;font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-.03em;margin:0 0 6px}
.phbox{grid-column:span 2;position:relative;display:block;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:#0b1620;color:#fff;isolation:isolate}
.phbox.big{grid-column:span 3;aspect-ratio:4/3}
.phbox:hover{text-decoration:none}
.ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.phbox:hover .ph-img{transform:scale(1.045)}
.ph-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.62) 100%);z-index:1}
.ph-tx{position:absolute;left:clamp(16px,2.4vw,28px);right:16px;bottom:clamp(16px,2.4vw,26px);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.ph-t{font-size:clamp(24px,2.6vw,36px);font-weight:700;letter-spacing:-.03em;line-height:1.05;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.ph-s{font-size:13.5px;opacity:.9}
.ph-cta{margin-top:12px;background:#fff;color:#111;font-weight:600;font-size:14px;padding:9px 18px;border-radius:999px;transition:background .2s}
.phbox:hover .ph-cta{background:#e9ecef}
.ch-img.is-ph{padding:0;overflow:hidden;border-radius:6px}
.ch-img.is-ph .ph-img{position:static;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;display:block}
@media (max-width:900px){.phgrid{grid-template-columns:1fr 1fr}.phbox,.phbox.big{grid-column:span 1;aspect-ratio:4/5}.phbox.big{grid-column:1/-1;aspect-ratio:16/11}}
@media (max-width:520px){.phgrid{grid-template-columns:1fr;gap:10px}.phbox,.phbox.big{grid-column:1/-1;aspect-ratio:5/4}.ph-cta{font-size:13px;padding:8px 15px}}

/* poche unità (1–3): arancione con la quantità; oltre 3 solo "Disponibile" */
.av-row.low .dot{background:#f08a24;box-shadow:0 0 0 4px rgba(240,138,36,.18)}
.av-row.low b{color:#d9730d}

/* Assistente AI */
.ai-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;background:#111;color:#fff;border-radius:6px;padding:2px 7px;margin-right:6px;vertical-align:1px}
.ai-thread{min-height:260px;max-height:60vh;overflow:auto}
.msg.ai-m p a{font-weight:600;text-decoration:underline}
.ai-typing{display:flex;gap:5px;padding:4px 2px}.ai-typing i{width:7px;height:7px;border-radius:50%;background:#9aa3ad;animation:aiDot 1s infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes aiDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

/* ═════ Discipline: pannelli editoriali a tutto schermo ═════ */
body{overflow-x:clip}
.dz{margin:56px 0 40px}
.dz-h{margin:0 0 26px}
.dz-k{display:block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6b7480;margin-bottom:12px}
.dz-h h2{font-size:clamp(34px,5.4vw,68px);line-height:.98;letter-spacing:-.045em;font-weight:750;margin:0;color:#0b1218}
.dz-stack{margin:0 calc(50% - 50vw + 10px);display:flex;flex-direction:column;gap:14px}
.dz-p{--k:0;--py:0px;position:sticky;top:calc(var(--bb,64px) + 10px);height:calc(100svh - var(--bb,64px) - 24px);min-height:520px;border-radius:22px;overflow:hidden;background:#0b1620;color:#fff;isolation:isolate;
  transform:scale(calc(1 - var(--k) * .06));transform-origin:50% 0;box-shadow:0 30px 80px -30px rgba(0,0,0,.45)}
.dz-p:after{content:"";position:absolute;inset:0;background:#000;opacity:calc(var(--k) * .55);pointer-events:none;z-index:5}
.dz-media{position:absolute;inset:0;display:block;z-index:0;overflow:hidden}
.dz-pan{position:absolute;inset:-8% 0;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.dz-img{width:100%;height:100%;object-fit:cover;animation:dzKb 26s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes dzKb{0%{transform:scale(1.18) translate3d(-2.5%,1.5%,0)}100%{transform:scale(1.05) translate3d(2.5%,-1.5%,0)}}
.dz-grade{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(4,12,20,.78) 0%,rgba(4,12,20,.35) 42%,rgba(4,12,20,0) 70%),linear-gradient(0deg,rgba(4,12,20,.55) 0%,rgba(4,12,20,0) 40%)}
.dz-p[data-tone=ocean] .dz-grade{box-shadow:inset 0 0 0 100vmax rgba(0,110,130,.12)}
.dz-p[data-tone=sun] .dz-grade{box-shadow:inset 0 0 0 100vmax rgba(255,120,40,.10)}
.dz-p[data-tone=deep] .dz-grade{box-shadow:inset 0 0 0 100vmax rgba(20,40,110,.16)}
.dz-p[data-tone=lime] .dz-grade{box-shadow:inset 0 0 0 100vmax rgba(40,110,60,.12)}
.dz-p[data-tone=ink] .dz-grade{box-shadow:inset 0 0 0 100vmax rgba(10,10,14,.14)}
.dz-in{position:absolute;z-index:2;left:clamp(22px,5vw,72px);bottom:clamp(26px,6vh,72px);right:clamp(22px,5vw,72px);max-width:760px;display:flex;flex-direction:column;align-items:flex-start}
.dz-n{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.12em;opacity:.85;margin-bottom:14px;font-variant-numeric:tabular-nums}
.dz-n i{width:38px;height:1px;background:currentColor;opacity:.6}
.dz-t{margin:0 0 14px;font-weight:800;letter-spacing:-.055em;line-height:.86;font-size:clamp(52px,calc(150vw / var(--len)),200px);text-shadow:0 6px 40px rgba(0,0,0,.25)}
.dz-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.dz-w>span{display:inline-block;transform:translate3d(0,105%,0);transition:transform 1s cubic-bezier(.16,1,.3,1) var(--d)}
.dz-l{font-size:clamp(17px,1.6vw,22px);line-height:1.35;max-width:30ch;margin:0 0 22px;opacity:0;transform:translateY(14px);transition:opacity .9s ease .25s,transform .9s cubic-bezier(.16,1,.3,1) .25s}
.dz-sub{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;opacity:0;transform:translateY(14px);transition:opacity .9s ease .38s,transform .9s cubic-bezier(.16,1,.3,1) .38s}
.dz-sub a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:550;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .25s,transform .25s}
.dz-sub a:hover{background:rgba(255,255,255,.26);text-decoration:none;transform:translateY(-1px)}
.dz-sub small{font-size:11.5px;opacity:.7;font-variant-numeric:tabular-nums}
.dz-soon{margin:0 0 22px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
/* icone gear del box equipaggiamento: tessere glassy stile Apple */
.dz-gear{display:flex;flex-wrap:nowrap;gap:12px;margin:4px 0 26px;max-width:740px;opacity:0;transform:translateY(14px);transition:opacity .9s ease .38s,transform .9s cubic-bezier(.16,1,.3,1) .38s}
.dz-g{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;flex:1 1 0;min-width:0;overflow:hidden;padding:20px 8px 16px;border-radius:22px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px -14px rgba(0,0,0,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s}
.dz-g:hover{transform:translateY(-6px);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.42);text-decoration:none}
.dz-g-ic{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;animation:gearFloat 4.8s ease-in-out infinite}
.dz-g-ic svg{width:46px;height:46px}
.dz-g:nth-child(2) .dz-g-ic{animation-delay:.5s}.dz-g:nth-child(3) .dz-g-ic{animation-delay:1s}.dz-g:nth-child(4) .dz-g-ic{animation-delay:1.5s}.dz-g:nth-child(5) .dz-g-ic{animation-delay:2s}.dz-g:nth-child(6) .dz-g-ic{animation-delay:2.5s}
.dz-g-t{font-size:12.5px;font-weight:600;letter-spacing:-.02em;text-align:center;line-height:1.14;max-width:100%;overflow-wrap:anywhere;hyphens:auto}
@keyframes gearFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.dz-g-ic{animation:none}}
@media (max-width:620px){.dz-gear{flex-wrap:wrap;gap:9px;max-width:none}.dz-g{flex:1 1 28%;padding:16px 7px 12px}.dz-g-ic,.dz-g-ic svg{width:40px;height:40px}}
.dz-cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#0b1218;font-weight:650;font-size:15.5px;padding:14px 22px 14px 24px;border-radius:999px;opacity:0;transform:translateY(14px);transition:opacity .9s ease .5s,transform .9s cubic-bezier(.16,1,.3,1) .5s,background .2s}
.dz-cta svg{width:18px;height:18px;transition:transform .3s}.dz-cta:hover{text-decoration:none;background:#eef1f4}.dz-cta:hover svg{transform:translateX(4px)}
.dz-pk{position:absolute;z-index:2;right:clamp(22px,4vw,56px);bottom:clamp(26px,6vh,72px);display:flex;gap:12px}
.dz-pc{width:168px;display:flex;flex-direction:column;gap:4px;padding:10px 10px 12px;border-radius:16px;background:rgba(255,255,255,.94);color:#0b1218;box-shadow:0 18px 40px -18px rgba(0,0,0,.5);opacity:0;transform:translateY(24px);transition:opacity .9s ease var(--d),transform 1s cubic-bezier(.16,1,.3,1) var(--d),box-shadow .3s}
.dz-pc:hover{text-decoration:none;box-shadow:0 26px 50px -18px rgba(0,0,0,.6)}
.dz-pi{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:#fff;overflow:hidden}
.dz-pi img{width:88%;height:88%;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1)}.dz-pc:hover .dz-pi img{transform:scale(1.06)}
.dz-pn{font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.dz-pp{font-size:13px;font-weight:700}.dz-pp s{font-weight:500;opacity:.5;margin-right:2px}
.dz-p.in .dz-w>span{transform:none}
.dz-p.in .dz-l,.dz-p.in .dz-sub,.dz-p.in .dz-gear,.dz-p.in .dz-cta,.dz-p.in .dz-pc{opacity:1;transform:none}
/* (rimossa: il carosello gestisce da sé le card visibili) */
@media (max-width:900px){.dz-pk{display:none}.dz-in{max-width:none}}
@media (max-width:600px){
  .dz{margin-top:40px}.dz-stack{margin:0 calc(50% - 50vw + 8px);gap:10px}
  .dz-p{height:calc(100svh - var(--bb,64px) - var(--dock,70px) - 40px);min-height:460px;border-radius:18px}
  .dz-grade{background:linear-gradient(0deg,rgba(4,12,20,.85) 0%,rgba(4,12,20,.45) 45%,rgba(4,12,20,0) 75%)}
  .dz-t{font-size:clamp(44px,calc(132vw / var(--len)),110px)}
  .dz-sub{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;margin-right:-22px;padding-right:22px}.dz-sub::-webkit-scrollbar{display:none}
  .dz-sub a{flex:0 0 auto;font-size:13px;padding:7px 12px}
  .dz-cta{font-size:14.5px;padding:12px 18px 12px 20px}
}
@media (prefers-reduced-motion:reduce){.dz-img{animation:none}.dz-p{transform:none}.dz-p:after{display:none}.dz-w>span,.dz-l,.dz-sub,.dz-gear,.dz-cta,.dz-pc{transform:none!important;opacity:1!important;transition:none}}

/* ═════ Leo, la guida virtuale ═════ */
.leo{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:45;font-size:15px}
.leo-btn{position:relative;width:64px;height:64px;border-radius:50%;border:0;padding:0;background:none;cursor:pointer;box-shadow:0 14px 34px -10px rgba(4,40,60,.55),0 0 0 3px #fff;transition:transform .35s cubic-bezier(.2,.8,.2,1);animation:leoIn .8s cubic-bezier(.2,.8,.2,1) both}
.leo-btn:hover{transform:translateY(-3px) scale(1.04)}.leo.on .leo-btn{transform:scale(.92)}
@keyframes leoIn{from{opacity:0;transform:translateY(30px) scale(.6)}}
.leo-av{display:block;width:100%;height:100%;border-radius:50%}
.leo-dot{position:absolute;right:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #fff}
.leo-body{animation:leoBob 3.2s ease-in-out infinite;transform-origin:32px 60px}
.leo-wave{animation:leoWave 3.2s ease-in-out infinite}
.leo-eyes{animation:leoBlink 5s infinite;transform-origin:32px 31.5px}
.leo-hand{transform-origin:50px 52px;animation:leoHi 6s ease-in-out infinite}
.leo-sun{animation:leoSun 6s ease-in-out infinite;transform-origin:50px 14px}
@keyframes leoBob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-2px) rotate(1.5deg)}}
@keyframes leoWave{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
@keyframes leoBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes leoHi{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-22deg)}82%{transform:rotate(8deg)}88%{transform:rotate(-18deg)}94%{transform:rotate(4deg)}}
@keyframes leoSun{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.leo-tip{position:absolute;right:0;bottom:78px;width:min(310px,calc(100vw - 44px));background:#fff;color:#0b1218;border-radius:20px 20px 6px 20px;padding:14px 16px 12px;box-shadow:0 24px 60px -18px rgba(4,30,50,.45),0 0 0 1px rgba(0,0,0,.05);animation:leoTip .5s cubic-bezier(.2,.8,.2,1) both;cursor:pointer}
@keyframes leoTip{from{opacity:0;transform:translateY(10px) scale(.96)}}
.leo-tip p{margin:0 18px 10px 0;line-height:1.42;font-size:14.5px}
.leo-tip-x{position:absolute;right:8px;top:6px;border:0;background:none;font-size:20px;line-height:1;color:#8a939d;cursor:pointer;padding:4px}
.leo-tip-b{display:flex;flex-wrap:wrap;gap:6px}
.leo-tip-b button,.leo-qs button{border:1px solid #d5dde3;background:#f4f8fa;color:#0b1218;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.leo-tip-b button:hover,.leo-qs button:hover{background:#e6f4f6;border-color:#9fd3dc}
.leo-tip-b .mute{background:none;border-color:transparent;color:#6b7480;font-weight:500}
.leo-panel{position:absolute;right:0;bottom:80px;width:min(400px,calc(100vw - 32px));height:min(620px,calc(100svh - 140px));display:flex;flex-direction:column;background:#fff;color:#0b1218;border-radius:24px;overflow:hidden;box-shadow:0 40px 90px -24px rgba(4,30,50,.55),0 0 0 1px rgba(0,0,0,.06);animation:leoOpen .45s cubic-bezier(.2,.8,.2,1) both;transform-origin:100% 100%}
@keyframes leoOpen{from{opacity:0;transform:translateY(16px) scale(.95)}}
.leo-h{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:linear-gradient(135deg,#0d5f78,#1b8fa6);color:#fff}
.leo-h-av{width:44px;height:44px;flex:0 0 auto;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.leo-h-tx{display:flex;flex-direction:column;flex:1;line-height:1.2}.leo-h-tx b{font-size:17px}
.leo-h-tx small{font-size:12px;opacity:.85;display:flex;align-items:center;gap:6px}.leo-h-tx small i{width:7px;height:7px;border-radius:50%;background:#4ade80}
.leo-x{border:0;background:rgba(255,255,255,.16);color:#fff;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.leo-th{flex:1;overflow:auto;padding:16px 14px 6px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#f3f8fa,#fff 140px)}
.leo-m{display:flex;gap:8px;align-items:flex-end;max-width:92%}
.leo-m p{margin:0;padding:10px 13px;border-radius:18px;line-height:1.45;font-size:14.5px}
.leo-m.a p{background:#fff;border:1px solid #e3e9ee;border-bottom-left-radius:6px;box-shadow:0 4px 14px -8px rgba(0,0,0,.15)}
.leo-m.u{align-self:flex-end}.leo-m.u p{background:#0d5f78;color:#fff;border-bottom-right-radius:6px}
.leo-m p a{color:#0d6f8a;font-weight:600}
.leo-mav{width:28px;height:28px;flex:0 0 auto;border-radius:50%}
.leo-act{display:inline-flex;margin:8px 6px 0 0;padding:7px 13px;border-radius:999px;background:#0b1218;color:#fff!important;font-weight:600;font-size:13px;border:0;cursor:pointer;text-decoration:none!important}
.leo-act.add{background:#1b8fa6}
.leo-typing{display:flex;gap:5px}.leo-typing i{width:7px;height:7px;border-radius:50%;background:#9aa3ad;animation:aiDot 1s infinite}.leo-typing i:nth-child(2){animation-delay:.15s}.leo-typing i:nth-child(3){animation-delay:.3s}
.leo-qs{display:flex;gap:6px;padding:8px 14px 4px;overflow-x:auto;scrollbar-width:none}.leo-qs::-webkit-scrollbar{display:none}.leo-qs button{flex:0 0 auto}
.leo-f{display:flex;gap:8px;align-items:flex-end;padding:8px 12px 6px}
.leo-f textarea{flex:1;resize:none;border:1px solid #d5dde3;border-radius:18px;padding:10px 14px;font-size:15px;line-height:1.35;max-height:120px;outline:none}.leo-f textarea:focus{border-color:#1b8fa6;box-shadow:0 0 0 3px rgba(27,143,166,.15)}
.leo-send{width:42px;height:42px;flex:0 0 auto;border-radius:50%;border:0;background:#0d5f78;color:#fff;display:grid;place-items:center;cursor:pointer}.leo-send svg{width:20px;height:20px}
.leo-legal{margin:0;padding:2px 14px 10px;font-size:11px;color:#7a838d;line-height:1.35}.leo-legal a{color:#0d6f8a}
@media (max-width:980px){.leo{right:12px;bottom:calc(var(--dock) + 30px + env(safe-area-inset-bottom))}.leo-btn{width:56px;height:56px}.leo-tip{bottom:68px}}
@media (max-width:600px){.leo.on{left:0;right:0;bottom:0;top:0}.leo.on .leo-btn{display:none}
  .leo-panel{position:fixed;inset:0;width:auto;height:100svh;border-radius:0;bottom:auto}}
@media (prefers-reduced-motion:reduce){.leo-body,.leo-wave,.leo-eyes,.leo-hand,.leo-sun{animation:none}}
.leo-panel[hidden],.leo-tip[hidden]{display:none!important}

/* discipline, versione calma: scorrimento normale, pannelli interi uno dopo l'altro (niente impilamento) */
.dz-stack{gap:18px}
.dz-p{position:relative;top:auto;height:min(78vh,780px);min-height:500px;transform:none;box-shadow:0 24px 60px -30px rgba(0,0,0,.4)}
.dz-p:after{display:none}
@media (max-width:600px){.dz-stack{gap:12px}.dz-p{height:min(74svh,640px);min-height:440px}}

/* ═════ discipline · versione "si apre allo scroll" (stile Apple): la foto parte come cartolina e si espande a tutto schermo ═════ */
.dz-stack{margin:0 calc(50% - 50vw);gap:0}
.dz-p{--e:1;position:relative;height:min(92vh,900px);min-height:560px;border-radius:0;background:transparent;box-shadow:none;overflow:visible;margin:0 0 6px}
.dz-media{clip-path:inset(calc((1 - var(--e)) * 15%) calc((1 - var(--e)) * 17%) round calc(48px - var(--e) * 48px));background:#0b1620}
.dz-pan{inset:-10% -6%}
.dz-img{animation:dzKb 12s ease-in-out infinite alternate;transform-origin:56% 44%}
@media (prefers-reduced-motion:reduce){.dz-img{animation:none}}
.dz-grade{background:linear-gradient(90deg,rgba(3,10,16,.86) 0%,rgba(3,10,16,.5) 38%,rgba(3,10,16,.12) 62%,rgba(3,10,16,0) 80%),linear-gradient(0deg,rgba(3,10,16,.74) 0%,rgba(3,10,16,.2) 40%,rgba(3,10,16,0) 62%)}
.dz-in{left:max(5vw,calc(50vw - 600px));right:auto;bottom:clamp(40px,9vh,96px);max-width:620px;opacity:calc(var(--e) * 1.9 - .9);transform:translate3d(0,calc((1 - var(--e)) * 88px),0)}
.dz-n{font-size:15px;letter-spacing:.02em;text-transform:none;font-weight:600;opacity:.9;margin-bottom:10px}
.dz-n i{width:24px}
.dz-t{font-weight:650;letter-spacing:-.045em;line-height:.92;font-size:clamp(56px,calc(110vw / var(--len)),150px);margin-bottom:12px;text-shadow:none}
.dz-l{font-size:clamp(19px,1.7vw,24px);font-weight:500;letter-spacing:-.01em;max-width:28ch;opacity:.92}
.dz-sub a{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18)}
.dz-cta{background:#fff;color:#0b1218}
.dz-pk{right:max(5vw,calc(50vw - 600px));bottom:clamp(40px,9vh,96px);flex-direction:column;gap:8px;width:300px;opacity:calc(var(--e) * 1.6 - .6);transform:translate3d(0,calc((1 - var(--e)) * 80px),0)}
.dz-pk-h{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75);margin:0 0 2px 4px}
.dz-pc{width:auto;flex-direction:row;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:18px;background:rgba(18,26,34,.38);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:#fff;box-shadow:none}
.dz-pc:hover{background:rgba(18,26,34,.55);box-shadow:none}
.dz-pi{width:58px;height:58px;flex:0 0 auto;aspect-ratio:auto;border-radius:14px;background:#fff}
.dz-pi img{width:84%;height:84%}
.dz-ptx{display:flex;flex-direction:column;gap:2px;min-width:0}
.dz-pn{font-size:13px;font-weight:600;min-height:0;-webkit-line-clamp:1}
.dz-pp{font-size:13px;font-weight:600;opacity:.95}.dz-pp s{opacity:.6}
@media (max-width:1100px){.dz-pk{display:none}}
@media (max-width:600px){.dz-p{height:min(80svh,680px);min-height:480px;margin-bottom:4px}
  .dz-media{clip-path:inset(calc((1 - var(--e)) * 5%) calc((1 - var(--e)) * 5%) round calc(26px - var(--e) * 26px))}
  .dz-in{left:22px;right:22px;bottom:34px}.dz-t{font-size:clamp(46px,calc(118vw / var(--len)),96px)}}
@media (prefers-reduced-motion:reduce){.dz-p{--e:1!important}}

/* ═ In evidenza · carosello continuo (marquee) in fondo al pannello, 3 a 3, senza frecce ═ */
.dz-pk{position:absolute;left:0;right:0;bottom:0;top:auto;width:auto;display:flex;flex-direction:column;gap:9px;padding:0 0 clamp(16px,3.2vh,32px);z-index:3;opacity:calc(var(--e) * 1.6 - .6);transform:translate3d(0,calc((1 - var(--e)) * 60px),0);pointer-events:none}
.dz-pk::before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(100% + 46px);background:linear-gradient(0deg,rgba(3,10,16,.8) 0%,rgba(3,10,16,.3) 58%,rgba(3,10,16,0) 100%);z-index:-1;pointer-events:none}
.dz-pk-h{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8);margin:0;padding-left:max(5vw,calc(50vw - 600px))}
.dz-pk-vp{overflow:hidden;width:100%;-webkit-mask:linear-gradient(90deg,transparent 0,#000 5%,#000 94%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 5%,#000 94%,transparent 100%)}
.dz-pk-track{display:flex;width:-moz-max-content;width:max-content;animation:dzMarq var(--dur,32s) linear infinite;will-change:transform}
.dz-pk:hover .dz-pk-track,.dz-pk-track:focus-within{animation-play-state:paused}
.dz-pk-set{display:flex;gap:14px;padding-left:14px}
.dz-pc{pointer-events:auto;width:248px;flex:0 0 248px;flex-direction:row;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:18px;background:rgba(18,26,34,.42);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:#fff;box-shadow:none;opacity:1;transform:none;transition:background .25s}
.dz-pc:hover{background:rgba(18,26,34,.62);text-decoration:none}
.dz-pi{width:60px;height:60px;flex:0 0 auto;aspect-ratio:auto;border-radius:14px;background:#fff}
.dz-pi img{width:84%;height:84%}
.dz-ptx{display:flex;flex-direction:column;gap:2px;min-width:0}
.dz-pn{font-size:13px;font-weight:600;line-height:1.2;min-height:0;-webkit-line-clamp:1;color:#fff}
.dz-pp{font-size:13px;font-weight:600;opacity:.95}.dz-pp s{opacity:.6}
.dz-pk-set .dz-rrp{display:none}
.dz-p[data-pk="1"] .dz-in{bottom:clamp(150px,24vh,220px)}
@keyframes dzMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.dz-pk-track{animation:none;width:auto}.dz-pk-vp{overflow-x:auto}.dz-pk-set:nth-child(2){display:none}}
@media (max-width:1100px){.dz-pk{display:flex}}
@media (max-width:600px){.dz-pc{width:208px;flex-basis:208px}.dz-p[data-pk="1"] .dz-in{bottom:clamp(138px,27vh,188px)}.dz-pk-h{padding-left:22px}}

/* ═ Pannelli differenziati per non essere monotoni ═ */
/* corto: finisce poco dopo le icone / "In evidenza" */
.dz-p--short{height:min(66vh,620px);min-height:400px}
/* griglia fissa: niente scorrimento automatico, il cliente clicca o scorre a mano */
.dz-pk--grid .dz-pk-grid{display:flex;gap:14px;padding:0 max(5vw,calc(50vw - 600px));overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dz-pk--grid .dz-pk-grid::-webkit-scrollbar{display:none}
@media (max-width:600px){.dz-pk--grid .dz-pk-grid{padding:0 22px}}

/* ═ Aiuto per livello sui set/rig ═ */
.rh{margin:14px 0 18px;padding:18px 20px;border:1px solid var(--line,#e6e3dc);border-radius:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.rh-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.rh-ic{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:rgba(14,143,160,.1);color:#0e8fa0}
.rh-ic svg{width:22px;height:22px}
.rh-h b{display:block;font-size:16.5px;font-weight:700;letter-spacing:-.01em}
.rh-h small{display:block;font-size:13px;color:var(--muted,#6b7280);margin-top:2px}
.rh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rh-c{border:1px solid var(--line,#e6e3dc);border-radius:14px;overflow:hidden;background:#fbfaf8;transition:border-color .2s,box-shadow .2s}
.rh-c[open]{border-color:rgba(14,143,160,.55);box-shadow:0 8px 20px -10px rgba(14,143,160,.45);background:#fff}
.rh-c summary{list-style:none;cursor:pointer;padding:14px 15px;display:flex;flex-direction:column;gap:3px;position:relative}
.rh-c summary::-webkit-details-marker{display:none}
.rh-lv{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink,#1f2937)}
.rh-sub{font-size:12.5px;color:var(--muted,#6b7280);padding-right:24px;line-height:1.3}
.rh-x{position:absolute;top:13px;right:13px;width:20px;height:20px;color:#0e8fa0;transition:transform .25s}
.rh-x svg{width:20px;height:20px}
.rh-c[open] .rh-x{transform:rotate(45deg)}
.rh-b{padding:2px 15px 15px;font-size:13.5px;line-height:1.5;color:var(--ink,#30363d)}
.rh-b p{margin:0}
.rh-foot{margin:14px 0 0;font-size:13px;color:var(--muted,#6b7280)}
.rh-foot a{color:#0e8fa0;font-weight:600}
@media (max-width:720px){.rh-cards{grid-template-columns:1fr}}

/* ═ Shop AL360 (vetrina brand dentro DNA) ═ */
.al-hero{background:#fff;border:1px solid var(--line,#e6e3dc);border-radius:22px;padding:34px 28px;margin:6px 0 16px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.al-hero-in{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:11px}
.al-logo{height:46px;width:auto;max-width:230px;object-fit:contain}
.al-k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0e8fa0}
.al-hero h1{font-size:clamp(30px,6vw,46px);font-weight:800;letter-spacing:-.02em;margin:2px 0;color:var(--ink,#13202b)}
.al-hero p{font-size:15px;line-height:1.55;color:var(--muted,#5b6775);max-width:600px;margin:0}
.al-ric{margin:0 0 16px}
.al-ban-wrap{margin:10px 0}
.al-ban-logo{background:#fff;padding:7px;overflow:hidden}
.al-ban-logo img{width:100%;height:100%;object-fit:contain}
/* fascione store dei brand */
.bstores{margin:16px 0}
.bstores-k{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#6b7280);margin:0 0 10px}
.bstores-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}
.bstore{display:flex;align-items:center;gap:14px;padding:15px 17px;border-radius:18px;background:linear-gradient(135deg,#0b2033,#143450);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 26px -14px rgba(6,36,63,.6);transition:transform .25s,box-shadow .25s}
.bstore:hover{transform:translateY(-3px);box-shadow:0 16px 34px -14px rgba(6,36,63,.72);text-decoration:none}
.bstore-logo{width:58px;height:58px;flex:0 0 auto;border-radius:14px;background:#fff;display:grid;place-items:center;padding:8px}
.bstore-logo-tx{font-weight:800;font-size:13px;letter-spacing:-.02em;color:var(--ink,#0f2740);text-align:center;line-height:1.05;text-transform:uppercase;padding:6px}
.bstore-logo img{max-width:100%;max-height:100%;object-fit:contain}
.bstore-tx{flex:1;min-width:0}
.bstore-tx b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em}
.bstore-tx small{display:block;font-size:12.5px;color:rgba(255,255,255,.78);margin-top:2px}
.bstore-go{flex:0 0 auto;color:#8fd0e0}
.bstore-go svg{width:22px;height:22px}
/* ═════ Store AL360 NATIVO: grafica AL360 (dark, Archivo, arancio) dentro la shell DNA. Tutto scopato sotto .al3 per non toccare DNA. ═════ */
@font-face{font-family:"Archivo360";src:url(/shop-al360/fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
.al3{--o:#e2552c;--o2:#ff7a45;--bg:#070708;--bg2:#0e0f11;--line:rgba(255,255,255,.1);--txt:#f2f2f0;--mut:#9b9ca1;font-family:"Archivo360",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--txt);width:100vw;margin-left:calc(50% - 50vw)}
/* reveal LEGATO allo scroll: opacità e posizione guidate dal dito (JS mette opacity/transform frame per frame).
   Si attiva solo col JS (.anim); senza JS i testi restano visibili. */
.al3.anim .rv{opacity:0;will-change:opacity,transform}
@media (prefers-reduced-motion:reduce){.al3.anim .rv{opacity:1!important;transform:none!important}}
.al3-in{max-width:1200px;margin:0 auto;padding:0 clamp(18px,4vw,40px) clamp(40px,6vw,80px)}
/* HERO AGGANCIATO: apri → nero; scorri → la frase esce pezzo per pezzo (lo sfondo resta fermo, pinnato).
   Runway di ~180vh: dentro quel tratto l'hero resta incollato e il testo emerge col dito. */
.al3-hero{position:relative;height:180vh;background:#070708}
.al3-hero-pin{position:sticky;top:var(--bb,64px);height:calc(100svh - var(--bb,64px));min-height:460px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(85% 75% at 28% 34%,#17191d 0%,#0c0c0e 52%,#070708 100%)}
.al3-hero-pin::after{content:"";position:absolute;inset:0;background:radial-gradient(55% 45% at 80% 12%,rgba(226,85,44,.1),transparent 70%);pointer-events:none}
/* righe rivelate dallo scroll (al3-rl): nascoste da fermo (solo col JS .anim), emergono col dito */
.al3.anim .al3-rl{opacity:0;will-change:opacity,transform}
.al3-h1 .al3-rl{display:block}
.al3-scroll-cue{margin-top:34px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut);transition:opacity .3s}
@media (prefers-reduced-motion:reduce){.al3.anim .al3-rl{opacity:1!important;transform:none!important}.al3-hero{height:auto}.al3-hero-pin{position:relative;top:0;height:auto;min-height:clamp(440px,70vh,640px);padding:clamp(60px,10vw,120px) 0}}
.al3-hero-ct{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.al3-eb{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--o2);font-stretch:118%}
.al3-hero h1{font-size:clamp(40px,6.4vw,92px);line-height:.92;font-weight:300;font-stretch:125%;letter-spacing:-.02em;text-transform:uppercase;margin:14px 0 20px}
.al3-hero h1 b{font-weight:700}
.al3-lead{font-size:clamp(15px,1.5vw,19px);line-height:1.6;color:#d6d6d8;max-width:560px;font-weight:300}
.al3-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.al3-chip{display:inline-flex;align-items:center;padding:9px 18px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.04);transition:border-color .3s,background .3s}
.al3-chip:hover{border-color:var(--o);background:rgba(226,85,44,.14);text-decoration:none}
/* sezioni */
.al3-sec{padding:clamp(44px,6vw,72px) 0 0}
.al3-sec-h h2{font-size:clamp(28px,4vw,46px);font-weight:300;font-stretch:125%;text-transform:uppercase;letter-spacing:-.01em;margin:0}
.al3-sec-h p{color:var(--mut);font-size:15px;margin:8px 0 0;font-weight:300}
.al3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}
/* card prodotto AL360 → apre la scheda DNA */
.al3-card{display:flex;flex-direction:column;background:var(--bg2);padding:22px 22px 20px;color:var(--txt);transition:background .35s}
.al3-card:hover{background:#16171a;text-decoration:none}
.al3-card-im{display:block;aspect-ratio:1/1;background:#fff;border-radius:6px;overflow:hidden;display:grid;place-items:center}
.al3-card-im .pic,.al3-card-im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.al3-card-tx{display:flex;flex-direction:column;flex:1;margin-top:16px}
.al3-card-n{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:#fff}
.al3-card-sub{font-size:12.5px;color:var(--mut);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
.al3-card-foot{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.al3-card-pr{font-size:20px;font-weight:700;font-stretch:108%;color:#fff;white-space:nowrap}
.al3-card-pr small{font-size:12px;font-weight:400;color:var(--mut)}
.al3-card-pr.sold{color:var(--mut);font-size:15px;font-weight:600}
.al3-cta{background:linear-gradient(155deg,#17181b,#0e0f11)}
.al3-cta:hover{background:linear-gradient(155deg,#1c1d21,#1a1b1f)}
.al3-cta-im{background:radial-gradient(120% 120% at 30% 20%,#1d2a33,#101418);border:1px solid rgba(255,255,255,.06)}
.al3-cta-im .buss{width:54%;height:54%;opacity:.9}
.al3-cta-go{font-size:14px;font-weight:600;color:#36c2c0;letter-spacing:-.01em}
.al3-bd{font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--mut);white-space:nowrap}
.al3-bd.now{color:#4ade80}
.al3-bd.ord{color:#cfcfd2;white-space:normal;line-height:1.35}
.al3-bd.pre{color:var(--o2)}
.al3-bd.out{color:#71717a}
/* CTA ricambi */
.al3-ric{display:flex;align-items:center;gap:18px;margin-top:clamp(44px,6vw,72px);padding:26px 28px;background:linear-gradient(120deg,rgba(226,85,44,.14),rgba(255,255,255,.03));border:1px solid var(--line);color:var(--txt)}
.al3-ric:hover{text-decoration:none;border-color:var(--o)}
.al3-ric-ic{flex:0 0 auto;color:var(--o2)}.al3-ric-ic svg{width:34px;height:34px}
.al3-ric-tx{flex:1;min-width:0}
.al3-ric-tx b{display:block;font-size:17px;font-weight:600;color:#fff}
.al3-ric-tx small{display:block;font-size:13.5px;color:var(--mut);margin-top:3px;line-height:1.5}
.al3-ric-go{flex:0 0 auto;color:#fff}.al3-ric-go svg{width:24px;height:24px}
.al3-empty{color:var(--mut);padding:60px 0;text-align:center}
/* banner promo −10% ben in vista, in cima ai prodotti */
.al3-promo{display:flex;align-items:center;gap:16px;margin-top:clamp(40px,6vw,70px);padding:16px 20px;border-radius:14px;background:linear-gradient(100deg,var(--o) 0,#c8461f 100%);color:#fff;box-shadow:0 10px 30px rgba(226,85,44,.25)}
.al3-promo:hover{text-decoration:none;transform:translateY(-1px);transition:transform .2s}
.al3-promo-badge{flex:0 0 auto;font-size:clamp(20px,3vw,26px);font-weight:800;font-stretch:112%;letter-spacing:-.02em;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:8px 12px;line-height:1}
.al3-promo-tx{flex:1;min-width:0}
.al3-promo-tx b{display:block;font-size:clamp(14px,1.6vw,17px);font-weight:700}
.al3-promo-tx b code{font-family:ui-monospace,Menlo,monospace;background:rgba(0,0,0,.22);padding:1px 7px;border-radius:5px;letter-spacing:.06em}
.al3-promo-tx small{display:block;font-size:12.5px;opacity:.92;margin-top:2px}
.al3-promo-go{flex:0 0 auto;color:#fff}.al3-promo-go svg{width:16px;height:16px}
/* badge coupon cliccabile: tocca per copiare */
.al3-promo{width:100%;border:0;cursor:pointer;text-align:left;font:inherit;-webkit-tap-highlight-color:transparent}
.al3-promo:active{transform:translateY(0)}
.al3-promo-copy{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#c8461f;font-weight:800;font-size:13px;letter-spacing:.02em;padding:9px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.al3-promo-ok{display:none;align-items:center;gap:6px;font-weight:800;font-size:13px;white-space:nowrap}
.al3-promo.copied .al3-promo-copy{display:none}
.al3-promo.copied .al3-promo-ok{display:inline-flex}
@media (max-width:600px){.al3-promo{gap:12px;padding:14px 14px}.al3-promo-copy{padding:8px 13px}}
/* sezione GRIP di ricambio: scegli il colore → anteprima sul boma → carrello */
.al3g{padding:clamp(50px,7vw,90px) 0 clamp(20px,3vw,40px);border-top:1px solid var(--line);margin-top:clamp(30px,4vw,50px)}
.al3g-h{max-width:640px}
.al3g-h h2{font-size:clamp(28px,4vw,46px);font-weight:300;font-stretch:125%;text-transform:uppercase;line-height:.98;margin:10px 0 0}
.al3g-h h2 b{font-weight:700}
.al3g-h p{color:var(--mut);font-size:15px;margin:12px 0 0;line-height:1.6;font-weight:300}
.al3g-h p b{color:#fff;font-weight:600}
.al3g-stage{position:relative;margin:28px auto 0;max-width:900px;min-height:200px;display:grid;place-items:center;background:radial-gradient(60% 70% at 50% 45%,#16171a,#0b0b0d 72%);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:18px}
.al3g-stage canvas{max-width:100%;height:auto;display:block}
.al3g-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--mut);font-size:13px}
.al3g-ph::after{content:"Anteprima grip…"}
.al3g-ui{max-width:900px;margin:22px auto 0}
.al3g-name .al3-eb{color:var(--o2)}
.al3g-name b{display:block;font-size:20px;font-weight:600;color:#fff;margin-top:3px}
.al3g-sw-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 24px}
.al3g-sw{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:none;padding:3px;cursor:pointer;transition:border-color .2s,transform .15s}
.al3g-sw i{display:block;width:100%;height:100%;border-radius:50%}
.al3g-sw.on{border-color:var(--o2);transform:scale(1.08)}
.al3g-sw:hover{border-color:#fff}
.al3g-buy{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.al3g-price{font-size:26px;font-weight:700;font-stretch:108%;color:#fff}
.al3g-add{border:0;cursor:pointer;font-size:15px}
.al3g-note{color:var(--mut);font-size:12.5px;margin-top:16px;line-height:1.5;max-width:640px}
.al3c{padding:clamp(50px,7vw,90px) 0 clamp(20px,3vw,40px);border-top:1px solid var(--line);margin-top:clamp(30px,4vw,50px);scroll-margin-top:calc(var(--bb,64px) + 16px)}
.al3c-h{max-width:640px}
.al3c-h h2{font-size:clamp(28px,4vw,46px);font-weight:300;font-stretch:125%;text-transform:uppercase;line-height:.98;margin:10px 0 0}
.al3c-h h2 b{font-weight:700}
.al3c-h p{color:var(--mut);font-size:15px;margin:12px 0 0;line-height:1.6;font-weight:300}
.al3c-h p b{color:#fff;font-weight:600}
.al3c-stage{margin:28px auto 0;max-width:900px;display:grid;place-items:center;background:radial-gradient(60% 70% at 50% 45%,#16171a,#0b0b0d 72%);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:30px 24px}
.al3c-bar{width:100%;max-width:820px;height:auto;display:block;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.al3c-ui{max-width:900px;margin:22px auto 0}
.al3c-name .al3-eb{color:var(--o2)}
.al3c-name b{display:block;font-size:20px;font-weight:600;color:#fff;margin-top:3px}
.al3c-sw-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 24px}
.al3c-sw{width:108px;height:46px;border-radius:11px;border:2px solid var(--line);background:none;padding:0;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .15s}
.al3c-sw img{width:100%;height:100%;object-fit:cover;display:block}
.al3c-sw.on{border-color:var(--o2);transform:scale(1.06)}
.al3c-sw:hover{border-color:#fff}
.al3c-buy{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.al3c-price{font-size:26px;font-weight:700;font-stretch:108%;color:#fff}
.al3c-add{border:0;cursor:pointer;font-size:15px}
.al3c-note{color:var(--mut);font-size:12.5px;margin-top:16px;line-height:1.5;max-width:640px}
@media (max-width:560px){.al3c-sw{width:90px;height:38px}}
/* ===== STORE DUOTONE (scaffold modulo 1) ===== */
.duo-hero{padding:clamp(36px,6vw,76px) 0 clamp(20px,3vw,36px);max-width:760px}
.duo-eb{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lagoon,#2b7fd0)}
.duo-h1{font-size:clamp(30px,5vw,54px);font-weight:300;line-height:1.03;margin:12px 0 0;letter-spacing:-.02em}
.duo-h1 b{font-weight:700}
.duo-click{position:relative;display:inline-grid;place-items:center;width:1em;height:1em;margin-left:.12em;vertical-align:-.08em}
.duo-click-cur{width:.72em;height:.72em;fill:var(--coral,#ff6a3d);position:relative;z-index:2;animation:duoTap 2s ease-in-out infinite}
.duo-click-ring{position:absolute;width:.46em;height:.46em;border-radius:50%;border:.09em solid var(--coral,#ff6a3d);opacity:0;animation:duoRing 2s ease-out infinite}
.duo-click-ring.r2{animation-delay:.18s}
@keyframes duoTap{0%,66%,100%{transform:translate(0,0)}74%{transform:translate(1px,2px)}82%{transform:translate(0,0)}}
@keyframes duoRing{0%,62%{transform:scale(.35);opacity:0}72%{opacity:.55}100%{transform:scale(2);opacity:0}}
@media (prefers-reduced-motion:reduce){.duo-click-cur{animation:none}.duo-click-ring{display:none}}
.duo-lead{color:var(--mut);font-size:16px;line-height:1.6;margin:16px 0 0;max-width:620px}
.duo-lead b{color:var(--ink,#0f2740);font-weight:600}
.duo-sec-h{margin:clamp(20px,3vw,36px) 0 16px}
.duo-sec-h h2{font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:-.01em;margin:0}
.duo-sec-h p{color:var(--mut);margin:6px 0 0;font-size:14px}
.duo-ric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.duo-ric{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink,#0f2740);transition:border-color .2s,box-shadow .2s,transform .2s}
.duo-ric:hover{border-color:var(--lagoon,#2b7fd0);box-shadow:0 12px 28px rgba(10,30,51,.08);text-decoration:none;transform:translateY(-2px)}
.duo-ric-ic{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;color:var(--lagoon,#2b7fd0)}.duo-ric-ic .buss{width:34px;height:34px}
.duo-ric-tx{flex:1;min-width:0}.duo-ric-tx b{display:block;font-size:16px}.duo-ric-tx small{display:block;color:var(--mut);font-size:12.5px;margin-top:3px;line-height:1.4}
.duo-ric-go{flex:0 0 auto;color:var(--coral,#ff6a3d)}.duo-ric-go svg{width:20px;height:20px}
.duo-bridge{margin:clamp(24px,3vw,40px) 0 0;padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(43,127,208,.07),rgba(54,194,192,.05))}
.duo-bridge-k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lagoon,#2b7fd0)}
.duo-bridge h3{font-size:clamp(20px,2.6vw,28px);font-weight:300;margin:8px 0 0}.duo-bridge h3 b{font-weight:700}
.duo-bridge p{color:var(--mut);line-height:1.6;margin:12px 0 0;max-width:640px}.duo-bridge p b{color:var(--ink,#0f2740);font-weight:600}
.duo-btn{display:inline-block;margin-top:18px;padding:12px 22px;border-radius:999px;background:var(--ink,#0f2740);color:#fff;font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s}
.duo-btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 24px rgba(10,30,51,.18)}
.duo-note{color:var(--mut);font-size:12.5px;margin:clamp(24px,3vw,36px) 0 0}
.duo-logo{display:block;color:var(--ink,#0f2740);margin:0 0 18px}
.duo-logo svg{height:30px;width:auto;display:block}
.duo-sec{margin:clamp(28px,4vw,48px) 0 0}
.duo-cat-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px;border-bottom:1px solid var(--line);padding-bottom:10px}
.duo-cat-h h3{font-size:clamp(17px,2.2vw,22px);font-weight:700;letter-spacing:-.01em;margin:0}
.duo-cat-all{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--lagoon,#2b7fd0)}
.duo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
@media (max-width:600px){.duo-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.duo-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink,#0f2740);transition:border-color .2s,box-shadow .2s,transform .2s}
.duo-card:hover{border-color:var(--lagoon,#2b7fd0);box-shadow:0 14px 30px rgba(10,30,51,.09);text-decoration:none;transform:translateY(-3px)}
.duo-card-im{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;padding:12px}
.duo-card-im .pic,.duo-card-im img{width:100%;height:100%;object-fit:contain}
.duo-card-tx{display:flex;flex-direction:column;gap:3px;padding:14px 16px 16px}
.duo-card-n{font-size:14.5px;font-weight:600;line-height:1.25;letter-spacing:-.01em}
.duo-card-sub{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.duo-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.duo-card-mat{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid var(--line)}
.duo-card-mat::before{content:"";width:6px;height:6px;border-radius:1px;transform:rotate(45deg)}
.duo-card-mat.mat-carb{color:#1b2733}.duo-card-mat.mat-carb::before{background:linear-gradient(135deg,#2a2f36,#565f6b)}
.duo-card-mat.mat-alu{color:#4a5560}.duo-card-mat.mat-alu::before{background:linear-gradient(135deg,#9aa6b2,#c9d2db)}
.duo-card-pr{margin-top:6px;font-size:17px;font-weight:700;color:var(--ink,#0f2740)}
.duo-card-pr small{font-size:11px;font-weight:400;color:var(--mut)}
.duo-card-pr.sold{color:var(--mut);font-size:14px;font-weight:600}
.duo-card-im{position:relative}
.duo-card-badge{position:absolute;top:8px;left:8px;z-index:2;background:var(--coral,#ff6a3d);color:#fff;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:.02em}
.duo-card-prow{display:flex;align-items:baseline;gap:8px;margin-top:6px;flex-wrap:wrap}
.duo-card-was{font-size:12.5px;color:var(--mut);text-decoration:line-through}
.duo-card-av{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-size:11.5px;font-weight:600}
.duo-card-av::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.duo-card-av.in{color:#1aa251}.duo-card-av.pre{color:#0e7fa8}.duo-card-av.no{color:var(--mut)}
.duo-cat-ric{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,rgba(43,127,208,.05),rgba(54,194,192,.04));color:var(--ink,#0f2740);font-size:13.5px;transition:border-color .2s,box-shadow .2s}
/* Fascio di luce che gira in senso orario attorno alla striscia ricambi (il ricambio è il margine: lo mettiamo in evidenza). Stile Apple: un solo fascio, pulito. */
@property --ricbeam{syntax:"<angle>";inherits:false;initial-value:0deg}
.duo-cat-ric::before,.ric-link.beam::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;background:conic-gradient(from var(--ricbeam,0deg),transparent 0 70%,rgba(255,106,61,.5) 82%,#ff8a5c 88%,#fff 91%,#ff8a5c 94%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:ricBeam 4.5s linear infinite;z-index:-1}
.ric-link.beam{position:relative;isolation:isolate}
@keyframes ricBeam{to{--ricbeam:360deg}}
@media (prefers-reduced-motion:reduce){.duo-cat-ric::before,.ric-link.beam::before{animation:none}}
/* Stage del boma animato nel flusso ricambi */
.rq-boma{display:flex;justify-content:center;margin:2px 0 20px}
.rq-boma-stage{position:relative;width:100%;max-width:560px;aspect-ratio:16/7;min-height:120px;border-radius:20px;overflow:hidden;background:radial-gradient(90% 100% at 50% 42%,#14243d,#0a1422 72%,#070d16);box-shadow:inset 0 0 90px rgba(0,0,0,.5);perspective:1200px;display:grid;place-items:center}
.rq-boma-star{position:absolute;inset:0;background-image:radial-gradient(1.3px 1.3px at 20% 32%,rgba(255,255,255,.5),transparent),radial-gradient(1.2px 1.2px at 72% 60%,rgba(255,255,255,.32),transparent),radial-gradient(1.3px 1.3px at 86% 24%,rgba(255,255,255,.4),transparent);opacity:.55;pointer-events:none}
.rq-boma-hold{width:88%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.66,0,.2,1)}
.rq-boma-img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 34px rgba(0,0,0,.6));animation:rqBoma 9s ease-in-out infinite;will-change:transform;backface-visibility:hidden}
.rq-boma-stage:hover .rq-boma-hold{transform:scale(1.07) translateY(-3px)}
.rq-boma-stage:hover .rq-boma-img{animation-play-state:paused;filter:drop-shadow(0 28px 50px rgba(0,0,0,.72))}
@keyframes rqBoma{0%{transform:rotateY(-7deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(7deg) rotateX(3deg) translateY(-5px)}100%{transform:rotateY(-7deg) rotateX(3deg) translateY(0)}}
@media (prefers-reduced-motion:reduce){.rq-boma-img{animation:none}}
/* Bollo "confermato dal reparto tecnico DNA" sul risultato ricambio */
.rq-ok{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,rgba(43,127,208,.08),rgba(54,194,192,.06));border:1px solid rgba(43,127,208,.22)}
.rq-ok-stamp{flex:0 0 auto;position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:800;background:radial-gradient(120% 120% at 30% 25%,#2b7fd0,#13508a);box-shadow:0 8px 20px rgba(19,80,138,.4),inset 0 2px 6px rgba(255,255,255,.25);border:2.5px solid #fff}
.rq-ok-stamp em{position:absolute;bottom:-3px;right:-3px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.04em;color:#13508a;background:#fff;border-radius:999px;padding:2px 5px;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.rq-ok-tx b{display:block;font-size:16px;color:var(--ink,#0f2740);letter-spacing:-.01em}
.rq-ok-tx small{display:block;margin-top:3px;font-size:13px;line-height:1.5;color:var(--mut,#5a6b7b)}
.duo-cat-ric:hover{border-color:var(--lagoon,#2b7fd0);box-shadow:0 8px 20px rgba(10,30,51,.06);text-decoration:none}
.duo-cat-ric-ic{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;color:var(--lagoon,#2b7fd0)}.duo-cat-ric-ic .buss{width:22px;height:22px}
.duo-cat-ric>span:nth-child(2){flex:1;min-width:0}.duo-cat-ric b{font-weight:700}
.duo-cat-ric-go{flex:0 0 auto;color:var(--coral,#ff6a3d);font-weight:700}
.duo-ricblock{margin:clamp(30px,4vw,52px) 0 0}
.duo-ex{margin:clamp(30px,4vw,52px) 0 0}
.duo-ex-space{position:relative;margin-top:18px;border-radius:22px;overflow:hidden;min-height:clamp(260px,34vw,420px);display:grid;place-items:center;background:radial-gradient(80% 90% at 50% 28%,#14243d,#0a1422 68%,#070d16);box-shadow:inset 0 0 130px rgba(0,0,0,.55);perspective:1300px}
.duo-ex-star{position:absolute;inset:0;background-image:radial-gradient(1.4px 1.4px at 18% 28%,rgba(255,255,255,.5),transparent),radial-gradient(1.2px 1.2px at 72% 58%,rgba(255,255,255,.35),transparent),radial-gradient(1.2px 1.2px at 42% 82%,rgba(255,255,255,.3),transparent),radial-gradient(1.4px 1.4px at 86% 24%,rgba(255,255,255,.4),transparent),radial-gradient(1.2px 1.2px at 60% 12%,rgba(255,255,255,.3),transparent);opacity:.55;pointer-events:none}
.duo-ex-scene{transform:perspective(1300px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform}
.duo-ex-space.zoomed .duo-ex-scene{transform:none;transition:transform .9s cubic-bezier(.66,0,.2,1)}
.duo-ex-cam{position:relative;width:fit-content;margin:0 auto;transition:transform .9s cubic-bezier(.66,0,.2,1);transform-origin:50% 50%}
.duo-ex-space.zoomed .duo-ex-cam{transform:none}
.duo-ex-space.zoomed .duo-ex-img{filter:brightness(.5) saturate(.95)}
/* Il livello che zooma al passaggio: SOLO l'immagine. I punti stanno nel cam e non si muovono → niente tremolii */
/* Misura fissa dell'immagine (niente percentuali che collassano). Lo zoom al passaggio scala SOLO l'immagine: i punti nel cam restano fermi. */
.duo-ex-img{width:min(860px,74vw);height:auto;display:block;filter:drop-shadow(0 26px 48px rgba(0,0,0,.6));transition:transform .45s cubic-bezier(.2,.7,.2,1);will-change:transform;backface-visibility:hidden}
/* Effetto NITIDO (niente ingrandimento a pixel che sgrana): al passaggio il punto attivo si accende, gli altri si spengono */
.duo-ex-space.peek:not(.zoomed) .duo-ex-hot:not(.on){opacity:.28}
.duo-ex-hot em{transition:transform .2s ease}
.duo-ex-hot.on em{transform:scale(1.25)}
/* Fermo a riposo. Col mouse: la luce lo segue (scia) e si inclina appena, tutto guidato da JS in lerp. */
.duo-ex-space:not(.zoomed).live .duo-ex-img{filter:drop-shadow(0 40px 66px rgba(0,0,0,.72))}
/* Scia luminosa che insegue il cursore (posizione --gx/--gy aggiornata da fx.js) */
.duo-ex-space::after{content:"";position:absolute;left:var(--gx,50%);top:var(--gy,46%);width:min(48vw,460px);height:min(48vw,460px);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(170,228,255,.72),rgba(84,194,255,.34) 34%,rgba(54,194,192,.14) 58%,transparent 74%);filter:blur(12px);pointer-events:none;z-index:1;opacity:.4;transition:left .42s cubic-bezier(.22,.61,.36,1),top .42s cubic-bezier(.22,.61,.36,1),opacity .45s ease}
.duo-ex-space.live::after{opacity:1}
.duo-ex-space.zoomed::after{opacity:0;transition:opacity .4s}
.duo-ex-star{z-index:0}
.duo-ex-scene{position:relative;z-index:2}
.duo-ex-hot{position:absolute;transform:translate(-50%,-50%);width:56px;height:56px;border:0;background:none;cursor:pointer;padding:0;z-index:3;transition:opacity .3s}
.duo-ex-hot i{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid var(--coral,#ff6a3d);opacity:.6;animation:duoPulse 2.2s ease-out infinite}
.duo-ex-hot em{position:absolute;left:50%;top:50%;width:23px;height:23px;margin:-11.5px 0 0 -11.5px;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--coral,#ff6a3d);border-radius:50%;box-shadow:0 2px 14px rgba(255,106,61,.65)}
.duo-ex-space.zoomed .duo-ex-hot{opacity:0;pointer-events:none}
@keyframes duoPulse{0%{transform:scale(.5);opacity:.75}100%{transform:scale(2.3);opacity:0}}
.duo-ex-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.6);font-size:12.5px;pointer-events:none;transition:opacity .3s}
.duo-ex-space.zoomed .duo-ex-hint{opacity:0}
.duo-ex-hud{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .45s .3s}
.duo-ex-space.zoomed .duo-ex-hud{opacity:1;pointer-events:auto}
.duo-ex-exit{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.duo-ex-exit:hover{background:rgba(255,255,255,.2)}.duo-ex-exit svg{width:15px;height:15px}
.duo-ex-cards{position:absolute;left:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px)}
.duo-ex-card{display:none;max-width:430px;margin-left:auto;background:rgba(9,18,32,.74);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:20px 22px;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.duo-ex-card.on{display:block;animation:duoCardIn .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes duoCardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.duo-ex-kn{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--coral,#ff6a3d)}
.duo-ex-card b{display:block;font-size:20px;margin:4px 0 7px;letter-spacing:-.01em}
.duo-ex-card small{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.5;display:block}
.duo-ex-card .duo-ex-dove{display:block;margin-top:8px;font-size:12.5px;color:rgba(255,255,255,.58)}
.duo-ex-card .duo-ex-go{display:inline-block;margin-top:15px;color:#fff;background:var(--coral,#ff6a3d);padding:9px 17px;border-radius:999px;font-size:13px;font-weight:600}
.duo-ex-card .duo-ex-go:hover{text-decoration:none;filter:brightness(1.07)}
.duo-ex-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px}
.duo-ex-part{display:flex;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .2s;scroll-margin-top:90px}
.duo-ex-part.on{border-color:var(--coral,#ff6a3d)}
.duo-ex-num{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:var(--ink,#0f2740);border-radius:50%}
.duo-ex-part.on .duo-ex-num{background:var(--coral,#ff6a3d)}
.duo-ex-ptx{display:flex;flex-direction:column;gap:2px;min-width:0}
.duo-ex-ptx b{font-size:14px;color:var(--ink,#0f2740)}
.duo-ex-ptx small{color:var(--mut);font-size:12.5px;line-height:1.4}
.duo-ex-ptx .duo-ex-dove{font-size:11.5px;color:var(--mut)}
.duo-ex-ptx .duo-ex-go{margin-top:6px;align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--lagoon,#2b7fd0)}
@media(max-width:720px){.duo-ex-space,.duo-ex-hint{display:none}.duo-ex-parts{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.duo-ex-hot i{animation:none;opacity:.4}.duo-ex-cam,.duo-ex-scene{transition:none}}
/* ── menu categorie fisso (sticky) sotto l'header DNA ── */
.al3-subnav{position:sticky;top:var(--bb,64px);z-index:30;background:rgba(7,7,8,.9);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--line)}
/* freccia "c'è altro" quando il menu continua (si può scorrere a destra) */
.al3-subnav.more::after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--o2);font-size:24px;font-weight:700;line-height:1;z-index:2;pointer-events:none;animation:al3Chev 1.5s ease-in-out infinite}
@keyframes al3Chev{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-50%) translateX(4px)}}
@media (prefers-reduced-motion:reduce){.al3-subnav.more::after{animation:none}}
.al3-subnav-in{max-width:1200px;margin:0 auto;display:flex;gap:4px;padding:0 clamp(12px,3vw,28px);overflow-x:auto;scrollbar-width:none}
.al3-subnav-in::-webkit-scrollbar{display:none}
.al3-subnav a{flex:0 0 auto;padding:16px 16px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#c9c9cc;border-bottom:2px solid transparent;transition:color .3s,border-color .3s;white-space:nowrap}
.al3-subnav a:hover{color:#fff;border-color:var(--o);text-decoration:none}
/* ── vetrina prodotto "in scena" ── */
.al3-show{position:relative;padding:clamp(60px,9vw,120px) clamp(18px,4vw,40px) clamp(40px,6vw,80px);text-align:center;background:radial-gradient(70% 70% at 50% 42%,#1b1d20 0%,#0b0b0d 58%,#070708 100%);overflow:hidden}
.al3-show-big{position:absolute;top:clamp(8px,3vw,40px);left:50%;transform:translateX(-50%);font-size:clamp(90px,22vw,300px);font-weight:700;font-stretch:125%;letter-spacing:-.03em;color:rgba(255,255,255,.035);white-space:nowrap;pointer-events:none;line-height:1}
.al3-show .al3-eb{position:relative}
.al3-show h2{position:relative;font-size:clamp(40px,7vw,86px);font-weight:300;font-stretch:125%;text-transform:uppercase;line-height:.95;letter-spacing:-.01em;margin:12px 0 6px}
.al3-show h2 b{font-weight:700}
.al3-show .al3-sub{color:#cfcfd2;font-size:clamp(15px,1.5vw,19px);margin-bottom:30px}
.al3-stage{position:relative;max-width:900px;margin:0 auto;padding:30px 0 10px}
.al3-stage img{position:relative;width:100%;max-width:820px;filter:drop-shadow(0 40px 50px rgba(0,0,0,.6))}
.al3-stage::before{content:"";position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:62%;height:46px;background:radial-gradient(50% 50% at 50% 50%,rgba(226,85,44,.22),transparent 70%);filter:blur(8px)}
.al3-specs{display:grid;grid-template-columns:repeat(4,1fr);max-width:980px;margin:36px auto 0;border-top:1px solid var(--line)}
.al3-specs div{padding:24px 10px;border-bottom:1px solid var(--line)}
.al3-specs div+div{border-left:1px solid var(--line)}
.al3-specs .n{display:block;font-size:clamp(26px,3vw,38px);font-weight:300;font-stretch:112%}
.al3-specs .n small{font-size:.5em;color:var(--mut)}
.al3-specs .l{display:block;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin-top:6px}
/* ── fascia video (officina / foil) ── */
.al3-vid{position:relative;height:clamp(420px,70vh,720px);overflow:hidden;background:#000;display:flex;align-items:flex-end}
.al3-vid video,.al3-vid .al3-vid-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.al3-vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 35%,rgba(7,7,8,.85) 88%,#070708 100%)}
.al3-vid-ct{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%;padding:0 clamp(18px,4vw,40px) clamp(40px,6vw,66px)}
.al3-vid-ct h2{font-size:clamp(32px,5.5vw,64px);font-weight:300;font-stretch:125%;text-transform:uppercase;line-height:.96;margin:10px 0 0}
.al3-vid-ct h2 b{font-weight:700}
.al3-vid-ct p{color:#d6d6d8;font-size:clamp(15px,1.4vw,18px);max-width:520px;margin-top:16px;font-weight:300}
/* ── fascia split (foto + testo) ── */
.al3-split{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(420px,56vw,620px);background:var(--bg)}
.al3-split .al3-split-ph{background-size:cover;background-position:center;min-height:320px}
.al3-split .al3-split-tx{padding:clamp(40px,6vw,90px) clamp(22px,5vw,70px);display:flex;flex-direction:column;justify-content:center}
.al3-split.rev .al3-split-ph{order:2}
.al3-split h2{font-size:clamp(30px,4.6vw,56px);font-weight:300;font-stretch:125%;text-transform:uppercase;line-height:.98;margin:10px 0 0}
.al3-split h2 b{font-weight:700}
.al3-split p{color:#cfcfd2;font-size:clamp(15px,1.4vw,18px);line-height:1.6;margin-top:18px;font-weight:300;max-width:460px}
.al3-split .al3-sm{display:flex;gap:30px;margin-top:28px}
.al3-split .al3-sm .n{font-size:clamp(22px,2.4vw,30px);font-weight:300}
.al3-split .al3-sm .l{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
/* ── storia (timeline chiara) ── */
.al3-herit{background:var(--paper,#efeeea);color:#141416;padding:clamp(60px,8vw,120px) clamp(22px,5vw,60px)}
.al3-herit-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,70px)}
.al3-herit h2{font-size:clamp(34px,4.5vw,58px);font-weight:300;font-stretch:125%;text-transform:uppercase;line-height:.95;margin:10px 0 0}
.al3-herit h2 b{font-weight:700}
.al3-herit .q{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#44454a;margin-top:20px;max-width:420px}
.al3-tline .it{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(20,20,22,.12)}
.al3-tline .y{font-size:20px;font-weight:700;font-stretch:112%;color:var(--o)}
.al3-tline h4{font-size:17px;font-weight:600;margin:0}
.al3-tline p{font-size:14px;color:#55565c;margin:5px 0 0;line-height:1.5}
.al3-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.al3-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:600;font-size:14px;transition:transform .2s,background .2s,border-color .2s}
.al3-btn.p{background:var(--o);color:#fff}.al3-btn.p:hover{background:#c8461f;text-decoration:none;transform:translateY(-1px)}
.al3-btn.s{border:1px solid var(--line);color:#fff}.al3-btn.s:hover{border-color:var(--o);text-decoration:none}
.al3-herit .al3-btn.s{border-color:rgba(20,20,22,.3);color:#141416}
@media (max-width:760px){
  .al3-grid{grid-template-columns:repeat(2,1fr)}
  .al3-card{padding:16px 16px 15px}
  .al3-card-n{font-size:15px}.al3-card-pr{font-size:18px}
  .al3-ric{flex-wrap:wrap;gap:12px}
  .al3-specs{grid-template-columns:1fr 1fr}.al3-specs div+div{border-left:0}.al3-specs div:nth-child(2n){border-left:1px solid var(--line)}
  .al3-split{grid-template-columns:1fr}.al3-split.rev .al3-split-ph{order:0}
  .al3-herit-in{grid-template-columns:1fr}
}
@media (max-width:340px){.al3-grid{grid-template-columns:1fr}}
/* "Scegli il tuo boma AL360" — guida per materiale + carosello, sulla scheda prodotto (tema chiaro DNA) */
.al3bg{margin:26px 0;padding:20px;border:1px solid var(--line,#e6e3dc);border-radius:18px;background:#fff}
.al3bg-h{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
.al3bg-sign{flex:0 0 auto;color:#e2552c}.al3bg-sign svg{width:30px;height:30px}
.al3bg-htx b{display:block;font-size:17px;font-weight:700;color:var(--ink,#13202b)}
.al3bg-htx small{display:block;font-size:13px;color:var(--muted,#5b6775);margin-top:2px;line-height:1.4}
.al3bg-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.al3bg-t{font:inherit;text-align:left;background:#f7f6f3;border:1px solid var(--line,#e6e3dc);border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .2s,background .2s}
.al3bg-t:hover{border-color:#e2552c;background:#fff}
.al3bg-t b{display:block;font-size:14px;font-weight:700;color:var(--ink,#13202b)}
.al3bg-t small{display:block;font-size:12px;color:var(--muted,#5b6775);margin-top:3px;line-height:1.35}
.al3bg-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.al3bg-chip{font:inherit;font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid var(--line,#e6e3dc);background:#fff;color:var(--ink,#13202b);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.al3bg-chip.on{background:#13202b;color:#fff;border-color:#13202b}
.al3bg-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.al3bg-card{flex:0 0 auto;width:min(70vw,230px);scroll-snap-align:start}
@media (max-width:620px){.al3bg-tiers{grid-template-columns:1fr}}

/* ═════ Apertura della home (stile presentazione Apple): foto a tutto schermo che entra lenta, titolo che sale parola per parola, allo scroll la foto si richiude in una cartolina ═════ */
.ah{--h:0;position:relative;margin:calc(-1 * 14px) calc(50% - 50vw) 0;height:calc(100svh - var(--bb,64px));min-height:560px;max-height:1100px;color:#fff;overflow:hidden;isolation:isolate}
.ah-media{position:absolute;inset:0;clip-path:inset(calc(var(--h) * 5%) calc(var(--h) * 7%) round calc(var(--h) * 44px));background:#05080d}
.ah-img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(calc(1 + var(--h) * .08));animation:ahIn 2.6s cubic-bezier(.16,1,.3,1) both}
@keyframes ahIn{from{transform:scale(1.18);filter:brightness(.4) blur(6px)}to{transform:scale(1);filter:none}}
.ah-veil{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 100%,rgba(3,8,14,.75) 0%,rgba(3,8,14,.2) 55%,rgba(3,8,14,0) 75%),linear-gradient(180deg,rgba(3,8,14,.35) 0%,rgba(3,8,14,0) 30%)}
.ah-tx{position:absolute;left:0;right:0;bottom:clamp(70px,13vh,140px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 22px;transform:translate3d(0,calc(var(--h) * -90px),0);opacity:calc(1 - var(--h) * 1.6)}
.ah-k{font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:0;animation:ahFade 1.2s ease .1s forwards}
.ah-t{margin:14px 0 18px;font-weight:650;letter-spacing:-.055em;line-height:.9;font-size:clamp(60px,10.5vw,176px)}
.ah-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.07em}
.ah-w>span{display:inline-block;transform:translate3d(0,110%,0);animation:ahUp 1.3s cubic-bezier(.16,1,.3,1) var(--d) forwards}
@keyframes ahUp{to{transform:none}}
@keyframes ahFade{to{opacity:1}}
.ah-s{max-width:40ch;margin:0 0 28px;font-size:clamp(17px,1.5vw,21px);line-height:1.45;font-weight:450;opacity:0;animation:ahFade 1.2s ease .75s forwards}
.ah-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;opacity:0;animation:ahFade 1.2s ease .95s forwards}
.ah-b1{border:0;cursor:pointer;background:#fff;color:#0b1218;font-weight:650;font-size:16px;padding:15px 28px;border-radius:999px;transition:transform .25s,background .2s}.ah-b1:hover{transform:translateY(-1px);background:#eef1f4}
.ah-b2{color:#fff;font-weight:600;font-size:16px}.ah-b2:hover{text-decoration:underline}
.ah-down{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:28px;height:44px;border-radius:16px;border:2px solid rgba(255,255,255,.7);background:none;cursor:pointer;opacity:calc(1 - var(--h) * 3)}
.ah-down i{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:ahDot 1.8s ease-in-out infinite}
@keyframes ahDot{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}
@media (max-width:600px){.ah{height:calc(100svh - var(--bb,64px) - 20px);min-height:520px}.ah-tx{bottom:96px}.ah-cta{flex-direction:column;gap:14px}.ah-b1{width:100%;max-width:300px}.ah-down{display:none}}
@media (prefers-reduced-motion:reduce){.ah-img,.ah-w>span,.ah-k,.ah-s,.ah-cta{animation:none;transform:none;opacity:1}.ah{--h:0!important}}

/* Preordine (collezioni future): colore dedicato, viola profondo */
.btn-pre{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;box-shadow:0 10px 24px -10px rgba(91,33,182,.6)}
.btn-pre:hover{background:linear-gradient(135deg,#4c1d95,#6d28d9);color:#fff}
.arr.pre{color:#5b21b6}.arr.pre i{background:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.av-row.pre .dot{background:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.18)}.av-row.pre b{color:#5b21b6}
.bdg-violet{background:#ede9fe!important;color:#5b21b6!important}

/* ═════ Il vento adesso ═════ */
.wv{margin:0 calc(50% - 50vw);padding:0 10px}
.wv-in{position:relative;overflow:hidden;isolation:isolate;margin:14px auto 0;max-width:1400px;border-radius:28px;color:#fff;padding:clamp(26px,4vw,56px);background:radial-gradient(120% 140% at 0% 0%,#0f6b84 0%,#083a52 45%,#041a2a 100%)}
.wv-cvs{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.wv-load{min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:10px}.wv-load p{margin:0;font-size:20px;opacity:.85}
.wv-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}
.wv-k{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;opacity:.9;margin-right:auto}
.wv-live{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:wvLive 2s infinite}
@keyframes wvLive{70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.wv-sel select{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23fff' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center/11px;border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:600;font-size:15px;padding:9px 38px 9px 16px;border-radius:999px;cursor:pointer}
.wv-sel select option{color:#0b1218}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wv-geo{background:none;border:0;color:#fff;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.85}
.wv-main{display:grid;grid-template-columns:auto auto minmax(15rem,1fr);gap:clamp(18px,4vw,56px);align-items:center;margin-bottom:26px}
.wv-big{display:flex;align-items:flex-end;gap:10px}.wv-big b{font-size:clamp(84px,11vw,156px);font-weight:650;letter-spacing:-.06em;line-height:.8}
.wv-big span{display:flex;flex-direction:column;font-size:22px;font-weight:600;padding-bottom:8px}.wv-big small{font-size:14px;font-weight:500;opacity:.75}
.wv-dir{display:flex;align-items:center;gap:14px}.wv-rose{width:78px;height:78px;color:#fff}.wv-rose svg{width:100%;height:100%}.wv-rose text{fill:#fff;font-size:9px;font-weight:700;opacity:.7}
.wv-rose g{transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.wv-dir b{display:block;font-size:clamp(28px,3vw,40px);font-weight:650;letter-spacing:-.03em;line-height:1}.wv-dir small{font-size:14px;opacity:.75}
.wv-say{margin:0;font-size:clamp(18px,1.7vw,23px);line-height:1.35;font-weight:500;max-width:34ch;justify-self:end;text-align:right}
.wv-kg{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);margin-bottom:14px}
.wv-kg span{font-weight:600;font-size:14px}.wv-kg b{font-size:15px;min-width:52px}.wv-kg small{opacity:.7;font-size:13px;margin-left:auto}
.wv-kg input{flex:1;min-width:140px;max-width:360px;accent-color:#fff}
.wv-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.wv-c{padding:18px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.wv-cl{display:block;font-size:13px;font-weight:600;opacity:.8;margin-bottom:2px}.wv-cv{display:block;font-size:40px;font-weight:650;letter-spacing:-.04em;margin-bottom:12px}.wv-cv small{font-size:18px;font-weight:600;opacity:.8}
.wv-ch{display:flex;flex-direction:column;gap:6px}
.wv-ch a{display:flex;align-items:center;gap:10px;color:#fff;padding:6px;border-radius:14px;transition:background .2s}.wv-ch a:hover{background:rgba(255,255,255,.12);text-decoration:none}
.wv-ci{width:44px;height:44px;flex:0 0 auto;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}.wv-ci img{width:86%;height:86%;object-fit:contain}
.wv-ch b{display:block;font-size:13.5px;line-height:1.25}.wv-ch small{font-size:12.5px;opacity:.75}
.wv-none{margin:0;font-size:13.5px;opacity:.8}.wv-none a{color:#fff;text-decoration:underline}
.wv-next{margin-top:22px}.wv-nh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13.5px;margin-bottom:10px}.wv-nh span{opacity:.75}
.wv-bars{display:flex;align-items:flex-end;gap:3px;height:90px}
.wv-bars i{position:relative;flex:1;height:var(--g);border-radius:4px 4px 0 0;background:rgba(255,255,255,.12)}
.wv-bars i:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--a) / var(--g) * 100%);border-radius:4px 4px 0 0;background:rgba(255,255,255,.55)}
.wv-bars i.best:before{background:#5eead4}
.wv-bars small{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10.5px;opacity:.6}
.wv-src{margin:30px 0 0;font-size:11.5px;opacity:.55}
@media (max-width:1040px){.wv-main{grid-template-columns:1fr 1fr}.wv-say{grid-column:1/-1;justify-self:start;text-align:left}}
@media (max-width:600px){.wv{padding:0 8px}.wv-in{border-radius:22px;padding:22px 18px}.wv-main{grid-template-columns:1fr;gap:14px}.wv-kg small{margin-left:0;width:100%}.wv-bars{height:70px}}
.wv-when{grid-column:1/-1;font-size:14px;font-weight:600;opacity:.9;padding:2px 4px}
.wv-days-wrap{margin-top:22px}
.wv-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wv-day{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:4px}
.wv-dd{font-size:13px;font-weight:600;opacity:.8}
.wv-dk{font-size:30px;font-weight:650;letter-spacing:-.03em;line-height:1.05}.wv-dk small{font-size:14px;font-weight:600;opacity:.8}
.wv-dl{font-size:13.5px;font-weight:600}
.wv-dw{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.88}.wv-dw svg{width:18px;height:18px;flex:none}.wv-dw small{opacity:.7}
.wv-dg{font-size:11.5px;opacity:.6}
.wv-d-go .wv-dl{color:#5eead4}.wv-d-strong .wv-dl{color:#fbbf6b}.wv-d-light .wv-dl{opacity:.85}.wv-d-calm .wv-dl{opacity:.6}
@media (max-width:600px){.wv-days{grid-template-columns:1fr}}

/* scelta dello spot e del modello */
.wv-pick{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:16px;padding:8px 14px 8px 10px;cursor:pointer;text-align:left;transition:background .2s}
.wv-pick:hover{background:rgba(255,255,255,.2)}.wv-pick svg{width:20px;height:20px;flex:0 0 auto}
.wv-pick span{display:flex;flex-direction:column;line-height:1.15}.wv-pick b{font-size:15.5px}.wv-pick small{font-size:12px;opacity:.75}.wv-pick i{font-style:normal;opacity:.7;margin-left:4px}
.wv-mod select{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23fff' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center/10px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13.5px;font-weight:600;padding:9px 32px 9px 14px;border-radius:999px;cursor:pointer}
.wv-mod select option{color:#0b1218}
.wv-pop{position:absolute;inset:0;z-index:5;background:rgba(3,16,26,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:flex-end;padding:14px}
.wv-pop[hidden]{display:none}
.wv-pop-in{width:min(420px,100%);height:100%;background:#fff;color:#0b1218;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.6);animation:leoOpen .35s cubic-bezier(.2,.8,.2,1)}
.wv-ps{display:flex;gap:8px;padding:12px;border-bottom:1px solid #e6ebef}
.wv-ps input{flex:1;border:1px solid #d5dde3;border-radius:12px;padding:11px 14px;font-size:15px;outline:none}.wv-ps input:focus{border-color:#1b8fa6;box-shadow:0 0 0 3px rgba(27,143,166,.15)}
.wv-px{width:40px;border:0;background:#f1f4f6;border-radius:12px;font-size:22px;cursor:pointer}
.wv-pop .wv-geo{color:#0d6f8a;text-align:left;padding:10px 16px 4px;opacity:1}
.wv-pl{flex:1;overflow:auto;padding:4px 8px 14px}
.wv-pl h4{margin:14px 8px 4px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#6b7480}
.wv-pl button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;border:0;background:none;text-align:left;padding:9px 10px;border-radius:10px;cursor:pointer;color:#0b1218}
.wv-pl button:hover{background:#f1f6f8}.wv-pl b{font-size:14.5px;font-weight:600}.wv-pl small{font-size:12.5px;color:#6b7480;white-space:nowrap}
.wv-pe{padding:10px;color:#6b7480;font-size:14px}
@media (max-width:600px){.wv-pop{position:fixed;padding:0;z-index:60}.wv-pop-in{width:100%;border-radius:0}}
.wv-auto{flex-basis:100%;order:3;font-size:12.5px;opacity:.75;text-align:right}@media (max-width:600px){.wv-auto{text-align:left}}

/* social nel piè di pagina */
.f-soc{display:flex;align-items:center;gap:11px;margin:0}.f-soc span{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:#7f91ad;margin-right:5px}
.f-soc a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#e7edf6;transition:transform .2s,background .2s,color .2s}
.f-soc a:hover{transform:translateY(-2px);background:#fff;color:var(--ink)}.f-soc svg{width:19px;height:19px}

/* fascia recensioni Trustpilot */
.tp{display:grid;grid-template-columns:minmax(260px,.9fr) 2fr;gap:clamp(20px,4vw,56px);align-items:center;margin:56px 0;padding:clamp(26px,4vw,52px);border-radius:28px;background:#fff;border:1px solid var(--line,#e3e8ee)}
.tp-k{display:block;font-size:13px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:#6b7480;margin-bottom:10px}
.tp-score{display:flex;align-items:center;gap:16px}.tp-score b{font-size:clamp(64px,7vw,96px);font-weight:650;letter-spacing:-.05em;line-height:.9;color:#0b1218}
.tp-stars{display:flex;gap:4px}.tp-stars i,.tp-mini i{width:30px;height:30px;background:#00b67a;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.9 7.1.6-5.4 4.7 1.6 7.1L12 17.6 5.8 21.3l1.6-7.1L2 9.5l7.1-.6z'/%3E%3C/svg%3E") center/70% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.9 7.1.6-5.4 4.7 1.6 7.1L12 17.6 5.8 21.3l1.6-7.1L2 9.5l7.1-.6z'/%3E%3C/svg%3E") center/70% no-repeat;position:relative}
.tp-stars i{border-radius:4px;-webkit-mask:none;mask:none;background:#00b67a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3.5l2.6 6.1 6.4.5-4.9 4.2 1.5 6.3L12 17.3l-5.6 3.3 1.5-6.3L3 10.1l6.4-.5z'/%3E%3C/svg%3E") center/76% no-repeat}
.tp-stars i:last-child{background:linear-gradient(90deg,#00b67a 80%,#dcdce6 80%)}.tp-stars i:last-child:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3.5l2.6 6.1 6.4.5-4.9 4.2 1.5 6.3L12 17.3l-5.6 3.3 1.5-6.3L3 10.1l6.4-.5z'/%3E%3C/svg%3E") center/76% no-repeat}
.tp-t{margin:14px 0 18px;font-size:16px;line-height:1.45}.tp-t span{font-size:14px;color:#5b6472}
.tp-cta{display:inline-flex;gap:6px;font-weight:650;color:#0b1218;text-decoration:underline;text-underline-offset:4px}
.tp-r{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tp-c{padding:18px;border-radius:18px;background:#f6f8f9;border:1px solid #eef1f3}
.tp-mini{display:flex;gap:2px;margin-bottom:8px}.tp-mini i{width:16px;height:16px;-webkit-mask-size:100%;mask-size:100%}
.tp-c b{display:block;font-size:16px;margin-bottom:4px}.tp-c p{margin:0;font-size:14px;color:#4a5361;line-height:1.45}
.tp-note{grid-column:1/-1;margin:2px 0 0;font-size:11.5px;color:#8a929c}
@media (max-width:900px){.tp{grid-template-columns:1fr}.tp-r{grid-template-columns:1fr}}
.wm-img{display:flex;align-items:center}.wm-img img{height:38px;width:auto;display:block;border-radius:6px}
.prose h2{font-size:20px;margin:22px 0 8px}.prose ul{padding-left:20px}.prose li{margin:4px 0}

/* altri colori dello stesso modello */
.sib{margin-top:14px}.sib-l{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.sib-i{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:1px solid var(--line,#e3e8ee);border-radius:14px;background:#fff;color:#0b1218;font-size:13.5px;font-weight:600;transition:border-color .2s,transform .2s}
.sib-i:hover{border-color:#0b1218;text-decoration:none;transform:translateY(-1px)}.sib-im{width:40px;height:40px;border-radius:10px;overflow:hidden;background:#fff;display:grid;place-items:center}.sib-im img{width:90%;height:90%;object-fit:contain}
/* video del prodotto integrato nella pagina */
.pvid{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(18px,4vw,48px);align-items:center;margin:34px 0;padding:clamp(22px,4vw,44px);border-radius:28px;background:radial-gradient(120% 140% at 0% 0%,#123a4f 0%,#071a26 70%);color:#fff}
.pvid-k{font-size:12.5px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;opacity:.8}.pvid h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.03em;margin:10px 0}.pvid p{opacity:.85;margin:0}
.pvid-play{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:20px;overflow:hidden;cursor:pointer;background:#000;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.pvid-play img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .3s}.pvid-play:hover img{transform:scale(1.04);opacity:1}
.pvid-play i{position:absolute;left:50%;top:50%;width:86px;height:86px;margin:-43px 0 0 -43px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 10px 40px rgba(0,0,0,.4)}
.pvid-play i:after{content:"";position:absolute;left:35px;top:27px;border-left:24px solid #0b1218;border-top:16px solid transparent;border-bottom:16px solid transparent}
.pvid-play small{position:absolute;left:12px;right:12px;bottom:10px;font-size:11px;color:#fff;opacity:.8;text-align:left}
.pvid-play.on iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:900px){.pvid{grid-template-columns:1fr}}
/* perché comprare da noi */
.why{margin:16px 0 10px;padding:16px;border-radius:20px;background:#f6f8f9;border:1px solid #eef1f3;display:grid;gap:10px}
.why-h{font-size:15px}.why-i{display:flex;gap:12px;align-items:flex-start;color:#0b1218}.why-i:hover{text-decoration:none}
.why-i>span{width:32px;height:32px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid #e3e8ee;font-weight:700}
.why-i b{display:block;font-size:14px}.why-i small{font-size:13px;color:#5b6472;line-height:1.35}
.why-pg>span{background:#0b1218;color:#fff;border-color:#0b1218}
.why-tp{flex-direction:column;align-items:flex-start;gap:7px}.why-tpd{font-size:13px;color:#5b6472;line-height:1.35}.tpb{display:inline-flex;align-items:center;gap:8px}.tpb-s{display:flex;gap:3px}.tpb-s i{width:17px;height:17px;display:block;border-radius:3px;position:relative;background:#00b67a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3.5l2.6 6.1 6.4.5-4.9 4.2 1.5 6.3L12 17.3l-5.6 3.3 1.5-6.3L3 10.1l6.4-.5z'/%3E%3C/svg%3E") center/76% no-repeat}.tpb-s i:last-child{background:linear-gradient(90deg,#00b67a 80%,#dcdce6 80%)}.tpb-s i:last-child:after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3.5l2.6 6.1 6.4.5-4.9 4.2 1.5 6.3L12 17.3l-5.6 3.3 1.5-6.3L3 10.1l6.4-.5z'/%3E%3C/svg%3E") center/76% no-repeat}.tpb small{font-size:12.5px;color:#5b6472}.tpb small b{color:#0b1218;font-weight:700;font-size:14px}

/* logo: su telefono più piccolo, la pagina non deve mai uscire dallo schermo */
.wm-img img{height:34px;width:auto;max-width:44vw;object-fit:contain}
@media (max-width:600px){.wm-img img{height:24px;max-width:46vw}}
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}

/* scelta dello spot: pannello sopra a tutto, ricerca in alto, zone da toccare */
.wv-pop{position:fixed!important;inset:0;z-index:200;background:rgba(3,16,26,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:flex-end;padding:14px}
.wv-pop-in{width:min(440px,100%);height:100%;color:#0b1218}
.wv-ph{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 4px 18px}.wv-ph b{font-size:18px}
.wv-ps{display:flex;gap:8px;padding:10px 14px 6px;border-bottom:0}
.wv-ps input{font-size:16px}
.wv-go{border:0;background:#0b1218;color:#fff;font-weight:650;border-radius:12px;padding:0 16px;cursor:pointer}
.wv-pop .wv-geo{padding:8px 18px;font-size:14.5px;text-decoration:none;font-weight:600}
.wv-zones{display:flex;flex-wrap:wrap;gap:8px;padding:2px 8px 6px}
.wv-z{border:1px solid #d5dde3;background:#fff;border-radius:999px;padding:8px 13px;font-size:14px;font-weight:600;color:#0b1218;cursor:pointer;width:auto!important;display:inline-block!important}
.wv-z.on{background:#0b1218;color:#fff;border-color:#0b1218}
.wv-lock{overflow:hidden}
@media (max-width:600px){.wv-pop{padding:0}.wv-pop-in{width:100%;border-radius:0;padding-top:env(safe-area-inset-top)}}
/* Logo DNA Surf: logo invariato, presentazione nuova (comparsa + onda di colore che lo attraversa) */
.wm-img{position:relative;isolation:isolate;overflow:hidden;border-radius:6px;background:#fff}
.wm-img img{border-radius:0;animation:wmIn 1.1s cubic-bezier(.2,.7,.2,1) both}
.wm-img::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:lighten;
  background:linear-gradient(105deg,rgba(0,0,0,0) 0 38%,#14c4d6 46%,#2a7cf7 52%,#7b5cff 57%,rgba(0,0,0,0) 66% 100%);
  background-size:260% 100%;background-position:130% 0;animation:wmWave 7s ease-in-out 1s infinite}
.wm-img::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:2;border-radius:2px;
  background:linear-gradient(90deg,#14c4d6,#2a7cf7,#7b5cff);transform-origin:left;transform:scaleX(0);
  animation:wmLine 1.4s cubic-bezier(.2,.7,.2,1) .5s forwards}
.wm-img:hover::after,.wm-img:focus-visible::after{animation:wmWave 1.3s ease-in-out 1}
.wm-img:hover img{transform:scale(1.03);transition:transform .4s}
@keyframes wmIn{from{clip-path:inset(0 100% 0 0);filter:blur(6px);opacity:.3;transform:translateY(3px)}to{clip-path:inset(0 0 0 0);filter:blur(0);opacity:1;transform:none}}
@keyframes wmWave{0%{background-position:130% 0}22%{background-position:-30% 0}100%{background-position:-30% 0}}
@keyframes wmLine{0%{transform:scaleX(0);opacity:1}70%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:.0}}
@media (prefers-reduced-motion:reduce){.wm-img img,.wm-img::after,.wm-img::before{animation:none}.wm-img::before{display:none}}
/* Il vento adesso: frase legata all'ora del cliente */
.wv-ora{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:15px;line-height:1.4;color:#eaf6fb;animation:wvOra .7s ease both}
.wv-ora span:first-child{font-size:20px;line-height:1}
@keyframes wvOra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Trova il ricambio */
.ric-h{padding:28px 0 8px}.ric-h h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.03em;margin:6px 0 8px}.ric-h p{color:var(--muted,#5b6875);max-width:640px;margin:0 0 16px}
.ric-s{display:flex;gap:8px;max-width:640px}.ric-s input{flex:1;min-width:0;height:48px;border-radius:14px;border:1px solid var(--line,#dde3ea);padding:0 16px;font-size:16px;background:#fff}
.ric-steps{display:flex;gap:8px;list-style:none;padding:0;margin:16px 0 6px;flex-wrap:wrap}.ric-steps li{font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:#eef2f5;color:#6b7785}
.ric-steps li.on{background:#0b2233;color:#fff}.ric-steps li.done{background:#d9f1f4;color:#0b6b78}.ric-steps a{color:inherit;text-decoration:none}
.ric-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:18px 0}
.ric-g{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:22px;background:#fff;border:1px solid var(--line,#e3e8ee);text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s}
.ric-g:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,30,51,.12)}.ric-g b{font-size:18px}.ric-g small{color:#5b6875}.ric-g em{font-style:normal;font-size:13px;font-weight:700;color:#0b8a99;margin-top:auto}
.ric-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e2f6f8,#e7eefc)}.ric-ic svg{width:24px;height:24px}
.ric-parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:18px 0}
.ric-part{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line,#e3e8ee);text-decoration:none;color:inherit}
.ric-part:hover{border-color:#0b8a99}.ric-part small{color:#0b8a99;font-weight:600}.ric-part.none{opacity:.55}.ric-part.none small{color:#6b7785}
.ric-all{font-size:20px;margin:26px 0 12px}
.ric-help,.ric-link,.ric-ban{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;text-decoration:none;color:inherit;margin:22px 0}
.ric-help{background:#0b2233;color:#fff}.ric-help small{color:#bcd0dc}.ric-help svg{width:22px;height:22px;flex:none}
.ric-link{background:#f1f6f8;border:1px solid #dbe7ec;margin:12px 0}.ric-link svg{width:22px;height:22px;flex:none}
.ric-help span,.ric-link span,.ric-ban span{display:flex;flex-direction:column;gap:2px;flex:1}.ric-link small,.ric-ban small{color:#5b6875}
.ric-ban{background:linear-gradient(120deg,#e2f6f8,#eef0ff);border:1px solid #d4e8ee}.ric-ban .ric-ic{flex:none;background:#fff}
.ric-ban .ric-go{flex:none;flex-direction:row;align-items:center;gap:6px;font-weight:700;color:#0b6b78;white-space:nowrap}.ric-ban .ric-go svg{width:16px;height:16px}
@media (max-width:600px){.ric-ban{flex-wrap:wrap}.ric-ban .ric-go{width:100%}}
/* Cassa: consegne divise per data (come Zalando) */
.co-dl{border:1px solid var(--line,#e3e8ee);border-radius:16px;padding:10px 12px;margin:0 0 10px;background:#fbfcfd}
.co-dh{display:flex;gap:10px;align-items:flex-start;margin:0 0 6px}.co-dh svg{width:20px;height:20px;flex:none;color:#0b8a99;margin-top:2px}
.co-dh span{display:flex;flex-direction:column}.co-dh b{font-size:14px}.co-dh small{color:#5b6875;font-size:12px}
.co-th{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.co-thi{position:relative;width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--line,#e3e8ee);display:grid;place-items:center;overflow:hidden}
.co-thi .art{max-width:84%;max-height:84%;width:auto;height:auto}
.co-thi i{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--cta-buy,linear-gradient(135deg,#ff8a3d,#ff5e3a));color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;font-style:normal;box-shadow:0 2px 6px rgba(255,94,58,.35)}
.co-split{margin:0 0 12px}
.co-split{display:flex;gap:8px;align-items:flex-start}.co-split svg{width:18px;height:18px;flex:none;margin-top:1px}
.sum p.muted svg,.sum .small svg{width:16px;height:16px;vertical-align:-3px;display:inline-block}
.ric-steps{justify-content:flex-start!important;display:flex!important}.ric-steps li{flex:none!important;width:auto!important}
/* icone dentro le righe di testo: mai più grandi del testo */
p.muted svg,p.small svg,.small>svg{width:1.15em!important;height:1.15em!important;vertical-align:-.2em;display:inline-block;flex:none}
.ric-none{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:16px 18px;margin:18px 0}.ric-none b{display:block;font-size:16px;margin-bottom:4px}.ric-none p{margin:0;color:#5b4636}
.mf-note{font-size:13.5px;color:var(--mut);margin:2px 0 16px;line-height:1.5}.mf-note a{color:var(--blue)}
.mf-help{font-size:15.5px;line-height:1.6;color:var(--ink2,#2b3445)}.mf-help p{margin:0 0 12px}.mf-help b{color:var(--ink)}
/* Rata PayPal: sotto il prezzo intero, mai al suo posto */
.pr-rate{display:block;font-size:12.5px;color:#0b6b78;margin-top:2px}.pr-rate b{font-weight:700}
.pr-rate.big{font-size:15px;margin:6px 0 2px;padding:8px 12px;border-radius:12px;background:#eef8fa;display:inline-block}
.cart-rate{font-size:13.5px;color:#0b6b78;background:#eef8fa;border-radius:12px;padding:8px 12px;margin:10px 0}
/* Logo sempre intero: non si restringe mai; se manca spazio scorre il menu delle discipline */
.wm-img{flex:0 0 auto!important;width:auto!important;min-width:max-content}
.wm-img img{max-width:none!important}
.bb-in .disc{min-width:0;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}.bb-in .disc::-webkit-scrollbar{display:none}
.bb-in .hicons{flex:0 0 auto}
@media (max-width:600px){.wm-img img{height:24px;width:auto;max-width:46vw!important}}
/* Cassa veloce */
.co-fast .co-x{display:grid;gap:10px}
.xbtn{height:56px;border-radius:14px;border:0;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.x-apple,.x-google{background:#000;color:#fff}.x-paypal{background:#ffc439;color:#003087}.x-paypal small{font-size:13px;font-weight:600;color:#1a2b4a}
.co-xn{margin:2px 0 0;font-size:13px;color:#5b6875;text-align:center}.co-xmsg:empty{display:none}.co-xmsg{font-size:13.5px;background:#eef8fa;border-radius:12px;padding:10px 12px}
.co-or{display:flex;align-items:center;gap:12px;margin:16px 0;color:#6b7785;font-size:13px;font-weight:600}.co-or:before,.co-or:after{content:"";flex:1;height:1px;background:var(--line,#dde3ea)}
.co-card .pay-btn{height:56px;font-size:17px;margin-top:12px}.co-legal{margin:10px 0 4px}
.co-low{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:14px;padding:12px 14px;margin:0 0 12px;font-size:14px}
.co-after{display:grid;gap:10px;margin:14px 0}
/* Logo DNA Surf "che si scrive": stesso disegno del logo (ricavato dal file originale), colori che scorrono come i titoli */
.wm-live{position:relative;display:block;flex:0 0 auto;height:30px;aspect-ratio:1389/168;text-decoration:none}
.wm-ink{position:absolute;inset:0;-webkit-mask:url(img/logo-dna.png) left center/contain no-repeat;mask:url(img/logo-dna.png) left center/contain no-repeat;
  background:linear-gradient(90deg,#0a2540,#0a4d8c,#0e8fa0,#36c2c0,#7b5cff,#ff8a5b,#0a4d8c,#0a2540);background-size:400% 100%;background-position:0% 0;
  animation:wmWrite 1.5s cubic-bezier(.55,.05,.25,1) .15s both,wmFlow 14s linear 1.7s infinite}
.wm-pen{position:absolute;top:-8%;bottom:-8%;left:0;width:3px;border-radius:3px;background:linear-gradient(#36c2c0,#7b5cff);box-shadow:0 0 14px 2px rgba(54,194,192,.8);
  opacity:0;animation:wmPen 1.5s cubic-bezier(.55,.05,.25,1) .15s both}
.wm-live:hover .wm-ink{animation-duration:1.5s,4s}
@keyframes wmWrite{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes wmPen{0%{left:0;opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
@keyframes wmFlow{from{background-position:0% 0}to{background-position:-400% 0}}
@media (max-width:600px){.wm-live{height:22px}}
@media (prefers-reduced-motion:reduce){.wm-ink,.wm-pen{animation:none}.wm-pen{display:none}.wm-ink{background-position:30% 0}}
/* Logo che si scrive tratto per tratto (firma), poi colori che scorrono */
.wm-live .wm-svg{position:absolute;inset:0;width:100%;height:100%;-webkit-mask:url(img/logo-dna.png) left center/contain no-repeat;mask:url(img/logo-dna.png) left center/contain no-repeat}
.wm-live .wm-svg path{stroke-dasharray:1 1;stroke-dashoffset:1;animation:wmDraw var(--t) cubic-bezier(.45,.05,.35,1) var(--d) forwards}
.wm-live.still .wm-svg path{animation:none;stroke-dashoffset:0}
@keyframes wmDraw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.wm-live .wm-svg path{animation:none;stroke-dashoffset:0}}
/* il menu delle discipline parte sempre dopo il logo (niente lettere nascoste sotto) */
.bb-in .disc{justify-content:flex-start!important}
@supports (justify-content:safe center){.bb-in .disc{justify-content:safe center!important}}
/* Cassa "a passi": toni calmi, un passo alla volta */
.co-play .cp-h{padding:8px 0 14px;position:relative}
.co-play .cp-h::before{content:"";position:absolute;left:-10%;top:-20px;width:62%;height:150px;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 20% 30%,rgba(255,138,61,.16),rgba(123,97,255,.08) 55%,transparent 72%);filter:blur(4px)}
.cp-k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0e8fa0}
.cp-h h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;margin:6px 0 8px}
.cp-sub{margin:0 0 14px;font-size:15px;line-height:1.4;color:#0e8fa0;font-weight:600;max-width:42ch}
.cp-bar{height:6px;border-radius:6px;background:#e6eef2;overflow:hidden}.cp-bar i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#0a4d8c,#0e8fa0,#36c2c0);transition:width .6s cubic-bezier(.3,1.4,.5,1)}
.cp-steps{counter-reset:cpst;display:flex;gap:8px;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:12px 0 0;font-size:13px;font-weight:700;color:#93a1ad}
.cp-steps li{counter-increment:cpst;display:flex;align-items:center;gap:7px;padding:6px 13px 6px 7px;border-radius:999px;background:#eef3f6;border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.cp-steps li::before{content:counter(cpst);display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#cbd5dd;color:#fff;font-size:12px;font-weight:800;flex:none}
.cp-steps li.on{color:#0a2540;background:#fff;border-color:rgba(255,94,58,.38);box-shadow:0 5px 14px rgba(255,94,58,.16)}
.cp-steps li.on::before{background:var(--cta-buy,linear-gradient(135deg,#ff8a3d,#ff5e3a))}
.cp-steps li.ok{color:#0e8fa0;background:#e9faf7}
.cp-steps li.ok::before{content:"✓";background:#0e8fa0}
.cp-quick{background:#fff;border:1px solid #e3e8ee;border-radius:18px;padding:14px 16px;margin:0 0 14px}.cp-quick>span{display:block;font-size:13px;color:#5b6875;margin-bottom:10px}
.cp-quick>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qbtn{height:48px;border-radius:14px;background:#fff;border:1.5px solid #cfd8e0;color:#0a2540;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:border-color .2s,transform .2s}
.qbtn:hover{border-color:#0e8fa0;transform:translateY(-1px)}.qbtn .pp{color:#003087;font-style:italic}.qbtn small{font-size:12px;color:#5b6875;font-weight:500}
.cp-card{background:#fff;border:1px solid #e3e8ee;border-radius:22px;padding:22px;margin:0 0 14px;animation:cpIn .45s cubic-bezier(.2,.8,.2,1) both}
.cp-card h2{font-size:21px;letter-spacing:-.02em;margin:0 0 14px}.cp-card.done{opacity:.6}.cp-card.done .cp-next{display:none}
.fld.big input{height:56px;font-size:18px}
.cp-next,.cp-go{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border:0;border-radius:16px;margin-top:14px;font-size:17px;font-weight:700;color:#fff;cursor:pointer;
  background:linear-gradient(120deg,#0a4d8c,#0e8fa0);box-shadow:0 10px 24px rgba(10,77,140,.18);transition:transform .2s,box-shadow .2s}
.cp-next:hover,.cp-go:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(10,77,140,.24)}.cp-next:active,.cp-go:active{transform:scale(.98)}
.cp-pay{display:grid;gap:10px;margin-bottom:12px}
.cp-opt{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1.5px solid #e3e8ee;border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s}
.cp-opt:has(input:checked){border-color:#0e8fa0;background:#f2fafb}.cp-opt input{accent-color:#0e8fa0;width:18px;height:18px}.cp-opt span{display:flex;flex-direction:column}.cp-opt small{color:#5b6875}
.co-play .co-low{background:#f2fafb;border-color:#cfe8ec;color:#0a4d5c}
/* email anti-errore */
.fld.big input.bad{border-color:#e4572e;box-shadow:0 0 0 3px rgba(228,87,46,.12)}
.mc-ac{list-style:none;margin:8px 0 0;padding:6px;border:1px solid #e3e8ee;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(10,30,51,.08);max-width:100%;overflow:hidden}
.mc-ac li{padding:11px 14px;border-radius:10px;font-size:16px;color:#2a3744;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-ac li b{font-weight:700;color:#0a1e33}.mc-ac li:hover{background:#f2fafb}
.mc-sug{margin:8px 2px 0;font-size:14.5px;color:#5b6875}
.mc-sug .mc-fix{border:0;background:#eef6ff;color:#0a4d8c;font-weight:700;font-size:14.5px;padding:4px 9px;border-radius:9px;cursor:pointer}
.mc-sug .mc-fix:hover{background:#dcecff}
.fld-msg{margin:7px 2px 0;font-size:14px;color:#e4572e;min-height:0}.fld-msg:empty{margin:0}
.co-confirm{margin:14px 0 0;padding:16px 18px;border:1px solid #cfe8ec;background:linear-gradient(180deg,#f6fbfc,#eef7f9);border-radius:16px;animation:cpIn .32s ease both}
.co-confirm p{margin:0 0 12px;font-size:16px;color:#0a1e33;line-height:1.45}.co-confirm b{word-break:break-all}
.co-confirm .cc-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.co-confirm .cc-ok{margin-top:0;width:auto;min-width:160px;padding:0 24px}
.co-confirm .cc-edit{border:0;background:none;color:#5b6875;font-size:15px;font-weight:600;text-decoration:underline;cursor:pointer;padding:6px}
@media (prefers-reduced-motion:reduce){.co-confirm{animation:none}}
@keyframes cpIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
/* festa alla conferma */
.done-ic{animation:doneIn .7s cubic-bezier(.3,1.6,.5,1) both}@keyframes doneIn{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:300;overflow:hidden}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:cfFall linear forwards}
@keyframes cfFall{to{transform:translate3d(var(--x),110vh,0) rotate(720deg)}}
@media (prefers-reduced-motion:reduce){.cp-card,.done-ic{animation:none}.confetti{display:none}}
/* logo: lunghezze reali dei tratti (funziona uguale su Safari e Chrome); finita la scrittura, il logo è pieno e nitido */
.wm-live .wm-svg path{stroke-dasharray:var(--l) var(--l)!important;stroke-dashoffset:var(--l);animation:wmDraw var(--t) cubic-bezier(.45,.05,.35,1) var(--d) forwards}
@keyframes wmDraw{to{stroke-dashoffset:0}}
.wm-live.still .wm-r,.wm-live.wrote .wm-r{mask:none}
.wm-live.still .wm-svg path{animation:none;stroke-dashoffset:0}
/* schermi grandi: pagina più ampia e un po' più grande, mai "rimpicciolita" */
.wrap{padding-left:min(4vw,40px);padding-right:min(4vw,40px)}
@media (min-width:1500px){.wrap{max-width:1320px}}
@media (min-width:1900px){.wrap{max-width:1400px}}

/* schermi medi: le discipline vanno su una seconda riga, così si vedono TUTTE (Windsurf … Equipaggiamento personale, Offerte) */
@media (min-width:981px) and (max-width:1440px){
  .bb-in{flex-wrap:wrap}
  .bb-in .disc{order:3;flex:1 0 100%;justify-content:center!important;overflow:visible;padding:6px 0 10px;border-top:1px solid var(--line,#e6ebef);margin-top:6px}
  .bb-in .hicons{margin-left:auto}
}
.off-t{width:100%;border-collapse:collapse;margin:12px 0 4px;font-size:14px}.off-t th,.off-t td{text-align:left;padding:7px 10px;border-bottom:1px solid #e6ebef}.off-t th{font-size:12px;color:#5b6875;font-weight:600}
.co-trust{margin-top:14px;padding:14px 16px;border-radius:16px;background:#f4f8fa;border:1px solid #e1eaef;font-size:13.5px}.co-trust b{display:block;margin-bottom:4px}.co-trust p{margin:0 0 8px;color:#3d4b57;line-height:1.45}
.co-trust a{color:#0b6b78;font-weight:600;text-decoration:none;display:block;margin-bottom:6px}.co-trust small{color:#7a8794}
/* Desktop (tutti i 16:9, anche grandi): intestazione su due righe — logo e icone sopra, TUTTE le discipline sotto, centrate */
@media (min-width:981px){
  .bb-in{flex-wrap:wrap}
  .bb-in .disc{order:3;flex:1 0 100%!important;justify-content:center!important;overflow:visible!important;padding:6px 0 10px;border-top:1px solid var(--line,#e6ebef);margin-top:6px}
  .bb-in .hicons{margin-left:auto}
}
/* pagina più ampia: su un 16:9 il contenuto usa lo schermo, senza grandi bande vuote ai lati */
@media (min-width:1280px){.wrap{max-width:min(1440px,92vw)}}
@media (min-width:1700px){.wrap{max-width:min(1520px,90vw)}}

/* Vetrina: foto che respira, si inclina e mostra il dettaglio */
.pc-img{perspective:900px;overflow:hidden}
.pc-img .pic,.pc-img .pic2{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease;transform:rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateZ(0);will-change:transform}
.pc-img .pic{animation:pcFloat 7s ease-in-out infinite}
.pc-img .pic2{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:inherit;opacity:0;pointer-events:none}
.pc:hover .pc-img .pic2{opacity:1}.pc:hover .pc-img .pic2+.pc-bdg{z-index:2}
.pc:hover .pc-img:has(.pic2) .pic{opacity:0}
.pc-img.tilting .pic,.pc-img.tilting .pic2{animation:none;transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(1.06)}
.pc-img:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--lx,50%) var(--ly,30%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .4s}
.pc-img.tilting:after{opacity:1}
.pc-img:before{content:"";position:absolute;left:22%;right:22%;bottom:9%;height:10px;border-radius:50%;background:radial-gradient(rgba(10,37,64,.18),transparent 70%);filter:blur(3px);pointer-events:none}
@keyframes pcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.pc-f{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 6px}.pc-f i{font-style:normal;font-size:11.5px;font-weight:600;color:#0a4d5c;background:#eef7f8;border:1px solid #d6ecef;border-radius:999px;padding:3px 8px;display:inline-flex;gap:4px;align-items:center}.pc-f b{font-weight:700;color:#0e8fa0}
.pp-f{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}.pp-f span{font-size:13.5px;font-weight:600;color:#0a4d5c;background:#eef7f8;border:1px solid #d6ecef;border-radius:999px;padding:6px 12px;display:inline-flex;gap:6px}.pp-f b{color:#0e8fa0}
/* fondo caldo: sabbia chiara con una luce lentissima, appena percepibile */
body{background:linear-gradient(180deg,#f7f3ec 0%,#f3efe7 40%,#eef2f1 100%) fixed}
body:before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 20% 25%,rgba(255,214,170,.28),transparent 70%),radial-gradient(35% 30% at 80% 70%,rgba(54,194,192,.14),transparent 70%);animation:sunDrift 40s ease-in-out infinite alternate}
@keyframes sunDrift{from{transform:translate3d(-3%,-2%,0)}to{transform:translate3d(3%,2%,0)}}
@media (prefers-reduced-motion:reduce){.pc-img .pic{animation:none}body:before{animation:none}}
/* intestazione su due righe: mai sopra al contenuto */
@media (min-width:981px){.brandbar{padding-bottom:0!important}.bb-in{height:auto!important;min-height:68px;align-items:center}.bb-in .disc{position:static!important;height:auto!important}}
/* colori veri: pallino del colore quando il fornitore non ha la foto per colore */
.sw{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);flex:none}.sw.big{width:30px;height:30px}
.col-note{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#3d4b57;background:#f4f8fa;border:1px solid #e1eaef;border-radius:14px;padding:10px 12px;margin:10px 0}
/* ═══ VETRINA DA NEGOZIO ═══ faretto dall'alto, ripiano di cristallo con riflesso, piatto girevole al passaggio */
.pc-img{background:radial-gradient(70% 55% at 50% 0%,#ffffff 0%,#f3f6f8 55%,#e6ecf0 100%)!important}
.pc-img:before{content:"";position:absolute;left:8%;right:8%;bottom:16%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);box-shadow:0 10px 18px rgba(10,37,64,.10),0 1px 0 rgba(10,37,64,.08);filter:none;pointer-events:none;z-index:1}
.pc-img:after{content:"";position:absolute;left:50%;top:-30%;width:70%;height:90%;transform:translateX(-50%);background:radial-gradient(50% 60% at 50% 0%,rgba(255,250,235,.85),transparent 70%);opacity:.55;pointer-events:none;transition:opacity .6s;z-index:2;mix-blend-mode:screen}
.pc-img .pic{position:relative;z-index:1;-webkit-box-reflect:below -6px linear-gradient(transparent 62%,rgba(255,255,255,.28));animation:pcFloat 7s ease-in-out infinite;transform-origin:50% 80%}
.pc:hover .pc-img:after{opacity:1}
.pc:hover .pc-img .pic,.pc-img.tilting .pic{animation:pcTurn 4.5s ease-in-out infinite;filter:drop-shadow(0 18px 18px rgba(10,37,64,.16))}
@keyframes pcTurn{0%{transform:translateY(-10px) rotateY(0) scale(1.05)}25%{transform:translateY(-12px) rotateY(16deg) scale(1.05)}50%{transform:translateY(-10px) rotateY(0) scale(1.05)}75%{transform:translateY(-12px) rotateY(-16deg) scale(1.05)}100%{transform:translateY(-10px) rotateY(0) scale(1.05)}}
.pc-img.tilting .pic{transform:none}
/* entrata sul ripiano */
.pc.seen{opacity:0;transform:translateY(26px) scale(.98);transition:opacity .7s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*90ms),transform .7s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*90ms)}
.pc.seen.in{opacity:1;transform:none}
.pc{transition:box-shadow .4s,transform .4s}.pc:hover{box-shadow:0 22px 50px rgba(10,37,64,.14);transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){.pc-img .pic,.pc:hover .pc-img .pic{animation:none}.pc.seen{opacity:1;transform:none}}
/* Compatibilità e consigli */
.cmp{margin:16px 0;padding:18px;border-radius:20px;background:#fff;border:1px solid #e3e8ee}
.cmp-h{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0e8fa0;margin:12px 0 8px}.cmp-h:first-child{margin-top:0}
.cmp-p{font-size:14.5px;line-height:1.5;color:#2b3a46;margin:6px 0}.cmp-u{margin:0;padding-left:18px;font-size:14.5px;line-height:1.7}
.cmp .off-t tr.on td{background:#eef8fa;font-weight:700}
.cmp-l{display:grid;gap:8px}.cmp-i{display:flex;gap:10px;align-items:center;padding:8px;border-radius:14px;border:1px solid #e6ebef;text-decoration:none;color:inherit;transition:border-color .2s}
.cmp-i:hover{border-color:#0e8fa0}.cmp-im{width:52px;height:52px;flex:none;border-radius:10px;background:#f3f6f8;display:grid;place-items:center;overflow:hidden}.cmp-im img,.cmp-im svg{max-width:90%;max-height:90%;object-fit:contain}
.cmp-i b{display:block;font-size:13.5px}.cmp-i small{color:#5b6875}
.cmp-tip{margin-top:12px;padding:12px 14px;border-radius:14px;background:#fbf6ee;border:1px solid #f0e2c8}.cmp-tip b{font-size:13px;color:#8a5a12}.cmp-tip p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:#4a3b22}
/* rotazione del piatto girevole +50% (16° → 24°) */
@keyframes pcTurn{0%{transform:translateY(-10px) rotateY(0) scale(1.05)}25%{transform:translateY(-12px) rotateY(24deg) scale(1.05)}50%{transform:translateY(-10px) rotateY(0) scale(1.05)}75%{transform:translateY(-12px) rotateY(-24deg) scale(1.05)}100%{transform:translateY(-10px) rotateY(0) scale(1.05)}}
/* rotazione del piatto girevole raddoppiata (24° → 48°), foto reale del prodotto */
@keyframes pcTurn{0%{transform:translateY(-10px) rotateY(0) scale(1.05)}25%{transform:translateY(-12px) rotateY(48deg) scale(1.05)}50%{transform:translateY(-10px) rotateY(0) scale(1.05)}75%{transform:translateY(-12px) rotateY(-48deg) scale(1.05)}100%{transform:translateY(-10px) rotateY(0) scale(1.05)}}
.pc:hover .pc-img .pic{animation-duration:5.5s}
/* menu a tendina: niente apertura al semplice passaggio; un velo scuro separa il menu dalla pagina sotto */
.mg-i:hover .mg-p,.mg-i:focus-within .mg-p{display:none}
.mg-i.open .mg-p{display:block;animation:mgIn .22s cubic-bezier(.2,.8,.2,1) both;z-index:60}
@keyframes mgIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
body.mg-on main,body.mg-on .foot{filter:blur(2px) brightness(.92);transition:filter .25s}
main,.foot{transition:filter .25s}
/* voce attiva sempre leggibile, anche col mouse sopra */
.dpill.on,.dpill.on:hover,.mg-i:hover .dpill.on,.mg-i.open .dpill.on{background:#0a2540!important;color:#fff!important}
.mg-i.open .dpill:not(.on){background:#e8f1f4}
/* 8 nov: menu a tendina di nuovo attivo (hover/clic apre, doppio clic = categoria) */
body.mg-on main,body.mg-on .foot{filter:none!important}
/* piatto girevole con spessore: ruota il blocco (foto + strati), non la sola foto */
.pc-3d{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 80%;transition:transform .5s}
.pc-3d .pic{position:absolute!important;inset:0;width:100%;height:100%;object-fit:contain;animation:none!important}
.pc-3d .pic.layer{transform:translateZ(var(--z));filter:brightness(var(--b)) saturate(.9);-webkit-box-reflect:unset!important;opacity:.98}
.pc-3d .pic:not(.layer){transform:translateZ(0)}
.pc:hover .pc-3d,.pc-img.tilting .pc-3d{animation:pcTurn3 5.5s ease-in-out infinite}
@keyframes pcTurn3{0%{transform:translateY(-10px) rotateY(0) scale(1.05)}25%{transform:translateY(-12px) rotateY(36deg) scale(1.05)}50%{transform:translateY(-10px) rotateY(0) scale(1.05)}75%{transform:translateY(-12px) rotateY(-36deg) scale(1.05)}100%{transform:translateY(-10px) rotateY(0) scale(1.05)}}
.pc-img:has(.pc-3d) .pic{-webkit-box-reflect:unset}
/* foto con persone o sfondo: niente rotazione (deformerebbe la scena), solo una salita leggera con la luce del faretto */
.pc:hover .pc-img.scene .pic,.pc-img.scene.tilting .pic{animation:none!important;transform:translateY(-6px) scale(1.035)!important;filter:drop-shadow(0 14px 16px rgba(10,37,64,.14))}
/* RITORNO ALLA PRIMA VETRINA: rotazione leggera; il bianco della foto si fonde con la vetrina, così ruota solo il prodotto */
.pc-3d{display:none!important}
.pc-img{overflow:hidden!important}
.pc-img .pic{mix-blend-mode:multiply;-webkit-box-reflect:unset!important;max-width:100%;max-height:100%}
.pc:hover .pc-img .pic,.pc-img.tilting .pic{animation:pcTurnSoft 5s ease-in-out infinite!important;filter:none}
@keyframes pcTurnSoft{0%{transform:translateY(-6px) rotateY(0) scale(1.03)}25%{transform:translateY(-8px) rotateY(16deg) scale(1.03)}50%{transform:translateY(-6px) rotateY(0) scale(1.03)}75%{transform:translateY(-8px) rotateY(-16deg) scale(1.03)}100%{transform:translateY(-6px) rotateY(0) scale(1.03)}}
.pc:hover .pc-img.scene .pic,.pc-img.scene.tilting .pic{animation:none!important;transform:translateY(-4px) scale(1.03)!important;mix-blend-mode:normal}
/* VERSIONE INIZIALE (quella che funzionava): la foto fluttua piano e si inclina appena seguendo il mouse. Niente piatto girevole, niente fusioni di colore (in Safari possono annerire la foto) */
.pc-img .pic{mix-blend-mode:normal!important;-webkit-box-reflect:unset!important;animation:pcFloat 7s ease-in-out infinite!important;filter:none!important}
.pc:hover .pc-img .pic{animation:none!important;transform:translateY(-6px) scale(1.04)!important}
.pc-img.tilting .pic{animation:none!important;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px) scale(1.04)!important}
.pc-img.scene.tilting .pic,.pc:hover .pc-img.scene .pic{transform:translateY(-4px) scale(1.03)!important}
/* Caricamento: un'elica del DNA che gira (DNA Surf), nei colori del logo */
.dna{display:flex;gap:9px;height:84px;align-items:center;justify-content:center;perspective:400px}
.dna i{position:relative;width:10px;height:84px;display:block}
.dna b,.dna u{position:absolute;left:0;width:10px;height:10px;border-radius:50%;top:37px}
.dna b{background:linear-gradient(135deg,#0a4d8c,#36c2c0);animation:dnaA 1.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.13s)}
.dna u{background:linear-gradient(135deg,#7b5cff,#ff8a5b);animation:dnaB 1.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.13s)}
.dna s{position:absolute;left:4px;width:2px;top:12px;height:60px;border-radius:2px;background:linear-gradient(#0e8fa0,#7b5cff);opacity:.25;transform-origin:50% 50%;animation:dnaR 1.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.13s)}
@keyframes dnaA{0%{transform:translateY(-30px) scale(1);opacity:1}25%{transform:translateY(0) scale(.6);opacity:.55}50%{transform:translateY(30px) scale(1);opacity:1}75%{transform:translateY(0) scale(1.35);opacity:1}100%{transform:translateY(-30px) scale(1);opacity:1}}
@keyframes dnaB{0%{transform:translateY(30px) scale(1);opacity:1}25%{transform:translateY(0) scale(1.35);opacity:1}50%{transform:translateY(-30px) scale(1);opacity:1}75%{transform:translateY(0) scale(.6);opacity:.55}100%{transform:translateY(30px) scale(1);opacity:1}}
@keyframes dnaR{0%,50%,100%{transform:scaleY(1)}25%,75%{transform:scaleY(.05)}}
.boot p{margin-top:18px;font-weight:600;letter-spacing:.01em;background:linear-gradient(90deg,#0a4d8c,#0e8fa0,#7b5cff,#0a4d8c);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gtx 6s linear infinite}
@media (prefers-reduced-motion:reduce){.dna b,.dna u,.dna s{animation:none}}
/* tendina di nuovo attiva: si apre fermandosi sulla voce, si può scendere e cliccare (ponte invisibile + tolleranza) */
.mg-i.open .mg-p{display:block!important;animation:mgIn .22s cubic-bezier(.2,.8,.2,1) both;z-index:60}
.mg-p:before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.mg-i:hover .mg-p:not(.x),.mg-i:focus-within .mg-p{display:none}
.mg-i.open .mg-p{display:block!important}
/* ═══ VIAGGI ═══ */
.vg-hero{padding:26px 0 10px}.vg-hero h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.03em;margin:6px 0 10px}.vg-hero p{max-width:720px;color:#3d4b57;line-height:1.55}
.vg-mesi{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 10px}.vg-mesi a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #e3e8ee;text-decoration:none;color:#0a2540;font-weight:600;font-size:14px;text-transform:capitalize}
.vg-mesi a.on{background:#0a2540;color:#fff;border-color:#0a2540}.vg-f{display:flex;flex-wrap:wrap;gap:6px}
.vg-learn{margin:18px 0;padding:16px 18px;border-radius:18px;background:#f2fafb;border:1px solid #d6ecef}.vg-learn p{margin:6px 0 0;line-height:1.55;color:#244050}
.vg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin:12px 0 24px}
.vg-c{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px;background:#fff;border:1px solid #e3e8ee;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}
.vg-c:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,37,64,.12)}.vg-c-h b{display:block;font-size:17px}.vg-c-h small{color:#5b6875}
.vg-bar{display:flex;gap:3px}.vg-bar i{flex:1;font-style:normal;text-align:center;font-size:10px;font-weight:700;color:#9aa6b1;background:#eef2f5;border-radius:5px;padding:4px 0}.vg-bar i.on{background:linear-gradient(135deg,#0e8fa0,#36c2c0);color:#fff}
.vg-tags{display:flex;flex-wrap:wrap;gap:5px}.vg-tags em{font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:#eef7f8;color:#0a4d5c}.vg-tags em.lv{background:#f4f1fb;color:#4b3a8a}
.vg-w{display:flex;gap:10px;align-items:center;font-size:13px;color:#3d4b57;line-height:1.4}.vg-rose{width:52px;height:52px;flex:none;color:#0a2540}.vg-rose text{font-size:9px;fill:#5b6875;font-weight:700}
.vg-w.big .vg-rose{width:96px;height:96px}.vg-w.big{font-size:15px}
.vg-sh{padding:24px 0 10px}.vg-sh h1{font-size:clamp(30px,4.6vw,48px);letter-spacing:-.03em;margin:6px 0 10px}
.vg-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:10px 0}.vg-cols .box p{line-height:1.5}
.vg-rg{margin:14px 0;padding:16px 18px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa}.vg-rg p{margin:6px 0;line-height:1.5}.vg-rg small{color:#7a5a32}
.vg-ct{margin:0;padding-left:18px;line-height:1.8}.vg-go{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.vg-ext{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.vg-ext a{padding:10px 14px;border-radius:12px;border:1px solid #e3e8ee;background:#fff;text-decoration:none;color:#0a4d8c;font-weight:600}
.vg-h2{font-size:22px;margin:20px 0 6px}.vg-src{margin:18px 0 30px;font-size:13px;color:#5b6875}.vg-src ul{margin:6px 0 0;padding-left:18px}.vg-src a{color:#0a4d8c}
/* foto prodotto mai tagliate nella scheda */
.gl-s img,.pp-gal img.pic{object-fit:contain!important;max-width:100%;max-height:100%}
img.pic.cut{background:transparent!important;mix-blend-mode:normal!important}
.pp-gal img.pic.cut{filter:drop-shadow(0 26px 30px rgba(10,40,70,.20))!important}
/* caricamento leggero: solo il logo DNA con l'onda di luce + una linea sottile, niente pagina piena */
.boot{min-height:42vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:transparent!important}
.boot .dna,.boot p{display:none!important}
.boot-wm{height:26px!important;opacity:.9}
.boot-ln{display:block;width:120px;height:2px;border-radius:2px;background:rgba(10,37,64,.08);position:relative;overflow:hidden}
.boot-ln:after{content:"";position:absolute;inset:0;width:40%;border-radius:2px;background:linear-gradient(90deg,transparent,#0e8fa0,transparent);animation:bootLn 1.3s ease-in-out infinite}
@keyframes bootLn{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@media (prefers-reduced-motion:reduce){.boot-ln:after{animation:none}}
/* anteprima del menu: foto d'azione che si muove piano (effetto Ken Burns) */
.mg-img img.mg-kb{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;mix-blend-mode:normal!important;transform-origin:60% 40%;animation:mgKb 14s ease-in-out infinite alternate}
.mg-img .mg-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,37,64,0) 55%,rgba(10,37,64,.35));pointer-events:none}
@keyframes mgKb{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.16) translate(-3%,-2%)}}
.mg-i.open .mg-img img.mg-kb{animation-play-state:running}
@media (prefers-reduced-motion:reduce){.mg-img img.mg-kb{animation:none}}
/* ===== Viaggi · motore degli spot ===== */
.vg-c,.vg-c *{text-decoration:none!important}
.vg-cols>*,.vg-grid>*{min-width:0}.vg-cols .box p,.vg-c span{overflow-wrap:anywhere}
.vg-learn,.vg-trust,.vg-res,.vg-capito,.vg-steps{max-width:100%;box-sizing:border-box}
.vg-eng p{max-width:680px}
.vg-ask{display:flex;gap:10px;align-items:stretch;margin:18px 0 6px;max-width:860px;background:#fff;border:1px solid #dfe6ec;border-radius:22px;padding:8px;box-shadow:0 14px 40px rgba(10,37,64,.08)}
.vg-ask textarea{flex:1;border:0;resize:none;font:inherit;font-size:16px;line-height:1.45;padding:10px 12px;background:transparent;color:#0a2540;min-height:52px;outline:none}
.vg-ask .btn{border-radius:16px;white-space:nowrap;align-self:center}
@media (max-width:640px){.vg-ask{flex-direction:column}.vg-ask .btn{align-self:stretch}}
.vg-priv{font-size:12px;color:#6b7884;margin:4px 0 10px}
.vg-eg{display:flex;flex-wrap:wrap;gap:6px;max-width:900px}.vg-eg a{font-size:13px;color:#245266;background:rgba(255,255,255,.7);border:1px dashed #c9dbe2;border-radius:12px;padding:6px 10px;text-decoration:none}.vg-eg a:hover{background:#fff;border-style:solid}
.vg-capito{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:14px 0}.vg-capito>span{font-weight:700;color:#0a2540;margin-right:4px}.vg-capito .chip i{font-style:normal;opacity:.7;margin-left:4px}.vg-reset{font-size:13px;margin-left:6px}
.vg-steps{margin:10px 0 18px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid #e3e8ee}.vg-steps summary{cursor:pointer;font-weight:700;color:#0a2540;padding:4px 0}
.vg-step{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #edf1f4}.vg-step:first-of-type{border-top:0}.vg-step>span{font-weight:600;color:#3d4b57;padding-top:6px;font-size:14px}.vg-step>div{display:flex;flex-wrap:wrap;gap:6px}.vg-step .chip{text-transform:none}
@media (max-width:640px){.vg-step{grid-template-columns:1fr}}
.vg-res{display:grid;gap:14px;margin-bottom:22px}
.vg-r{background:#fff;border:1px solid #e3e8ee;border-radius:22px;padding:18px 20px;box-shadow:0 10px 30px rgba(10,37,64,.06);animation:vgIn .5s both;animation-delay:var(--d)}
@keyframes vgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.vg-r-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.vg-r-h a{text-decoration:none;color:#0a2540}.vg-r-h b{display:block;font-size:20px;letter-spacing:-.01em}.vg-r-h small{color:#5b6875}
.vg-pct{--p:50;flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#0e8fa0 calc(var(--p)*1%),#e8eef2 0);position:relative}
.vg-pct:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.vg-pct b,.vg-pct small{position:relative;line-height:1}.vg-pct b{font-size:16px;color:#0a2540}.vg-pct small{font-size:9px;color:#6b7884;margin-top:2px}
.vg-r-b{display:grid;grid-template-columns:1fr 260px;gap:16px;margin-top:10px}@media (max-width:760px){.vg-r-b{grid-template-columns:1fr}}
.vg-why{list-style:none;margin:0;padding:0;display:grid;gap:6px}.vg-why li{position:relative;padding-left:24px;line-height:1.45;color:#22313d}
.vg-why li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#e3f5f6;color:#0b7d8c;font-size:11px;font-weight:800;display:grid;place-items:center}
.vg-why li.no{color:#6b5a45}.vg-why li.no:before{content:"!";background:#fff1e0;color:#b25e09}
.vg-r-side{display:grid;gap:10px;align-content:start}
.vg-live{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;background:#f3f6f8;color:#3d4b57;font-size:13px;min-height:42px}
.vg-live b{font-size:17px;color:#0a2540}.vg-live small{margin-left:auto;font-size:11px;color:#6b7884;text-transform:uppercase;letter-spacing:.06em}
.vg-live.go{background:linear-gradient(135deg,#e2f7f5,#d4f1f4)}.vg-live.go .vg-arr{color:#0b8f86}.vg-live.ok{background:#eef7fb}.vg-live.low{background:#f3f4f6}
.vg-arr{width:22px;height:22px;color:#0a4d8c;flex:none;transition:transform .6s}
.vg-live.big{max-width:420px;margin-top:12px}
.vg-cns{display:flex;flex-wrap:wrap;gap:6px}.vg-cn{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px 4px 4px;border-radius:999px;background:#0a2540;color:#fff}.vg-cn i{font-style:normal;font-weight:800;background:#fff;color:#0a2540;border-radius:999px;padding:2px 8px;letter-spacing:.02em}
.vg-tip{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#fbf8f1;color:#4d4130;font-size:14px;line-height:1.45}.vg-tip:before{content:"💡 "}
.vg-r-f{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.btn.sm{padding:9px 14px;font-size:14px}
.vg-trust{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 30px;padding:18px 20px;border-radius:20px;background:#fff;border:1px solid #e3e8ee}.vg-trust p{margin:6px 0 10px;line-height:1.5;color:#3d4b57}
@media (max-width:760px){.vg-trust{grid-template-columns:1fr}}
.vg-disc{grid-column:1/-1;font-size:12px;color:#6b7884;line-height:1.5;margin:0;border-top:1px solid #edf1f4;padding-top:10px}
.vg-rose-no{width:52px;height:52px;flex:none;border-radius:50%;border:1px dashed #c8d2da;display:grid;place-items:center;color:#9aa6b1;font-weight:700}.vg-w.big .vg-rose-no{width:96px;height:96px}
.vg-tips{margin:14px 0;padding:16px 18px;border-radius:18px;background:#f2fafb;border:1px solid #d6ecef}.vg-tips ul{margin:8px 0 0;padding-left:18px;line-height:1.6}
.vg-tags em.vb{background:#fdf6ea;color:#7a5216}
.vg-vb,.vg-cnl,.vg-air{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vg-vb li{display:flex;gap:12px}.vg-vb li>span{font-size:22px}.vg-vb p{margin:2px 0 0;color:#3d4b57;line-height:1.45}
.vg-cnl li{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vg-cnl li>div{flex:1;min-width:160px}.vg-cnl small{display:block;color:#6b7884}
.vg-air li{padding:10px 12px;border-radius:12px;background:#f6f8fa}.vg-rt{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.vg-rt span{font-size:12px;padding:4px 9px;border-radius:999px;background:#fff;border:1px solid #e1e7ec}.vg-rt small{color:#0b7d8c;font-weight:700}
/* linguetta laterale in home */
.vg-tab{position:fixed;right:var(--sbw,0px);top:46%;z-index:60;display:flex;align-items:flex-start;pointer-events:none}
.vg-tab.vg-hide{display:none}
/* Banner consenso cookie */
.ckbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%) translateY(14px);z-index:8500;width:min(560px,calc(100vw - 24px));opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.ckbar.on{opacity:1;transform:translateX(-50%);pointer-events:auto}
.ckbar-c{background:#0a2540;color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 20px 50px -16px rgba(6,20,35,.55)}
.ckbar-t{margin:0 0 12px;font-size:14px;line-height:1.5}
.ckbar-t a{color:#9fe3ee;text-decoration:underline}
.ckbar-b{display:flex;gap:10px;justify-content:flex-end}
.ckbar-b button{border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff}
.ckbar-x1{background:linear-gradient(120deg,#36c2c0,#2b7fd0);border-color:transparent}
@media(max-width:980px){.ckbar{bottom:calc(84px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.ckbar{transition:none}}
.vg-tab>*{pointer-events:auto}
.vg-tab-b{writing-mode:vertical-rl;transform:rotate(180deg);border:0;cursor:pointer;padding:14px 8px;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#0a4d8c,#0e8fa0);color:#fff;font:600 13px/1 inherit;letter-spacing:.02em;box-shadow:-6px 8px 24px rgba(10,37,64,.2)}
.vg-tab-b span:before{content:""}
.vg-tab-p{position:relative;width:260px;padding:14px 16px;background:#fff;border-radius:16px 0 0 16px;box-shadow:-10px 14px 40px rgba(10,37,64,.18);display:grid;gap:6px;order:-1}
.vg-tab-p[hidden]{display:none}.vg-tab-p b{font-size:15px;color:#0a2540;margin-bottom:4px;padding-right:20px}
.vg-tab-p a{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#f4f7f9;text-decoration:none;color:#0a2540;font-size:14px}.vg-tab-p a small{color:#6b7884}
.vg-tab-p a.vg-tab-go{background:#0a2540;color:#fff;justify-content:center;font-weight:600}
.vg-tab-x{position:absolute;top:8px;right:8px;border:0;background:none;font-size:20px;line-height:1;color:#6b7884;cursor:pointer}
@media (max-width:640px){.vg-tab{top:40%;bottom:auto}.vg-tab-b{padding:10px 6px;font-size:12px}}
@media print{.vg-tab{display:none}}
/* ===== menu principale: icone a tratto + scritte che "luccicano" piano come il logo ===== */
.dpill.dp-ic{gap:7px;padding:0 14px 0 11px}
.dp-in{display:inline-flex;align-items:center;gap:7px;transform-origin:center center;will-change:transform,opacity}
.dp-i{width:20px;height:20px;flex:none;fill:none;stroke:#0e8fa0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.2,.7,.2,1),stroke .2s}
.dpill:hover .dp-i,.mg-i.open .dp-i{transform:translateY(-1px) rotate(-6deg) scale(1.22)}
.dp-t{background:linear-gradient(100deg,#0a2540 0 40%,#0e8fa0 48%,#36c2c0 50%,#0e8fa0 52%,#0a2540 60% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:dpShine 9s ease-in-out infinite;animation-delay:calc(var(--i,0)*.35s + 1.5s)}
@keyframes dpShine{0%,62%{background-position:100% 0}88%,100%{background-position:0 0}}
.dpill.on .dp-t{background:none;-webkit-text-fill-color:#fff;color:#fff;animation:none}.dpill.on .dp-i{stroke:#7fe0e0}
/* Offerte: etichetta calda, non si perde tra i testi */
.dp-off .dp-t{background:linear-gradient(100deg,#e2502b 0 40%,#ff9f6b 50%,#e2502b 60% 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation-delay:2.2s}
.dp-pct{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:linear-gradient(135deg,#ff7a4d,#e2502b);color:#fff;font-size:11px;font-weight:800;box-shadow:0 4px 10px rgba(226,80,43,.35);animation:dpPulse 3.2s ease-in-out infinite}
@keyframes dpPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1) rotate(-6deg)}}
.dpill.hot.on .dp-pct{background:#fff;color:#e2502b}
/* Viaggi: una piccola mappa con l'aereo che vola */
.dp-trip{padding-left:6px!important;border:1px solid #d7e7ec;background:linear-gradient(135deg,#f3fbfc,#fff)}
.dp-map{width:34px;height:22px;flex:none}
.dp-map .dm-bg{fill:#e3f3f6;stroke:#bfe0e6}.dp-map .dm-land{fill:#bfe3d8;opacity:.9}.dp-map .dm-route{fill:none;stroke:#0e8fa0;stroke-width:1;stroke-dasharray:2 2}.dp-map .dm-pl{fill:#0a2540}.dp-map .dm-pin{fill:#ff7a4d}
.dp-trip.on{border-color:#0a2540}.dp-trip.on .dm-bg{fill:#12355a;stroke:#12355a}.dp-trip.on .dm-pl{fill:#fff}
@media (prefers-reduced-motion:reduce){.dp-t,.dp-pct{animation:none}.dp-t{background-position:100% 0}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vg-live b{white-space:nowrap}
/* ===== community dello spot ===== */
.cm{margin:26px 0;padding:22px;border-radius:24px;background:#fff;border:1px solid #e3e8ee}
.cm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}.cm-head .vg-h2{margin:4px 0}.cm-head p{margin:0}
.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0}
.cm-f{margin:0;border-radius:16px;overflow:hidden;background:#eef2f5;position:relative}.cm-f img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .6s}.cm-f:hover img{transform:scale(1.04)}
.cm-f figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 9px;font-size:13px;color:#fff;background:linear-gradient(transparent,rgba(5,20,35,.75))}
.cm-skel{height:220px;border-radius:16px;background:linear-gradient(90deg,#eef2f5,#f7f9fa,#eef2f5);background-size:200% 100%;animation:cmSk 1.4s linear infinite}@keyframes cmSk{to{background-position:-200% 0}}
.cm-empty{grid-column:1/-1;display:grid;gap:4px;padding:26px;border-radius:16px;border:2px dashed #d5e3ea;text-align:center;color:#3d4b57}
.cm-mine{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#5b6875;margin-bottom:10px}.cm-mine button{border:0;background:none;color:#b42318;text-decoration:underline;cursor:pointer;font:inherit}
.cm-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0;border-top:1px solid #edf1f4}.cm-share>span{font-weight:600;margin-right:4px}
.cm-sh{border:1px solid #dfe6ec;background:#fff;border-radius:999px;padding:7px 13px;font:600 13px inherit;color:#0a2540;text-decoration:none;cursor:pointer}.cm-sh:hover{background:#f3f6f8;text-decoration:none}
.cm-sh.wa{color:#128c4a}.cm-sh.fb{color:#1b56c4}.cm-sh.tg{color:#1d8bc5}
.cm-board{margin-top:18px;padding-top:18px;border-top:1px solid #edf1f4}
.cm-ad{display:grid;gap:4px;padding:14px 16px;border-radius:16px;background:#f7f9fb;border:1px solid #e6ecf0;margin-top:10px}.cm-ad p{margin:0;color:#3d4b57;line-height:1.5}.cm-ad small{color:#6b7884}.cm-ad em{font-size:11.5px;color:#7a8794;font-style:normal}
.cm-t{justify-self:start;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#0e8fa0}
.cm-form{margin:14px 0}.cm-f1{display:grid;gap:12px;padding:16px;border-radius:18px;background:#f7f9fb;border:1px solid #e3e8ee}
.cm-f1 label{display:grid;gap:5px;font-size:14px;font-weight:600;color:#22313d}.cm-f1 label small{font-weight:400;color:#6b7884}
.cm-f1 input:not([type=checkbox]):not([type=file]),.cm-f1 textarea,.cm-f1 select{font:inherit;font-weight:400;padding:10px 12px;border:1px solid #d5dee6;border-radius:12px;background:#fff}
.cm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:640px){.cm-row{grid-template-columns:1fr}}
.cm-ck{display:flex!important;grid-template-columns:none;gap:10px!important;align-items:flex-start;font-weight:400!important;line-height:1.45}.cm-ck input{margin-top:3px;flex:none;width:18px;height:18px}
.cm-drop{position:relative;display:grid!important;place-items:center;min-height:150px;border:2px dashed #b9d5df;border-radius:16px;background:#fff;cursor:pointer;text-align:center;padding:14px;color:#245266}
.cm-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.cm-drop img{max-height:220px;max-width:100%;border-radius:10px;display:block;margin:0 auto 6px}.cm-drop small{color:#0b7d8c}
.cm-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.cm-priv{font-size:13px;color:#3d4b57}.cm-priv summary{cursor:pointer;font-weight:600;color:#0a4d8c}.cm-priv p{margin:8px 0;line-height:1.5}
.cm-go{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cm-msg{font-size:14px;color:#b25e09}
.cm-ok{padding:16px;border-radius:16px;background:#ecf8f5;border:1px solid #c6eadf}.cm-ok code{display:inline-block;padding:6px 10px;border-radius:8px;background:#fff;border:1px solid #d5e3ea;font-size:13px;word-break:break-all}
.vg-tab{z-index:40}body.mg-on .vg-tab{opacity:0;pointer-events:none}
/* mappa del vento */
.vg-map{margin:10px 0 18px;padding:0;border-radius:24px;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,#0f3d63,#0a2540 70%);box-shadow:0 18px 50px rgba(10,37,64,.18)}
.vg-map svg{display:block;width:100%;height:auto}
.vg-map .g line{stroke:rgba(255,255,255,.07);stroke-width:1}
.vg-map .lab text{fill:rgba(255,255,255,.22);font:700 15px system-ui;letter-spacing:.12em;text-transform:uppercase;text-anchor:middle}
.vg-map .d circle{fill:rgba(170,200,220,.35);transition:r .2s,fill .2s}
.vg-map .d a.on circle{fill:#36c2c0;filter:drop-shadow(0 0 4px rgba(54,194,192,.9));animation:vgPulse 2.6s ease-in-out infinite}
.vg-map .d a:hover circle{fill:#ffb08a;r:6}
@keyframes vgPulse{0%,100%{opacity:1}50%{opacity:.55}}
.vg-map figcaption{display:flex;gap:16px;flex-wrap:wrap;padding:10px 16px;font-size:13px;color:#cfe3ee;background:rgba(0,0,0,.18)}
.vg-map figcaption i{display:inline-block;width:9px;height:9px;border-radius:50%;background:rgba(170,200,220,.5);margin-right:6px}.vg-map figcaption i.on{background:#36c2c0}
.vg-map figcaption .muted{color:#8fb0c4;margin-left:auto}
@media (prefers-reduced-motion:reduce){.vg-map .d a.on circle{animation:none}}
/* filtri: su computer sempre visibili, su telefono raccolti in un pulsante */
.f-sum{display:none}
.f-wrap{margin:0}
@media (max-width:700px){
  .f-sum{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid #dfe6ec;font-weight:600;font-size:15px;color:#0a2540;margin:4px 0 12px;box-shadow:0 4px 14px rgba(10,37,64,.06)}
  .f-sum::-webkit-details-marker{display:none}
  .f-sum svg{width:18px;height:18px;fill:none;stroke:#0e8fa0;stroke-width:2;stroke-linecap:round}
  .f-sum b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#0e8fa0;color:#fff;font-size:12px}
  .f-wrap[open] .f-sum{background:#0a2540;color:#fff;border-color:#0a2540}.f-wrap[open] .f-sum svg{stroke:#7fe0e0}
  .f-wrap .filters{animation:fIn .25s ease both}
  @keyframes fIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .filters .f-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .filters .f-row::-webkit-scrollbar{display:none}
  .filters .f-row .chip{flex:none}
  .filters .f-l{flex:none;min-width:64px}
  /* sottocategorie come righe-tasto a tutta larghezza: icona viola, nome, conteggio, freccia */
  .subnav{grid-template-columns:1fr!important;gap:10px!important;position:relative;overflow:hidden}
  .subnav .mg-card{flex-direction:row;align-items:center;text-align:left;gap:14px;padding:0 16px!important;min-height:70px;border-radius:16px;justify-content:flex-start;position:relative;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 2px 10px rgba(10,30,51,.05)}
  .subnav .mg-card:hover{box-shadow:0 10px 24px rgba(75,63,196,.14);border-color:transparent;transform:translateY(-1px)}
  .subnav .mg-card .cat-tile.sm{width:46px;height:46px;border-radius:14px;margin:0;flex:0 0 auto;background:var(--grad-brand);color:#fff;box-shadow:0 6px 16px rgba(75,63,196,.28);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .subnav .mg-card .cat-tile.sm svg{color:#fff;stroke:currentColor}
  .subnav .mg-card>span:not(.cat-tile){flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}
  .subnav .mg-card b{font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .subnav .mg-card small{font-size:12px}
  .subnav .mg-card::after{content:"\203A";flex:0 0 auto;margin-left:auto;font-size:22px;line-height:1;color:var(--mut);padding-left:8px}
  /* FASCIA DI LUCE: UNA sola banda larga di chiarore scende sopra l'INTERO blocco sottocategorie. I tasti restano FERMI, nessun movimento (niente lift/press/scala). */
  /* RISACCA di luce: due bagliori soffusi e diffusi — uno scende dall'alto, uno sale dal basso — che CONVERGONO al centro e lì si dissolvono. Parametri: durata, altezza/morbidezza bagliore, intensità/colore (default CHIARA; per virare al viola alza l'alpha o usa il tono brand). I tasti restano SEMPRE fermi. */
  .subnav.play{--casc-dur:1.15s;--casc-glow:180px;--casc-light:rgba(150,170,255,.30);--casc-peak-dur:var(--casc-dur);--casc-peak-op:.85;--casc-peak-color:rgba(123,97,255,.42);--casc-peak-teal:rgba(54,194,192,.20)}
  .subnav.play::before,.subnav.play::after{content:"";position:absolute;left:-6%;right:-6%;top:0;height:var(--casc-glow);z-index:5;pointer-events:none;background:radial-gradient(120% 58% at 50% 50%,var(--casc-light) 0%,rgba(255,255,255,.34) 26%,transparent 72%);opacity:0;will-change:transform,opacity}
  .subnav.play::before{animation:cascDown var(--casc-dur) cubic-bezier(.33,0,.2,1) forwards}   /* onda che scende dall'alto */
  .subnav.play::after{animation:cascUp var(--casc-dur) cubic-bezier(.33,0,.2,1) forwards}       /* onda che sale dal basso */
  /* PICCO centrale: quando le due onde si incontrano al centro, un bagliore colorato (brand: viola→teal) CRESCE fino a un picco più forte e poi si DISSOLVE espandendosi. Layer dedicato .subnav-peak iniettato via JS al trigger. Naturale: easing morbido, bordi molto sfumati. */
  .subnav.play .subnav-peak{position:absolute;left:50%;top:50%;width:min(82%,380px);height:210px;z-index:6;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--casc-peak-color) 0%,var(--casc-peak-teal) 44%,transparent 73%);opacity:0;transform:translate(-50%,-50%) scale(.35);will-change:transform,opacity;animation:cascPeak var(--casc-peak-dur) cubic-bezier(.4,0,.2,1) forwards}
  /* contenuto sempre fermo e nitido */
  .subnav .mg-card>*{position:relative;z-index:1}
  @keyframes cascDown{0%{transform:translateY(calc(var(--casc-glow) * -1));opacity:0}16%{opacity:1}70%{opacity:1}100%{transform:translateY(calc(var(--subnav-h,640px) / 2 - var(--casc-glow) / 2));opacity:0}}
  @keyframes cascUp{0%{transform:translateY(var(--subnav-h,640px));opacity:0}16%{opacity:1}70%{opacity:1}100%{transform:translateY(calc(var(--subnav-h,640px) / 2 - var(--casc-glow) / 2));opacity:0}}
  @keyframes cascPeak{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}56%{opacity:0;transform:translate(-50%,-50%) scale(.62)}84%{opacity:var(--casc-peak-op);transform:translate(-50%,-50%) scale(1.04)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}
}
@media (max-width:360px){.subnav{grid-template-columns:1fr!important}}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
  .subnav.play::before,.subnav.play::after,.subnav.play .subnav-peak,.subnav.play .mg-card,.subnav.play .mg-card .cat-tile.sm{animation:none!important}
  .subnav.play::before,.subnav.play::after,.subnav.play .subnav-peak{display:none!important}
}
/* tabelle e banner larghi dei fornitori: piccoli e centrati, mai a tutta scheda */
img.pic.wide-chart{width:86%!important;height:auto!important;max-height:40%!important;object-fit:contain!important;filter:none!important;animation:none!important}
/* telefono: la foto del prodotto non resta più "appiccicata" sopra il resto della pagina */
@media (max-width:900px){
  .pp-media,.pp-gal,.pp .sticky{position:relative!important;top:auto!important}
  .gl-thumbs{position:relative!important;z-index:1;margin-top:10px}
  /* misure e attacchi: una riga che scorre di lato, con l'etichetta sopra */
  .vp-sizes{display:flex!important;flex-wrap:wrap!important;gap:9px;padding:2px 0 4px}
  .vp-sizes .vp-sz{height:auto;min-height:42px;min-width:54px;font-size:15px}
  .vp-cols{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.vp-cols::-webkit-scrollbar{display:none}
}

/* galleria: le foto restano sempre dentro il riquadro, qualunque sia la loro forma */
.pp>*{min-width:0}
.pp-media,.pp-gal{width:100%;max-width:100%}
.gl-track{height:100%}
.gl-s{min-width:0;height:100%;overflow:hidden}
.gl-s img,.gl-s img.pic{width:86%!important;height:86%!important;max-width:86%!important;max-height:86%!important;object-fit:contain!important}
/* telefono: pulsanti d'acquisto proporzionati, non giganti */
@media (max-width:700px){
  .buy-now,.buy-row .btn,.pp .btn-buy,.pp [data-act="add"]{min-height:50px!important;height:auto!important;padding:12px 18px!important;font-size:16px!important;border-radius:16px!important}
  .buy-now{margin-top:10px!important}
}
/* ===== Trova la pinna ===== */
.fn-hero{padding:22px 0 6px}.fn-hero h1{font-size:clamp(30px,4.6vw,48px);letter-spacing:-.03em;margin:6px 0 10px}.fn-hero p{max-width:680px;color:#3d4b57;line-height:1.55}
.fn-step{margin:16px 0;padding:18px;border-radius:22px;background:#fff;border:1px solid #e3e8ee}
.fn-h{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:18px;color:#0a2540}.fn-h i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0a2540;color:#fff;font-style:normal;font-size:14px;font-weight:700}
.fn-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.fn-b{display:grid;gap:4px;padding:14px;border-radius:16px;border:1px solid #dfe6ec;background:#f9fbfc;text-decoration:none;color:#0a2540;transition:border-color .2s,transform .2s}
.fn-b:hover{border-color:#0e8fa0;transform:translateY(-2px)}.fn-b span{font-size:13px;color:#4b5a66}.fn-b small{font-size:12px;color:#0b7d8c;font-weight:600}
.fn-b.on{background:#0a2540;border-color:#0a2540;color:#fff}.fn-b.on span{color:#c7d6e2}.fn-b.on small{color:#7fe0e0}
.fn-help{margin-top:12px;font-size:14px;color:#3d4b57}.fn-help summary{cursor:pointer;font-weight:600;color:#0a4d8c}.fn-help ul{margin:10px 0;padding-left:18px;line-height:1.6}
.fn-sz{display:flex;flex-wrap:wrap;gap:8px}
.fn-vela{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:14px}.fn-vela label{display:grid;gap:6px;font-size:14px;color:#3d4b57}.fn-vela label span{display:flex;align-items:center;gap:6px}
.fn-vela input{width:90px;font:inherit;padding:9px 12px;border:1px solid #d5dee6;border-radius:12px}
.fn-note{font-size:14px;color:#3d4b57;line-height:1.5;margin:12px 0 0}
.fn-res{margin:18px 0}.fn-list{display:grid;gap:10px;margin-top:10px}
.fn-r{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:10px 14px 10px 10px;border-radius:18px;background:#fff;border:1px solid #e3e8ee;text-decoration:none;color:#0a2540;transition:box-shadow .2s,transform .2s}
.fn-r:hover{box-shadow:0 12px 30px rgba(10,37,64,.1);transform:translateY(-2px)}
.fn-im{width:72px;height:72px;border-radius:14px;background:#f3f6f8;display:grid;place-items:center;overflow:hidden}.fn-im img{width:90%;height:90%;object-fit:contain}
.fn-tx{display:grid;gap:2px;min-width:0}.fn-tx b{font-size:16px}.fn-tx span{font-size:13px;color:#4b5a66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fn-tx small{font-size:12px;color:#0b7d8c}
.fn-pr{font-weight:700;font-size:16px}
.fn-empty{padding:18px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa;line-height:1.5}
.fn-all{margin:10px 0 30px;font-size:14px}
@media (max-width:640px){.fn-box{grid-template-columns:repeat(2,minmax(0,1fr))}.fn-r{grid-template-columns:60px 1fr;}.fn-pr{grid-column:2}.fn-im{width:60px;height:60px}}
.vg-car{border-left:4px solid #0e8fa0}.vg-fer{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}.vg-fer li{display:grid;gap:2px;padding:9px 12px;border-radius:12px;background:#f6f8fa}.vg-fer span{font-size:13px;color:#4b5a66}
.vg-car-go{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
/* Pinne v2: meno testo, scelte grandi e leggibili, prodotti subito */
.fn-hero{padding:18px 0 4px}.fn-hero h1{font-size:clamp(28px,4vw,40px);margin:0 0 6px}.fn-hero p{font-size:18px;color:#22313d;margin:0}
.fn-bar{margin:14px 0 18px;padding:16px;border-radius:22px;background:#fff;border:1px solid #e3e8ee;box-shadow:0 8px 24px rgba(10,37,64,.05);display:grid;gap:12px}
.fn-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fn-chips.sz>span{font-weight:700;color:#0a2540;margin-right:4px}
.fn-c{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:2px solid #d5e0e8;background:#fff;color:#0a2540;font-size:17px;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s}
.fn-c i{font-style:normal;font-size:13px;font-weight:700;color:#0b7d8c;background:#e6f5f6;border-radius:999px;padding:2px 8px}
.fn-c:hover{border-color:#0e8fa0;text-decoration:none}.fn-c.on{background:#0a2540;border-color:#0a2540;color:#fff}.fn-c.on i{background:#16426b;color:#bdf1f1}
.fn-c.sm{padding:9px 14px;font-size:15px}
.fn-vela{margin:0}.fn-vela label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;color:#22313d}
.fn-help{margin:0}
.fn-r .fn-tx b{font-size:17px}.fn-r .fn-tx span{font-size:14px}.fn-im{width:84px;height:84px}.fn-r{grid-template-columns:84px 1fr auto}
@media (max-width:640px){.fn-c{font-size:16px;padding:10px 14px}.fn-r{grid-template-columns:64px 1fr}.fn-im{width:64px;height:64px}}
.fn-c.zero{opacity:.45}
/* ===== Schede prodotto v2: tutto allineato, prezzo protagonista ===== */
.pgrid .pc{display:flex;flex-direction:column}
.pgrid .pc-a{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.pgrid .pc-img{position:relative;aspect-ratio:1/1!important;height:auto!important;padding:0!important;flex:none}
.pgrid .pc-img img.pic{position:absolute!important;inset:8%!important;width:84%!important;height:84%!important;max-height:none!important;object-fit:contain!important}
.pgrid .pc-img .pc-bdg{position:absolute;top:12px;left:12px;z-index:2;max-width:calc(100% - 20px)}
.pgrid .pc-bdg .bdg{font-size:10.5px;padding:4px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pgrid .pc-b{display:flex!important;flex-direction:column;gap:6px;flex:1;padding:14px 16px 16px!important}
.pgrid .pc-k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7884}
.pgrid .pc-n{font-size:15.5px;font-weight:600;line-height:1.3;color:#0a2540;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.pgrid .pc-f{display:flex;gap:6px;min-height:26px;overflow:hidden;flex-wrap:nowrap}
.pgrid .pc-f i{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:12px;font-weight:600;color:#245266;background:#eef6f8;border-radius:999px;padding:4px 9px;white-space:nowrap}
.fi{width:14px;height:14px;fill:none;stroke:#0e8fa0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pc-pb{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.pc-pr{font-size:23px;font-weight:800;letter-spacing:-.02em;color:#0a2540;line-height:1}.pc-pr small{font-size:13px;font-weight:600;margin-right:4px;color:#4b5a66}
.pc-pr.sale{color:#d6361f}
.pc-old{font-size:14px;color:#8a96a1}
.pc-off{font-size:12.5px;font-weight:800;color:#fff;background:#d6361f;border-radius:7px;padding:3px 7px;line-height:1}
.pc-r3{font-size:12.5px;color:#4b5a66;min-height:16px}
.pc-ar{font-size:12.5px;font-weight:600;color:#0b7d4f;display:flex;align-items:center;gap:6px}.pc-ar:before{content:"";width:7px;height:7px;border-radius:50%;background:#16a34a}
.pc-ar.pre{color:#9a5b00}.pc-ar.pre:before{background:#f59e0b}.pc-ar.off{color:#6b7884}.pc-ar.off:before{background:#aab4bd}
@media (max-width:600px){.pgrid .pc-n{font-size:14px}.pc-pr{font-size:20px}.pgrid .pc-f i{font-size:11px;padding:3px 7px}.pgrid .pc-b{padding:10px 12px 12px!important}}
/* sfondo: sulle pagine dove si sceglie e si compra, chiaro e pulito; il sabbia resta in home e Viaggi */
body.pg-shop{background:#f4f6f8!important}
body.pg-shop:before{display:none}
/* scheda prodotto su schermi grandi: foto più contenuta, colpo d'occhio su tutto */




@media (min-width:981px){.pp{grid-template-columns:minmax(0,min(44%,580px)) minmax(0,1fr)!important;gap:44px!important}}

/* card stile sobrio (v121): un solo sconto (badge sulla foto), prezzo calmo, anno accanto al brand */
.pgrid .pc-k em{font-style:normal;font-weight:500;letter-spacing:.04em;color:#8a96a1}
.pc-pr{font-size:19px!important;font-weight:650!important;letter-spacing:-.01em;color:#1d1d1f!important}
.pc-pr.sale{color:#1d1d1f!important}
.pc-old{font-size:13px;color:#8a96a1}
.pc-off{display:none!important}
.pc-r3{font-size:12px;color:#6e6e73}
.pc-ar{font-size:12px;font-weight:500;color:#3a6b52}.pc-ar:before{width:6px;height:6px}
.pgrid .pc-f i{background:transparent;border:0;padding:0 8px 0 0;color:#5b6b78;font-weight:500}
@media (max-width:600px){.pc-pr{font-size:17px!important}}
/* taglie in card + scelta taglia/tipo che non nasconde (v122) */
.pc-sz{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 2px}
.pc-sz i{font-style:normal;font-size:11.5px;font-weight:600;color:#1d1d1f;border:1px solid #d8dee4;border-radius:6px;min-width:26px;text-align:center;padding:2px 5px;line-height:1.3}
.pc-sz i.no{color:#b3bcc4;border-color:#eceff2;text-decoration:line-through}
.pc-sz i.on{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
.f-fit .chip.on{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
.fit-h{margin:34px 0 12px;font-size:17px;font-weight:650;color:#1d1d1f}.fit-h small{font-weight:500;color:#8a96a1;font-size:13.5px;margin-left:6px}
.fit-none{margin:8px 0 0;color:#5b6b78;font-size:14.5px}
.pgrid.nofit .pc{opacity:.6;transition:opacity .2s}.pgrid.nofit .pc:hover{opacity:1}
.pc-rrp{font-size:12px;color:#8a96a1;margin-top:-2px}.pc-rrp s{font-size:12.5px}
.pr-rrp{font-size:13px;color:#6e6e73;white-space:nowrap}.pr-rrp .pr-old{margin-left:2px}
.dz-rrp{font-size:10.5px;color:#8a96a1}
.pc-rrp{min-height:15px}
/* servizi stile pulito (v124) */
.sv{margin:56px 0 40px}.sv-h h2{font-size:clamp(26px,3.2vw,40px);font-weight:650;letter-spacing:-.02em;color:#1d1d1f;margin:0 0 22px}
.sv-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px}
.sv-row::-webkit-scrollbar{display:none}
.sv-c{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;min-height:440px;background:#fff;border-radius:22px;padding:26px 24px 24px;color:#1d1d1f;text-decoration:none;box-shadow:0 1px 2px rgba(10,37,64,.04);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.sv-c:hover{transform:scale(1.015);box-shadow:0 14px 40px rgba(10,37,64,.10)}
.sv-e{font-size:13.5px;font-weight:600;color:#1d1d1f}.sv-t{font-size:23px;font-weight:650;line-height:1.18;letter-spacing:-.015em;margin-top:6px}
.sv-art{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 0 10px}.sv-art svg{width:100%;max-width:230px;height:auto}
.sv-plus{position:absolute;right:18px;bottom:18px;width:32px;height:32px;border-radius:50%;background:#1d1d1f;color:#fff;display:grid;place-items:center;font-size:22px;line-height:1;font-weight:400}
.sv-c.dark{background:#0b1220;color:#f5f5f7}.sv-c.dark .sv-e{color:#f5f5f7}.sv-c.dark .sv-plus{background:#f5f5f7;color:#0b1220}
.sv-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.sv-b{width:36px;height:36px;border-radius:50%;border:0;background:#e8eaed;color:#1d1d1f;font-size:22px;cursor:pointer;line-height:1}.sv-b:hover{background:#dcdfe3}
@media (max-width:700px){.sv{margin:36px 0 28px}.sv-row{grid-auto-columns:78%}.sv-c{min-height:380px}.sv-t{font-size:21px}.sv-nav{display:none}}
/* pause editoriali nel catalogo (v124) */
.pgrid .ed{grid-column:span 2;position:relative;display:grid;grid-template-rows:1fr auto;min-height:100%;border-radius:22px;overflow:hidden;background:#0b1220;color:#f5f5f7;text-decoration:none}
.ed-img{position:absolute;inset:0}.ed-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.ed:hover .ed-img img{transform:scale(1.07)}
.ed-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,26,.22) 0%,rgba(8,14,26,.12) 30%,rgba(8,14,26,.5) 62%,rgba(8,14,26,.9) 100%)}
.ed-img+.ed-tx .ed-e,.ed-img+.ed-tx .ed-t,.ed-img+.ed-tx .ed-p{text-shadow:0 1px 14px rgba(5,10,20,.55),0 1px 3px rgba(5,10,20,.4)}
.ed-tx{position:relative;grid-row:2;display:flex;flex-direction:column;gap:8px;padding:28px 30px 28px;max-width:520px}
.ed-e{font-size:13px;font-weight:600;letter-spacing:.02em;opacity:.9}.ed-t{font-size:clamp(22px,2.2vw,30px);font-weight:650;line-height:1.15;letter-spacing:-.015em}
.ed-p{font-size:14.5px;line-height:1.45;opacity:.85}.ed-cta{margin-top:6px;font-size:14.5px;font-weight:600;color:#9be7e0}
.ed-2{background:#fff;color:#1d1d1f}.ed-2 .ed-img{opacity:.0}
.ed-2 .ed-tx{grid-row:1/3;justify-content:center;max-width:none;padding:40px}.ed-2 .ed-cta{color:#0a6f8a}
@media (max-width:700px){.pgrid .ed{min-height:340px}.ed-tx{padding:20px}.ed-2{min-height:220px!important}}
/* attacchi pinna come un gioco (v125) */
.fn-q{font-size:15px;font-weight:600;color:#1d1d1f;margin:0 0 14px}
.fn-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.fn-bx{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 14px 16px;border-radius:18px;background:#f5f6f8;color:#1d1d1f;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .35s}
.fn-bx b{font-size:15px;font-weight:650;letter-spacing:-.01em}.fn-bx span{font-size:12px;line-height:1.3;color:#6e6e73}
.fn-bx:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 30px rgba(10,37,64,.10)}
.fn-bx.on{background:#0b1220;color:#f5f5f7}.fn-bx.on span{color:#aab4bd}
.fn-bx.zero{opacity:.45}
.ba{width:100%;height:auto;margin-bottom:8px}
.ba-board{fill:#e3e7ec}.fn-bx.on .ba-board{fill:#1f2a3a}
.ba-slot{fill:#c9d1d9}.fn-bx.on .ba-slot{fill:#334155}
.ba-fin{fill:#0a2540}.ba-head{fill:#36c2c0}.ba-plate{fill:#94a3b8}.ba-scr circle{fill:#fff;stroke:#0a2540;stroke-width:1.2}
.fn-bx.on .ba-fin{fill:#e8f6f5}
.ba-move{transform:translateY(-16px);transition:transform .55s cubic-bezier(.3,1.4,.5,1)}
.fn-bx:hover .ba-move,.fn-bx.on .ba-move{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.ba-move{transition:none;transform:none}}
@media (max-width:900px){.fn-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.fn-boxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fn-bx span{font-size:11.5px}}
/* viaggi: scelta a tessere, si applica col bottone (v127) */
.vg-pick{display:grid;gap:22px;padding-top:10px}
.vg-g{border:0;margin:0;padding:0;min-width:0}.vg-g[hidden]{display:none}
.vg-g legend{font-size:16px;font-weight:650;color:#1d1d1f;margin-bottom:10px;padding:0}.vg-g legend small{font-weight:500;color:#8a96a1;font-size:13px;margin-left:6px}
.vg-tl{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.vg-g-mesi .vg-tl{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.vg-g-big .vg-tl{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.vg-t{appearance:none;border:1px solid #e1e6eb;background:#fff;border-radius:14px;padding:13px 12px;font:inherit;font-size:14.5px;font-weight:600;color:#1d1d1f;text-align:left;cursor:pointer;min-height:48px;transition:background .2s,border-color .2s,transform .2s}
.vg-g-big .vg-t{min-height:62px;font-size:16px}
.vg-t:hover{border-color:#b8c3cd;transform:translateY(-1px)}
.vg-t.on{background:#0b1220;border-color:#0b1220;color:#fff}
.vg-go{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px;margin:4px -6px 0;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(10,37,64,.10)}
.vg-clear{appearance:none;border:0;background:none;font:inherit;font-size:14px;color:#5b6b78;cursor:pointer;margin-right:auto;padding:8px}
.vg-go-b{min-height:48px;padding:0 26px;font-size:15.5px}.vg-go-b:disabled{opacity:.45;cursor:default}
@media (max-width:600px){.vg-tl{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-g-mesi .vg-tl{grid-template-columns:repeat(3,minmax(0,1fr))}.vg-g-big .vg-tl{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-go{bottom:8px}}
.ed-img video{width:100%;height:100%;object-fit:cover}
.ed .vbg-ed .vbg-poster{transform:translate(-50%,-50%) scale(1.04)}
.ed .vbg-ed iframe{transform:translate(-50%,-50%) scale(1.42)}
.ed .ed-img:has(.vbg):after{z-index:1}
/* il prodotto poggia sulla "mensola": fondo dell'immagine allineato alla linea (v134) */
.pgrid .pc-img img.pic,.hscroll .pc-img img.pic{position:absolute!important;left:8%!important;right:8%!important;top:5.5%!important;bottom:15.6%!important;inset:auto;width:84%!important;height:78.9%!important;object-fit:contain!important;object-position:50% 100%!important}
.pc-img:before{bottom:16%!important}
/* metodi di pagamento sotto i bottoni (v135) */
.pay-ok{display:grid;gap:8px;margin-top:12px;padding:14px 16px;border-radius:16px;background:#f7f8fa;border:1px solid #e8ecf0}
.pay-l{font-size:13.5px;font-weight:600;color:#1d1d1f}
.pay-m{display:flex;flex-wrap:wrap;gap:16px;align-items:center;color:#99a4ad}
.pm{display:inline-flex;align-items:center;gap:4px;height:18px;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1;color:inherit;opacity:.85}
.pm svg{height:18px;width:auto;display:block;fill:currentColor}
.pm .pm-ln{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pm-txt{font-style:normal}
.pay-you,.nf-you{font-size:12.5px;color:#5b6b78}
.pay-s{display:flex;align-items:center;gap:6px;font-size:12px;color:#5b6b78}.pay-s svg{width:14px;height:14px}
/* Il Manuale DNA (v135) */
.mn-hero{padding:34px 0 10px;max-width:820px}.mn-hero h1{font-size:clamp(30px,4.4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:8px 0 14px;color:#1d1d1f}.mn-hero p{font-size:17px;color:#4b5a66;max-width:640px}
.mn-search{display:flex;gap:8px;margin-top:18px;max-width:620px}.mn-search input{flex:1;min-height:50px;border-radius:14px;border:1px solid #d8dee4;padding:0 16px;font:inherit;font-size:15.5px;background:#fff}
.mn-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:22px 0 30px}
.mn-cat{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:#fff;border:1px solid #e3e8ee;color:#1d1d1f;text-decoration:none;transition:transform .3s,box-shadow .3s}
.mn-cat:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(10,37,64,.08)}.mn-cat.on{background:#0b1220;color:#fff;border-color:#0b1220}.mn-cat b{font-size:15px}.mn-cat small{color:#8a96a1;font-size:12.5px}.mn-cat.on small{color:#aab4bd}
.mn-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.mn-c{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e6ebf0;color:#1d1d1f;text-decoration:none;animation:mnIn .5s both;animation-delay:var(--d);transition:transform .3s,box-shadow .3s}
.mn-c:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,37,64,.12)}
.mn-c-img{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:linear-gradient(135deg,#06345a,#0e8fa0)}
.mn-c-img.t-sky{background:linear-gradient(135deg,#0a4d8c,#36c2c0)}.mn-c-img.t-lagoon{background:linear-gradient(135deg,#0e8fa0,#7fd0cf)}.mn-c-img.t-sun{background:linear-gradient(135deg,#0e6a8c,#ffad5a)}.mn-c-img.t-violet{background:linear-gradient(135deg,#4b2a9c,#9a7cff)}.mn-c-img.t-deep{background:linear-gradient(135deg,#06243f,#0a4d8c)}
.mn-c-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.mn-c:hover .mn-c-img img{transform:scale(1.05)}
.mn-c-int{position:absolute;left:10px;top:10px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.02em;color:#0b1220;background:rgba(255,255,255,.92);border-radius:999px;padding:4px 9px}
.mn-c-b{display:flex;flex-direction:column;gap:7px;padding:16px 18px 18px}
.mn-c-k{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#0a6f8a}.mn-c-k .mn-ico{width:17px;height:17px}
.mn-c b{font-size:17px;line-height:1.25;letter-spacing:-.01em}.mn-c-s{font-size:14px;color:#5b6b78;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mn-c-f{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.mn-c-f i{font-style:normal;font-size:11.5px;color:#5b6b78;background:#f2f4f7;border-radius:999px;padding:3px 9px}
/* blocco in alto: una guida grande + 3 a lato */
.mn-top{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:30px}
.mn-top-side{display:flex;flex-direction:column;gap:14px}
.mn-top-side .mn-c{flex-direction:row}.mn-top-side .mn-c-img{width:40%;aspect-ratio:auto;flex:0 0 40%}.mn-top-side .mn-c-b{padding:12px 14px}.mn-top-side .mn-c b{font-size:15px}.mn-top-side .mn-c-s{-webkit-line-clamp:2}.mn-top-side .mn-c-int{display:none}
.mn-feat{position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#0b1220;color:#fff;text-decoration:none;min-height:360px;transition:transform .3s,box-shadow .3s}
.mn-feat:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(10,37,64,.18)}
.mn-feat-img{position:absolute;inset:0;background:linear-gradient(135deg,#06345a,#0e8fa0)}
.mn-feat-img.t-sky{background:linear-gradient(135deg,#0a4d8c,#36c2c0)}.mn-feat-img.t-lagoon{background:linear-gradient(135deg,#0e8fa0,#7fd0cf)}.mn-feat-img.t-sun{background:linear-gradient(135deg,#0e6a8c,#ffad5a)}.mn-feat-img.t-violet{background:linear-gradient(135deg,#4b2a9c,#9a7cff)}.mn-feat-img.t-deep{background:linear-gradient(135deg,#06243f,#0a4d8c)}
.mn-feat-img img{width:100%;height:100%;object-fit:cover}
.mn-feat-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,26,.1) 30%,rgba(8,14,26,.82) 100%)}
.mn-feat-b{position:relative;margin-top:auto;display:flex;flex-direction:column;gap:9px;padding:26px 28px}
.mn-feat-b .mn-c-k{color:#9be7e0}.mn-feat-b b{font-size:clamp(22px,2.4vw,30px);font-weight:650;line-height:1.14;letter-spacing:-.015em}.mn-feat-b .mn-c-s{color:rgba(255,255,255,.88);-webkit-line-clamp:3}
.mn-feat-go{font-size:14.5px;font-weight:600;color:#9be7e0;margin-top:2px}
.mn-art-hero{display:block;width:100%;aspect-ratio:16/7;border-radius:20px;overflow:hidden;margin:6px 0 18px;background:linear-gradient(135deg,#06345a,#0e8fa0)}
.mn-art-hero img{width:100%;height:100%;object-fit:cover}
@media (max-width:720px){.mn-top{grid-template-columns:1fr}.mn-top-side .mn-c{flex-direction:column}.mn-top-side .mn-c-img{width:100%;aspect-ratio:3/2}}
.mn-next{margin:26px 0;color:#5b6b78;font-size:14px}
.mn-art{max-width:780px;margin:0 auto;padding:10px 0 30px}
.mn-ak{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#0a6f8a;text-decoration:none}
.mn-ah h1{font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-.025em;margin:10px 0 12px;color:#1d1d1f}
.mn-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:13.5px;color:#6e6e73}
.mn-short{margin:22px 0;padding:18px 20px;border-radius:18px;background:#0b1220;color:#f5f5f7}.mn-short b{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#9be7e0}.mn-short p{margin:6px 0 0;font-size:17px;line-height:1.5}
.mn-toc{display:flex;flex-direction:column;gap:6px;margin:0 0 24px;padding:16px 18px;border-left:3px solid #36c2c0;background:#fff;border-radius:0 14px 14px 0}.mn-toc b{font-size:13px;color:#6e6e73}.mn-toc a{color:#1d1d1f;text-decoration:none;font-size:14.5px}.mn-toc a:hover{color:#0a6f8a}
.mn-body{font-size:17px;line-height:1.7;color:#22303c}.mn-sec h2{font-size:24px;letter-spacing:-.015em;margin:34px 0 10px;color:#1d1d1f}.mn-sec ul,.mn-sec ol{padding-left:22px}.mn-sec li{margin:4px 0}
.mn-sec table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0;background:#fff;border-radius:12px;overflow:hidden}.mn-sec th,.mn-sec td{padding:9px 12px;border-bottom:1px solid #eef1f4;text-align:left}.mn-sec th{background:#f4f6f8;font-weight:650}
.mn-tip{margin:28px 0;padding:18px 20px;border-radius:18px;background:#fff7ed;border:1px solid #fde4c8;font-size:16px}.mn-tip b{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#c2410c;margin-bottom:4px}
.mn-shop{margin:34px 0}.mn-shop h2,.mn-faq h2{font-size:24px;letter-spacing:-.015em;color:#1d1d1f;margin:0 0 6px}
.mn-faq{margin:30px 0}.mn-faq details{border-bottom:1px solid #e6ebf0;padding:14px 0}.mn-faq summary{cursor:pointer;font-weight:600;font-size:16px}.mn-faq p{margin:8px 0 0;color:#4b5a66}
.mn-help{margin:24px 0;padding:16px 18px;border-radius:16px;background:#f2f6f8;font-size:15px}
.mn-prog{position:fixed;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#36c2c0,#0a6f8a);transform-origin:0 50%;transform:scaleX(0);z-index:99;pointer-events:none}
/* strumenti */
.mn-tool{margin:26px 0;padding:20px;border-radius:22px;background:#fff;border:1px solid #e3e8ee;box-shadow:0 10px 30px rgba(10,37,64,.05);display:grid;gap:12px;font-size:15px}
.mn-tt{font-size:16px;letter-spacing:-.01em}.mn-tool label{display:grid;gap:6px;color:#4b5a66}.mn-tool label output{float:right;font-weight:650;color:#1d1d1f}
.mn-tool input[type=range]{width:100%;accent-color:#0a6f8a}.mn-tool input[type=number]{width:96px;min-height:40px;border-radius:10px;border:1px solid #d8dee4;padding:0 10px;font:inherit}
.mn-row{display:flex;flex-wrap:wrap;gap:14px}.mn-row label{display:flex;align-items:center;gap:8px}
.mn-res{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:#f2f8f9}.mn-big{font-size:28px;font-weight:700;letter-spacing:-.02em;color:#0b1220}
.mn-note{font-size:13px;color:#6e6e73;margin:0}
.mn-seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:#f2f4f7;justify-self:start}.mn-seg button{border:0;background:none;font:inherit;font-size:14px;padding:8px 14px;border-radius:9px;cursor:pointer;color:#4b5a66}.mn-seg button.on{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px rgba(0,0,0,.08);font-weight:600}
.mn-anim{width:100%;max-width:420px;height:auto;justify-self:center}
.mn-anim .a-board{fill:#e9eef2;stroke:#0a2540;stroke-width:2}.mn-anim .a-track{fill:#94a3b8}.mn-anim .a-foot{transition:transform .5s cubic-bezier(.3,1.3,.5,1)}.mn-anim .a-foot circle{fill:#0a6f8a}.mn-anim .a-foot path,.mn-anim .a-base path{stroke:#0a2540;fill:none}
.mn-anim .a-lbl{font-size:11px;fill:#6e6e73;font-family:inherit}
.mn-anim .a-base rect{fill:#0a2540}.mn-anim .a-ext rect{fill:#36c2c0}.mn-anim .a-btn{fill:#fff}
.mn-pin .a-ext{animation:pinIn 2.6s ease-in-out infinite}.mn-pin .a-click{fill:none;stroke:#36c2c0;stroke-width:2;opacity:0;animation:pinClick 2.6s ease-out infinite}.mn-pin .a-lbl{animation:pinTxt 2.6s infinite;opacity:0}
@keyframes pinIn{0%,15%{transform:translateY(-34px)}45%,80%{transform:translateY(0)}100%{transform:translateY(-34px)}}
@keyframes pinClick{0%,44%{opacity:0;r:4}50%{opacity:1}70%{opacity:0;r:22}100%{opacity:0}}
@keyframes pinTxt{0%,46%{opacity:0}52%,74%{opacity:1}80%,100%{opacity:0}}
.mn-anim .a-straps rect{fill:#cbd5e1;transition:fill .3s}.mn-anim .a-straps rect.on{fill:#0a6f8a}
.mn-anim .a-win{fill:#e6f4f7}.mn-anim .a-pow{fill:#bfe6ea}.mn-anim .a-max{fill:#7fd0cf}.mn-anim .a-me{fill:#0b1220}.mn-anim .a-arr{stroke:#0b1220}
.mn-anim .a-kite{fill:#f97316;offset-path:path('M40 168 A 130 130 0 0 1 300 168');animation:kFly 6s ease-in-out infinite alternate}
@keyframes kFly{from{offset-distance:0%}to{offset-distance:100%}}
.mn-anim .a-sea{fill:#cfeaf0}.mn-anim .a-sand{fill:#f1e6cf}.mn-anim .a-wind path{stroke:#0a6f8a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none;animation:wBlow 1.8s ease-in-out infinite}
.mn-anim .a-wind path:nth-child(3),.mn-anim .a-wind path:nth-child(4){animation-delay:.3s}.mn-anim .a-wind path:nth-child(5),.mn-anim .a-wind path:nth-child(6){animation-delay:.6s}
@keyframes wBlow{0%,100%{opacity:.45}50%{opacity:1}}
.mn-anim .a-wind{transform-box:fill-box;transform-origin:center;transition:transform .5s}
.mn-anim .a-wind.w-on{transform:rotate(90deg)}.mn-anim .a-wind.w-side{transform:rotate(0deg)}.mn-anim .a-wind.w-off{transform:rotate(-90deg)}
@media (prefers-reduced-motion:reduce){.mn-pin .a-ext,.mn-anim .a-kite,.mn-c{animation:none}}
@media (max-width:600px){.mn-body{font-size:16px}.mn-tool{padding:16px}}
/* carrello nell'header: pulito, allineato ai fratelli; pieno (navy) solo quando ha articoli; niente gradiente né glow (v139) */
.hcart{height:40px!important;padding:0 15px!important;border-radius:999px!important;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important;position:relative;transition:background .2s,border-color .2s,color .2s}
.hcart svg{width:19px!important;height:19px!important}
.hcart .hc-n{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#eef1f4;color:#0a2540;font-size:11.5px;font-weight:800;line-height:1}
.hcart.has{background:#0b1220!important;border-color:#0b1220!important;color:#fff!important}
.hcart.has .hc-n{background:rgba(255,255,255,.22);color:#fff}
.hcart.has .hc-t{font-weight:700}
.hcart:hover{text-decoration:none}
.hcart:not(.has):hover{background:#f2f4f7!important;border-color:#cfd6dc!important}
/* Badge quantità carrello: più grande e vivo (il cliente deve sapere che ha prodotti da concludere) */
.hcart.has .hc-n,.hcart.has .dk-n{min-width:27px!important;height:27px!important;padding:0 7px!important;border-radius:999px!important;font-size:15px!important;font-weight:800!important;line-height:1;top:-9px!important;right:-9px!important;background:linear-gradient(135deg,#ff7a3d,#ff4d4d)!important;color:#fff!important;box-shadow:0 5px 13px -2px rgba(255,77,77,.6),0 0 0 2px #fff;animation:cartNudge 1.7s ease-in-out infinite}
@keyframes cartNudge{0%,55%,100%{transform:scale(1)}20%{transform:scale(1.22)}38%{transform:scale(.97)}}
@media(prefers-reduced-motion:reduce){.hcart.has .hc-n,.hcart.has .dk-n{animation:none}}
.hcart.has:hover{background:#13203a!important}
.hicons a.hcart,.hicons a.hcart:hover{flex-direction:row}
.hcart.bump{animation:pop .5s}

/* ===== Sistema colore (v140): negozio=blu, vetrina/editoriale=sabbia+accento, account=mondo viola ===== */
/* hero con foto reale dietro al testo (Viaggi, Manuale): emoziona, resta leggibile */
.vg-hero,.mn-hero{position:relative;overflow:hidden;border-radius:0 0 26px 26px}
.xhero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.9}
.xhero-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--sand,#f3ede1) 18%,rgba(243,237,225,.7) 42%,rgba(243,237,225,.15) 70%,rgba(243,237,225,0) 100%),linear-gradient(0deg,rgba(243,237,225,.6),transparent 55%)}
.vg-hero>*:not(.xhero-bg):not(.xhero-veil),.mn-hero>*:not(.xhero-bg):not(.xhero-veil){position:relative;z-index:2}
.vg-hero{padding:38px 26px 30px}.mn-hero{padding:40px 26px 24px}
@media (max-width:720px){.xhero-veil{background:linear-gradient(180deg,rgba(243,237,225,.55),var(--sand,#f3ede1) 72%)}.vg-hero,.mn-hero{border-radius:0 0 20px 20px}}

/* ACCOUNT: il tuo pannello. Fondo e accenti viola, così capisci che sei nel tuo mondo */
body.pg-account{background:#f6f3ff}
body.pg-account .ph-ic.av{background:linear-gradient(135deg,#2b8fb0,#36c2c0);color:#fff}
body.pg-account .minis.acc .box:hover{border-color:#c9bcff;box-shadow:0 10px 26px rgba(109,74,255,.12)}
body.pg-account .minis.acc .box .mn-badge,body.pg-account .dk-n{background:#2b8fb0}
body.pg-account .ph h1{color:#2a1a66}
.acc-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#0e6f93;background:#e6f4f8;border-radius:999px;padding:4px 11px}
/* Area cliente stile iPhone: una cosa grande per schermata, foto, spazio */
.acc-ord{display:flex;align-items:center;gap:16px;color:var(--ink)}.acc-ord:hover{text-decoration:none}
.acc-ord-ph{width:104px;height:104px;flex:0 0 104px;border-radius:16px;object-fit:cover;background:#f2f4f7}
.acc-ord-ph.ph,.ord-th.ph{display:grid;place-items:center;color:var(--mut)}.acc-ord-ph.ph svg,.ord-th.ph svg{width:38%;height:38%}
.acc-ord-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.acc-ord-ar{font-size:19px;font-weight:650;line-height:1.2}.acc-ord-tx small{color:var(--mut);font-size:13.5px}
.acc-ord-go{flex:0 0 auto}.acc-ord-go svg{width:18px;height:18px;color:var(--mut)}
.steps.stbar{margin:10px 0 2px}.steps.stbar li{font-size:11px}.steps.stbar li i{width:12px;height:12px}.steps.stbar li:before{top:5px}
/* avatar + icone azioni stile iOS (colorate, non piatte) */
.ph-ic.av{background:linear-gradient(145deg,#2bd4c4 0%,#2b8fe0 42%,#7b61ff 74%,#ff6a3d 100%);color:#fff!important;box-shadow:0 8px 20px rgba(43,143,224,.32)}
/* Account: riquadri azione in stile Apple — gradienti del brand, profondità (luce in alto, ombra interna, bagliore colorato sotto), micro-sollevamento al passaggio */
.acc-act .mini{position:relative;overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s}
.acc-act .mini::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 70% at 50% -12%,rgba(255,255,255,.6),transparent 58%)}
.acc-act .mini:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(16,24,40,.04),0 26px 50px -28px rgba(16,24,40,.42)}
.acc-act .mini-ic{position:relative;width:52px;height:52px;border-radius:16px;color:#fff;margin-bottom:14px;overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.acc-act .mini-ic::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 -2px 3px rgba(0,0,0,.14);background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.32),transparent 55%)}
.acc-act .mini-ic svg{position:relative;color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.acc-act .mini:hover .mini-ic{transform:scale(1.06) rotate(-2deg)}
.acc-act .mini-ic.ic-box{background:linear-gradient(158deg,#1a6fc0,#06345a);box-shadow:0 10px 22px -8px rgba(10,77,140,.75)}
.acc-act .mini-ic.ic-chat{background:linear-gradient(158deg,#2bc0c2,#0e7f8f);box-shadow:0 10px 22px -8px rgba(14,143,160,.75)}
.acc-act .mini-ic.ic-euro{background:linear-gradient(158deg,#3bd0b0,#0e8f80);box-shadow:0 10px 22px -8px rgba(16,160,140,.7)}
.acc-act .mini-ic.ic-cuore{background:linear-gradient(158deg,#ff8a4d,#ff5a53);box-shadow:0 10px 22px -8px rgba(255,106,69,.7)}
.acc-set{position:relative;overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s}
.acc-set:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(16,24,40,.04),0 24px 46px -28px rgba(16,24,40,.4)}
.acc-set .acc-set-ic{position:relative;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(158deg,#8b93a3,#4a5566);color:#fff;flex:0 0 auto;margin-right:12px;overflow:hidden;box-shadow:0 8px 18px -7px rgba(74,85,102,.7)}
.acc-set .acc-set-ic::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,0,0,.14);background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.3),transparent 55%)}
.acc-set .acc-set-ic svg{width:24px;height:24px;color:#fff;position:relative}
.addr-add{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}.addr-add-ic{font-size:20px;line-height:1;display:inline-flex}
.addr-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.addr-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.addr-top{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.addr-badge{font-size:12px;font-weight:700;letter-spacing:.03em;color:#37485c;background:#eef1f5;border-radius:999px;padding:3px 10px}
.addr-def{font-size:12px;font-weight:700;color:var(--green)}
.addr-nm{font-size:16px}.addr-line{font-size:14px;color:var(--ink)}.addr-line.muted{color:var(--mut)}
.addr-acts{display:flex;flex-direction:column;gap:8px;flex:0 0 auto;text-align:right}.addr-acts .lnk.danger{color:var(--red)}
.addr-empty{display:flex;flex-direction:column;gap:4px}.addr-empty b{font-size:16px}.addr-empty small{color:var(--mut)}
.addr-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.addr-chips .chip.on{color:#fff}
.fld-err{display:block;color:var(--red);font-size:12.5px;margin-top:4px}.fld-err:empty{margin:0}
.fld .opt{font-weight:400;color:var(--mut);font-size:12px;margin-left:4px}.fld-dob{margin-top:12px}
.fld-check{display:flex;align-items:center;gap:10px;margin:4px 0 16px;font-size:14px;color:var(--ink);cursor:pointer}.fld-check input{width:18px;height:18px;flex:0 0 auto}
.addr-form-a{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:600px){.addr-card{flex-direction:column}.addr-acts{flex-direction:row;text-align:left;gap:16px}}
.acc-act{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.acc-set{display:flex;align-items:center;gap:14px;color:var(--ink)}.acc-set:hover{text-decoration:none}.acc-set>svg{width:26px;height:26px;color:var(--ink);flex:0 0 auto}.acc-set span{flex:1}.acc-set small{display:block;color:var(--mut)}.acc-set>svg:last-child{width:16px;height:16px;color:var(--mut)}
.acc-last{display:block;color:var(--ink)}.acc-last:hover{text-decoration:none}
.acc-last-h{display:flex;align-items:center;justify-content:space-between}.acc-last-h svg{width:16px;height:16px;color:var(--mut)}
.acc-last-ph{display:flex;gap:10px;margin:12px 0 8px;flex-wrap:wrap}.acc-last small{color:var(--mut);font-size:13px}
.acc-empty{display:flex;align-items:center;gap:14px;color:var(--ink)}.acc-empty:hover{text-decoration:none}.acc-empty>span:first-child{flex:1}.acc-empty small{display:block;color:var(--mut)}
.ord-th{width:56px;height:56px;flex:0 0 56px;border-radius:12px;object-fit:cover;background:#f2f4f7}
.ord-th.lg{width:74px;height:74px;flex-basis:74px}
.orow>.ord-th+span{flex:1;min-width:140px}
.sum-l .ord-th{width:46px;height:46px;flex-basis:46px}.sum-l .sl-n{flex:1;min-width:0}
.acc-status{display:flex;align-items:center;gap:14px}.acc-status>svg{width:26px;height:26px;color:var(--green);flex:0 0 auto}.acc-status small{display:block;color:var(--mut)}
.acc-safe{height:clamp(44px,9vh,96px)}
@media(max-width:600px){.acc-ord-ph{width:80px;height:80px;flex-basis:80px}.acc-ord-ar{font-size:17px}}
body.pg-account a.lnk{color:#0e6f93}
body.pg-account .box b{color:#2a1a66}
/* accento viola per i mondi "vetrina/suggeritore": Manuale e Viaggi */
body.pg-manuale .gtext,body.pg-account .gtext{background:linear-gradient(90deg,#0a2540,#0e6f93 55%,#2fb3bf);-webkit-background-clip:text;background-clip:text;color:transparent}
/* pallini colore nella scelta variante (v142) */
.vp-col.cw{gap:7px;padding:0 13px 0 9px}
.vp-col.cw i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px rgba(11,18,32,.18) inset;flex:0 0 auto}
.vp-col.cw.on i{box-shadow:0 0 0 1px rgba(11,18,32,.3) inset}
.vp-col.cw.out i{opacity:.5}

/* v144 — condizione prodotto (Equipe seconda scelta): Prototipo / Fine serie */
.pc-img{position:relative}
.pc-cond{position:absolute;left:10px;bottom:10px;z-index:3;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:7px;letter-spacing:.2px}
.pc-cond.warn{background:#fdf1d6;color:#92600a;border:1px solid #ecd49c}
.pc-cond.promo{background:#e7f0fe;color:#1d4ed8;border:1px solid #cfe0fb}
.pp-cond{margin:8px 0 2px;font-size:13px;line-height:1.45;padding:9px 13px;border-radius:10px}
.pp-cond.warn{background:#fdf1d6;color:#7a5107;border:1px solid #ecd49c}
.pp-cond.promo{background:#e7f0fe;color:#1a46c0;border:1px solid #cfe0fb}
.pp-cond b{font-weight:800}

/* v144 — hero categoria grande/responsive (6) + barra filtri ridisegnata (7) */
.cat-hero{min-height:220px;padding:0;overflow:hidden;align-items:stretch}
.cat-hero .ch-tx{flex:1 1 52%;padding:30px 34px;display:flex;flex-direction:column;justify-content:center}
.cat-hero .ch-img.is-ph{flex:1 1 48%;width:auto;height:auto;min-height:220px;border-radius:0;position:relative;overflow:hidden}
.cat-hero .ch-img.is-ph .ph-img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
@media (max-width:620px){
  .cat-hero{flex-direction:column;align-items:stretch;min-height:0}
  .cat-hero .ch-tx{flex:none;padding:20px 20px 14px}
  .cat-hero .ch-img.is-ph{flex:none;width:100%;min-height:150px;height:150px}
}
.filters .f-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:11px;border-bottom:1px solid var(--line);margin-bottom:2px}
.f-sort{display:flex;align-items:center;gap:10px;min-width:0}
.filters .seg{display:flex;flex-wrap:wrap;background:#eef2f6;border-radius:11px;padding:3px;gap:2px}
.seg-b{flex:0 0 auto;padding:7px 13px;border-radius:9px;font-size:13px;font-weight:600;color:var(--mut);white-space:nowrap}
.seg-b:hover{text-decoration:none;color:var(--ink)}
.seg-b.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(10,37,64,.13)}
.f-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:7px 13px}
.f-toggle:hover{text-decoration:none}
.f-toggle i{width:30px;height:18px;border-radius:999px;background:#d8dee7;position:relative;transition:background .2s;flex:0 0 30px}
.f-toggle i:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}
.f-toggle.on{color:#0e8fa0;border-color:#b6e3e6;background:#eefafa}
.f-toggle.on i{background:#0e8fa0}.f-toggle.on i:before{transform:translateX(12px)}
.f-filters{display:flex;flex-direction:column;gap:8px;margin-top:10px}

/* v144b — hero categoria: pannello grande anche senza foto-categoria */
.cat-hero .ch-img{flex:1 1 46%;width:auto;min-height:220px;height:auto;border-radius:0;align-self:stretch;display:flex;align-items:center;justify-content:center}
.cat-hero .ch-img:not(.is-ph) img{max-height:185px;max-width:80%;object-fit:contain}
.cat-hero .ch-img:not(.is-ph) .scene{width:74%;height:82%}
@media (max-width:620px){.cat-hero .ch-img{flex:none;width:100%;min-height:150px;align-self:auto}}

/* v144c — hero categoria: media a pannello grande, classi dedicate (no conflitti legacy) */
.cat-hero.catx{padding:0;overflow:hidden;align-items:stretch;min-height:230px}
.cat-hero.catx .ch-tx{flex:1 1 54%;padding:30px 34px;display:flex;flex-direction:column;justify-content:center;z-index:2}
.catx-media{flex:1 1 46%;align-self:stretch;min-height:230px;position:relative;overflow:hidden;background:var(--grad-soft)}
.catx-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 15%),linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 15%),linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);mask-composite:intersect}
.catx-media .catx-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.catx-media .catx-fb img{max-width:78%;max-height:80%;object-fit:contain}
.catx-media .catx-fb .scene{width:80%;height:84%}
@media (max-width:620px){.cat-hero.catx{flex-direction:column;min-height:0}.cat-hero.catx .ch-tx{flex:none;padding:20px 20px 14px}.catx-media{flex:none;width:100%;height:160px;min-height:0}}

/* v144d — [IN VALIDAZIONE, non spingere in prod senza ok] logo/wordmark brand (4) + pagina brand (5) */
.pc{position:relative}
.pc-brand{position:absolute;top:46px;left:12px;z-index:4;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:7px;padding:3px 8px;line-height:1;box-shadow:0 1px 4px rgba(10,37,64,.08);text-decoration:none}
.pc-brand:hover{background:#fff;color:#0e8fa0;text-decoration:none}
.pc-k .pc-brk{color:var(--ink);font-weight:800;cursor:pointer}.pc-k .pc-brk:hover{color:#0e8fa0;text-decoration:underline}
.pp-brand{font-weight:800;letter-spacing:.04em;color:var(--ink)}.pp-brand:hover{color:#0e8fa0}
.brand-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:180px;border-radius:24px;padding:30px 34px;margin-bottom:16px;background:radial-gradient(80% 160% at 88% 50%,rgba(14,143,160,.16),transparent 60%),linear-gradient(180deg,#fff,#f4f7f8);border:1px solid var(--line);overflow:hidden}
.brand-hero .h2-k{color:#0e8fa0}
.brand-wm{font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:-.03em;margin:4px 0 6px;text-transform:uppercase}
.bh-sub{color:var(--mut);max-width:60ch;margin:6px 0 0}
.bh-badge{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;color:#0e8fa0;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;text-align:center}
.bh-badge svg{width:34px;height:34px}
@media (max-width:620px){.brand-hero{padding:22px 20px}.bh-badge{display:none}}

/* v144e — indice "I nostri brand" (wordmark ink uniforme per tutti) */
.brand-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:4px 0 24px}
.brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:92px;padding:18px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:border-color .2s,transform .15s,box-shadow .2s}
.brand-tile:hover{text-decoration:none;transform:translateY(-2px);border-color:#cfd8e3;box-shadow:0 6px 18px rgba(10,37,64,.07)}
.brand-wm2{font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-size:16px;text-align:center;line-height:1.15}
.brand-tile small{color:var(--mut);font-size:11.5px}

/* ───────── Correzioni mobile (home · griglia · scheda prodotto) ───────── */
/* 1 · Barra discipline: scorre in orizzontale, mai spezzata; la sfumatura (destra/sinistra) è dinamica via JS e invita a scorrere. Fallback statico a destra se il JS non parte */
@media (max-width:980px){
  .disc{-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%)}
  .disc .mg-i{flex:0 0 auto}
  /* peek: un filo di spazio in coda così l'ultima pillola resta sotto la sfumatura invece di combaciare col bordo */
  .disc .mg-i:last-child{margin-right:14px}
  .dpill{white-space:nowrap}.dpill .dp-t{white-space:nowrap}
}
/* 2 · Griglia prodotti: sempre due colonne su mobile (annulla il minmax 205px che forzava una colonna), card uniformi e compatte */
@media (max-width:620px){
  .pgrid{grid-template-columns:1fr 1fr!important;gap:10px}
  .pgrid .pc-b{padding:10px 12px 12px;gap:2px}
  .pgrid .pc-n{font-size:13.5px;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* niente vuoti giganti: i segnaposto vuoti non occupano più una riga */
  .pgrid .pc-f:empty,.pgrid .pc-rrp:empty,.pgrid .pc-r3:empty,.pgrid .pc-sz:empty{display:none}
  .pgrid .pc-f{margin:2px 0 3px}.pgrid .pc-f i{font-size:10.5px;padding:2px 6px}
  .pgrid .pc-ar{font-size:11.5px}
  .pgrid .ed{min-height:0;grid-column:1/-1}
}
/* 3 · Scheda prodotto "tipo app": foto più contenuta, acquisto subito dopo la misura, dettagli di consegna sotto */
@media (max-width:620px){
  .pp-gal,.pp-gal.gl{aspect-ratio:auto!important;height:clamp(290px,52vh,400px)}
  .pp-info{display:flex;flex-direction:column}
  .pp-info>.buy{order:1;margin-top:14px}
  .pp-info>.pp-avail{order:2}
  .pp-info>.why{order:3}
  .pp-info>.ric-link{order:4}
  .pp-info>.expert{order:5}
  /* blocco acquisto: niente traboccamenti, bottone sempre pieno e leggibile */
  .buy{display:grid!important;grid-template-columns:auto 1fr;gap:10px;align-items:center}
  .buy .heart.big{display:none}
  .buy .btn-blue,.buy .btn-pre{height:54px;min-width:0}
  .buy .btn-blue span,.buy .btn-pre span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .buy .buy-now{grid-column:1/-1}
  .buy .pay-ok{grid-column:1/-1}
  .pp-sec{margin:18px 0 4px}
}

/* ── Scheda prodotto: info in sezioni a tasto (accordion), chiuse di default su mobile ── */
details.acc > summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px}
details.acc > summary::-webkit-details-marker{display:none}
details.acc > summary::after{content:"";margin-left:auto;flex:0 0 auto;width:10px;height:10px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:transform .25s ease}
details.acc[open] > summary::after{transform:rotate(-135deg)}
.pp-more .box.acc{padding:0;overflow:hidden}
.pp-more .box.acc > summary{padding:18px 20px}
.pp-more .box.acc .acc-t{font-size:18px;font-weight:700}
.pp-more .box.acc .acc-c{padding:0 20px 20px;min-width:0}
.pp-more .box.acc[open] .acc-c{animation:accIn .25s ease}
@keyframes accIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
details.why.acc > summary{padding:0}
/* accordion col tasto apri/chiudi anche su desktop (chiuse di default), coerente col mobile */

/* ===== checkout fase 1 — express nel carrello, wallet chiari, fattura con indirizzo ===== */
.xtap{margin:14px 0 10px}
.xtap-h{display:block;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#5b6875;margin-bottom:8px}
.xtap-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.xtap-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:13px;border:1.5px solid #cfd8e0;background:#fff;color:#0a2540;font-size:14.5px;font-weight:700;text-decoration:none;transition:border-color .2s,transform .2s}
.xtap-btn:hover{border-color:#0e8fa0;transform:translateY(-1px)}
.xtap-btn svg{width:20px;height:20px;fill:currentColor}
.xtap-btn.pp{grid-column:1/-1;color:#fff;background:#0070ba;border-color:#0070ba;font-style:normal;font-size:16px;letter-spacing:.01em}
.xtap-btn.pp:hover{background:#005a94;border-color:#005a94}
.xtap-btn.card{grid-column:1/-1;color:#0a2540;background:#fff;border-color:#0a2540;font-size:15px}
.xtap-btn.card:hover{border-color:#0e8fa0;color:#0e8fa0}
.xtap-or{display:block;text-align:center;font-size:12px;color:#93a1ad;margin:10px 0 2px}
.xpay-note{font-size:11.5px;color:var(--mut);text-align:center;margin:8px 0 0}
.qbtn .wic{width:20px;height:20px;fill:currentColor}
.inv-t{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14.5px;font-weight:600;color:#0a2540;margin-top:4px}
.inv-t input{width:18px;height:18px;accent-color:#0e8fa0;flex:none}
.inv-fields{margin-top:12px}
.inv-note{font-size:13px;font-weight:600;color:#0a2540;margin:12px 0 8px}
.inv-note small{display:block;font-weight:400;color:var(--mut);font-size:12px;margin-top:2px}

/* === CTA ACQUISTO — arancio-corallo VIVO + hint swipe (Fase 2) === */
:root{
  --cta-buy:linear-gradient(135deg,#ff8a3d 0%,#ff5e3a 100%);
  --cta-buy-h:linear-gradient(135deg,#ff7a28 0%,#f04e2c 100%);
  /* gradiente "vivo": gamma calda che scorre (arancio↔corallo↔ambra↔rosa-corallo) */
  --cta-buy-live:linear-gradient(100deg,#ff9a3d 0%,#ff6a33 20%,#ff5040 40%,#ff5a6e 58%,#ff8a34 80%,#ff9a3d 100%);
  --cta-shift-dur:6s; /* velocità del cambio colore */
}
.btn-green,.btn-coral{background:var(--cta-buy)}
.btn-green:hover,.btn-coral:hover{background:var(--cta-buy-h)}
.cp-go,.cp-next{background:var(--cta-buy)!important;box-shadow:0 10px 24px rgba(255,94,58,.28)}
.cp-go:hover,.cp-next:hover{box-shadow:0 14px 30px rgba(255,94,58,.30)!important}
/* font coerente del sito + testo bianco nitido sui CTA primari */
.buy-now,.btn-green.full,.cp-go,.cp-next,.btn-coral{font-family:var(--font);color:#fff;text-shadow:0 1px 2px rgba(120,30,0,.22)}
/* gradiente VIVO che cambia tonalità (resta un normale tap) */
.buy-now,.btn-green.full,.cp-go,.cp-next{
  background:var(--cta-buy-live)!important;
  background-size:240% 100%!important;
  background-position:0% 50%;
  animation:ctaHue var(--cta-shift-dur) ease-in-out infinite;
}
@keyframes ctaHue{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* sweep di luce continuo (evoca lo swipe) solo sui CTA d'acquisto primari; resta un normale tap */
.buy-now,.btn-green.full,.cp-go,.cp-next{position:relative;overflow:hidden}
.buy-now::after,.btn-green.full::after,.cp-go::after,.cp-next::after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:42%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg) translateX(-170%);animation:swipeHint 2.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes swipeHint{0%{transform:skewX(-18deg) translateX(-170%)}48%{transform:skewX(-18deg) translateX(320%)}100%{transform:skewX(-18deg) translateX(320%)}}
/* micro-nudge della freccia dove presente */
.buy-now>svg:last-child{animation:arrNudge 2.8s ease-in-out infinite}
@keyframes arrNudge{0%,42%,100%{transform:translateX(0)}18%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){
  .buy-now,.btn-green.full,.cp-go,.cp-next{animation:none!important;background:var(--cta-buy)!important;background-size:auto!important}
  .buy-now::after,.btn-green.full::after,.cp-go::after,.cp-next::after{display:none;animation:none}
  .buy-now>svg:last-child{animation:none}
}
/* carrello/checkout: colonne sempre comprimibili + stack sotto 1000px (no taglio riepilogo a larghezze intermedie) */
.cart-l>*,.co>*{min-width:0}
@media (max-width:1000px){.cart-l,.co{grid-template-columns:minmax(0,1fr)}.sum.sticky,.co .sticky{position:static}}

/* ── shopper bag: feedback icona + hero carrello ── */
.cartbump{animation:cartbump .5s ease-out}
@keyframes cartbump{0%{transform:scale(1)}30%{transform:scale(1.28)}60%{transform:scale(.94)}100%{transform:scale(1)}}
.hcart svg.cartbump{filter:drop-shadow(0 0 6px rgba(123,97,255,.9)) drop-shadow(0 0 10px rgba(54,194,192,.6))}
.dk-i.cartbump{display:inline-block;filter:drop-shadow(0 0 6px rgba(123,97,255,.85)) drop-shadow(0 0 9px rgba(255,106,61,.5))}
.ca-art{display:flex;justify-content:center;align-items:flex-start}
.ca-ttl{min-width:0;text-align:center;margin:2px 0 10px;flex-direction:column;align-items:center;gap:2px}
.ca-ttl h1{margin:0}
.ca-ttl .ch-count-p{margin:4px 0 0;font-size:15px;color:var(--mut)}
.ca-ttl .ch-count-p b{color:var(--ink)}
/* carrello: griglia con aree (mobile: pila art-titolo-barra-articoli-riepilogo; desktop: titolo+barra+articoli a sx, carrello piccolo + riepilogo a dx) */
.cart-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "ttl" "shp" "lns" "sum";align-items:start}
.cart-grid>*{min-width:0}
.cart-col-l,.cart-col-r{display:contents}
.ca-art{grid-area:art}.ca-ttl{grid-area:ttl}.ca-shp{grid-area:shp}.ca-lns{grid-area:lns}.ca-sum{grid-area:sum}
.ca-sum-art{display:none}
@media (min-width:1001px){
  /* desktop: sx = titolo+barra+articoli; dx = box Riepilogo (con carrello che sborda dal bordo superiore) allineato in cima alla barra */
  /* riga finale 1fr: assorbe l'altezza extra del Riepilogo, così titolo+barra+articoli restano impilati in alto e non si crea il buco a sinistra (anche quando la barra spedizione è nascosta, es. carrello di solo buono regalo) */
  .cart-grid{grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto auto auto 1fr;grid-template-areas:"ttl ." "shp sum" "lns sum" ". sum";column-gap:24px}
  .ca-art{display:none}
  .ca-sum-art{display:flex;justify-content:center;margin:-76px 0 4px;pointer-events:none}
  .ca-ttl{grid-area:ttl;text-align:left;margin:0 0 14px;flex-direction:row;align-items:baseline;gap:10px;justify-content:flex-start}
  .ca-ttl h1{font-size:26px}
  .ca-shp{grid-area:shp;margin:0 0 16px}
  .ca-lns{grid-area:lns}
  .ca-sum{grid-area:sum;align-self:start;position:sticky;top:16px;margin:0;overflow:visible}
  .cart-grid .rbag{width:clamp(132px,11vw,150px)}
}
.rbag{width:clamp(140px,17vw,168px);height:auto;flex:0 0 auto;filter:drop-shadow(0 10px 20px rgba(10,30,51,.16))}
.rbag .rbag-in{animation:rbagfloat 4s ease-in-out infinite;transform-origin:60px 40px}
@keyframes rbagfloat{50%{transform:translateY(-3px)}}
.rbag .spk{transform-box:fill-box;transform-origin:center;animation:rbagspk 2.4s ease-in-out infinite}
.rbag .spk.s2{animation-delay:1.1s}
@keyframes rbagspk{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@media (max-width:640px){.rbag{width:clamp(84px,26vw,104px)}.ca-ttl{margin:0 0 8px}.ca-ttl h1{font-size:clamp(22px,6.4vw,28px)}.ca-ttl .ch-count-p{font-size:14px}}
@media (prefers-reduced-motion:reduce){.cartbump,.rbag .rbag-in,.rbag .spk{animation:none}.hcart svg.cartbump,.dk-i.cartbump{filter:none}}
/* vola nel carrello */
#fly-ov{position:fixed;inset:0;pointer-events:none;z-index:4000;overflow:hidden}
.fly-comet{position:fixed;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--grad-brand);box-shadow:0 0 14px 3px rgba(109,40,217,.55),0 0 9px 2px rgba(54,194,192,.5);will-change:transform,opacity}
.fly-spark{position:fixed;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--grad-brand);opacity:.9;animation:flyfade .4s ease-out forwards}
@keyframes flyfade{to{opacity:0;transform:scale(.3)}}
.fly-burst{position:fixed;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--grad-brand);will-change:transform,opacity;animation:flyburst .5s ease-out forwards}
@keyframes flyburst{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}
@media (prefers-reduced-motion:reduce){#fly-ov{display:none}}

/* v=193 — Icona carrello animata nel bottone "Aggiungi al carrello": un attrezzo salta dentro il carrello */
.addbtn{overflow:visible}
.addbtn .ac-ic{display:inline-flex;align-items:center;transform:translateY(-6px);pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22))}
.addbtn .ac-ic svg{width:40px;height:40px}
.addbtn .ac-ic .acv{width:40px;height:50px}
.addbtn.added:before{border-radius:inherit}
.acv .ac-item{transform-box:fill-box;transform-origin:center;opacity:1;animation:acDrop 3.2s cubic-bezier(.34,.1,.2,1) infinite}
.acv .ac-cart{transform-box:fill-box;transform-origin:center bottom;animation:acJolt 3.2s ease infinite}
@keyframes acDrop{
 0%{transform:translateY(-15px) scale(.6);opacity:0}
 8%{opacity:1}
 24%{transform:translateY(0) scale(1);opacity:1}
 30%{transform:translateY(-3px) scale(1)}
 37%{transform:translateY(0) scale(1)}
 50%{transform:translateY(0);opacity:1}
 61%{transform:translateY(9px) scale(.82);opacity:0}
 100%{transform:translateY(-15px) scale(.6);opacity:0}
}
@keyframes acJolt{
 0%,22%{transform:translateY(0) scaleX(1)}
 26%{transform:translateY(1.3px) scaleX(1.06)}
 33%{transform:translateY(0) scaleX(1)}
 100%{transform:translateY(0)}
}
@media (max-width:980px){
  .addbtn{gap:5px;padding-left:12px;padding-right:14px}
  .addbtn .ac-ic{transform:translateY(-6px);margin-right:-2px}
  .addbtn .ac-ic svg{width:30px;height:30px}
  .addbtn .ac-ic .acv{width:31px;height:39px}
}
@media (max-width:380px){
  .pp .addbtn,.addbtn{font-size:14px!important;gap:4px;padding-left:10px;padding-right:10px}
  .addbtn .ac-ic{transform:translateY(-5px);margin-right:-3px}
  .addbtn .ac-ic svg{width:24px;height:24px}
  .addbtn .ac-ic .acv{width:26px;height:33px}
}
@media (prefers-reduced-motion:reduce){
  .acv .ac-item,.acv .ac-cart{animation:none}
  .addbtn .ac-ic{transform:translateY(-6px)}
}

/* === Hero mega-menu: ghiera/rotella — firma del menu, CSS puro, fallback statico === */
/* hero del mega-menu: bussola grande; l'ago oscilla a riposo e, al passaggio del mouse su una categoria, la punta (CSS puro via :has) */
.mg-img.mg-compass{background:radial-gradient(120% 95% at 50% 18%,#fff,#eef1f6 78%);border:1px solid var(--line)}
.mg-img.mg-compass .mgc{width:72%;height:72%}
.mgc-ring{fill:url(#mgcFace);stroke:#d3dae4;stroke-width:1.5}
.mgc-face{fill:#fff;stroke:#e6ebf2;stroke-width:1}
.mgc-ticks line{stroke:#b9c3d1;stroke-width:2;stroke-linecap:round}
.mgc-n{fill:url(#mgcN)}
.mgc-s{fill:#13233a;opacity:.5}
.mgc-hub{fill:#13233a}
.mgc-needle{transform-box:fill-box;transform-origin:center;animation:mgcSwing 7s ease-in-out infinite;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@keyframes mgcSwing{0%{transform:rotate(0deg)}10%{transform:rotate(-13deg)}22%{transform:rotate(9deg)}34%{transform:rotate(-5deg)}46%{transform:rotate(3deg)}58%,100%{transform:rotate(0deg)}}
.mg-in:has(.mg-cols>a:nth-child(1):hover) .mgc-needle{animation:none;transform:rotate(-39deg)}
.mg-in:has(.mg-cols>a:nth-child(2):hover) .mgc-needle{animation:none;transform:rotate(-45deg)}
.mg-in:has(.mg-cols>a:nth-child(3):hover) .mgc-needle{animation:none;transform:rotate(-51deg)}
.mg-in:has(.mg-cols>a:nth-child(4):hover) .mgc-needle{animation:none;transform:rotate(-61deg)}
.mg-in:has(.mg-cols>a:nth-child(5):hover) .mgc-needle{animation:none;transform:rotate(-67deg)}
.mg-in:has(.mg-cols>a:nth-child(6):hover) .mgc-needle{animation:none;transform:rotate(-73deg)}
.mg-in:has(.mg-cols>a:nth-child(7):hover) .mgc-needle{animation:none;transform:rotate(-83deg)}
.mg-in:has(.mg-cols>a:nth-child(8):hover) .mgc-needle{animation:none;transform:rotate(-89deg)}
.mg-in:has(.mg-cols>a:nth-child(9):hover) .mgc-needle{animation:none;transform:rotate(-95deg)}
.mg-in:has(.mg-cols>a:nth-child(10):hover) .mgc-needle{animation:none;transform:rotate(-105deg)}
.mg-in:has(.mg-cols>a:nth-child(11):hover) .mgc-needle{animation:none;transform:rotate(-111deg)}
.mg-in:has(.mg-cols>a:nth-child(12):hover) .mgc-needle{animation:none;transform:rotate(-117deg)}
.mg-in:has(.mg-cols>a:nth-child(13):hover) .mgc-needle{animation:none;transform:rotate(-127deg)}
.mg-in:has(.mg-cols>a:nth-child(14):hover) .mgc-needle{animation:none;transform:rotate(-133deg)}
.mg-in:has(.mg-cols>a:nth-child(15):hover) .mgc-needle{animation:none;transform:rotate(-139deg)}
.mg-in:has(.mg-cols>a:nth-child(16):hover) .mgc-needle{animation:none;transform:rotate(-149deg)}
.mg-feat:hover .mgc-needle{animation:none;transform:rotate(0deg)}
@media (prefers-reduced-motion:reduce){.mgc-needle{animation:none}}
/* pagina-categoria: header compatto senza foto — prodotti subito su mobile */
.cat-hero.catx.slim{min-height:0;padding:22px 30px;align-items:center;overflow:visible}
.cat-hero.catx.slim .ch-tx{flex:1 1 auto;padding:0;z-index:2}
@media (max-width:620px){.cat-hero.catx.slim{padding:14px 16px}.cat-hero.catx.slim .ch-tx{padding:0}}
/* Suggeritore · aiuto guidato con firma "bussola" (filtro morbido) */
.sugg{margin:10px 0 16px;padding:13px 15px;border:1px solid var(--line,#e7e9ee);border-radius:16px;background:linear-gradient(180deg,rgba(255,106,61,.055),rgba(255,106,61,0))}
.sugg-h{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.sugg-sign{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center}
.buss{width:42px;height:42px;display:block}
.buss-ring{fill:none;stroke:#13233a;stroke-width:2;opacity:.6}
.buss-n{fill:#ff6a3d}
.buss-s{fill:#13233a;opacity:.5}
.buss-hub{fill:#13233a}
.sugg-tx b{display:block;font-weight:700;font-size:15px;line-height:1.2;color:#13233a}
.sugg-tx small{display:block;margin-top:2px;color:var(--muted,#6b7280);font-size:12.5px;line-height:1.3}
.sugg-chips{display:flex;flex-wrap:wrap;gap:8px}
.sugg-note{margin:11px 2px 0;font-size:12.5px;color:var(--muted,#5b6472);line-height:1.4}
.pgrid.sug-ok{position:relative}
@media (max-width:420px){.sugg{padding:11px 12px}.sugg-chips .chip{padding:7px 11px;font-size:13px}.buss,.sugg-sign{width:36px;height:36px}}
@media (prefers-reduced-motion:reduce){.buss-needle{animation:none}}
/* Motore DNA Surf · ricerca guidata (bussola firma + campo che scrive da solo + onda) */
.eng{max-width:680px;margin:14px auto 22px;text-align:center}
.eng-sign{display:inline-flex;align-items:center;gap:8px;color:var(--mut);margin-bottom:10px}
.eng-sign .buss{width:24px;height:24px}
.eng-sign .buss-needle{transform-box:fill-box;transform-origin:center;animation:engSway 3.4s ease-in-out infinite}
.eng-sign span{font-size:12px;letter-spacing:.06em;font-weight:600}
.eng-h{font-size:clamp(26px,5vw,38px);line-height:1.08;margin:0;color:var(--ink);font-weight:600;letter-spacing:-.02em}
.eng-sub{font-size:15px;color:var(--mut);margin:8px auto 0;max-width:30em}
.eng-bar{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;margin:18px auto 0;max-width:560px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:12px 10px 13px 18px;box-shadow:0 10px 30px rgba(10,30,51,.08);transition:box-shadow .2s,border-color .2s}
.eng-bar:focus-within{border-color:var(--lagoon);box-shadow:0 0 0 3px rgba(54,194,192,.25),0 10px 30px rgba(10,30,51,.08)}
.eng-lens{flex:0 0 auto;display:grid;place-items:center;color:var(--mut)}.eng-lens svg{width:20px;height:20px}
.eng-bar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:17px;color:var(--ink);padding:4px 0}
.eng-bar input::-webkit-search-cancel-button{-webkit-appearance:none}
.eng-go{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:999px;background:var(--coral);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s}.eng-go:hover{transform:translateX(2px)}.eng-go svg{width:18px;height:18px}
.eng-wave{position:absolute;left:0;bottom:0;width:200%;height:6px;pointer-events:none;animation:engWave 7s linear infinite}
.eng-wave path{fill:none;stroke:var(--lagoon);stroke-width:1.2;opacity:.75}
.eng-hint{font-size:13.5px;color:var(--mut);margin:14px 0 0}.eng-hint a{color:var(--coral);font-weight:600}.eng-hint a:hover{text-decoration:underline}
@keyframes engSway{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@keyframes engWave{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:520px){.eng-bar input{font-size:16px}.eng-h{font-size:28px}}
@media (prefers-reduced-motion:reduce){.eng-sign .buss-needle,.eng-wave{animation:none}}
/* invito ricerca nel mega-menu (sostituisce la bussola-hero sproporzionata) */
.mg-feat.mg-eng{flex-direction:row;align-items:center;gap:12px;width:280px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;transition:border-color .2s,box-shadow .2s}
.mg-feat.mg-eng:hover{border-color:var(--lagoon);box-shadow:0 10px 26px rgba(10,30,51,.08)}
.mg-eng-sign{flex:0 0 auto;display:grid;place-items:center}.mg-eng-sign .buss{width:34px;height:34px}
.mg-eng-sign .buss-needle{transform-box:fill-box;transform-origin:center;animation:engSway 3.4s ease-in-out infinite}
.mg-eng-tx{display:flex;flex-direction:column;gap:1px;text-align:left}.mg-eng-tx b{color:var(--ink);font-size:15px}.mg-eng-tx small{color:var(--mut);font-size:12.5px}
.mg-feat.mg-eng .mg-eng-go{margin-left:auto;flex:0 0 auto;color:var(--coral);display:grid;place-items:center;transition:transform .2s}.mg-eng-go svg{width:18px;height:18px}
.mg-side{width:280px;align-self:stretch;display:flex;flex-direction:column;gap:12px}
.mg-side>.mg-feat.mg-eng{width:auto;flex:0 0 auto}
.mg-stores{flex:1;display:flex;flex-direction:column;gap:8px}
.mg-stores-h{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);padding:2px 2px 0}
.mg-store{flex:1;min-height:54px;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);transition:border-color .2s,box-shadow .2s,transform .2s}
.mg-store:hover{border-color:var(--lagoon);box-shadow:0 10px 26px rgba(10,30,51,.08);text-decoration:none}
.mg-store-logo{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center}.mg-store-logo img{max-width:100%;max-height:100%;object-fit:contain}
.mg-store-k{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.mg-store-k b{font-size:15px;color:var(--ink);line-height:1.15}
.mg-store-k small{font-size:12px;color:var(--mut);line-height:1.2}
.mg-store-go{flex:0 0 auto;color:var(--coral);display:grid;place-items:center;transition:transform .2s}.mg-store-go svg{width:18px;height:18px}
.mg-store:hover .mg-store-go{transform:translateX(3px)}
.mg-store.off{cursor:default;background:transparent;border-style:dashed}
.mg-store.off .mg-store-k b{color:var(--mut)}
.mg-store-soon{flex:0 0 auto;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);background:var(--bg2,#f2f4f7);border-radius:999px;padding:4px 9px}
.mg-feat.mg-eng:hover .mg-eng-go{transform:translateX(2px)}
@media (prefers-reduced-motion:reduce){.mg-eng-sign .buss-needle{animation:none}}
/* Compatibilità guidata (filtro duro): firma bussola + mini-spiegazione */
.f-compat{margin:2px 0 4px;padding:12px 13px;border:1px solid var(--line,#e7e9ee);border-radius:14px;background:linear-gradient(180deg,rgba(255,106,61,.05),rgba(255,106,61,0))}
.fc-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:6px}
.fc-sign{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center}
.fc-sign .buss{width:38px;height:38px}
.fc-tx b{display:block;font-weight:700;font-size:14.5px;line-height:1.2;color:#13233a}
.fc-tx small{display:block;margin-top:3px;color:var(--muted,#6b7280);font-size:12.5px;line-height:1.4}
.f-compat .f-row{margin-top:8px}
@media (max-width:420px){.f-compat{padding:10px 11px}.fc-sign,.fc-sign .buss{width:34px;height:34px}}
/* ─── Bussola: ago che cerca il nord e si assesta (solo CSS, loop lento) ─── */
.buss-needle{transform-box:fill-box;transform-origin:center;animation:bussSwing 6.5s ease-in-out infinite}
@keyframes bussSwing{0%{transform:rotate(0deg)}8%{transform:rotate(-15deg)}20%{transform:rotate(11deg)}32%{transform:rotate(-6deg)}44%{transform:rotate(4deg)}54%{transform:rotate(-2deg)}64%,100%{transform:rotate(0deg)}}
/* ─── Mega-menu: riquadri stessa altezza, niente card orfana, meno aria ─── */
.mg-card{min-height:76px}
.mg-card b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mg-cols{grid-template-columns:repeat(3,1fr);gap:10px}
.mg-cols .mg-card:last-child:nth-child(3n+1){grid-column:1 / -1;justify-content:center}
.mg-in{gap:20px;padding-top:18px;padding-bottom:20px}
/* reduced-motion: ago fermo (deve restare dopo l'animazione per vincere) */
@media (prefers-reduced-motion:reduce){.buss-needle{animation:none}}

/* === v206: gerarchia visiva (pannello menu + riepilogo disciplina) === */
@media (min-width:981px){
  /* Pannello mega-menu: un livello che galleggia, staccato dalla pagina */
  .brandbar .mg-p{background:#fbfcff;border-top:1px solid var(--line);box-shadow:0 1px 0 rgba(10,30,51,.05),0 40px 70px -24px rgba(10,30,51,.32),0 14px 28px -14px rgba(10,30,51,.18)}
  .brandbar .mg-p .mg-in{display:flex;flex-direction:column;gap:14px}
  .mg-p .mg-head{display:flex;align-items:center;gap:12px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
  .mg-p .mg-head>span{flex:0 0 auto}
  .mg-p .mg-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
  .mg-p .mg-body{display:flex;gap:34px;align-items:flex-start}
  /* Icone con presenza: tessera navy tenue a riposo, piena su hover */
  .mg-p .mg-card .cat-tile{background:rgba(10,30,51,.06);color:var(--ocean);box-shadow:inset 0 0 0 1px rgba(10,30,51,.05)}
  .mg-p .mg-card:hover .cat-tile{background:var(--ocean);color:#fff;box-shadow:0 8px 18px -6px rgba(6,52,90,.45)}
  /* Card bianche che spiccano sul pannello + testo con gerarchia */
  .mg-p .mg-card{background:#fff}
  .mg-p .mg-card:hover{box-shadow:0 14px 30px -12px rgba(10,30,51,.22);transform:translateY(-2px)}
  .mg-p .mg-card b{font-weight:600;font-size:15px;letter-spacing:-.01em}
  .mg-p .mg-card small{font-size:11.5px;color:var(--mut)}
  /* "Tutto [disciplina]" come punto focale */
  .mg-feat>b{font-size:16px;font-weight:700}
}
/* Etichetta di sezione nel riepilogo disciplina: stacca i blocchi */
.sec-k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:2px 2px 12px;display:flex;align-items:center;gap:12px}
.sec-k>span{flex:0 0 auto}
.sec-k::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.subnav{margin-bottom:24px}
@media (min-width:701px){
  .subnav .mg-card .cat-tile{background:rgba(10,30,51,.06);color:var(--ocean);box-shadow:inset 0 0 0 1px rgba(10,30,51,.05);transition:background .2s,color .2s}
  .subnav .mg-card:hover .cat-tile{background:var(--ocean);color:#fff}
  .subnav .mg-card b{font-weight:600}
}
/* === v207: gerarchia spinta — testata/fascione, zone separate, tessere con più stacco === */
@media (min-width:981px){
  /* Testata del pannello: banda con nome disciplina + eyebrow, staccata dalla griglia */
  .mg-p .mg-head{background:linear-gradient(180deg,rgba(6,52,90,.07),rgba(6,52,90,.015));border:1px solid var(--line);border-radius:13px;padding:11px 16px;gap:12px;margin-bottom:6px}
  .mg-p .mg-head b{font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--ocean);text-transform:none}
  .mg-p .mg-head>span{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
  .mg-p .mg-head::after{display:none}
  /* Zone separate: griglia categorie | colonna "Tutto …" */
  .mg-p .mg-body{gap:30px}
  .mg-p .mg-feat{border-left:1px solid var(--line);padding-left:30px;align-self:stretch;justify-content:center}
  /* Tessere con più stacco a riposo + hover più evidente (resta leggero) */
  .mg-p .mg-card{box-shadow:0 1px 2px rgba(10,30,51,.05)}
  .mg-p .mg-card .cat-tile{background:rgba(6,52,90,.09);box-shadow:inset 0 0 0 1px rgba(6,52,90,.06)}
  .mg-p .mg-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -12px rgba(10,30,51,.26);border-color:transparent}
}
/* Riepilogo disciplina: stessa testata + tessere coerenti + blocchi staccati */
@media (min-width:701px){
  .sec-k{background:linear-gradient(180deg,rgba(6,52,90,.055),rgba(6,52,90,.01));border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:2px 2px 14px}
  .sec-k::after{display:none}
  .sec-k>span{color:var(--ocean);font-weight:800;letter-spacing:.14em}
  .subnav .mg-card{box-shadow:0 1px 2px rgba(10,30,51,.05)}
  .subnav .mg-card .cat-tile{background:rgba(6,52,90,.09)}
  .subnav .mg-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -12px rgba(10,30,51,.24)}
}

/* === v208 · barra "Aggiungi al carrello" sticky (alto desktop / basso mobile) === */
.buybar{position:fixed;left:0;right:0;z-index:38;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px)}
.buybar .bb-row{display:flex;align-items:center;gap:14px;padding:11px 0}
.bb-n{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.bb-p{font-weight:700;font-size:17px;white-space:nowrap}
.bb-szl{display:flex;align-items:center;gap:7px}
.bb-szl>span{font-size:12px;color:var(--mut)}
.bb-sz{appearance:auto;-webkit-appearance:menulist;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:14px;max-width:170px}
.bb-add{white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.bb-add .bb-ci{display:inline-flex}.bb-add .bb-ci svg{width:19px;height:19px}
/* due tasti nella barra: "Compra ora" primario (si allarga), "Aggiungi" compatto. Su mobile l'Aggiungi resta solo icona per non affollare. */
.buybar .bb-buy{white-space:nowrap;flex:1 1 auto;justify-content:center}
.buybar .bb-add{flex:0 0 auto}
@media (max-width:600px){.buybar .bb-add .bb-add-t{display:none}.buybar .bb-add{padding-left:13px;padding-right:13px}}
/* MOBILE: fissa in basso, sopra il dock (nav) — niente sovrapposizione */
@media (max-width:980px){
  .buybar{bottom:calc(var(--dock) + 22px + env(safe-area-inset-bottom));top:auto;border-top:1px solid var(--line);box-shadow:0 -8px 26px rgba(16,24,40,.12);transition:transform .25s ease,opacity .25s ease}
  /* niente doppio carrello: quando il tasto d'acquisto della pagina è a schermo, la barra che segue scompare in basso */
  .buybar.near{transform:translateY(130%);opacity:0;pointer-events:none}
  .buybar .bb-row{padding:10px 14px;gap:10px}
  .bb-n{display:none}
  .bb-p{flex:0 0 auto}
  .bb-szl{flex:1;min-width:0}.bb-sz{flex:1;max-width:none;min-width:0}
  .bb-add{flex:0 0 auto;padding:12px 16px}
  body:has(.buybar){padding-bottom:calc(var(--dock) + 150px + env(safe-area-inset-bottom))}
}
/* DESKTOP: fissa in basso, compare allo scroll (come su mobile) */
@media (min-width:981px){
  .buybar{bottom:0;top:auto;border-top:1px solid var(--line);box-shadow:0 -10px 26px rgba(16,24,40,.09);transform:translateY(130%);opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}
  .buybar.show{transform:none;opacity:1;pointer-events:auto}
}
@media (prefers-reduced-motion:reduce){.buybar{transition:none}}
/* === v210 scheda prodotto: titolo alto-sx, foto grande, colonna destra === */
.pp-head{margin:0 0 22px}
.pp-head h1{font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin:6px 0 4px;letter-spacing:-.01em}
.pp-head .pp-f{margin-top:12px}
.pp-xsell{margin:22px 0 2px;border-top:1px solid var(--line);padding-top:16px}
.pp-xsell .xs-h{font-size:13px;font-weight:700;color:var(--ink2);margin:0 0 8px}
.pp-xsell .xs-i{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;transition:background .15s ease}
.pp-xsell .xs-i:hover{background:#f3f6fa}
.pp-xsell .xs-im{width:46px;height:46px;flex:0 0 auto;border-radius:10px;background:#f1f4f8;display:grid;place-items:center;overflow:hidden}
.pp-xsell .xs-im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pp-xsell .xs-n{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.25}
.pp-xsell .xs-p{white-space:nowrap;font-size:13.5px}
.pp-rich{margin:34px auto 0;display:grid;gap:16px;max-width:1040px}
.pp-rich .pp-avail{margin:0}
@media (min-width:981px){
  .pp{grid-template-columns:minmax(0,1fr) minmax(360px,430px)!important;gap:40px!important;align-items:start}
  .pp>.pp-gal,.pp>.pp-media{max-width:560px;width:100%;justify-self:center}
  .pp-info{min-width:0}
  .pp-info .buy:has(.addbtn){display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
  .pp-info .buy .qty{grid-column:1;grid-row:1;justify-self:start}
  .pp-info .buy .heart.big{grid-column:2;grid-row:1}
  .pp-info .buy .addbtn{grid-column:1/-1;grid-row:2;min-width:0}
  .pp-info .buy .buy-now{grid-column:1/-1;grid-row:3}
  .pp-info .buy .pay-ok{grid-column:1/-1;grid-row:4}
}

/* === v211 === checkout chiaro: Avanti neutro, arancione solo sul tasto finale; loghi carte; bonifico */
.cp-next{background:#fff!important;color:#12324f!important;border:1.5px solid #cfd8e0!important;box-shadow:none!important;font-weight:600}
.cp-next:hover{border-color:#0e8fa0!important;box-shadow:0 8px 20px rgba(10,77,140,.12)!important}
.cp-alt{font-size:13.5px;color:#5b6875;margin:-4px 0 12px}
.cardmarks{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cardmarks .cmk{font-size:12px;font-weight:600;color:#33475b;background:#f2f5f8;border:1px solid #e3e8ee;border-radius:7px;padding:4px 8px;letter-spacing:.01em}
.bonibox{display:none;margin-bottom:12px}
.cp-guest{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;color:#5b6875;margin:10px 0 2px}
.cp-guest svg{width:15px;height:15px;flex:0 0 auto;opacity:.7}

/* === v212 · scheda prodotto: pilloletta Elite/Sport === */
.viz-pill{display:inline-flex;gap:3px;background:#eef1f5;border-radius:999px;padding:3px;margin:0 0 16px}
.viz-pill button{border:0;background:transparent;font:inherit;font-weight:600;font-size:13px;color:#5b6b7b;padding:7px 18px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s}
.viz-pill button.on{background:#fff;color:#12324f;box-shadow:0 1px 3px rgba(11,42,74,.16)}
.viz-pill button:not(.on):hover{color:#12324f}
/* elementi editoriali: nascosti di default (vista Sport, invariata) */
.vp-sub{display:none}
.vp-szp{display:none}
.vp.has-wheel .vp-sizes{display:flex}       /* sempre lista pulita impilata, niente rotella (desktop e mobile) */

/* === vista ELITE: configuratore guidato a sezioni/card === */
.viz-elite .pp-info{gap:24px}
.viz-elite .vp{display:flex;flex-direction:column;gap:20px}
.viz-elite .vp-lbl{display:block;margin:0 0 12px;font-size:0}           /* azzero inline, ricompongo i figli */
.viz-elite .vp-ttl{font-size:19px;font-weight:700;color:#12324f;letter-spacing:-.01em;display:inline}
.viz-elite .vp-lbl>b{font-size:15px;font-weight:600;color:#5b6b7b;margin-left:6px}
.viz-elite .vp-lbl .muted{font-size:14px}
.viz-elite .vp-sub{display:block;font-size:13px;color:#8a97a6;font-weight:500;margin-top:3px}
.viz-elite .vp.has-wheel .vp-wheel-wrap{display:none!important}
.viz-elite .vp.has-wheel .vp-sizes{display:flex}
.viz-elite .vp-sizes{display:flex;flex-wrap:wrap;gap:10px}
.viz-elite .vp-sz{flex:0 1 auto;min-width:76px;max-width:100%;min-height:0;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-weight:600;font-size:15px;color:#12324f;line-height:1.1;transition:border-color .16s,box-shadow .16s,transform .16s}
.viz-elite .vp-sz:hover{border-color:#b9c6d6;transform:translateY(-1px)}
.viz-elite .vp-sz.on{border-color:#5b6b7b;box-shadow:none}
.viz-elite .vp-sz.out{opacity:.45}
.viz-elite .vp-szp{display:block;font-size:12.5px;font-weight:400;color:#8a97a6}
.viz-elite .vp-sz>i{position:static;width:6px;height:6px;border-radius:50%;background:#ef7d2e;margin-top:2px}
.viz-elite .vp-cols{gap:12px}
.viz-elite .vp-col.cw{padding:4px 2px}
.viz-elite .vp-col.cw i{width:30px;height:30px}
.viz-elite .pp-sec>.vp+*{margin-top:4px}
@media (prefers-reduced-motion:reduce){.viz-elite .vp-sz{transition:none}.viz-pill button{transition:none}}

/* === v214 · ELITE = esperienza Apple distinta (layout foto dominante + hairline + controlli) === */
/* foto protagonista: grande, scontornata, senza box, sticky */
.viz-elite .pp-gal,.viz-elite .pp-media .pp-gal{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;aspect-ratio:auto}
.viz-elite .pp-gal:before,.viz-elite .pp-gal:after{display:none!important}
.viz-elite .pp-gal img.pic{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain;filter:drop-shadow(0 34px 44px rgba(10,40,70,.16))!important}
/* colonna destra: sezioni separate da hairline, tanta aria */
.viz-elite .pp-info>.pp-price{padding-bottom:20px;border-bottom:1px solid #e7ecf2}
.viz-elite .pp-sec{margin:0;padding:24px 0;border-bottom:1px solid #e7ecf2}
.viz-elite .buy{padding-top:22px}
.viz-elite .pp-xsell{margin-top:22px;padding-top:22px;border-top:1px solid #e7ecf2}
/* controlli stile Apple (pill, nostra palette) */
.viz-elite .buy .addbtn{border-radius:980px;background:#12324f;border:0;min-height:52px;font-size:16px;letter-spacing:-.01em}
.viz-elite .buy .addbtn:hover{background:#0b2740}
.viz-elite .buy .buy-now{border-radius:980px;min-height:50px;background:var(--cta-buy, linear-gradient(90deg,#ff8a4c,#f1603a));border:0;color:#fff;font-size:15px}
.viz-elite .buy .qty{border-radius:980px}
.viz-elite .viz-pill{margin-bottom:22px}
@media (min-width:981px){
  /* l'area prodotto Elite rompe la gabbia 1180 e usa la larghezza dello schermo */
  .viz-elite .pp{grid-template-columns:minmax(0,1fr) minmax(360px,400px)!important;gap:clamp(44px,6vw,110px)!important;align-items:start;
    width:auto;margin-inline:calc(50% - 50vw);padding-inline:max(26px,5vw);box-sizing:border-box;overflow:hidden}
  .viz-elite .pp>.pp-gal,.viz-elite .pp>.pp-media{max-width:none!important;width:100%!important;justify-self:stretch!important}
  .viz-elite .pp-media,.viz-elite .pp>.pp-gal{position:sticky;top:90px}
  .viz-elite .pp-media .pp-gal{position:relative;top:auto}
  .viz-elite .pp-gal img.pic{max-height:74vh!important}
}

/* === SCRIM dietro il mega-menu (desktop only) — oscura la pagina quando il dropdown è aperto === */
@media (min-width:981px){
  .brandbar::before{content:"";position:absolute;top:100%;left:0;right:0;height:100vh;background:rgba(8,20,36,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;z-index:1}
  .brandbar:has(.mg-i.open .mg-p)::before{opacity:1;visibility:visible}
  .brandbar .mg-p{z-index:3}
}
@media (prefers-reduced-motion:reduce){.brandbar::before{transition:none}}

/* === De-duplica menu: su desktop la pagina disciplina (1° livello) non ripete il grid "Sfoglia per categoria" — c'è già nel menu a discesa. Su mobile (<=980px) resta, perché lì il dropdown è disattivato. === */
@media (min-width:981px){
  .sec-k--disc,.subnav--disc{display:none!important}
}

/* paese di consegna e corriere consigliato (3 nov 2026) */
.ship-cc{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:14px;color:var(--mut)}
.ship-cc select{font:inherit;font-size:16px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);min-height:40px}
.ship-warn{display:flex;gap:10px;align-items:flex-start;border:1px solid #f59e0b;background:#fffbeb;color:#78350f;border-radius:14px;padding:12px 14px;margin:0 0 12px;font-size:14px}
.ship-warn svg{width:18px;height:18px;flex:0 0 auto}
.cl-warn{display:block;margin-top:4px;font-size:12.5px;font-weight:600;color:#b45309}
.co-cc{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.co-cc a{font-size:13px}
.tagx.cv-gls{background:#1e3a8a;color:#dbeafe}.tagx.cv-pk{background:#7c2d12;color:#ffedd5}.tagx.cv-forn{background:#334155;color:#e2e8f0}.tagx.cv-stop{background:#7f1d1d;color:#fee2e2}
.tagx[class*="cv-"] svg{width:13px;height:13px;vertical-align:-2px}

/* checkout: carte accettate e lucchetto animato (3 nov 2026) */
.cp-opt .cardmarks{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:9px;align-self:stretch}
.cp-opt .cardmarks .cmk{flex:0 0 auto;flex-direction:row;width:auto;align-self:auto}
.cp-opt .cardmarks .cmk,.cardmarks .cmk{position:relative;overflow:hidden;display:inline-flex;align-items:center;min-height:26px;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:#fff;border:0;border-radius:7px;padding:4px 10px;
  background:linear-gradient(135deg,#06345a 0%,#0a5a96 45%,#0e8fa0 100%);box-shadow:0 1px 2px rgba(6,52,90,.25),inset 0 0 0 1px rgba(255,255,255,.12)}
.cardmarks .cmk::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);animation:cmk-sh 4.2s ease-in-out infinite;animation-delay:calc(var(--i,0) * .18s)}
@keyframes cmk-sh{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
.lk-box{border-style:solid;border-color:#cfe3ef;background:#f5fafd;color:#24435c}
.lk-box b{color:#0a1e33}
.lk-a{width:24px;height:24px;flex:0 0 auto;color:#0a5a96}
.lk-a .lk-sh{transform-box:fill-box;transform-origin:center bottom;animation:lk-close 3.6s ease-in-out infinite}
@keyframes lk-close{0%,12%{transform:translateY(-3px)}30%,100%{transform:translateY(0)}}
.lk-box:hover .lk-a,.lk-box:focus-within .lk-a{color:#0e8fa0}
@media (prefers-reduced-motion:reduce){.cardmarks .cmk::after,.lk-a .lk-sh{animation:none}}

/* ── Indirizzo dopo il pagamento (3 nov 2026) ── */
.cp-steps li.cp-later{opacity:.55}.cp-steps li.cp-later small{font-size:.8em;font-weight:500}
.cp-why{display:flex;gap:8px;align-items:center;margin:-6px 0 12px;font-size:13.5px;color:var(--ink2)}.cp-why svg{width:18px;height:18px;flex:0 0 18px;color:#0e8fa0}
.co-ship{display:grid;gap:12px;margin:16px 0;padding:20px;border:1.5px solid #0e8fa0;box-shadow:0 10px 30px rgba(14,143,160,.12)}
.cs-h{display:flex;gap:12px;align-items:flex-start}.cs-h>span:last-child{display:flex;flex-direction:column;gap:3px}.cs-h b{font-size:19px;letter-spacing:-.01em}.cs-h small{color:var(--ink2);font-size:14px}
.cs-n{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#06345a,#0a5a96 55%,#0e8fa0)}.cs-n svg{width:22px;height:22px}
.co-ship .three{display:grid;grid-template-columns:1fr 1.4fr .6fr;gap:10px}.co-ship .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.co-ship .fld{display:flex;flex-direction:column;gap:5px;margin:0}.co-ship .fld>span{font-size:13.5px;font-weight:600}.co-ship .fld small{font-size:12.5px}
.co-ship input:not([type=checkbox]){width:100%;box-sizing:border-box}
.co-ship .co-cc{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin:0}.co-ship .co-cc span{font-size:13.5px;font-weight:600;width:100%}
.co-ship .chk{margin:2px 0}.co-ship .chk span{display:block}
.co-ship .inv-fields{display:grid;gap:10px;margin-top:8px}
.co-ship .cp-go{margin-top:4px}
.addr-miss{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;margin:0 0 14px;border:1.5px solid #f04438;background:linear-gradient(180deg,#fff4f3,#ffe9e7);box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 34px -18px rgba(240,68,56,.45);animation:missPulse 2.4s ease-in-out infinite}.addr-miss>svg{width:46px;height:46px;flex:0 0 46px;padding:11px;border-radius:14px;color:#fff;background:linear-gradient(158deg,#ff6a5e,#e5342f);box-shadow:0 8px 18px -7px rgba(229,52,47,.7),inset 0 1.5px 0 rgba(255,255,255,.4)}.addr-miss>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.addr-miss b{color:#b42318}.addr-miss small{color:var(--ink2)}.addr-miss .btn-blue{background:linear-gradient(135deg,#ff5e3a,#e5342f);box-shadow:0 8px 18px -8px rgba(229,52,47,.7)}@keyframes missPulse{0%,100%{box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 30px -20px rgba(240,68,56,.38)}50%{box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 42px -16px rgba(240,68,56,.62)}}@media(prefers-reduced-motion:reduce){.addr-miss{animation:none}}
.tagx.s-attesa-ind{background:#9a3412;color:#ffedd5}
@media(max-width:560px){.co-ship{padding:16px}.co-ship .three{grid-template-columns:1fr 1fr}.co-ship .three .fld:last-child{grid-column:span 2}.co-ship .two{grid-template-columns:1fr}.addr-miss{flex-wrap:wrap}}
.co-ship .inv-fields[hidden]{display:none}
.co-ship{scroll-margin-top:140px}
/* PayPal: scritta nei colori del marchio + Paga in 3 rate */
.cp-opt .ppw{display:inline-flex;flex-direction:row;font-size:19px;font-weight:800;font-style:italic;letter-spacing:-.02em;line-height:1}.ppw i:first-child{color:#003087}.ppw i:last-child{color:#009cde}
.cp-opt .pp3{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;align-self:flex-start;padding:5px 11px 5px 5px;border-radius:14px;background:#eef6fc;border:1px solid #cfe4f5;font-size:13px;color:#0b3a66}
.cp-opt .pp3 b{background:linear-gradient(135deg,#003087,#0070e0 60%,#009cde);color:#fff;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700}
.cp-opt .pp3 span{display:inline}
/* checkout: wallet tra i metodi, circuiti compatti, fiducia (3 nov 2026) */
.cp-opt .walw{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-size:17px}.cp-opt .walw .wic{width:20px;height:20px;fill:currentColor}
.cp-opt .cmk-more{background:#fff!important;color:#0a5a96!important;border:1px solid #bcd7ee;box-shadow:none}.cp-opt .cmk-more::after{display:none}
.co-trust{list-style:none;margin:14px 0 4px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;border-radius:14px;background:linear-gradient(180deg,#f3f8fc,#eef6f8);border:1px solid #d7e7f2}
.co-trust li{display:flex;gap:10px;align-items:flex-start}.co-trust li>svg{width:20px;height:20px;flex:0 0 20px;color:#0a5a96;margin-top:1px}
.co-trust li>span{display:flex;flex-direction:column;gap:2px}.co-trust b{font-size:13.5px;color:#0b2233}.co-trust small{font-size:12.5px;color:var(--ink2);line-height:1.35}
@media(max-width:560px){.co-trust{grid-template-columns:1fr;gap:10px}}
/* checkout: pulsante di pagamento leggibile (contrasto testo bianco ≥ 4,5:1, WCAG AA) */
.co .cp-go.pay-btn,.co-ship .cp-go{background:linear-gradient(135deg,#d1440e 0%,#b93a0b 100%)!important;background-size:auto!important;animation:none!important;text-shadow:none;box-shadow:0 10px 24px rgba(185,58,11,.30);gap:10px;height:58px;font-size:17.5px}
.co .cp-go.pay-btn:hover,.co-ship .cp-go:hover{box-shadow:0 14px 30px rgba(185,58,11,.36)!important}
.pay-btn .pb-lk{width:19px;height:19px;flex:0 0 19px;position:relative;z-index:1}.pay-btn span{position:relative;z-index:1}
.co-em{margin:14px 0 4px}.co-em .fld{display:flex;flex-direction:column;gap:6px}.co-em .fld>span{font-size:14px;font-weight:600}.co-em input{width:100%;box-sizing:border-box;height:50px;font-size:16px}
.co-em-w{margin:0;padding:10px 12px;border-radius:12px;background:#f1f7fb;font-size:13.5px;color:var(--ink2)}
.co-em .fld[hidden]{display:none}
/* Apple/Google Pay: icona più grande (la mela nel viewBox occupa poco spazio) */
.cp-opt .walw{gap:8px;font-size:18px}.cp-opt .walw .wic{width:22px;height:22px;transform:scale(1.55);transform-origin:center;margin:0 2px 0 0}
/* email in cima alla cassa + carrelli abbandonati */
.co-em{margin:0 0 18px}.co-em-n{display:block;margin-top:7px;font-size:12.5px;color:var(--ink2);line-height:1.4}
.co-em-me{display:flex;gap:8px;align-items:center;margin:0 0 14px;font-size:14px;color:var(--ink2)}.co-em-me svg{width:18px;height:18px;color:#0a5a96}
.cab-r{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #eef1f4}.cab-r:first-of-type{border-top:0}
.cab-m{display:flex;flex-direction:column;gap:2px;min-width:0}.cab-m small{color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cab-t{display:flex;flex-direction:column;align-items:flex-end;font-weight:700}.cab-t small{font-weight:400;color:var(--ink2)}
.tagx.cab-aperto{background:#78350f;color:#fef3c7}.tagx.cab-inviato{background:#0a4d8c;color:#e0f0ff}.tagx.cab-recuperato{background:#14532d;color:#dcfce7}.tagx.cab-convertito{background:#334155;color:#e2e8f0}.tagx.cab-sotto-minimo{background:#e5e7eb;color:#374151}
@media(max-width:640px){.cab-r{grid-template-columns:1fr auto}.cab-r .tagx{grid-column:1}.cab-r .btn{grid-column:2}}
/* badge "Consegna veloce": pezzi del nostro magazzino (GLS da Formia, 1-2 giorni lavorativi) */
.bdg-fast,.bdg.bdg-fast{background:linear-gradient(135deg,#06345a,#0a5a96 60%,#0e8fa0)!important;color:#fff!important;gap:5px}
.bdg-fast::before{content:"";width:9px;height:11px;flex:0 0 9px;background:#ffd166;clip-path:polygon(60% 0,0 58%,45% 58%,32% 100%,100% 40%,55% 40%)}
.sz-fast{display:inline-block;width:8px;height:10px;margin-left:5px;vertical-align:1px;background:#0e8fa0;clip-path:polygon(60% 0,0 58%,45% 58%,32% 100%,100% 40%,55% 40%)}
/* carrello in alto: bag grande (come in cassa) + numero pezzi, niente prezzo */
.hcart.hcart-big{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 4px!important;gap:7px;color:var(--ink)!important}
.hcart.hcart-big:hover,.hcart.hcart-big.has:hover{background:transparent!important;filter:none}
.hcart.hcart-big .rbag-h{width:30px;height:30px;flex:0 0 auto;filter:none}
.hcart.hcart-big .hc-n{position:static;display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0b1220;color:#fff;font-size:11.5px;font-weight:800;line-height:1}
.hcart.hcart-big .dk-n{display:none!important}
/* ── Foto prodotto pulite (stile premium): fondo bianco, niente cornice/box/ombra attorno alla foto. Confermato utente 03/11/2026. Foto sgranate lasciate come sono (fix vero = re-import foto grandi lato back-end). ── */
.pc-img,.pp-gal,.cl-img,.sl-img,.a-thumb{background:#fff!important;border:0!important;box-shadow:none!important}
.pp-gal{border-radius:18px!important}
.pc-img:has(img.pic:not(.png)),.pp-gal:has(img.pic:not(.png)){background:#fff!important}
.t-violet,.t-ocean,.t-sunset,.t-lagoon,.t-aqua,.t-sand{background:#fff!important}
.pc-img::before,.pc-img::after,.pp-gal::before,.pp-gal::after{content:none!important;display:none!important}
.pc-img img.pic,.pc-img img.pic.png,.pp-gal img.pic,.pp-gal img.pic.png{filter:none!important}
/* Griglia prodotti: niente stiramento che lascia il vuoto tra foto e prezzo — le card prendono l'altezza naturale (compatte, specie le vele); le pause editoriali continuano a riempire la riga. (4 nov 2026) */
.pgrid{align-items:stretch}
.pgrid>.pc{display:flex;flex-direction:column}
.pgrid>.pc>.pc-a{flex:1;display:flex;flex-direction:column}
.pgrid>.pc>.pc-a>.pc-b{flex:1;display:flex;flex-direction:column}
.pgrid .ed{align-self:stretch}
@media(min-width:701px){.pgrid .ed{min-height:0}}

/* ── Barra "Trova": campo ricerca "motore DNA Surf" in alto (4 nov 2026) ── */
.htrova{position:relative;display:flex;align-items:center;gap:6px;height:38px;flex:0 0 auto;width:220px;max-width:220px;padding:0 6px 0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden;min-width:0}
.htrova:focus-within{border-color:var(--lagoon,#2b7fd0);box-shadow:0 0 0 3px rgba(43,127,208,.14)}
.hs-sign{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;color:var(--lagoon,#2b7fd0);cursor:pointer}
.hs-sign .buss{width:100%;height:100%;display:block}
.hs-sign .buss-needle{transform-box:fill-box;transform-origin:50% 55%;animation:sway 3.2s ease-in-out infinite}
.hs-in{flex:1 1 auto;min-width:0;width:160px;border:0;background:transparent;font:inherit;font-size:14px;color:inherit;outline:none}
.hs-go{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#5b6b7b;cursor:pointer;padding:0}
.hs-go svg{width:18px;height:18px}
.hs-wave{position:absolute;left:0;bottom:0;width:200%;height:5px;color:var(--lagoon);pointer-events:none;animation:hsw 7s linear infinite}
.hs-wave path{fill:none;stroke:currentColor;stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.75}
@keyframes hsw{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hs-sign .buss-needle,.hs-wave{animation:none}}
@media (max-width:980px){.htrova{flex:0 0 40px;width:40px;max-width:40px;padding:0;justify-content:center;gap:0;border-color:transparent;background:transparent}.htrova:focus-within{box-shadow:none}.hs-in,.hs-go,.hs-wave{display:none}.hs-sign{flex:0 0 24px;width:24px;height:24px}}

/* ── Scheda prodotto: foto SENZA box bianco, prodotto scontornato che galleggia (4 nov 2026) ── */
.pp-gal,.pp-media .pp-gal{background:transparent!important;border:0!important;box-shadow:none!important}
.pp-gal:before{display:none!important}
.pp-gal:has(img.pic:not(.png)){background:transparent!important}
.pp-bdg .bdg-soft{display:none}
.pp-bdg{left:14px;top:14px}
.gl-nav.prev{left:4px}.gl-nav.next{right:4px}

/* ── Prezzo "Esaurito" al posto di "∞ €" sui prodotti senza prezzo valido (4 nov 2026) ── */
.pr-sold,.pc-sold{color:#5b6b7b;font-weight:600}
/* pannello Prezzi concorrenza: semaforo con testo (non solo colore) */
.cpx-rosso,.cpx-t-rosso{color:#f87171}.cpx-arancio,.cpx-t-arancio{color:#fb923c}.cpx-verde,.cpx-t-verde{color:#4ade80}
.cpx-list{padding:0}.cpx-r{display:grid;grid-template-columns:110px minmax(0,1fr) 90px 120px 100px minmax(220px,auto);gap:12px;align-items:center;padding:10px 14px;border-top:1px solid #eef1f4}.cpx-r:first-child{border-top:0}
.cpx-lt{display:inline-flex;justify-content:center;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;text-align:center}
.cpx-lt.cpx-rosso{background:#b91c1c;color:#fff}.cpx-lt.cpx-arancio{background:#c2410c;color:#fff}.cpx-lt.cpx-verde{background:#15803d;color:#fff}.cpx-lt.cpx-nd{background:#e5e7eb;color:#374151}
.cpx-n{display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none}.cpx-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpx-n small{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpx-p{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.cpx-p small{color:#64748b;font-size:11.5px}
.cpx-in{display:flex;gap:6px}.cpx-in input{width:90px;height:32px;padding:0 8px;border:1px solid #d6dde5;border-radius:8px;font:inherit;font-size:13px}.cpx-in input[name=f]{width:100px}
@media(max-width:900px){.cpx-r{grid-template-columns:96px minmax(0,1fr) auto;grid-auto-rows:auto}.cpx-r .cpx-p{align-items:flex-start;text-align:left}.cpx-in{grid-column:1/-1}}

.cpx-r.cpx-g{grid-template-columns:110px minmax(0,1fr) 130px 110px 100px}@media(max-width:900px){.cpx-r.cpx-g{grid-template-columns:96px minmax(0,1fr)}}

/* === Giro home + categorie: foto categoria pulite + segnaposto miniature "In evidenza" === */
/* Foto categoria su bianco, coerenti con le foto prodotto: via lo sfondo a gradiente e il glow decorativo. Solo le tile con foto reale (img.cat-pic): NON tocca le scene animate né le tile a icona. La piccola ombra di contatto su .cat-pic resta (premium). */
.cb-img:has(img.cat-pic){background:#fff}
.cb-img:has(img.cat-pic):before{display:none!important}
.catgrid.sub .cb-img:has(img.cat-pic){background:#fff}
/* Miniature "In evidenza" (home): segnaposto neutro dietro la foto, così un'immagine che non carica (es. hotlink bloccato) non lascia un rettangolo bianco "rotto". L'immagine valida, essendo sopra (z-index), copre il segnaposto. */
.dz-pi{position:relative;background:linear-gradient(180deg,#eef1f5,#e2e6eb)}
.dz-pi::after{content:"";position:absolute;inset:0;margin:auto;width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a97a6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m6 16 4-4 3 3 3-3 2 2'/%3E%3Ccircle cx='9' cy='9' r='1.2'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.45;pointer-events:none}
.dz-pi img{position:relative;z-index:1}
/* TROVA IL RICAMBIO v2 — percorso guidato con la bussola (MST_RIC) */
.rq{max-width:780px;margin:0 auto}
.rq-h{display:flex;gap:14px;align-items:flex-start;margin:6px 0 16px}
.rq-buss{flex:none;color:#ff6a45}.rq-buss svg,.rb-buss svg{width:38px;height:38px}
.rq-h h1{font-size:1.5rem;line-height:1.15;margin:2px 0}.rq-h .h2-k{color:var(--mut);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.rq-h p{color:var(--mut);margin:4px 0 0}
.rq-s{display:flex;gap:8px;margin:0 0 18px}
.rq-s input{flex:1;min-width:0;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:.95rem}
.rq-s input:focus{outline:none;border-color:#ff6a45;box-shadow:0 0 0 3px rgba(255,106,69,.14)}
.rq-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.rq-opt{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.rq-opt:hover{border-color:#ff6a45;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.rq-opt b{font-size:.98rem}.rq-opt small{color:var(--mut);font-size:.8rem}
.rq-opt.big{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;background:#f7f8fa}
.rqr-sec{margin:14px 0}
.rqr-h2{font-size:1.02rem;margin:20px 0 8px;display:flex;align-items:center;gap:8px}
.rqr-sub{font-size:.82rem;color:var(--mut);margin:-2px 0 12px;line-height:1.45;max-width:560px}
.rqr-h2.ok::before{content:"";width:9px;height:9px;border-radius:50%;background:#1aa251}
.rqr-h2.dub::before{content:"";width:9px;height:9px;border-radius:50%;background:#e0a100}
.rqr-h2.uni::before{content:"";width:9px;height:9px;border-radius:50%;background:#0e7fa8}
.rqr-th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:14px 0 4px}
.rqr-it{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair)}
.rqr-im{width:56px;height:56px;flex:none;border-radius:10px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.rqr-im img,.rqr-im svg{width:100%;height:100%;object-fit:contain}
.rqr-tx{flex:1;min-width:0}
.rqr-n{display:block;font-weight:600;color:inherit;text-decoration:none;line-height:1.2}
.rqr-ty{display:block;color:var(--mut);font-size:.78rem;margin:1px 0}
.rqr-lab{font-size:.8rem}.rqr-lab.ok{color:#0a7d3c}.rqr-lab.uni{color:#0e7fa8}.rqr-lab.dub{color:#8a6200}
.rqr-rt{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.rqr-p{font-weight:600}
.rqr-add{padding:8px 16px;font-size:.85rem;min-height:38px}
.rqr-ask{padding:7px 13px;font-size:.82rem;min-height:36px}
.rqr-no{font-size:.8rem;color:var(--mut);text-decoration:none}
.ric-fit{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;margin:12px 0;font-size:.9rem;text-decoration:none;color:inherit}
.ric-fit svg{width:20px;height:20px;flex:none}
.ric-fit.ok{background:#eef7f0;color:#0a5e2e}.ric-fit.ok b{color:#0a7d3c}
.ric-fit.dub{background:#fff6e6;color:#7a5600}.ric-fit.dub b{color:#8a6200}
@media(max-width:560px){.rqr-it{flex-wrap:wrap}.rqr-rt{flex-direction:row;width:100%;justify-content:space-between;align-items:center}}
/* Guida applicazione grip (scheda prodotti grip) */
.gripg{margin:.9rem 0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}
.gripg-h{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--ink)}
.gripg-h svg{width:18px;height:18px;flex:none;color:var(--coral)}
.gripg-scene{position:relative;margin:14px 0 2px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#f5f8f9,#eef1ed);overflow:hidden;padding:14px 14px 12px}
.gripg-bg{position:absolute;inset:0;pointer-events:none}
.gripg-bg svg{width:100%;height:100%;display:block}
.gripg-stage{position:relative;height:46px}
.gripg-tube{position:absolute;inset:0;width:100%;height:100%}
.gripg-old{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:46%;height:18px;border-radius:999px;background:#9aa4b2;opacity:0;animation:ggOld 15s ease-in-out infinite}
.gripg-sheen{position:absolute;left:3%;right:3%;top:50%;transform:translateY(-50%);height:18px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);opacity:0;animation:ggP2 15s ease-in-out infinite}
.gripg-strip{position:absolute;left:3%;top:50%;transform:translateY(-50%);height:18px;width:0;border-radius:999px;background:var(--coral);box-shadow:inset 0 2px 0 rgba(255,255,255,.25);animation:ggStrip 15s ease-in-out infinite}
.gripg-tool{position:absolute;left:3%;top:50%;width:11px;height:30px;border-radius:5px;background:var(--ocean);box-shadow:0 3px 9px rgba(10,30,51,.3);opacity:0;transform:translateY(-50%);animation:ggToolV 15s linear infinite,ggSweep 3s ease-in-out infinite}
.gripg-done{position:absolute;right:5%;top:50%;transform:translateY(-50%) scale(0);opacity:0;animation:ggPop 15s ease-in-out infinite}
.gripg-done>svg{width:34px;height:34px;display:block;filter:drop-shadow(0 3px 6px rgba(255,106,69,.35))}
.gripg-cf{position:absolute;width:5px;height:5px;border-radius:1px;opacity:0;animation:ggTwinkle .9s ease-in-out infinite}
.gripg-cf.cf1{left:-10px;top:-4px;background:var(--lagoon);animation-delay:0s}
.gripg-cf.cf2{right:-10px;top:-2px;background:var(--sun);animation-delay:.15s}
.gripg-cf.cf3{left:-6px;bottom:-6px;background:var(--coral);animation-delay:.3s}
.gripg-cf.cf4{right:-4px;bottom:-8px;background:var(--teal);animation-delay:.45s}
.gripg-cf.cf5{left:14px;top:-12px;background:var(--lagoon);animation-delay:.6s}
.gripg-cap{position:relative;height:24px;margin-top:12px}
.gripg-lab{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink);opacity:0;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.gripg-lab b{flex:none;width:20px;height:20px;border-radius:50%;background:var(--coral);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.gripg-lab.done b{background:var(--lagoon)}
.gripg-lab.l1{animation:ggP1 15s ease-in-out infinite}
.gripg-lab.l2{animation:ggP2 15s ease-in-out infinite}
.gripg-lab.l3{animation:ggP3 15s ease-in-out infinite}
.gripg-lab.l4{animation:ggP4 15s ease-in-out infinite}
.gripg-lab.l5{animation:ggP5 15s ease-in-out infinite}
.gripg-lab-static{display:none;font-size:14px;font-weight:600;color:var(--ink)}
.gripg-prog{margin-top:12px;height:4px;border-radius:999px;background:#e3e7ec;overflow:hidden}
.gripg-fill{display:block;height:100%;width:0;border-radius:999px;background:var(--coral);animation:ggProg 15s linear infinite}
.gripg-steps{list-style:none;counter-reset:gripg;margin:14px 0 0;padding:0;display:grid;gap:8px}
.gripg-steps li{counter-increment:gripg;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--ink)}
.gripg-n{flex:none;width:22px;height:22px;border-radius:50%;background:#f1f3f6;border:1px solid var(--line);color:var(--mut);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.gripg-n::before{content:counter(gripg)}
.gripg-note{margin:14px 0 0;font-size:13px;color:var(--ink2)}
.gripg-dis{margin:6px 0 0;font-size:12px;color:var(--mut)}
@keyframes ggSweep{0%{left:3%}100%{left:86%}}
@keyframes ggToolV{0%{opacity:0}2%{opacity:.95}74%{opacity:.95}79%{opacity:0}100%{opacity:0}}
@keyframes ggStrip{0%,40%{width:0}56%,100%{width:91%}}
@keyframes ggOld{0%{opacity:.85}2%{opacity:.85}15%{opacity:0}100%{opacity:0}}
@keyframes ggProg{0%{width:0}100%{width:100%}}
@keyframes ggPop{0%,80%{opacity:0;transform:translateY(-50%) scale(0)}86%{opacity:1;transform:translateY(-50%) scale(1.15)}90%{transform:translateY(-50%) scale(1)}100%{opacity:1;transform:translateY(-50%) scale(1)}}
@keyframes ggTwinkle{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
@keyframes ggP1{0%{opacity:0}1.5%{opacity:1}18%{opacity:1}20%{opacity:0}100%{opacity:0}}
@keyframes ggP2{0%,20%{opacity:0}21.5%{opacity:1}38%{opacity:1}40%{opacity:0}100%{opacity:0}}
@keyframes ggP3{0%,40%{opacity:0}41.5%{opacity:1}58%{opacity:1}60%{opacity:0}100%{opacity:0}}
@keyframes ggP4{0%,60%{opacity:0}61.5%{opacity:1}78%{opacity:1}80%{opacity:0}100%{opacity:0}}
@keyframes ggP5{0%,80%{opacity:0}81.5%{opacity:1}100%{opacity:1}}
@media(max-width:560px){.gripg-lab{font-size:13px}.gripg-stage{height:42px}.gripg-done>svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.gripg-old,.gripg-sheen,.gripg-tool,.gripg-done,.gripg-cf,.gripg-fill,.gripg-lab{animation:none}.gripg-strip{animation:none;width:91%}.gripg-lab{display:none}.gripg-lab-static{display:inline-block}.gripg-done{opacity:0}.gripg-fill{width:100%}}

/* credito (cashback) */
.box.cr-box{display:flex;align-items:center;gap:12px;border:1px solid #a7e3c4;background:linear-gradient(135deg,#effbf4,#fff);text-decoration:none;color:inherit}
.box.cr-box>svg{width:22px;height:22px;color:#0f8a4b;flex:0 0 auto}
.box.cr-box span{display:flex;flex-direction:column;flex:1;min-width:0}
.box.cr-box small{color:#4b5563}
.cr-left{margin:2px 0 6px}
@media (max-width:560px){.box.cr-box{flex-wrap:wrap}.box.cr-box .btn{width:100%;text-align:center}}

/* ───────── Zoom galleria: indizio-lente discreto + visore a schermo intero (sobrio) ───────── */
/* L'indizio compare SOLO quando il visore JS è attivo: con JS spento niente lente e nessuna promessa di zoom */
.gl-zoom{display:none}
.pp-gal{transition:transform .32s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}
/* Banner "Buono Regalo" live nelle categorie */
.giftb{display:flex;align-items:stretch;margin:18px 0;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 40px -28px rgba(6,52,90,.42);text-decoration:none;color:var(--ink);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.giftb:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 1px 2px rgba(16,24,40,.04),0 26px 50px -28px rgba(6,52,90,.5)}
/* Pagina disciplina: hero + Buono Regalo affiancati 50/50, compatti (niente fascione) */
.cat-top{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:stretch;margin:0 0 16px}
.cat-top>.cat-hero{margin:0}
.cat-top>.giftb{margin:0}
.cat-top .giftb-tx p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:760px){.cat-top{grid-template-columns:1fr;gap:14px}.cat-top .giftb-tx p{-webkit-line-clamp:3}}
/* Footer a scomparsa: pulsantino che appare quando ti fermi di scrollare e porta al footer (scroll infinito) */
.footpeek{position:fixed;right:16px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);color:var(--ink);font-weight:600;font-size:13.5px;box-shadow:0 12px 32px -12px rgba(6,52,90,.5);cursor:pointer;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.footpeek.show{opacity:1;transform:none;pointer-events:auto}
.footpeek:hover{border-color:var(--lagoon,#2b7fd0)}
.footpeek-ar{font-weight:800;color:var(--lagoon,#2b7fd0)}
@media(max-width:980px){.footpeek{display:none}}
@media(prefers-reduced-motion:reduce){.footpeek{transition:opacity .2s}}
.giftb-card{position:relative;flex:0 0 44%;max-width:300px;min-height:176px;overflow:hidden;background:linear-gradient(135deg,#06345a,#0a5a8c 55%,#0e8fa0);color:#fff;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;container-type:inline-size}
.giftb-card .gift-wind{position:absolute;inset:0;width:100%;height:100%}
.giftb-glow{position:absolute;inset:0;background:radial-gradient(60% 60% at 88% 12%,rgba(255,180,90,.55),transparent 70%)}
.giftb-sun{position:absolute;top:14px;right:14px;width:26px;height:26px;filter:drop-shadow(0 0 8px rgba(255,180,90,.7))}
/* logo: wordmark BIANCO pulito. La forma pulita viene dalla maschera PNG (come la home nello stato "still"); riempio di bianco invece del gradiente scuro così si legge sul fondo scuro, senza placca */
.giftb-logo{position:relative;align-self:flex-start;line-height:0}
.giftb-logo svg{width:132px;width:clamp(120px,40cqw,210px);height:auto;display:block;filter:drop-shadow(0 1px 2px rgba(3,22,40,.35))}
.giftb-logo .wm-svg{-webkit-mask:url(img/logo-dna.png) left center/contain no-repeat;mask:url(img/logo-dna.png) left center/contain no-repeat}
.giftb-logo .wm-r{mask:none;fill:#fff}
.giftb-logo .wm-svg path{animation:none!important;stroke-dashoffset:0!important}
.giftb-kick{position:relative;margin-top:10px;font-size:10px;font-size:clamp(10px,3cqw,14px);font-weight:700;letter-spacing:3px;color:#9fd9e0}
.giftb-ct{position:relative;font-size:22px;font-size:clamp(19px,7cqw,38px);font-weight:800;letter-spacing:-.01em;line-height:1.05;margin-top:2px}
.giftb-tx{flex:1;padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.giftb-tx>b{font-size:17px;letter-spacing:-.01em}
.giftb-tx p{margin:0;color:var(--mut);font-size:13.5px;line-height:1.5}
.giftb-cta{margin-top:6px;display:inline-flex;align-items:center;gap:6px;color:var(--coral);font-weight:700;font-size:14px}
.giftb-cta i{transition:transform .25s}.giftb:hover .giftb-cta i{transform:translateX(3px)}
@media(max-width:640px){.giftb{flex-direction:column}.giftb-card{flex:none;max-width:none;min-height:150px}.giftb-tx{padding:16px 18px}}
.giftb-scrim{position:absolute;left:0;top:0;width:74%;height:72%;background:linear-gradient(135deg,rgba(3,22,40,.62),transparent 72%);pointer-events:none}
.giftb-kick,.giftb-ct{text-shadow:0 1px 4px rgba(0,0,0,.4)}
.giftb-logo svg{width:160px}
.giftb-live{position:relative;align-self:flex-start;margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#dceef2;background:rgba(6,36,63,.55);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 11px}
.giftb-live svg{width:15px;height:15px;color:#9fd9e0;flex:0 0 auto}
.giftb-live b{color:#fff;font-weight:700}
.giftb-badge{display:inline-block;align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--coral);background:rgba(255,106,69,.1);border:1px solid rgba(255,106,69,.25);border-radius:999px;padding:3px 9px;margin-bottom:4px}
/* Pagina Buono Regalo: sfondo dedicato (il sabbia resta al blog), freddo e pulito così la card risalta */
.giftpage::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(130% 90% at 50% -10%,#eef4f8,#e4edf3 55%,#dde8ef)}
.giftp{display:flex;gap:28px;flex-wrap:wrap;align-items:center;margin:10px 0 14px}
/* card vera, proporzioni da gift card, angoli smussati, ombra che la fa "galleggiare" */
.giftp .giftp-card{flex:0 1 560px;max-width:560px;align-self:flex-start;aspect-ratio:16/10;min-height:0;padding:28px 30px;border-radius:28px;border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 56px -18px rgba(6,36,63,.6),0 10px 22px rgba(6,36,63,.3),inset 0 1px 0 rgba(255,255,255,.14)}
/* riflesso che attraversa la card, lento ed elegante (stesso effetto del tasto acquista) */
.giftp-card::before{content:"";position:absolute;top:0;bottom:0;left:0;width:48%;z-index:3;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg) translateX(-180%);animation:swipeHint 7s cubic-bezier(.4,0,.2,1) infinite}
@media(prefers-reduced-motion:reduce){.giftp-card::before{display:none}}
.giftp-buy{flex:1 1 280px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.giftp-buy h2{margin:0;font-size:18px}
.giftp-amts{display:flex;flex-wrap:wrap;gap:8px}
.giftp-amt{position:relative;cursor:pointer}
.giftp-amt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.giftp-amt span{display:block;padding:9px 16px;border:1.5px solid var(--line);border-radius:12px;font-weight:700;font-size:15px;transition:border-color .2s,background .2s,color .2s}
.giftp-amt input:checked+span{border-color:var(--ocean);background:var(--ocean);color:#fff}
.giftp-amt input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}
.giftp-bonus{margin:2px 0;font-size:13.5px;color:var(--ink2)}
.giftp-go{align-self:flex-start}
.giftp-how{margin:10px 0}.giftp-how h2{font-size:18px;margin:0 0 10px}
.giftp-steps{margin:0;padding-left:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;counter-reset:gs}
.giftp-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px 16px 48px;font-size:13.5px;color:var(--ink2);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.giftp-steps li b{color:var(--ink)}
.giftp-steps li::before{counter-increment:gs;content:counter(gs);position:absolute;left:14px;top:16px;width:24px;height:24px;border-radius:50%;background:var(--ocean);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.giftp-meteo{margin:14px 0}.giftp-meteo h2{font-size:18px;margin:0 0 10px}
@media(max-width:720px){.giftp .giftp-card{flex-basis:100%;max-width:100%;aspect-ratio:16/10;padding:22px 22px}}
.giftp-amount{position:relative;display:block;font-size:46px;font-size:clamp(38px,13cqw,74px);font-weight:800;letter-spacing:-1.5px;line-height:1;margin-top:8px;text-shadow:0 1px 5px rgba(0,0,0,.45)}
.giftp-priv{margin:10px 0 0;padding:9px 12px;background:rgba(14,143,160,.07);border:1px solid rgba(14,143,160,.16);border-radius:12px;line-height:1.45}
.giftp-card .giftb-logo svg{width:160px;width:clamp(140px,36cqw,230px)}
.giftp-card .giftb-scrim{width:84%;height:82%;background:linear-gradient(135deg,rgba(3,22,40,.72),transparent 76%)}
.giftp-buy h2{margin:0 0 2px}
.giftp-spot select{width:100%;appearance:none;-webkit-appearance:none;background:#fff 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='%2362738a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1.5px solid var(--line);border-radius:12px;padding:11px 36px 11px 14px;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.giftp-spot select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.giftp-spot-hint{margin:2px 0 0;font-size:12.5px;color:var(--mut)}
.dpill.dp-gift .dp-i{stroke:var(--coral)}
.dpill.dp-gift.on{background:var(--coral);color:#fff}.dpill.dp-gift.on .dp-i{stroke:#fff}
/* Gift: chip importo (più Elite) */
.giftp-amt:hover span{border-color:var(--ocean)}
.giftp-amt input:checked+span{box-shadow:0 8px 18px -8px rgba(6,52,90,.55)}
/* Gift: ricerca spot */
.giftp-spot{position:relative}
.giftp-spot-in{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;font-size:15px;font-weight:600;color:var(--ink);background:#fff}
.giftp-spot-in:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.giftp-spot-res{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -16px rgba(16,24,40,.3);overflow:hidden;max-height:290px;overflow-y:auto}
.giftp-spot-r{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 14px;font-size:14px;color:var(--ink);cursor:pointer}
.giftp-spot-r:last-child{border-bottom:0}.giftp-spot-r:hover,.giftp-spot-r:focus{background:#eef4f6}
.giftp-spot-r small{color:var(--mut);font-weight:500}
.giftp-spot-none{padding:12px 14px;color:var(--mut);font-size:13.5px}
.giftp-spot-auto{display:inline-flex;align-items:center;gap:8px;margin-top:6px;background:none;border:0;color:var(--ocean);font-size:14px;cursor:pointer;padding:4px 0}
.giftp-spot-auto svg{width:18px;height:18px;flex:0 0 auto}
.giftp-spot-auto.on{color:var(--coral)}.giftp-spot-auto.on b{color:var(--coral)}
/* Gift: come funziona più leggibile */
.giftp-steps li{font-size:14px;padding:18px 18px 18px 52px}
.giftp-steps li b{display:block;font-size:15.5px;margin-bottom:3px;color:var(--ink)}
.giftp-steps li::before{top:18px}
/* Newsletter footer */
.f-news{background:linear-gradient(135deg,#06345a,#0a5a8c 60%,#0e8fa0);color:#fff;border-radius:20px;padding:22px 24px;margin:0 0 18px;display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:center;box-shadow:0 18px 40px -28px rgba(6,52,90,.5)}
.f-news .f-k{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#9fd9e0}
.f-news h3{margin:4px 0 4px;font-size:20px;letter-spacing:-.01em;color:#fff}
.f-news-tx p{margin:0;color:#cfe6ec;font-size:13.5px;line-height:1.5}
.f-news-form{display:flex;flex-direction:column;gap:10px}
.nl-chips{display:flex;flex-wrap:wrap;gap:7px}
.nl-chip{position:relative;cursor:pointer}
.nl-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.nl-chip span{display:block;padding:6px 13px;border:1.5px solid rgba(255,255,255,.28);border-radius:999px;font-size:13px;font-weight:600;color:#eaf6f8;transition:background .2s,border-color .2s,color .2s}
.nl-chip input:checked+span{background:#fff;border-color:#fff;color:#06345a}
.nl-chip input:focus-visible+span{outline:2px solid #36c2c0;outline-offset:2px}
.nl-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.nl-seg select{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);color:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer}
.nl-seg select option{color:#0a1e33}
.nl-send{display:flex;gap:8px}
.nl-send input{flex:1;min-width:0;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.96);color:#0a1e33;border-radius:12px;padding:11px 14px;font-size:15px}
.nl-send .btn{flex:0 0 auto}
.nl-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#cfe6ec;line-height:1.45;cursor:pointer}
.nl-consent input{width:17px;height:17px;flex:0 0 auto;margin-top:1px}
.nl-consent a{color:#fff;text-decoration:underline}
.nl-msg{margin:0;font-size:12.5px;color:#ffd7cf}.nl-msg:empty{display:none}
.nl-done b{font-size:18px}.nl-done p{margin:4px 0 0;color:#cfe6ec;font-size:13.5px}.nl-done p b{color:#fff}.nl-done-s{margin-top:10px!important}
.nl-done .f-soc{margin-top:8px}
@media(max-width:760px){.f-news{grid-template-columns:1fr;gap:16px;padding:20px}}
.has-glzoom .pp-gal{cursor:zoom-in}
.has-glzoom .gl-zoom{display:grid;position:absolute;right:12px;top:12px;z-index:3;width:30px;height:30px;place-items:center;border-radius:50%;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(10,30,50,.12);color:#0b1220;opacity:.5;transition:opacity .25s;pointer-events:none}
.has-glzoom .gl-zoom svg{width:17px;height:17px}
.has-glzoom .pp-gal:hover .gl-zoom{opacity:.92}
@media (hover:none){.has-glzoom .gl-zoom{opacity:.46}}
/* visore */
.glz-open,.glz-open body{overflow:hidden}
.glz{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s}
.glz.on{display:flex;opacity:1}
.glz-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.glz-img{max-width:94vw;max-height:92vh;object-fit:contain;border-radius:10px;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transform-origin:center center;transition:transform .18s ease;will-change:transform;cursor:zoom-in}
.glz.zoomed .glz-img{cursor:grab;transition:none}
.glz.grabbing .glz-img{cursor:grabbing;transition:none}
.glz-x{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}
.glz-x:hover{background:rgba(255,255,255,.28)}
.glz-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.glz-nav:hover{background:rgba(255,255,255,.26)}
.glz-nav.prev{left:14px}.glz-nav.next{right:14px}
.glz.one .glz-nav,.glz.one .glz-count{display:none}
.glz-count{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.82);font-size:13.5px;letter-spacing:.02em}
@media (hover:none){.glz-nav{width:42px;height:42px;background:rgba(255,255,255,.1)}}
@media (prefers-reduced-motion:reduce){.glz,.glz-img{transition:none}}

/* ── Cassa serena (back-end, 4 nov 2026): fondo sabbia, un solo riquadro pulito, indirizzo prima del pagamento ── */
.co-play{--sand:#f6efe4}
body:has(.co-play),body:has(.done-calm),body.pg-shop:has(.co-play),body.pg-shop:has(.done-calm){background:#f6efe4!important}
.co-play .cp-h::before{display:none}
.co-play .cp-k{display:inline-flex;align-items:center;gap:6px;color:#0a6b4f;font-weight:700;letter-spacing:.04em}
.co-play .cp-k svg{width:15px;height:15px}
.co-play .cp-card{border:1px solid #ece3d4;box-shadow:0 6px 24px rgba(80,60,30,.06);animation:none}
.cp-card .cp-h2{display:flex;align-items:center;gap:10px;font-size:20px;margin:30px 0 14px;padding-top:22px;border-top:1px solid #f1ebe1}.cp-card .cp-h2:first-of-type{margin-top:18px}
.cp-n{width:28px;height:28px;border-radius:50%;background:#0f2740;color:#fff;font-size:14px;display:grid;place-items:center;flex:none}
.cp-addr{display:grid;gap:12px}
.cp-addr .fld{display:flex;flex-direction:column;gap:5px;margin:0}.cp-addr .fld>span{font-size:13.5px;font-weight:600}.cp-addr .fld small{font-size:12.5px}
.cp-addr input:not([type=checkbox]){width:100%;box-sizing:border-box}
.cp-addr .three{display:grid;grid-template-columns:1fr 1.4fr .6fr;gap:10px}.cp-addr .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cp-addr .co-cc{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin:0}.cp-addr .co-cc span{font-size:13.5px;font-weight:600;width:100%}
.cp-addr .chk span{display:block}.cp-addr .inv-fields{display:grid;gap:10px;margin-top:8px}.cp-addr .inv-fields[hidden]{display:none}
@media(max-width:560px){.cp-addr .three{grid-template-columns:1fr 1fr}.cp-addr .three .fld:last-child{grid-column:span 2}.cp-addr .two{grid-template-columns:1fr}}
.co-ship{border:1px solid #ece3d4;box-shadow:0 6px 24px rgba(80,60,30,.06)}

/* pagina grazie: onda che si chiude in un segno di spunta (senza animazioni resta il segno fermo) */
.done-calm{max-width:620px}
.done-calm h1{font-size:clamp(30px,5vw,40px);margin:6px 0 6px}
.dn-wave{width:96px;height:96px;margin:18px auto 6px}
.dn-wave svg{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dn-c{fill:#e3f4ee;stroke:#bfe5d6;stroke-width:2}
.dn-w{stroke:#2b7fd0;stroke-width:5;opacity:0}
.dn-k{stroke:#0a8a5f;stroke-width:7}
.dn-wave.go .dn-w{opacity:1;stroke-dasharray:120;stroke-dashoffset:120;animation:dnWave 1.1s ease-out forwards,dnFade .4s ease-in 1.1s forwards}
.dn-wave.go .dn-k{stroke-dasharray:60;stroke-dashoffset:60;animation:dnDraw .5s ease-out 1.15s forwards}
@keyframes dnWave{to{stroke-dashoffset:0}}@keyframes dnFade{to{opacity:0}}@keyframes dnDraw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.dn-wave.go .dn-w{display:none}.dn-wave.go .dn-k{animation:none;stroke-dashoffset:0}}
.dn-test{display:inline-block;background:#fff6e0;border:1px solid #f1dfae;color:#7a5a12;border-radius:12px;padding:8px 14px;font-size:14px}
.done-calm .box{border:1px solid #ece3d4;box-shadow:0 6px 24px rgba(80,60,30,.05)}
.done-calm .box h2{font-size:18px;margin:0 0 12px}
.dn-bank dl{display:grid;gap:10px;margin:0 0 10px}.dn-bank dl div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid #f1ebe1;padding-bottom:8px}
.dn-bank dt{color:var(--ink2,#556)}.dn-bank dd{margin:0;text-align:right}.dn-bank code{font-size:15px;letter-spacing:.02em}
.dn-l{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #f1ebe1}
.dn-th{width:56px;height:56px;border-radius:12px;background:#f5f2ec;overflow:hidden;display:grid;place-items:center}.dn-th img{width:100%;height:100%;object-fit:contain}
.dn-n{display:flex;flex-direction:column;min-width:0}.dn-n b{font-size:15px;line-height:1.3}.dn-n small{color:var(--ink2,#667)}
.dn-p{font-weight:600;white-space:nowrap}
.dn-tot{display:flex;justify-content:space-between;padding-top:10px;color:var(--ink2,#556)}.dn-tot b{color:var(--ink,#0f2740)}
.dn-next ol{list-style:none;margin:0;padding:0;counter-reset:dn;display:grid;gap:12px}
.dn-next li{counter-increment:dn;display:grid;grid-template-columns:30px 1fr;column-gap:10px}
.dn-next li::before{content:counter(dn);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:#e3f4ee;color:#0a6b4f;font-weight:700;display:grid;place-items:center}
.dn-next li small{color:var(--ink2,#667)}
.done-calm .rv,.co-play .rv{opacity:1!important;transform:none!important} /* pagina grazie e cassa: tutto subito visibile, niente comparse */
/* passaggi della cassa: paghi → indirizzo → spediamo (indirizzo DOPO il pagamento, scelta di Giuseppe) */
.cp-flow{list-style:none;display:flex;gap:6px;margin:14px 0 0;padding:0;flex-wrap:wrap}
.cp-flow li{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#8a8170;background:#fffaf2;border:1px solid #ece3d4;border-radius:999px;padding:5px 12px 5px 5px}
.cp-flow li i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ece3d4;color:#6b6252;font-size:12px}
.cp-flow li i svg{width:13px;height:13px}
.cp-flow li.on{color:#0f2740;border-color:#0f2740}.cp-flow li.on i{background:#0f2740;color:#fff}
.cp-flow li.ok{color:#0a6b4f;border-color:#bfe5d6;background:#eef9f4}.cp-flow li.ok i{background:#0a8a5f;color:#fff}
.dn-flow{justify-content:center;margin:12px 0 4px}
.done-calm .co-ship{background:#fff;border:1px solid #ece3d4;box-shadow:0 8px 28px rgba(80,60,30,.08);text-align:left}
.done-calm .co-ship .cs-h b{font-size:19px}
/* controllo email dopo il pagamento: leggerla in grande fa notare il refuso */
.em-chk{background:#fffaf2;border:1px solid #ece3d4;border-radius:16px;padding:14px 16px;text-align:center}
.em-chk p{margin:0 0 10px;line-height:1.5}.em-chk .em-cur{font-size:18px;word-break:break-all;color:#0f2740}
.em-chk .em-btn{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.em-chk .em-btn[hidden],.em-chk .em-edit[hidden]{display:none}
.em-chk .em-edit{display:grid;gap:8px;text-align:left}.em-chk .em-msg{color:#b3261e}
.em-chk.ok{background:#eef9f4;border-color:#bfe5d6;color:#0a6b4f}.em-chk.ok p{margin:0}.em-chk.ok svg{width:16px;height:16px;vertical-align:-3px}
/* pannello: controllo categorie */
.cc-r{display:grid;grid-template-columns:48px 1fr minmax(180px,40%);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cc-th{width:48px;height:48px;border-radius:10px;background:#f5f5f3;overflow:hidden;display:grid;place-items:center}.cc-th img{width:100%;height:100%;object-fit:contain}
.cc-n{display:flex;flex-direction:column;min-width:0}.cc-n a{color:inherit;text-decoration:none}.cc-n b{font-size:14px;line-height:1.3}.cc-n small{opacity:.7}
.cc-sel{width:100%;min-width:0;font-size:13px;padding:9px 10px;background:#0e1a33;color:#e8eefc;border:1px solid rgba(255,255,255,.18);border-radius:10px}.cc-sel option{background:#fff;color:#111}.cc-r.cc-ok .cc-sel{outline:2px solid #17a06a}
@media(max-width:640px){.cc-r{grid-template-columns:44px 1fr}.cc-sel{grid-column:1/-1}}
.rs-a .rs-ls{margin:6px 0;padding-left:18px}.rs-a .rs-why[hidden]{display:none}.rs-a .rs-fin{margin-top:8px}.rs-a details{margin-top:8px;opacity:.8}
.rs-l{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rs-q{font-size:14px}.rs-car[hidden]{display:none}.rs-row small{display:block}
/* gioco: ricambio per il tuo boma AL360 */
.alg{background:#fff;border:1px solid #e6ebf1;border-radius:22px;padding:20px;margin:16px 0}
.alg-h{display:flex;gap:14px;align-items:flex-start}.alg-h h2{margin:4px 0 6px;font-size:clamp(20px,3vw,26px)}.alg-h p{margin:0;color:var(--ink2,#556)}
.alg-buss{width:54px;height:54px;flex:none;display:grid;place-items:center}.alg-buss svg{width:54px;height:54px}
.alg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:16px}
.alg-b{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit;background:#f7f9fb;border:1.5px solid transparent;border-radius:16px;padding:10px 8px 12px;transition:transform .2s,border-color .2s,box-shadow .2s;animation:algIn .4s ease-out both;animation-delay:calc(var(--i) * 60ms)}
.alg-b:hover,.alg-b:focus-visible{border-color:#1f6fd1;transform:translateY(-2px);box-shadow:0 8px 20px rgba(31,111,209,.12)}
.alg-ph{width:100%;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#fff}.alg-ph img{width:100%;height:100%;object-fit:contain}
.alg-q{font-size:40px;font-weight:700;color:#9aa6b8}.alg-b b{font-size:14px;text-align:center}
.alg-n{margin:12px 0 0}
@keyframes algIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.alg-b{animation:none;transition:none}}
@media(max-width:560px){.alg-grid{grid-template-columns:repeat(2,1fr)}}
.alg-logo{width:150px;min-height:54px;flex:none;display:grid;place-items:center;background:#fff;color:#d61f1f;border:1px solid #eef0f3;border-radius:14px;padding:8px 10px}.alg-logo img{max-width:100%;max-height:52px;display:block}@media(max-width:560px){.alg-h{flex-direction:column}.alg-logo{width:140px}}.alg-logo b{font-size:20px;letter-spacing:1px}
/* avatar tipo Waze */
.av-pic{padding:0;text-decoration:none}.av-svg,.av-svg svg{display:block;width:100%;height:100%}.av-svg svg{border-radius:50%}
/* header avatar: sempre una figura (mai lettera/viola), con matita "modifica" che ammicca */
.ph-ic.av.av-pic{overflow:visible;position:relative;background:transparent!important;box-shadow:none!important}
.av-edit{position:absolute;right:-3px;bottom:-3px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--ocean);box-shadow:0 2px 7px rgba(16,24,40,.22);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.av-edit svg{width:13px;height:13px}
.ph-ic.av-pic:hover .av-edit{transform:scale(1.12) rotate(-10deg)}
@media(hover:hover){.av-edit{animation:avWiggle 3.4s ease-in-out infinite}.ph-ic.av-pic:hover .av-edit{animation:none}}
@keyframes avWiggle{0%,85%,100%{transform:none}89%{transform:rotate(-12deg) scale(1.08)}93%{transform:rotate(8deg) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.av-edit{animation:none!important}}
.acc-soc{display:flex;justify-content:center;margin:18px 0 2px}
.av-f{display:grid;gap:16px}
.av-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}
.av-o{position:relative;cursor:pointer}.av-o input{position:absolute;opacity:0;pointer-events:none}
.av-i{display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid transparent;transition:transform .15s,border-color .15s}.av-i svg{display:block;width:100%;height:100%}
.av-o:hover .av-i{transform:scale(1.06)}.av-o input:checked+.av-i{border-color:#0f2740;box-shadow:0 0 0 3px #fff inset}.av-o input:focus-visible+.av-i{outline:3px solid #1f6fd1;outline-offset:2px}
.av-act{display:flex;gap:10px;flex-wrap:wrap}

/* reso: riquadro "Prenota il ritiro" nell'account (stile Apple; senza gap/flex moderni, regge anche browser vecchi) */
.pkc{display:table;width:100%;margin:12px 0 4px;background:#f5f5f7;border-radius:18px;padding:14px;box-sizing:border-box}
.pkc>img{display:table-cell;vertical-align:top;width:64px;height:64px;border-radius:16px}
.pkc-t{display:table-cell;vertical-align:top;padding-left:14px;color:#1d1d1f}
.pkc-t b{display:block;font-size:16px;margin-bottom:3px}
.pkc-t span{display:block;font-size:14px;line-height:1.45;color:#6e6e73;margin-bottom:10px}
.rs-row{flex-wrap:wrap}.rs-row>.pkc{-webkit-box-flex:1;flex:1 0 100%;max-width:100%}

/* Buoni regalo nell'account */
.gc-row{display:flex;flex-wrap:wrap;align-items:flex-start;padding:16px}
.gc-row>.gc-card{margin:0 16px 12px 0}
.gc-tx{-webkit-box-flex:1;flex:1 1 240px;min-width:0}
.gc-tx b{display:block;font-size:17px;margin:6px 0 4px}
.gc-tx small{display:block;color:#6e6e73;line-height:1.45;margin-bottom:6px}
.gc-msg{font-style:italic;color:#1d1d1f!important}
.gc-card{position:relative;width:220px;max-width:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px -12px rgba(15,39,64,.45)}
.gc-card img{display:block;width:100%;height:auto}
.gc-card.off{opacity:.45;-webkit-filter:grayscale(1);filter:grayscale(1)}
.gc-amt{position:absolute;left:14px;top:38%;color:#fff;font-weight:800;font-size:22px;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.gc-spot{position:absolute;left:14px;bottom:10px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}
.gc-act{margin-top:6px}
.gc-act>*{margin:0 8px 8px 0}
.gc-form{margin-top:10px}
.gc-form .fld{display:block;margin-bottom:10px}
.gc-terms{background:#f5f5f7;border-radius:14px;padding:12px 14px;margin:6px 0 10px;font-size:13.5px;line-height:1.5;color:#3a3a3c}
.gc-terms b{display:block;margin-bottom:4px;color:#1d1d1f}
.gc-err{color:#c0392b;font-weight:600;min-height:1em;margin:6px 0}
.gc-sp{margin-top:6px}
/* Statistiche e Commercialista (pannello) */
.st-per{margin:0 0 14px}.st-per>*{margin:0 8px 8px 0}
.st-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}
.st-box{margin-bottom:14px}
.st-bar{display:grid;grid-template-columns:minmax(0,44%) 1fr auto;align-items:center;gap:8px;font-size:13px;padding:3px 0}
.st-bar .st-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-bar .st-t{height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.st-bar .st-t i{display:block;height:100%;background:linear-gradient(90deg,#0e8fa0,#36c2c0);border-radius:4px}
.st-bar small{grid-column:1/-1;color:var(--am,#8a94a6);font-size:11.5px;margin-top:-2px}
.st-hr{border:0;border-top:1px solid var(--al,rgba(255,255,255,.1));margin:10px 0}
.cm-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cm-tbl table{width:100%;border-collapse:collapse;font-size:12.5px}
.cm-tbl th,.cm-tbl td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--al,rgba(255,255,255,.1));vertical-align:top;white-space:nowrap}
.cm-tbl td.cm-p{white-space:normal;min-width:220px}
.cm-2{display:flex}.cm-2 input{width:50%;margin-right:6px}
.cm-check{margin-top:8px}
@media (max-width:600px){.st-2{grid-template-columns:1fr}.st-bar{grid-template-columns:minmax(0,52%) 1fr auto}}
.cm-f{background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important}.cm-f .chk span{color:inherit}
/* ── PLANCIA (console) ── */
.pl-story{position:relative;overflow:hidden;padding:20px 22px!important;background:linear-gradient(135deg,rgba(14,143,160,.22),rgba(15,39,64,.35))!important}
.pl-story p{font-size:16.5px;line-height:1.6;margin:6px 0 0}.pl-story a{color:#7fe3ea}
.pl-k{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#7fe3ea;font-weight:700}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:14px 0 26px}
.pl-card{position:relative;background:var(--ab2,#14233a);border:1px solid var(--al,rgba(255,255,255,.1));border-radius:20px;padding:16px 16px 14px;display:flex;flex-direction:column;animation:plIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}
.pl-card.l-bad{border-color:rgba(255,99,99,.55);box-shadow:0 0 0 1px rgba(255,99,99,.25) inset}
.pl-card.l-warn{border-color:rgba(255,196,77,.45)}
.pl-card header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pl-card header b{font-size:15px;flex:1}
.pl-ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(158deg,#36c2c0,#0e6f80);box-shadow:0 8px 18px -8px rgba(14,143,160,.7);flex:none}
.pl-ic svg{width:19px;height:19px;stroke:#fff;fill:none}.pl-ic.sm{width:30px;height:30px;border-radius:9px}.pl-ic.sm svg{width:16px;height:16px}
.pl-semw{display:inline-flex;align-items:center;gap:6px}
.pl-sem{display:inline-flex;flex-direction:column;gap:2px;padding:3px;border-radius:7px;background:#0a1424;border:1px solid rgba(255,255,255,.12)}
.pl-sem i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.12)}
.pl-sem.s-bad i:nth-child(1){background:#ff5a5a;box-shadow:0 0 8px #ff5a5a}
.pl-sem.s-warn i:nth-child(2){background:#ffc44d;box-shadow:0 0 8px #ffc44d}
.pl-sem.s-ok i:nth-child(3){background:#34d399;box-shadow:0 0 8px #34d399}
.pl-sl{font-size:11.5px;font-weight:700;letter-spacing:.04em}.pl-sl.s-bad{color:#ff8a8a}.pl-sl.s-warn{color:#ffd27a}.pl-sl.s-ok{color:#6ee7b7}.pl-sl.s-na{color:var(--am,#8a94a6)}
.pl-num{font-size:28px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pl-d{font-size:12.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08)}.pl-d.up{color:#6ee7b7}.pl-d.dn{color:#ff8a8a}
.pl-txt{font-size:14px;line-height:1.5;color:#d6dde8;margin:8px 0 6px}
.pl-tip{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:#ffe2a8;background:rgba(255,196,77,.08);border-radius:12px;padding:8px 10px;margin:4px 0 8px}
.pl-tip svg{width:16px;height:16px;flex:none;stroke:#ffd27a;fill:none;margin-top:1px}
.pl-go{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:#7fe3ea;text-decoration:none;padding:6px 0}
.pl-go svg{width:14px;height:14px;stroke:currentColor;fill:none;transition:transform .2s}.pl-go:hover svg{transform:translateX(3px)}
.pl-todo .pl-tdr{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--al,rgba(255,255,255,.08));flex-wrap:wrap}
.pl-todo .pl-tdr:first-of-type{border-top:0}.pl-tdt{flex:1 1 200px;font-size:14px}
.pl-h2{margin:30px 0 12px;font-size:22px}
.pl-load{display:flex;gap:10px;align-items:center;padding:30px 0;color:var(--am,#8a94a6)}
.pl-chks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 14px;margin-bottom:10px}
.pl-flash{animation:plFlash 1.6s ease}
.st-bar a{color:inherit;text-decoration:underline;text-decoration-color:rgba(127,227,234,.4);text-underline-offset:3px}
.a-plan{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;margin:4px 0 18px;padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,rgba(14,143,160,.35),rgba(15,39,64,.6));border:1px solid rgba(127,227,234,.35)}
.a-plan b{display:block;font-size:19px}.a-plan small{color:#c9e9ee;font-size:13.5px}.a-plan .pl-ic{width:46px;height:46px;border-radius:14px}.a-plan>svg{margin-left:auto;width:20px;height:20px;stroke:#7fe3ea;fill:none}
@keyframes plIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes plFlash{0%{box-shadow:0 0 0 0 rgba(127,227,234,.7)}100%{box-shadow:0 0 0 16px rgba(127,227,234,0)}}
@media (prefers-reduced-motion:reduce){.pl-card,.pl-flash{animation:none}}
@media (max-width:600px){.pl-grid{grid-template-columns:1fr}.pl-num{font-size:24px}.pl-story p{font-size:15px}}
.pr-r{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--al,rgba(255,255,255,.08));flex-wrap:wrap}.pr-r:first-of-type{border-top:0}
.pr-r.due .pr-t b{color:#ffd27a}.pr-t{flex:1 1 200px}.pr-t b{display:block;font-size:14.5px}.pr-t small{color:var(--am,#8a94a6)}
.pr-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pr-add input{flex:1 1 140px;min-width:0}.pr-add input[name=txt]{flex:3 1 240px}
.pr-home{display:flex;align-items:center;gap:12px;margin:0 0 12px;border:1px solid rgba(255,196,77,.45)!important}.pr-home>svg{width:22px;height:22px;stroke:#ffd27a;fill:none;flex:none}.pr-home span:nth-child(2){flex:1}.pr-home b{display:block}.pr-home small{color:var(--am,#8a94a6)}
.cp-attivo{color:#6ee7b7}.cp-scaduto,.cp-esaurito{color:#ff8a8a}.cp-spento{color:var(--am,#8a94a6)}.cp-attesa{color:#ffd27a}
.cp-f select[multiple]{min-height:110px}
/* Etichette */
.lb-s{display:flex;gap:8px;margin-bottom:10px}.lb-s input{flex:1;min-width:0}
.lb-h{padding:8px 0;border-top:1px solid var(--al,rgba(255,255,255,.08))}.lb-h small{margin-left:8px;color:var(--am,#8a94a6)}.lb-vs{margin-top:6px}.lb-vs .btn{margin:0 6px 6px 0}
.lb-code{width:160px}.lb-qty{width:70px}
.lb-prev{overflow:auto;background:#e9eaee;border-radius:12px;padding:12px;max-height:520px}
.lb-page{background:#fff;color:#111;display:grid;grid-template-columns:repeat(var(--cols),var(--w));grid-auto-rows:var(--h);width:210mm;min-height:297mm;box-sizing:border-box;padding:12mm 0 0 0;justify-content:center;transform-origin:top left}
.lb-prev .lb-page{transform:scale(.6);margin-bottom:-118mm}
.lb-r50,.lb-r62{width:var(--w);min-height:var(--h);padding:0}
.lb-c{box-sizing:border-box;padding:2mm 2.5mm;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;font-family:-apple-system,Helvetica,Arial,sans-serif;border:.2mm dashed #ddd}
.lb-n{font-size:8.5pt;line-height:1.15;max-height:2.3em;overflow:hidden}.lb-v{font-size:8pt;font-weight:700}
.lb-bc{display:block;width:100%;height:9mm;fill:#000}.lb-a65 .lb-bc{height:6mm}.lb-a65 .lb-n{font-size:6.5pt}
.lb-f{display:flex;justify-content:space-between;align-items:baseline;font-size:7.5pt;font-family:monospace}.lb-f b{font-family:-apple-system,Helvetica,Arial,sans-serif;font-size:9pt}
#lb-print{display:none}
@media print{body.lb-printing>*:not(#lb-print){display:none!important}body.lb-printing #lb-print{display:block}body.lb-printing .lb-c{border:0}body.lb-printing .lb-page{page-break-after:always;min-height:0}body.lb-printing{background:#fff!important}}
/* accesso pannello */
.st-login{min-height:100vh;display:flex;align-items:center;justify-content:center}
.st-lg-box{max-width:440px;width:100%;margin:40px auto;padding:28px;border-radius:24px;background:var(--ab2,#14233a);border:1px solid var(--al,rgba(255,255,255,.1));text-align:left}
.st-lg-box h1{margin:12px 0 8px;font-size:24px}.st-lg-f{display:flex;gap:8px;margin:14px 0}.st-lg-f input{flex:1;min-width:0;font-size:18px;letter-spacing:.06em}
.st-msg{min-height:1.2em;color:#ffd27a;font-size:14px}.st-steps{padding-left:18px;font-size:14px;line-height:1.5}.st-steps li{margin-bottom:8px}
.st-key{display:flex;gap:8px;align-items:center;margin:6px 0;flex-wrap:wrap}.st-key code{font-size:16px;letter-spacing:.08em;background:rgba(255,255,255,.08);padding:6px 10px;border-radius:8px;word-break:break-all}
.a-who{font-size:12.5px;color:var(--am,#8a94a6);margin:0 4px}.a-pill.warn{border-color:rgba(255,196,77,.6)!important;color:#ffd27a}.st-warn{border-color:rgba(255,196,77,.6)!important}
.st-log{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(0,2fr);gap:8px;padding:4px 0;border-top:1px solid var(--al,rgba(255,255,255,.06))}
@media (max-width:600px){.st-log{grid-template-columns:1fr}.a-who{display:none}}
.fd-drop{display:block;border:2px dashed rgba(127,227,234,.4);border-radius:16px;padding:18px;text-align:center;cursor:pointer;margin-bottom:12px;position:relative}
.fd-drop input{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;cursor:pointer;width:100%;height:100%}.fd-drop span{display:flex;flex-direction:column;align-items:center;gap:4px}.fd-drop svg{width:28px;height:28px;stroke:#7fe3ea;fill:none}.fd-drop small{color:var(--am,#8a94a6)}
.fd-pack{border-color:rgba(127,227,234,.4)!important;background:linear-gradient(135deg,rgba(14,143,160,.18),rgba(15,39,64,.3))!important}
/* posta nel pannello */
.ml-head .ml-st{font-size:13.5px;margin-bottom:10px}.ml-ok{color:#6ee7b7}.ml-tabs{display:flex;flex-wrap:wrap}.ml-tabs>*{margin:0 8px 8px 0}.ml-n{background:#ff6a3d;color:#fff;border-radius:999px;padding:0 7px;font-size:11.5px;margin-left:4px}
.ml-list{padding:4px 0!important}.ml-r{display:grid;grid-template-columns:18px minmax(0,1.1fr) minmax(0,2.4fr) auto;gap:10px;align-items:center;padding:11px 16px;border-top:1px solid var(--al,rgba(255,255,255,.07));text-decoration:none;color:inherit}
.ml-r:first-child{border-top:0}.ml-r:hover{background:rgba(255,255,255,.03)}.ml-r b,.ml-r small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-r small{color:var(--am,#8a94a6);font-size:12px}
.ml-r.new b{color:#fff}.ml-r:not(.new) b{font-weight:500}.ml-dot{color:#36c2c0;font-size:12px}.ml-m{text-align:right}.ml-f{color:#6ee7b7}
.ml-body{white-space:pre-wrap;font-family:inherit;font-size:14.5px;line-height:1.55;margin:0;max-height:520px;overflow:auto}
.ml-ta{width:100%;box-sizing:border-box;font-family:inherit;font-size:14.5px;line-height:1.5;padding:12px;border-radius:12px;background:#0b1a2e;color:#e8eef6;border:1px solid rgba(127,227,234,.35)}
.ml-hub{margin-top:0}.ml-hub .pl-card{text-decoration:none;color:inherit}
@media (max-width:700px){.ml-r{grid-template-columns:14px minmax(0,1fr);}.ml-r .ml-s{grid-column:2}.ml-r .ml-m{grid-column:2;text-align:left;display:flex;gap:8px;flex-wrap:wrap}}
/* Coupon e sconti: elenco a schede (leggibile anche su telefono) */
.cpn-list{display:grid;gap:12px}
.cpn-card{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.025)}
.cpn-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cpn-c{font-size:18px;letter-spacing:.04em}
.cpn-v{font-weight:700;color:#7dd3fc}.cpn-v small{font-weight:400;opacity:.75}
.cpn-top .tagx{margin-left:auto}
.cpn-mot{margin:8px 0 4px;line-height:1.45;color:#e2e8f0;opacity:1;font-size:15px}
.cpn-meta{margin:0;opacity:.7;line-height:1.5}
.cpn-res{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;font-size:14px}
.cpn-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
/* Accesso al pannello: QR, codici di recupero, doppia conferma */
.st-qr{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:12px;padding:10px;margin:10px auto;width:max-content;max-width:100%;min-height:120px}
.st-qr svg{display:block;width:220px;height:220px;max-width:70vw;max-height:70vw}
.st-rcl{columns:2;column-gap:18px;margin:12px 0;padding-left:22px}
.st-rcl li{margin:4px 0}.st-rcl code{font-size:16px;letter-spacing:.08em}
.st-rca{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.st-rc{margin-top:14px;text-align:left}.st-rc summary{cursor:pointer;font-size:14px;opacity:.85}
.btn.btn-red{background:#b91c1c;border-color:#b91c1c;color:#fff}
@media print{.st-lg-box .btn,.st-lg-box .chk,.st-lg-box .pill,.st-rca{display:none!important}.st-lg-box{color:#000}}
/* Personale: pannelli dei collaboratori, sezioni a spunta, tempo di lavoro */
.st-pl{display:grid;gap:12px}
.st-pc{border:1px solid var(--al);background:var(--ab2);border-radius:16px;padding:14px 16px}.st-pc.off{opacity:.55}
.st-pt{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.st-pt b{font-size:18px;margin-right:4px}
.tagx.st-live{background:#166534;color:#dcfce7}
.st-wk{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:10px 0}
.st-wk>div{border:1px solid var(--al);border-radius:12px;padding:10px 12px}.st-wk small{display:block;color:var(--am);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.st-wk b{display:block;font-size:18px;margin-top:2px}.st-wk span{color:var(--am);font-size:12px}
.st-days{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--am)}
.st-pres{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.st-secs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.st-sg{border:1px solid var(--al);border-radius:14px;padding:10px 14px;margin:0}.st-sg legend{padding:0 6px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--am)}
.st-sg .chk{margin:8px 0}
button.a-pill{background:transparent;font:inherit;font-size:13px;cursor:pointer;-webkit-appearance:none;appearance:none}
/* «Guarda come lo vede»: scelta in alto e fascia fissa durante l'anteprima */
.st-vas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.st-va{position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#7c2d12;color:#ffedd5;font-size:14px}
.st-va>span{display:flex;gap:8px;align-items:center}.st-va svg{width:18px;height:18px;flex:0 0 18px}
/* Ordini: viste di lavoro, parti dell'ordine, resi con l'ordine sotto, riordino riquadri */
.ovw{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;margin:0 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.ovw .chip{white-space:nowrap;flex:0 0 auto}.ovw .ovw-2{opacity:.8}
.ofilt-d{margin:6px 0 12px}.ofilt-d summary{cursor:pointer;font-size:14px;color:var(--am);padding:6px 0}
.oparts{min-width:220px}.oparts small{display:block;margin-bottom:4px}
.opart{display:inline-block;font-size:12px;line-height:1.3;border:1px solid var(--al);border-radius:8px;padding:3px 8px;margin:2px 4px 2px 0;white-space:nowrap}
.opart.op-da-inoltrare{border-color:#f59e0b;color:#fcd34d}.opart.op-inoltrato{border-color:#3b82f6;color:#93c5fd}.opart.op-spedito,.opart.op-consegnato{opacity:.65}.opart.op-casa{font-weight:700}
.rs-ord{margin:8px 0;border:1px solid var(--al);border-radius:12px;padding:8px 12px}.rs-ord summary{cursor:pointer;font-size:14px;font-weight:600}
.rs-ob{padding-top:6px}.rs-ls li.rs-in{font-weight:700}
.t-ed{margin:6px 0 0;font-size:13px}
.ocards{display:none}
@media (max-width:760px){.otable-w{display:none}.ocards{display:grid;gap:10px}
  .ocard{display:flex;gap:10px;align-items:flex-start;background:var(--ab2);border:1px solid var(--al);border-radius:16px;padding:12px}
  .oc-sel{padding-top:2px}.oc-a{flex:1;display:flex;flex-direction:column;gap:5px;color:var(--at);text-decoration:none;min-width:0}
  .oc-t{display:flex;justify-content:space-between;gap:8px;font-size:16px}.oc-c{font-size:14px;color:var(--am)}.oc-p small{font-size:12px}
  .ocard .opart{white-space:normal}}
.abox.t-mv .ab-n{display:none}
/* Ordini: risultati dallo storico vecchio sito (sola lettura, colore ambra, visibili su mobile e desktop) */
.oldfind{margin-top:20px;border-top:1px dashed #e0cfa3;padding-top:14px}
.oldfind-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#9a7b35;margin-bottom:10px}
.oldfind-h svg{width:18px;height:18px;flex:none}
.of-cards{display:grid;gap:10px}
@media (min-width:760px){.of-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}
.ocard.oc-old,.ocard.oc-frank,.ocard.oc-woo{display:flex;flex-direction:column;gap:5px;border-radius:16px;padding:12px;text-decoration:none}
.ocard.oc-old .oc-t,.ocard.oc-frank .oc-t,.ocard.oc-woo .oc-t{display:flex;justify-content:space-between;gap:8px;font-size:16px}
.ocard.oc-old .oc-c,.ocard.oc-frank .oc-c,.ocard.oc-woo .oc-c{font-size:14px;overflow:hidden;text-overflow:ellipsis}
.ocard.oc-old .oc-p small,.ocard.oc-frank .oc-p small,.ocard.oc-woo .oc-p small{font-size:12px}
/* Sito precedente (Frank): ambra */
.ocard.oc-old,.ocard.oc-frank{background:#fbf4e6;border:1px solid #e7d3a6;color:#3a2f16}
.ocard.oc-old:hover,.ocard.oc-frank:hover{background:#f6ecd2;border-color:#d9bf85}
.ocard.oc-old .oc-c,.ocard.oc-frank .oc-c{color:#6b5a38}.ocard.oc-frank .oc-p small{color:#8a7a52}
/* WooCommerce: azzurro */
.ocard.oc-woo{background:#eaf1fb;border:1px solid #c5d8f2;color:#243b55}
.ocard.oc-woo:hover{background:#dfeafb;border-color:#aecbf0}
.ocard.oc-woo .oc-c{color:#3c5675}.ocard.oc-woo .oc-p small{color:#5c7490}
.o-stbadge{display:inline-block;background:#c9962e;color:#fff;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;font-style:normal}
.o-stbadge.st-frank{background:#c9962e}.o-stbadge.st-woo{background:#2b6cb0}
.old-leg{display:inline-flex;gap:6px;margin-left:auto}
.old-more,.old-load{margin:12px 0 0;display:flex;align-items:center;gap:8px}
/* Storico come tabella per riga (come gli ordini veri), colore per origine */
.old-tw{display:block;margin-top:4px}
@media (max-width:760px){.old-tw{display:block}}
.otable tbody tr.o-woo td{background:rgba(43,108,176,.12)}
.otable tbody tr.o-frank td{background:rgba(201,150,46,.12)}
.otable tbody tr.o-woo:hover td{background:rgba(43,108,176,.2)}
.otable tbody tr.o-frank:hover td{background:rgba(201,150,46,.2)}
.otable tbody tr.o-woo td:first-child{box-shadow:inset 3px 0 #2b6cb0}
.otable tbody tr.o-frank td:first-child{box-shadow:inset 3px 0 #c9962e}
.cl-info{margin:0 0 12px;padding-left:18px;color:var(--am)}.cl-info li{margin:3px 0}
.cl-pre{white-space:pre-wrap;font-size:12px;background:rgba(255,255,255,.05);padding:8px;border-radius:8px;margin:6px 0 0;max-height:160px;overflow:auto}
/* Spedizioni GLS (pannello) */
.gls-list{display:flex;flex-direction:column;gap:8px}.gls-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--ab3,#ddd);border-radius:10px;padding:10px 12px}
.gls-row .chk{align-items:flex-start;flex:1 1 260px}.gls-act{display:flex;flex-wrap:wrap;gap:6px}
.btn.btn-red,.btn-ghost.btn-red{background:#b91c1c;color:#fff;border-color:#b91c1c}
.t-chk{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--amut,#98a2b3)}.t-chk input{width:16px;height:16px;accent-color:#dcc48e}
.abox.t-mv{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.abox.t-hold{opacity:.3}
.t-ghost{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;margin:0;cursor:grabbing;box-shadow:0 18px 40px rgba(0,0,0,.45);border-color:#dcc48e}
body.t-dragging,body.t-dragging *{cursor:grabbing!important}

/* ===== Barra in alto riequilibrata (Giuseppe, 7 nov) ===== */
/* Servizi: iconcina a fianco FUORI dal menu; le discipline restano solo testo (le loro icone sono dentro la tendina) */
.disc-serv .dp-in>:not(.dp-t){display:inline-flex}
.disc-serv .dp-in{gap:7px}
.disc-serv .dp-i,.disc-serv .dp-in>svg{width:18px;height:18px}
.disc-serv .dp-pct{font-weight:800;color:var(--coral)}
@media(min-width:981px){
  /* logo + ricerca grande (tipo Google) affiancati; azioni a destra; discipline su riga dedicata sotto */
  .brandbar .bb-in{flex-wrap:wrap;row-gap:12px;height:auto;align-items:center;padding-top:10px;padding-bottom:10px}
  .brandbar .bb-in>.wordmark{order:1;position:relative;z-index:3}
  .brandbar .bb-in>.hicons{order:2;flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:0}
  .brandbar .bb-in>.disc{order:3;flex:1 1 100%;max-width:100%}
  /* Ricerca fusa nel logo: niente bordi (le linee spariscono), la barra entra SOTTO DNA Surf (margine negativo) e il riempimento sfuma a trasparente a sinistra → logo e ricerca un'unica cosa. Bussola+testo centrati, bordo destro verso le azioni (≈ Manuale). */
  .brandbar .htrova{flex:1 1 auto;width:auto;max-width:none;min-width:260px;height:46px;gap:9px;margin:0 28px 0 -52px;padding:0 20px 0 62px;justify-content:center;border:0;border-radius:0 999px 999px 0;background:linear-gradient(90deg,transparent 0 58px,rgba(123,97,255,.18) 150px,rgba(43,127,208,.13) 55%,rgba(84,194,255,.06) 100%);overflow:visible}
  .brandbar .htrova:focus-within{box-shadow:none}
  .brandbar .hs-sign{width:22px;height:22px;flex-basis:22px}
  .brandbar .hs-in{flex:0 1 440px;width:auto;text-align:center;font-size:15.5px}
  .brandbar .hs-go{display:none}
  .brandbar .hs-wave{left:58px;width:calc(200% - 58px)}
  /* carrello protagonista (grande); Entra/IT puliti e secondari */
  .brandbar .hbtn{height:42px}
  .brandbar .lang summary{height:42px}
  .brandbar .hcart{height:46px;padding:0 20px 0 15px;font-size:15px;box-shadow:0 10px 22px rgba(14,143,160,.32)}
  .brandbar .hcart svg{width:26px!important;height:26px!important}
}
/* Margini (pannello) */
.mg-lab{margin:10px 0 2px}
.mg-g{padding:0;overflow:hidden}.mg-g>summary{list-style:none;cursor:pointer}.mg-g>summary::-webkit-details-marker{display:none}
.mg-h,.mg-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,220px) 110px;gap:14px;align-items:center;padding:14px 18px}
.mg-r{padding:12px 18px;border-top:1px solid var(--al)}
.mg-t{display:flex;flex-direction:column;gap:3px;min-width:0}.mg-t b{overflow:hidden;text-overflow:ellipsis}
.mg-n{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.mg-n b{font-size:17px}
.mg-bar{display:block;height:10px;border-radius:6px;background:rgba(148,163,184,.18);overflow:hidden}.mg-bar i{display:block;height:100%;border-radius:6px;background:#dcc48e}
.mg-bar.mg-low i{background:#f59e0b}.mg-bar.mg-neg i{background:#ef4444}.mg-bar.mg-none{opacity:.4}
.mg-cf{display:flex;gap:6px;margin-top:4px;max-width:280px}.mg-cf input{flex:1;min-width:0;padding:6px 10px;border-radius:8px;border:1px solid var(--al);background:var(--ab3,#1e293b);color:var(--at)}
@media (max-width:640px){.mg-h,.mg-r{grid-template-columns:minmax(0,1fr) 76px;gap:8px;padding:12px}.mg-h .mg-bar,.mg-r .mg-bar{grid-column:1 / -1;order:3}}
.kpis>a{display:block;background:var(--ab2);border:1px solid var(--al);border-radius:18px;padding:16px;color:var(--at);text-decoration:none}.kpis>a:hover{border-color:#dcc48e}.kpis>a b{color:var(--at)}
.mg-g>summary.mg-h{font-size:15px;color:var(--at);font-weight:400}.mg-h .mg-t b{font-size:16px;color:var(--at)}.mg-h .mg-t small{font-size:12.5px}.mg-h .mg-n b{font-size:19px;color:var(--at)}.mg-h .mg-n small{font-size:12.5px}

/* Hero "vivo" per l'Abbigliamento: video di sfondo leggermente sfocato + velo per leggibilità, testo bianco */
.cat-hero.ch-live{position:relative;overflow:hidden;min-height:clamp(230px,29vw,350px);color:#fff;border:0}
.ch-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) saturate(1.06);transform:scale(1.07);z-index:0}
.ch-vid-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,36,.74),rgba(6,20,36,.32) 70%,rgba(6,20,36,.2));z-index:1}
.ch-live .ch-tx{position:relative;z-index:2}
.ch-live .ch-tx .h2-k{color:#bfe0ff}
.ch-live .ch-tx h1.gtext{color:#fff;-webkit-text-fill-color:#fff;background:none}
.ch-live .ch-tx p{color:rgba(255,255,255,.9)}
@media (prefers-reduced-motion:reduce){.ch-vid{display:none}.cat-hero.ch-live{background:#0b1b2b}}

/* Hero video YouTube per categoria (es. Wingfoil): copertura piena, avvio rapido; mobile = sola copertina (niente YouTube/ads) */
.cat-hero.ch-live .vbg{z-index:0}
.vbg-cathero iframe{animation-delay:.5s;transform:translate(-50%,-50%) scale(1.45)}
.vbg-cathero .vbg-poster{transform:translate(-50%,-50%) scale(1.12)}
/* Garanzie (account) */
.wr-row .steps{margin:8px 0 4px}.wr-exp{border-color:#f59e0b}.wr-exp b{display:block}.mini.mini-off{opacity:.7;cursor:default}
/* Garanzie (pannello) */
.wa{padding:0;overflow:hidden}.wa>summary{list-style:none;cursor:pointer}.wa>summary::-webkit-details-marker{display:none}
.wa-h{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;font-size:15px;color:var(--at);font-weight:400}.wa-h>span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.wa-h b{font-size:16px}
.wa-b{padding:4px 18px 16px;border-top:1px solid var(--al);display:flex;flex-direction:column;gap:10px}.wa-b p{margin:4px 0}
.wa-ph{display:flex;flex-wrap:wrap;gap:8px}.wa-ph img{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--al)}
.wa-sup>summary{list-style:none;display:inline-flex}.wa-sup>summary::-webkit-details-marker{display:none}.wa-sup form{margin-top:10px}
.wa-sup textarea{width:100%;min-height:220px;font:inherit}

/* Cross-sell Protezioni: box "sicurezza" nelle altre categorie. Blu brand (ocean→deep), mai arancione. Scudo in lagoon. */
.ed-prot{background:linear-gradient(150deg,var(--ocean) 0%,var(--deep) 62%,#0d5ea8 100%)!important;color:#fff!important}
.ed-prot .ed-tx{padding:38px!important;gap:3px}
.ed-prot .ed-pico{display:block;width:40px;height:40px;color:var(--lagoon);margin-bottom:10px}
.ed-prot .ed-pico svg{width:100%;height:100%}
.ed-prot .ed-e{color:var(--lagoon);opacity:1;font-weight:650}
.ed-prot .ed-t{color:#fff}
.ed-prot .ed-p{color:rgba(255,255,255,.88);opacity:1}
.ed-prot .ed-cta{color:#fff!important}
.ed-prot:hover{filter:brightness(1.06)}
@media (max-width:700px){.ed-prot .ed-tx{padding:22px!important}.ed-prot .ed-pico{width:34px;height:34px;margin-bottom:6px}}

/* Admin · costi spedizione per fornitore (suggeritore dropship/consolidamento) */
.shipfs{border:1px solid var(--line,#e3e3e8);border-radius:12px;padding:12px 14px 14px;margin:4px 0 2px}
.shipfs legend{font-size:12.5px;font-weight:600;color:var(--mut,#6e6e73);padding:0 6px}
.shipfs .ship4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}
.shipfs .three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.shipfs .fld small{font-weight:400;opacity:.7}
@media (max-width:760px){.shipfs .ship4{grid-template-columns:repeat(2,1fr)}.shipfs .three{grid-template-columns:1fr}}

/* Pagina storia completa — i 5 capitoli "Il nostro DNA" */
.story-full .st-intro{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--ink2);margin:0 0 10px}
.st-chaps{margin-top:14px}
.st-chap{padding:34px 0;border-top:1px solid var(--line)}
.st-chap:first-child{border-top:0;padding-top:12px}
.st-chap-h{margin-bottom:14px}
.st-chap-k{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lagoon,#36c2c0)}
.st-chap-t{font-size:clamp(26px,3.4vw,38px);line-height:1.1;letter-spacing:-.02em;margin:6px 0 4px}
.st-chap-sub{font-size:clamp(16px,1.8vw,19px);color:var(--mut);margin:0;font-weight:500}
.st-quote{margin:0 0 18px;padding:14px 0 14px 20px;border-left:3px solid var(--lagoon,#36c2c0);font-size:clamp(17px,2vw,21px);line-height:1.4;font-style:italic;color:var(--ocean,#06345a)}
.st-p{font-size:16.5px;line-height:1.7;color:var(--ink2);margin:0 0 15px;max-width:68ch}
.st-p:last-child{margin-bottom:0}
@media (max-width:760px){.st-chap{padding:26px 0}.st-quote{padding-left:16px}}

/* Storia · fascia hero (come l'originale, ma in blu brand, niente coral) */
.story-hero{background:linear-gradient(135deg,var(--ocean,#06345a) 0%,var(--deep,#0a4d8c) 55%,var(--teal,#0e8fa0) 100%);border-radius:18px;padding:clamp(28px,5vw,52px);margin:4px 0 24px;color:#fff}
.story-hero .sh-k{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lagoon,#36c2c0)}
.story-hero .sh-t{font-size:clamp(34px,6vw,60px);line-height:1.02;letter-spacing:-.02em;margin:10px 0 0;color:#fff;font-weight:800}
.story-hero .sh-t em{font-style:normal;color:var(--lagoon,#36c2c0)}
/* storico vecchio sito */
.old-q{display:flex;gap:8px;margin:12px 0}
.old-q input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line,#d1d5db);border-radius:10px;font:inherit}

/* Storia · galleria a striscia scorrevole, bordi sfumati, tono "foto d'epoca" */
.st-gallery{margin:26px 0 10px}
.st-gal-h{font-size:clamp(13px,1.6vw,15px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0 0 6px}
.st-gal-sub{font-size:15px;line-height:1.5;color:var(--ink2);margin:0 0 16px;max-width:60ch}
.st-gal-strip{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.st-gal-track{display:flex;gap:10px;width:max-content;animation:stScroll 70s linear infinite}
.st-gal-strip:hover .st-gal-track{animation-play-state:paused}
.st-gal-i{flex:0 0 auto;width:170px;height:170px;overflow:hidden;border-radius:11px;background:#0a1e33}
.st-gal-i img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;filter:saturate(.8) brightness(.97);transition:filter .5s ease,transform .6s ease}
.st-gal-i:hover img{filter:saturate(1.05) brightness(1);transform:scale(1.06)}
@keyframes stScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:620px){.st-gal-i{width:130px;height:130px}}
@media (prefers-reduced-motion:reduce){.st-gal-strip{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.st-gal-track{animation:none}}

/* Storia · taglio editoriale da rivista: fondo sabbia/carta, serif, capolettera ricamati, fregi */
.story.story-full{position:relative;background:var(--sand,#f3efe7);border-radius:22px;padding:clamp(22px,4.5vw,56px);box-shadow:0 1px 2px rgba(16,24,40,.05),0 20px 54px rgba(16,24,40,.08);overflow:hidden}
.story.story-full::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.story.story-full>*{position:relative;z-index:1}
/* occhiello + sommario (standfirst) */
.story-hero .sh-stand{font-family:ui-serif,Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(16px,2vw,20px);line-height:1.5;color:rgba(255,255,255,.92);margin:14px 0 0;max-width:52ch}
.story-full .st-intro{font-family:ui-serif,Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(18px,2.2vw,22px);line-height:1.55;color:var(--ocean,#06345a)}
/* capitoli: numero con fregio, titolo serif */
.story-full .st-chap{border-top:1px solid rgba(6,52,90,.14)}
.story-full .st-chap-k{display:flex;align-items:center;gap:12px;color:var(--teal,#0e8fa0)}
.story-full .st-chap-k::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,currentColor,transparent);opacity:.45}
.story-full .st-chap-t{font-family:ui-serif,Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:-.01em;color:var(--ocean,#06345a)}
.story-full .st-chap-sub{font-family:ui-serif,Georgia,serif;font-style:italic}
/* citazione d'apertura in serif con virgoletta ricamata */
.story-full .st-quote{font-family:ui-serif,Georgia,'Times New Roman',serif;position:relative;border-left:3px solid var(--lagoon,#36c2c0);color:var(--ocean,#06345a)}
/* capolettera ricamato: prima lettera del primo paragrafo di ogni capitolo */
.story-full .st-chap .st-p:first-of-type::first-letter{font-family:ui-serif,Georgia,'Times New Roman',serif;float:left;font-size:3.5em;line-height:.66;font-weight:700;color:var(--deep,#0a4d8c);margin:.04em .1em -.02em 0;text-shadow:1px 1px 0 rgba(54,194,192,.35)}
.story-full .st-p{color:#2c2114}
.story-full .st-gal-h,.story-full .st-gal-sub{font-family:ui-serif,Georgia,serif}
.story-full .st-gal-sub{font-style:italic}
@media (max-width:620px){.story-full .st-chap .st-p:first-of-type::first-letter{font-size:3em}}

/* Storia · fascia numeri (impatto) */
.st-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 10px;padding:22px 0;border-top:1px solid rgba(6,52,90,.14);border-bottom:1px solid rgba(6,52,90,.14)}
.st-stat{text-align:center}
.st-stat b{display:block;font-family:ui-serif,Georgia,'Times New Roman',serif;font-size:clamp(26px,4vw,40px);line-height:1;color:var(--ocean,#06345a)}
.st-stat span{display:block;margin-top:6px;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--mut,#62738a)}
@media (max-width:560px){.st-stats{grid-template-columns:repeat(2,1fr);gap:18px}}
/* Storia · fascia stampa (autorità) */
.st-press{margin:30px 0 8px;padding:clamp(22px,4vw,38px);border-radius:16px;background:linear-gradient(135deg,var(--ocean,#06345a),var(--deep,#0a4d8c));color:#fff;text-align:center}
.st-press-k{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lagoon,#36c2c0)}
.st-press-q{font-family:ui-serif,Georgia,'Times New Roman',serif;font-size:clamp(30px,6vw,52px);line-height:1.05;margin:10px 0 6px;color:#fff}
.st-press-a{font-size:14.5px;font-weight:600;color:rgba(255,255,255,.92);margin:0}
.st-press-d{font-family:ui-serif,Georgia,serif;font-style:italic;font-size:15.5px;color:rgba(255,255,255,.8);margin:8px 0 0}
/* login del pannello: testo scritto ben leggibile (era chiaro su fondo chiaro) */
.st-lg-f input,.st-pwf .fld input{color:#f1f5f9;background:#0b1730;-webkit-text-fill-color:#f1f5f9}
.st-lg-f input::placeholder,.st-pwf .fld input::placeholder{color:#8aa0bf;-webkit-text-fill-color:#8aa0bf}

/* assistenza: una sola porta, in colonna (scelta di Giuseppe, 8 nov): colori viola/indaco da assistenza */
.as-door{--av1:#2b8fb0;--av2:#36c2c0;--avs:#eefafc;--avb:#c9eef2;display:flex;flex-direction:column;gap:18px;margin:18px 0 30px}
.as-card{border-radius:22px;padding:28px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:18px}
.as-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.as-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;flex:none}.as-ic svg{width:32px;height:32px}
.as-tx{display:flex;flex-direction:column;gap:4px;flex:1;min-width:220px}.as-tx b{font-size:24px;letter-spacing:-.01em}.as-tx span{font-size:15.5px;line-height:1.5}
.as-chat{background:linear-gradient(120deg,var(--av1),var(--av2));color:#fff}.as-chat .as-ic{background:rgba(255,255,255,.16);color:#fff}.as-chat .as-tx span{color:rgba(255,255,255,.88)}
.as-on{display:inline-block;width:9px;height:9px;border-radius:50%;background:#5ef0a6;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 3px rgba(94,240,166,.25)}
.as-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(120deg,var(--av1),var(--av2));color:#fff;border:0;border-radius:14px;padding:14px 22px;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap}.as-btn svg{width:20px;height:20px}
.as-chat .as-btn{background:#fff;color:var(--av1);align-self:flex-start}
.as-login .fld>span:first-child{color:rgba(255,255,255,.9);font-size:14.5px}.as-row{display:flex;gap:10px;margin-top:8px}.as-row input{flex:1;min-width:0;height:52px;border-radius:14px;border:0;padding:0 16px;font:inherit;font-size:16px}
.as-login .lg-msg{color:#fff;margin-top:8px}.as-login .lg-msg a{color:#fff}
.as-call{background:#fff;color:var(--ink);border:2px solid var(--avb)}.as-call .as-ic{background:var(--avs);color:var(--av1)}.as-call .as-tx span{color:var(--muted,#5b6470)}
.as-now{display:inline-flex;align-items:center;gap:10px;background:var(--avs);border:1.5px solid var(--avb);color:var(--av1);border-radius:14px;padding:10px 16px;text-decoration:none}.as-now svg{width:20px;height:20px}.as-now span{display:flex;flex-direction:column}.as-now b{font-size:15px}.as-now small{font-size:12.5px;color:#6b5fc7}
.as-f{display:flex;flex-direction:column;gap:14px}.as-g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.as-g2{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.as-call .fld>span{font-size:13.5px;color:#4a5260;font-weight:600}
.as-call input:not([type=radio]):not([type=checkbox]),.as-call select{width:100%;height:50px;border:1.5px solid #d9dde8;border-radius:12px;padding:0 14px;font:inherit;font-size:16px;background:#fff;color:var(--ink);margin-top:6px;-webkit-appearance:none;appearance:none}
.as-call select{background-image:linear-gradient(45deg,transparent 50%,#6b5fc7 50%),linear-gradient(135deg,#6b5fc7 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.as-call input:focus,.as-call select:focus{outline:none;border-color:var(--av2);box-shadow:0 0 0 4px rgba(124,77,255,.15)}
.as-fasce{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.as-chip{position:relative;cursor:pointer}.as-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.as-chip span{display:block;padding:11px 18px;border-radius:12px;border:1.5px solid #d9dde8;font-weight:600;font-size:15px;color:#3a4150;background:#fff}
.as-chip input:checked+span{background:var(--avs);border-color:var(--av2);color:var(--av1);box-shadow:inset 0 0 0 1px var(--av2)}.as-chip input:focus-visible+span{outline:3px solid rgba(124,77,255,.35)}
.as-end{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.as-consent{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#4a5260;max-width:520px}.as-consent input{width:20px;height:20px;margin-top:1px;accent-color:#6d48f0}.as-consent a{color:var(--av1);font-weight:600}
.as-msg{min-height:1em;color:#b4472b;margin:0}.as-ok{display:flex;gap:12px;align-items:flex-start;background:var(--avs);border-radius:14px;padding:16px;margin:0;color:var(--ink)}.as-ok svg{width:22px;height:22px;flex:none;color:#22a565}
.as-h2{font-size:19px;margin:8px 0 0}
@media (max-width:760px){.as-card{padding:20px;border-radius:18px}.as-tx b{font-size:21px}.as-g3,.as-g2{grid-template-columns:1fr}.as-row{flex-direction:column}.as-row .as-btn,.as-end .as-btn{justify-content:center;width:100%}.as-fasce{display:grid;grid-template-columns:1fr 1fr}.as-chip span{text-align:center}.as-now{width:100%}}
.as-msg:empty,.as-login .lg-msg:empty{display:none}
@media (max-width:760px){.as-row input{flex:none;width:100%}}

/* tasto Assistenza sempre visibile (scelta di Giuseppe, 8 nov): in alto nell'intestazione e fisso in basso a destra */
.hb-help{background:linear-gradient(120deg,#36c2c0,#2b7fd0)!important;color:#fff!important;border-color:transparent!important}.hb-help svg{width:18px;height:18px}
.helpfab{position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:20px;z-index:61;display:inline-flex;align-items:center;gap:10px;padding:11px 22px 11px 14px;border-radius:999px;background:linear-gradient(120deg,#36c2c0,#2b7fd0);color:#fff;text-decoration:none;box-shadow:0 16px 38px -10px rgba(43,127,208,.55);transition:transform .25s,opacity .25s}
.helpfab.hf-hidden{opacity:0;transform:translateX(-50%) translateY(160%);pointer-events:none}
.helpfab:hover{transform:translateX(-50%) translateY(-2px)}
/* Tablet in orizzontale (touch, largo): la barra in alto si nasconde mentre scorri e ricompare quando ti fermi o risali. Desktop con mouse non e toccato */
@media (min-width:981px) and (pointer:coarse){.brandbar{transition:transform .3s ease;will-change:transform}.brandbar.bb-hide{transform:translateY(-102%)}}
@media (prefers-reduced-motion:reduce){.brandbar{transition:none}}
/* Pop-up "Aiuto e contatti" (lo apre la linguetta laterale): chat, chiama, prenota */
.hp{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,30,51,.42);opacity:0;transition:opacity .2s}
.hp.on{opacity:1}
.hp-c{position:relative;width:100%;max-width:420px;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 80px -20px rgba(10,30,51,.5);transform:translateY(10px);transition:transform .2s}
.hp.on .hp-c{transform:none}
.hp-x{position:absolute;top:10px;right:14px;border:0;background:none;font-size:26px;line-height:1;color:var(--mut);cursor:pointer}
.hp-h{margin:2px 0 14px}.hp-h b{display:block;font-size:20px;color:var(--ink)}.hp-h span{color:var(--ink2,#556);font-size:13.5px}
.hp-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 10px;border:0;background:none;text-align:left;border-radius:14px;color:var(--ink);text-decoration:none;cursor:pointer;transition:background .15s}
.hp-row:hover{background:rgba(43,127,208,.07)}
.hp-ic{width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(120deg,#36c2c0,#2b7fd0);color:#fff;display:grid;place-items:center}.hp-ic svg{width:22px;height:22px}
.hp-tx{display:flex;flex-direction:column;min-width:0}.hp-tx b{font-size:15px}.hp-tx small{font-size:12.5px;color:var(--ink2,#556)}
.hp-on{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2fb3bf;margin-right:5px}
.hp-go{margin-left:auto;color:var(--mut);font-size:20px}
@media (prefers-reduced-motion:reduce){.hp,.hp-c{transition:none}}.helpfab>svg{width:34px;height:34px;padding:6px;border-radius:50%;background:rgba(255,255,255,.18)}
.hf-t{display:flex;flex-direction:column;line-height:1.15}.hf-t b{font-size:15px}.hf-t small{font-size:12px;opacity:.9}.hf-t i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ef0a6;margin-right:5px;vertical-align:1px}
.footpeek{right:auto;left:16px}
@media(max-width:980px){.helpfab{display:none}.footpeek{left:12px}}
/* sul telefono l'assistenza è nella barra in basso, evidenziata in viola */
.dk-help .dk-i{background:linear-gradient(120deg,#36c2c0,#2b7fd0);color:#fff;border-radius:14px}.dk-help>span:last-child{color:#0e6f93;font-weight:700}.dk-help.on .dk-i{box-shadow:0 0 0 3px rgba(43,176,191,.3)}
@media(max-width:560px){.hb-help span{display:none}.hb-help{padding:0 10px!important}}
@media print{.helpfab{display:none}}
@media (max-width:1180px) and (min-width:761px){.hb-help span{display:inline!important}}
.dk-help .dk-i{display:grid;place-items:center;width:36px;height:30px}.dk-help .dk-i svg{width:20px;height:20px}.dk-help.on{background:transparent}
/* assistenza in verde chiaro, integrato nel sito (scelta di Giuseppe, 8 nov: il viola era troppo forte) */
.as-door{--av1:#17794a;--av2:#2fae73;--avs:#ecf8f1;--avb:#c9ead7}
.as-chat{background:linear-gradient(120deg,#eaf7f0,#f4fbf7);color:var(--ink);border:2px solid var(--avb)}.as-chat .as-ic{background:#d6f0e2;color:var(--av1)}.as-chat .as-tx span{color:#3f5a4c}
.as-chat .as-btn{background:var(--av2);color:#fff}.as-btn{background:var(--av2)}.as-btn:hover{background:var(--av1)}
.as-on{background:#2fae73;box-shadow:0 0 0 3px rgba(47,174,115,.2)}
.as-now small{color:#3f7a5c}.as-chip input:checked+span{box-shadow:inset 0 0 0 1px var(--av2)}
.as-call input:focus,.as-call select:focus{box-shadow:0 0 0 4px rgba(47,174,115,.18)}
.as-call select{background-image:linear-gradient(45deg,transparent 50%,#2fae73 50%),linear-gradient(135deg,#2fae73 50%,transparent 50%)}.as-consent input{accent-color:#2fae73}
.hb-help{background:#e7f1fb!important;color:#1366b8!important;border:1px solid #cfe2f6!important}.hb-help:hover{background:#d7e8f9!important}
.helpfab{background:rgba(234,244,251,.96);color:#0a3d5c;border:1px solid #cfe6f4;box-shadow:0 12px 30px -12px rgba(23,96,160,.45);backdrop-filter:blur(8px)}
.helpfab>svg{background:linear-gradient(135deg,#36c2c0,#2b7fd0);color:#fff}.hf-t small{opacity:1;color:#3f6a85}.hf-t i{background:#2fb3bf}
.dk-help .dk-i{background:#dff3e8;color:#17794a}.dk-help>span:last-child{color:#17794a}.dk-help.on .dk-i{box-shadow:0 0 0 3px rgba(47,174,115,.3)}
.gc-who{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.gc-who input{width:100%}.gc-send{display:flex;gap:10px;align-items:flex-end}.gc-send textarea{flex:1}.gc-err{color:#b4472b;margin:6px 0 0}.gc-err:empty{display:none}.gc-form{flex-direction:column;align-items:stretch}
@media (max-width:760px){.gc-who{grid-template-columns:1fr}}
.gc-btn{background:#2b7fd0;color:#fff;border:0}.gc-btn:hover{background:#1f6fb0}
/* assistente automatico nella chat */
.msg.them.ai-m{background:#eef6fc;border:1px solid #cfe6f4}.msg.ai-m p{background:none;border:0;padding:0}.ai-m .who{color:#1f7fc0}
.bot-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.bot-chip{border:1.5px solid #c9ead7;background:#fff;color:#17794a;font:inherit;font-weight:600;font-size:14.5px;padding:10px 14px;border-radius:999px;cursor:pointer}.bot-chip:hover{background:#ecf8f1}
.bot-chip.bot-pers{background:#17794a;color:#fff;border-color:#17794a}
.bot-go{display:inline-flex;margin-top:8px;background:#2fae73;color:#fff!important;border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none;font-size:14px}
.bot-esc{margin:6px 0 12px}
@media (max-width:760px){.bot-chip{font-size:14px;padding:9px 12px}}
.bot-mic{flex:none;width:50px;height:50px;border-radius:50%;border:1.5px solid #c9ead7;background:#ecf8f1;color:#17794a;display:grid;place-items:center;cursor:pointer}.bot-mic.on{background:#e5484d;border-color:#e5484d;color:#fff;animation:micP 1.4s infinite}@keyframes micP{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,.5)}50%{box-shadow:0 0 0 8px rgba(229,72,77,0)}}.bot-rec{color:#17794a;margin:6px 0 0}.bot-rec:empty{display:none}
/* Scrivici: testo a sinistra, campo per scrivere (o parlare) a destra */
@media (min-width:900px){.as-chat{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center}}
.as-first{display:flex;flex-direction:column;gap:6px}.as-first textarea{width:100%;min-height:76px;border:1.5px solid #c9ead7;border-radius:14px;padding:12px 14px;font:inherit;font-size:16px;resize:vertical;background:#fff}
.as-first textarea:focus{outline:none;border-color:#2b7fd0;box-shadow:0 0 0 4px rgba(43,127,208,.18)}.as-first .gc-send{align-items:stretch}.as-first .as-btn{align-self:stretch;justify-content:center}
.as-open{color:#17794a;font-weight:600;text-decoration:none;align-self:flex-end}
@media (max-width:760px){.as-first .gc-send{flex-wrap:wrap}.as-first textarea{flex:1 1 100%}.as-first .as-btn{flex:1}}
/* avatar nella chat: D di DNA per assistente e staff, avatar del cliente o Ospite */
.mav{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-right:7px;vertical-align:-6px;overflow:hidden;flex:none}
.mav-d{background:#0f2740;color:#fff;font-weight:800;font-size:12px;font-family:inherit}.mav-g{background:#dfe5ec;color:#6b7686}.mav-u svg{width:22px;height:22px;display:block}
.msg.me .mav-g{background:rgba(255,255,255,.25);color:#fff}
/* Prenota una chiamata chiusa: si apre al tocco (scelta di Giuseppe, 8 nov) */
.as-fold>summary{list-style:none;cursor:pointer}.as-fold>summary::-webkit-details-marker{display:none}
.as-fold[open]>summary{margin-bottom:18px}.as-tog{pointer-events:none}.as-t2{display:none}.as-fold[open] .as-t1{display:none}.as-fold[open] .as-t2{display:inline}
.as-fold[open] .as-tog{background:#fff;color:#17794a;border:1.5px solid #c9ead7}
@media (max-width:760px){.as-tog{width:100%;justify-content:center}}
/* batteria del credito AI nel pannello */
.ai-bat{margin:6px 0 10px}.bat{position:relative;height:26px;max-width:360px;border:2px solid #9fb0c4;border-radius:8px;padding:3px;margin:6px 0 8px}.bat-cap{position:absolute;right:-8px;top:7px;width:5px;height:10px;border-radius:0 3px 3px 0;background:#9fb0c4}
.bat-in{height:100%;border-radius:4px;transition:width .4s}.bat-green .bat-in{background:#3fd08a}.bat-orange .bat-in{background:#f5a524}.bat-red .bat-in{background:#ff5c5c}.bat-red{animation:alP 1.6s ease-in-out infinite}
.bot-say{border:0;background:none;cursor:pointer;font-size:14px;margin-left:6px;padding:0 4px;line-height:1;vertical-align:1px}
.bot-prods{display:flex;gap:10px;overflow-x:auto;padding:10px 0 4px;margin-top:6px}.bot-pc{flex:0 0 132px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #c9ead7;border-radius:12px;padding:8px;text-decoration:none;color:var(--ink)}
.bot-pc img,.bot-pc>span{width:100%;height:96px;object-fit:contain;border-radius:8px;background:#f5f7f9}.bot-pc b{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bot-pc small{color:#17794a;font-weight:700}
.ele-box{margin:6px 0 10px}
/* microfono in evidenza e modalità chiamata */
.bot-talk{display:flex;justify-content:center;margin:16px 0 12px}
.bot-call-btn{display:flex;align-items:center;gap:16px;border:0;cursor:pointer;background:linear-gradient(120deg,#17794a,#2fae73);color:#fff;border-radius:999px;padding:12px 28px 12px 12px;font:inherit;text-align:left;box-shadow:0 14px 30px -12px rgba(23,121,74,.6)}
.bot-call-btn .bt-ic{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;animation:micP2 2.4s ease-in-out infinite}.bot-call-btn .bt-ic svg{width:30px;height:30px}
.bot-call-btn b{display:block;font-size:18px}.bot-call-btn small{display:block;font-size:13px;opacity:.9}
@keyframes micP2{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}50%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.bot-call{position:fixed;inset:0;z-index:200;background:linear-gradient(170deg,#0f2740,#0e5b4a);color:#fff;display:flex;align-items:center;justify-content:center;padding:24px}
.bc-in{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:440px;width:100%;text-align:center}
.bc-av{position:relative;width:130px;height:130px;border-radius:50%;background:#fff;color:#0f2740;display:grid;place-items:center;font-size:58px;font-weight:800;margin-bottom:8px}
.bc-av i{position:absolute;inset:-10px;border-radius:50%;border:3px solid rgba(94,240,166,.7);opacity:0}
.bot-call[data-st=listen] .bc-av i{opacity:1;animation:bcR 1.4s ease-out infinite}.bot-call[data-st=talk] .bc-av i{opacity:1;border-color:#fff;animation:bcR .9s ease-out infinite}.bot-call[data-st=think] .bc-av{animation:bcT 1.2s ease-in-out infinite}
@keyframes bcR{0%{transform:scale(.95);opacity:.9}100%{transform:scale(1.3);opacity:0}}@keyframes bcT{50%{opacity:.6}}
.bc-name{font-size:19px}.bc-st{font-size:17px;color:#bff2d6;margin:0}.bc-tx{min-height:3em;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.88);margin:4px 0 10px;max-height:40vh;overflow:auto}
.bc-tap{display:inline-flex;gap:8px;align-items:center;background:#2fae73;color:#fff;border:0;border-radius:999px;padding:12px 20px}.bc-tap svg{width:20px;height:20px}
.bc-end{width:72px;height:72px;border-radius:50%;border:0;background:#e5484d;color:#fff;display:grid;place-items:center;cursor:pointer;margin-top:10px;box-shadow:0 10px 26px -8px rgba(229,72,77,.7)}
.bc-note{color:rgba(255,255,255,.65);font-size:12.5px;margin-top:8px}
@media (prefers-reduced-motion:reduce){.bot-call-btn .bt-ic,.bc-av i,.bc-av{animation:none!important}}
.bc-tap[hidden]{display:none!important}
/* conversazione a voce dentro la chat */
.bot-callbar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#0f2740,#17794a);color:#fff;border-radius:20px;padding:12px 14px;margin:14px 0;box-shadow:0 14px 30px -14px rgba(15,39,64,.6)}
.cb-av{position:relative;flex:none;width:52px;height:52px;border-radius:50%;background:#fff;color:#0f2740;display:grid;place-items:center;font-weight:800;font-size:24px}.cb-av i{position:absolute;inset:-6px;border-radius:50%;border:3px solid rgba(94,240,166,.8);opacity:0}
.bot-callbar[data-st=listen] .cb-av i{opacity:1;animation:bcR 1.3s ease-out infinite}.bot-callbar[data-st=talk] .cb-av i{opacity:1;border-color:#fff;animation:bcR .9s ease-out infinite}.bot-callbar[data-st=think] .cb-av{animation:bcT 1.2s ease-in-out infinite}
@keyframes bcR{0%{transform:scale(.95);opacity:.9}100%{transform:scale(1.3);opacity:0}}@keyframes bcT{50%{opacity:.6}}
.cb-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cb-mid b{font-size:15px}.cb-st{font-size:14px;color:#bff2d6}.cb-tx{font-size:13.5px;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-tx:empty{display:none}
.cb-mic{flex:none;width:62px;height:62px;border-radius:50%;border:0;background:#2fae73;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 0 rgba(47,174,115,.6);animation:micP3 2s infinite}.cb-mic svg{width:30px;height:30px}.cb-mic:disabled{opacity:.5;animation:none}
.bot-callbar[data-st=listen] .cb-mic{background:#e5484d;animation:micP 1.2s infinite}
@keyframes micP3{0%,100%{box-shadow:0 0 0 0 rgba(94,240,166,.55)}50%{box-shadow:0 0 0 10px rgba(94,240,166,0)}}
.cb-end{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:16px;cursor:pointer}
@keyframes micP{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,.5)}50%{box-shadow:0 0 0 10px rgba(229,72,77,0)}}
@media (max-width:560px){.bot-callbar{gap:10px;padding:10px}.cb-av{width:42px;height:42px;font-size:20px}.cb-mic{width:56px;height:56px}}
/* badge laterale «Parla con noi» */
.voicetab{position:fixed;left:0;top:42%;z-index:59;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:#eaf7f0;color:#17794a;border:1px solid #c9ead7;border-left:0;border-radius:0 14px 14px 0;text-decoration:none;box-shadow:0 10px 24px -14px rgba(23,121,74,.6)}
.vt-ic{width:30px;height:30px;border-radius:50%;background:#2fae73;color:#fff;display:grid;place-items:center;animation:micP3 2.4s infinite}.vt-t{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700;font-size:13.5px;letter-spacing:.3px}
.voicetab:hover{background:#dcf2e6}
@media (max-width:760px){.voicetab{top:auto;bottom:150px;padding:9px 6px}.vt-t{font-size:12px}}
@media print{.voicetab{display:none}}
@media (prefers-reduced-motion:reduce){.vt-ic,.cb-mic{animation:none!important}}
.promo-link{margin:-6px 0 14px}.promo-link a{color:#17794a;font-weight:600}
.promo-it{border-bottom:1px solid #e3e8ee;padding:6px 0 10px;margin-bottom:10px}
.pd-gift{display:flex;flex-direction:column;gap:2px;background:#ecf8f1;border:1px solid #c9ead7;border-radius:12px;padding:10px 14px;margin:10px 0;color:#14532d;text-decoration:none;font-size:14.5px}.pd-gift span{font-size:13.5px;color:#3f5a4c}
.gift-note{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:rgba(63,208,138,.12);border:1px solid rgba(63,208,138,.45);color:#bff2d6;font-size:14px}
.adm .promo-row input:not([type=checkbox]){background:#0b1730;border:1.5px solid var(--al);color:var(--at);border-radius:10px;padding:9px 10px;font-size:14.5px;width:100%}.adm .promo-row input::placeholder{color:#7d8aa5}.adm .promo-row input:focus{border-color:#dcc48e;outline:0}
.bot-closed{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.bot-closed p{margin:0}
.bdg-gift{background:#17794a;color:#fff;font-weight:700}
.pd-gift{border:2px solid #2fae73;background:linear-gradient(120deg,#ecf8f1,#f7fcf9)}.pg-k{display:inline-block!important;align-self:flex-start;background:#17794a;color:#fff!important;font-size:12px!important;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:999px;padding:3px 10px;margin-bottom:4px}.pd-gift small{color:#3f7a5c;font-size:12px}
@media (max-width:760px){.voicetab{padding:8px 5px;border-radius:0 12px 12px 0}.voicetab .vt-t{display:none}.voicetab .vt-ic{width:34px;height:34px}}
.pc-gift{display:inline-block;align-self:flex-start;margin-top:6px;background:#ecf8f1;color:#17794a;border:1px solid #c9ead7;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}
.promo-row{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.02)}
.promo-row .pr-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.promo-row .pr-sec{display:grid;grid-template-columns:110px 1fr 1fr 1fr 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:10px;background:rgba(122,166,255,.06)}
.promo-row .pr-sec.gift{background:rgba(110,214,160,.07)}
.promo-row .pr-sec>b{font-size:13px;color:var(--at)}.promo-row .pr-sec>span{display:none}
.promo-row label.pr-n,.promo-row label.pr-end{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#9fb0cc}.promo-row label.pr-n input{width:88px}
.adm .promo-row select{background:#0b1730;border:1.5px solid var(--al);color:var(--at);border-radius:10px;padding:9px 8px;font-size:14px;width:100%}
.promo-row .pr-chk{display:flex;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.4}.promo-row .pr-chk .ok{color:#8fe0b4}.promo-row .pr-chk .warn{color:#f3c46b}
@media (max-width:900px){.promo-row .pr-sec{grid-template-columns:1fr 1fr}.promo-row .pr-sec>b{grid-column:1/-1}.promo-row .pr-top{grid-template-columns:auto 1fr}.promo-row label.pr-end{grid-column:1/-1}}
.pd-gift{display:flex;flex-direction:column;gap:4px}.pd-gift .pg-pool{margin-top:6px}.pd-gift .pg-pool>small{display:block;font-weight:700;margin-bottom:6px}
.pd-gift .pg-l{display:flex;flex-wrap:wrap;gap:6px}.pd-gift .pg-i{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d7eee1;border-radius:10px;padding:4px 8px 4px 4px;font-size:12.5px;max-width:100%}
.pd-gift .pg-i img{width:34px;height:34px;object-fit:contain;border-radius:6px;background:#f6f7f9}.pd-gift .pg-i em{display:block;font-style:normal;color:#5b6b7f;font-size:11.5px}.pd-gift a small{color:#17794a;text-decoration:underline}

.f-sex{display:flex;gap:10px;margin:10px 0 4px}.f-sex .sex-b{flex:1;max-width:200px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:16px;border:1.5px solid var(--line,#dfe5ea);background:#fff;font-weight:700;font-size:16px;color:#0a2540;text-decoration:none}
.f-sex .sex-b svg{width:30px;height:30px;fill:currentColor}.f-sex .sex-b.on{background:#0a2540;color:#fff;border-color:#0a2540}.f-sex .sex-b:hover{border-color:#0a2540}
.f-sex{margin:4px 0 12px}@media (max-width:700px){.f-sex .sex-b{max-width:none;padding:11px 12px}}
.promo-row .pr-one b{display:block;padding:9px 12px;border-radius:10px;background:#0b1730;border:1.5px solid var(--al);color:var(--at);font-size:14px;text-align:center}
.mg-p .mg-h{white-space:nowrap}
.omg-l{background:#f2fbf6;border:1px dashed #9fd8b7;border-radius:16px}.omg-l .omg-ic{display:grid;place-items:center;font-size:30px;background:#fff}.omg-l .omg-k{display:block;font-size:12px;font-weight:700;color:#17794a;text-transform:uppercase;letter-spacing:.03em}
.omg-l .omg-sel{display:flex;gap:8px;align-items:center;margin:6px 0;font-size:13px}.omg-l .omg-sel select{max-width:100%;padding:7px 9px;border-radius:10px;border:1px solid #c9ead7;background:#fff;font:inherit}.omg-l .omg-p s{color:#8a97a6;font-weight:500;margin-right:4px}.omg-r span:first-child{max-width:75%}
.omg-a{background:rgba(110,214,160,.08);border-radius:10px}.omg-tag{display:inline-block;font-style:normal;font-size:11.5px;font-weight:800;color:#0b3b24;background:#8fe0b4;border-radius:6px;padding:1px 7px;margin-right:6px}
.seo-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 14px}.seo-tabs a{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15);color:var(--at);text-decoration:none;font-size:13.5px}.seo-tabs a.on{background:#2b5cff;border-color:#2b5cff;color:#fff}.seo-tabs b{margin-left:4px}
.seo-r{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:8px 0}.seo-r small{display:block;font-size:11px;color:#9fb0cc;text-transform:uppercase;letter-spacing:.04em}.seo-r a{color:#9cc2ff;word-break:break-word}.seo-r em{display:block;font-style:normal;font-size:12px;color:#9fb0cc}
.seo-b{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:420px}.seo-b input{flex:1;min-width:180px;background:#0b1730;border:1.5px solid var(--al);color:var(--at);border-radius:10px;padding:8px}.seo-r.done{opacity:.55}
@media (max-width:900px){.seo-r{grid-template-columns:1fr}}
.bot-opts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}.bot-opts .chip{padding:9px 16px;border-radius:999px;border:1.5px solid #0e8fa0;background:#fff;color:#0a5560;font-weight:700;font-size:14px;cursor:pointer}.bot-opts .chip:hover{background:#e7f6f8}
/* 8 nov — menu reparti: il simbolo del reparto ricompare ingrandito al passaggio del mouse (o se e il reparto attivo) e l'attivo si segna con una linea nei colori del marchio invece della pastiglia scura. Solo desktop, solo i reparti (non i servizi buono-regalo/offerte/viaggi/manuale), niente tocco a tendine e mobile. */
@media (min-width:981px){
  .disc>.mg-i>.dpill.dp-ic{background:transparent!important;position:relative;overflow:visible}
  .disc>.mg-i>.dpill.dp-ic:hover{background:transparent!important}
  .disc>.mg-i>.dpill.dp-ic .dp-in>.dp-i{display:block!important;width:0;height:24px;opacity:0;transform:scale(.4);transform-origin:left center;transition:width .22s cubic-bezier(.2,.7,.3,1),opacity .2s ease,transform .22s cubic-bezier(.2,.7,.3,1)}
  .disc>.mg-i>.dpill.dp-ic:hover .dp-in>.dp-i,.disc>.mg-i>.dpill.dp-ic.on .dp-in>.dp-i{width:24px;opacity:1;transform:scale(1)}
  .disc>.mg-i>.dpill.dp-ic:hover .dp-in,.disc>.mg-i>.dpill.dp-ic.on .dp-in{gap:8px}
  .disc>.mg-i>.dpill.dp-ic.on{background:transparent!important;color:var(--ink)!important}
  .disc>.mg-i>.dpill.dp-ic.on .dp-t{-webkit-text-fill-color:#0a2540;color:#0a2540;animation:none}
  .disc>.mg-i>.dpill.dp-ic.on .dp-i{stroke:#2b7fd0}
  .disc>.mg-i>.dpill.dp-ic.on::after{content:"";position:absolute;left:11px;right:11px;bottom:1px;height:3px;border-radius:3px;background:linear-gradient(90deg,#36c2c0,#2b7fd0,#7b61ff,#ff6a3d)}
}
/* OMAGGI (9 nov): scatola regalo ben visibile, colori diversi da slider e offerte (oro caldo + nastro rosso) */
.pd-gift{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff8e6 0%,#ffefc8 100%)!important;border:2px solid #e9b44c!important;border-radius:16px!important;padding:14px 16px 12px!important;color:#4a2c06!important;box-shadow:0 6px 18px -10px rgba(185,120,20,.55)}
.pd-gift::before{content:'';position:absolute;top:0;bottom:0;right:34px;width:10px;background:#d6312b;opacity:.9}.pd-gift::after{content:'';position:absolute;left:0;right:0;top:20px;height:8px;background:#d6312b;opacity:.12}
.pd-gift>*{position:relative;z-index:1}.pd-gift .pg-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pd-gift .gift-ic{width:26px;height:26px;color:#c0262a}
.pd-gift .pg-k{background:#c0262a!important;color:#fff!important;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pd-gift .pg-left{background:#4a2c06;color:#ffe7a3;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.pd-gift>b{font-size:16.5px;color:#3a2104;margin-top:4px}.pd-gift>span{color:#5c3a0c}.pd-gift .pg-i{border-color:#f0d08a!important}.pd-gift a small{color:#8a4b00!important}
.pc-gift{display:inline-flex!important;align-items:center;gap:5px;background:linear-gradient(135deg,#fff3d1,#ffe2a1)!important;color:#7a3b00!important;border:1px solid #e9b44c!important;border-radius:999px;padding:3px 10px 3px 6px!important;font-size:12.5px;font-weight:800!important}
.pc-gift .gift-ic{width:16px;height:16px;color:#c0262a}
.pd-gift{padding-right:42px!important}.pd-gift::before{right:16px;width:8px}.pd-gift .pg-pool>small{color:#8a4b00!important}
.omg-next{display:flex;gap:10px;align-items:center;margin:10px 0;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#fff8e6,#ffefc8);border:1.5px dashed #e9b44c;color:#4a2c06;font-size:14px}.omg-next .gift-ic{width:24px;height:24px;color:#c0262a;flex:none}
.pd-tier .tier-l{margin:6px 0 4px;padding-left:18px;color:#4a2c06;font-size:14px}.pd-tier .tier-l li{margin:2px 0}
.omg-l{background:linear-gradient(135deg,#fff8e6,#ffefc8)!important;border:1.5px solid #e9b44c!important}.omg-l .omg-k{color:#c0262a!important}.omg-l .omg-sel select{border-color:#e9b44c!important}
/* 9 nov: tre livelli di regalo (niente rosso) */
.gl1{--gb1:#ecfbf7;--gb2:#c9efe5;--gbd:#5cc3b0;--ga:#0f7d6e;--gt:#0b3d36}
.gl2{--gb1:#eef3ff;--gb2:#d4e1ff;--gbd:#7da2ff;--ga:#2450d6;--gt:#13265e}
.gl3{--gb1:#fff8e6;--gb2:#ffe2a0;--gbd:#e2a93b;--ga:#a8650a;--gt:#4a2c06}
.pd-gift.gl1,.pd-gift.gl2,.pd-gift.gl3{background:linear-gradient(135deg,var(--gb1),var(--gb2))!important;border-color:var(--gbd)!important;color:var(--gt)!important}
.pd-gift.gl1::before,.pd-gift.gl2::before,.pd-gift.gl3::before{background:var(--ga)}.pd-gift.gl1::after,.pd-gift.gl2::after,.pd-gift.gl3::after{background:var(--ga)}
.pd-gift[class*=gl] .gift-ic,.pc-gift[class*=gl] .gift-ic,.omg-l[class*=gl] .gift-ic{color:var(--ga)!important}.pd-gift[class*=gl] .pg-k{background:var(--ga)!important}
.pd-gift[class*=gl]>b,.pd-gift[class*=gl]>span,.pd-gift[class*=gl] .pg-pool>small,.pd-gift[class*=gl] a small{color:var(--gt)!important}.pd-gift[class*=gl] .pg-left{background:var(--gt);color:#fff}
.pc-gift[class*=gl]{background:linear-gradient(135deg,var(--gb1),var(--gb2))!important;border-color:var(--gbd)!important;color:var(--gt)!important}
.omg-l[class*=gl]{background:linear-gradient(135deg,var(--gb1),var(--gb2))!important;border-color:var(--gbd)!important}.omg-l[class*=gl] .omg-k{color:var(--ga)!important}
.pd-tier .tier-l li[class*=gl]{list-style:none;margin:5px 0 5px -18px;padding:6px 10px;border-radius:10px;background:linear-gradient(135deg,var(--gb1),var(--gb2));border:1px solid var(--gbd);color:var(--gt)}
.omg-next .gift-ic{color:#2450d6}
/* pagina regali e card */
.pc{position:relative}.pc-ghov{display:none}
@media (hover:hover){.pc:hover .pc-ghov{display:flex;position:absolute;left:10px;right:10px;top:10px;z-index:3;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:12px;font-weight:800;font-size:13px;background:linear-gradient(135deg,var(--gb1),var(--gb2));border:1.5px solid var(--gbd);color:var(--gt);box-shadow:0 8px 20px -10px rgba(0,0,0,.35)}.pc:hover .pc-ghov .gift-ic{width:18px;height:18px;color:var(--ga)}}
.pd-gift .pg-all{align-self:flex-start;margin:8px 0 4px;background:var(--ga,#2450d6)!important;color:#fff!important;border:0;border-radius:999px;padding:9px 16px;font-weight:800;font-size:14px;text-decoration:none}
.og-h h1{display:flex;align-items:center;gap:10px}.og-h h1 .gift-ic{width:34px;height:34px;color:#2450d6}
.og-sec{margin:18px 0;padding:16px;border-radius:18px;background:linear-gradient(135deg,var(--gb1),var(--gb2));border:1.5px solid var(--gbd);color:var(--gt)}.og-sec h2{margin:0 0 4px;font-size:18px;color:var(--gt)}
.og-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:10px}
.og-c{display:flex;flex-direction:column;gap:6px;background:#fff;border:1.5px solid rgba(0,0,0,.06);border-radius:14px;padding:10px;color:#0a2540}.og-c.on{border-color:var(--ga);box-shadow:0 0 0 3px color-mix(in srgb,var(--ga) 25%,transparent)}
.og-c img,.og-c .og-ph{width:100%;aspect-ratio:1;object-fit:contain;background:#f6f7f9;border-radius:10px;display:grid;place-items:center}.og-c .og-ph .gift-ic{width:40px;height:40px;color:var(--ga)}
.og-c b{font-size:14px;line-height:1.3}.og-c small{color:#5b6b7f;font-size:12px}.og-pr s{color:#8a97a6;font-size:13px}.og-pr b{color:var(--ga)}
.og-bar{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0;padding:12px 14px;border-radius:18px;background:#fff;box-shadow:0 12px 30px -12px rgba(10,37,64,.35);border:1px solid #e6ebf0}
.og-bar img{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#f6f7f9}.og-bar>span{flex:1;min-width:140px;display:flex;flex-direction:column}.og-bar small{color:#5b6b7f}
@media (min-width:900px){.og-bar{bottom:16px}}
@media (max-width:640px){.og-h h1{font-size:26px;line-height:1.15}.og-h h1 .gift-ic{width:24px;height:24px;flex:none}.og-bar{padding:8px;gap:8px;flex-wrap:nowrap}.og-bar img,.og-bar>span{display:none}.og-bar .btn{flex:1;padding:10px 8px;font-size:14px;min-height:0;white-space:nowrap}.og-grid{grid-template-columns:repeat(2,1fr);gap:8px}.og-sec{padding:12px}}

.pd-ship{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:12px 14px;border-radius:14px;background:#f3f7fb;border:1px solid #dfe8f1;color:#0a2540}.pd-ship svg{width:22px;height:22px;flex:none;margin-top:2px}.pd-ship b{display:block;font-size:15px}.pd-ship small{color:#4b5d72;font-size:13px}
.pd-ship.ok{background:linear-gradient(135deg,var(--gb1,#e6f7f4),var(--gb2,#d9f0ff));border-color:var(--gbd,#bfe3dc)}
.pc-ship svg{width:14px;height:14px}
/* barra spedizione: testo che scorre su più righe (non colonne) */
.sb-txt{display:block}.sb-txt svg{vertical-align:-4px;margin-right:6px}

/* ordine materiale GLS */
.gm-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 12px}
.gm-row{display:grid;grid-template-columns:22px 1fr 190px;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.04);color:inherit;cursor:pointer}
.gm-row input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}
.gm-row:has(input[name=it]:checked){border-color:#3b82f6;background:rgba(59,130,246,.14)}.gm-row.off{opacity:.45;cursor:not-allowed}
.gm-n{font-size:15px}.gm-n small{display:block;opacity:.7;font-size:12px}.gm-q{padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-size:14px;width:100%;background:rgba(0,0,0,.2);color:inherit}
@media (max-width:640px){.gm-row{grid-template-columns:22px 1fr}.gm-q{grid-column:2}}

/* da controllare in magazzino */
.mc-g .ap-h .mc-n{min-width:28px;padding:2px 9px;border-radius:999px;background:#f59e0b;color:#111;font-weight:800;text-align:center}
.mc-magazzino{border-color:rgba(245,158,11,.6)!important;box-shadow:0 0 0 1px rgba(245,158,11,.35) inset}
/* accesso pannello con password */
.st-pwf [hidden]{display:none!important}.st-pwf{display:flex;flex-direction:column;gap:10px}.st-pwf .fld{display:flex;flex-direction:column;gap:4px;text-align:left}.st-pwf .fld input{width:100%}.st-pwf .btn.sm{font-size:13px}
.st-mailbtn{background:none;border:0;color:#7cb7ff;font-size:14px;text-decoration:underline;cursor:pointer;padding:4px 0;white-space:normal;text-align:center}
/* --- Omaggi 9 nov: etichetta unica "regalo", pop-up «Che cos'è?» --- */
.glx{--gb1:#fff8e6;--gb2:#ffe2a0;--gbd:#e2a93b;--ga:#a8650a;--gt:#4a2c06}
.og-c{position:relative}
.og-c .og-info{appearance:none;background:transparent;border:0;color:#8a4b00;font-size:12.5px;font-weight:700;text-decoration:underline;cursor:pointer;padding:2px 0;align-self:flex-start}
.og-c .og-info:hover{color:#5c3a0c}
.og-c .og-pr b{color:#17794a}
.gmd{position:fixed;inset:0;z-index:9500;background:rgba(6,22,38,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:5vh 16px;overflow-y:auto;animation:gmdIn .16s ease-out}
@keyframes gmdIn{from{opacity:0}to{opacity:1}}
.gmd-c{position:relative;background:#fff;border-radius:18px;max-width:380px;width:100%;padding:18px;text-align:center;box-shadow:0 20px 60px -20px rgba(0,0,0,.5);animation:gmdUp .18s ease-out}
@keyframes gmdUp{from{transform:translateY(10px);opacity:.6}to{transform:none;opacity:1}}
.gmd-c>img{width:100%;max-height:220px;object-fit:contain;background:#f6f7f9;border-radius:12px;margin-bottom:10px}
.gmd-c>.og-ph{display:grid;place-items:center;height:160px;background:#f6f7f9;border-radius:12px;margin-bottom:10px}.gmd-c>.og-ph .gift-ic{width:48px;height:48px;color:#a8650a}
.gmd-k{display:inline-flex;align-items:center;gap:6px;color:#a8650a;font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.gmd-k .gift-ic{width:18px;height:18px}
.gmd-c>b{display:block;font-size:19px;line-height:1.25;color:#0a2540;margin:6px 0}
.gmd-v{margin:4px 0;color:#3f5a4c;font-size:14px}.gmd-v s{color:#8a97a6}.gmd-v b{color:#17794a}
.gmd-sz,.gmd-d{margin:4px 0;color:#5b6b7f;font-size:13px;line-height:1.4}
.gmd-x{position:absolute;top:8px;right:10px;width:34px;height:34px;border:0;background:rgba(0,0,0,.06);border-radius:50%;font-size:22px;line-height:1;color:#334;cursor:pointer}
.gmd-c .btn{margin-top:10px}
html.gmd-open{overflow:hidden}

/* da controllare in magazzino: righe modificabili */
.mf-list{display:flex;flex-direction:column;gap:10px}.mf-row{display:flex;flex-direction:column;gap:8px}.mf-h b{display:block;font-size:15px}.mf-h small{opacity:.7}
.mf-top{display:flex;gap:12px;align-items:flex-start}.mf-top .mf-h{flex:1;min-width:0}
.mf-thumb{flex:0 0 auto;width:64px;height:64px;border-radius:10px;background:#0b1730;border:1px solid var(--hair,#23324d);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mf-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.mf-noimg{font-size:10px;line-height:1.2;text-align:center;color:#8aa0bf;opacity:.8}
.mf-is{margin:0;padding-left:18px;font-size:13px;opacity:.9}.mf-is li.hot{color:#fbbf24}
.mf-c{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.mf-c .fld{max-width:150px}.mf-done{opacity:.6}
/* Omaggio: più "effetto regalo" senza cambiare colore (9 nov) */
.pc-gift.glx{position:relative;overflow:hidden;box-shadow:0 3px 12px -3px rgba(201,138,20,.5);border-color:#dca017!important}
.pc-gift.glx>span,.pc-gift.glx .gift-ic{position:relative;z-index:1}
.pc-gift.glx::after{content:'';position:absolute;top:0;left:-65%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-18deg);animation:giftShine 4s ease-in-out infinite;z-index:0;pointer-events:none}
@keyframes giftShine{0%,68%{left:-65%}84%,100%{left:125%}}
.pd-gift.glx{box-shadow:0 8px 22px -12px rgba(185,120,20,.6)}
.pd-gift.glx .pg-k{background:linear-gradient(135deg,#c0262a,#e9741f)!important;box-shadow:0 2px 8px -2px rgba(192,38,42,.45);letter-spacing:.05em}
.pd-gift.glx .gift-ic{color:#c0262a!important}
.pc-ghov.glx{box-shadow:0 10px 24px -10px rgba(201,138,20,.55)}
@media (prefers-reduced-motion:reduce){.pc-gift.glx::after{display:none}}
/* Omaggi: scelta misura del regalo nella card (9 nov) */
.og-c .og-sz{width:100%}
.og-c .og-sz>small{display:block;font-weight:700;color:#5b6b7f;font-size:12px;margin:2px 0 5px}
.og-szl{display:flex;flex-wrap:wrap;gap:5px}
.og-szb{appearance:none;cursor:pointer;border:1.5px solid #d7dde6;background:#fff;color:#0a2540;border-radius:9px;padding:5px 9px;font-size:12.5px;font-weight:700;line-height:1}
.og-szb:hover{border-color:#a8650a}
.og-szb.on{background:#0a2540;color:#fff;border-color:#0a2540}

.om-sw{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--line,#dde3ea);border-radius:12px;padding:12px 14px;margin:6px 0 14px}.om-sw.on{background:#eef8f1}.om-sw.off{background:#f4f4f4}.om-sw small{display:block;opacity:.75;margin-top:3px;line-height:1.35}.om-sw .btn{flex:none}@media(max-width:600px){.om-sw{flex-direction:column;align-items:stretch}}
/* Chat: un solo ingresso al centro della barra, pulsa per invitare (9 nov) */
.dock .dk-help:not(.on) .dk-i{animation:dkChatPulse 2.6s ease-in-out infinite}
@keyframes dkChatPulse{0%,100%{box-shadow:0 0 0 0 rgba(124,77,255,0)}50%{box-shadow:0 0 0 6px rgba(124,77,255,.18)}}
@media (prefers-reduced-motion:reduce){.dock .dk-help:not(.on) .dk-i{animation:none}}
/* Barra mobile: piena larghezza, più bassa, tasto chat centrale in rilievo, sparisce allo scroll (9 nov) */
.dock{left:0;right:0;bottom:0;transform:none;width:auto;gap:0;padding:6px 4px calc(4px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;justify-content:space-around;overflow:visible;transition:transform .28s ease}
.dock.dock-hidden{transform:translateY(112%)}
.dock>.dk,.dock>a{flex:1 1 0;min-width:0}
.dock .dk-help .dk-i{width:48px;height:48px;border-radius:50%;background:linear-gradient(120deg,#36c2c0,#2b7fd0);color:#fff!important;display:grid;place-items:center;margin:-14px 0 2px;filter:drop-shadow(0 8px 14px rgba(43,127,208,.5))}
.dock .dk-help .dk-i svg{width:24px;height:24px;color:#fff}
.dock .dk-help>span:last-child{color:#2b7fd0;font-weight:800}
.dock .dk-help:not(.on) .dk-i{animation:dkChatPulse2 2.4s ease-in-out infinite}
@keyframes dkChatPulse2{0%,100%{box-shadow:0 0 0 0 rgba(43,127,208,0)}50%{box-shadow:0 0 0 7px rgba(43,127,208,.22)}}
@media (prefers-reduced-motion:reduce){.dock .dk-help:not(.on) .dk-i{animation:none}}

/* ── CHAT IN POP-UP RETTANGOLARE, angoli smussati + ombra (9 nov) ── */
html.cp-lock,html.cp-lock body{overflow:hidden}
.cp{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden}
@supports (height:1svh){.cp{--D:min(94vw,94svh,640px)}}
.cp-bg{position:absolute;inset:0;background:rgba(6,20,35,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s}
.cp.in .cp-bg{opacity:1}
.cp-c{position:relative;width:100%;max-width:440px;height:100%;max-height:620px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#fff 0,#f6fbfd 62%,#eef6f9 100%);box-shadow:0 30px 80px rgba(6,20,35,.45),0 4px 14px rgba(6,20,35,.22),inset 0 0 0 1px rgba(14,111,147,.14);display:flex;flex-direction:column;align-items:stretch;padding:20px 16px 16px;box-sizing:border-box;transform:scale(.96) translateY(10px);opacity:0;transition:transform .22s cubic-bezier(.2,.8,.3,1.2),opacity .22s}
.cp.in .cp-c{transform:none;opacity:1}
.cp-x{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(10,37,64,.15);background:#fff;color:#0a2540;font-size:22px;line-height:1;cursor:pointer;z-index:7;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.cp-x:focus-visible{outline:3px solid #2fb3bf;outline-offset:2px}
.cp-top{width:100%;flex:none;text-align:center}
.cp-dust{display:block;width:100%;max-width:360px;height:auto;margin:2px auto 0}
.cp-logo-f[hidden]{display:none!important}.cp-logo-f{display:block;font-weight:800;letter-spacing:.2em;color:#0b3a66}
.cp-wel{display:block;width:auto;margin:6px 0 0;font-size:clamp(16px,4.8vw,22px);font-weight:800;color:#0a2540;line-height:1.15}
.cp-wx{margin:5px auto 0;max-width:300px;font-size:clamp(11px,3.1vw,12.5px);line-height:1.3;color:#3d566c;text-align:center}.cp-ship{display:inline-block}
.cp-wx-no{opacity:.75}
.cp-arr{display:inline-block;color:#0e6f93;transform:rotate(calc(var(--d) - 90deg))}
.cp-body{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin-top:6px}
.cp-body>*{max-width:100%;min-width:0}
.cp-body .msg{max-width:100%;box-sizing:border-box}
.cp-body .msg p{overflow-wrap:anywhere;word-break:break-word}
.cp-body .ph,.cp-body .crumbs,.cp-body .box.ctx,.cp-body form .muted{display:none}
.cp-body .gc-send{display:flex;gap:6px;align-items:flex-end}.cp-body .gc-send textarea{flex:1;min-width:0}.cp-body .gc-send .gc-btn{flex:none;padding:8px 14px}
.cp-body .thread{flex:1 1 auto;min-height:60px;max-height:none;width:100%;overflow-y:auto;margin:0;padding:4px 2px;border:0;background:transparent;box-shadow:none}
.cp-body .thread .msg p{font-size:16px;line-height:1.5}
.cp-body form.reply,.cp-body .box{width:100%;flex:none;margin:6px auto 0;padding:6px;box-shadow:none;border-radius:18px}
.cp-body .gc-who{display:grid;gap:4px}
.cp-body textarea{height:46px;min-height:46px;max-height:90px;resize:none;padding:11px 12px;font-size:17px}
.cp-body .bot-talk{flex:none;display:flex;justify-content:center;margin:6px 0 0}
.cp-body .bot-call-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;box-shadow:none;cursor:pointer;color:#0a2540}
.cp-body .bot-call-btn .bt-ic{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#36c2c0,#2b7fd0);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 0 rgba(43,127,208,.5);animation:cpPulse 1.8s ease-out infinite}
.cp-body .bot-call-btn .bt-ic svg{width:26px;height:26px}
.cp-body .bot-call-btn b{font-size:12px}.cp-body .bot-call-btn small{display:none}
.cp-body .bot-callbar{width:100%;flex:none;margin:6px auto 0;border-radius:999px}
.cp-body .bot-callbar .cb-mic{background:linear-gradient(135deg,#36c2c0,#2b7fd0);color:#fff;border-radius:50%;animation:cpPulse 1.8s ease-out infinite}
.cp-note{flex:none;width:100%;margin:4px 0 0;text-align:center;color:#3d566c}
@keyframes cpPulse{0%{box-shadow:0 0 0 0 rgba(43,127,208,.5)}70%{box-shadow:0 0 0 16px rgba(43,127,208,0)}100%{box-shadow:0 0 0 0 rgba(43,127,208,0)}}
@media (prefers-reduced-motion:reduce){.cp-c,.cp-bg{transition:none}.cp-body .bot-call-btn .bt-ic,.cp-body .bot-callbar .cb-mic{animation:none}}
@media (max-width:420px){.cp-c{padding:16px 13px 13px}.cp-body .thread .msg p{font-size:13px}.cp-body form.reply,.cp-body .box{width:100%}.cp-body .bot-call-btn .bt-ic{width:48px;height:48px}}
/* mobile: nel popup la voce è il tasto grande "Parla con l'assistente"; il micro nella riga di scrittura sarebbe un doppione e allargherebbe la riga facendola sbordare. Su desktop resta */
@media (max-width:600px){.cp-body .gc-send .bot-mic{display:none}}
@supports not (width:min(1px,2px)){.cp{--D:92vw}}
/* Pop-up chat: schermo d'ingresso nero con puntino che pulsa, "accensione" al tocco (9 nov) */
.cp-intro{position:absolute;inset:0;z-index:4;background:radial-gradient(circle at 50% 50%,#0a1222 0,#05070d 72%);display:grid;place-items:center;cursor:pointer;overflow:hidden;border-radius:inherit}
.cp-intro .cp-dot{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 22px 6px rgba(190,215,255,.85);animation:cpDot 1.9s ease-in-out infinite}
@keyframes cpDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.45);opacity:.35}}
.cp-intro.lit .cp-dot{animation:cpDotOn .42s ease-out forwards}
.cp-intro.go{pointer-events:none;animation:cpFade .5s ease forwards}
@keyframes cpFade{to{opacity:0}}
@keyframes cpDotOn{0%{transform:scale(1);opacity:1}45%{transform:scale(1.8);opacity:1}100%{transform:scaleX(52) scaleY(.05);opacity:1;box-shadow:0 0 44px 12px rgba(190,215,255,.95)}}
@keyframes cpOpen{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(50% 0 50% 0);opacity:0}}
@media (prefers-reduced-motion:reduce){.cp-intro{display:none}}
/* FX kit: tela a schermo intero per la scritta che si forma dalla polvere (colori DNA) */
.fx-canvas{position:fixed;inset:0;z-index:9998;pointer-events:none}
:root{--fx-dust-1:#36c2c0;--fx-dust-2:#2b7fd0;--fx-dust-3:#7b61ff;--fx-dust-4:#ff6a3d;--fx-dust-white:#ffffff;--fx-font:-apple-system,"SF Pro Display","Helvetica Neue",Arial,sans-serif;--fx-font-weight:800}
@media (prefers-reduced-motion:reduce){.fx-canvas{display:none}}
/* Pop-up chat: "Benvenuto in" etichetta sopra, logo DNA che pulsa (no sfondo nero) — 9 nov */
.cp-top .cp-wel{font-size:14px;font-weight:700;letter-spacing:.03em;color:#3d566c;margin:0 0 4px}
.cp-top .cp-dust{transform-origin:center}
@keyframes cpLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media (prefers-reduced-motion:reduce){.cp-top .cp-dust{animation:none}}
.cp-new{position:absolute;top:10px;left:10px;max-width:calc(100% - 100px);height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(10,37,64,.15);background:#fff;color:#0a2540;font-weight:700;font-size:12px;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;z-index:7;box-shadow:0 2px 8px rgba(0,0,0,.12)}.cp-new[hidden]{display:none}.cp-new:focus-visible{outline:3px solid #2fb3bf;outline-offset:2px}
.cp-new:not([hidden])~.cp-top{padding-top:28px}
/* "Il vento adesso": su mobile box compatto, misure/previsioni/peso dietro un tastino (9 nov) */
.wv-more{display:none}
@media (max-width:980px){
  .wv-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:12px 0 2px;padding:11px 14px;border:1.5px solid currentColor;border-radius:14px;background:transparent;color:inherit;font-weight:700;font-size:14px;cursor:pointer;opacity:.95;-webkit-tap-highlight-color:transparent}
  .wv-more i{font-style:normal;transition:transform .25s}
  .wv-in:not(.open) .wv-kg,.wv-in:not(.open) .wv-cards,.wv-in:not(.open) .wv-days-wrap,.wv-in:not(.open) .wv-mod{display:none}
  .wv-in.open .wv-more i{transform:rotate(180deg)}
}
/* Tasto laterale "Scrivici" (ex viaggi): apre l'assistenza, verde discreto (9 nov) */
.vg-tab-help .vg-tab-b{background:linear-gradient(180deg,#36c2c0,#2b7fd0)}
.vg-tab-help .vg-tab-b span:before{content:"✏️ ";transform:none}
.o-ac{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:8px 0 0;padding:8px 12px;border:1px dashed rgba(14,111,147,.45);border-radius:10px;background:#f2fafc;max-width:520px}.o-ac span{font-size:13px;color:#3d566c}.o-ac b{font-size:18px;letter-spacing:.12em;color:#0a2540}.o-ac small{flex-basis:100%;font-size:12px;color:#5a6b7b}
/* FIX TAP DOPPIO (iPhone/Android): su touch il primo tocco applicava lo stato :hover e spostava il bersaglio (transform/scale/translate) → Safari annullava quel primo click, costringendo a toccare due volte. Su touch azzero SOLO le trasformazioni in hover, sugli elementi cliccabili e i loro figli; su desktop col mouse l'hover resta intatto. Non tocca colori/ombre, solo i movimenti che rubavano il tap. */
@media (hover:none){
  a:hover,a:hover *,button:hover,button:hover *,[data-act]:hover,[data-act]:hover *,[role=button]:hover,[role=button]:hover *,label:hover,
  .dk:hover,.dk:hover *,.pc:hover,.pc:hover *,.catbox:hover,.catbox:hover *,.bb:hover,.bb:hover *,.chip:hover,.sz:hover,.sb:hover,.sb:hover *,.mini:hover,.qbtn:hover,.heart:hover,
  .duo-btn:hover,.duo-card:hover,.duo-ric:hover,.ric-g:hover,.vg-c:hover,.mg-card:hover,.mg-cat:hover,.mg-a:hover,.mg-all:hover,.shot:hover,.phbox:hover,.phbox:hover *,
  .dz-g:hover,.dz-pc:hover,.dz-pc:hover *,.dz-cta:hover *,.wm-img:hover *,.vid:hover,.vid:hover *,.sib-i:hover,.bstore:hover,.ah-b1:hover,.search-big:hover,.pill.back:hover,.leo-btn:hover,.ask-go:hover,.al3-btn.p:hover,.al3-promo:hover{transform:none!important}
}
/* LOGO UFFICIALE in testata: fermo, statico, blu scuro istituzionale. Niente gradiente che scorre ne disegno all'avvio: e un'app che incassa, il marchio deve dare fiducia (serio, come Apple). Cambio colore (verso il petrolio del brand) solo al passaggio del mouse, su desktop; su mobile resta fisso blu scuro. */
.wm-live .wm-r{fill:#0a2540!important;mask:none!important;transition:fill .45s ease}
.wm-live .wm-svg path{animation:none!important;stroke-dashoffset:0!important}
@media (hover:hover){.wm-live:hover .wm-r{fill:#0e8fa0!important}}
/* REGALO sulla card: fascia FINE (poco piu alta della scritta), oro delicato, a tutta larghezza (rifilata dal bordo card). L'icona regalo e piu grande della fascia: SBORDA sopra e sotto ed e INCLINATA, per un tocco originale. La "consegna veloce" e la spedizione gratis restano pillole. */
.pc-gift.glx{display:flex!important;align-self:stretch;width:auto;justify-content:center;align-items:center;gap:9px;margin:12px -22px 6px!important;padding:3px 22px!important;border-radius:0!important;border-left:0!important;border-right:0!important;border:0!important;background:linear-gradient(90deg,#f3d589,#efca62 55%,#ecc558)!important;color:#5c3a06!important;box-shadow:none!important;font-size:13px;overflow:visible!important}
.pc-gift.glx::after{display:none!important}
.pc-gift.glx .gift-ic{width:34px!important;height:34px!important;color:#8a5e06!important;transform:rotate(-10deg)!important;margin:-11px 0;flex:none;filter:drop-shadow(0 1px 3px rgba(90,58,6,.35))}
.pc-gift.glx .gift-ic path:first-child{opacity:0}
/* fasce allineate tra le card: la riga rate deve riservare la sua altezza anche su mobile, se no la fascia balla */
@media (max-width:600px){.pgrid .pc-r3:empty{display:block!important;min-height:16px}}
/* Buy bar sticky: 'Compra ora' in evidenza (arancio conversione + luccichio) perche in blu si confondeva con la finestra scura; 'Scegli' misura che pulsa finche non si sceglie. */
.buybar .bb-buy{background:var(--cta-buy)!important;color:#fff!important;border-color:transparent!important;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(120,30,0,.22)}
.buybar .bb-buy::after{content:"";position:absolute;top:0;bottom:0;left:0;width:42%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg) translateX(-170%);animation:swipeHint 2.8s cubic-bezier(.4,0,.2,1) infinite}
.buybar .bb-buy>span{position:relative;z-index:1}
.bb-sz{animation:szPulse 2.2s ease-in-out infinite}
@keyframes szPulse{0%,100%{box-shadow:0 0 0 0 rgba(43,127,208,0)}50%{box-shadow:0 0 0 4px rgba(43,127,208,.18)}}
@media (prefers-reduced-motion:reduce){.buybar .bb-buy::after{animation:none;display:none}.bb-sz{animation:none}}
/* Card nel carosello orizzontale (.hscroll): stesso ancoraggio in basso della griglia, se no le fasce 'Omaggio incluso' ballano a seconda delle righe di taglie. */
.hscroll .pc{display:flex;flex-direction:column}
.hscroll .pc-a{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.hscroll .pc-b{display:flex!important;flex-direction:column;gap:6px;flex:1}
/* Brand che trattiamo: scorrimento elegante continuo (marquee) con bordi sfumati; in pausa al passaggio del mouse; statico a capo se animazioni ridotte. */
.brands .brands-vp{display:block;overflow:hidden;margin-top:16px;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.brands .brand-marq{display:flex;width:max-content;animation:brandScroll 60s linear infinite}
.brands:hover .brand-marq{animation-play-state:paused}
.brands .brand-track{display:flex;align-items:center;gap:0 36px;padding-right:36px;flex:none}
.brands .brand-track a{white-space:nowrap}
@keyframes brandScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.brands .brands-vp{overflow:visible;-webkit-mask:none;mask:none}.brands .brand-marq{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:10px 28px}.brands .brand-track:last-child{display:none}.brands .brand-track{flex-wrap:wrap;justify-content:center;padding-right:0}}

/* giro controllo: barra 'Trova il mio spot' sopra il tasto Assistenza centrale su desktop; segnaposto chat su una riga */
@media(min-width:981px){.vg-go{bottom:88px}}
@media(max-width:980px){.vg-go{bottom:calc(90px + env(safe-area-inset-bottom))}}
.cp-body textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* negozio aperto (il server marca la pagina): spariscono le scritte da anteprima */
html[data-pub] .f-demo-i{display:none}
/* ░░ LAB · Mosaico di Natale stile Apple (pagina di prova nascosta) ░░ */
.mz{margin:30px 0 60px}
.mz-h{margin:0 0 20px}
.mz-k{display:block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6b7480;margin-bottom:10px}
.mz-h h2{font-size:clamp(34px,5vw,64px);line-height:.96;letter-spacing:-.045em;font-weight:750;margin:0;color:#0b1218}
.mz-h p{margin:12px 0 0;color:#5a626a;font-size:14.5px;max-width:60ch}
.mz-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:0;border-radius:26px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(0,0,0,.4)}
.mz-t{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;text-decoration:none;color:#fff;isolation:isolate;transition:filter .35s}
.mz-t:hover{filter:brightness(1.08);text-decoration:none}
.mz-xl{grid-column:span 2;grid-row:span 2}
.mz-tall{grid-row:span 2}
.mz-wide{grid-column:span 2}
/* tinte piene e vivaci, stile Apple holiday */
.mz-c-caschi{background:linear-gradient(150deg,#ff7a45,#e8401c)}
.mz-c-vele{background:linear-gradient(150deg,#14909f,#0a5563)}
.mz-c-impact{background:linear-gradient(150deg,#22a7da,#1172ad)}
.mz-c-ali{background:linear-gradient(150deg,#7f67ff,#573ccf)}
.mz-c-boma{background:linear-gradient(150deg,#33506f,#172634)}
.mz-c-sacche{background:linear-gradient(150deg,#f4b13f,#d4841c)}
/* icona grande come grafica del riquadro */
.mz-ic{position:absolute;top:8%;right:6%;width:46%;max-width:150px;color:#fff;opacity:.9;z-index:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.mz-ic svg{width:100%;height:auto;display:block}
.mz-xl .mz-ic{width:40%;top:12%;right:9%}
.mz-tall .mz-ic{width:62%;top:9%;right:50%;transform:translateX(50%)}
.mz-t:hover .mz-ic{transform:scale(1.06)}
.mz-tall:hover .mz-ic{transform:translateX(50%) scale(1.06)}
.mz-float{animation:mzFloat 5s ease-in-out infinite}
@keyframes mzFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.mz-tall .mz-float{animation:mzFloatT 5s ease-in-out infinite}
@keyframes mzFloatT{0%,100%{transform:translateX(50%) translateY(0)}50%{transform:translateX(50%) translateY(-8px)}}
.mz-tx{position:relative;z-index:1}
.mz-n{display:block;font-size:20px;font-weight:750;letter-spacing:-.025em;line-height:1.08}
.mz-xl .mz-n{font-size:clamp(28px,3.2vw,38px)}
.mz-l{display:block;font-size:13.5px;opacity:.9;margin-top:3px;max-width:26ch}
.mz-go{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:13.5px;font-weight:700;color:#fff}
.mz-go i{font-style:normal;transition:transform .3s}.mz-t:hover .mz-go i{transform:translateX(4px)}
/* riquadro vento, scuro */
.mz-wind{background:linear-gradient(160deg,#102a44,#071320);justify-content:space-between;padding:18px}
.mz-wind .mz-wh{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;opacity:.85;text-transform:uppercase}
.mz-wd{display:flex;gap:10px;align-items:flex-end;flex:1;margin:10px 0}
.mz-wc{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;justify-content:flex-end}
.mz-wbar{width:70%;max-width:30px;height:calc(var(--h) * .5);min-height:8px;border-radius:6px 6px 0 0;background:linear-gradient(0deg,#2b7fd0,#36c2c0);transform-origin:bottom;animation:mzBar 3s ease-in-out infinite alternate}
.mz-wc:nth-child(2) .mz-wbar{animation-delay:.4s}.mz-wc:nth-child(3) .mz-wbar{animation-delay:.8s}
.mz-wk{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums;margin-top:4px}.mz-wk small{font-size:10px;font-weight:600;opacity:.7;margin-left:2px}
.mz-wn{font-size:11px;font-weight:600;opacity:.92}.mz-wr{font-size:9.5px;opacity:.6}
@keyframes mzBar{0%{transform:scaleY(.78)}100%{transform:scaleY(1)}}
/* riquadro Natale, verde festivo con neve */
.mz-xmas{background:radial-gradient(130% 120% at 72% 10%,#136b4e,#07301f);justify-content:flex-end;overflow:hidden}
.mz-xlogo{position:absolute;top:16px;left:20px;font-weight:800;letter-spacing:-.05em;font-size:30px;z-index:1;color:#ffe08a}
.mz-xlogo i{font-style:normal;color:#fff;margin-left:1px}
.mz-xt{font-size:19px;font-weight:750;letter-spacing:-.02em;position:relative;z-index:1}
.mz-xmas small.mz-xlt{display:block;font-size:12px;opacity:.85;margin-top:4px;max-width:30ch;position:relative;z-index:1;font-weight:400;color:#fff}
.mz-snow{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 60% 10%,#fff,transparent),radial-gradient(1.5px 1.5px at 80% 40%,#fff,transparent),radial-gradient(2px 2px at 40% 60%,#fff,transparent),radial-gradient(1.5px 1.5px at 75% 75%,#fff,transparent),radial-gradient(2px 2px at 32% 85%,#fff,transparent);opacity:.8;animation:mzSnow 7s linear infinite}
@keyframes mzSnow{0%{background-position:0 -20px,0 -40px,0 -10px,0 -60px,0 -30px,0 -50px}100%{background-position:0 240px,0 260px,0 230px,0 280px,0 250px,0 270px}}
@media(max-width:900px){.mz-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:175px}.mz-xl{grid-column:span 2;grid-row:span 2}.mz-wide{grid-column:span 2}.mz-tall{grid-row:span 2}}
@media(max-width:560px){.mz-grid{grid-template-columns:1fr 1fr;grid-auto-rows:146px;gap:0}.mz-xl{grid-column:span 2;grid-row:span 1}.mz-wide{grid-column:span 2}.mz-tall{grid-row:span 1}.mz-ic{width:50%}}
@media (prefers-reduced-motion:reduce){.mz-snow,.mz-wbar,.mz-float,.mz-tall .mz-float{animation:none}}
/* ritocchi menu 11/11: buono regalo e carrello piu' grandi */
.dpill.dp-gift .dp-i{width:23px;height:23px}
.hcart svg{width:24px!important;height:24px!important}

/* uomo/donna piu' in evidenza, simboli coi colori del sito (11/11) */
.f-sex{gap:12px;margin:6px 0 14px}
.f-sex .sex-b{padding:13px 18px;border-width:2px;font-size:16.5px;transition:transform .2s,box-shadow .2s,background .2s}
.f-sex .sex-b svg{width:34px;height:34px}
.f-sex .sex-b[href*="uomo"] svg{color:#2b7fd0}
.f-sex .sex-b[href*="donna"] svg{color:#ef5a8a}
.f-sex .sex-b:hover{transform:translateY(-1px);box-shadow:0 8px 20px -10px rgba(10,37,64,.4)}
.f-sex .sex-b.on{background:linear-gradient(120deg,#36c2c0,#2b7fd0 55%,#7b61ff);border-color:transparent;color:#fff}
.f-sex .sex-b.on svg{color:#fff}
/* scheda Buono Regalo nel mega-menu (11/11) */
.mg-gift{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:linear-gradient(120deg,#fff4ef,#eef5fb);border:1px solid #efdcd2;text-decoration:none;color:#0b1218}
.mg-gift:hover{text-decoration:none;box-shadow:0 10px 24px -14px rgba(0,0,0,.25)}
.mg-gift-ic{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#f1603a,#e8431f);color:#fff}
.mg-gift-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mg-gift-tx{display:flex;flex-direction:column;min-width:0}.mg-gift-tx b{font-size:13.5px;font-weight:700}.mg-gift-tx small{font-size:11.5px;color:#6b7480}
.mg-gift-go{margin-left:auto;color:#f1603a;font-weight:800}
.f-sex .sex-b svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* uomo/donna: solo il simbolo, colori sfumati del sito, accanto a Solo offerte (11/11) */
.f-bar-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.f-bar .f-sex{display:inline-flex;gap:10px;margin:0}
.f-bar .f-sex .sex-b{padding:4px;border:0;background:none!important;box-shadow:none;border-radius:50%;max-width:none;flex:0 0 auto;opacity:.5;transition:transform .2s,opacity .2s}
.f-bar .f-sex .sex-b span{display:none}
.f-bar .f-sex .sex-b svg{width:25px;height:25px}
.f-bar .f-sex .sex-b[href*="uomo"] svg{stroke:url(#gUomo)}
.f-bar .f-sex .sex-b[href*="donna"] svg{stroke:url(#gDonna)}
.f-bar .f-sex .sex-b:hover{opacity:1;transform:scale(1.12);box-shadow:none}
.f-bar .f-sex .sex-b.on{opacity:1;transform:scale(1.12)}

/* Area cliente: saluto caldo + fascia "che aria tira" */
.acc-hi{display:inline-flex;align-items:center;gap:6px;margin:7px 0 0;font-size:14px;line-height:1.3;color:#1366b8;text-decoration:none;font-weight:500}
.acc-hi b{font-weight:700}
.acc-hi:hover{text-decoration:underline}
.acc-mail{margin:6px 0 0;font-size:12px;color:#8a9199}
/* meteo piccolo e onesto, non una stazione meteo */
.acc-wind{display:inline-flex;align-items:center;gap:6px;margin:9px 0 2px;font-size:13px;color:#5a6672;text-decoration:none;background:#f1f5f9;border:1px solid #e3e9f0;border-radius:999px;padding:5px 12px;width:max-content;transition:background .2s,color .2s}
.acc-wind svg{width:15px;height:15px;opacity:.85}
.acc-wind:hover{background:#e7f1fb;color:#1366b8}
/* griglia azioni: quadrata e ordinata, non tasti sparsi */
.acc-act{grid-template-columns:repeat(3,1fr)}
@media(max-width:560px){.acc-act{grid-template-columns:1fr 1fr}}
.acc-act .mini-ic.ic-taglia{background:linear-gradient(158deg,#8b7bff,#5a3fd6);box-shadow:0 10px 22px -8px rgba(90,63,214,.7)}
.acc-act .mini-ic.ic-regalo{background:linear-gradient(158deg,#ff7bc2,#d6417f);box-shadow:0 10px 22px -8px rgba(214,65,127,.7)}
/* carte impostazioni: riquadri vivi e coordinati, non box bianchi spogli */
body.pg-account .minis .mini-ic{position:relative;width:48px;height:48px;border-radius:15px;color:#fff;overflow:hidden;background:linear-gradient(158deg,#1a6fc0,#06345a);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
body.pg-account .minis .mini-ic::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 -2px 3px rgba(0,0,0,.14);background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.3),transparent 55%)}
body.pg-account .minis .mini-ic svg{position:relative;color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
body.pg-account .minis .mini:hover .mini-ic{transform:scale(1.05) rotate(-2deg)}
body.pg-account .minis .mini-ic.ic-taglia{background:linear-gradient(158deg,#8b7bff,#5a3fd6);box-shadow:0 10px 22px -8px rgba(90,63,214,.7)}
body.pg-account .minis .mini-ic.ic-mail{background:linear-gradient(158deg,#2bc0c2,#0e7f8f);box-shadow:0 10px 22px -8px rgba(14,143,160,.7)}
body.pg-account .minis .mini-ic.ic-home{background:linear-gradient(158deg,#1a6fc0,#06345a);box-shadow:0 10px 22px -8px rgba(10,77,140,.7)}
body.pg-account .minis .mini-ic.ic-passkey{background:linear-gradient(158deg,#3bd0b0,#0e8f80);box-shadow:0 10px 22px -8px rgba(16,160,140,.7)}
body.pg-account .minis .mini-ic.ic-scudo{background:linear-gradient(158deg,#64748b,#334155);box-shadow:0 10px 22px -8px rgba(51,65,85,.6)}

/* Ingresso account in alto: colore e importanza — il "cuore del cliente" */
.hbtn-acc.on{background:#fff;border:1.5px solid #cfe2f6!important;color:var(--ink);font-weight:600}
.hbtn-acc.on span{color:var(--ink)}
.hbtn-acc.on:hover{background:#f4f9fe;border-color:#a9cdee!important}
.hbtn-acc .hbtn-av{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;overflow:hidden;background:#eef4fb;border:1px solid #dbe7f4;flex:0 0 auto}
.hbtn-acc .hbtn-av .av-svg{display:block;line-height:0}

/* Checkout: spunta obbligatoria termini + privacy, prima di pagare */
.co-accept{display:flex;gap:10px;align-items:flex-start;margin:4px 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fafbfc;font-size:13.5px;line-height:1.4;cursor:pointer}
.co-accept input{margin-top:2px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--blue)}
.co-accept a{color:var(--blue);text-decoration:underline}
.co-accept.bad{border-color:#d9534f;background:#fdf3f2;animation:coShake .3s}
@keyframes coShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* Omino del suggeritore taglia: indica e "misura" la parte del corpo */
.adv-ic.szfig-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(158deg,#eaf3fc,#d7e8fb);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 18px -12px rgba(19,102,184,.55);flex:0 0 auto}
.szfig-ic .szfig{width:34px;height:34px;display:block;color:var(--blue,#1366b8)}
.szfig-fig{opacity:.9}
.szfig-m{animation:szPulse 1.9s ease-in-out infinite}
@keyframes szPulse{0%,100%{opacity:.28}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.szfig-m{animation:none;opacity:.8}}

/* Carrello: "Che cos'è?" apre la finestra con foto e descrizione del regalo, senza cambiare pagina */
.omg-what{display:inline-block;margin:3px 0 0;padding:0;background:none;border:0;color:var(--blue,#1366b8);font-size:12.5px;text-decoration:underline;cursor:pointer;font-family:inherit}
.omg-what:hover{opacity:.8}

/* Viaggi: icona mappa con percorso e pallino (riapplicata) */
.dp-trip .dm-bg{fill:#e3f4f1;stroke:#9ad3cc;stroke-width:1.1}
.dp-trip .dm-fold{fill:none;stroke:#9ad3cc;stroke-width:1.1;opacity:.55}
.dp-trip .dm-route{fill:none;stroke:#1f8a80;stroke-width:1.7;stroke-linecap:round;stroke-dasharray:1.6 1.9}
.dp-trip .dm-dot{fill:#ff7a3c;stroke:#fff;stroke-width:1}
.dp-trip.on .dm-bg{fill:#12355a;stroke:#12355a}
.dp-trip.on .dm-fold{stroke:#5b7fa6}
.dp-trip.on .dm-route{stroke:#cfe0f2}

/* Icone originali del 2 novembre rimesse (Giuseppe, 12 nov): Offerte = quadratino arancione con la % che pulsa; Viaggi = mappa con l'aereo che vola */
.disc-serv .dp-pct,.dp-pct{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:linear-gradient(135deg,#ff7a4d,#e2502b);color:#fff;font-size:11px;font-weight:800;box-shadow:0 4px 10px rgba(226,80,43,.35);animation:dpPulse 3.2s ease-in-out infinite}
.dpill.hot.on .dp-pct{background:#fff;color:#e2502b}
.dp-trip .dp-map,.disc-serv .dp-in>svg.dp-map{width:34px;height:22px;flex:none}
.dp-map .dm-bg{fill:#e3f3f6;stroke:#bfe0e6;stroke-width:1}.dp-map .dm-land{fill:#bfe3d8;opacity:.9}.dp-map .dm-route{fill:none;stroke:#0e8fa0;stroke-width:1;stroke-dasharray:2 2}.dp-map .dm-pl{fill:#0a2540}.dp-map .dm-pin{fill:#ff7a4d}
.dp-trip.on .dp-map .dm-bg{fill:#12355a;stroke:#12355a}.dp-trip.on .dp-map .dm-pl{fill:#fff}
@media (prefers-reduced-motion:reduce){.dp-pct{animation:none}}

/* Uscita "tutte le marche" nel wizard ricambi (13 nov 2026) — quando si entra bloccati su un brand */
.rq-brandall{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}
.rq-brandall:hover{border-color:var(--blue,#0071e3);background:color-mix(in srgb,var(--blue,#0071e3) 5%,transparent)}
.rq-brandall-k{font-size:14px;color:var(--muted,#6e6e73)}
.rq-brandall-k b{color:var(--ink,#1d1d1f)}
.rq-brandall-go{font-size:14px;font-weight:600;color:var(--blue,#0071e3);white-space:nowrap}

/* PLANCIA account cliente — riquadro "Per te" (13 nov 2026): raggruppa le cose da fare, stile DNA */
.acc-todo{background:var(--card,#fff);border:1px solid var(--line,#e7e7ec);border-radius:18px;overflow:hidden;margin:0 0 16px;box-shadow:0 6px 24px rgba(16,30,54,.05)}
.acc-todo-h{padding:15px 18px 11px}
.acc-todo-h span{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted,#8a8a90)}
.acc-todo-h b{font-size:18px;color:var(--ink,#1d1d1f)}
.acc-todo-r{display:flex;align-items:center;gap:13px;padding:13px 18px;text-decoration:none;color:inherit;border-top:1px solid var(--line,#eee);transition:background .15s}
.acc-todo-r:hover{background:color-mix(in srgb, var(--blue,#0071e3) 5%, transparent)}
.acc-todo-ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb, var(--blue,#0071e3) 11%, transparent);color:var(--blue,#0071e3)}
.acc-todo-ic svg{width:20px;height:20px}
.acc-todo-r.tt-warn .acc-todo-ic{background:rgba(217,154,58,.14);color:#c87f17}
.acc-todo-r.tt-good .acc-todo-ic{background:rgba(16,153,127,.13);color:#0b8f74}
.acc-todo-tx{flex:1;min-width:0}
.acc-todo-tx b{display:block;font-size:15px;line-height:1.25}
.acc-todo-tx small{display:block;color:var(--muted,#8a8a90);font-size:13px;margin-top:1px}
.acc-todo-go{flex:none;color:var(--line2,#c7c7cf)}
.acc-todo-go svg{width:18px;height:18px}

/* ===== Area cliente: tasselli colorati, selettore tema, tema scuro (13 nov 2026) ===== */
/* tasselli colorati per categoria (chiaro) */
.acc-act .ic-box{background:rgba(0,113,227,.11);color:#0071e3}
.acc-act .ic-chat,.acc-act .ic-euro{background:rgba(31,157,85,.13);color:#17864a}
.acc-act .ic-regalo{background:rgba(227,52,47,.12);color:#cf2b27}
.acc-act .ic-cuore{background:rgba(224,86,155,.14);color:#d14b8f}
.acc-act .ic-taglia{background:rgba(120,126,134,.16);color:#6b7177}
.acc-act .mini:hover .mini-ic{background:currentColor;color:#fff}

/* selettore tema */
.acc-th{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border-radius:16px;padding:11px 16px;box-shadow:var(--sh,0 2px 10px rgba(16,30,54,.05));margin:0 0 12px}
.acc-th-l{font-weight:600}
.acc-th-seg{display:inline-flex;background:var(--bg);border-radius:999px;padding:3px;gap:2px}
.acc-th-b{border:0;background:none;padding:6px 14px;border-radius:999px;font:600 13px inherit;color:var(--mut);cursor:pointer;-webkit-tap-highlight-color:transparent}
.acc-th-b.on{background:var(--card);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.14)}

/* ===== TEMA SCURO col verdino DNA — solo nell'area cliente (body.acc-dark) ===== */
/* lo SCURO vale SOLO dentro l'area cliente (main.wrap): le variabili di colore restano locali, così il menu e il piè di pagina del sito NON cambiano e i testi restano leggibili */
body.acc-dark main.wrap{--bg:#0e0f12;--card:#16181d;--ink:#f3f4f6;--ink2:#d4d6da;--mut:#9aa0a8;--line:#262a31;--hair:rgba(255,255,255,.06);background:#0e0f12;color:#f3f4f6;border-radius:20px;margin-top:12px}
body.acc-dark .mini,body.acc-dark .btn-ghost,body.acc-dark .chip,body.acc-dark .box,body.acc-dark .sb,body.acc-dark .expert,body.acc-dark .qty,body.acc-dark .sz,body.acc-dark .fld input,body.acc-dark .fld select,body.acc-dark .fld textarea,body.acc-dark .coupon input,body.acc-dark .reply textarea{background:#16181d;color:var(--ink)}
body.acc-dark .pill.back{background:#16181d;color:var(--ink);box-shadow:0 0 0 1px #262a31 inset}
body.acc-dark .btn-ghost{box-shadow:0 0 0 1.5px #2a2e36 inset}
body.acc-dark .dock{background:rgba(14,15,18,.94);border-top:1px solid #23262d}
body.acc-dark .crumb.now{color:var(--ink)}
/* plancia in scuro */
body.acc-dark .acc-todo{background:#16181d;border:1px solid rgba(36,179,100,.42);box-shadow:0 10px 34px rgba(0,0,0,.5),0 0 24px rgba(36,179,100,.13)}
body.acc-dark .acc-todo-r{border-top-color:#23262d}
body.acc-dark .acc-todo-ic{background:rgba(36,179,100,.16);color:#3ad17e}
body.acc-dark .acc-todo-r.tt-warn .acc-todo-ic{background:rgba(224,162,58,.17);color:#e7b24e}
body.acc-dark .acc-todo-r.tt-good .acc-todo-ic{background:rgba(36,179,100,.18);color:#45d884}
/* tasselli colorati in scuro */
body.acc-dark .acc-act .ic-box{background:rgba(74,163,255,.16);color:#4aa3ff}
body.acc-dark .acc-act .ic-chat,body.acc-dark .acc-act .ic-euro{background:rgba(36,179,100,.16);color:#3ad17e}
body.acc-dark .acc-act .ic-regalo{background:rgba(255,99,94,.16);color:#ff7a74}
body.acc-dark .acc-act .ic-cuore{background:rgba(240,120,180,.16);color:#f48bc0}
body.acc-dark .acc-act .ic-taglia{background:rgba(150,156,164,.16);color:#aab0b8}
body.acc-dark .acc-th-seg{background:#0e0f12}
body.acc-dark .acc-todo-go,body.acc-dark .mini-d,body.acc-dark .acc-mail{color:var(--mut)}

/* ===== AREA CLIENTE · tasselli a tinta piatta per categoria — blocco autorevole (13/11/2026, Giuseppe) =====
   Sostituisce i vecchi tasselli a gradiente (venivano prima, qui vincono perché per ultimi e stessa specificità).
   Colori chiesti: Ordini blu, Aiuto e Credito verde, Buoni/Regalo rosso, Preferiti rosa, Taglia grigio. */
.acc-act .mini-ic{position:relative;width:50px;height:50px;border-radius:15px;margin-bottom:12px;display:grid;place-items:center;background:#eef1f5;color:var(--ink);box-shadow:none;overflow:hidden;transition:background .2s,color .2s,transform .2s}
.acc-act .mini-ic::before{display:none!important}
.acc-act .mini-ic svg{position:relative;width:24px;height:24px;color:currentColor;filter:none}
.acc-act .mini-ic.ic-box{--ic:#0071e3;background:rgba(0,113,227,.12);color:#0071e3}
.acc-act .mini-ic.ic-chat,.acc-act .mini-ic.ic-euro{--ic:#17864a;background:rgba(31,157,85,.14);color:#17864a}
.acc-act .mini-ic.ic-regalo{--ic:#cf2b27;background:rgba(227,52,47,.12);color:#cf2b27}
.acc-act .mini-ic.ic-cuore{--ic:#d14b8f;background:rgba(224,86,155,.15);color:#d14b8f}
.acc-act .mini-ic.ic-taglia{--ic:#6b7177;background:rgba(120,126,134,.16);color:#6b7177}
.acc-act .mini:hover .mini-ic{background:var(--ic,#0071e3);color:#fff;transform:none}
/* nello scuro: tasselli con tinta soft sul fondo scuro, icona accesa */
body.acc-dark .acc-act .mini-ic{background:#1c1f26;color:#d4d6da}
body.acc-dark .acc-act .mini-ic.ic-box{background:rgba(74,163,255,.16);color:#4aa3ff}
body.acc-dark .acc-act .mini-ic.ic-chat,body.acc-dark .acc-act .mini-ic.ic-euro{background:rgba(36,179,100,.16);color:#3ad17e}
body.acc-dark .acc-act .mini-ic.ic-regalo{background:rgba(255,99,94,.16);color:#ff7a74}
body.acc-dark .acc-act .mini-ic.ic-cuore{background:rgba(240,120,180,.16);color:#f48bc0}
body.acc-dark .acc-act .mini-ic.ic-taglia{background:rgba(150,156,164,.16);color:#aab0b8}

/* ===== AREA CLIENTE · tasti a RIGA (stile pannello, 13/11/2026 Giuseppe) — vince sui blocchi precedenti perché per ultimo ===== */
.acc-act{display:flex;flex-direction:column;gap:10px;margin:14px 0;max-width:none;grid-template-columns:none}
.acc-act .mini{display:flex;flex-direction:row;align-items:center;gap:14px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:none;min-height:0;text-align:left}
.acc-act .mini::after{display:none!important}
.acc-act .mini:hover{transform:none;box-shadow:0 2px 10px rgba(16,30,54,.06);border-color:#cfd2d8}
.acc-act .mini-ic{width:48px;height:48px;flex:none;border-radius:14px;display:grid;place-items:center;margin:0;box-shadow:none;overflow:hidden}
.acc-act .mini-ic::before{display:none!important}
.acc-act .mini-ic svg{width:26px;height:26px;filter:none;color:currentColor}
.acc-act .mini-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;align-items:flex-start}
.acc-act .mini-t{font-size:16px;font-weight:660;line-height:1.2}
.acc-act .mini-d{font-size:13px;color:var(--mut)}
.acc-act .mini-go{flex:none;color:#c2c6cd;display:grid;place-items:center}.acc-act .mini-go svg{width:20px;height:20px}
.acc-act .mini-n{position:absolute;top:10px;right:40px}
.acc-act .mini-ic.ic-box{background:rgba(31,147,214,.15);color:#1683c6}
.acc-act .mini-ic.ic-chat,.acc-act .mini-ic.ic-euro{background:rgba(31,157,85,.15);color:#15834a}
.acc-act .mini-ic.ic-regalo{background:rgba(227,52,47,.13);color:#cf2b27}
.acc-act .mini-ic.ic-cuore{background:rgba(219,78,151,.15);color:#c93f84}
.acc-act .mini-ic.ic-taglia{background:rgba(120,126,134,.16);color:#5c6166}
/* SCURO: icone luminose e accese */
body.acc-dark .acc-act .mini-ic{background:#14171d}
body.acc-dark .acc-act .mini-ic.ic-box{background:rgba(59,169,255,.20);color:#7cc4ff;box-shadow:0 0 16px rgba(59,169,255,.30)}
body.acc-dark .acc-act .mini-ic.ic-chat,body.acc-dark .acc-act .mini-ic.ic-euro{background:rgba(40,210,120,.20);color:#5cf0a0;box-shadow:0 0 16px rgba(40,210,120,.30)}
body.acc-dark .acc-act .mini-ic.ic-regalo{background:rgba(255,99,94,.20);color:#ff9a95;box-shadow:0 0 16px rgba(255,99,94,.28)}
body.acc-dark .acc-act .mini-ic.ic-cuore{background:rgba(255,120,190,.20);color:#ffa6d4;box-shadow:0 0 16px rgba(255,120,190,.28)}
body.acc-dark .acc-act .mini-ic.ic-taglia{background:rgba(170,180,190,.18);color:#cfd6de;box-shadow:0 0 14px rgba(170,180,190,.20)}
body.acc-dark .acc-act .mini-go{color:#5b616b}

/* ordine da completare: scheda con pulsante paga ben visibile */
.acc-ord-pay{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.acc-ord-pay .acc-ord-tx{flex:1;min-width:160px}
.acc-tag.tag-warn{color:#b26a00}
.acc-paybtn{flex:none;white-space:nowrap}
body.acc-dark .acc-ord-pay{border-color:rgba(36,179,100,.42)}

/* campo COUPON ben visibile in cassa (niente accordion nascosto) */
.coupon-box{margin:2px 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.coupon-lab{display:block;font-weight:600;font-size:14px;margin-bottom:8px}
.coupon-box .coupon{display:flex;gap:8px}
.coupon-box .coupon input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:var(--bg)}
body.acc-dark .coupon-box{background:#16181d}

/* ===== AREA CLIENTE · testata compatta stile app SOLO su mobile (13/11 Giuseppe) ===== */
.acc-home-h .hi-s,.acc-home-h .wi-s{display:none} /* desktop: versione lunga, invariato */
@media(max-width:560px){
  .acc-home-h{display:flex;align-items:flex-start;gap:12px;margin:2px 0 10px}
  .acc-home-h .av{width:50px!important;height:50px!important;flex:none;margin:0}
  .acc-home-h > div{flex:1;min-width:0}
  .acc-home-h .acc-tag{font-size:11px;margin:0;display:block}
  .acc-home-h h1{font-size:1.4rem;line-height:1.1;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .acc-home-h .hi-l,.acc-home-h .wi-l{display:none}
  .acc-home-h .hi-s,.acc-home-h .wi-s{display:inline}
  .acc-home-h .acc-hi,.acc-home-h .acc-wind{display:inline-flex;align-items:center;gap:5px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;color:#44484e;margin:9px 6px 0 0;vertical-align:middle;text-decoration:none}
  .acc-home-h .acc-hi svg,.acc-home-h .acc-wind svg{width:14px;height:14px}
  .acc-home-h .acc-hi b{font-weight:600}
  .acc-home-h .acc-mail{font-size:11.5px;margin:9px 0 0}
}

/* ===== PLANCIA "Per te" · righe come ALERT evidenti (stile Focus, 13/11 Giuseppe) ===== */
.acc-todo-r{position:relative}
.acc-todo-r.tt-warn{background:rgba(224,122,30,.09);box-shadow:inset 3px 0 0 #e07a1e}
.acc-todo-r.tt-warn .acc-todo-tx b{color:#b5600f}
.acc-todo-r.tt-warn .acc-todo-ic{background:rgba(224,122,30,.16);color:#c8700f}
.acc-todo-r.tt-good{background:rgba(31,157,85,.08);box-shadow:inset 3px 0 0 #1f9d55}
.acc-todo-r.tt-good .acc-todo-tx b{color:#15834a}
.acc-todo-r.tt-good .acc-todo-ic{background:rgba(31,157,85,.15);color:#15834a}
.acc-todo-r .acc-todo-go{color:inherit;opacity:.5}
.acc-todo-r.tt-warn .acc-todo-go{color:#c8700f;opacity:.9}
.acc-todo-r.tt-good .acc-todo-go{color:#15834a;opacity:.9}

/* ── Crediti: badge spedizione omaggio + editor inline (modifica credito) ── */
.cab-ship{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;color:#0a7d3c;background:rgba(10,125,60,.1);border-radius:999px;padding:2px 9px;vertical-align:middle}
.cab-edit{margin-top:8px}
.cab-edit>summary{display:inline-block;cursor:pointer;color:var(--blue,#0a66ff);font-size:13px;font-weight:600;list-style:none;user-select:none}
.cab-edit>summary::-webkit-details-marker{display:none}
.cab-edit>summary::before{content:"✎ "}
.cab-edit[open]>summary{margin-bottom:10px}
.cab-ef{display:flex;flex-direction:column;gap:10px;max-width:420px;padding:14px 16px;background:#f6f8fb;border:1px solid #e7ebf0;border-radius:14px;color:#0b1220}
.cab-ef .fld{display:flex;flex-direction:column;gap:4px}
.cab-ef .fld>span{font-size:12.5px;color:#475569;font-weight:600}
.cab-ef .fld input{padding:9px 11px;border:1px solid #c7d0da;border-radius:10px;font-size:15px;background:#fff;color:#0b1220}
.cab-ef .fld input::placeholder{color:#9aa4b2}
.cab-ef .chk{display:flex;align-items:center;gap:8px;font-size:14px;color:#0b1220;font-weight:600}
.cab-ef .ap-act{margin-top:2px}
.cab-ef .btn.sm{padding:8px 16px;font-size:14px}

/* ── Ordini pagati senza indirizzo: riga/scheda in rosso + badge "Indirizzo mancante" ── */
.tagx.s-attesa-ind{background:#dc2626;color:#fff;font-weight:700}
.otable tbody tr.o-noaddr{background:rgba(220,38,38,.14);box-shadow:inset 3px 0 0 #dc2626}
.otable tbody tr.o-noaddr:hover{background:rgba(220,38,38,.22)}
.otable tbody tr.o-noaddr td:nth-child(2) b{color:#fecaca}
.ocard.oc-noaddr{background:rgba(220,38,38,.12);border:1px solid #dc2626}
.ocard.oc-noaddr:hover{background:rgba(220,38,38,.18)}

/* ── FIX desktop account: freccia mai gigante + tutte le tessere a riga piena (come la home) ── */
.mini-go svg{width:20px;height:20px}
body.pg-account .minis,body.pg-account .minis.four,body.pg-account .minis.big2{grid-template-columns:1fr}
body.pg-account .minis .mini{flex-direction:row;align-items:center;gap:14px;padding:16px 18px;text-align:left}
body.pg-account .minis .mini .mini-ic{margin-bottom:0;flex:none}
body.pg-account .minis .mini .mini-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;align-items:flex-start}
body.pg-account .minis .mini .mini-go{flex:none;margin-left:auto;color:#c2c6cd;display:grid;place-items:center}
body.pg-account .minis .mini .mini-n{position:static;margin-left:4px}

/* Account mobile: niente avatar, così la testata sale e occupa meno */
@media (max-width:760px){ .acc-home-h .av{display:none!important} }

/* ── Pagina ordine admin: foto prodotto + popup, quantità in evidenza, check pagato piccolo ── */
.arow .ord-ph{flex:none;width:52px;height:52px;border-radius:10px;border:1px solid var(--line);background:#fff;padding:0;overflow:hidden;cursor:pointer;display:grid;place-items:center;font-size:22px}
.arow .ord-ph img{width:100%;height:100%;object-fit:cover}
.arow .ord-ph:hover{border-color:#0e8fa0}
.arow .ord-q{font-weight:800;font-size:15px;min-width:40px;text-align:right}
.pay-ok svg{width:16px;height:16px;vertical-align:-3px}
.phpop{position:fixed;inset:0;z-index:9500;background:rgba(6,22,38,.72);display:flex;align-items:center;justify-content:center;padding:5vh 16px}
.phpop-c{position:relative;max-width:420px;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.phpop-c img{width:100%;max-height:56vh;object-fit:contain;background:#f5f5f7;display:block}
.phpop-no{width:100%;height:220px;display:grid;place-items:center;font-size:72px;background:#f5f5f7}
.phpop-i{padding:14px 16px}
.phpop-i b{display:block;font-size:17px;color:#0a2540}.phpop-i small{color:#6e6e73;font-size:13px}
.phpop-qp{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.phpop-q{font-size:22px;font-weight:800;color:#0a2540}
.phpop-qp b{font-size:18px;color:#0a2540}
.phpop-x{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:22px;line-height:1;cursor:pointer}

/* === Header: paese + lingua + account in evidenza (desktop) — Giuseppe, 13 nov 2026 === */
.geo{position:relative}
.geo>summary{list-style:none;cursor:pointer;height:40px;display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-weight:700}
.geo>summary::-webkit-details-marker{display:none}
.geo>summary:hover{background:#f2f4f7}
.geo-ic svg{width:18px;height:18px;display:block}
.geo-cc{font-size:12.5px;letter-spacing:.04em}
.geo-cap{font-size:10px;font-weight:600;color:#5b6b7b;letter-spacing:.01em}
.geo-p{position:absolute;right:0;top:46px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 44px rgba(10,30,51,.16);padding:12px;width:286px;max-height:72vh;overflow:auto;z-index:60}
.geo-h{padding:2px 4px 10px}
.geo-h b{display:block;font-size:14px}
.geo-h small{display:block;color:#5b6b7b;font-size:12px;margin-top:3px;line-height:1.4}
.geo-list{display:grid;grid-template-columns:1fr 1fr;gap:3px;border-top:1px solid var(--line);padding-top:8px}
.geo-cn{display:flex;align-items:center;justify-content:space-between;gap:6px;border:0;background:none;text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:13px;color:var(--ink);width:100%}
.geo-cn:hover{background:#eef4f6}
.geo-cn.on{font-weight:700;color:var(--teal);background:#e6f5f6}
.geo-tick{font-style:normal;font-weight:700}
.geo-lang{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.geo-lang-k{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5b6b7b;padding:0 4px 6px}
.geo-lang-b{display:flex;flex-wrap:wrap;gap:4px}
.geo-lang-b button{border:1px solid var(--line);background:none;padding:6px 11px;border-radius:999px;cursor:pointer;font-size:13px;color:var(--ink)}
.geo-lang-b button:hover{background:#eef4f6}
.geo-lang-b button.on{font-weight:700;color:var(--teal);border-color:var(--teal)}
/* bottone account ben identificabile su desktop (pill accentata, sia loggato sia no) */
.hbtn.hbtn-acc{background:linear-gradient(135deg,#0a4d8c,#0e8fa0);border:0!important;box-shadow:0 6px 16px rgba(10,77,140,.22)}
.hbtn.hbtn-acc,.hbtn.hbtn-acc .hbtn-acc-t,.hbtn.hbtn-acc svg{color:#fff!important}
.hbtn.hbtn-acc .hbtn-acc-t{font-weight:700!important}
.hbtn.hbtn-acc:hover{background:linear-gradient(135deg,#0a4d8c,#0c7a90);text-decoration:none;filter:brightness(1.03)}
.hbtn.hbtn-acc.on{background:linear-gradient(135deg,#0a4d8c,#0e8fa0);border:0!important}
.hbtn.hbtn-acc.on .hbtn-acc-t{color:#fff!important}
.hbtn.hbtn-acc .hbtn-av{background:#fff;border:0}
@media (max-width:1180px){.hbtn.hbtn-acc .hbtn-acc-t{display:inline!important}}

/* Footer "Seguici" nell'account: fondo chiaro → icone scure e visibili (Giuseppe, 13 nov 2026) */
.acc-soc .f-soc a{background:#eef2f7;border:1px solid #dbe3ec;color:#0a1e33}
.acc-soc .f-soc a:hover{background:#0a4d8c;border-color:#0a4d8c;color:#fff;transform:translateY(-2px)}
.acc-soc .f-soc span{color:#5b6b7b}

/* === Account come console: griglia di tile quadrate (stile pannello Focus), chiara, mobile+desktop — Giuseppe, 14 nov 2026 === */
.acc-grid-sec{margin:20px 0 6px}
.acc-grid-h{display:block;font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#7f91ad;margin:0 2px 11px}
.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.acc-tile{--tc:#0a4d8c;position:relative;display:flex;flex-direction:column;aspect-ratio:1/.98;padding:16px;border-radius:20px;color:var(--ink);transition:transform .15s,box-shadow .15s;overflow:hidden;background:#fff;background:color-mix(in srgb,var(--tc) 9%,#fff);border:1px solid var(--line);border-color:color-mix(in srgb,var(--tc) 24%,#e3e3e8)}
.acc-tile:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(10,30,51,.12);box-shadow:0 14px 30px color-mix(in srgb,var(--tc) 28%,transparent);text-decoration:none}
.acc-tile-ic{flex:1;display:grid;place-items:center;color:var(--tc);line-height:0}
.acc-tile-ic svg{width:52px;height:52px;display:block}
.acc-tile-l b{display:block;font-size:14.5px;font-weight:700;line-height:1.2;color:var(--ink)}
.acc-tile-l small{display:block;font-size:11.5px;color:#5b6b7b;margin-top:2px;line-height:1.3}
.acc-tile-n{position:absolute;top:12px;right:12px;min-width:21px;height:21px;padding:0 6px;display:grid;place-items:center;background:var(--tc);color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1}
@media(max-width:560px){.acc-grid{grid-template-columns:repeat(2,1fr);gap:10px}.acc-tile{aspect-ratio:1/1;padding:14px;border-radius:18px}.acc-tile-ic svg{width:44px;height:44px}}
.szg-note{margin:0 2px 11px;color:#5b6b7b}

/* Avviso urgente account (pagamento / indirizzo): card luminosa che pulsa, stile alert Focus — Giuseppe, 14 nov 2026 */
.acc-alert{position:relative;display:flex;align-items:center;gap:13px;padding:15px 16px;margin:0 0 12px;border-radius:16px;text-decoration:none;color:inherit;background:linear-gradient(180deg,#fff6ea,#fffdf9);border:1.5px solid #f2ab4e;box-shadow:0 10px 26px rgba(232,140,30,.16),0 0 0 0 rgba(232,140,30,.34);animation:accPulse 2.3s ease-in-out infinite}
.acc-alert:hover{text-decoration:none;border-color:#ec9a2e;background:linear-gradient(180deg,#fff1dd,#fffdf9)}
@keyframes accPulse{0%,100%{box-shadow:0 10px 26px rgba(232,140,30,.16),0 0 0 0 rgba(232,140,30,.30)}50%{box-shadow:0 12px 30px rgba(232,140,30,.22),0 0 0 7px rgba(232,140,30,0)}}
@media(prefers-reduced-motion:reduce){.acc-alert{animation:none}}
.acc-alert-ic{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#f6a53a,#ef7d2a);color:#fff;box-shadow:0 4px 12px rgba(232,140,30,.4)}
.acc-alert-ic svg{width:21px;height:21px}
.acc-alert .acc-todo-tx b{display:block;font-size:15.5px;font-weight:700;line-height:1.2;color:#9a5a10}
.acc-alert .acc-todo-tx small{display:block;font-size:13px;color:#a9712a;margin-top:2px}
.acc-alert .acc-todo-go{flex:none;color:#ec9a2e}
.acc-alert .acc-todo-go svg{width:18px;height:18px}
/* header "Per te" più curato */
.acc-todo-h .todo-k{display:inline-flex;align-items:center;gap:7px}
.todo-dot{width:8px;height:8px;border-radius:50%;background:#0a4d8c;box-shadow:0 0 0 0 rgba(10,77,140,.5);animation:accPulse2 2s ease-in-out infinite}
@keyframes accPulse2{0%,100%{box-shadow:0 0 0 0 rgba(10,77,140,.45)}50%{box-shadow:0 0 0 5px rgba(10,77,140,0)}}
@media(prefers-reduced-motion:reduce){.todo-dot{animation:none}}

/* Footer scuro fino in fondo: copre lo spazio riservato alla barra (niente striscia bianca) — Giuseppe, 14 nov 2026 */
@media (max-width:980px){
  footer{margin-bottom:calc(-1 * (var(--dock) + 26px + env(safe-area-inset-bottom)));padding-bottom:calc(34px + var(--dock) + 26px + env(safe-area-inset-bottom))}
}
@media (max-width:620px){
  footer{margin-bottom:calc(-1 * (var(--dock) + 80px + env(safe-area-inset-bottom)));padding-bottom:calc(34px + var(--dock) + 80px + env(safe-area-inset-bottom))}
}
@media (min-width:981px){
  footer{margin-bottom:-76px;padding-bottom:calc(34px + 76px)}
}

/* Home account come mini-app: testata compatta (niente saluto/chip/briciole) — Giuseppe, 14 nov 2026 */
.acc-mini{align-items:center;gap:12px;padding-top:10px;padding-bottom:4px}
.acc-mini .acc-id{min-width:0}
.acc-mini h1{font-size:25px;line-height:1.1;margin:0}
.acc-mini .acc-mail{margin:3px 0 0;font-size:13px;color:#5b6b7b}

/* Menu "Categorie": pannello da sinistra (solo mobile) — Giuseppe, 14 nov 2026 */
.catbtn{display:none}
.cat-head{display:none}
.cat-scrim{display:none}
@media (max-width:980px){
  .catbtn{display:inline-flex;align-items:center;gap:8px;height:38px;margin-left:-6px;padding:0 14px;border:0;border-radius:999px;background:linear-gradient(180deg,#12a2b6,#0b8294);color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.06em;cursor:pointer;flex:0 0 auto;box-shadow:0 4px 12px rgba(11,130,148,.28)}
  .catbtn svg{width:18px;height:18px;stroke-width:2.4}
  .disc{position:fixed;top:0;left:0;bottom:0;width:100vw;max-width:none;height:100%;z-index:1200;display:block;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,rgba(9,24,42,.90),rgba(9,24,42,.80));backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-top:0;border-right:0;box-shadow:none;padding:0 12px 26px;transform:translateX(-102%);transition:transform .28s cubic-bezier(.2,.7,.2,1);scrollbar-width:none}
  .disc::-webkit-scrollbar{display:none}
  body.cats-open .disc{transform:translateX(0)}
  .brandbar::after{display:none}
  .brandbar{padding-bottom:0}
  @keyframes ddBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  .cat-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:linear-gradient(180deg,rgba(9,24,42,.96),rgba(9,24,42,.55));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px 2px 11px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.60);border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px;z-index:1}
  .cat-esci{display:inline-flex;align-items:center;gap:7px;border:0;background:#eef2f7;color:#0a2540;cursor:pointer;height:36px;padding:0 12px 0 14px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:0;text-transform:none}
  .cat-esci:hover{background:#e0e8f1}
  .cat-esci svg{width:17px;height:17px}
  .disc .mg-i{width:100%;height:auto!important;display:block}
  .disc .dpill{display:inline-flex;flex-direction:row;align-items:center;gap:11px;width:auto;max-width:100%;height:auto!important;padding:12px 16px 12px 13px;border-radius:14px;background:#f6f8fb;border:1px solid #e7ecf2;margin-bottom:8px;white-space:normal;justify-content:flex-start}
  .disc .dpill.on{background:#eaf1f8;border-color:#cfe0f0}
  .disc .dpill.on .dp-t{color:#0a2540!important;-webkit-text-fill-color:#0a2540!important}
  .disc .dp-in{flex-direction:row;align-items:center;gap:12px;transform:none!important}
  .disc .dp-in>:not(.dp-t){display:block}
  .disc .dp-i{width:26px;height:26px;flex:none;stroke:#0e8fa0;animation:ddBob 3.6s ease-in-out infinite;transform-origin:50% 60%}
  .disc .mg-i:nth-child(2) .dp-i{animation-delay:.25s}
  .disc .mg-i:nth-child(3) .dp-i{animation-delay:.5s}
  .disc .mg-i:nth-child(4) .dp-i{animation-delay:.75s}
  .disc .mg-i:nth-child(5) .dp-i{animation-delay:1s}
  .disc .dp-t{font-size:15px;font-weight:700;background:none!important;-webkit-text-fill-color:#0a2540!important;color:#0a2540!important;animation:none!important}
  .disc .dp-pct{font-size:20px;font-weight:800;color:#0e8fa0;background:none!important;box-shadow:none!important;width:26px;height:26px;border-radius:0;text-align:center;flex:none;animation:ddBob 3.6s ease-in-out infinite}
  .disc .dp-map{animation:ddBob 3.6s ease-in-out infinite}
  .disc .dp-map .dm-bg{fill:transparent!important;stroke:rgba(14,143,160,.45)!important}
  .disc .dp-map .dm-land{display:none}
  .disc .dp-map .dm-route{stroke:#0e8fa0!important;stroke-width:1.6!important}
  .disc .dp-map .dm-pl{fill:#0a2540!important}
  .disc .disc-serv{display:block}
  .mg-p{display:none!important}
  .cat-scrim{display:block;position:fixed;inset:0;z-index:69;background:transparent;pointer-events:none}
  body.cats-open .cat-scrim{pointer-events:auto}
}

/* Menu Categorie: fix entrata pannello, header compatto, secondo livello stile mega menu — Giuseppe, 14 nov 2026 */
@media (max-width:980px){
  body.cats-open .disc{transform:translateX(0)!important}
  .catbtn{font-size:12.5px;padding:0 11px}
  .wordmark{max-width:132px}
  .wordmark svg,.wordmark img{max-width:100%;height:auto;display:block}
  .htrova{display:none!important}
  .geo .geo-cap{display:none}
  .disc .mg-i .dpill[aria-haspopup="true"]{position:relative}
  .disc .mg-i .dpill[aria-haspopup="true"]::after{content:"";margin-left:12px;width:9px;height:9px;border-right:2px solid #8aa0b6;border-bottom:2px solid #8aa0b6;transform:rotate(45deg);transition:transform .2s;flex:none}
  .disc .mg-i.open .dpill[aria-haspopup="true"]::after{transform:rotate(-135deg)}
  .disc .mg-p{display:none!important;position:static;inset:auto;width:auto;max-width:none;background:transparent;border:0;box-shadow:none;padding:2px 0 8px}
  .disc .mg-i.open .mg-p{display:block!important}
  .disc .mg-p .mg-in{padding:0}
  .disc .mg-grid,.disc .mg-explore{display:block}
  .disc .mg-h,.disc .mg-aside,.disc .mg-big-lead,.disc .mg-lead-go{display:none}
  .disc .mg-biglist,.disc .mg-biglist-2,.disc .mg-col{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .disc .mg-grp{display:contents}
  .disc .mg-grp-k{display:none}
  .disc .mg-cat{display:flex;align-items:center;gap:8px;padding:11px 10px;border-radius:12px;background:#eef2f7;color:#0a2540;margin:0;min-height:46px}
  .disc .mg-cat:hover{background:#e3ecf5;text-decoration:none}
  .disc .mg-cat-ic{width:20px;height:20px;flex:none;display:inline-flex;align-items:center}
  .disc .mg-cat-ic svg{width:20px;height:20px;stroke:#0e8fa0}
  .disc .mg-cat-t{font-size:12.5px;font-weight:600;line-height:1.12}
}

/* Pannello Categorie: niente blur del mega su mobile, pannello sottomenu sopra lo scrim */
@media (max-width:980px){
  body.mg-on main,body.mg-on .foot{filter:none!important}
  .disc .mg-i.open .mg-p{z-index:1}
}

/* Fix Safari+Chrome: il backdrop-filter dell'header intrappola il pannello fisso. Col pannello aperto lo disattivo (l'header e' coperto) cosi' il pannello si posiziona sullo schermo */
@media (max-width:980px){
  body.cats-open .brandbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body.cats-open .helpfab,body.cats-open .wv-pop{display:none!important}
  @media (prefers-reduced-motion:reduce){.disc .dp-i,.disc .dp-pct,.disc .dp-map{animation:none!important}}
}

/* Pannello Categorie: Offerte/Viaggi/Manuale allineati a filo come le discipline (via rientro e linea divisoria) */
@media (max-width:980px){
  .disc .disc-serv{display:block;padding:0;margin:0}
  .disc .disc-serv::before{display:none!important}
}

/* Header wordmark: blu scuro, non nero */
.brandbar .wm-r{fill:#15427a}

/* Pannello Categorie mobile = anteprima "pillola morbida" approvata da Giuseppe (14 nov 2026): pillole piene, margini uguali ai due lati, niente ombra, icone a tratto uniformi */
.dpill .dp-in>.dp-m,.dpill .dp-in>.dp-tm{display:none!important}
@media (max-width:980px){
  .disc{background:rgba(10,22,40,.97);padding:0 18px 26px;-webkit-mask-image:none!important;mask-image:none!important}
  .cat-head{background:rgba(10,22,40,.97);padding:22px 0 18px;margin-bottom:0;border-bottom:0;font-size:12px;font-weight:500;letter-spacing:2px;color:#9fb0c4}
  .cat-esci{height:auto;padding:7px 14px;font-size:14px;font-weight:500;gap:6px}
  .cat-esci svg{width:15px;height:15px}
  .disc .mg-i{padding:0 8px}
  .disc .dpill,.disc .disc-serv .dpill,.disc .dpill.dp-trip{display:flex!important;width:100%!important;max-width:none;box-sizing:border-box;align-items:center;gap:14px;padding:12px 20px!important;margin:0 0 9px;border:0!important;border-radius:999px!important;background:#f4f6fa!important;box-shadow:none!important}
  .disc .dpill.on{background:#e6eef7!important}
  .disc .dp-in{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
  .disc .dp-in>.dp-i,.disc .dp-in>.dp-map,.disc .dp-in>.dp-pct,.disc .dp-in>.dp-t{display:none!important}
  .disc .dp-in>.dp-m{display:block!important;width:20px;height:20px;flex:none;fill:none;stroke:#1f8fa0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:none}
  .disc .dp-in>.dp-tm{display:block!important;font-size:16px;font-weight:500;line-height:1.35;color:#3e5470;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .disc .dpill.on .dp-in>.dp-tm{color:#0a2540}
  .disc .mg-i .dpill[aria-haspopup="true"]::after{margin-left:auto;width:8px;height:8px;border-right:1.8px solid #7d93ad;border-bottom:1.8px solid #7d93ad;transform:translateY(-2px) rotate(45deg)}
  .disc .mg-i.open .dpill[aria-haspopup="true"]::after{transform:translateY(2px) rotate(-135deg)}
  .disc .mg-p{padding:0 0 9px}
  body.cats-open .vg-tab{display:none!important}
}

/* Pannello Categorie (versione piena): brand dedicati + Viaggi/Manuale alleggeriti */
@media (max-width:980px){
  .disc .disc-brands-k{display:block;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#9fb0c4;margin:12px 8px 8px;padding:0}
  .disc .dp-brand .dp-brlogo{display:inline-flex;align-items:center;flex:none}
  .disc .dp-brand .dp-brlogo img{height:18px;width:auto;max-width:94px;object-fit:contain;display:block}
  .disc .disc-serv .dp-trip,.disc .disc-serv .dp-man{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.16)!important}
  .disc .disc-serv .dp-trip .dp-tm,.disc .disc-serv .dp-man .dp-tm{color:rgba(255,255,255,.66)!important}
  .disc .disc-serv .dp-trip .dp-m,.disc .disc-serv .dp-man .dp-m{stroke:rgba(255,255,255,.58)!important}
}