/* =========================================================
   ORTY · foglio di stile «luxury» (LUXURY.md, 19/10/2026)
   Semplice ed elegante, come Cantine Balice in versione agrumeto:
   fondo avorio, verde notte per le fasce scure, fili d'oro sottili,
   Cormorant Garamond per i titoli e Quattrocento Sans per il testo.
   L'arancio vive solo nelle foto.
   Mobile-first. Le animazioni hanno sempre lo stato finale nel CSS
   di base: se il JS si rompe, la pagina è completa.
   ========================================================= */

/* ---------- 1. token ---------- */
:root{
  /* LUXURY.md, presi dal logo di spunto */
  --verde-notte:#213B25;      /* Flavio, 19/10/2026: «un verde meno tendente al nero» (oro 5:1, avorio 10,9:1) */
  --verde:#2E4B2C;            /* verde bosco (Flavio, 19/10/2026): marchio, pulsanti, accenti (avorio su verde 8,6:1; oro ~4:1, solo fili e testo grande) */
  --verde-2:#3B5E38;
  --oro:#C2A24E;              /* fili, anelli, icone, testo GRANDE sul verde (6:1) */
  --oro-chiaro:#D9C384;       /* oro sul verde scuro, hover */
  --oro-scuro:#7A5F22;        /* oro per il testo piccolo su avorio (5,3:1) */
  --avorio:#F6F1E6;
  --avorio-2:#EDE5D3;
  --testo:#2A2D27;            /* il testo, come «text» di Balice (12,4:1 su avorio) */
  --testo-tenue:#5B6253;      /* 5,6:1 su avorio, 5:1 su avorio-2 */
  /* Flavio, 19/10/2026: «a Balice il rosso scuro, qui il verdone del logo». Il ruolo del vino lo prende
     --verde (pulsanti pieni, prezzi, scelte attive, link delle schede, newsletter); i titoli passano a un
     inchiostro quasi nero, così gli accenti in corsivo si leggono verdi. */
  --inchiostro-titoli:#191C17; /* i titoli, come «ink» di Balice (15,3:1) */
  --verde-accento:#2E4B2C;    /* il corsivo dei titoli: lo stesso verde del marchio (8,6:1 su avorio) */
  /* derivati */
  --carta:#FCFAF4;            /* le schede, appena più chiare del fondo */
  --filo:rgba(194,162,78,.55);
  --filo-tenue:rgba(194,162,78,.32);
  --bordo-campo:#8A7E62;      /* bordi dei campi: 3,6:1 su avorio */
  --linea:rgba(46,75,44,.11);
  --linea-forte:rgba(46,75,44,.22);
  --errore:#9B2C12;
  --velo:33,59,37;            /* verde notte, per le velature delle foto */
  --dc-fondo:#F3E9CC; --dc-testo:#5C4712;

  /* i nomi di prima, ora sul marchio nuovo (li usano anche gruppi.css,
     modulo.css, servizio.css e pagine.css): niente più arancio */
  --crema:var(--avorio);
  --crema-chiaro:var(--avorio-2);
  --arancio:var(--oro);
  --arancio-scuro:var(--oro-scuro);
  --arancio-scuro-2:#5E4818;
  --arancio-velo:#F1E8D4;
  --riflesso:var(--oro-chiaro);
  --verde-scuro:var(--verde-notte);
  --verde-velo:#E8E5D7;
  --inchiostro:var(--testo);
  --tenue:var(--testo-tenue);
  --oliva:var(--verde-2);
  --oliva-velo:#E8E5D7;

  --f-titolo:'Cormorant Garamond','Cormorant Ripiego',Georgia,'Times New Roman',serif;
  --f-testo:'Quattrocento Sans','Quattrocento Ripiego',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-saluto:var(--f-titolo);

  --t-frase:clamp(2.55rem,1.55rem + 4vw,4.4rem);
  --t-h1:clamp(2.5rem,1.6rem + 3.4vw,4.1rem);
  --t-h2:clamp(2.1rem,1.5rem + 2.4vw,3.35rem);
  --t-h3:clamp(1.5rem,1.3rem + .7vw,1.85rem);
  --t-prezzo:1.9rem;
  --t-numero:clamp(2.6rem,2rem + 2vw,3.6rem);
  --t-lead:1.125rem;
  --t-testo:1rem;
  --t-piccolo:.9375rem;
  --t-occhiello:.75rem;
  --t-pulsante:.75rem;
  --t-micro:.6875rem;

  --max:1180px;
  --margine:20px;
  --sezione:clamp(80px,11vw,150px);
  /* angoli morbidi «da boutique» (Flavio, 19/10/2026): --r pulsanti, campi, selettori e piccoli riquadri;
     --r-scheda schede, riquadri, pannelli, carrello, gift card; --r-foto le foto da sole; --r-etichetta le
     etichette sulle foto (mai pillole). Le fasce a tutta larghezza restano dritte. */
  --r:10px;
  --r-scheda:20px;
  --r-foto:18px;
  --r-etichetta:8px;
  --ombra-morbida:0 22px 44px -32px rgba(33,59,37,.34);
  --e:cubic-bezier(.22,.61,.36,1);
  --lento:.5s;
  --ombra-su:0 30px 60px -32px rgba(33,59,37,.32);
  --gap-schede:clamp(22px,3vw,40px);
  --testata-h:64px;
  --barra:0px;                /* l'altezza della barra in cima quando c'è (app.js la misura in --h-barra) */
}
html.con-barra{--barra:var(--h-barra,40px)}
@media (min-width:640px){:root{--margine:32px;--t-testo:1.0625rem}}
@media (min-width:1100px){:root{--margine:56px;--testata-h:84px}}

/* ---------- 2. base ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--avorio);overflow-x:hidden}
@supports (overflow:clip){html{overflow-x:clip}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--avorio);color:var(--testo);font-family:var(--f-testo);font-size:var(--t-testo);line-height:1.7;
  overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.bloccato{overflow:hidden}
img,svg,canvas{display:block;max-width:100%}
img{height:auto}
a{color:var(--verde);text-decoration-color:var(--filo);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .3s var(--e),text-decoration-color .3s var(--e)}
a:hover{color:var(--oro-scuro);text-decoration-color:currentColor}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
p,ul,ol,figure,dl,dd{margin:0}
b,strong{font-weight:700}
::selection{background:var(--verde);color:var(--avorio)}
/* il fuoco: un anello d'oro, scuro sull'avorio e chiaro sul verde */
:focus-visible{outline:2px solid var(--oro-scuro);outline-offset:3px}
.apertura-foto :focus-visible,.foto-storia :focus-visible,.piede-sito :focus-visible,.cura :focus-visible,.regole :focus-visible,
.manifesto :focus-visible,.menu-mobile :focus-visible,.nl-banner :focus-visible,.toast :focus-visible,.riquadro-gao :focus-visible,
.richiamo-gao :focus-visible,.va__finale :focus-visible,.va__dopo :focus-visible,
body[data-testata="trasparente"]:not(.testata-piena) .testata :focus-visible{outline-color:var(--oro-chiaro)}
h1,h2,h3,h4{font-family:var(--f-titolo);font-weight:500;font-synthesis:none;margin:0;color:var(--inchiostro-titoli)}
h1{font-size:var(--t-h1);line-height:1.06;letter-spacing:-.005em;text-wrap:balance}
h2{font-size:var(--t-h2);line-height:1.08;text-wrap:balance}
h3{font-size:var(--t-h3);line-height:1.15}
h1 em,h2 em,h3 em{font-style:italic;font-weight:500;color:var(--verde-accento)}
.wrap{width:min(100% - 2*var(--margine),var(--max));margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.salta{position:fixed;left:16px;top:-80px;z-index:400;background:var(--verde);color:var(--avorio);padding:12px 18px;border-radius:var(--r);
  font-size:var(--t-piccolo);text-decoration:none}
.salta:focus{top:12px}
.centro{text-align:center}
.solo-telefono{display:none}
@media (max-width:700px){.solo-desktop{display:none}.solo-telefono{display:inline}}

/* I segnaposto «[DA CONFERMARE…]» restano nei sorgenti per tenerne traccia, ma non si vedono più
   (Flavio, 19/10/2026). Un blocco fatto solo di segnaposto porta data-segnaposto e sparisce intero. */
.da-confermare,.da-validare,.avviso-bozza,.nota-dc,[data-segnaposto]{display:none!important}

/* occhielli, lead, accenti */
.occhiello{display:flex;align-items:center;gap:16px;margin:0;font:400 var(--t-occhiello)/1.4 var(--f-testo);letter-spacing:.3em;
  text-transform:uppercase;color:var(--oro-scuro)}
.occhiello--verde,.occhiello--inchiostro{color:var(--oro-scuro)}
.occhiello--crema,.occhiello--riflesso,.occhiello--chiaro{color:var(--oro-chiaro)}
/* sulle foto l'oro chiaro non basta: le parole in avorio, i fili d'oro */
.apertura-foto .occhiello,.foto-storia .occhiello{color:var(--avorio);text-shadow:0 1px 12px rgba(0,0,0,.45)}
.apertura-foto .occhiello::before,.apertura-foto .occhiello::after,.foto-storia .occhiello::before,.foto-storia .occhiello::after{background:var(--oro-chiaro);opacity:1}
.occhiello-piccolo{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.26em;text-transform:uppercase;color:var(--testo-tenue)}
.lead{font-size:var(--t-lead);line-height:1.65;color:var(--testo-tenue);max-width:58ch}
.accento{color:var(--verde-accento);font-style:italic}
em.accento{font-weight:500}
.riga-piccola{font-size:var(--t-piccolo);color:var(--testo-tenue)}
/* i fili d'oro accanto agli occhielli */
.occhiello--filetti::before,.occhiello--filetti::after,
.intesta-centro .occhiello::before,.intesta-centro .occhiello::after,
.intesta .occhiello::before,.adotta-intesta .occhiello::before,.regala__intesta .occhiello::before{content:"";flex:none;width:44px;height:1px;background:currentColor;opacity:.75}
.intesta .occhiello::after,.adotta-intesta .occhiello::after,.regala__intesta .occhiello::after{content:none}
.intesta-centro .occhiello{justify-content:center}
@media (max-width:480px){.occhiello{gap:12px;letter-spacing:.24em}.occhiello--filetti::before,.occhiello--filetti::after,.intesta-centro .occhiello::before,.intesta-centro .occhiello::after,
  .intesta .occhiello::before,.adotta-intesta .occhiello::before,.regala__intesta .occhiello::before{width:28px}}

/* ---------- 3. pulsanti e link ----------
   Pieni verdi con testo avorio, oppure contorno d'oro sottile; maiuscolo piccolo e spaziato,
   angoli appena smussati, passaggio lento. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 34px;border:1px solid transparent;border-radius:var(--r);
  font:400 var(--t-pulsante)/1.25 var(--f-testo);letter-spacing:.26em;text-transform:uppercase;text-decoration:none;text-align:center;
  cursor:pointer;transition:background-color var(--lento) var(--e),color var(--lento) var(--e),border-color var(--lento) var(--e),box-shadow var(--lento) var(--e)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.btn--pieno,.btn--verde{background:var(--verde);border-color:var(--verde);color:var(--avorio)}
.btn--pieno:not([disabled]):hover,.btn--verde:not([disabled]):hover{background:var(--verde-notte);border-color:var(--oro);color:var(--oro-chiaro)}
.btn--contorno,.btn--negozio{background:transparent;border-color:var(--oro);color:var(--verde)}
.btn--contorno:not([disabled]):hover,.btn--negozio:not([disabled]):hover{background:var(--verde);border-color:var(--verde);color:var(--avorio)}
/* sui fondi scuri e sulle foto */
.btn--chiaro,.btn--crema{background:transparent;border-color:var(--oro);color:var(--avorio)}
.btn--chiaro:not([disabled]):hover,.btn--crema:not([disabled]):hover{background:rgba(194,162,78,.12);border-color:var(--oro-chiaro);color:var(--oro-chiaro)}
/* pieno verde col filo d'oro: sulle fasce scure e sulle foto (il verde da solo sul verde notte sparirebbe) */
.btn--oro,.btn--filo{background:var(--verde);border-color:var(--oro);color:var(--avorio)}
.btn--oro:not([disabled]):hover,.btn--filo:not([disabled]):hover{background:var(--verde-notte);border-color:var(--oro-chiaro);color:var(--oro-chiaro)}
/* sulla foto, come «Acquista i vini» di Balice: verde al 90 %, filo d'oro sottile, ombra */
.btn--foto{background:rgba(46,75,44,.9);border-color:rgba(194,162,78,.75);color:var(--avorio);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  box-shadow:0 18px 50px rgba(0,0,0,.4)}
.btn--foto:not([disabled]):hover{background:rgba(33,59,37,.62);border-color:var(--oro-chiaro);color:var(--oro-chiaro)}
.btn--oliva{background:var(--verde-2);border-color:var(--verde-2);color:var(--avorio)}
.btn--oliva:hover{background:var(--verde-notte)}
.btn--largo{width:100%}
.btn--grande{min-height:58px;padding:0 44px;font-size:.78rem;letter-spacing:.3em}
.btn--piccolo{min-height:44px;padding:0 20px;letter-spacing:.2em}
.btn--freccia::after{content:none}
.btn.fatto{background:var(--verde-notte);border-color:var(--oro);color:var(--oro-chiaro)}
.btn svg{flex:none;width:17px;height:17px}
@media (max-width:639px){.btn--largo{min-height:56px}.btn{padding:0 26px;letter-spacing:.22em}}
/* il link sottile: maiuscolo piccolo con un filo d'oro sotto */
.link-freccia{display:inline-flex;align-items:center;min-height:44px;padding:0;font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.26em;
  text-transform:uppercase;color:var(--verde);text-decoration:none}
.link-freccia::after{content:none}
.link-freccia{text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:7px;transition:color .4s var(--e),text-decoration-color .4s var(--e)}
.link-freccia:hover{color:var(--oro-scuro)}
.link-freccia--chiaro{text-decoration-color:var(--oro)}
.link-freccia--chiaro,.link-freccia--inchiostro{color:var(--avorio)}
.link-freccia--inchiostro{color:var(--verde)}
.link-freccia--chiaro:hover{color:var(--oro-chiaro)}

/* i cerchi (carrello, menu, chiudi): un filo d'oro */
.tondo{position:relative;flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;
  background:transparent;border:1px solid var(--filo);color:var(--verde);transition:background-color .4s var(--e),border-color .4s var(--e),color .4s var(--e)}
.tondo:hover{border-color:var(--oro);background:rgba(194,162,78,.1)}
.tondo svg{width:20px;height:20px}
.tondo--chiaro{border-color:rgba(194,162,78,.6);color:var(--avorio)}
@media (min-width:1100px){.tondo{width:46px;height:46px}}

/* ---------- 4. testata ---------- */
.testata{position:sticky;top:var(--barra);z-index:60;color:var(--verde)}
body[data-testata="trasparente"] .testata{position:fixed;left:0;right:0;top:var(--barra)}
html.con-barra body[data-testata="piena"]{padding-top:var(--barra)}
/* il fondo sta su uno strato a parte: un filtro sulla testata intrappolerebbe gli elementi fissi */
.testata::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(246,241,230,.96);box-shadow:0 1px 0 var(--filo-tenue);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .5s var(--e)}
.testata__riga{position:relative;display:flex;align-items:center;gap:12px;height:var(--testata-h);padding-inline:var(--margine);transition:height .5s var(--e)}
.testata__logo{display:block;line-height:0;color:inherit;text-decoration:none}
.testata__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
/* il marchio (PRONTO.md): su avorio scritta verde e simbolo d'oro; su verde e sulle foto, scritta avorio e oro */
/* 20/10/2026: la sola parola «[frutto]RTY», a colori (frutto, goccia e foglia hanno i loro colori; RTY currentColor):
   28 px sul telefono, 32 sul computer (30 a testata piena). Sotto i 28 px: orty-orizzontale-piccolo.
   21/10/2026: il marchio è «[sigillo]RTY» (anelli più spessi nella testata): 36 px sul telefono, 42 sul computer. */
.marchio-orizzontale{height:36px;width:auto;aspect-ratio:3565/1260;color:var(--verde);--logo-dettagli:var(--oro);overflow:visible}
.burger{order:0}
.carrello-btn{margin-left:auto}
.conta{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--verde);color:var(--avorio);box-shadow:0 0 0 1px var(--oro);
  font:700 11px/19px var(--f-testo);text-align:center}
