@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════════════════
   LERIE — Azienda Agricola Vanzanelli
   Foglio di stile unico. Caratteri ospitati in locale (nessuna chiamata esterna).

   Il sistema in breve
   · colori, palette "Pietra e oliva": la pietra leccese per i fondi, il verde oliva
     per testi, bottoni e fasce, l'oro del marchio solo nei dettagli (filetti, corsivi,
     il bottone principale). Il piè di pagina resta nel verde notte.
   · caratteri: Bodoni Moda per i titoli e le "voci" in corsivo, Hanken Grotesk per
     il testo e l'interfaccia. Il maiuscolo spaziato solo dove serve a farsi notare:
     il menu in alto e il pulsante principale della home.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Caratteri ──────────────────────────────────────────────────────────── */
/* Bodoni Moda e Hanken Grotesk sono "variabili": un solo file per tutti i pesi.
   Bodoni Moda adatta anche il disegno alla dimensione (filetti più sottili nei titoli grandi). */
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;
  src:url('../fonts/bodoni-moda-latin-opsz-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;
  src:url('../fonts/bodoni-moda-latin-opsz-italic.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('../fonts/hanken-grotesk-latin-wght-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ── Variabili ──────────────────────────────────────────────────────────── */
:root{
  /* pietra leccese (fondi chiari) */
  --calce:#EDE4CF;          /* fondo pagina e barra in alto */
  --pietra:#E2D5B7;         /* fasce, pannelli, riepiloghi */
  --pietra-2:#D8C8A3;       /* pietra in ombra (hover, campi pieni) */
  --carta:#F5EFE2;          /* interno dei campi, menu a tendina */
  --linea:rgba(35,45,21,.16);       /* filetti */
  --linea-forte:rgba(35,45,21,.36); /* bordi di campi e bottoni a filo */
  --fondo-prodotto:#EFE7D4; /* dietro le illustrazioni dei prodotti */

  /* verdi */
  --notte:#0F170B;          /* piè di pagina (il verde notte di prima) */
  --oliva-notte:#2E3B1C;    /* fasce scure */
  --oliva:#2E3B1C;          /* bottone principale */
  --oliva-scura:#1B2210;    /* fascia prima del piè di pagina; bottone principale al passaggio del mouse */
  --oliva-viva:#545D3B;     /* fuoco dei campi, scelte attive */
  --salvia:#A9AD8A;         /* corsivi chiari su fondo scuro */
  --salvia-chiara:#B9BC9B;  /* la stessa salvia, un filo più chiara sopra le fotografie */

  /* oro del marchio */
  --oro:#A8843A;            /* filetti e decorazioni */
  --oro-vivo:#C9A443;       /* fondo del bottone oro */
  --oro-chiaro:#DCC07C;     /* testo oro su fondo scuro */
  --oro-testo:#6E5014;      /* testo oro su fondo chiaro (AA anche sulla pietra) */

  /* testo */
  --inchiostro:#232D15;     /* titoli */
  --testo:#363E26;          /* testo corrente */
  --tenue:#555A3D;          /* testo secondario */
  --chiaro:#F5EFE2;         /* testo chiaro sui fondi scuri */
  --errore:#9B3B2E;

  /* nomi precedenti, tenuti per gli stili scritti nelle pagine */
  --crema:var(--calce); --sabbia:var(--pietra); --sabbia-2:var(--pietra-2); --bordo:var(--linea);
  --verde-notte:var(--notte); --verde-scuro:var(--oliva-notte); --verde:var(--oliva);
  --verde-chiaro:var(--oliva-viva); --oro-tenue:var(--oro-chiaro);

  --ff-display:'Bodoni Moda','Bodoni 72',Didot,'Times New Roman',serif;
  --ff-body:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ff-ui:var(--ff-body);

  --max:1240px;
  --max-testo:58ch;
  --gut:clamp(1.25rem,5vw,4rem);
  --sez:clamp(4.75rem,3rem + 7vw,9rem);
  --sez-s:clamp(3.25rem,2.25rem + 4vw,5.75rem);
  --hd-h:86px;
  --r:2px;

  --ombra:0 1px 2px rgba(27,34,16,.06),0 14px 34px -10px rgba(27,34,16,.2);
  --ombra-alta:0 2px 6px rgba(27,34,16,.07),0 26px 60px -14px rgba(27,34,16,.28);
  --t:240ms cubic-bezier(.3,0,.2,1);
}
@media (max-width:900px){:root{--hd-h:68px}}

/* ── Reset ──────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;
  scroll-padding-top:calc(var(--hd-h) + 1.25rem)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--calce);color:var(--testo);
  font-family:var(--ff-body);font-size:clamp(1rem,.97rem + .18vw,1.125rem);
  font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto;display:block}
picture{display:contents}
figure{margin:0}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--ff-display);font-weight:500;line-height:1.08;
  letter-spacing:-.008em;color:var(--inchiostro);font-variant-numeric:lining-nums;
  text-wrap:balance;overflow-wrap:break-word}
/* Bodoni Moda cambia disegno con la grandezza: lasciato fare da solo, nei titoli grandi usa
   filetti di appena 0,2px, che sugli schermi comuni spariscono. Qui gli diciamo quale "taglio"
   usare: stesso carattere, linee sottili più robuste. Numero più alto = filetti più sottili. */
h1,h2,h3,h4,legend,.occhiello,.hero__sotto,.duo__cap,.dati dt,.dati__et,.dl-dati dt,.hd__nav > a,
.card__prezzo,.pdp__prezzo,.riga__tot,.riepilogo__riga--tot{font-variation-settings:"opsz" var(--opsz,11)}
.t-xxl{--opsz:28}
.t-xl{--opsz:20}
.t-l,.cultivar__corpo h3,.pdp__prezzo{--opsz:15}
p{margin:0 0 1.1em;text-wrap:pretty}
p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0}
strong{font-weight:500;color:var(--inchiostro)}
::selection{background:rgba(201,164,67,.32);color:var(--inchiostro)}
:focus-visible{outline:2px solid var(--oro-testo);outline-offset:3px;border-radius:var(--r)}
:is(.hero,.claim,.fascia,.ft,.scuro,.toast) :focus-visible,.hd--sopra:not(.hd--pieno) :focus-visible{outline-color:var(--oro-chiaro)}

/* ── Utilità ────────────────────────────────────────────────────────────── */
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.wrap-stretto{max-width:calc(50rem + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.sez{padding-block:var(--sez)}
.sez--compatta,.sez-corta{padding-block:var(--sez-s)}
.sez--pietra{background:var(--pietra)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--notte);
  color:var(--chiaro);padding:.85rem 1.35rem;text-decoration:none}
.skip:focus{left:.5rem;top:.5rem}
.centro{text-align:center}

/* ── Tipografia ─────────────────────────────────────────────────────────── */
/* La "voce" del sito: corsivo oro, come la firma del marchio */
.occhiello{font-family:var(--ff-display);font-style:italic;font-weight:500;
  font-size:clamp(1rem,.95rem + .25vw,1.1875rem);line-height:1.35;letter-spacing:0;
  color:var(--oro-testo);margin:0 0 .8rem;font-variant-numeric:lining-nums}
.occhiello--chiaro{color:var(--oro-chiaro)}
/* il punto in mezzo dritto: quello corsivo di Bodoni pende verso la parola dopo */
.occhiello__punto{font-style:normal}
.t-xxl{font-size:clamp(2.5rem,1.35rem + 4.6vw,5.25rem);font-weight:500;line-height:1;letter-spacing:-.015em}
.t-xl{font-size:clamp(2.125rem,1.45rem + 2.4vw,3.5rem);font-weight:500;line-height:1.06;letter-spacing:-.012em}
.t-l{font-size:clamp(1.65rem,1.3rem + 1.3vw,2.45rem);font-weight:500;line-height:1.12;letter-spacing:-.01em}
.t-m{font-size:clamp(1.3rem,1.15rem + .5vw,1.55rem);font-weight:500;line-height:1.22;letter-spacing:-.005em}
.t-s{font-family:var(--ff-body);font-size:.9375rem;font-weight:500;letter-spacing:.01em;line-height:1.4}
.guida{font-size:clamp(1.0625rem,1rem + .28vw,1.25rem);line-height:1.65;font-weight:300;
  color:var(--testo);max-width:54ch}
.testo{max-width:var(--max-testo)}
.tenue{color:var(--tenue)}
/* spazio tra un titolo grande e il testo che lo segue */
:is(.t-xl,.t-l) + :is(.guida,.testo,.prosa){margin-top:1.5rem}

/* ── Bottoni e collegamenti ─────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:3.25rem;
  padding:.85em 1.9em;font-family:var(--ff-body);font-size:.9375rem;font-weight:500;
  letter-spacing:.035em;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;
  border:1px solid transparent;border-radius:var(--r);
  transition:background-color var(--t),border-color var(--t),color var(--t),box-shadow var(--t)}
.btn--pieno{background:var(--oliva);border-color:var(--oliva);color:var(--chiaro)}
.btn--pieno:hover{background:var(--oliva-scura);border-color:var(--oliva-scura);box-shadow:var(--ombra)}
.btn--oro{background:var(--oro-vivo);border-color:var(--oro-vivo);color:var(--notte)}
.btn--oro:hover{background:var(--oro-chiaro);border-color:var(--oro-chiaro);box-shadow:0 10px 30px -12px rgba(0,0,0,.45)}
.btn--linea{background:transparent;border-color:var(--linea-forte);color:var(--inchiostro)}
.btn--linea:hover{border-color:var(--inchiostro)}
.btn--linea-chiara{background:transparent;border-color:rgba(245,239,226,.55);color:var(--chiaro)}
.btn--linea-chiara:hover{background:var(--chiaro);border-color:var(--chiaro);color:var(--notte)}
.btn--piccolo{min-height:2.75rem;padding:.6em 1.3em;font-size:.875rem}
.btn--maiuscolo{padding-inline:2.2em;font-size:.8125rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.btn--pieno-largo{width:100%}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}

.link-freccia{display:inline-flex;align-items:center;gap:.5em;padding-bottom:.3em;
  font-size:.9375rem;font-weight:500;letter-spacing:.02em;color:var(--inchiostro);text-decoration:none;
  border-bottom:1px solid var(--oro);transition:color var(--t),border-color var(--t),gap var(--t)}
.link-freccia:hover{gap:.75em;color:var(--oro-testo);border-color:var(--oro-testo)}
.link-freccia--chiaro{color:var(--chiaro);border-color:var(--oro-chiaro)}
.link-freccia--chiaro:hover{color:var(--oro-chiaro)}

/* ── Intestazione ───────────────────────────────────────────────────────── */
.hd{position:sticky;top:0;z-index:100;background:var(--calce);border-bottom:1px solid var(--linea);
  transition:background-color var(--t),border-color var(--t),box-shadow var(--t)}
.hd__in{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.5rem);height:var(--hd-h);
  max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.hd__logo{flex:0 0 auto;margin-right:auto;display:block;line-height:0}
.hd__logo img{width:auto;height:calc(var(--hd-h) - 22px)}
@media (max-width:900px){.hd__logo img{height:calc(var(--hd-h) - 18px)}}
/* il logo: oro pieno sui fondi scuri (home, sopra la foto), oro più profondo sulla barra chiara */
.hd__logo .logo--su-scuro{display:none}
.hd__nav{display:flex;align-items:center;gap:clamp(1.25rem,2.6vw,2.5rem)}
.hd__nav > a{position:relative;padding:.55rem 0;font-family:var(--ff-ui);font-size:.8125rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--testo);text-decoration:none;white-space:nowrap;
  transition:color var(--t)}
.hd__nav > a::after{content:"";position:absolute;left:0;right:0;bottom:.15rem;height:1px;background:var(--oro);
  transform:scaleX(0);transform-origin:left;transition:transform var(--t)}
.hd__nav > a:hover,.hd__nav > a[aria-current="page"]{color:var(--inchiostro)}
.hd__nav > a:hover::after,.hd__nav > a[aria-current="page"]::after{transform:scaleX(1)}
.hd__azioni{display:flex;align-items:center;gap:.15rem;flex:0 0 auto;margin-right:-.7rem}

.lang{position:relative}
.lang__btn{display:inline-flex;align-items:center;gap:.4rem;height:2.75rem;padding:0 .7rem;background:none;
  border:0;border-radius:var(--r);font-family:var(--ff-ui);font-size:.75rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--testo);
  cursor:pointer;transition:color var(--t),background-color var(--t)}
