/* Naomi Filippi · parti comuni a tutte le pagine pubbliche:
   intestazione, mega-menu, menu a schermo intero, piè di pagina, WhatsApp,
   transizioni tra pagine e animazioni allo scroll. */

:root{
  --dur-micro:120ms;--dur-stato:240ms;--dur-entra:400ms;--dur-pagina:450ms;
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-molla:cubic-bezier(.34,1.56,.64,1);
}

/* ================= transizioni tra pagine (View Transitions) ================= */
@view-transition{navigation:auto}
.top{view-transition-name:testata}
.wa-fab{view-transition-name:whatsapp}
::view-transition-old(testata),::view-transition-new(testata),
::view-transition-old(whatsapp),::view-transition-new(whatsapp){animation:none;mix-blend-mode:normal}
::view-transition-group(nav-ind){animation-duration:var(--dur-pagina);animation-timing-function:var(--ease-out)}
::view-transition-group(logo){animation-duration:var(--dur-pagina);animation-timing-function:var(--ease-out)}
::view-transition-old(root){animation:vt-esce 200ms var(--ease-in) both}
::view-transition-new(root){animation:vt-entra var(--dur-pagina) var(--ease-out) both}
html:active-view-transition-type(avanti)::view-transition-old(root){animation-name:vt-esce-sx}
html:active-view-transition-type(avanti)::view-transition-new(root){animation-name:vt-entra-dx}
html:active-view-transition-type(indietro)::view-transition-old(root){animation-name:vt-esce-dx}
html:active-view-transition-type(indietro)::view-transition-new(root){animation-name:vt-entra-sx}
@keyframes vt-esce{to{opacity:0;transform:translateY(-8px)}}
@keyframes vt-entra{from{opacity:0;transform:translateY(22px)}}
@keyframes vt-esce-sx{to{opacity:0;transform:translateX(-28px)}}
@keyframes vt-entra-dx{from{opacity:0;transform:translateX(44px)}}
@keyframes vt-esce-dx{to{opacity:0;transform:translateX(28px)}}
@keyframes vt-entra-sx{from{opacity:0;transform:translateX(-44px)}}

/* ================= intestazione ================= */
.top{position:sticky;top:0;z-index:50;color:var(--testo);background:rgba(20,6,15,.78);
  backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);
  border-bottom:1px solid rgba(243,234,240,.12);padding-top:env(safe-area-inset-top,0px);
  transition:background-color var(--dur-stato),box-shadow var(--dur-stato)}
.top .wrap{position:relative;display:flex;align-items:center;gap:18px;min-height:var(--header-h);transition:min-height var(--dur-stato) var(--ease-out)}
.top.compatto{background:rgba(20,6,15,.94);box-shadow:0 12px 34px -22px rgba(0,0,0,.9)}
.top.compatto .wrap{min-height:58px}
.top .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-height:44px;flex:none;view-transition-name:logo}
.top .logo svg{width:44px;height:37px;flex:none;overflow:visible;transition:transform var(--dur-stato) var(--ease-out)}
.top.compatto .logo svg{transform:scale(.9)}
.top .logo b{display:block;font-family:var(--f-display);font-style:italic;font-weight:500;font-size:1.4rem;line-height:1;white-space:nowrap;letter-spacing:.01em}
.top .logo small{display:block;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--testo-2);margin-top:6px;white-space:nowrap}

/* barra di lettura sotto l'intestazione */
@supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
    .top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;transform-origin:0 50%;transform:scaleX(0);
      background:linear-gradient(90deg,var(--teal-chiaro),var(--lume-chiaro),var(--lume));
      animation:lettura linear both;animation-timeline:scroll(root)}
    @keyframes lettura{to{transform:scaleX(1)}}
  }
}

