/* Max Pizza & Food (Tencarola di Selvazzano Dentro) — foglio di stile unico.
   Dal marchio del locale: il bordeaux della scritta «max», la carta crema e il beige delle testate del volantino,
   il giallo di «nuova apertura», la tartaruga nel tondo tagliato da una riga verticale (la «forma Max» usata anche
   per una foto). Titoli in Montserrat Alternates (la «a» tonda come nel logo), testo in Nunito. */
:root{
  --bordeaux:#9b2834; --bordeaux-2:#82202c; --vino:#5c1420; --vino-2:#4b101a; --notte:#350c13;
  --giallo:#f6b73c; --giallo-chiaro:#ffd27a;
  --foglia:#4f6345; --foglia-chiara:#e2e9d5;
  --crema:#fbf5e8; --sabbia:#f2e5c9; --sabbia-2:#e7d4ae; --bianco:#fffdf9;
  --testo:#2b1c19; --grigio:#6b5d56; --grigio-chiaro:#d9c9b8;
  --linea:rgba(43,28,25,.12); --linea-chiara:rgba(255,232,190,.18);
  --r:20px; --ombra:0 24px 46px -26px rgba(53,12,19,.55);
  --titoli:"Montserrat Alternates","Trebuchet MS",Arial,sans-serif;
  --testo-f:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
  --alto:78px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--alto) + 8px);-webkit-text-size-adjust:100%}