.lang__btn[aria-expanded="true"]{color:var(--inchiostro);background:rgba(35,45,21,.06)}
@media (hover:hover){.lang__btn:hover{color:var(--inchiostro);background:rgba(35,45,21,.06)}}
.lang__btn svg{transition:transform var(--t)}
.lang__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.lang__menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:20;display:none;min-width:10.5rem;
  padding:.4rem;list-style:none;background:var(--carta);border:1px solid var(--linea);
  border-radius:var(--r);box-shadow:var(--ombra-alta)}
.lang__menu[data-open="true"]{display:block}
.lang__menu a{display:block;padding:.6rem .85rem;font-size:.9375rem;color:var(--testo);text-decoration:none;
  border-radius:var(--r);transition:background-color var(--t),color var(--t)}
.lang__menu a:hover{background:var(--pietra);color:var(--inchiostro)}
.lang__menu a[aria-current="true"]{color:var(--oro-testo);font-weight:500}

/* carrello: solo l'icona e il numero; la parola "Carrello" resta nascosta per i lettori di schermo */
.carrello-btn{display:inline-flex;align-items:center;gap:.4rem;min-width:2.75rem;height:2.75rem;padding:0 .65rem;
  border-radius:var(--r);font-family:var(--ff-ui);color:var(--testo);text-decoration:none;
  transition:color var(--t),background-color var(--t)}