/* logo cometa: la coda si disegna solo alla prima pagina della visita */
.cometa .c1{stroke-dasharray:100;animation:disegna 1.4s cubic-bezier(.3,.7,.2,1) both}
.cometa .c2,.cometa .c3{stroke-dasharray:6 9;animation:scia 2.4s linear infinite;opacity:.7}
.cometa .c3{animation-duration:3.1s;opacity:.5}
.cometa .alone{transform-origin:36px 10px;animation:respira 2.6s ease-in-out infinite}
.cometa .stella{transform-origin:36px 10px;animation:brilla 6s linear infinite}
.logo:hover .cometa .stella{animation-duration:1.6s}
.gia-visto .cometa .c1{animation:none}
@keyframes disegna{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes scia{to{stroke-dashoffset:-30}}
@keyframes respira{0%,100%{transform:scale(.85);opacity:.75}50%{transform:scale(1.15);opacity:1}}
@keyframes brilla{to{transform:rotate(360deg)}}

/* navigazione su schermi larghi */
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav > a,.nav .voce > a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;color:var(--testo-2);text-decoration:none;font-size:.95rem;border-radius:999px;transition:color var(--dur-stato)}
.nav a:hover,.nav a[aria-current]{color:#fff}
.nav .ind{position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--teal-chiaro),var(--lume-chiaro));box-shadow:0 0 12px rgba(242,154,198,.7);view-transition-name:nav-ind;pointer-events:none}
.nav .pillola{position:absolute;left:0;top:50%;height:40px;margin-top:-20px;width:0;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);opacity:0;z-index:0;pointer-events:none;
  transition:transform .38s var(--ease-out),width .38s var(--ease-out),opacity .25s}
.nav .pillola.on{opacity:1}
.nav .voce{position:static}
.voce > a .freccia{width:10px;height:10px;transition:transform var(--dur-stato) var(--ease-out)}

/* mega-menu Servizi */
.mega{position:absolute;left:0;right:0;top:100%;padding:8px max(var(--gutter),env(safe-area-inset-left,0px)) 0;
  visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;
  transition:opacity .2s ease .12s,transform .3s var(--ease-out) .12s,visibility 0s linear .45s}