.menu{display:none}
.menu a{position:relative;padding:8px 0;color:inherit;text-decoration:none;font:400 .72rem/1 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
.menu a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--oro);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--e)}
.menu a:hover::after,.menu a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.menu a:hover{color:inherit}
@media (min-width:1100px){
  .burger{display:none}
  .testata__logo{position:static;transform:none}
  .marchio-orizzontale{height:42px}
  .menu{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px);margin-left:auto}
  .carrello-btn{margin-left:24px}
  body.testata-piena .testata__riga,body[data-testata="piena"] .testata__riga{height:72px}
  body.testata-piena .marchio-orizzontale,body[data-testata="piena"] .marchio-orizzontale{height:38px}
}
/* stato trasparente, sopra la foto */
body[data-testata="trasparente"]:not(.testata-piena) .testata{color:var(--avorio)}
body[data-testata="trasparente"]:not(.testata-piena) .testata::before{opacity:0}
body[data-testata="trasparente"]:not(.testata-piena) .testata .marchio-orizzontale{color:var(--avorio);--logo-dettagli:var(--oro-chiaro)}
body[data-testata="trasparente"]:not(.testata-piena) .menu a{text-shadow:0 1px 14px rgba(0,0,0,.45)}
body[data-testata="trasparente"]:not(.testata-piena) .testata .tondo{border-color:rgba(217,195,132,.6);color:var(--avorio)}
body[data-testata="trasparente"]:not(.testata-piena) .testata::after{content:"";position:absolute;inset:0 0 -56px;z-index:-2;pointer-events:none;
  background:linear-gradient(180deg,rgba(var(--velo),.62),rgba(var(--velo),.28) 55%,rgba(var(--velo),0))}

/* ---------- 4b. la barra in cima (Flavio, 19/10/2026, come «LA BARRA IN CIMA» di Balice) ----------
   Una striscia sottile sopra il menu: verde notte (a Balice è il vino scuro), parole avorio in Cormorant,
   un filo d'oro sotto. Le voci si alternano con una dissolvenza lenta (app.js → montaBarra); con «riduci
   movimento» resta ferma la prima. La × la chiude per la sessione. Senza JS non c'è. */
.barra{display:none}
html.js.con-barra .barra{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:center;gap:14px;
  min-height:40px;padding:9px 52px 9px 24px;background:var(--verde-notte);color:rgba(246,241,230,.92);border-bottom:1px solid var(--filo-tenue);
  transition:transform .5s var(--e)}
html.js .barra.via{display:flex;position:fixed;top:0;left:0;right:0;z-index:70;transform:translateY(-100%)}
.barra__testi{position:relative;flex:1;max-width:900px;min-height:1.5em;text-align:center}
.barra__voce{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;
  font:500 1.08rem/1.35 var(--f-titolo);letter-spacing:.05em;white-space:nowrap;
  opacity:0;transform:translateY(5px);transition:opacity .6s var(--e),transform .6s var(--e)}
/* prima esce la voce vecchia, poi entra la nuova: mai due frasi una sopra l'altra */
.barra__voce.on{position:relative;opacity:1;transform:none;transition-delay:.6s}
.barra__chiudi{position:absolute;right:10px;top:50%;display:grid;place-items:center;width:36px;height:36px;margin-top:-18px;padding:0;border:0;border-radius:50%;
  background:none;color:inherit;opacity:.7;transition:opacity .4s var(--e)}
.barra__chiudi:hover{opacity:1}
.barra__chiudi svg{width:18px;height:18px}
.barra :focus-visible{outline-color:var(--oro-chiaro)}
@media (max-width:640px){
  html.js.con-barra .barra{min-height:38px;padding:8px 44px 8px 14px}
  .barra__voce{font-size:.98rem;letter-spacing:.03em;white-space:normal;text-wrap:balance}
}
@media (prefers-reduced-motion:reduce){.barra__voce{transition:none}}

/* ---------- 5. menu a schermo intero (telefono e tablet) ----------
   compare con opacità e visibilità: niente pannello laterale, quindi
   niente ombra che sborda a pannello chiuso */
.menu-mobile{position:fixed;inset:var(--barra) 0 0;z-index:80;display:flex;flex-direction:column;overflow:hidden auto;isolation:isolate;
  padding:0 var(--margine) calc(32px + env(safe-area-inset-bottom));background:var(--verde-notte);color:var(--avorio);
  opacity:0;visibility:hidden;transition:opacity .5s var(--e),visibility 0s linear .5s}
.menu-mobile.aperto{opacity:1;visibility:visible;transition:opacity .5s var(--e),visibility 0s}
.menu-mobile__testa{display:flex;align-items:center;justify-content:space-between;min-height:var(--testata-h);border-bottom:1px solid var(--filo-tenue)}
.menu-mobile__logo{line-height:0;color:var(--oro-chiaro);text-decoration:none}
.menu-mobile__logo .marchio-orizzontale{height:36px;color:var(--avorio);--logo-dettagli:var(--oro)}
.marchio-orizzontale--piccolo{aspect-ratio:3565/1260}
.menu-mobile__voci{display:flex;flex-direction:column;margin-top:24px}
.menu-mobile__voci a{display:flex;align-items:center;min-height:52px;font:400 clamp(1.75rem,1.4rem + 1.6vw,2.2rem)/1.15 var(--f-titolo);color:var(--avorio);text-decoration:none}
.menu-mobile__voci a[aria-current="page"]{color:var(--oro-chiaro);font-style:italic}
.menu-mobile__piccoli{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:22px;padding-top:18px;border-top:1px solid var(--filo-tenue)}
.menu-mobile__piccoli a{display:inline-flex;align-items:center;min-height:44px;color:rgba(246,241,230,.86);font-size:var(--t-piccolo);text-decoration:none}
.menu-mobile__azioni{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.menu-mobile__azioni .btn{width:100%}
.menu-mobile__riga{margin-top:18px;font:400 var(--t-micro)/1.7 var(--f-testo);letter-spacing:.22em;text-transform:uppercase;color:rgba(246,241,230,.8)}
.menu-mobile__sotto{list-style:none;margin:-4px 0 8px 2px;padding:0 0 0 18px;border-left:1px solid var(--filo)}
.menu-mobile__voci .menu-mobile__sotto a{min-height:44px;font:400 1rem/1.2 var(--f-testo);letter-spacing:.06em;color:rgba(246,241,230,.88)}
@media (min-width:1100px){.menu-mobile{display:none}}

/* ---------- 6. prima schermata ---------- */
.apertura-foto{position:relative;isolation:isolate;overflow:hidden;color:var(--avorio);background:var(--verde-notte)}
.apertura-foto__img img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:45% 50%}
.apertura-foto::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(var(--velo),.55) 0%,rgba(var(--velo),.18) 22%,rgba(var(--velo),.12) 45%,rgba(var(--velo),.55) 78%,rgba(var(--velo),.82) 100%)}
.apertura-home{height:100vh;height:100svh;min-height:600px;display:flex;align-items:flex-end;justify-content:center}
.apertura-home::after{background:
  radial-gradient(ellipse 60% 42% at 50% 64%,rgba(var(--velo),.5),rgba(var(--velo),0) 75%),
  linear-gradient(180deg,rgba(var(--velo),.5) 0%,rgba(var(--velo),.12) 20%,rgba(var(--velo),.2) 48%,rgba(var(--velo),.66) 80%,rgba(var(--velo),.86) 100%)}
.apertura-home__invito{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(100% - 2*var(--margine),900px);
  padding-bottom:clamp(40px,10vh,110px);text-align:center}
.frase{max-width:16ch;font-size:var(--t-frase);font-weight:500;line-height:1.04;color:var(--avorio);text-shadow:0 2px 30px rgba(0,0,0,.35)}
.frase em{display:block;font-style:italic;color:var(--oro-chiaro)}
.apertura-home__btn{margin-top:8px}
.riga-micro{font:400 var(--t-micro)/1.6 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:rgba(246,241,230,.9);text-shadow:0 1px 10px rgba(0,0,0,.4)}
@media (max-width:700px){
  .apertura-foto__img img{object-position:50% 50%}
  .apertura-home__invito{gap:18px;padding-bottom:calc(34px + env(safe-area-inset-bottom))}
  .apertura-home__btn{width:100%}
  .riga-micro{letter-spacing:.16em}
}

/* ---------- 7. la prima schermata D e il marchio che si compone (Flavio, 19/10/2026) ----------
   L'agrumeto dall'alto portato in verde: la foto in scala di grigi un po' più contrastata, il verde notte
   in moltiplicazione e una velatura sopra, con una grana fine; i filari si intravedono appena.
   Al centro il marchio verticale in negativo che si compone dal basso verso l'alto, come il sipario di
   Balice: due copie dello stesso marchio, sotto quella spenta (.15) che c'è dall'inizio, sopra quella
   accesa chiusa in una finestra alta zero ancorata in basso, che cresce. Il marchio acceso è
   position:absolute; bottom:0 con la SUA altezza: se stesse nel flusso crescerebbe con la finestra e si
   stirerebbe invece di riempirsi. Poi il filo d'oro si allunga ed entrano frase, pulsante e riga.
   Lo stato di base è quello finale (marchio pieno): l'animazione c'è solo con html.eroe-entra, che lo
   script in <head> mette a ogni apertura della home (niente ancora, niente «indietro», niente «riduci
   movimento») e toglie dopo 3,6 s. La testata, la barra e il resto della pagina non aspettano. */
.eroe-d{align-items:center;background:var(--verde-notte)}
.eroe-d .apertura-foto__img img{filter:grayscale(1) contrast(1.18) brightness(1.02)}
.eroe-d::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--verde-notte);mix-blend-mode:multiply;opacity:.93}
.eroe-d::after{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .96 0 0 0 0 .94 0 0 0 0 .9 0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),
  radial-gradient(ellipse 46% 42% at 50% 50%,rgba(var(--velo),.42),rgba(var(--velo),0) 78%),
  linear-gradient(180deg,rgba(var(--velo),.62) 0%,rgba(var(--velo),.24) 24%,rgba(var(--velo),.18) 60%,rgba(var(--velo),.66) 100%)}
.eroe-d .apertura-home__invito{gap:20px;padding-block:calc(var(--barra) + var(--testata-h) + 24px) clamp(36px,7vh,80px)}
/* 20/10/2026 (Flavio): nell'ingresso il sigillo è la O di ORTY, «[sigillo]RTY» col filo sotto (orty-ingresso,
   largo e basso, 2,88 : 1); il sigillo sopra la parola non c'è più */
.eroe-marchio{position:relative;width:clamp(260px,22vw,320px);margin-bottom:6px;color:var(--avorio);--logo-dettagli:var(--oro)}
.eroe-marchio__segno{display:block;width:100%;height:auto;aspect-ratio:3565/1501.1;overflow:visible}
.eroe-marchio__segno--spento{opacity:.15}
.eroe-marchio__velo{position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden}
.eroe-marchio__segno--acceso{position:absolute;left:0;bottom:0;width:100%}
/* il marchio a colori (20/10/2026): la goccia è piena e verde, niente da nascondere. La copia spenta è d'un colore
   solo (avorio al 15 %, goccia vuota): il marchio si accende a colori dal basso. */
.eroe-marchio__segno--spento{--logo-frutto:currentColor;--logo-foglia:currentColor;--logo-dettagli:currentColor;--logo-goccia:transparent}
.eroe-d .frase{max-width:15ch}
.eroe-d .riga-micro{color:rgba(246,241,230,.86)}
@media (max-width:700px){
  .eroe-marchio{width:min(70vw,280px)}
  .eroe-d .apertura-home__invito{gap:16px;padding-bottom:calc(30px + env(safe-area-inset-bottom))}
}
@media (max-height:700px) and (min-width:701px){.eroe-marchio{width:clamp(220px,18vw,260px)}}
/* In attesa (foto e caratteri non ancora pronti, al massimo 2 s): fondo verde, marchio spento, niente testo né foto. */
html.eroe-attesa .eroe-marchio__velo{height:0}
html.eroe-attesa .eroe-marchio .m-filo{transform-box:fill-box;transform-origin:50% 50%;transform:scaleX(0)}
html.eroe-attesa .eroe-d .apertura-home__invito>:not(.eroe-marchio),
html.eroe-attesa .eroe-d .apertura-foto__img img{opacity:0}
/* il marchio si compone: 0,35–2,15 si riempie dal basso · 2,00–2,50 il filo · 1,90–3,10 la foto affiora ·
   2,30 / 2,45 / 2,60 frase, pulsante, riga. Prima, per un attimo, si vede solo il marchio spento. */
html.eroe-entra .eroe-marchio__velo{animation:eroe-sale 1.8s cubic-bezier(.45,.05,.25,1) .35s both}
html.eroe-entra .eroe-marchio .m-filo{transform-box:fill-box;transform-origin:50% 50%;animation:eroe-filo .5s var(--e) 2s both}
html.eroe-entra .eroe-d .apertura-foto__img img{animation:eroe-foto 1.2s var(--e) 1.9s both}
html.eroe-entra .eroe-d .apertura-home__invito>.frase{animation:eroe-entra .8s var(--e) 2.3s both}
html.eroe-entra .eroe-d .apertura-home__invito>.apertura-home__btn{animation:eroe-entra .8s var(--e) 2.45s both}
html.eroe-entra .eroe-d .apertura-home__invito>.riga-micro{animation:eroe-entra .8s var(--e) 2.6s both}
@keyframes eroe-foto{from{opacity:0}to{opacity:1}}
/* «riduci movimento»: niente che sale, solo dissolvenze lente (il marchio si accende, poi foto e testo) */
html.eroe-dolce .eroe-marchio__velo{height:100%}
html.eroe-dolce .eroe-marchio__segno--acceso{animation:eroe-foto 1.4s ease .3s both}
html.eroe-dolce .eroe-d .apertura-foto__img img,
html.eroe-dolce .eroe-d .apertura-home__invito>:not(.eroe-marchio){animation:eroe-foto 1s ease 1.6s both}
@keyframes eroe-sale{from{height:0}to{height:100%}}
@keyframes eroe-filo{from{transform:scaleX(0)}to{transform:none}}
@keyframes eroe-entra{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* in home, finché si è sopra la prima schermata, il marchio grande sta al centro: in testata non si ripete */
body[data-pagina="home"]:not(.testata-piena) .testata__logo{opacity:0;visibility:hidden}
.testata__logo{transition:opacity .5s var(--e),visibility .5s}

/* ---------- 8. sezioni e intestazioni ---------- */
.sezione{position:relative;padding-block:var(--sezione)}
.intesta-centro{max-width:760px;margin:0 auto clamp(44px,5vw,64px);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.intesta-centro .lead{margin-inline:auto}
.intesta{max-width:720px;margin-bottom:44px;display:flex;flex-direction:column;gap:18px}
.sezione--cerchio{position:relative}
.sezione--stretta{padding-block:clamp(56px,7vw,96px)}
.sezione--chiara{background:var(--avorio-2)}
.sezione--senza-sopra{padding-top:0}
.wrap.stretto{width:min(100% - 2*var(--margine),860px)}
.occhiello__icona{flex:none;width:12px;height:12px;margin-right:-6px}
main [id]{scroll-margin-top:calc(var(--barra) + var(--testata-h) + 16px)}

/* ---------- 9. schede delle cassette (come i vini di Balice) ----------
   Due varietà (Navel e Tarocco): due colonne al centro, mai tre. */
.griglia-cassette{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-schede);max-width:920px;margin-inline:auto}
@media (min-width:640px){
  .griglia-cassette{grid-template-columns:repeat(2,minmax(0,1fr))}
  .griglia-cassette>.scheda:nth-child(3):last-child{grid-column:1/-1;justify-self:center;width:calc(50% - var(--gap-schede)/2)}
}
@media (min-width:1000px){
  .griglia-cassette:has(>.scheda:nth-child(3)){max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}
  .griglia-cassette>.scheda:nth-child(3):last-child{grid-column:auto;width:auto}
}
.scheda{position:relative;z-index:2;display:flex;flex-direction:column;background:var(--carta);border:1px solid var(--filo-tenue);
  transition:transform .6s var(--e),box-shadow .6s var(--e)}
.scheda__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--avorio-2)}
@supports not (aspect-ratio:1/1){.scheda__media::before{content:"";display:block;padding-top:100%}}
.scheda__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;transition:opacity .8s var(--e),transform 1.2s var(--e)}
.scheda__media .foto2{opacity:0;object-position:50% 50%}
@media (min-width:640px){
  .scheda__media{aspect-ratio:4/5}
  @supports not (aspect-ratio:1/1){.scheda__media::before{padding-top:125%}}
  .scheda__media img{object-position:50% 50%}
}
.scheda__media.dentro .foto2{opacity:1}
.scheda__etichetta{position:absolute;z-index:1;top:16px;left:16px;padding:8px 14px;background:rgba(33,59,37,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  color:var(--avorio);font:400 var(--t-micro)/1.2 var(--f-testo);letter-spacing:.24em;text-transform:uppercase}
/* «tocca per vedere dentro»: il pulsante copre tutta la foto */
.scheda__dentro{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;padding:14px;margin:0;border:0;border-radius:0;
  background:transparent;color:var(--avorio);cursor:pointer;-webkit-tap-highlight-color:transparent}
.scheda__dentro:focus-visible{outline:2px solid var(--oro-chiaro);outline-offset:-8px}
.scheda__invito{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 13px 0 10px;background:rgba(33,59,37,.82);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.2em;text-transform:uppercase;
  transition:opacity .4s var(--e)}
.scheda__invito svg{flex:none;width:16px;height:16px;color:var(--oro-chiaro)}
.invito-tasto,.invito-torna{display:none}
.dentro .invito-tocco{display:none}
.dentro .invito-torna{display:inline}
@media (hover:hover) and (pointer:fine){
  /* col mouse basta passarci sopra: l'invito compare solo a chi arriva con la tastiera */
  .scheda__invito{opacity:0}
  .scheda__dentro:focus-visible .scheda__invito{opacity:1}
  .invito-tocco{display:none}
  .invito-tasto{display:inline}
  .dentro .invito-tasto{display:none}
}
.scheda__corpo{flex:1;display:flex;flex-direction:column;gap:16px;padding:clamp(22px,2.6vw,32px)}
.scheda__testa{display:flex;flex-direction:column;gap:4px}
.scheda h3{font-size:clamp(1.7rem,1.5rem + .6vw,2rem);color:var(--inchiostro-titoli)}
.scheda__sotto{font:italic 400 1.0625rem/1.4 var(--f-titolo);color:var(--verde-accento)}
.scheda__desc{font-size:var(--t-piccolo);line-height:1.65;color:var(--testo-tenue)}
.formati{margin:6px 0 0;padding:0;border:0;min-width:0}
.formati legend{padding:0;margin-bottom:8px}
.formati__scelte{display:flex}
.formati input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.formati label{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;margin-left:-1px;padding:0 8px;cursor:pointer;
  border:1px solid var(--bordo-campo);background:var(--carta);color:var(--testo);font-size:.95rem;font-variant-numeric:tabular-nums;
  transition:background-color .3s var(--e),color .3s var(--e)}
.formati label:hover{background:var(--avorio-2)}
.formati input:checked+label{position:relative;background:var(--verde);border-color:var(--verde);color:var(--avorio)}
.formati input:focus-visible+label{position:relative;z-index:1;outline:2px solid var(--oro-scuro);outline-offset:2px}
.scheda__prezzo{display:flex;align-items:baseline;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;margin-top:2px;padding-top:18px;border-top:1px solid var(--filo-tenue)}
.prezzo{display:block;font:500 var(--t-prezzo)/1 var(--f-titolo);color:var(--verde);font-synthesis:none;font-variant-numeric:lining-nums}
.prezzo-kg{display:block;margin-top:8px;font-size:var(--t-piccolo);color:var(--testo-tenue);font-variant-numeric:tabular-nums}
.scheda__prezzo .prezzo{font-size:2.15rem}
.scheda__prezzo .prezzo-kg{margin-top:0;text-align:right}
.btn--compra svg{margin-top:-2px}
.scheda__note{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px;font-size:var(--t-piccolo);line-height:1.5;color:var(--testo-tenue)}
.scheda__note li{display:flex;gap:11px;align-items:flex-start}
.scheda__note svg{flex:none;width:15px;height:15px;margin-top:4px;color:var(--oro-scuro)}
.scheda__note .nota--raccolta{color:var(--verde)}
.scheda__finite{font-size:var(--t-piccolo);font-weight:700;color:var(--errore)}
.scheda__dettagli{border-top:1px solid var(--filo-tenue);margin-top:2px}
.scheda__dettagli summary{display:flex;align-items:center;gap:10px;min-height:46px;cursor:pointer;list-style:none;
  font:400 var(--t-micro)/1.2 var(--f-testo);letter-spacing:.26em;text-transform:uppercase;color:var(--verde)}
.scheda__dettagli summary::-webkit-details-marker{display:none}
.scheda__dettagli summary::before{content:"+";width:12px;font:300 1.1rem/1 var(--f-testo);letter-spacing:0;color:var(--oro-scuro);transition:transform .4s var(--e)}
.scheda__dettagli[open] summary::before{transform:rotate(45deg)}
.scheda__dettagli dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:var(--t-piccolo);padding-bottom:12px}
.scheda__dettagli dt{color:var(--testo-tenue)}
.scheda__dettagli p{font-size:var(--t-piccolo);color:var(--testo-tenue);padding-bottom:12px}
.scheda.esaurita .scheda__media img{filter:grayscale(.7)}
.scheda.esaurita .scheda__media::after{content:"";position:absolute;inset:0;background:rgba(33,59,37,.5)}
.avvisami{display:flex;flex-direction:column;gap:8px}
@media (hover:hover) and (pointer:fine){
  .scheda__media:hover .foto2{opacity:1}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .scheda:hover{transform:translateY(-6px);box-shadow:var(--ombra-su)}
  .scheda__media:hover img{transform:scale(1.04)}
}
.riga-sconti{margin-top:36px;text-align:center;font-size:var(--t-piccolo);color:var(--testo-tenue);font-variant-numeric:tabular-nums}
#arance .centro{margin-top:44px}