@media (hover:hover){.carrello-btn:hover{color:var(--inchiostro);background:rgba(35,45,21,.06)}}
.carrello-btn svg{width:21px;height:21px;flex:0 0 auto}
.carrello-btn__n{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;
  padding:0 .38rem;border-radius:999px;background:var(--oro-vivo);color:var(--notte);
  font-size:.6875rem;font-weight:600;letter-spacing:0;line-height:1}
.carrello-btn__n[hidden]{display:none}

.burger{display:none;position:relative;width:2.75rem;height:2.75rem;padding:0;background:none;border:0;
  border-radius:var(--r);cursor:pointer;color:var(--inchiostro)}
.burger span{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;
  transition:transform var(--t),opacity var(--t)}
.burger span:nth-child(1){top:15px}
.burger span:nth-child(2){top:21px}
.burger span:nth-child(3){top:27px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media (max-width:900px){
  .burger{display:block}
  .hd__azioni{gap:0;margin-right:-.6rem}
  /* menu a tutta pagina sotto la barra */
  .hd__nav{position:fixed;inset:var(--hd-h) 0 0 0;z-index:90;display:none;flex-direction:column;
    align-items:stretch;gap:0;padding:1rem var(--gut) 3rem;background:var(--calce);
    border-top:1px solid var(--linea);overflow-y:auto;overscroll-behavior:contain}
  .hd__nav[data-open="true"]{display:flex}
  .hd__nav > a{padding:1.1rem 0 1rem;font-family:var(--ff-display);font-size:clamp(1.6rem,1.35rem + 1.3vw,2.05rem);
    font-weight:500;line-height:1.12;letter-spacing:-.008em;text-transform:none;color:var(--inchiostro);
    white-space:normal;border-bottom:1px solid var(--linea)}
  .hd__nav > a::after{display:none}
  .hd__nav > a[aria-current="page"]{color:var(--oro-testo)}
  /* su schermo piccolo la tendina IT sparisce: le lingue sono in fondo al menu */
  .lang{display:none}
  .hd__lingue{display:flex;flex-wrap:wrap;gap:.25rem 1.6rem;margin-top:2rem;list-style:none}
  .hd__lingue a{display:inline-block;padding:.6rem 0;font-size:1rem;font-weight:500;letter-spacing:.01em;
    color:var(--tenue);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--t),border-color var(--t)}
  .hd__lingue a:hover{color:var(--inchiostro)}
  .hd__lingue a[aria-current="true"]{color:var(--inchiostro);border-bottom-color:var(--oro)}
}
/* le lingue dentro il menu servono solo quando il menu è a tutta pagina */
@media (min-width:901px){.hd__lingue{display:none}}

/* Home: barra fissa e trasparente sopra la foto di apertura.
   Appena si scorre (classe hd--pieno, messa da shop.js) o si apre un menu torna chiara. */