.voce:hover .mega,.voce:focus-within .mega{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
.voce:hover > a .freccia,.voce:focus-within > a .freccia{transform:rotate(180deg)}
.voce.chiusa .mega{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.mega-in{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:12px;padding:12px;border-radius:22px;
  background:linear-gradient(160deg,#2B0D24,#14060F);border:1px solid rgba(243,234,240,.14);
  box-shadow:0 50px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.2)}
.mega-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.mega-lista a{position:relative;display:grid;gap:6px;align-content:start;padding:16px 16px 18px;border-radius:14px;text-decoration:none;color:var(--testo);overflow:hidden;min-height:100%;
  transition:background-color var(--dur-stato)}
.mega-lista a:hover,.mega-lista a:focus-visible{background:rgba(255,255,255,.05)}
.mega-lista a[aria-current]{background:rgba(214,51,132,.12)}
.mega-lista .n{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-chiaro)}
.mega-lista b{font-family:var(--f-display);font-weight:500;font-size:1.22rem;line-height:1.15;display:flex;align-items:center;gap:8px}
.mega-lista b::after{content:"→";font-family:var(--f-body);font-size:.9rem;color:var(--lume-chiaro);opacity:0;transform:translateX(-6px);transition:all var(--dur-stato) var(--ease-out)}
.mega-lista a:hover b::after,.mega-lista a:focus-visible b::after{opacity:1;transform:none}
.mega-lista small{font-size:.84rem;color:var(--testo-2);line-height:1.4}
.mega-lista .firma .n{color:var(--lume-chiaro)}
.voce:hover .mega-lista li,.voce:focus-within .mega-lista li{animation:mega-voce .45s var(--ease-out) both;animation-delay:calc(var(--i) * 35ms)}
@keyframes mega-voce{from{opacity:0;transform:translateY(8px)}}
.mega-lato{display:grid;gap:10px;align-content:start;padding:20px;border-radius:16px;
  background:radial-gradient(260px 180px at 100% 0%,rgba(214,51,132,.35),transparent 70%),radial-gradient(260px 200px at 0% 100%,rgba(21,122,126,.45),transparent 70%),rgba(255,255,255,.03);border:1px solid var(--linea)}
.mega-lato .eyebrow{color:var(--lume-chiaro)}
.mega-lato b{font-family:var(--f-display);font-weight:500;font-style:italic;font-size:1.35rem;line-height:1.2}
.mega-lato p{color:var(--testo-2);font-size:.9rem}
.mega-lato .link{color:var(--lume-chiaro);text-decoration:none;font-weight:600;font-size:.92rem;min-height:40px;display:inline-flex;align-items:center}
.mega-lato .link:hover{color:#fff}

/* azioni a destra */
.top .azioni{display:flex;align-items:center;gap:10px;flex:none}
.top .btn{display:inline-block;height:44px;line-height:44px;padding:0 1.15em;font:600 .92rem/44px var(--f-body);white-space:nowrap;border-radius:999px}
.btn-accedi{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 16px;border-radius:999px;border:1px solid var(--linea);color:var(--testo);text-decoration:none;font:600 .92rem var(--f-body);white-space:nowrap;background:rgba(255,255,255,.02);transition:border-color var(--dur-stato),color var(--dur-stato),background-color var(--dur-stato)}
.btn-accedi:hover{border-color:var(--lume-chiaro);color:#fff;background:rgba(255,255,255,.06)}
.btn-accedi svg{width:20px;height:20px;flex:none}
.btn-accedi.dentro .punto{width:8px;height:8px;border-radius:50%;background:#3BD18A;box-shadow:0 0 0 3px rgba(59,209,138,.2)}
.menu-btn{display:none;align-items:center;justify-content:center;gap:10px;background:none;border:1px solid var(--linea);color:var(--testo);border-radius:999px;min-height:44px;min-width:44px;padding:0 14px;cursor:pointer;font:600 .9rem var(--f-body)}
.menu-btn:hover{border-color:var(--lume-chiaro)}
.menu-btn .linee{position:relative;width:18px;height:12px;flex:none}
.menu-btn .linee i{position:absolute;left:0;right:0;height:1.8px;border-radius:2px;background:currentColor;transition:transform .4s var(--ease-out),opacity .2s}
.menu-btn .linee i:nth-child(1){top:0}.menu-btn .linee i:nth-child(2){top:5px}.menu-btn .linee i:nth-child(3){top:10px}
.menu-btn[aria-expanded="true"] .linee i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .linee i:nth-child(2){opacity:0;transform:scaleX(.2)}
.menu-btn[aria-expanded="true"] .linee i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

@media (max-width:1280px){.top .btn .lungo{display:none}.nav > a,.nav .voce > a{padding:0 10px}}
@media (max-width:1180px){
  .top .nav{display:none}
  .top .azioni{margin-left:auto}
  .menu-btn{display:inline-flex}
}
@media (max-width:480px){
  .top .wrap{gap:10px}
  .top .logo small{display:none}
  .top .logo b{font-size:1.25rem}
  .top .azioni .btn-lume{display:none}
  .btn-accedi span,.menu-btn .menu-testo{display:none}
  .btn-accedi,.menu-btn{padding:0;width:44px}
  .btn-accedi.dentro .punto{position:absolute;margin:-22px -22px 0 0}
  .btn-accedi{position:relative}
}

/* ================= menu a schermo intero (telefono e tablet) ================= */
html.menu-aperto{overflow:hidden}
.menu-mobile{position:fixed;inset:0;z-index:45;overflow-y:auto;overscroll-behavior:contain;color:var(--testo);
  padding:calc(var(--header-h) + env(safe-area-inset-top,0px) + 18px) max(var(--gutter),env(safe-area-inset-left,0px)) max(28px,env(safe-area-inset-bottom,0px));
  background:radial-gradient(520px 420px at 100% 0%,rgba(214,51,132,.3),transparent 65%),radial-gradient(560px 480px at 0% 100%,rgba(21,122,126,.45),transparent 65%),var(--notte);
  clip-path:circle(0 at var(--mx,92%) var(--my,32px));transition:clip-path .6s var(--ease-out)}
.menu-mobile.aperto{clip-path:circle(150% at var(--mx,92%) var(--my,32px))}
.menu-mobile nav{max-width:720px}
.mm-lista{list-style:none;margin:0;padding:0;display:grid}
.mm-lista > li{border-bottom:1px solid var(--linea);opacity:0;transform:translateY(18px);transition:opacity .4s var(--ease-out),transform .5s var(--ease-out);transition-delay:calc(90ms + var(--i) * 45ms)}
.menu-mobile.aperto .mm-lista > li{opacity:1;transform:none}
.mm-lista > li > a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:58px;padding:10px 0;text-decoration:none;color:var(--testo);font-family:var(--f-display);font-size:clamp(1.9rem,7.4vw,2.7rem);line-height:1.1}
.mm-lista > li > a small{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;color:var(--testo-2)}
.mm-lista > li > a[aria-current]{color:var(--lume-chiaro);font-style:italic}
.mm-sub{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.mm-sub a{display:grid;gap:2px;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--linea);background:rgba(255,255,255,.03);color:var(--testo);text-decoration:none;font-size:.95rem;font-weight:600;line-height:1.25}
.mm-sub a small{font-family:var(--f-mono);font-weight:400;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-chiaro)}
.mm-sub a[aria-current]{border-color:var(--lume-chiaro)}
.mm-azioni{display:grid;gap:10px;margin-top:24px;max-width:720px;opacity:0;transform:translateY(18px);transition:opacity .4s var(--ease-out) .42s,transform .5s var(--ease-out) .42s}
.menu-mobile.aperto .mm-azioni{opacity:1;transform:none}
.mm-azioni .btn{width:100%;min-height:52px}
.mm-azioni .btn-accedi{min-height:52px}
.mm-nota{margin-top:18px;font-size:.85rem;color:var(--testo-2)}
@media (min-width:640px){.mm-azioni{grid-template-columns:1fr 1fr}.mm-azioni .btn-accedi{grid-column:1/-1}.mm-sub{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ================= pulsanti comuni ================= */
.btn-wa{background:#1F8F55;color:#fff}
.btn-wa:hover{background:#18744A}
.btn-lume{position:relative;overflow:hidden}
.btn-lume::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease-out);pointer-events:none}
.btn-lume:hover::after{transform:translateX(120%)}

/* ================= apertura delle pagine interne ================= */
.hero-pag{position:relative;overflow:hidden;color:var(--testo);
  background:radial-gradient(800px 420px at 88% 0%,rgba(214,51,132,.25),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(21,122,126,.35),transparent 60%),linear-gradient(160deg,var(--prugna),var(--notte) 70%)}
.hero-pag .wrap{position:relative;padding-block:clamp(56px,9vw,120px) clamp(48px,7vw,96px);display:grid;gap:22px}
.hero-pag h1{font-family:var(--f-display);font-size:clamp(2.4rem,6vw,5rem);font-weight:400;line-height:1.04;letter-spacing:-.015em;max-width:18ch;margin:0}
.hero-pag h1 em{color:var(--lume-chiaro)}
.hero-pag .lead{color:var(--testo-2);font-size:clamp(1.05rem,1.5vw,1.22rem);max-width:60ch}
.hero-pag .eyebrow{color:var(--lume-chiaro)}
.hero-pag .azioni{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero-pag .btn-ghost,.cta-fine .btn-ghost{border-color:var(--linea);color:var(--testo);background:rgba(255,255,255,.03)}
.hero-pag .btn-ghost:hover,.cta-fine .btn-ghost:hover{border-color:var(--teal-chiaro);color:#fff}
.hero-pag .scia{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-pag .scia i{position:absolute;right:-10%;top:12%;width:46%;height:2px;border-radius:2px;transform:rotate(-24deg);transform-origin:right center;
  background:linear-gradient(90deg,rgba(111,195,195,0),rgba(111,195,195,.45) 60%,rgba(242,154,198,.95));filter:drop-shadow(0 0 6px rgba(242,154,198,.7));
  animation:scia-pag 1.6s var(--ease-out) .25s both}
.hero-pag .scia i::after{content:"";position:absolute;right:-12px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:radial-gradient(circle,#fff0f8 0 18%,rgba(242,154,198,.7) 40%,rgba(214,51,132,0) 70%)}
@keyframes scia-pag{from{clip-path:inset(0 0 0 100%);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
.briciole{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;color:var(--testo-2);margin:0}
.briciole a{color:var(--testo-2);text-decoration:none}
.briciole a:hover{color:#fff;text-decoration:underline}
/* titolo che sale parola per parola */
.hero-pag h1 .w{display:inline-block;animation:parola .9s var(--ease-out) both;animation-delay:calc(120ms + var(--i) * 55ms)}
@keyframes parola{from{opacity:0;transform:translateY(.45em);filter:blur(6px)}}
.hero-pag .briciole,.hero-pag .eyebrow,.hero-pag .lead,.hero-pag .azioni,.hero-pag .extra{animation:sali .8s var(--ease-out) both}
.hero-pag .eyebrow{animation-delay:.06s}.hero-pag .lead{animation-delay:.32s}.hero-pag .azioni{animation-delay:.44s}.hero-pag .extra{animation-delay:.52s}
@keyframes sali{from{opacity:0;transform:translateY(16px)}}

.cta-fine{background:radial-gradient(600px 380px at 15% 20%,rgba(21,122,126,.45),transparent 65%),radial-gradient(600px 380px at 90% 90%,rgba(214,51,132,.35),transparent 65%),var(--prugna);color:var(--testo)}
.cta-fine .wrap{padding-block:clamp(56px,8vw,100px);display:grid;gap:18px;justify-items:start}
.cta-fine h2{font-family:var(--f-display);font-weight:500;font-size:clamp(2rem,4vw,3.2rem);font-style:italic;margin:0}
.cta-fine .lead{color:var(--testo-2)}
.cta-fine .azioni{display:flex;flex-wrap:wrap;gap:12px}

/* link "scopri di più" in fondo alle sezioni della home */
.altro{display:inline-flex;align-items:center;gap:.5em;min-height:44px;font-weight:600;text-decoration:none;color:var(--lume-chiaro)}
.chiaro .altro{color:var(--magenta)}
.altro span{transition:transform var(--dur-stato) var(--ease-out)}
.altro:hover span{transform:translateX(4px)}

/* ================= luce che segue il puntatore sulle schede scure ================= */
.srv::before,.mega-lista a::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(242,154,198,.13),transparent 45%)}
.srv:hover::before,.mega-lista a:hover::before{opacity:1}

/* ================= comparsa allo scroll (senza JavaScript) ================= */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .sez-head,.grid-servizi .srv,.bundle,.griglia > *,.passi li,.lista-tappe > li,.carta,.in-evidenza > *,.chi .percorso li,.cred span,
    .faq details,.listino,.punteggio,.valori > *,.muro .rec,.calc,.fase-panel,.timeline li,.cta-fine .wrap > *{
      animation:rivela linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
    @keyframes rivela{from{opacity:0;transform:translateY(30px)}}
  }
}

/* ================= piè di pagina ================= */
.piede{background:var(--notte);color:var(--testo-2);font-size:.88rem;border-top:1px solid var(--linea)}
.piede .wrap{padding-block:48px max(34px,env(safe-area-inset-bottom,0px));display:grid;gap:28px;grid-template-columns:1.4fr repeat(3,1fr)}
.piede h4{margin:0 0 10px;font-family:var(--f-mono);font-weight:400;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lume-chiaro)}
.piede ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.piede a{color:var(--testo-2);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.piede a:hover{color:#fff;text-decoration:underline}
.piede .firma{display:grid;gap:10px;align-content:start}
.piede .firma b{font-family:var(--f-display);font-style:italic;font-weight:500;font-size:1.4rem;color:var(--testo)}
.piede .firma p{margin:0}
.piede .legale{grid-column:1/-1;border-top:1px solid var(--linea);padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.piede .ph{color:inherit}
@media (max-width:860px){.piede .wrap{grid-template-columns:1fr 1fr;padding-bottom:max(96px,env(safe-area-inset-bottom,0px))}.piede .firma{grid-column:1/-1}}

/* ================= WhatsApp fisso ================= */
.wa-fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:40;width:58px;height:58px;border-radius:50%;
  background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -6px rgba(0,0,0,.45),0 0 0 4px rgba(37,211,102,.18);text-decoration:none;transition:transform .2s var(--ease-out)}
.wa-fab:hover{transform:scale(1.06)}
.wa-fab svg{width:30px;height:30px}
.wa-fab .fumetto{position:absolute;right:70px;white-space:nowrap;background:#fff;color:var(--inchiostro);font:600 .85rem var(--f-body);padding:8px 12px;border-radius:12px;box-shadow:0 8px 24px -8px rgba(0,0,0,.35);opacity:0;transform:translateX(6px);transition:all .25s;pointer-events:none}
.wa-fab:hover .fumetto,.wa-fab:focus-visible .fumetto{opacity:1;transform:none}
@media (hover:none){.wa-fab .fumetto{display:none}.btn-lume::after{display:none}}
html.menu-aperto .wa-fab{opacity:0;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .menu-mobile{clip-path:none}
  .mm-lista > li,.mm-azioni{opacity:1;transform:none}
}

/* ================= varie ================= */
.salta{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--inchiostro);padding:10px 16px;border-radius:10px;font-weight:600;text-decoration:none;transition:top var(--dur-stato)}
.salta:focus{top:max(12px,env(safe-area-inset-top,0px))}
.scelta-fatta{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(242,154,198,.12);border:1px solid rgba(242,154,198,.35);color:#fff;font-size:.95rem}
.scelta-fatta::before{content:"✦";color:var(--lume-chiaro)}
.carta-link{text-decoration:none;color:inherit;transition:transform var(--dur-stato) var(--ease-out),border-color var(--dur-stato),box-shadow var(--dur-stato)}
.carta-link:hover{transform:translateY(-3px);border-color:var(--magenta);box-shadow:0 18px 40px -24px rgba(43,13,36,.5)}