/* fascia di fiducia: le 4 promesse, a tratto d'oro */
.fascia-fiducia{background:var(--avorio-2);border-block:1px solid var(--filo-tenue);padding-block:clamp(44px,5vw,64px)}
.fiducia{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 14px;text-align:center}
@media (min-width:700px){.fiducia{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fiducia li{display:flex;flex-direction:column;align-items:center;gap:12px;font:400 var(--t-micro)/1.7 var(--f-testo);letter-spacing:.24em;
  text-transform:uppercase;color:var(--verde)}
.fiducia__icona{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1px solid var(--oro);color:var(--oro-scuro)}
.fiducia__icona svg{width:26px;height:26px}
.fiducia__titolo{display:block}
.fiducia__sotto{display:block;max-width:24ch;margin-top:-4px;font:italic 400 1rem/1.4 var(--f-titolo);letter-spacing:0;text-transform:none;color:var(--testo-tenue)}

/* ---------- 10. adotta un albero (home) ---------- */
.adotta{position:relative;padding-block:var(--sezione);background:var(--avorio)}
.adotta-griglia{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,40px);align-items:center}
.adotta-testo{display:flex;flex-direction:column;gap:22px}
.adotta-intesta{display:flex;flex-direction:column;gap:18px}
.adotta-intesta h2{max-width:15ch}
@media (min-width:1000px){
  .adotta-griglia{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(48px,6vw,96px)}
  .adotta .albero{width:min(100%,560px)}
}
.albero{position:relative;width:min(100%,440px);aspect-ratio:1/1.1;margin-inline:auto;touch-action:pan-y}
.albero canvas{position:absolute;inset:0;width:100%;height:100%}
.albero__riserva{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.numeri{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--filo-tenue)}
.numeri li{padding:18px 12px 16px 0}
.numeri li+li{padding-left:16px;border-left:1px solid var(--filo-tenue)}
.numeri b{display:block;font:400 var(--t-numero)/1 var(--f-titolo);color:var(--verde);font-synthesis:none;white-space:nowrap;font-variant-numeric:lining-nums}
.numeri span{display:block;margin-top:10px;font:400 var(--t-micro)/1.6 var(--f-testo);letter-spacing:.18em;text-transform:uppercase;color:var(--testo-tenue)}
.numeri span span{display:inline;margin:0;font:inherit;letter-spacing:inherit}
.adotta-formule-brevi{font-size:var(--t-piccolo);line-height:1.6;color:var(--testo-tenue)}
.adotta-formule-brevi b{font:500 1.35rem/1 var(--f-titolo);color:var(--verde)}
.campo-nome{display:flex;flex-direction:column;gap:8px}
.campo-nome label{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--verde)}
.campo-nome input{width:100%;height:54px;padding:0 16px;border:1px solid var(--bordo-campo);border-radius:var(--r);background:var(--carta);
  font:400 1.35rem/1 var(--f-titolo);color:var(--verde);transition:border-color .3s var(--e)}
.campo-nome input::placeholder{color:var(--testo-tenue);opacity:1;font-style:italic}
.campo-nome input:focus-visible{outline:2px solid var(--oro-scuro);outline-offset:2px;border-color:var(--verde)}
.campo-nome small{font-size:var(--t-piccolo);color:var(--testo-tenue)}
.adotta-testo .riga-piccola{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}
/* la targhetta appesa all'albero: avorio con un doppio filo d'oro, come un biglietto */
.targa{position:absolute;left:0;top:0;z-index:2;width:144px;padding:9px 10px 9px;text-align:center;color:var(--verde);pointer-events:none;
  background:var(--carta);border:1px solid var(--oro);box-shadow:inset 0 0 0 3px var(--carta),inset 0 0 0 4px var(--filo-tenue),0 12px 22px -12px rgba(33,59,37,.45);
  transform-origin:50% -30px;opacity:0;visibility:hidden}
.targa.su{visibility:visible}
.targa.larga{width:auto;min-width:144px;max-width:220px}
.targa::before,.targa::after{content:"";position:absolute;top:-31px;width:1px;height:34px;background:var(--oro);transform-origin:50% 100%}
.targa::before{left:26px;transform:rotate(24deg)}
.targa::after{right:26px;transform:rotate(-24deg)}
.targa small{display:block;font:400 8px/1.3 var(--f-testo);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--oro-scuro)}
.targa b{display:block;margin-top:3px;font:italic 500 22px/1.15 var(--f-titolo);white-space:nowrap;overflow:hidden;font-synthesis:none}
.targa b.vuoto{color:var(--testo-tenue)}
@media (max-width:639px){.targa{width:128px}.targa.larga{width:auto;min-width:128px}.targa__stagione{display:none}}
@keyframes targa-dondola{0%{transform:rotate(-12deg)}30%{transform:rotate(5deg)}60%{transform:rotate(-2deg)}100%{transform:none}}
@keyframes targa-ritocco{0%,100%{transform:none}35%{transform:rotate(2deg)}70%{transform:rotate(-1deg)}}
@media (prefers-reduced-motion:no-preference){
  .targa.dondola{animation:targa-dondola 1.4s var(--e)}
  .targa.ritocco{animation:targa-ritocco 1s var(--e)}
}

/* ---------- 11. «Noi curiamo l'albero. Tu ricevi le arance.» (home) ----------
   Una fascia verde notte, due colonne divise da un filo d'oro. */
.cura{position:relative;padding-block:var(--sezione);background:var(--verde-notte);color:var(--avorio)}
.cura__griglia{display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
.cura__noi,.cura__tu{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.cura__tu{padding-top:56px;border-top:1px solid var(--filo-tenue)}
@media (min-width:900px){
  .cura__griglia{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .cura__noi{padding-right:clamp(40px,6vw,96px)}
  .cura__tu{padding-top:0;padding-left:clamp(40px,6vw,96px);border-top:0;border-left:1px solid var(--filo-tenue)}
}
.cura h2{font-size:var(--t-h2);color:var(--avorio)}
.cura h2 em{color:var(--oro-chiaro)}
.cura__anno{list-style:none;padding:0;display:grid;gap:20px;width:100%;max-width:520px}
.cura__anno li{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:18px;align-items:start}
.cura__icona{grid-row:1/span 2;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--filo);color:var(--oro)}
.cura__icona svg{width:24px;height:24px}
.cura__anno b{padding-top:4px;font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.26em;text-transform:uppercase;color:var(--oro-chiaro)}
.cura__anno li>span:last-child{margin-top:2px;font-size:1rem;line-height:1.55;color:rgba(246,241,230,.86)}
/* la stagione: le spedizioni come punti d'oro su un filo */
.stagione{--n:3;list-style:none;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));width:100%;max-width:460px;padding:0;margin:4px 0 0}
.stagione::before{content:"";position:absolute;left:calc(50% / var(--n));right:calc(50% / var(--n));top:7px;height:1px;background:var(--filo)}
.stagione li{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}
.stagione__punto{width:15px;height:15px;border-radius:50%;background:var(--verde-notte);border:1px solid var(--oro);box-shadow:inset 0 0 0 3px var(--verde-notte),inset 0 0 0 8px var(--oro)}
.stagione__mese{display:flex;flex-direction:column;align-items:center;gap:2px;font:400 1.6rem/1 var(--f-titolo);color:var(--avorio)}
.stagione__mese small{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--oro-chiaro);white-space:nowrap}
html.js .stagione.attesa li{transition:opacity .8s var(--e) calc(var(--i,0) * 180ms)}
html.js .stagione.attesa:not(.visto) li{opacity:0}
.cura__riga{max-width:44ch;font-size:1.0625rem;line-height:1.6;color:rgba(246,241,230,.88)}
.cura__piu{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px;font:400 var(--t-micro)/1.6 var(--f-testo);letter-spacing:.22em;text-transform:uppercase;color:var(--oro-chiaro)}
.cura__piu li{display:flex;align-items:center;gap:10px}
.cura__piu li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--oro)}
.cura__azioni{display:flex;flex-wrap:wrap;align-items:center;gap:10px 30px;margin-top:6px}
@media (max-width:639px){
  .cura__azioni{flex-direction:column;align-items:stretch;width:100%}
  .cura__azioni .link-freccia{align-self:flex-start}
}

/* ---------- 11c. la piccola fascia dei G.A.O. (home e negozio) ---------- */
.fascia-gao{background:var(--avorio-2);border-top:1px solid var(--filo-tenue);padding-block:clamp(44px,5vw,64px)}
.fascia-gao__riga{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px}
.fascia-gao__icona{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid var(--oro);color:var(--oro-scuro)}
.fascia-gao__icona svg{width:36px;height:36px}
.fascia-gao h2{margin-top:10px;max-width:34ch;font-size:clamp(1.45rem,1.2rem + 1vw,1.95rem);line-height:1.22}
.fascia-gao .btn{grid-column:1/-1;justify-self:start}
.fascia-gao__presto{display:inline-block;margin-left:10px;padding:3px 9px;border:1px solid var(--oro);color:var(--oro-scuro);letter-spacing:.2em;vertical-align:1px}
@media (max-width:639px){.fascia-gao__riga{align-items:start}.fascia-gao .btn{width:100%;min-height:56px}}
@media (min-width:800px){.fascia-gao__riga{grid-template-columns:auto minmax(0,1fr) auto;gap:32px}.fascia-gao .btn{grid-column:auto;justify-self:end}}

/* ---------- 12. la nostra storia (foto a tutta larghezza) ---------- */
.foto-storia{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:76vh;min-height:76svh;color:var(--avorio);background:var(--verde-notte)}
@media (min-width:701px){.foto-storia{min-height:86vh;min-height:86svh}}
.foto-storia__img img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.foto-storia::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--velo),.12) 20%,rgba(var(--velo),.62) 55%,rgba(var(--velo),.9) 100%)}
@media (min-width:900px){.foto-storia::after{background:linear-gradient(90deg,rgba(var(--velo),.86) 0%,rgba(var(--velo),.62) 34%,rgba(var(--velo),.1) 62%,rgba(var(--velo),0) 80%),
  linear-gradient(180deg,rgba(var(--velo),0) 55%,rgba(var(--velo),.5) 100%)}}
.foto-storia__testo{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-block:clamp(48px,8vw,104px)}
.foto-storia h2{max-width:20ch;color:var(--avorio);text-shadow:0 2px 24px rgba(0,0,0,.3)}
.foto-storia h2 em{display:block;color:var(--oro-chiaro)}
.foto-storia__riga{max-width:52ch;font-size:var(--t-piccolo);line-height:1.65;color:rgba(246,241,230,.92);text-shadow:0 1px 10px rgba(0,0,0,.35)}
.foto-storia .btn{margin-top:6px}