.hd--sopra{position:fixed;top:0;left:0;right:0}
.hd--pieno{box-shadow:0 10px 30px -22px rgba(27,34,16,.45)}
.hd--sopra:not(.hd--pieno):not(:has([data-open="true"])){background:transparent;border-bottom-color:transparent}
.hd--sopra:not(.hd--pieno):not(:has([data-open="true"])) :is(.hd__nav > a,.lang__btn,.carrello-btn,.burger){color:var(--chiaro)}
@media (hover:hover){.hd--sopra:not(.hd--pieno):not(:has([data-open="true"])) :is(.lang__btn,.carrello-btn):hover{background:rgba(245,239,226,.12)}}
.hd--sopra:not(.hd--pieno):not(:has([data-open="true"])) .hd__nav > a::after{background:var(--oro-chiaro)}
.hd--sopra:not(.hd--pieno):not(:has([data-open="true"])) .hd__logo .logo--su-chiaro{display:none}
.hd--sopra:not(.hd--pieno):not(:has([data-open="true"])) .hd__logo .logo--su-scuro{display:block}

/* ── Apertura (home) ────────────────────────────────────────────────────── */
.hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;
  min-height:100vh;min-height:min(100svh,68rem);overflow:hidden;background:var(--oliva-notte)}
.hero__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(15,23,11,.68) 0%,rgba(15,23,11,.25) 14%,rgba(15,23,11,0) 28%),
    linear-gradient(90deg,rgba(15,23,11,.82) 0%,rgba(15,23,11,.5) 36%,rgba(15,23,11,.08) 66%,rgba(15,23,11,0) 100%),
    linear-gradient(0deg,#2E3B1C 0%,rgba(46,59,28,.8) 16%,rgba(46,59,28,0) 50%)}
.hero__in{width:100%;max-width:var(--max);margin-inline:auto;
  padding:calc(var(--hd-h) + 3rem) var(--gut) clamp(4.5rem,2.5rem + 7vw,9rem)}
.hero .occhiello{color:var(--oro-chiaro);margin-bottom:1.15rem;font-size:clamp(1.05rem,.95rem + .45vw,1.3rem);font-style:normal}
/* "Olio Lerie" e il nome dell'azienda: due righe dello stesso titolo, stessa grandezza */
.hero__azienda{display:block}
.hero h1{margin:0 0 1.2rem;color:var(--chiaro);text-shadow:0 2px 34px rgba(15,23,11,.35)}
/* la firma sotto il titolo: corsivo salvia, come nel piè di pagina del sito alternativo */
.hero__sotto{max-width:34ch;margin:0 0 2.6rem;font-family:var(--ff-display);font-style:italic;font-weight:400;
  font-size:clamp(1.25rem,1.1rem + .65vw,1.75rem);line-height:1.35;color:var(--salvia-chiara);
  text-shadow:0 1px 18px rgba(15,23,11,.4)}
.hero__cta{display:flex;flex-wrap:wrap;gap:.85rem}
@media (max-width:640px){
  .hero{min-height:92svh}
  .hero::after{background:
    linear-gradient(180deg,rgba(15,23,11,.6) 0%,rgba(15,23,11,.12) 18%,rgba(15,23,11,.2) 30%,rgba(15,23,11,.66) 46%,rgba(46,59,28,.92) 72%,#2E3B1C 100%)}
  .hero__cta .btn{flex:1 1 13rem}
}

/* ── I quattro punti (fascia scura sotto l'apertura) ────────────────────── */
.claim{background:var(--oliva-notte);color:var(--chiaro);
  padding-block:clamp(3rem,2rem + 3vw,5rem) clamp(4.75rem,3rem + 6vw,8.5rem)}
/* quattro colonne; con la sottogriglia i testi partono alla stessa altezza anche se un titolo va a capo */
.claim__punti{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(1.75rem,3.2vw,3.25rem)}
.claim__punto{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;
  padding-top:1.6rem;border-top:1px solid rgba(220,192,124,.5)}
.claim__punto h2{margin:0;padding-bottom:.9rem;font-family:var(--ff-display);font-style:normal;
  font-weight:500;font-size:clamp(1.35rem,1.15rem + .55vw,1.6rem);line-height:1.15;letter-spacing:0;
  color:var(--chiaro);text-wrap:balance}
.claim__punto p{margin:0;max-width:34ch;font-size:1rem;line-height:1.7;
  color:rgba(245,239,226,.8)}
@media (max-width:1080px){
  .claim__punti{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:3.25rem}
}
@media (max-width:640px){
  .claim__punti{grid-template-columns:1fr;row-gap:2.5rem}
  .claim__punto{padding-top:1.35rem}
}

/* ── Le cultivar (Il gusto) ─────────────────────────────────────────────── */
.cultivar{background:var(--pietra)}
.cultivar__testa{max-width:46rem}
.cultivar__testa .occhiello{margin-bottom:1rem}
.cultivar__griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4.5rem);
  margin-top:clamp(2.5rem,5vw,4.5rem)}
.cultivar__card{display:flex;flex-direction:column}
.cultivar__fig{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);background:var(--pietra-2)}
.cultivar__fig img{width:100%;height:100%;object-fit:cover}
.cultivar__corpo{padding-top:clamp(1.35rem,2.4vw,1.9rem)}
.cultivar__corpo h3{margin:0 0 .65rem;font-size:clamp(1.65rem,1.35rem + 1.05vw,2.35rem);font-weight:500;line-height:1.05}
.cultivar__corpo p{margin:0;max-width:42ch;color:var(--tenue);line-height:1.7}
@media (max-width:760px){
  .cultivar__griglia{grid-template-columns:1fr;gap:2.75rem}
}

/* ── I formati (griglia prodotti) ───────────────────────────────────────── */
.prodotti{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.8vw,2.75rem);
  margin-top:clamp(2.5rem,5vw,4.25rem)}