html:focus-within{scroll-behavior:smooth}
body{margin:0;font-family:var(--testo-f);font-size:17px;line-height:1.62;color:var(--testo);background:var(--crema);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
a{color:inherit}
h1,h2,h3,h4,p,ul{margin:0}
ul{padding:0}
svg{width:22px;height:22px;fill:currentColor;flex:none}
b{font-weight:800}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
:focus-visible{outline:3px solid var(--giallo);outline-offset:3px;border-radius:6px}
.sezione--bianca :focus-visible,.sezione :focus-visible{outline-color:var(--bordeaux)}
.sezione--notte :focus-visible{outline-color:var(--giallo)}
.salta{position:absolute;left:12px;top:-60px;z-index:100;background:var(--giallo);color:var(--vino);font-weight:800;padding:.6em 1em;border-radius:10px;text-decoration:none}
.salta:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- bottoni ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.74em 1.35em;border-radius:999px;font-weight:800;font-size:.98rem;text-decoration:none;border:2px solid transparent;transition:transform .15s,background-color .15s,color .15s,border-color .15s;white-space:nowrap;cursor:pointer}
.btn svg{width:18px;height:18px}
.btn:hover{transform:translateY(-2px)}
.btn--lg{padding:.95em 1.75em;font-size:1.04rem}
.btn--giallo{background:var(--giallo);color:var(--vino)}
.btn--giallo:hover{background:var(--giallo-chiaro)}
.btn--vuoto{border-color:rgba(255,240,215,.75);color:#fff6e6}
.btn--vuoto:hover{background:#fff6e6;color:var(--vino)}
.btn--bordeaux{background:var(--bordeaux);color:#fff8ec}
.btn--bordeaux:hover{background:var(--vino)}

/* ---------- occhielli: minuscolo spaziato, come «pizza & food» sotto il logo ---------- */
.occhiello{font-family:var(--titoli);font-weight:500;font-size:.86rem;line-height:1.3;letter-spacing:.24em;text-transform:lowercase;color:var(--bordeaux);margin-bottom:1em}
.hero .occhiello,.testa--chiara .occhiello,.sezione--notte .occhiello{color:var(--giallo-chiaro)}

/* ---------- barra in alto ---------- */
.testata{position:fixed;inset:0 0 auto;z-index:50;color:#fff6e6;transition:background-color .25s,box-shadow .25s}
.testata.is-piena{background:var(--vino-2);box-shadow:0 1px 0 var(--linea-chiara)}
.testata__in{display:flex;align-items:center;gap:26px;height:var(--alto);width:min(1320px,100% - 40px);margin-inline:auto}
.marchio{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.marchio__tondo{width:auto;height:56px}
.marchio__scritta{width:auto;height:44px}
.nav{display:flex;gap:22px;margin-left:auto}
.nav a{text-decoration:none;font-weight:700;font-size:.93rem;color:#f6ead6;position:relative;padding:4px 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:2px;background:var(--giallo);transition:right .2s}
.nav a:hover{color:#fff}.nav a:hover::after{right:0}
.burger{display:none;background:none;border:0;width:46px;height:46px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-left:auto;border-radius:10px}
.burger span{display:block;width:26px;height:2px;background:#fff6e6;transition:transform .2s,opacity .2s}

/* ---------- copertina: a sinistra il bordeaux col marchio, a destra la foto ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);min-height:100vh;min-height:100svh;background:var(--vino);color:#fff6e6}
.hero__testo{position:relative;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--alto) + 44px) clamp(28px,5vw,84px) 64px clamp(20px,6.5vw,110px);
  background:radial-gradient(120% 80% at 0% 100%,rgba(155,40,52,.55),transparent 60%),radial-gradient(90% 70% at 100% 0%,rgba(130,32,44,.45),transparent 65%),var(--vino)}
.hero__marchio{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:clamp(14px,1.6vw,24px);align-items:end;margin:.1em 0 0;line-height:.86}
.hero__marchio img{grid-row:1 / span 2;width:clamp(96px,10vw,150px);height:auto;align-self:center;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}
.h1-max{font-family:var(--titoli);font-weight:800;font-size:clamp(4.4rem,10vw,9.2rem);letter-spacing:-.02em;color:#fff3e2}
.h1-pf{font-family:var(--titoli);font-weight:500;font-size:clamp(1.1rem,1.9vw,1.7rem);letter-spacing:.3em;color:var(--giallo-chiaro);padding:.55em 0 .15em .08em;line-height:1}
.hero__lead{max-width:540px;margin:1.6em 0 2em;font-size:1.13rem;color:#f1e1cc;text-wrap:pretty}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.hero__fatti{list-style:none;display:flex;flex-wrap:wrap;gap:16px 44px;margin-top:2.8em;padding-top:1.4em;border-top:1px solid var(--linea-chiara);max-width:600px}
.hero__fatti b{display:block;font-family:var(--titoli);font-weight:700;font-size:1.75rem;line-height:1.15;color:var(--giallo-chiaro)}
.hero__fatti span{font-size:.92rem;color:#e6d3bd}
.hero__foto{position:relative;min-height:420px;overflow:hidden}
.hero__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:34% 62%}
.hero__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(53,12,19,.7) 0%,rgba(53,12,19,0) 24%),linear-gradient(90deg,rgba(92,20,32,.55) 0%,rgba(92,20,32,0) 22%)}

/* ---------- striscia dei punti di forza ---------- */
.striscia{background:var(--sabbia);border-bottom:1px solid var(--sabbia-2)}
.striscia__in{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:38px 0}
.striscia__voce{display:flex;gap:16px;align-items:flex-start}
.striscia__voce svg{width:48px;height:48px;padding:11px;border-radius:50%;background:var(--bordeaux);fill:#fff3e2}
.striscia h2{font-family:var(--titoli);font-weight:800;font-size:1.22rem;line-height:1.2;color:var(--bordeaux);margin-bottom:.25em}
.striscia p{font-size:.97rem;color:#4a3a33}

/* ---------- sezioni ---------- */
.sezione{padding:108px 0;background:var(--crema)}
.sezione--bianca{background:var(--bianco)}
.sezione--sabbia{background:var(--sabbia)}
.sezione--notte{background:var(--notte);color:#f1e2cf}
.sezione--taglia{overflow:hidden}
.testa{text-align:center;max-width:780px;margin:0 auto 56px}
h2{font-family:var(--titoli);font-weight:800;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.12;letter-spacing:-.01em;color:var(--testo);text-wrap:balance}
.sezione--notte h2,.testa--chiara h2{color:#fff3e2}
.testa__sub{margin-top:1em;color:var(--grigio);font-size:1.05rem;text-wrap:pretty}
.testa--chiara .testa__sub{color:var(--grigio-chiaro)}
.piccolo{font-size:.92rem;color:var(--grigio);margin-top:1em}
.sezione--notte .piccolo{color:var(--grigio-chiaro)}

/* ---------- specialità ---------- */
.firma{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:center;background:var(--bianco);border:1px solid var(--linea);border-radius:28px;padding:48px 56px;margin-bottom:34px;box-shadow:var(--ombra)}
.firma__tondo{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--sabbia) 0 60%,transparent 60.5% 66%,rgba(231,212,174,.55) 66.5% 67.5%,transparent 68%),radial-gradient(circle,transparent 0 71%,rgba(231,212,174,.35) 71.5% 100%)}
.firma__tondo img{width:62%;height:auto;filter:drop-shadow(0 16px 26px rgba(53,12,19,.25))}
.etichetta{display:inline-block;background:var(--bordeaux);color:#fff3e2;font-size:.78rem;font-weight:800;letter-spacing:.06em;padding:.45em 1.05em;border-radius:999px}
.firma h3{font-family:var(--titoli);font-weight:800;font-size:clamp(2.8rem,5.6vw,4.4rem);line-height:1.05;color:var(--bordeaux);margin:.18em 0 .25em;letter-spacing:-.02em}
.firma p:not(.etichetta){font-size:1.12rem;color:#4a3a33;max-width:520px}
.firma__prezzi{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:1.6em 0 1.8em;border-top:2px solid var(--testo);border-bottom:1px solid var(--linea);max-width:520px}
.firma__prezzi li{display:flex;flex-direction:column;padding:.75em 0}
.firma__prezzi li+li{border-left:1px dashed rgba(43,28,25,.22);padding-left:1em}
.firma__prezzi span{font-size:.8rem;font-weight:700;color:var(--grigio);text-transform:uppercase;letter-spacing:.1em}
.firma__prezzi b{font-family:var(--titoli);font-weight:700;font-size:1.45rem;white-space:nowrap}
.idee{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.idea{position:relative;display:flex;flex-direction:column;background:var(--bianco);border:1px solid var(--linea);border-radius:var(--r);padding:28px 26px 22px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.idea::before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:var(--bordeaux)}
.idea:hover{transform:translateY(-4px);box-shadow:var(--ombra);border-color:rgba(155,40,52,.35)}
.idea__cat{position:relative;z-index:1;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--foglia)}
.idea__cat--bianca{color:var(--grigio)}
.idea h3{position:relative;z-index:1;font-family:var(--titoli);font-weight:800;font-size:1.65rem;line-height:1.12;color:var(--bordeaux);margin:.2em 0 .35em}
.idea>p:not(.idea__cat):not(.idea__prezzo){color:var(--grigio);font-size:.97rem;flex:1}
.idea__prezzo{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px dashed rgba(43,28,25,.2)}
.idea__prezzo>b{font-family:var(--titoli);font-weight:700;font-size:1.35rem}
.idea__prezzo span{font-size:.88rem;color:var(--grigio)}
.idea__prezzo span b{color:var(--testo);font-weight:800}
.idee__nota{text-align:center;color:var(--grigio);font-size:.93rem;margin-top:26px}

/* ---------- tasselli delle categorie ---------- */
.tasselli{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:var(--notte);padding:6px}
.tassello{position:relative;display:block;aspect-ratio:1;overflow:hidden;color:#fff;text-decoration:none;background:var(--vino)}
.tassello>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.tassello:hover>img{transform:scale(1.06)}
.tassello::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(53,12,19,.92))}
.tassello span{position:absolute;left:22px;right:18px;bottom:20px;z-index:1;font-family:var(--titoli);font-weight:800;font-size:1.75rem;line-height:1.08}
.tassello small{display:block;font-family:var(--testo-f);font-weight:700;font-size:.92rem;color:var(--giallo-chiaro);margin-top:.45em}
.tassello small b{font-weight:800}
.tassello--tondo{background:radial-gradient(circle at 50% 36%,rgba(155,40,52,.9),var(--vino) 70%)}
.tassello--tondo::after{background:linear-gradient(180deg,transparent 55%,rgba(53,12,19,.6))}
.tassello--tondo>img{position:absolute;left:50%;top:12%;width:42%;height:auto;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))}
.tassello--tondo:hover>img{transform:translateX(-50%) scale(1.06)}

/* ---------- menu ---------- */
.menu-tools{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:26px;position:sticky;top:var(--alto);z-index:5;background:var(--bianco);padding:12px 0;border-bottom:1px solid var(--linea)}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tab{background:transparent;color:#4a3a33;border:1px solid rgba(43,28,25,.2);border-radius:999px;padding:.48em 1em;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.tab:hover{border-color:var(--bordeaux);color:var(--bordeaux)}
.tab[aria-selected="true"]{background:var(--bordeaux);border-color:var(--bordeaux);color:#fff6e6}
.cerca{display:flex;align-items:center;gap:8px;background:var(--crema);border:1px solid rgba(43,28,25,.18);border-radius:999px;padding:.5em 1em;min-width:290px;flex:none}
.cerca svg{width:18px;height:18px;fill:var(--grigio)}
.cerca input{background:none;border:0;outline:0;color:var(--testo);font:inherit;font-size:.95rem;width:100%;min-width:0}
.cerca:focus-within{border-color:var(--bordeaux);box-shadow:0 0 0 3px rgba(155,40,52,.2)}
.menu-lista{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;min-height:220px;align-content:start}
.menu-cat{grid-column:1/-1;display:flex;align-items:center;gap:18px;font-family:var(--titoli);font-weight:800;font-size:1.7rem;color:var(--bordeaux);margin:30px 0 2px}
.menu-cat::after{content:"";flex:1;height:1px;background:var(--linea)}
.menu-cat:first-child{margin-top:0}
.menu-nota{grid-column:1/-1;background:var(--crema);border-left:4px solid var(--bordeaux);border-radius:0 12px 12px 0;padding:.75em 1.1em;margin:4px 0 8px;font-size:.94rem;color:#4a3a33}
/* intestazione delle colonne dei prezzi (una per colonna della lista; sul telefono una sola) */
.colonne,.prezzi{--cw:4.7em}
.colonne{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin:6px 0 0}
.colonne>div{display:grid;grid-template-columns:1fr repeat(var(--n),var(--cw));gap:0 6px;padding:0 0 6px;border-bottom:2px solid var(--testo)}
.colonne span{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bordeaux);text-align:right;align-self:end}
.piatto{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;padding:13px 0;border-bottom:1px dashed rgba(43,28,25,.16);align-items:baseline;align-content:start}
.piatto h4{font-size:1.06rem;font-weight:800;line-height:1.3;margin:0}
.piatto>p{grid-column:1/-1;color:var(--grigio);font-size:.93rem;line-height:1.45}
.prezzi{display:grid;grid-template-columns:repeat(var(--n),var(--cw));gap:0 6px;text-align:right;white-space:nowrap}
.prezzi .p{font-family:var(--titoli);font-weight:500;font-size:.95rem;color:var(--grigio);line-height:1.6}
.prezzi .p--main{font-weight:700;font-size:1.08rem;color:var(--testo);line-height:1.45}
.badge{display:inline-block;vertical-align:2px;margin-left:8px;font-family:var(--testo-f);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--vino);background:#ffe0a6;border-radius:999px;padding:.2em .65em}
.menu-vuoto{grid-column:1/-1;text-align:center;color:var(--grigio);padding:36px 0}
/* aggiunte */
.agg{min-width:0}
.agg--intera{grid-column:1/-1}
.agg table{width:100%;border-collapse:collapse;font-size:.96rem;table-layout:fixed}
.agg tr>:nth-child(1){width:52%}.agg tr>:nth-child(2){width:22%}.agg tr>:nth-child(3){width:26%}
.agg caption{text-align:left;font-family:var(--titoli);font-weight:800;font-size:1.2rem;color:var(--bordeaux);padding:18px 0 6px}
.agg th,.agg td{padding:8px 10px;border-bottom:1px dashed rgba(43,28,25,.16);text-align:right;white-space:nowrap}
.agg thead th{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bordeaux);border-bottom:2px solid var(--testo);white-space:normal}
.agg tbody th,.agg thead th:first-child{text-align:left;font-weight:700;padding-left:0;white-space:normal}
.agg td{font-family:var(--titoli);font-weight:500;font-size:.98rem}
.agg-gratis{grid-column:1/-1;margin-top:14px;font-size:.95rem;color:#4a3a33}
.agg-gratis b{color:var(--foglia)}
.allergeni{margin:34px auto 0;font-size:.9rem;color:var(--grigio);text-align:center;max-width:760px}

/* ---------- formati e impasti ---------- */
.formati{position:relative;overflow:hidden;background:var(--vino);color:#f1e2cf;padding:108px 0}
.formati::before{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-300px;border-radius:50%;border:60px solid rgba(255,210,122,.05);pointer-events:none}
.formati .wrap{position:relative;z-index:1}
.misure{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:860px;margin:0 auto 22px}
.misura{display:grid;grid-template-rows:180px auto auto;justify-items:center;text-align:center}
.forma{align-self:end;margin-bottom:18px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 50%,#e35a3d 0 52%,#f6c779 53% 64%,#e8a85a 65% 100%);box-shadow:0 0 0 3px rgba(255,210,122,.35),0 16px 28px -14px rgba(0,0,0,.6)}
.forma span{font-family:var(--titoli);font-weight:800;font-size:1.05rem;color:var(--vino);background:var(--giallo-chiaro);padding:.15em .7em;border-radius:999px;white-space:nowrap}
.forma--baby{width:76px;height:76px}
.forma--normale{width:112px;height:112px}
.forma--famigliare{width:160px;height:160px}
.misura h3{font-family:var(--titoli);font-weight:800;font-size:1.45rem;color:#fff3e2;margin-bottom:4px}
.misura p{color:var(--grigio-chiaro);font-size:.97rem;max-width:240px}
.misure__esempio{text-align:center;color:var(--grigio-chiaro);margin-bottom:56px}
.misure__esempio b,.regola b{color:var(--giallo-chiaro)}
.regole{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.regola{grid-column:span 2;background:var(--vino-2);border:1px solid rgba(255,210,122,.16);border-top:3px solid var(--giallo);border-radius:var(--r);padding:22px 24px 24px}
.regola:nth-child(n+4){grid-column:span 3}
.regola h3{font-family:var(--titoli);font-weight:800;font-size:1.2rem;color:#fff3e2;margin-bottom:.45em}
.regola p{color:#e6d3bd;font-size:.97rem}

/* ---------- la «forma Max»: tondo tagliato a destra da una riga verticale, come nel logo ---------- */
.tondo{position:relative;aspect-ratio:.824;overflow:hidden}
.tondo img{width:121.4%;max-width:none;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;border:7px solid var(--bordeaux)}
.tondo::after{content:"";position:absolute;right:0;top:11.6%;bottom:11.6%;width:7px;background:var(--bordeaux)}

/* ---------- chi siamo ---------- */
.chi{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center}
.chi__foto{position:relative;padding:0 0 120px}
.chi__grande img{width:100%;height:auto;aspect-ratio:1200/779;object-fit:cover;border-radius:var(--r);box-shadow:var(--ombra)}
.chi__tondo{position:absolute;right:-6px;bottom:0;width:44%;filter:drop-shadow(0 18px 26px rgba(53,12,19,.3))}
.chi__tondo img{background:var(--crema)}
.chi__testo h2{margin-bottom:.5em}
.chi__testo p{color:#4a3a33;margin-bottom:1em}
.servizi{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:1.5em 0 1.6em}
.servizi li{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.97rem}
.servizi li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:var(--bordeaux) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff3e2' d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6 11-11-1.4-1.4z'/%3E%3C/svg%3E") center/15px no-repeat}
.social{display:flex;flex-wrap:wrap;gap:12px}
.social a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;color:var(--testo);border:1px solid rgba(43,28,25,.2);border-radius:999px;padding:.45em 1.05em .45em .55em;transition:border-color .15s,background-color .15s}
.social a:hover{border-color:var(--bordeaux);background:var(--bianco)}
.social svg{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--bordeaux);fill:#fff3e2}

/* ---------- come ordinare ---------- */
.ordina{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}
.ordina__lead{font-size:1.1rem;color:#4a3a33;margin-top:.9em}
.modi{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 22px}
.modo{background:var(--bianco);border:1px solid var(--linea);border-radius:var(--r);padding:18px 22px 20px}
.modo h3{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bordeaux)}
.modo__ora{font-family:var(--titoli);font-weight:800;font-size:1.9rem;line-height:1.2;margin:.1em 0 .35em;white-space:nowrap}
.modo p:not(.modo__ora){font-size:.95rem;color:#4a3a33}
.voci{list-style:none;border-top:2px solid var(--testo)}
.voci li{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--linea);font-size:.97rem}
.voci b{font-weight:800}
.voci span{color:#4a3a33}
.ordina__cta{margin-top:28px}
.ordina__foto img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--r);box-shadow:var(--ombra)}

/* ---------- dove siamo ---------- */
.dove{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:start}
.dove address{font-style:normal;font-size:1.12rem;line-height:1.55;margin:1em 0 .6em;color:#ead8c3}
.dove address b{color:#fff}
.dove__tel a{display:inline-flex;align-items:center;gap:10px;font-family:var(--titoli);font-weight:800;font-size:1.7rem;color:var(--giallo-chiaro);text-decoration:none}
.dove__tel a:hover{color:#fff}
.orari{width:100%;border-collapse:collapse;margin:22px 0 6px}
.orari caption{text-align:left;font-family:var(--titoli);font-weight:800;font-size:1.35rem;color:#fff3e2;padding-bottom:4px}
.orari th,.orari td{padding:.55em .3em;border-bottom:1px solid rgba(255,232,190,.12);text-align:left;font-weight:400;font-size:.97rem}
.orari thead th{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--giallo)}
.orari td,.orari thead th:not(:first-child){text-align:right}
.orari td{color:#fff;white-space:nowrap}
.orari tbody th{color:#ead8c3}
.orari tr.chiuso th,.orari tr.chiuso td{color:#bfa995}
.orari tr.oggi th,.orari tr.oggi td{color:var(--giallo-chiaro);font-weight:800}
.orari tr.oggi th::after{content:" · oggi";font-size:.78rem;font-weight:800}
.dove .btn{margin-top:22px}
.dove__vista{display:grid;gap:20px}
.dove__mappa a{display:block;border-radius:var(--r);overflow:hidden;border:1px solid var(--linea-chiara)}
.dove__mappa img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;transition:transform .5s}
.dove__mappa a:hover img{transform:scale(1.02)}
.dove__mappa figcaption{font-size:.8rem;color:var(--grigio-chiaro);margin-top:8px;text-align:right}
.dove__mappa figcaption a{border:0;display:inline;color:inherit}
.dove__ingresso{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}
.dove__ingresso img{width:100%;height:auto;aspect-ratio:1080/711;object-fit:cover;border-radius:var(--r)}
.dove__ingresso figcaption{font-family:var(--titoli);font-weight:700;font-size:1.12rem;line-height:1.4;color:#ead8c3}

/* ---------- piede ---------- */
.piede{background:#26080e;color:#cdb9a5;padding:54px 0 104px;border-top:3px solid var(--bordeaux);text-align:center;font-size:.93rem}
.piede__in{display:flex;flex-direction:column;align-items:center;gap:14px}
.piede__marchio{display:flex;align-items:center;gap:12px}
.piede__marchio img:first-child{width:auto;height:84px}
.piede__marchio img:last-child{width:auto;height:62px}
.piede a{color:#f6ead6}
.piede a:hover{color:var(--giallo-chiaro)}
.piede__legale{font-size:.84rem;color:#b39f8b}

/* ---------- pulsante fisso (telefono) ---------- */
.fab{position:fixed;right:16px;bottom:16px;z-index:60;display:none;align-items:center;gap:8px;background:var(--giallo);color:var(--vino);text-decoration:none;font-weight:800;padding:.9em 1.3em;border-radius:999px;box-shadow:0 12px 30px -8px rgba(0,0,0,.55),0 0 0 3px rgba(92,20,32,.9)}
.fab svg{width:19px;height:19px}
.js .fab{opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .25s,transform .25s}
.js .fab.is-visibile{opacity:1;transform:none;pointer-events:auto}

/* ---------- comparsa allo scorrimento ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* ---------- schermi medi ---------- */
@media (max-width:1100px){
  :root{--alto:70px}
  .nav{position:fixed;inset:var(--alto) 0 auto;flex-direction:column;gap:0;background:rgba(75,16,26,.98);padding:8px 20px 22px;border-bottom:1px solid var(--linea-chiara);transform:translateY(-120%);visibility:hidden;transition:transform .3s,visibility 0s .3s}
  .nav.is-open{transform:none;visibility:visible;transition:transform .3s}
  .nav a{padding:14px 0;border-bottom:1px solid var(--linea-chiara);font-size:1.08rem}
  .nav a::after{display:none}
  .burger{display:flex}
  .testata__tel{display:none}
  .testata.menu-aperto{background:rgba(75,16,26,.98)}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .hero__testo{padding-left:clamp(20px,4vw,48px)}
  .firma{grid-template-columns:1fr 1.3fr;gap:40px;padding:40px}
  .idee{grid-template-columns:1fr 1fr}
  .regole{grid-template-columns:1fr 1fr}
  .regola,.regola:nth-child(n+4){grid-column:auto}
  .regola:last-child{grid-column:1/-1}
  .chi,.ordina,.dove{grid-template-columns:1fr;gap:44px}
  .chi__foto{max-width:640px}
  .ordina__foto{max-width:560px}
  .tasselli{grid-template-columns:1fr 1fr}
  .fab{display:inline-flex}
}

/* ---------- telefono ---------- */
@media (max-width:760px){
  body{font-size:16px}
  .wrap{width:calc(100% - 32px)}
  .testata__in{width:calc(100% - 28px)}
  .sezione,.formati{padding:76px 0}
  .testa{margin-bottom:38px}
  .marchio__tondo{height:46px}
  .marchio__scritta{height:36px}
  .hero{min-height:0}
  .hero__foto{height:44vh;height:min(44svh,400px);min-height:290px}
  .hero__foto img{object-position:42% 62%}
  .hero__foto::after{background:linear-gradient(180deg,rgba(53,12,19,.78) 0%,rgba(53,12,19,0) 32%,rgba(53,12,19,0) 62%,var(--vino) 100%)}
  .hero{display:flex;flex-direction:column-reverse}
  .hero__testo{padding:8px 16px 56px;margin-top:-26px;z-index:1;background:radial-gradient(120% 60% at 0% 100%,rgba(155,40,52,.5),transparent 60%),var(--vino)}
  .hero__marchio img{width:84px}
  .h1-max{font-size:4.6rem}
  .h1-pf{font-size:1.02rem;letter-spacing:.26em}
  .hero__lead{font-size:1.04rem;margin:1.2em 0 1.6em}
  .hero__cta .btn{flex:1 1 auto}
  .hero__fatti{gap:12px 20px;margin-top:2.2em;padding-top:1.2em}
  .hero__fatti li{flex:1 1 40%}
  .hero__fatti b{font-size:1.32rem}
  .striscia__in{grid-template-columns:1fr;gap:20px;padding:30px 0}
  .firma{grid-template-columns:1fr;gap:26px;padding:30px 22px 28px;border-radius:22px}
  .firma__tondo{max-width:250px;margin-inline:auto;width:100%}
  .firma__prezzi b{font-size:1.2rem}
  .firma .btn{width:100%;white-space:normal}
  .idee{grid-template-columns:1fr}
  .tassello span{font-size:1.2rem;left:14px;right:12px;bottom:12px}
  .tassello small{font-size:.8rem}
  .tassello--tondo>img{top:9%;width:34%}
  .tassello--tondo span{font-size:1.05rem}
  .hero .occhiello{letter-spacing:.14em}
  .menu-tools{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:10px;padding:10px 0}
  .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-16px;padding-right:16px}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:none}
  .cerca{min-width:0;width:100%}
  .menu-lista{grid-template-columns:1fr}
  .colonne{grid-template-columns:1fr}
  .colonne>div:last-child{display:none}
  .colonne,.prezzi{--cw:4.1em}
  .colonne>div,.prezzi{gap:0 4px}
  .colonne span{font-size:.74rem;letter-spacing:0;text-transform:none}
  .prezzi .p{font-size:.85rem}
  .prezzi .p--main{font-size:.96rem}
  .piatto h4{font-size:1rem}
  .menu-cat{font-size:1.45rem}
  .agg th,.agg td{padding:8px 6px}
  .agg--seconda thead{display:none}
  .misure{gap:10px}
  .misura{grid-template-rows:150px auto auto}
  .forma--baby{width:58px;height:58px}
  .forma--normale{width:86px;height:86px}
  .forma--famigliare{width:122px;height:122px}
  .misura h3{font-size:1.15rem}
  .misura p{font-size:.86rem}
  .regole{grid-template-columns:1fr}
  .chi__foto{padding:0 0 90px}
  .servizi{grid-template-columns:1fr}
  .modi{grid-template-columns:1fr}
  .voci li{grid-template-columns:1fr;gap:2px}
  .ordina__cta .btn{width:100%}
  .orari th,.orari td{font-size:.9rem;padding:.5em .15em}
  .orari thead th{font-size:.66rem}
  .dove__ingresso{grid-template-columns:1fr}
  .dove__tel a{font-size:1.5rem}
  .piede__marchio img:first-child{height:70px}
  .piede__marchio img:last-child{height:52px}
}
@media (max-width:380px){
  .h1-max{font-size:4rem}
  .hero__fatti b{font-size:1.18rem}
  .modo__ora{font-size:1.6rem}
}