/* ---------- 13. piede ---------- */
.piede-sito{position:relative;padding:clamp(64px,8vw,104px) 0 clamp(40px,5vw,56px);background:var(--verde-notte);color:var(--avorio)}
.piede-sito a:not(.btn){color:rgba(246,241,230,.9);text-decoration:none}
.piede-sito a:not(.btn):hover{color:var(--oro-chiaro)}
.piede-sito__alto{display:grid;gap:44px;padding-bottom:52px;border-bottom:1px solid var(--filo-tenue)}
@media (min-width:900px){.piede-sito__alto{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}}
.piede-sito__marchio{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.piede-sito__logo{line-height:0;color:var(--oro)}
/* il piede è scuro: il marchio in negativo, corpo avorio e dettagli d'oro */
/* 20/10/2026: anche nel piede «[sigillo]RTY» come nell'ingresso (orty-ingresso), niente sigillo sopra la parola */
.marchio-ingresso{width:240px;max-width:100%;height:auto;aspect-ratio:3565/1501.1;overflow:visible;color:var(--avorio);--logo-dettagli:var(--oro)}
.piede-sito__slogan{font:italic 400 1.25rem/1.4 var(--f-titolo);color:rgba(246,241,230,.86)}
.piede-sito__colonne{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px;padding-block:48px}
@media (min-width:900px){.piede-sito__colonne{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:899px){.piede-sito__colonne>div:last-child{grid-column:1/-1}}
.piede-sito h2{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.3em;text-transform:uppercase;color:var(--oro)}
.piede-sito ul{list-style:none;padding:0;margin-top:16px;display:flex;flex-direction:column;gap:2px;font-size:var(--t-piccolo)}
.piede-sito li{min-height:34px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:rgba(246,241,230,.72)}
.piede-sito li a{padding-block:6px}
.piede-sito__pec{overflow-wrap:anywhere}
.piede-sito__azienda{padding:0 0 22px;font-style:normal;font-size:var(--t-piccolo);line-height:1.7;color:rgba(246,241,230,.72)}
.piede-sito__azienda b{font-weight:700;color:var(--avorio)}
.piede-sito__fondo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding-top:24px;border-top:1px solid var(--filo-tenue);
  font-size:.875rem;color:rgba(246,241,230,.72)}
@media (min-width:900px){.piede-sito__fondo .btn{margin-left:auto}}

/* ---------- 14. newsletter: moduli e banner ---------- */
.nl-modulo{display:flex;flex-direction:column;gap:14px}
.nl-modulo__titolo{font:500 clamp(1.5rem,1.3rem + .8vw,1.9rem)/1.2 var(--f-titolo);color:var(--avorio);font-synthesis:none}
.nl-modulo__campi{display:flex;gap:10px;flex-wrap:wrap}
.nl-modulo__campi input{flex:1 1 220px;min-width:0;height:52px;padding:0 16px;border:1px solid var(--filo);border-radius:var(--r);background:rgba(246,241,230,.06);
  color:var(--avorio);font-size:1rem;transition:border-color .3s var(--e)}
.nl-modulo__campi input::placeholder{color:rgba(246,241,230,.66);opacity:1}
.nl-modulo__campi input:focus-visible{outline:2px solid var(--oro-chiaro);outline-offset:2px;border-color:var(--oro)}
.nl-modulo__campi .btn{min-height:52px}
.nl-modulo__nota{font-size:.875rem;line-height:1.6;color:rgba(246,241,230,.74)}
.nl-modulo__nota a{color:var(--avorio)!important;text-decoration:underline!important;text-decoration-color:var(--filo)!important}
.nl-modulo__esito{font-size:var(--t-piccolo);color:var(--avorio)}
.nl-modulo__esito:empty{display:none}
.nl-modulo__esito.ko{color:#F3C9B8}
.nl-modulo__esito .btn{margin-left:10px;min-height:38px;padding:0 14px}
/* il modulo «avvisami» dentro le schede chiare */
.scheda .nl-modulo__campi input,.formula .nl-modulo__campi input,.adozione-breve .nl-modulo__campi input{border-color:var(--bordo-campo);background:var(--carta);color:var(--testo)}
.scheda .nl-modulo__campi input::placeholder,.formula .nl-modulo__campi input::placeholder{color:var(--testo-tenue)}
.scheda .nl-modulo__esito,.formula .nl-modulo__esito{color:var(--verde)}
.nl-banner{position:fixed;left:50%;bottom:16px;z-index:65;width:min(780px,100% - 32px);padding:20px 56px 18px 24px;
  background:var(--verde);color:var(--avorio);border:1px solid var(--filo);box-shadow:0 24px 50px -24px rgba(0,0,0,.55);transform:translateX(-50%);
  opacity:0;visibility:hidden;transition:opacity .5s var(--e),transform .5s var(--e),visibility 0s linear .5s}
.nl-banner.visibile{opacity:1;visibility:visible;transition:opacity .5s var(--e),transform .5s var(--e),visibility 0s}
@media (prefers-reduced-motion:no-preference){.nl-banner:not(.visibile){transform:translate(-50%,16px)}}
.nl-banner__riga{display:none}
.nl-banner__corpo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 16px;align-items:start}
.nl-banner__icona{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--filo);color:var(--oro)}
.nl-banner__icona svg{width:18px;height:18px}
.nl-banner__titolo{font:500 1.35rem/1.2 var(--f-titolo);font-synthesis:none}
.nl-banner__sotto{margin-top:4px;font-size:var(--t-piccolo);color:rgba(246,241,230,.82)}
.nl-banner .nl-modulo{grid-column:1/-1}
@media (min-width:700px){
  .nl-banner{padding:18px 56px 16px 22px}
  .nl-banner__corpo{grid-template-columns:auto minmax(0,.85fr) minmax(0,1.3fr);align-items:center;column-gap:20px}
  .nl-banner .nl-modulo{grid-column:auto;gap:8px}
  .nl-banner .nl-modulo__campi{flex-wrap:nowrap}
  .nl-banner .nl-modulo__campi input{flex:1 1 auto;height:46px}
  .nl-banner .nl-modulo__campi .btn{min-height:46px;padding:0 20px}
  .nl-banner .nl-modulo__nota{font-size:.78rem;line-height:1.45}
  .nl-banner__sotto{font-size:.85rem;line-height:1.45}
}
.nl-banner__chiudi{position:absolute;top:6px;right:6px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;
  background:transparent;color:var(--avorio);font:300 1.6rem/1 var(--f-testo)}
.nl-banner__chiudi:hover{color:var(--oro-chiaro)}
@media (max-width:699px){
  .nl-banner{left:0;right:0;bottom:0;width:auto;transform:none;padding:0 0 env(safe-area-inset-bottom);border-width:1px 0 0;box-shadow:0 -10px 30px -18px rgba(0,0,0,.5)}
  .nl-banner:not(.visibile){transform:none}
  .nl-banner__riga{display:flex;align-items:center;gap:10px;min-height:58px;padding:6px 52px 6px 16px}
  .nl-banner__riga p{flex:1;font:500 1.15rem/1.25 var(--f-titolo)}
  .nl-banner__riga .btn{min-height:40px;padding:0 14px;letter-spacing:.18em}
  .nl-banner__corpo{display:none;padding:4px 16px 18px}
  .nl-banner.aperto .nl-banner__corpo{display:grid}
  .nl-banner.aperto .nl-banner__riga .btn{display:none}
  .nl-banner__icona,.nl-banner__titolo{display:none}
  body.nl-visibile{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
}

/* ---------- 15. carrello, velo, avvisi ---------- */
.velo{position:fixed;inset:0;z-index:90;background:rgba(33,59,37,.5);opacity:0;visibility:hidden;transition:opacity .5s var(--e),visibility 0s linear .5s}
.velo.aperto{opacity:1;visibility:visible;transition:opacity .5s var(--e),visibility 0s}
.carrello{position:fixed;top:0;right:0;bottom:0;z-index:95;width:min(100%,450px);display:flex;flex-direction:column;background:var(--avorio);
  transform:translateX(100%);visibility:hidden;transition:transform .55s var(--e),visibility 0s linear .55s}
.carrello[aria-hidden="false"]{transform:none;visibility:visible;box-shadow:-30px 0 80px -30px rgba(33,59,37,.45);transition:transform .55s var(--e),visibility 0s}
.carrello__testa{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 14px 26px;border-bottom:1px solid var(--filo-tenue)}
.carrello__testa h2{font-size:1.85rem}
.carrello__righe{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 26px 18px}
.carrello__piede{padding:18px 26px calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--filo-tenue);background:var(--avorio-2);display:flex;flex-direction:column;gap:9px}
.riga{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;padding-block:18px;border-bottom:1px solid var(--filo-tenue)}
.riga img{width:64px;height:80px;object-fit:cover}
.riga__nome{font:500 1.2rem/1.25 var(--f-titolo);color:var(--inchiostro-titoli)}
.riga__sotto{font-size:.875rem;color:var(--testo-tenue)}
.riga__prezzo{font:500 1.2rem/1.25 var(--f-titolo);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;color:var(--verde)}
.riga__targa{margin-top:4px;font-size:.875rem;color:var(--verde)}
.riga__targa button,.riga__togli{min-height:32px;padding:0;border:0;background:none;color:var(--verde);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px;font-size:.875rem}
.riga__togli{font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.2em;text-transform:uppercase;margin-top:8px}
.riga__targa form{display:flex;gap:6px;margin-top:6px}
.riga__targa input{flex:1;min-width:0;height:42px;padding:0 10px;border:1px solid var(--bordo-campo);border-radius:var(--r);background:var(--carta);font-size:1rem}
.riga__targa .btn{min-height:42px;padding:0 14px}
.qta{display:inline-flex;align-items:center;margin-top:8px;border:1px solid var(--filo)}
.qta button{width:38px;height:38px;border:0;background:none;font-size:1.05rem;color:var(--verde);transition:background-color .3s var(--e)}
.qta button:hover:not(:disabled){background:var(--avorio-2)}
.qta span{min-width:26px;text-align:center;font-variant-numeric:tabular-nums}
.barra-gratis{font-size:var(--t-piccolo);color:var(--testo)}
.linea{display:flex;justify-content:space-between;gap:12px;font-size:var(--t-piccolo);font-variant-numeric:tabular-nums;color:var(--testo-tenue)}
.linea.sconto{color:var(--verde)}
.linea.tot{margin-top:6px;padding-top:12px;border-top:1px solid var(--filo-tenue);align-items:baseline;font-size:1rem;color:var(--verde)}
.linea.tot span:first-child{font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.24em;text-transform:uppercase}
.linea.tot span:last-child{font:500 1.75rem/1 var(--f-titolo);font-synthesis:none}
.condizioni{display:flex;gap:10px;align-items:flex-start;margin-top:6px;font-size:var(--t-piccolo);cursor:pointer}
.condizioni input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--verde);flex:none}
.nota-fresca{font-size:.8125rem;color:var(--testo-tenue)}
.avviso{font-size:var(--t-piccolo);padding:10px 12px;background:var(--dc-fondo);color:var(--dc-testo);border-left:2px solid var(--oro)}
.vuoto-msg{padding:48px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;color:var(--testo-tenue)}
.vuoto-msg p{font:italic 400 1.4rem/1.3 var(--f-titolo);color:var(--verde-accento)}
.toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom) + var(--nl-alto,0px));z-index:85;max-width:calc(100% - 32px);
  display:flex;align-items:center;gap:16px;padding:8px 8px 8px 20px;background:var(--verde);color:var(--avorio);border:1px solid var(--filo);
  box-shadow:0 18px 40px -18px rgba(0,0,0,.5);font-size:var(--t-piccolo);transform:translate(-50%,16px);opacity:0;visibility:hidden;
  transition:opacity .4s var(--e),transform .4s var(--e),visibility 0s linear .4s}
.toast.su{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .4s var(--e),transform .4s var(--e),visibility 0s}
.toast .btn{min-height:40px;padding:0 16px}

/* ---------- 15b. «Vuoi aggiungere altro o terminare l'ordine?» (LUXURY.md, richiesta 2) ----------
   Dopo «Aggiungi al carrello»: un pannello non invadente (dialog, focus dentro), in alto a destra
   sotto il carrello sul computer, dal basso sul telefono. */
.aggiunto-velo{position:fixed;inset:0;z-index:96;background:rgba(33,59,37,.32);opacity:0;visibility:hidden;transition:opacity .45s var(--e),visibility 0s linear .45s}
.aggiunto-velo.aperto{opacity:1;visibility:visible;transition:opacity .45s var(--e),visibility 0s}
.aggiunto{position:fixed;z-index:97;left:0;right:0;bottom:0;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;
  padding:22px var(--margine) calc(22px + env(safe-area-inset-bottom));background:var(--avorio);border-top:1px solid var(--oro);
  box-shadow:0 -24px 60px -30px rgba(33,59,37,.55);transform:translateY(102%);visibility:hidden;
  transition:transform .55s var(--e),visibility 0s linear .55s}
.aggiunto.aperto{transform:none;visibility:visible;transition:transform .55s var(--e),visibility 0s}
@media (min-width:700px){
  .aggiunto{left:auto;right:var(--margine);bottom:auto;top:calc(var(--barra) + var(--testata-h) + 10px);width:420px;padding:26px 28px 26px;
    border:1px solid var(--filo);box-shadow:0 30px 70px -30px rgba(33,59,37,.5);transform:translateY(-10px);opacity:0;
    transition:transform .5s var(--e),opacity .5s var(--e),visibility 0s linear .5s}
  .aggiunto.aperto{transform:none;opacity:1;transition:transform .5s var(--e),opacity .5s var(--e),visibility 0s}
}
@media (prefers-reduced-motion:reduce){.aggiunto,.aggiunto.aperto{transform:none;transition:opacity .2s linear,visibility 0s linear .2s}.aggiunto.aperto{transition:opacity .2s linear,visibility 0s}}
.aggiunto__maniglia{display:block;width:40px;height:3px;margin:-8px auto 14px;border-radius:2px;background:var(--filo)}
@media (min-width:700px){.aggiunto__maniglia{display:none}}
.aggiunto__testa{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--filo-tenue)}
.aggiunto__titolo{display:flex;align-items:center;gap:12px;font:500 1.6rem/1.1 var(--f-titolo);color:var(--inchiostro-titoli)}
.aggiunto__titolo:focus{outline:none}
.aggiunto__spunta{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--oro);color:var(--oro-scuro)}
.aggiunto__spunta svg{width:14px;height:14px}
.aggiunto__chiudi{width:40px;height:40px}
.aggiunto__riga{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--filo-tenue)}
.aggiunto__riga img{width:60px;height:74px;object-fit:cover}
.aggiunto__nome{font:500 1.2rem/1.25 var(--f-titolo);color:var(--inchiostro-titoli)}
.aggiunto__cosa{font-size:.875rem;line-height:1.5;color:var(--testo-tenue)}
.aggiunto__prezzo{font:500 1.2rem/1 var(--f-titolo);color:var(--verde);white-space:nowrap;font-variant-numeric:lining-nums}
.aggiunto__totale{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0 4px}
.aggiunto__totale span:first-child{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--testo-tenue)}
.aggiunto__totale b{font:500 1.55rem/1 var(--f-titolo);color:var(--verde);font-variant-numeric:lining-nums}
.aggiunto__nota{font-size:.8125rem;color:var(--testo-tenue)}
.aggiunto__domanda{margin-top:16px;font:italic 500 1.2rem/1.35 var(--f-titolo);color:var(--verde-accento)}
.aggiunto__scelte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:18px}
.aggiunto__scelte .btn{min-height:54px;padding:0 12px;letter-spacing:.2em}
.aggiunto__consiglio{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--filo-tenue)}
.aggiunto__consiglio img{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid var(--filo)}
.aggiunto__consiglio p{flex:1;font-size:.875rem;line-height:1.5;color:var(--testo-tenue)}
.aggiunto__consiglio p b{display:block;font:italic 500 1.08rem/1.3 var(--f-titolo);color:var(--verde-accento)}
.aggiunto__consiglio .link-freccia{flex:none}