.card{position:relative;display:flex;flex-direction:column;min-width:0}
.card__fig{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:var(--r);background:var(--fondo-prodotto)}
:is(.card__fig,.pdp__fig,.riga__fig)::after{content:"";position:absolute;inset:0;border:1px solid rgba(35,45,21,.08);border-radius:inherit;pointer-events:none}
.card__fig a{display:block;height:100%}
.card__fig img{width:100%;height:100%;object-fit:cover;transition:transform 900ms cubic-bezier(.2,.6,.2,1)}
@media (hover:hover){.card:hover .card__fig img{transform:scale(1.025)}}
.card__body{display:flex;flex-direction:column;flex:1;padding-top:1.4rem}
.card__formato{margin:0 0 .3rem;font-size:.8125rem;font-weight:500;letter-spacing:.08em;color:var(--oro-testo)}
.card__nome{margin:0;font-size:clamp(1.4rem,1.25rem + .5vw,1.7rem);font-weight:500;line-height:1.12}
.card__nome a{color:inherit;text-decoration:none;transition:color var(--t)}
.card__nome a:hover{color:var(--oro-testo)}
.card__riga{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem 1rem;
  margin:1rem 0 1.4rem;padding-top:1rem;border-top:1px solid var(--linea)}
.card__prezzo{font-family:var(--ff-display);font-size:1.55rem;font-weight:500;line-height:1;
  color:var(--inchiostro);font-variant-numeric:lining-nums}
.card__litro{font-size:.8125rem;color:var(--tenue);white-space:nowrap}
.card__azioni{display:flex;flex-direction:column;align-items:stretch;gap:.3rem;margin-top:auto}
/* "Scheda prodotto": un collegamento, non un secondo bottone */
.card__azioni .btn--linea{min-height:2.75rem;padding:.5rem 0;background:none;border-color:transparent;
  font-size:.9375rem;letter-spacing:.02em;text-decoration:none}
.card__azioni .btn--linea:hover{color:var(--oro-testo);border-color:transparent}
@media (max-width:860px){
  .prodotti{gap:1rem}
  .card__riga{flex-direction:column;align-items:flex-start}
  .card__azioni .btn--pieno{padding-inline:.9rem;letter-spacing:.02em}
}
/* telefono: scheda orizzontale, immagine a sinistra */
@media (max-width:600px){
  .prodotti{grid-template-columns:1fr;gap:1.75rem}
  .card{display:grid;grid-template-columns:minmax(0,43%) minmax(0,1fr);gap:0 1.15rem;align-items:stretch}
  .card__fig{aspect-ratio:auto;min-height:13rem}
  .card__body{padding-top:.2rem}
  .card__nome{font-size:1.35rem}
  .card__riga{margin:.7rem 0 1rem;padding-top:.7rem;gap:.15rem}
  .card__prezzo{font-size:1.45rem}
  .card__azioni .btn--pieno{min-height:2.9rem;padding:.55em .7rem;font-size:.875rem;letter-spacing:.015em}
  .card__azioni .btn--linea{min-height:2.5rem;font-size:.875rem}
}

/* ── Blocco testo + immagine ────────────────────────────────────────────── */
.duo{display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,6vw,6.5rem);align-items:center}
@media (min-width:900px){
  .duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .duo--invertito .duo__testo{order:2}
  .duo--storia{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}
.duo__testo{max-width:36rem}
.duo__azione{margin-top:2.25rem}
.duo__fig img{width:100%;border-radius:var(--r)}
.duo__fig--alta{width:100%;max-width:23rem;justify-self:center}
@media (min-width:900px){.duo__fig--alta{justify-self:end}}
.duo__cap{margin-top:.85rem;font-family:var(--ff-display);font-style:italic;font-weight:400;
  font-size:.9375rem;line-height:1.5;color:var(--tenue)}

/* foto d'archivio della home: due stampe, la seconda appoggiata sulla prima */
.mosaico{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.25rem)}
.mosaico img{width:100%;border-radius:var(--r)}
.mosaico--home{grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:end;padding-bottom:2.5rem}
.mosaico--home figure:nth-child(1){grid-column:1 / span 7;grid-row:1}
.mosaico--home figure:nth-child(2){grid-column:6 / span 7;grid-row:1;position:relative;z-index:1;
  transform:translateY(2.5rem)}
.mosaico--home figure:nth-child(2) img{box-shadow:0 0 0 clamp(.375rem,.8vw,.625rem) var(--pietra)}
/* pagina storia: due foto orizzontali alla stessa altezza, nelle loro proporzioni */
.mosaico--coppia{grid-template-columns:minmax(0,1.18fr) minmax(0,1.48fr);gap:clamp(1rem,2.5vw,2rem);
  align-items:start;margin-top:clamp(3rem,6vw,5.5rem)}
@media (max-width:640px){
  .mosaico--coppia{grid-template-columns:1fr;gap:1.75rem}
}

/* ── Sezioni scure ──────────────────────────────────────────────────────── */
.scuro{background:var(--oliva-notte);color:rgba(245,239,226,.88)}
.scuro :is(h2,h3){color:var(--chiaro)}
.scuro .tenue{color:rgba(245,239,226,.72)}
.scuro .guida{color:rgba(245,239,226,.86)}

/* ── Servizi (spedizione, ritiro, pagamento) ────────────────────────────── */
.tris{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.75rem,4vw,3.75rem)}
.tris h3{margin:0 0 .55rem;font-size:clamp(1.25rem,1.12rem + .45vw,1.45rem);font-weight:500;line-height:1.2}
.tris p{margin:0;max-width:36ch;font-size:.9375rem;line-height:1.7;color:var(--tenue)}
.scuro .tris p{color:rgba(245,239,226,.76)}
@media (max-width:760px){.tris{grid-template-columns:1fr;gap:2rem}}

/* ── Fascia finale (invito all'acquisto) ────────────────────────────────── */
/* la palette del piè di pagina del sito alternativo: verde oliva scurissimo e testo color pietra */
.fascia{background:var(--oliva-scura);color:var(--pietra);text-align:center;
  padding-block:clamp(5rem,3.25rem + 7vw,9.5rem)}