/* ---------- 16. formule d'adozione, linguette, calendario (pagine interne) ---------- */
.schede-adozione{display:grid;gap:var(--gap-schede);grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.schede-adozione{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
.schede-adozione:has(>.formula:only-child){grid-template-columns:minmax(0,1fr);max-width:600px;margin-inline:auto}
.formula{position:relative;display:flex;flex-direction:column;gap:16px;padding:clamp(28px,4vw,44px);background:var(--carta);border:1px solid var(--filo-tenue);
  box-shadow:inset 0 0 0 6px var(--carta),inset 0 0 0 7px var(--filo-tenue)}
.formula.consigliata{border-color:var(--verde)}
.formula__linguetta{position:absolute;top:-1px;right:24px;transform:translateY(-50%);padding:6px 12px;background:var(--verde);color:var(--avorio);
  font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.24em;text-transform:uppercase}
.formula h3{color:var(--inchiostro-titoli);font-size:clamp(1.8rem,1.5rem + 1vw,2.3rem)}
.formula__quanto{font:500 2.6rem/1 var(--f-titolo);color:var(--verde);font-synthesis:none}
.formula__quanto small{margin-left:10px;font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--testo-tenue)}
.formula__desc{font-size:var(--t-piccolo);line-height:1.6;color:var(--testo-tenue)}
.formula ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px;font-size:var(--t-piccolo)}
.formula li{display:flex;gap:12px;align-items:baseline}
.formula li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--oro);transform:translateY(-2px)}
.consegne{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.consegne span{padding:5px 10px;border:1px solid var(--filo);font:400 var(--t-micro)/1.2 var(--f-testo);letter-spacing:.2em;text-transform:uppercase;color:var(--verde)}
.consegne-varieta{display:grid;gap:8px;margin:10px 0 0}
.consegne-varieta div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.consegne-varieta dt{min-width:70px;font:italic 500 1.1rem/1.2 var(--f-titolo);color:var(--verde-accento)}
.consegne-varieta .consegne{margin-top:0}
.formula__piede{margin-top:auto;padding-top:20px;border-top:1px solid var(--filo-tenue);display:flex;flex-direction:column;gap:10px}
.formula__piede .prezzo{font-size:2.6rem}
.formula__piede small{font-size:var(--t-piccolo);color:var(--testo-tenue)}
.formula__patti{font:400 var(--t-micro)/1.6 var(--f-testo);letter-spacing:.2em;text-transform:uppercase;color:var(--oro-scuro)}
.tabs{display:inline-flex;gap:0;margin-bottom:28px;border:1px solid var(--filo)}
.tabs [role="tab"]{min-height:44px;padding:0 22px;border:0;background:none;font:400 var(--t-pulsante)/1 var(--f-testo);letter-spacing:.22em;
  text-transform:uppercase;color:var(--verde)}
.tabs [role="tab"][aria-selected="true"]{background:var(--verde);color:var(--avorio)}
.tab__cosa{margin-left:.6em;letter-spacing:.12em;opacity:.85}
.calendario{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px}
.cal-griglia{display:grid;grid-template-columns:110px repeat(12,minmax(32px,1fr));gap:5px;min-width:560px;font-size:var(--t-piccolo)}
.cal-griglia .mese{text-align:center;font:400 var(--t-micro)/1.2 var(--f-testo);letter-spacing:.16em;text-transform:uppercase;color:var(--testo-tenue);padding-bottom:6px}
.cal-griglia .mese.oggi{color:var(--oro-scuro)}
.cal-griglia .nome{font:italic 500 1.15rem/1.2 var(--f-titolo);color:var(--verde-accento);align-self:center}
.cal-griglia .cella{height:26px;background:transparent;border:1px solid var(--filo-tenue)}
.cal-griglia .cella.si{background:var(--verde);border-color:var(--verde)}
.cal-griglia .cella.oggi{outline:1px solid var(--oro-scuro);outline-offset:2px}

/* ---------- 17. comparse allo scorrimento (solo computer, una volta) ---------- */
@media (min-width:900px) and (pointer:fine){
  html.js .appare{opacity:0;transform:translateY(22px);transition:opacity .8s var(--e),transform .8s var(--e)}
  html.js .appare.visto{opacity:1;transform:none}
}
@media (min-width:900px) and (pointer:fine) and (prefers-reduced-motion:reduce){html.js .appare{transform:none}}

/* ---------- 18. pagine interne (negozio, adotta, dall'albero a te, storia, contatti) ---------- */
body[data-pagina="negozio"] main section[id]{scroll-margin-top:calc(var(--barra) + var(--testata-h) + 64px)}

/* apertura su avorio (testata piena): occhiello, titolo, lead, e un filo d'oro sotto */
.apertura-pagina{position:relative;padding-block:clamp(56px,8vw,112px) clamp(48px,6vw,80px)}
.apertura-pagina .intesta-centro{margin-bottom:0}
.apertura-pagina h1{font-size:var(--t-h1)}
.apertura-pagina::after{content:"";position:absolute;left:50%;bottom:0;width:120px;height:1px;background:var(--oro);transform:translateX(-50%)}
.apertura-pagina+.sezione--senza-sopra{padding-top:clamp(44px,5vw,72px)}
.racconto .testo-corrente{margin-inline:auto}

/* apertura con foto a tutta larghezza (testata trasparente) */
.apertura-interna{display:flex;align-items:flex-end;min-height:72vh;min-height:72svh}
.apertura-interna--alta{min-height:84vh;min-height:84svh}
.apertura-interna::after{background:linear-gradient(180deg,rgba(var(--velo),.6) 0%,rgba(var(--velo),.12) 22%,rgba(var(--velo),.08) 40%,rgba(var(--velo),.35) 62%,rgba(var(--velo),.86) 100%)}
@media (min-width:900px){.apertura-interna::after{background:
  linear-gradient(90deg,rgba(var(--velo),.78) 0%,rgba(var(--velo),.5) 36%,rgba(var(--velo),.08) 64%,rgba(var(--velo),0) 82%),
  linear-gradient(180deg,rgba(var(--velo),.5) 0%,rgba(var(--velo),0) 24%,rgba(var(--velo),0) 60%,rgba(var(--velo),.55) 100%)}}
.apertura-interna__testo{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-block:calc(var(--barra) + var(--testata-h) + 48px) clamp(48px,8vw,96px)}
.apertura-interna h1{max-width:16ch;color:var(--avorio);text-shadow:0 2px 24px rgba(0,0,0,.3)}
.apertura-interna .accento{color:var(--oro-chiaro)}
.apertura-interna .lead{max-width:52ch;color:rgba(246,241,230,.94);text-shadow:0 1px 10px rgba(0,0,0,.35)}

/* ancore del negozio, ferme sotto la testata: parole con un filo d'oro, niente pillole */
.ancore{position:sticky;top:calc(var(--barra) + var(--testata-h));z-index:50;background:rgba(246,241,230,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-block:1px solid var(--filo-tenue)}
@media (min-width:1100px){.ancore{top:calc(var(--barra) + 72px)}}
.ancore__riga{display:flex;justify-content:center;gap:clamp(18px,4vw,48px);padding:0 var(--margine);overflow-x:auto;scrollbar-width:none}
.ancore__riga::-webkit-scrollbar{display:none}
.ancore a{position:relative;flex:none;display:inline-flex;align-items:center;min-height:52px;color:var(--testo-tenue);text-decoration:none;
  font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.28em;text-transform:uppercase;transition:color .4s var(--e)}
.ancore a::after{content:"";position:absolute;left:0;right:0;bottom:12px;height:1px;background:var(--verde);transform:scaleX(0);transition:transform .45s var(--e)}
.ancore a:hover,.ancore a[aria-current]{color:var(--verde)}
.ancore a[aria-current]::after,.ancore a:hover::after{transform:none}

/* l'albero di arancio nel negozio: una scheda larga, foto e parole */
.adozioni-brevi{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-schede);max-width:1040px;margin-inline:auto}
@media (min-width:760px){.adozioni-brevi{grid-template-columns:repeat(2,minmax(0,1fr))}}
.adozioni-brevi--una{grid-template-columns:minmax(0,1fr);max-width:980px}
.adozione-breve{position:relative;z-index:2;display:flex;flex-direction:column;overflow:hidden;background:var(--carta);border:1px solid var(--filo-tenue)}
.adozione-breve__media{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--avorio-2)}
@supports not (aspect-ratio:1/1){.adozione-breve__media::before{content:"";display:block;padding-top:66.67%}}
.adozione-breve__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 45%}
.adozione-breve__etichetta{position:absolute;top:16px;left:16px;padding:8px 14px;background:rgba(33,59,37,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--avorio);
  font:400 var(--t-micro)/1.2 var(--f-testo);letter-spacing:.24em;text-transform:uppercase}
.adozione-breve__corpo{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:clamp(24px,3.2vw,40px)}
.scambio{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;font:500 clamp(1.9rem,1.5rem + 1.4vw,2.6rem)/1.05 var(--f-titolo);color:var(--inchiostro-titoli)}
.scambio__freccia{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--oro);color:var(--verde)}
.scambio__freccia svg{width:16px;height:16px}
.scambio__a{font-style:italic;color:var(--verde-accento)}
.adozione-breve__quando{display:flex;align-items:center;gap:10px;font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.22em;text-transform:uppercase;color:var(--oro-scuro)}
.adozione-breve__quando svg{flex:none;width:15px;height:15px}
.adozione-breve__riga{font-size:var(--t-piccolo);line-height:1.65;color:var(--testo-tenue)}
.adozione-breve__prezzo{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-top:2px;padding-top:16px;border-top:1px solid var(--filo-tenue);
  font:500 2.2rem/1 var(--f-titolo);color:var(--verde);font-synthesis:none}
.adozione-breve__prezzo small{font:400 var(--t-piccolo)/1.4 var(--f-testo);color:var(--testo-tenue)}
.adozione-breve .btn{margin-top:auto}
.adozione-breve .link-freccia{align-self:flex-start}
@media (min-width:760px){
  .adozione-breve--larga{flex-direction:row}
  .adozione-breve--larga .adozione-breve__media{flex:0 0 46%;aspect-ratio:auto;min-height:380px}
}
.adozioni-brevi+.centro{margin-top:28px}

/* olio: una scheda (la Coratina, 20/10/2026), al centro; la griglia regge anche più oli */
.griglia-olio{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-schede);max-width:860px;margin-inline:auto}
@media (min-width:640px){.griglia-olio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.griglia-olio:has(>.scheda:nth-child(3)){max-width:1040px;grid-template-columns:repeat(3,minmax(0,1fr))}}
.griglia-olio>.scheda:only-child{grid-column:1/-1;justify-self:center;width:min(100%,400px)}
.griglia-olio .scheda__media{aspect-ratio:1/1}
.griglia-olio .scheda h3{font-size:1.6rem}
.griglia-olio .scheda__desc{display:block}
.prezzo--arrivo{font-style:italic;font-size:1.55rem!important;color:var(--testo-tenue)!important}
.nota-olio{margin-top:18px;text-align:center}

/* punti brevi con un filo d'oro: garanzie, cosa ricevi */
.garanzie,.ricevi{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}
@media (min-width:900px){.garanzie{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px}}
@media (max-width:420px){.garanzie,.ricevi{grid-template-columns:minmax(0,1fr)}}
.garanzie li,.ricevi li{padding-top:20px;border-top:1px solid var(--oro)}
.garanzie h3,.ricevi h3{font:500 1.35rem/1.25 var(--f-titolo);color:var(--inchiostro-titoli)}
.garanzie p,.ricevi p{margin-top:8px;font-size:var(--t-piccolo);line-height:1.6;color:var(--testo-tenue)}
.garanzie__link{display:flex;flex-wrap:wrap;gap:0 36px;margin-top:28px}

/* due colonne */
.duo{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
@media (min-width:900px){.duo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.duo--testo{align-items:start}
@media (min-width:900px){.duo--testo{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.duo .intesta{margin-bottom:30px}
.duo--testo>.intesta{margin-bottom:0}
.testo-corrente{display:flex;flex-direction:column;gap:1em;max-width:62ch;line-height:1.75}
.testo-corrente__apertura{font:italic 400 clamp(1.5rem,1.2rem + 1vw,1.95rem)/1.4 var(--f-titolo);color:var(--verde-accento);font-synthesis:none}
/* una foto con un filo d'oro spostato dietro, come in Balice */
.foto-riquadro{position:relative;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--ombra-su)}
.foto-cornice{position:relative;isolation:isolate}
.foto-cornice::before{content:"";position:absolute;z-index:-1;top:-22px;left:-22px;width:58%;height:58%;border:1px solid var(--oro)}
@media (max-width:640px){.foto-cornice::before{top:-12px;left:-12px}}

/* adotta: apertura con l'albero che cresce da solo */
.ad-apertura{background:var(--avorio);padding-block:clamp(40px,6vw,80px) clamp(64px,8vw,112px)}
.ad-apertura__griglia{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.ad-apertura__intesta{display:flex;flex-direction:column;gap:18px}
.ad-apertura h1{font-size:var(--t-h1);max-width:14ch}
.ad-apertura__azioni{display:flex;flex-direction:column;gap:22px}
.ad-apertura__azioni .campo-nome{order:-1}
.ad-apertura .albero{width:min(100%,440px)}
@media (min-width:1000px){
  .ad-apertura__griglia{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"intesta albero" "azioni albero";
    column-gap:clamp(48px,6vw,104px);row-gap:32px}
  .ad-apertura__intesta{grid-area:intesta;align-self:end}
  .ad-apertura__azioni{grid-area:azioni;align-self:start}
  .ad-apertura__azioni .campo-nome{order:0}
  .ad-apertura__albero{grid-area:albero;align-self:center}
  .ad-apertura .albero{width:min(100%,560px)}
}

/* formule: il pannello */
.pannello__regalo{display:flex;align-items:center;gap:18px;max-width:660px;margin:0 auto 40px;font-size:var(--t-piccolo);line-height:1.6;color:var(--testo-tenue)}
.pannello__regalo img{flex:none;width:76px;height:76px;object-fit:cover;border-radius:50%;border:1px solid var(--oro);padding:3px;background:var(--carta)}
.pannello__regalo b{color:var(--verde)}

/* il certificato d'esempio: avorio, doppio filo d'oro */
.certificato{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:470px;margin:0;justify-self:center;
  padding:clamp(36px,5vw,56px) clamp(26px,4vw,48px);text-align:center;background:var(--carta);border:1px solid var(--oro);
  box-shadow:inset 0 0 0 7px var(--carta),inset 0 0 0 8px var(--filo),var(--ombra-su)}
.certificato__logo{width:120px;height:auto;aspect-ratio:1;color:var(--verde);--logo-dettagli:var(--oro);overflow:visible}
.certificato__nome{min-width:60%;padding-bottom:10px;border-bottom:1px solid var(--oro);font:italic 500 2.3rem/1.15 var(--f-titolo);color:var(--verde);
  overflow-wrap:anywhere;font-synthesis:none}
.certificato__riga{font-size:var(--t-piccolo);color:var(--testo-tenue)}
.certificato__dati{display:grid;grid-template-columns:auto auto;gap:8px 20px;margin-top:6px;font-size:var(--t-piccolo);text-align:left}
.certificato__dati dt{font:400 var(--t-micro)/2 var(--f-testo);letter-spacing:.22em;text-transform:uppercase;color:var(--oro-scuro)}
.certificato__nota{font:italic 400 1rem/1.4 var(--f-titolo);color:var(--testo-tenue)}

/* passi numerati: come funziona, tre punti */
.fasi,.tre-punti{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.fasi li,.tre-punti li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;align-content:start}
.fasi b,.tre-punti b{grid-row:1/span 2}
.fasi b,.tre-punti b{display:block;font:italic 400 var(--t-numero)/1 var(--f-titolo);color:var(--oro-scuro);font-synthesis:none;font-variant-numeric:lining-nums}
.fasi h3,.tre-punti h3{margin-top:4px;font:500 1.4rem/1.25 var(--f-titolo);color:var(--inchiostro-titoli)}
.fasi p,.tre-punti p{margin-top:6px;font-size:var(--t-piccolo);line-height:1.6;color:var(--testo-tenue)}
@media (min-width:640px){
  .fasi{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px}
  .fasi li{display:block;padding-top:22px;border-top:1px solid var(--filo-tenue)}
  .fasi h3{margin-top:16px}
}
@media (min-width:800px){
  .tre-punti{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
  .tre-punti li{display:block;padding-top:22px;border-top:1px solid var(--filo-tenue)}
  .tre-punti h3{margin-top:16px}
}
@media (min-width:1000px){.fasi{grid-template-columns:repeat(4,minmax(0,1fr))}}
.foto-da-girare{display:grid;place-items:center;padding:8px;aspect-ratio:4/5;text-align:center;border:1px solid var(--filo);background:var(--avorio-2)}
.foto-da-girare span{display:none}
.foto-da-girare--grande{width:100%;max-width:460px;aspect-ratio:4/3;justify-self:center}
@media (min-width:900px){.foto-da-girare--grande{aspect-ratio:4/5}}
.calendario__nota{margin-top:16px}

/* l'agronomo, le citazioni */
.agronomo{display:flex;flex-direction:column;gap:20px}
.agronomo .intesta{margin-bottom:0}
.agronomo__nome{font:italic 500 1.4rem/1.3 var(--f-titolo);color:var(--verde-accento)}
.agronomo__cosa{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.agronomo__cosa li{display:flex;gap:12px;align-items:baseline}
.agronomo__cosa li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--oro);transform:translateY(-3px)}
.citazione{margin:8px 0 0;padding-left:24px;border-left:1px solid var(--oro)}
.citazione p{font:italic 400 1.7rem/1.35 var(--f-titolo);color:var(--verde-accento);font-synthesis:none}
.citazione footer{margin-top:14px;font:400 var(--t-micro)/1.5 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--testo-tenue)}
.citazione--grande p{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.4rem)}

/* spedizioni in breve */
.fatti{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);margin-bottom:12px;border-top:1px solid var(--filo-tenue)}
.fatti dt,.fatti dd{padding:14px 0;border-bottom:1px solid var(--filo-tenue)}
.fatti dt{padding-right:24px;font:400 var(--t-micro)/1.9 var(--f-testo);letter-spacing:.22em;text-transform:uppercase;color:var(--oro-scuro)}

/* storia: la linea del tempo */
.linea-tempo{list-style:none;padding:0;display:flex;flex-direction:column;max-width:640px;margin-inline:auto;border-top:1px solid var(--filo-tenue)}
.linea-tempo li{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);gap:24px;align-items:baseline;padding-block:24px;border-bottom:1px solid var(--filo-tenue)}
.linea-tempo b{font:italic 400 var(--t-numero)/1 var(--f-titolo);color:var(--oro-scuro);font-synthesis:none}

/* fondi verdi: tre regole */
.regole{position:relative;background:var(--verde-notte);color:var(--avorio);padding-block:var(--sezione)}
.regole h2,.regole h3{color:var(--avorio)}
.regole .occhiello{color:var(--oro-chiaro)}
.regole .tre-punti b{color:var(--oro)}
.regole .tre-punti li{border-color:var(--filo-tenue)}
.regole .tre-punti p{color:rgba(246,241,230,.84)}

/* domande a fisarmonica */
.domande{border-top:1px solid var(--filo)}
.domande details{border-bottom:1px solid var(--filo-tenue)}
.domande summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:16px 4px;cursor:pointer;list-style:none;
  font:500 clamp(1.25rem,1.1rem + .5vw,1.45rem)/1.3 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none}
.domande summary::-webkit-details-marker{display:none}
.domande summary::after{content:"+";flex:none;font:300 1.4rem/1 var(--f-testo);color:var(--oro-scuro);transition:transform .4s var(--e)}
.domande details[open] summary::after{transform:rotate(45deg)}
.domande details p{max-width:64ch;padding:0 4px 24px;color:var(--testo-tenue)}
.domande+.centro{margin-top:24px}

/* invito finale */
.invito{padding-block:var(--sezione)}
.invito .intesta-centro{margin-bottom:0}
.invito .btn{margin-top:10px}
.invito__pulsanti{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
@media (max-width:639px){.invito__pulsanti{flex-direction:column;align-self:stretch}.invito .btn{width:100%}}

/* contatti */
.contatti-schede{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@media (min-width:700px){.contatti-schede{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}}
.contatto{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(26px,3.4vw,40px);background:var(--carta);border:1px solid var(--filo-tenue)}
.contatto__icona{display:grid;place-items:center;width:54px;height:54px;margin-bottom:4px;border-radius:50%;border:1px solid var(--oro);color:var(--oro-scuro)}
.contatto__icona svg{width:24px;height:24px}
.contatto h2{font-size:var(--t-h3)}
.contatto p{font-size:var(--t-piccolo);color:var(--testo-tenue)}
.contatto .contatto__valore{font:500 1.35rem/1.35 var(--f-titolo);color:var(--inchiostro-titoli)}
.contatto .contatto__valore a{text-decoration:none}
.contatto .btn{margin-top:4px}
.duo--modulo{align-items:start}
@media (min-width:900px){.duo--modulo{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}}
.modulo{display:flex;flex-direction:column;gap:20px}
.modulo .intesta{margin-bottom:6px}
.modulo .campo{display:flex;flex-direction:column;gap:8px}
.modulo .campo label{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--verde)}
.modulo .campo input,.modulo .campo select,.modulo .campo textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--bordo-campo);border-radius:var(--r);
  background:var(--carta);color:var(--testo);font-size:1rem}
.modulo .campo select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;
  background:var(--carta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237A5F22' stroke-width='1.3'/%3E%3C/svg%3E") right 16px center/12px 8px no-repeat}
.modulo .campo textarea{min-height:140px;line-height:1.55;resize:vertical}
.modulo .campo input:focus-visible,.modulo .campo select:focus-visible,.modulo .campo textarea:focus-visible{outline:2px solid var(--oro-scuro);outline-offset:2px;border-color:var(--verde)}
.modulo .campo [aria-invalid="true"]{border-color:var(--errore)}
.modulo .campo small{font-size:var(--t-piccolo);color:var(--testo-tenue)}
.modulo .campo__errore{font-size:var(--t-piccolo);font-weight:700;color:var(--errore)}
.modulo .campo__errore:empty{display:none}
.modulo__pulsanti{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:639px){.modulo__pulsanti .btn{width:100%}}
.modulo__esito{color:var(--verde)}
.modulo__esito:empty{display:none}
.modulo__esito.ko{color:var(--errore)}
.riquadro-gao{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(28px,3.4vw,40px);background:var(--verde-notte);color:var(--avorio);border:1px solid var(--filo)}
.riquadro-gao .occhiello{color:var(--oro-chiaro)}
.riquadro-gao h2{font-size:var(--t-h3);color:var(--avorio)}
.riquadro-gao p{color:rgba(246,241,230,.86)}

/* ---------- 19. motore: disponibilità, regalo nel carrello, rifiuti (MOTORE §4.3.3, §12.2) ---------- */
.formati label:has(.finita){flex-direction:column;gap:0;line-height:1.15}
.formati label .finita{display:block;font-size:.66rem;letter-spacing:.02em;color:var(--errore)}
.formati input:disabled+label{opacity:.55;cursor:not-allowed;text-decoration:line-through;text-decoration-thickness:1px}
.formati input:disabled+label .finita{text-decoration:none}
.scheda__resta{margin-top:-4px;font:italic 500 1.1rem/1.3 var(--f-titolo);color:var(--verde-accento)}
.formula .scheda__finite+.btn{margin-top:4px}
.carrello__extra{padding-top:8px}
.regalo-box{margin-top:18px;padding:16px;border:1px solid var(--filo-tenue);background:var(--carta)}
.regalo-box__si{display:flex;gap:12px;align-items:flex-start;min-height:44px;cursor:pointer}
.regalo-box__si input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--verde)}
.regalo-box__si b{display:block;font:500 1.2rem/1.25 var(--f-titolo);color:var(--inchiostro-titoli)}
.regalo-box__si small{display:block;font-size:.875rem;color:var(--testo-tenue)}
.regalo-box__campi{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.regalo-box .campo{display:flex;flex-direction:column;gap:6px}
.regalo-box .campo label{font-size:.875rem;color:var(--testo)}
.regalo-box .campo label small{color:var(--testo-tenue)}
.regalo-box .campo input,.regalo-box .campo textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--bordo-campo);border-radius:var(--r);background:#fff;color:var(--testo);font-size:1rem}
.regalo-box .campo textarea{min-height:96px;line-height:1.45;resize:vertical}
.regalo-box .campo input:focus-visible,.regalo-box .campo textarea:focus-visible{outline:2px solid var(--oro-scuro);outline-offset:1px;border-color:var(--verde)}
.regalo-box .campo [aria-invalid="true"]{border-color:var(--errore)}
.regalo-box__conta{align-self:flex-end;font-size:.75rem;color:var(--testo-tenue);font-variant-numeric:tabular-nums}
.regalo-box .riga-piccola{font-size:.8125rem}
.riga--finita img{filter:grayscale(1);opacity:.6}
.riga__avviso{margin-top:6px;font-size:.875rem;font-weight:700;color:var(--errore)}
.qta button:disabled{opacity:.35;cursor:not-allowed}
.nota-raccolta{font-size:.8125rem;color:var(--verde)}
.nota-gao{padding:10px 12px;border:1px solid var(--filo);font-size:.875rem;line-height:1.5;color:var(--verde)}
.nota-gao a{color:var(--verde);font-weight:700}
.azioni-rifiuto{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.azioni-rifiuto .btn{min-height:44px;padding:0 14px}
/* pagina «ordine confermato»: albero adottato, documenti, regalo */
.alberi-ordine{display:flex;flex-direction:column;gap:10px;margin-top:12px;list-style:none;padding:0}
.alberi-ordine li{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border:1px solid var(--filo-tenue);background:var(--carta)}
.alberi-ordine b{font:italic 500 1.45rem/1.2 var(--f-titolo);color:var(--verde-accento)}
.alberi-ordine span{font-size:var(--t-piccolo);color:var(--testo-tenue)}
.link-doc{display:inline-flex;align-items:center;min-height:44px;color:var(--verde);text-decoration:underline;text-decoration-color:var(--filo);text-underline-offset:4px}
.ordine__documenti{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:8px}
.riepilogo__nota{display:flex;gap:8px;align-items:flex-start;margin:0;padding:12px 20px;border-top:1px solid var(--filo-tenue);font-size:var(--t-piccolo);color:var(--verde)}
.riepilogo__nota svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--oro-scuro)}

/* ---------- Dal diario dell'agrumeto (adotta.html, voci pubblicate dalla titolare) ---------- */
.diario-sito__voci{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),380px));justify-content:center;gap:var(--gap-schede);align-items:start}
.diario-sito__voce{display:flex;flex-direction:column;gap:8px;padding:0 0 24px;background:var(--carta);border:1px solid var(--filo-tenue);overflow:hidden}
.diario-sito__voce img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin-bottom:8px}
.diario-sito__voce h3{font-size:1.4rem;margin:0 24px}
.diario-sito__voce p{margin:0 24px}
.diario-sito__voce>:first-child:not(img){margin-top:24px}
.diario-sito__quando{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--oro-scuro)}

/* ---------- carrello su schermi bassi o mentre si scrive (regalo, targhetta) ----------
   Il piede fisso occupa ~410 px: su un telefono basso, e ancora di più con la tastiera
   aperta, il biglietto del regalo finiva dietro. Qui scorre tutto il carrello. */
@media (max-height:740px){
  .carrello{overflow-y:auto;overscroll-behavior:contain}
  .carrello__testa{position:sticky;top:0;z-index:2;background:var(--avorio)}
  .carrello__righe{flex:none;overflow:visible}
  .carrello__piede{position:static}
}
.carrello.carrello--scrive{overflow-y:auto;overscroll-behavior:contain}
.carrello.carrello--scrive .carrello__testa{position:sticky;top:0;z-index:2;background:var(--avorio)}
.carrello.carrello--scrive .carrello__righe{flex:none;overflow:visible}
.carrello.carrello--scrive .carrello__piede{position:static}

/* ---------- 20. il marchio, le fasce di prezzo, i richiami ---------- */
svg[viewBox="0 0 2750 1484"]{aspect-ratio:2750/1484}

/* le fasce di prezzo delle arance (home e negozio): tre colonne divise da fili d'oro */
.fasce{max-width:920px;margin:clamp(40px,5vw,56px) auto 0;padding:clamp(24px,3.4vw,36px) clamp(18px,3vw,32px);border:1px solid var(--filo-tenue);background:var(--carta);text-align:center}
.fasce__titolo{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.3em;text-transform:uppercase;color:var(--oro-scuro)}
.fasce__elenco{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.fasce__elenco li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px}
.fasce__elenco li+li{border-left:1px solid var(--filo-tenue)}
.fasce__elenco b{font:500 clamp(1.45rem,1.15rem + 1vw,2.05rem)/1.05 var(--f-titolo);color:var(--verde);font-synthesis:none;white-space:nowrap;font-variant-numeric:lining-nums}
.fasce__elenco span{font-size:.8125rem;line-height:1.35;color:var(--testo-tenue)}
.fasce__nota{max-width:62ch;margin:18px auto 0;font-size:var(--t-piccolo);color:var(--testo-tenue)}
.fasce__nota a{color:var(--verde)}

/* richiamo ai G.A.O. nel negozio, sotto le fasce di prezzo */
.richiamo-gao{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 20px;max-width:920px;margin:22px auto 0;
  padding:clamp(22px,3.4vw,32px);background:var(--verde-notte);color:var(--avorio);border:1px solid var(--filo)}
.richiamo-gao__icona{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--filo);color:var(--oro)}
.richiamo-gao__icona svg{width:32px;height:32px}
.richiamo-gao__nome{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.26em;text-transform:uppercase;color:var(--oro-chiaro)}
.richiamo-gao h2{margin-top:6px;font-size:clamp(1.4rem,1.2rem + .7vw,1.75rem);color:var(--avorio)}
.richiamo-gao p{margin-top:6px;font-size:var(--t-piccolo);line-height:1.6;color:rgba(246,241,230,.86)}
.richiamo-gao .btn{grid-column:1/-1;justify-self:stretch;border-color:var(--oro);color:var(--avorio)}
.richiamo-gao .btn:hover{background:rgba(194,162,78,.12);border-color:var(--oro-chiaro);color:var(--oro-chiaro)}
@media (min-width:700px){.richiamo-gao{grid-template-columns:auto minmax(0,1fr) auto}.richiamo-gao .btn{grid-column:auto;justify-self:end}}
/* nella conferma d'ordine la colonna è stretta: il pulsante va sotto */
@media (min-width:700px){.ordine-gao{grid-template-columns:auto minmax(0,1fr)}.ordine-gao .btn{grid-column:2;justify-self:start}}

/* scheda: quante cassette da 10 kg */
.quante{display:flex;flex-direction:column;gap:10px;margin-top:2px}
.quante__riga{display:flex;align-items:center;gap:16px}
.qta--scheda{margin-top:0;background:var(--carta);border-color:var(--bordo-campo)}
.qta--scheda button{width:46px;height:46px;font-size:1.2rem}
.qta--scheda span{min-width:34px;font-size:1.05rem}
.qta button:focus-visible{outline:2px solid var(--oro-scuro);outline-offset:-3px}
.quante__kg{font:italic 500 1.45rem/1 var(--f-titolo);color:var(--verde);font-variant-numeric:tabular-nums lining-nums;font-synthesis:none}
.quante__misto{font-size:.8125rem;line-height:1.5;color:var(--testo-tenue)}
.scheda__fasce{margin-top:-6px;font-size:.8125rem;line-height:1.5;color:var(--testo-tenue)}

/* carrello: la fascia raggiunta e quanto manca alla prossima */
.barra-fascia{font-size:var(--t-piccolo);line-height:1.5;color:var(--testo)}
.barra-fascia p b{font-weight:700;color:var(--verde)}
.barra-fascia .bar{height:2px;margin:8px 0;background:var(--filo-tenue)}
.barra-fascia .bar i{display:block;height:100%;background:var(--verde)}
.barra-fascia__badge{display:inline-block;margin-left:6px;padding:2px 8px;border:1px solid var(--verde);color:var(--verde);font-size:.75rem;letter-spacing:.06em;white-space:nowrap}
.barra-fascia__sotto{display:block;font-size:.8125rem;color:var(--testo-tenue)}

/* la tendina «Negozio» (computer): una scheda avorio sotto il link, con le due voci (app.js → montaTendina) */
.menu__gruppo{position:relative;display:flex;align-items:center;gap:6px}
.menu__freccia{display:grid;place-items:center;width:24px;height:30px;margin:0 -6px 0 0;padding:0;border:0;background:transparent;color:inherit}
.menu__freccia svg{width:10px;height:7px;transition:transform .4s var(--e)}
.menu__freccia[aria-expanded="true"] svg{transform:rotate(180deg)}
.menu__tendina{position:absolute;left:-22px;top:calc(100% + 22px);z-index:5;width:300px;margin:0;padding:10px;list-style:none;
  background:var(--avorio);border:1px solid var(--filo-tenue);box-shadow:0 26px 54px -26px rgba(33,59,37,.42);
  opacity:0;visibility:hidden;transition:opacity .35s var(--e),transform .35s var(--e),visibility 0s linear .35s}
@media (prefers-reduced-motion:no-preference){.menu__tendina{transform:translateY(6px)}}
.menu__gruppo.aperta .menu__tendina,
html:not(.js) .menu__gruppo:hover .menu__tendina,html:not(.js) .menu__gruppo:focus-within .menu__tendina{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--e),transform .35s var(--e),visibility 0s}
/* un ponte invisibile fra il link e la tendina: il mouse ci passa senza chiuderla */
.menu__gruppo.aperta::after{content:"";position:absolute;left:0;right:0;top:100%;height:24px}
.menu .menu__tendina a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--testo);text-decoration:none;
  font:400 .9375rem/1.3 var(--f-testo);letter-spacing:0;text-transform:none;white-space:normal;text-shadow:none!important;transition:background-color .3s var(--e)}
.menu .menu__tendina a::after{display:none}
.menu .menu__tendina li+li a{border-top:1px solid var(--filo-tenue)}
.menu .menu__tendina a:hover,.menu .menu__tendina a:focus-visible{background:var(--avorio-2);color:var(--testo)}
.menu .menu__tendina a:focus-visible{outline:2px solid var(--oro-scuro);outline-offset:-2px}
.menu__tendina b{display:block;font:500 1.3rem/1.2 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none}
.menu__tendina small{display:block;margin-top:2px;font-size:.8125rem;line-height:1.4;color:var(--testo-tenue)}
.menu__pallino{display:none}

/* la varietà dell'albero adottato (la sceglie chi adotta) */
.scegli-varieta{margin:0;padding:0;border:0;min-width:0}
.scegli-varieta legend{padding:0;margin-bottom:10px;font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--verde)}
.scegli-varieta__scelte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.scegli-varieta__voce{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 14px;border:1px solid var(--bordo-campo);
  background:var(--carta);cursor:pointer;transition:border-color .3s var(--e),background-color .3s var(--e),box-shadow .3s var(--e)}