.fascia h2{max-width:20ch;margin:0 auto 1.3rem;color:var(--pietra)}
.fascia p{max-width:46ch;margin:0 auto 2.6rem;font-size:clamp(1rem,.96rem + .28vw,1.1875rem);
  font-weight:300;line-height:1.65;color:var(--pietra)}

/* ── Testata delle pagine interne ───────────────────────────────────────── */
/* stesso fondo della pagina: l'intestazione non è una fascia a sé, prosegue nella sezione sotto */
.testata{background:transparent;padding-block:clamp(3rem,2rem + 4vw,5.75rem) 0}
.testata + .sez{padding-top:clamp(2.5rem,1.5rem + 3vw,4.5rem)}
.testata .occhiello{margin-bottom:1rem}
.testata .occhiello--sotto{margin:1.1rem 0 0;font-style:normal}
.testata h1{max-width:22ch}
.testata p:not(.occhiello){max-width:58ch;margin:1.35rem 0 0;font-size:clamp(1rem,.96rem + .28vw,1.1875rem);
  font-weight:300;line-height:1.65;color:var(--tenue)}
.testata--centro{text-align:center}
.testata--centro h1,.testata--centro p:not(.occhiello){margin-inline:auto}
.testata--centro h1{max-width:24ch}

.briciole{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:clamp(1.5rem,3vw,2.5rem);
  font-size:.875rem;letter-spacing:.01em;color:var(--tenue)}
.briciole a{color:var(--tenue);text-decoration:none;transition:color var(--t)}
.briciole a:hover{color:var(--inchiostro)}
.briciole span{margin-inline:.65rem;color:#A3906A}

/* ── Scheda prodotto ────────────────────────────────────────────────────── */
.sez--pdp{padding-top:clamp(1.75rem,1rem + 2.5vw,3.25rem)}
/* carrello, cassa, conferma: si arriva subito al dunque */
.sez--negozio{padding-top:clamp(2.5rem,1.5rem + 3vw,4.5rem)}
.pdp{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,5.5rem);align-items:start}
@media (min-width:940px){.pdp{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr)}}
.pdp__fig{position:sticky;top:calc(var(--hd-h) + 1.5rem);overflow:hidden;border-radius:var(--r);
  background:var(--fondo-prodotto)}
.pdp__fig img{width:100%}
@media (max-width:939px){
  .pdp__fig{position:relative;top:auto;width:100%;max-width:34rem;aspect-ratio:4/5}
  .pdp__fig img{height:100%;object-fit:cover;object-position:50% 22%}
}
.pdp__info{max-width:36rem}
.pdp__info .occhiello{margin-bottom:.5rem}
.pdp__info h1{margin-bottom:1.6rem}
.pdp__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.1rem;margin:2.1rem 0 0;
  padding-top:1.6rem;border-top:1px solid var(--linea)}
.pdp__prezzo{font-family:var(--ff-display);font-size:clamp(2rem,1.7rem + 1vw,2.6rem);font-weight:500;
  line-height:1;color:var(--inchiostro);font-variant-numeric:lining-nums}
.pdp__iva{font-size:.875rem;color:var(--tenue)}
.pdp__compra{display:flex;flex-wrap:wrap;align-items:stretch;gap:.75rem;margin:1.6rem 0 1rem}
.pdp__compra .btn{flex:1 1 9rem}
.pdp__nota{font-size:.875rem;color:var(--tenue)}
.pdp__nota a{color:inherit;text-decoration:underline;text-decoration-color:var(--linea-forte);
  text-underline-offset:3px;transition:text-decoration-color var(--t)}
.pdp__nota a:hover{text-decoration-color:var(--oro)}
.pdp__sotto{margin-top:3.25rem}
.pdp__uso{margin-top:.9rem}
.pdp__torna{margin-top:2.75rem}

.qta{display:inline-flex;align-items:stretch;flex:0 0 auto;overflow:hidden;background:var(--carta);
  border:1px solid var(--linea-forte);border-radius:var(--r)}
.qta button{width:2.75rem;min-height:3.25rem;padding:0;background:none;border:0;cursor:pointer;
  font-size:1.15rem;line-height:1;color:var(--testo);transition:background-color var(--t),color var(--t)}
.qta button:hover{background:var(--pietra);color:var(--inchiostro)}
.qta input{width:3rem;padding:0;border:0;background:transparent;text-align:center;font-size:1rem;
  font-weight:500;color:var(--inchiostro);-moz-appearance:textfield;appearance:textfield}
.qta input::-webkit-outer-spin-button,.qta input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.tabella-dati{width:100%;margin-top:1.1rem;border-collapse:collapse;font-size:.9375rem}
.tabella-dati th,.tabella-dati td{padding:.85rem 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea)}
.tabella-dati tr:first-child > *{border-top:1px solid var(--linea)}
.tabella-dati th{width:38%;padding-right:1.25rem;font-weight:400;color:var(--tenue)}
.tabella-dati td{color:var(--inchiostro)}