.scegli-varieta__voce input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.scegli-varieta__voce b{display:block;font:500 1.25rem/1.15 var(--f-titolo);color:var(--inchiostro-titoli)}
.scegli-varieta__voce small{display:block;font-size:.8125rem;line-height:1.3;color:var(--testo-tenue)}
.scegli-varieta__pallino{flex:none;width:18px;height:18px;border-radius:50%;border:1px solid var(--oro);box-shadow:inset 0 0 0 3px var(--carta)}
.scegli-varieta__voce:hover{background:var(--avorio-2)}
/* 21/10/2026 (cliente): il pallino col colore dell'arancia: Navel gialla, Tarocco rossa */
.scegli-varieta__voce--navel .scegli-varieta__pallino{background:#E8B931;border-color:#C99A16}
.scegli-varieta__voce--tarocco .scegli-varieta__pallino{background:#B8322A;border-color:#8E231D}
.scegli-varieta__voce:has(input:checked) .scegli-varieta__pallino{box-shadow:inset 0 0 0 3px var(--carta),0 0 0 2px var(--verde)}
.scegli-varieta__voce:has(input:checked){border-color:var(--verde);box-shadow:inset 0 0 0 1px var(--verde)}
.scegli-varieta__voce:has(input:checked) .scegli-varieta__pallino{background:var(--verde);border-color:var(--verde)}
.scegli-varieta__voce:has(input:focus-visible){outline:2px solid var(--oro-scuro);outline-offset:2px}
.scegli-varieta__errore{margin-top:8px;font-size:var(--t-piccolo);font-weight:700;color:var(--errore)}
.scegli-varieta-riga{max-width:640px;margin:0 auto 34px}
.riga__varieta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;font-size:.875rem;color:var(--testo)}
.riga__varieta button{min-height:36px;padding:0 14px;border:1px solid var(--oro);background:var(--carta);color:var(--verde);font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.2em;text-transform:uppercase}
.riga__varieta button:hover{background:var(--verde);border-color:var(--verde);color:var(--avorio)}

/* la gift card dell'albero (adotta.html#regala, carrello, ordine confermato): verde notte
   col doppio anello d'oro del marchio, ferma, niente animazioni */
.carta-regalo{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;
  width:100%;max-width:460px;aspect-ratio:1.586/1;margin:0;padding:clamp(22px,6.5%,32px);border-radius:6px;
  background:radial-gradient(120% 90% at 85% 10%,#2D4D32 0%,var(--verde-notte) 60%);color:var(--avorio);
  box-shadow:0 30px 60px -32px rgba(33,59,37,.6)}
.carta-regalo::before{content:"";position:absolute;inset:10px;z-index:-1;border:1px solid var(--oro);border-radius:3px;pointer-events:none}
.carta-regalo::after{content:"";position:absolute;inset:14px;z-index:-1;border:1px solid var(--filo-tenue);border-radius:2px;pointer-events:none}
.carta-regalo__deco{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}
.carta-regalo__cerchio,.carta-regalo__foglia{display:none}
.carta-regalo__testa{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:auto}
/* la gift card è verde notte: il simbolo in negativo, corpo avorio e foglia d'oro */
.carta-regalo__logo{width:clamp(44px,13%,58px);height:auto;aspect-ratio:1;color:var(--avorio);--logo-dettagli:var(--oro);overflow:visible}
.carta-regalo__tipo{font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.32em;text-transform:uppercase;color:var(--oro-chiaro);padding-top:8px}
.carta-regalo__titolo{max-width:22ch;font:500 clamp(1.45rem,1.15rem + 1.2vw,1.95rem)/1.1 var(--f-titolo);color:var(--avorio);font-synthesis:none}
.carta-regalo__titolo span{display:block;font-style:italic;color:var(--oro-chiaro)}
.carta-regalo__cosa{max-width:70%;font-size:.8125rem;line-height:1.45;color:rgba(246,241,230,.8)}
.carta-regalo__per{display:flex;align-items:baseline;gap:12px;max-width:80%;margin-top:10px;padding-top:10px;border-top:1px solid var(--filo-tenue)}
.carta-regalo__per span{flex:none;font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.28em;text-transform:uppercase;color:var(--oro-chiaro)}
.carta-regalo__per b{min-width:0;font:italic 500 1.45rem/1.15 var(--f-titolo);color:var(--avorio);font-synthesis:none;overflow-wrap:anywhere}
.carta-regalo__per b.vuoto{color:rgba(246,241,230,.6)}
/* piccola, nel carrello */
.carta-regalo--piccola{max-width:340px;padding:20px 22px;gap:4px}
.carta-regalo--piccola .carta-regalo__logo{width:38px}
.carta-regalo--piccola .carta-regalo__titolo{font-size:1.25rem}
.carta-regalo--piccola .carta-regalo__cosa{font-size:.75rem}
.carta-regalo--piccola .carta-regalo__per{margin-top:6px;padding-top:6px}
.carta-regalo--piccola .carta-regalo__per b{font-size:1.15rem}
/* il biglietto scritto a mano, sotto la carta */
.biglietto-regalo{width:min(100%,400px);margin:18px 0 0 auto;padding:18px 22px 20px;background:var(--carta);border:1px solid var(--filo-tenue);
  box-shadow:0 18px 36px -26px rgba(33,59,37,.4)}
.biglietto-regalo__eti{display:block;font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--oro-scuro)}
.biglietto-regalo p{margin-top:8px;font:italic 400 1.25rem/1.45 var(--f-titolo);color:var(--verde-accento);white-space:pre-line;overflow-wrap:anywhere;font-synthesis:none}

/* «Regala il tuo albero» (adotta.html#regala): testo e scelte a sinistra, la carta a destra */
.regala{position:relative;padding-block:var(--sezione);background:var(--avorio-2);border-block:1px solid var(--filo-tenue)}
.regala__griglia{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.regala__intesta{display:flex;flex-direction:column;gap:18px}
.regala__carta{display:flex;flex-direction:column;align-items:center}
.regala__azioni{display:flex;flex-direction:column;gap:20px;max-width:520px}
.regala__nota{width:min(100%,460px);margin-top:14px;font:italic 400 1.02rem/1.45 var(--f-titolo);color:var(--testo-tenue);text-align:center}
@media (min-width:900px){
  .regala__griglia{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intesta carta" "azioni carta";column-gap:clamp(48px,6vw,104px);row-gap:30px}
  .regala__intesta{grid-area:intesta;align-self:end}
  .regala__azioni{grid-area:azioni;align-self:start}
  .regala__carta{grid-area:carta;align-self:center}
}

/* carrello: la gift card e la riga dell'albero regalato */
.regalo-box__carta{display:flex;justify-content:center;margin-bottom:4px}
.riga__regalo{display:flex;align-items:center;gap:7px;margin-top:6px;font:italic 500 1.05rem/1.3 var(--f-titolo);color:var(--verde-accento)}
.riga__regalo svg{flex:none;width:15px;height:15px}

/* ordine confermato: la gift card nel riepilogo */
.riepilogo__carta{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-top:1px solid var(--filo-tenue)}
.riepilogo__carta>p{font:italic 400 1.05rem/1.4 var(--f-titolo);color:var(--verde-accento);text-align:center}

/* ---------- 21. «Vendere di più» (VENDERE-DI-PIU.md §A, Flavio, 19/10/2026) ----------
   WhatsApp fisso, prossima raccolta, rassicurazioni, calendario della stagione, Natale,
   recensioni, la tendina con le varietà. Stesso abito del resto: fili d'oro, Cormorant,
   niente effetti da gioco; le comparse rispettano «riduci movimento». */

/* 1 · il pulsante WhatsApp: un tondo verde col filo d'oro, in basso a destra; «Scrivici» al passaggio.
   Sta sotto carrello, menu, pannello «Aggiunto» e barra della newsletter, e sale sopra quest'ultima. */
.wa{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom) + var(--nl-alto,0px));z-index:64;
  display:block;color:var(--avorio);text-decoration:none;-webkit-tap-highlight-color:transparent;
  transition:opacity .4s var(--e),visibility 0s,bottom .45s var(--e)}
.wa:hover{color:var(--avorio)}
.wa__tondo{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--verde);border:1px solid var(--oro);
  box-shadow:0 14px 30px -14px rgba(23,32,26,.65);transition:background-color .5s var(--e),border-color .5s var(--e),color .5s var(--e)}
.wa__tondo svg{width:23px;height:23px}
.wa__testo{position:absolute;right:calc(100% + 10px);top:50%;padding:10px 14px;white-space:nowrap;background:var(--verde);border:1px solid var(--filo);
  font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.26em;text-transform:uppercase;color:var(--avorio);
  opacity:0;visibility:hidden;transform:translate(6px,-50%);pointer-events:none;
  transition:opacity .45s var(--e),transform .45s var(--e),visibility 0s linear .45s}
.wa:hover .wa__tondo,.wa:focus-visible .wa__tondo{background:var(--verde-notte);border-color:var(--oro-chiaro);color:var(--oro-chiaro)}
.wa:hover .wa__testo,.wa:focus-visible .wa__testo{opacity:1;visibility:visible;transform:translate(0,-50%);transition:opacity .45s var(--e),transform .45s var(--e),visibility 0s}
.wa:focus-visible{outline:none}
/* il fuoco si vede sia sulle fasce chiare sia su quelle verdi: anello oro chiaro fra due fili verde notte */
.wa:focus-visible .wa__tondo{outline:2px solid var(--oro-chiaro);outline-offset:2px;box-shadow:0 0 0 6px var(--verde-notte)}
@media (hover:none){.wa__testo{display:none}}
@media (min-width:1100px){.wa{right:28px;bottom:calc(28px + var(--nl-alto,0px))}.wa__tondo{width:56px;height:56px}.wa__tondo svg{width:25px;height:25px}}
body.carrello-aperto .wa,body.menu-aperto .wa,body.aggiunto-aperto .wa{opacity:0;visibility:hidden;transition:opacity .3s var(--e),visibility 0s linear .3s}
/* sul telefono gli avvisi in basso (toast, G.A.O.) prendono tutta la larghezza: il tondo lascia il posto */
@media (max-width:699px){body:has(.toast.su) .wa,body:has(.vc-avviso.su) .wa{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.wa,.wa__testo{transition:none}}
@media print{.wa{display:none!important}}

/* 2 · «Prossima raccolta»: sotto il pulsante della prima schermata, accanto ad «Acquista», sotto il calendario */
.riga-raccolta{display:flex;align-items:center;gap:12px;margin-top:-4px;font:italic 500 1.15rem/1.3 var(--f-titolo);color:var(--avorio);
  text-shadow:0 1px 12px rgba(0,0,0,.45);font-synthesis:none}
.riga-raccolta::before,.riga-raccolta::after{content:"";flex:none;width:22px;height:1px;background:var(--oro-chiaro)}
html.eroe-entra .eroe-d .apertura-home__invito>.riga-raccolta{animation:eroe-entra .8s var(--e) 2.55s both}
html.eroe-entra .eroe-d .apertura-home__invito>.riga-micro{animation-delay:2.7s}
@media (max-width:700px){.riga-raccolta{font-size:1.08rem;gap:10px}.riga-raccolta::before,.riga-raccolta::after{width:16px}}
.scheda__raccolta{display:flex;align-items:center;gap:10px;margin:-2px 0 -4px;font:italic 500 1.12rem/1.35 var(--f-titolo);color:var(--verde-accento);font-synthesis:none}
.scheda__raccolta svg{flex:none;width:15px;height:15px;color:var(--oro-scuro)}
/* il nome della scheda porta alla pagina della varietà */
.scheda__nome{color:inherit;text-decoration:none;background:linear-gradient(var(--oro),var(--oro)) 0 100%/0 1px no-repeat;transition:background-size .5s var(--e),color .4s var(--e)}
.scheda__nome:hover,.scheda__nome:focus-visible{color:inherit;background-size:100% 1px}

/* 4 · le rassicurazioni: una riga, quattro icone a tratto con la parola sotto, in maiuscolo piccolo */
.rassicura{--fondo-ic:var(--carta);list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:0 4px}
.rassicura li{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center;
  font:400 .625rem/1.35 var(--f-testo);letter-spacing:.13em;text-transform:uppercase;color:var(--testo-tenue)}
.rassicura svg{flex:none;width:22px;height:20px;color:var(--oro-scuro)}
@media (min-width:1100px){.rassicura li{letter-spacing:.16em}}
.carrello__piede .rassicura{--fondo-ic:var(--avorio-2);margin-top:6px}
.aggiunto__rassicura .rassicura{--fondo-ic:var(--avorio);margin-top:18px}

/* 3 · il calendario della stagione: una fascia verde notte, i 12 mesi su un filo d'oro, una linea per varietà */
.cal-stagione{padding-block:clamp(72px,9vw,124px);background:var(--verde-notte);color:var(--avorio)}
.cal-stagione .intesta-centro{margin-bottom:clamp(40px,5vw,60px)}
.cal-stagione h2{color:var(--avorio)}
.cal-stagione h2 em{color:var(--oro-chiaro)}
.cal-stagione :focus-visible{outline-color:var(--oro-chiaro)}
.cal-stagione__filo{max-width:980px;margin-inline:auto}
.cal-stagione__riserva{text-align:center;font:italic 400 1.3rem/1.4 var(--f-titolo);color:rgba(246,241,230,.88)}
.cal-stagione__raccolta{margin-top:clamp(26px,3vw,36px);text-align:center;font:italic 500 1.2rem/1.4 var(--f-titolo);color:var(--oro-chiaro);font-synthesis:none}
/* la griglia (Flavio, 19/10/2026: «il sito ospiterà più frutti»): i mesi in colonna, una riga per prodotto,
   raggruppate per categoria; a sinistra nome e descrizione, sulla griglia una barra d'oro sui mesi di stagione.
   --chi è la colonna dei nomi (sul telefono 0: il nome va sopra la sua barra). La banda di oggi sta sotto le
   righe e copre la colonna del mese in corso. Oro sul verde notte: 4,9:1 (barre), oro chiaro 6,9:1. */
.calr{--chi:clamp(200px,24vw,270px);position:relative;max-width:1080px;margin-inline:auto}
.calr__banda{position:absolute;top:0;bottom:0;z-index:0;left:calc(var(--chi) + (var(--oggi) - 1) * (100% - var(--chi)) / 12);width:calc((100% - var(--chi)) / 12);
  border-radius:var(--r);background:rgba(217,195,132,.09);box-shadow:inset 0 0 0 1px rgba(217,195,132,.2);pointer-events:none}
.calr__testa,.calr__riga{position:relative;z-index:1;display:grid;grid-template-columns:var(--chi) minmax(0,1fr);align-items:center}
.calr__mesi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.calr__mesi li{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 0 14px;font:italic 400 clamp(.98rem,.9rem + .3vw,1.12rem)/1 var(--f-titolo);
  color:rgba(246,241,230,.76);font-synthesis:none}
.calr__mesi li.oggi{color:var(--oro-chiaro);font-style:normal;font-weight:600}
.calr__mesi em{font:400 .625rem/1 var(--f-testo);font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--oro-chiaro)}
.calr__corto{display:none}
.calr__gruppi,.calr__righe{list-style:none;margin:0;padding:0}
.calr__gruppo+.calr__gruppo{margin-top:22px}
.calr__categoria{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:16px 0 6px;
  font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.28em;text-transform:uppercase;color:var(--oro-chiaro)}
.calr__categoria::after{content:"";flex:1;height:1px;background:var(--filo-tenue)}
.calr__riga{padding-block:12px;border-top:1px solid var(--filo-tenue)}
.calr__gruppo .calr__riga:last-child{border-bottom:1px solid var(--filo-tenue)}
.calr__categoria+.calr__righe>.calr__riga:first-child{border-top:0}
.calr__chi{display:flex;align-items:center;gap:12px;min-width:0;padding-right:16px}
.calr__chi img{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--oro)}
.calr__chi p{min-width:0}
.calr__chi b{display:block;font:500 1.35rem/1.15 var(--f-titolo);color:var(--avorio);font-synthesis:none}
.calr__chi a{color:inherit;text-decoration:underline;text-decoration-color:var(--filo);text-decoration-thickness:1px;text-underline-offset:5px}
.calr__chi a:hover{color:var(--oro-chiaro);text-decoration-color:var(--oro-chiaro)}
.calr__chi small{display:block;margin-top:3px;font-size:.875rem;line-height:1.35;color:rgba(246,241,230,.8)}
.calr__traccia{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:40px;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 12 - 1px),rgba(194,162,78,.11) calc(100% / 12 - 1px),rgba(194,162,78,.11) calc(100% / 12))}
.calr__barra{grid-row:1;height:12px;margin-inline:5px;border-radius:999px;background:linear-gradient(90deg,var(--oro),var(--oro-chiaro));
  box-shadow:0 0 0 1px rgba(23,32,26,.35)}
.calr--una{max-width:900px}
.calr--una .calr__riga{border-bottom:1px solid var(--filo-tenue)}
.cal-stagione__azioni{margin-top:10px;text-align:center}
@media (max-width:640px){
  .calr{--chi:0px}
  .calr__testa,.calr__riga{grid-template-columns:minmax(0,1fr)}
  .calr__spazio{display:none}
  .calr__lungo{display:none}
  .calr__corto{display:block;font-style:normal;font-family:var(--f-testo);font-size:.8125rem;letter-spacing:.04em}
  .calr__mesi em{font-size:.55rem;letter-spacing:.06em}
  .calr__riga{gap:8px;padding-block:14px 12px}
  .calr__chi{padding-right:0}
  .calr__chi img{width:34px;height:34px}
  .calr__chi b{font-size:1.25rem}
  .calr__barra{height:10px;margin-inline:3px}
}

/* 5 · Natale: una fascia avorio con la gift card in primo piano */
.natale{padding-block:clamp(64px,8vw,112px);background:var(--avorio-2);border-bottom:1px solid var(--filo-tenue)}
.natale--negozio{border-top:1px solid var(--filo-tenue)}
.natale__griglia{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
@media (min-width:900px){.natale__griglia{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(48px,6vw,104px)}}
.natale__testo{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.natale h2{max-width:15ch}
.natale__riga{max-width:34ch;font:italic 500 clamp(1.3rem,1.15rem + .6vw,1.6rem)/1.35 var(--f-titolo);color:var(--verde-accento);font-synthesis:none}
.natale__sotto{max-width:50ch;font-size:var(--t-piccolo);line-height:1.65;color:var(--testo-tenue)}
.natale__azioni{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.natale__cassette{max-width:52ch;margin-top:8px;padding-top:18px;border-top:1px solid var(--filo);font-size:var(--t-piccolo);line-height:1.65;color:var(--testo)}
.natale__cassette b{font-weight:700;color:var(--verde)}
.natale__cassette a{margin-left:4px}
.natale__eti{display:block;margin-bottom:6px;font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.26em;text-transform:uppercase;color:var(--oro-scuro)}
.natale__carta{display:flex;justify-content:center}
.natale .carta-regalo{max-width:440px;box-shadow:0 40px 70px -34px rgba(33,59,37,.7)}
/* sul telefono la gift card sale subito dopo il titolo: è lei il regalo */
@media (max-width:899px){
  .natale__griglia{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
  .natale__testo{display:contents}
  .natale__carta{order:4;align-self:stretch;margin:10px 0 8px}
  .natale__sotto{order:5}.natale__azioni{order:6}.natale__cassette{order:7}
}
@media (max-width:639px){.natale__azioni{align-self:stretch}.natale__azioni .btn{width:100%}}
.natale__cassette .link-freccia{display:flex;width:max-content;min-height:40px;margin:4px 0 0}

/* 7 · le recensioni vere: tre biglietti avorio col doppio filo, stelle d'oro */
.recensioni__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-schede)}
@media (min-width:860px){.recensioni__lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
.recensione figure{height:100%;display:flex;flex-direction:column;gap:18px;margin:0;padding:clamp(28px,3.2vw,40px);background:var(--carta);
  border:1px solid var(--filo-tenue);box-shadow:inset 0 0 0 6px var(--carta),inset 0 0 0 7px var(--filo-tenue)}
.recensione__stelle{display:flex;gap:5px}
.recensione__stelle svg{width:17px;height:17px}
.recensione__stelle .piena{fill:var(--oro);stroke:var(--oro-scuro);stroke-width:1}
.recensione__stelle .vuota{fill:none;stroke:var(--oro-scuro);stroke-width:1}
.recensione blockquote{flex:1;margin:0}
.recensione blockquote p{font:italic 400 clamp(1.3rem,1.2rem + .4vw,1.5rem)/1.45 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none;overflow-wrap:anywhere}
.recensione figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-top:16px;border-top:1px solid var(--filo-tenue);
  font:400 var(--t-micro)/1.5 var(--f-testo);letter-spacing:.22em;text-transform:uppercase;color:var(--testo-tenue)}
.recensione figcaption b{font-weight:700;color:var(--verde)}

/* 6 · la tendina «Negozio» con le varietà sotto «Arance» (computer) e nel menu del telefono */
.menu .menu__tendina .menu__varieta{list-style:none;margin:0 0 6px 18px;padding:0 0 0 4px;border-left:1px solid var(--filo-tenue)}
.menu .menu__tendina .menu__varieta a{padding:8px 12px;border-top:0!important}
.menu .menu__tendina .menu__varieta b{font-size:1.12rem}
.menu-mobile__varieta{list-style:none;display:flex;flex-wrap:wrap;gap:0 26px;margin:-8px 0 2px;padding:0 0 0 18px}
.menu-mobile__voci .menu-mobile__varieta a{font:italic 400 1.15rem/1.2 var(--f-titolo);letter-spacing:0;color:rgba(246,241,230,.88)}
.menu-mobile__voci .menu-mobile__varieta a[aria-current="page"]{color:var(--oro-chiaro)}

/* ---------- 22. le pagine delle varietà (arance-navel.html, arance-tarocco.html; VENDERE-DI-PIU §A.6) ----------
   Foto grande e nome, la scheda del negozio senza foto, «Com'è», la stagione, come si conservano,
   l'albero di quella varietà, le domande brevi, l'altra varietà. */
.briciole{padding-top:clamp(16px,2.2vw,26px)}
.briciole ol{list-style:none;margin-block:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;
  font:400 var(--t-micro)/1.6 var(--f-testo);letter-spacing:.2em;text-transform:uppercase;color:var(--testo-tenue)}
.briciole li{display:flex;align-items:center}
.briciole li+li::before{content:"";flex:none;width:14px;height:1px;margin:0 10px;background:var(--oro)}
.briciole a{display:inline-flex;align-items:center;min-height:36px;color:var(--testo-tenue);text-decoration:none}
.briciole a:hover{color:var(--verde)}
.briciole [aria-current]{color:var(--verde)}
.varieta{padding-block:clamp(14px,2.4vw,32px) clamp(64px,8vw,112px)}
.varieta__griglia{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
@media (min-width:900px){.varieta__griglia{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,5.5vw,96px);align-items:start}}
.varieta__foto{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--avorio-2)}
.varieta__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (min-width:900px){.varieta__foto{position:sticky;top:calc(var(--barra) + 72px + 28px)}}
/* sotto i 900 px la foto è quadrata e al massimo 540 px: il file più grande è 898 px (niente foto sgranate sui tablet) */
@media (max-width:899px){.varieta__foto{aspect-ratio:1/1;width:100%;max-width:540px;justify-self:center}}
.varieta__testo{display:flex;flex-direction:column;gap:16px}
@media (min-width:900px){.varieta__testo{padding-top:clamp(8px,2vw,36px)}}
.varieta__sotto{font:italic 400 clamp(1.3rem,1.15rem + .6vw,1.6rem)/1.3 var(--f-titolo);color:var(--verde-accento);font-synthesis:none}
.varieta__desc{max-width:52ch;font-size:var(--t-lead);line-height:1.65;color:var(--testo-tenue)}
.varieta__stagione{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding-block:14px;border-block:1px solid var(--filo-tenue);
  font:italic 500 1.25rem/1.3 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none}
.varieta__stagione .occhiello-piccolo{font-style:normal;color:var(--oro-scuro)}
.varieta__scheda{max-width:none;margin:6px 0 0;grid-template-columns:minmax(0,1fr)!important}
.varieta__scheda .scheda:hover{transform:none;box-shadow:none}
.scheda--senza-foto .scheda__corpo{padding:clamp(22px,3vw,34px)}
.varieta__senza-js{font-size:var(--t-piccolo);color:var(--testo-tenue)}
/* «Com'è»: le righe come un'etichetta, fili d'oro */
.varieta-come{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(30px,5vw,80px)}
@media (min-width:900px){.varieta-come{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}
.varieta-come .intesta{margin-bottom:0}
.carta-varieta{margin:0;border-top:1px solid var(--oro)}
.carta-varieta>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--filo-tenue)}
.carta-varieta dt{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--oro-scuro)}
.carta-varieta dd{margin:0;font:italic 500 clamp(1.25rem,1.15rem + .4vw,1.45rem)/1.35 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none}
@media (max-width:480px){.carta-varieta>div{grid-template-columns:84px minmax(0,1fr);gap:12px}}
/* l'altra varietà: la fascia sottile dei G.A.O., con una foto tonda */
.varieta-altra__foto{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--oro)}
.varieta-altra__sotto{margin-top:4px;font:italic 400 1.1rem/1.35 var(--f-titolo);color:var(--testo-tenue)}

/* ---------- 23. la cassetta di stagione nel negozio (VENDERE-DI-PIU §A.8; si vede solo ad abbonamento acceso) ---------- */
.richiamo-abbonamento{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 20px;max-width:920px;margin:clamp(28px,4vw,40px) auto 0;
  padding:clamp(22px,3.4vw,32px);background:var(--carta);border:1px solid var(--filo-tenue);box-shadow:inset 0 0 0 6px var(--carta),inset 0 0 0 7px var(--filo-tenue)}
.richiamo-abbonamento__icona{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--oro);color:var(--oro-scuro)}
.richiamo-abbonamento__icona svg{width:30px;height:30px}
.richiamo-abbonamento__nome{font:400 var(--t-micro)/1.4 var(--f-testo);letter-spacing:.26em;text-transform:uppercase;color:var(--oro-scuro)}
.richiamo-abbonamento h2{margin-top:6px;font-size:clamp(1.45rem,1.2rem + .8vw,1.85rem)}
.richiamo-abbonamento p:not(.richiamo-abbonamento__nome){margin-top:6px;font-size:var(--t-piccolo);line-height:1.6;color:var(--testo-tenue)}
.richiamo-abbonamento .btn{grid-column:1/-1;justify-self:stretch}
@media (min-width:700px){.richiamo-abbonamento{grid-template-columns:auto minmax(0,1fr) auto}.richiamo-abbonamento .btn{grid-column:auto;justify-self:end}}
.scheda__abbonamento{align-self:center;min-height:40px;margin-top:-6px;font:italic 500 1.12rem/1.3 var(--f-titolo);letter-spacing:0;text-transform:none;color:var(--verde-accento);
  text-decoration-color:var(--oro);text-underline-offset:5px;font-synthesis:none}
/* i link dentro una frase del piede («Foto dimostrative: crediti») si riconoscono anche senza colore (WCAG 1.4.1) */
.piede-sito__fondo p a:not(.btn){text-decoration:underline;text-decoration-color:var(--filo);text-underline-offset:4px}
/* la frase su da dove vengono le recensioni (art. 22, c. 5-bis): sotto i tre biglietti */
.recensioni__fonte{max-width:70ch;margin:clamp(28px,3.4vw,40px) auto 0;text-align:center;font-size:var(--t-piccolo);line-height:1.65;color:var(--testo-tenue)}

/* ---------- 24. angoli morbidi «da boutique» (Flavio, 19/10/2026) ----------
   Le schede e i riquadri a 20 px con le foto che prendono gli angoli (overflow:hidden), i pulsanti e i campi
   a 10 px (--r, già nelle regole di sopra), le foto da sole a 18 px, le etichette sulle foto a 8 px: mai pillole.
   I tondi (icone, contatore, punti) restano tondi; le fasce a tutta larghezza restano dritte. Ombre leggere. */
/* schede, riquadri e pannelli */
.scheda,.formula,.adozione-breve,.fasce,.richiamo-gao,.richiamo-abbonamento,.recensione figure,.contatto,.riquadro-gao,
.certificato,.diario-sito__voce,.carta-regalo,.biglietto-regalo,.menu__tendina{border-radius:var(--r-scheda)}
.scheda,.adozione-breve,.recensione figure,.diario-sito__voce,.menu__tendina{overflow:hidden}
.scheda,.adozione-breve,.fasce{box-shadow:var(--ombra-morbida)}
.formula{box-shadow:inset 0 0 0 6px var(--carta),inset 0 0 0 7px var(--filo-tenue),var(--ombra-morbida)}
.recensione figure{box-shadow:inset 0 0 0 6px var(--carta),inset 0 0 0 7px var(--filo-tenue),var(--ombra-morbida)}
.richiamo-abbonamento{box-shadow:inset 0 0 0 6px var(--carta),inset 0 0 0 7px var(--filo-tenue),var(--ombra-morbida)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.scheda:hover{box-shadow:var(--ombra-su)}}
/* il doppio filo d'oro della gift card segue l'angolo */
.carta-regalo::before{border-radius:calc(var(--r-scheda) - 10px)}
.carta-regalo::after{border-radius:calc(var(--r-scheda) - 14px)}
.carta-regalo--piccola{border-radius:16px}
.carta-regalo--piccola::before{border-radius:6px}.carta-regalo--piccola::after{border-radius:3px}
/* le voci della tendina prendono l'angolo del riquadro */
.menu .menu__tendina a{border-radius:var(--r)}
/* il carrello (dal lato del sito) e il pannello «Aggiunto» */
@media (min-width:451px){.carrello{border-radius:var(--r-scheda) 0 0 var(--r-scheda)}}
.aggiunto{border-radius:var(--r-scheda) var(--r-scheda) 0 0}
@media (min-width:700px){.aggiunto{border-radius:var(--r-scheda)}}
.nl-banner{border-radius:var(--r-scheda)}
@media (max-width:699px){.nl-banner{border-radius:var(--r-scheda) var(--r-scheda) 0 0}}
.toast{border-radius:var(--r)}
/* piccoli riquadri, selettori e campi */
.regalo-box,.avviso,.nota-gao,.riga__varieta button,.scegli-varieta__voce,.tabs,.wa__testo,.barra-fascia .bar,.campo-nome input{border-radius:var(--r)}
.tabs{overflow:hidden}
.qta{border-radius:var(--r);overflow:hidden}
.formati__scelte{border-radius:var(--r);overflow:hidden}
.formati label:first-of-type{border-radius:var(--r) 0 0 var(--r)}
.formati label:last-of-type{border-radius:0 var(--r) var(--r) 0}
.formati label:only-of-type{border-radius:var(--r)}
/* etichette sulle foto e bollini di testo: 8 px, niente pillole */
.scheda__etichetta,.adozione-breve__etichetta,.scheda__invito,.formula__linguetta,.fascia-gao__presto,.barra-fascia__badge,.consegne span{border-radius:var(--r-etichetta)}
/* le miniature del carrello e del pannello */
.riga img,.aggiunto__riga img{border-radius:var(--r-etichetta)}
/* le foto da sole nelle sezioni */
.varieta__foto,.foto-riquadro,.foto-da-girare{border-radius:var(--r-foto);overflow:hidden}
.foto-cornice::before{border-radius:var(--r-foto)}
.cal-stagione__lead{color:rgba(246,241,230,.86)}
.targa{border-radius:6px}

/* ---------- 25. la goccia che diventa albero (gruppo A, MARCHIO-E-ANIMAZIONI §2) ----------
   goccia.js mette uno strato a tutta pagina (aria-hidden, senza clic) con il filo d'oro e la goccia, che si
   muove solo col transform. Sotto la testata, la barra delle ancore e il carrello; sopra le schede. Tutto è
   legato allo scorrimento, quindi resta anche con «riduci movimento». Senza JS lo strato non c'è e gli alberi
   sono già cresciuti (le immagini nei <noscript>). */
.goccia-strato{position:absolute;left:0;top:0;z-index:3;width:100%;overflow:hidden;pointer-events:none}
.goccia-strato svg{position:absolute;left:0;top:0;overflow:visible}
.goccia-scia{will-change:opacity}
.goccia-filo{stroke:var(--oro);stroke-opacity:.6;stroke-width:1;stroke-linecap:round}
.goccia-viva{will-change:transform}
/* la goccia del sigillo (e l'icona dell'olio) resta al suo posto finché non si scorre, poi parte */
[data-goccia-origine]{transition:opacity .3s var(--e)}
html .goccia-via{opacity:0}
.goccia-tappo{opacity:0;transition:opacity .3s var(--e)}
.goccia-tappo.su{opacity:1}
@media (prefers-reduced-motion:reduce){[data-goccia-origine],.goccia-tappo{transition-duration:.15s}}
/* home, computer: l'arancio si ferma sullo schermo mentre cresce, accanto al testo che scorre */
@media (min-width:1000px){
  .adotta-albero{align-self:stretch}
  .adotta .albero[data-modo="scorrimento"]{position:sticky;top:calc(var(--barra) + var(--testata-h) + 28px);
    width:min(100%,560px,calc((100vh - var(--barra) - var(--testata-h) - 72px) / 1.1))}
}
/* negozio, #olio: l'ulivo accanto alle lattine sul computer, sotto sul telefono (mai addosso ai pulsanti) */
.olio-palco{display:flex;flex-direction:column;gap:clamp(36px,6vw,56px)}
.olio-ulivo{display:flex;justify-content:center}
.albero--ulivo{aspect-ratio:1/.92;width:min(100%,360px);margin:0}
@media (min-width:1000px){
  .olio-palco{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,2fr);column-gap:clamp(28px,3.5vw,52px);align-items:end}
  .olio-palco>.olio-ulivo{grid-column:1;grid-row:1}
  .olio-palco>.griglia-olio{grid-column:2;grid-row:1;max-width:none;margin:0}
  .albero--ulivo{width:100%}
  /* con tre oli le lattine prendono tutta la riga e l'ulivo torna sotto */
  .olio-palco:has(.griglia-olio>.scheda:nth-child(3)){display:flex}
  /* un olio solo, la Coratina (gruppo O-dati, 20/10/2026): la scheda e l'ulivo affiancati e vicini, al centro della
     pagina, invece della scheda spinta a destra in una colonna larga; l'ulivo cresce accanto alla lattina, a terra
     col fondo della scheda. La griglia prende tutta la riga (la scheda a destra) e l'ulivo sta sul suo spazio vuoto,
     a sinistra: così goccia.js non lo vede «accanto» (cr.destra > gr.x) e la goccia scende sul margine e poi entra
     nell'ulivo, invece di cadere dritta sul titolo e sul testo, che con l'ulivo vicino al centro sono sopra di lui */
  .olio-palco:has(.griglia-olio>.scheda:only-child){grid-template-columns:minmax(0,1fr) minmax(0,400px);
    column-gap:clamp(40px,5vw,72px);max-width:980px;margin-inline:auto}
  .olio-palco>.griglia-olio:has(>.scheda:only-child){grid-column:1/-1;display:flex;justify-content:flex-end}
  .olio-palco>.griglia-olio>.scheda:only-child{flex:0 0 400px;width:400px;max-width:100%}
  .olio-palco:has(.griglia-olio>.scheda:only-child) .albero--ulivo{width:min(100%,480px)}
}
/* negozio, #adozioni (Flavio, 21/10/2026): la goccia arancione scende dall'icona dell'occhiello e fa crescere
   l'arancio accanto alla scheda dell'adozione sul computer, sotto sul telefono */
.occhiello__icona--frutto{color:var(--logo-frutto,#D9912F)}
.adozioni-palco{display:flex;flex-direction:column;gap:clamp(36px,6vw,56px)}
.adozioni-arancio{display:flex;justify-content:center}
.albero--negozio{width:min(100%,360px);margin:0}
@media (min-width:1000px){
  .adozioni-palco{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);column-gap:clamp(28px,3.5vw,52px);align-items:end}
  .adozioni-palco>.adozioni-arancio{grid-column:1;grid-row:1}
  .adozioni-palco>.adozioni-brevi{grid-column:2;grid-row:1;max-width:none;margin:0}
  .albero--negozio{width:100%}
}