/* ── Carrello ───────────────────────────────────────────────────────────── */
.carrello{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,4.5rem);align-items:start}
@media (min-width:940px){.carrello{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.riga{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;gap:1.35rem;align-items:center;
  padding:1.5rem 0;border-bottom:1px solid var(--linea)}
.riga:first-child{border-top:1px solid var(--linea)}
.riga__fig{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden;border-radius:var(--r);background:var(--fondo-prodotto)}
.riga__fig img{width:100%;height:100%;object-fit:cover}
.riga__nome{margin:0 0 .15rem;font-size:1.3rem;font-weight:500;line-height:1.18}
.riga__nome a{color:inherit;text-decoration:none;transition:color var(--t)}
.riga__nome a:hover{color:var(--oro-testo)}
.riga__sub{margin:0 0 .85rem;font-size:.875rem;color:var(--tenue)}
.riga__ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.4rem}
.riga .qta button{width:2.4rem;min-height:2.6rem}
.riga .qta input{width:2.5rem}
.riga__tot{font-family:var(--ff-display);font-size:1.35rem;font-weight:500;color:var(--inchiostro);
  white-space:nowrap;text-align:right;font-variant-numeric:lining-nums}
.rimuovi{padding:.35rem 0;background:none;border:0;cursor:pointer;font-size:.875rem;color:var(--tenue);
  text-decoration:underline;text-decoration-color:var(--linea-forte);text-underline-offset:3px;
  transition:color var(--t),text-decoration-color var(--t)}
.rimuovi:hover{color:var(--errore);text-decoration-color:var(--errore)}
.carrello__continua{margin-top:2.25rem}
@media (max-width:560px){
  .riga{grid-template-columns:4.75rem minmax(0,1fr);gap:1rem;align-items:start}
  .riga__tot{grid-column:2;text-align:left;font-size:1.2rem}
}

.riepilogo{position:sticky;top:calc(var(--hd-h) + 1.5rem);padding:clamp(1.5rem,3vw,2.35rem);
  background:var(--pietra);border-radius:var(--r)}
@media (max-width:939px){.riepilogo{position:static}}
.riepilogo h2{margin:0 0 1.35rem;font-size:1.55rem;font-weight:500}
.riepilogo__zona{margin-bottom:1.25rem}
.riepilogo__riga{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;font-size:.9375rem}
.riepilogo__riga--prima{margin-top:.6rem;padding-top:1rem;border-top:1px solid var(--linea-forte)}
.riepilogo__riga--tot{margin-top:.75rem;padding-top:1.15rem;border-top:1px solid var(--linea-forte);
  align-items:baseline;font-family:var(--ff-display);font-size:1.45rem;font-weight:500;
  color:var(--inchiostro);font-variant-numeric:lining-nums}
.riepilogo .btn{margin-top:1.6rem}
.riepilogo__nota{margin-top:1rem;font-size:.8125rem;color:var(--tenue)}
.riepilogo__nota--centro{text-align:center}
.vuoto__testo{margin:1.1rem 0 2.25rem}

.avviso{margin-top:1.1rem;padding:.9rem 1.1rem;font-size:.875rem;line-height:1.55;color:#5E450F;
  background:rgba(201,164,67,.12);border:1px solid rgba(168,132,58,.4);border-radius:var(--r)}
.avviso strong{color:inherit}
.avviso--ok{color:#33451F;background:rgba(84,93,59,.1);border-color:rgba(84,93,59,.34)}
.avviso--info{color:var(--tenue);background:var(--pietra);border-color:var(--linea)}

/* ── Moduli ─────────────────────────────────────────────────────────────── */
.campi{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem}
.campo{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.campo--largo{grid-column:1/-1}
/* campo "specifica": visibile solo quando nel tipo di attività è scelto "Altro" */
.campo--altro{display:none}
form:has(option[data-altro]:checked) .campo--altro{display:flex}
.campo label{font-size:.875rem;font-weight:500;letter-spacing:.01em;color:var(--testo)}
.campo label .opz{font-weight:400;font-size:.8125rem;color:var(--tenue)}
.campo input,.campo select,.campo textarea{width:100%;min-height:3.125rem;padding:.75rem .95rem;
  font-family:var(--ff-body);font-size:1rem;color:var(--inchiostro);background:var(--carta);
  border:1px solid var(--linea-forte);border-radius:var(--r);transition:border-color var(--t),box-shadow var(--t)}
.campo select{-webkit-appearance:none;appearance:none;padding-right:2.6rem;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23555A3D' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center}
.campo textarea{min-height:8rem;resize:vertical;line-height:1.6}
.campo input::placeholder,.campo textarea::placeholder{color:#676B52;opacity:1}
.campo input:hover,.campo select:hover,.campo textarea:hover{border-color:rgba(35,45,21,.52)}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-color:var(--oliva-viva);
  box-shadow:0 0 0 3px rgba(84,93,59,.2)}
.campo[data-errore="true"] input,.campo[data-errore="true"] select,.campo[data-errore="true"] textarea{
  border-color:var(--errore);box-shadow:0 0 0 3px rgba(155,59,46,.1)}
.campo__err{display:none;font-size:.8125rem;color:var(--errore)}
.campo[data-errore="true"] .campo__err{display:block}
.check{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.75rem;font-size:.9375rem;line-height:1.6;cursor:pointer}
.check input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:.22rem 0 0;accent-color:var(--oliva)}
.check a{color:inherit;text-decoration:underline;text-decoration-color:var(--oro);text-underline-offset:3px}
.blocco-form{padding:clamp(1.5rem,3.5vw,2.75rem);background:var(--pietra);border-radius:var(--r)}
.blocco-form h2{margin:0 0 1.6rem;font-size:clamp(1.45rem,1.3rem + .45vw,1.75rem);font-weight:500}
.blocco-form--centro{max-width:48rem;margin-inline:auto}
.modulo__invia{margin-top:1.75rem}
fieldset{min-width:0;margin:0 0 2.75rem;padding:0;border:0}
legend{display:block;width:100%;padding:0;margin-bottom:1.25rem;font-family:var(--ff-display);
  font-size:1.5rem;font-weight:500;line-height:1.2;color:var(--inchiostro)}

.pagamenti{display:flex;flex-direction:column;gap:.75rem}
.pago{display:flex;align-items:flex-start;gap:.9rem;padding:1.1rem 1.25rem;cursor:pointer;background:var(--carta);
  border:1px solid var(--linea-forte);border-radius:var(--r);
  transition:border-color var(--t),box-shadow var(--t),background-color var(--t)}
.pago:hover{border-color:var(--oliva-viva)}
.pago input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:.22rem 0 0;accent-color:var(--oliva)}
.pago:has(input:checked){border-color:var(--oliva);box-shadow:inset 0 0 0 1px var(--oliva)}
.pago__t{display:block;margin-bottom:.2rem;font-size:1rem;font-weight:500;color:var(--inchiostro)}
.pago__d{display:block;font-size:.875rem;line-height:1.55;color:var(--tenue)}

/* ── Contatti ───────────────────────────────────────────────────────────── */
.contatti{max-width:42rem}
.contatti__titolo{margin:0 0 1.6rem;font-size:clamp(1.45rem,1.3rem + .45vw,1.75rem);font-weight:500}
.dati{list-style:none;margin:0;padding:0}
.dati li{padding:1.3rem 0;border-bottom:1px solid var(--linea)}
.dati li:first-child{border-top:1px solid var(--linea)}
.dati dt,.dati__et{margin:0 0 .3rem;font-family:var(--ff-display);font-style:italic;font-weight:500;
  font-size:1rem;line-height:1.35;color:var(--oro-testo)}
.dati__v{margin:0;font-size:1.0625rem;line-height:1.6;color:var(--inchiostro)}
.dati__v a{text-decoration:none;transition:color var(--t)}
.dati__v a:hover{color:var(--oro-testo)}
.dati__mappa{margin-top:.85rem}
.dati__mappa .link-freccia{border-bottom:0;padding-bottom:0}
.dati__wa{margin-top:1.1rem}

/* ── Piè di pagina ──────────────────────────────────────────────────────── */
.ft{background:var(--notte);color:rgba(245,239,226,.64);font-size:.9375rem;
  padding-block:clamp(3.75rem,3rem + 3vw,5.75rem) 0}
.ft__griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.5rem;
  padding-bottom:clamp(2.75rem,5vw,4.25rem)}
.ft__griglia > div:first-child{grid-column:1/-1}
@media (min-width:760px){
  .ft__griglia{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:2.5rem}
  .ft__griglia > div:first-child{grid-column:auto}
}
.ft__contatti a{overflow-wrap:anywhere}
.ft__logo img{width:118px;margin-bottom:1.35rem}
.ft__claim{max-width:40ch;font-size:.875rem;line-height:1.7;color:rgba(245,239,226,.62)}
.ft h3{margin:0 0 1rem;font-family:var(--ff-display);font-style:normal;font-weight:500;font-size:1.2rem;
  line-height:1.2;letter-spacing:.005em;color:var(--oro-chiaro)}
.ft ul{list-style:none}
.ft li{margin-bottom:.55rem}
.ft a{color:rgba(245,239,226,.74);text-decoration:none;transition:color var(--t)}
.ft a:hover{color:var(--chiaro)}
.ft__basso{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;
  padding-block:1.7rem;border-top:1px solid rgba(245,239,226,.12);font-size:.8125rem;
  color:rgba(245,239,226,.58)}
.ft__basso li{margin:0}
.ft__legali{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;list-style:none;margin:0;padding:0}
.social{display:flex;gap:.75rem;margin-top:1.35rem}
.social a{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid rgba(245,239,226,.22);
  border-radius:50%;transition:border-color var(--t),background-color var(--t)}
.social a:hover{border-color:var(--oro-chiaro);background:rgba(220,192,124,.1)}
.social svg{width:16px;height:16px}

/* ── Testo lungo (storia, pagine legali) ────────────────────────────────── */
.prosa h2{margin:3.25rem 0 1rem;font-size:clamp(1.4rem,1.25rem + .65vw,1.85rem);font-weight:500;line-height:1.18}
.prosa h2:first-child{margin-top:0}
.prosa h3{margin:2rem 0 .75rem;font-size:1.2rem;font-weight:500}
.prosa p,.prosa ul{max-width:var(--max-testo)}
.prosa ul{margin:0 0 1.1em;padding-left:1.2rem}
.prosa li{margin-bottom:.55rem;padding-left:.35rem}
.prosa li::marker{color:var(--oro)}
.prosa a{color:var(--inchiostro);text-decoration:underline;text-decoration-color:var(--oro);text-underline-offset:3px}
.prosa .tabella-dati{margin-top:1.35rem}
/* il perché della vendita diretta, in chiusura della pagina storia */
.manifesto .testo{font-size:clamp(1.0625rem,1.02rem + .25vw,1.2rem)}
.dl-dati{margin:0;padding:1.4rem 1.6rem;background:var(--pietra);border-radius:var(--r);font-size:.9375rem}
.dl-dati dt{margin-bottom:.15rem;font-family:var(--ff-display);font-style:italic;font-weight:500;
  font-size:1rem;color:var(--oro-testo)}
.dl-dati dd{margin:0 0 1rem;color:var(--inchiostro)}
.dl-dati dd:last-child{margin-bottom:0}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9375rem;letter-spacing:.02em}

/* ── Notifica carrello ──────────────────────────────────────────────────── */
.toast{position:fixed;left:50%;bottom:1.5rem;z-index:150;display:flex;align-items:center;gap:.9rem;
  max-width:min(92vw,28rem);padding:.95rem 1.35rem;background:var(--notte);color:var(--chiaro);
  border-radius:var(--r);box-shadow:var(--ombra-alta);font-size:.9375rem;line-height:1.45;
  transform:translate(-50%,160%);transition:transform 320ms cubic-bezier(.3,0,.2,1)}
.toast[data-on="true"]{transform:translate(-50%,0)}
.toast a{color:var(--oro-chiaro);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* ── Stampa ─────────────────────────────────────────────────────────────── */
@media print{
  .hd,.ft,.toast,.btn{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .sez{padding-block:1rem}
  .riepilogo{background:none;border:1px solid #ccc}
  a{text-decoration:none;color:#000}
}