/* Sell My Vespa: the ticket.
   Sea-glass mint, deep teal and a warm red stub. Shrikhand for the big words, Work Sans for everything else.
   One motif: the perforated ticket (hero photo + stub, and the closing call to action). */
:root{
  --paper:#f3faf6;
  --mint:#c3e7d8;
  --mint-lt:#e2f3eb;
  --mint-dk:#5fa98d;
  --teal:#0f3f3d;
  --teal-2:#335c59;
  --rosso:#c2352a;
  --rosso-dk:#9b261d;
  --butter:#f6d77e;
  --white:#ffffff;
  --line:#cfe3da;
  --verde:#1f7a48;
  --display:"Shrikhand","Cooper Black","Georgia",serif;
  --sans:"Work Sans","Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--teal);font:400 1.05rem/1.65 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--rosso-dk);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--teal)}
:focus-visible{outline:3px solid var(--rosso);outline-offset:3px}
h1,h2,h3{color:var(--teal);margin:0 0 .5em;line-height:1.12}
h1,h2{font-family:var(--display);font-weight:400}
h3{font:600 1.15rem/1.3 var(--sans)}
p{margin:0 0 1em}
.skip{position:absolute;left:-999px;top:8px}
.skip:focus{left:16px;z-index:100;background:var(--white);padding:8px 14px;border:2px solid var(--teal);border-radius:999px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.strada{max-width:1200px;margin:0 auto;padding:0 32px}
.strada-mid{max-width:860px}
.titolo{font-size:clamp(1.9rem,3.6vw,2.8rem);max-width:22ch;text-wrap:balance;margin-bottom:.7em}
.sottotitolo,.intro{color:var(--teal-2);max-width:60ch;font-size:1.08rem}
.tenue{color:var(--teal-2)}
.centrato{text-align:center}

/* ---- buttons ---- */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 26px;border-radius:999px;border:2px solid transparent;font:600 1rem/1.15 var(--sans);text-decoration:none;cursor:pointer;text-align:center;transition:background-color .15s,color .15s,border-color .15s}
.pill-red{background:var(--rosso);color:var(--white)}
.pill-red:hover{color:var(--white);background:var(--rosso-dk)}
.pill-cream{background:var(--white);color:var(--teal)}
.pill-cream:hover{color:var(--teal);background:var(--butter)}
.pill-wa{background:var(--verde);color:#fff}
.pill-wa:hover{color:#fff;background:#17603a}
.pill-line{background:transparent;color:var(--teal);border-color:var(--teal)}
.pill-line:hover{color:var(--white);background:var(--teal)}
.pill-line-light{background:transparent;color:var(--white);border-color:rgba(255,255,255,.75)}
.pill-line-light:hover{color:var(--teal);background:var(--white)}
.pill-sm{min-height:42px;padding:8px 18px;font-size:.95rem}
.pill-full{width:100%}

/* ---- header ---- */
.testata{background:var(--paper);position:relative;z-index:20;border-bottom:1px solid var(--line)}
.testata-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.insegna{display:inline-flex;flex-direction:column;line-height:1;text-decoration:none;color:var(--teal)}
.insegna:hover{color:var(--teal)}
.insegna-script{font:600 .85rem/1 var(--sans);letter-spacing:.04em;margin-left:2px}
.insegna-name{font:400 2rem/1 var(--display);color:var(--rosso);margin-top:2px}
.insegna-light,.insegna-light:hover{color:var(--mint)}
.insegna-light .insegna-name{color:var(--white)}
.testata-nav{display:flex;align-items:center;gap:22px}
.testata-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
.testata-nav ul a{color:var(--teal);text-decoration:none;font-weight:500;font-size:1rem;white-space:nowrap;padding:4px 0;border-bottom:2px solid transparent}
.testata-nav ul a:hover,.testata-nav ul a[aria-current]{border-bottom-color:var(--rosso)}
.testata-tel{font-weight:600;color:var(--teal);text-decoration:none;white-space:nowrap}
.testata-tel:hover{color:var(--rosso-dk)}
.testata-nav .pill{white-space:nowrap}
.testata-toggle{display:none;background:var(--white);border:2px solid var(--teal);border-radius:999px;padding:8px 18px;font:600 .95rem var(--sans);color:var(--teal);cursor:pointer}

/* ---- home hero: a ticket ---- */
.vetrina{background:var(--mint);padding:clamp(28px,4vw,52px) 0 clamp(48px,6vw,80px)}
.ticket{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);border-radius:26px;overflow:hidden;background:var(--rosso);box-shadow:0 30px 60px -36px rgba(15,63,61,.55)}
.ticket-foto{position:relative;min-height:clamp(340px,40vw,540px);background:var(--teal-2)}
.ticket-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ticket-stub{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,3.4vw,48px);color:var(--white);border-left:3px dashed rgba(255,255,255,.7)}
.ticket-stub::before,.ticket-stub::after{content:"";position:absolute;left:-21px;width:40px;height:40px;border-radius:50%;background:var(--mint)}
.ticket-stub::before{top:-20px}
.ticket-stub::after{bottom:-20px}
.ticket h1{color:var(--white);font-size:clamp(3rem,5.6vw,5rem);line-height:.95;margin:0 0 22px}
.ticket h1 em{display:block;margin-top:22px;font:400 clamp(1.02rem,1.3vw,1.15rem)/1.5 var(--sans);font-style:normal;color:#ffe9e4;max-width:34ch}
.ticket-call{margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,.35);font-weight:500}
.ticket-call a{color:var(--white);font-weight:700;font-size:1.25rem;text-decoration:none;margin-left:4px}
.ticket-call a:hover{text-decoration:underline}

/* coupon form under the ticket */
.coupon{margin-top:22px}
.coupon .biglietto{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:0 36px;align-items:center;padding:26px 32px}
.coupon .bg-head{padding:0;text-align:left}
.coupon .bg-head h2{font-size:1.7rem}
.coupon .biglietto>.bg-a,.coupon .biglietto>.bg-b,.coupon .biglietto>.bg-alt,.coupon .biglietto>.bg-err{grid-column:2;margin:0}
.coupon .bg-a{padding:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:14px;align-items:end}
.coupon .bg-a label{margin:0}
.coupon .bg-a .pill{margin:0;min-height:56px}
.coupon .bg-alt{text-align:left;padding:0;margin-top:12px}
.coupon .bg-b .bg-pair{grid-template-columns:repeat(2,minmax(0,1fr))}

.vetrina-home .vetrina-copy{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 56px;margin-top:44px}
.vetrina-lead{font-size:1.12rem;max-width:58ch}
.vetrina-call{font-weight:500;margin:0}
.vetrina-call a{font-weight:600}
.vetrina-ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px;align-content:start}
.vetrina-ticks li{position:relative;padding-left:30px;font-weight:600}
.vetrina-ticks li::before{content:"";position:absolute;left:0;top:.4em;width:16px;height:16px;border-radius:50%;background:var(--rosso)}
.medaglie{list-style:none;margin:40px 0 0;padding:20px 0 0;border-top:2px dashed var(--mint-dk);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.medaglie li{display:flex;flex-direction:column}
.medaglie b{font:400 1.45rem/1.15 var(--display);color:var(--rosso-dk)}
.medaglie span{font-size:.95rem;color:var(--teal-2);margin-top:4px}

/* inner-page hero */
.vetrina-inner{background:var(--mint)}
.vetrina-panel{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:start}
.vetrina-inner h1{font-size:clamp(2.3rem,4.6vw,3.6rem)}
.vetrina-inner .vetrina-ticks{margin:22px 0}
.vetrina-inner a:not(.pill){color:var(--teal);text-decoration-color:var(--rosso)}
.briciole{font-size:.95rem;margin-bottom:18px}

/* ---- valuation form ---- */
.biglietto{background:var(--white);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px -28px rgba(15,63,61,.6)}
.bg-head{padding:24px 28px 0}
.bg-head h2{font-size:1.6rem;margin:0;color:var(--teal)}
.bg-head p{margin:4px 0 0;font-size:.95rem;color:var(--teal-2)}
.biglietto>.bg-err,.biglietto>.bg-a,.biglietto>.bg-b,.biglietto>.bg-alt{margin-left:28px;margin-right:28px}
.bg-a{padding-top:20px}
.biglietto label{display:block;font-weight:600;font-size:.9rem;margin-bottom:14px}
.biglietto input,.biglietto select,.biglietto textarea{display:block;width:100%;margin-top:6px;min-height:50px;padding:11px 16px;border:1.5px solid #b9d6ca;border-radius:12px;background:var(--paper);color:var(--teal);font:400 1rem var(--sans)}
.biglietto input:focus,.biglietto select:focus,.biglietto textarea:focus{outline:3px solid rgba(194,53,42,.3);outline-offset:1px;border-color:var(--teal);background:#fff}
.biglietto .bg-reg{font:700 1.5rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-align:center;background:var(--butter);border:2px solid var(--teal);min-height:56px}
.biglietto .bg-reg::placeholder{color:rgba(15,63,61,.5)}
.bg-opt{font-weight:400;color:var(--teal-2)}
.bg-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.bg-money{position:relative;display:block}
.bg-money span{position:absolute;left:15px;top:50%;transform:translateY(-35%);color:var(--teal-2)}
.bg-money input{padding-left:30px}
.biglietto label.bg-check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.92rem}
.bg-check input{width:20px;height:20px;min-height:0;margin-top:2px;accent-color:var(--rosso)}
.biglietto .invalid{border-color:var(--rosso)!important;outline:3px solid rgba(194,53,42,.25)}
.bg-note{background:var(--mint-lt);border-radius:12px;padding:10px 16px;font-weight:600;font-size:.95rem;margin:20px 0 16px}
.bg-err{background:#fde8e6;color:var(--rosso-dk);border-radius:12px;padding:10px 16px;font-weight:700;margin-top:20px}
.bg-alt{font-size:.9rem;color:var(--teal-2);margin-top:14px;padding-bottom:24px}
.biglietto .pill{margin-bottom:4px}
.js .biglietto .bg-b{display:none}
.js .biglietto.is-open .bg-b{display:block}
.js .biglietto.is-open .js-next{display:none}
.no-js .js-next{display:none}

/* ---- model names ---- */
.targhette{padding:30px 0;background:var(--teal)}
.targhette-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px}
.targhette-list li{color:var(--mint);font:400 1.25rem/1.3 var(--display)}

/* ---- promises ---- */
.promesse{padding:clamp(56px,7vw,88px) 0}
.promesse-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.tondo{display:grid;place-items:center;width:52px;height:52px;margin:0 0 16px;border-radius:50%;background:var(--mint);color:var(--teal)}
.tondo svg{width:26px;height:26px}
.promesse-row p{color:var(--teal-2);margin:0;font-size:1rem}

/* ---- gallery ---- */
.album{padding:clamp(56px,7vw,88px) 0;background:var(--mint-lt)}
.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}
.cartolina{margin:0;background:var(--white);padding:10px 10px 16px;border-radius:14px}
.cartolina img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--mint);border-radius:8px}
.cartolina figcaption{padding:12px 6px 0;font-weight:600;font-size:.98rem}
.cartolina-credit{display:block;font-weight:400;font-size:.8rem;color:var(--teal-2)}

/* ---- why ---- */
.perche{padding:clamp(64px,8vw,104px) 0}
.perche-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 32px}
.perche-grid>div{padding-top:16px;border-top:2px solid var(--teal)}
.perche-grid p{color:var(--teal-2);margin:0;font-size:1rem}

/* ---- steps with a two-photo collage ---- */
.giro{padding:clamp(64px,8vw,104px) 0;background:var(--teal);color:var(--white)}
.giro h2,.giro h3{color:var(--white)}
.giro-in{display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
.giro-foto .giro-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.giro-list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:26px}
.giro:not(.giro-foto) .giro-list{grid-template-columns:repeat(3,1fr)}
.giro-list li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px;align-items:start}
.giro-n{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--rosso);font:400 1.5rem/1 var(--display);color:var(--white)}
.giro-list p{color:#cfe5dd;margin:0}
.collage{position:relative;padding:0 0 70px 0}
.scatto{margin:0}
.scatto img{width:100%;object-fit:cover;background:var(--teal-2)}
.scatto figcaption{font-size:.85rem;color:#a9cbbf;margin-top:8px}
.collage-a{width:82%;margin-left:auto}
.collage-a img{aspect-ratio:5/6;border-radius:18px}
.collage-b{position:absolute;left:0;bottom:0;width:52%}
.collage-b img{aspect-ratio:5/4;border-radius:14px;border:8px solid var(--teal)}
.collage-b figcaption{display:none}

/* ---- model cards ---- */
.garage{padding:clamp(64px,8vw,104px) 0;background:var(--mint-lt)}
.garage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.modello{display:flex;flex-direction:column;align-items:flex-start;background:var(--white);border-radius:20px;padding:26px;text-decoration:none;color:var(--teal);border:2px solid transparent;transition:border-color .15s}
.modello:hover{color:var(--teal);border-color:var(--rosso)}
.emblema{margin-bottom:12px}
.emblema b{font:400 1.7rem/1.1 var(--display);color:var(--rosso)}
.modello p{color:var(--teal-2);font-size:1rem;flex:1}
.modello-go{font-weight:600;color:var(--rosso-dk);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* ---- what we check ---- */
.controllo{padding:clamp(64px,8vw,104px) 0}
.controllo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.scheda{background:var(--white);border-radius:18px;padding:24px 26px;border:1.5px solid var(--line)}
.scheda-tag{display:inline-block;background:var(--mint);border-radius:999px;padding:3px 14px;font-weight:600;font-size:.88rem;margin-bottom:14px}
.scheda p{color:var(--teal-2);margin:0;font-size:1rem}
.controllo-more{margin:32px 0 0}

/* ---- range ---- */
.gamma{padding:clamp(64px,8vw,104px) 0;background:var(--white)}
.gamma-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:56px;align-items:start}
.gamma-list{margin:0;border-top:2px solid var(--teal)}
.gamma-list div{display:grid;grid-template-columns:12em 1fr;gap:20px;padding:16px 0;border-bottom:1px dashed var(--mint-dk)}
.gamma-list dt{font-weight:700;color:var(--rosso-dk)}
.gamma-list dd{margin:0;color:var(--teal-2)}

/* ---- sellers ---- */
.clienti{padding:clamp(64px,8vw,104px) 0}
.clienti-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.clienti-grid>div{background:var(--white);border-radius:18px;padding:26px;border-left:6px solid var(--rosso)}
.clienti-grid p{color:var(--teal-2);margin:0}

.recensioni{padding:28px 0;background:var(--butter)}
.recensioni .strada{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.recensioni p{margin:0}

/* ---- areas ---- */
.zone{padding:clamp(64px,8vw,104px) 0;background:var(--white)}
.zone-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 56px}
.zona-titolo{font:400 1.6rem/1.2 var(--display);margin:32px 0 14px;color:var(--teal)}
.bottoni{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bottoni a,.bottoni .bottone{display:inline-block;border-radius:999px;background:var(--mint-lt);padding:6px 15px;font-size:.96rem;color:var(--teal);text-decoration:none;font-weight:500}
.bottoni a:hover{background:var(--rosso);color:var(--white)}
.zone-pagina{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px 56px;margin-top:16px}
.zone-lista{list-style:none;margin:0;padding:0}
.zone-lista-2{columns:2;column-gap:40px}
.zone-lista li{padding:6px 0;border-bottom:1px dashed var(--line);break-inside:avoid}
.zone-lista a{color:var(--teal);text-decoration:none}
.zone-lista a:hover{color:var(--rosso-dk);text-decoration:underline}

/* ---- faq ---- */
.domande{padding:clamp(64px,8vw,104px) 0}
.domande details{background:var(--white);border-radius:16px;margin-bottom:10px}
.domande summary{list-style:none;cursor:pointer;position:relative;padding:18px 64px 18px 24px;font-weight:600;font-size:1.05rem}
.domande summary::-webkit-details-marker{display:none}
.domande summary::after{content:"";position:absolute;right:16px;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:linear-gradient(var(--teal),var(--teal)) center/13px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) center/2px 13px no-repeat,var(--mint)}
.domande details[open] summary::after{background:linear-gradient(#fff,#fff) center/13px 2px no-repeat,var(--rosso)}
.domande details p{padding:0 24px 20px;margin:0;color:var(--teal-2)}

/* ---- closing: the ticket again ---- */
.arrivederci{padding:8px 0 clamp(64px,8vw,96px)}
.arrivederci-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px 48px;background:var(--rosso);border-radius:24px;padding:48px 56px;overflow:hidden}
.arrivederci-in::before,.arrivederci-in::after{content:"";position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:var(--paper)}
.arrivederci-in::before{left:-20px}
.arrivederci-in::after{right:-20px}
.arrivederci h2{color:var(--white);font-size:clamp(1.9rem,3.4vw,2.8rem);margin:0;max-width:16ch}
.arrivederci-btns{display:flex;flex-wrap:wrap;gap:12px;max-width:520px;padding-left:36px;border-left:3px dashed rgba(255,255,255,.7)}

/* ---- footer ---- */
.piede{background:var(--teal);color:#cfe5dd;padding:72px 0 28px;font-size:.98rem}
.piede-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.piede h2{color:var(--white);font:600 1.02rem var(--sans);margin-bottom:14px}
.piede ul{list-style:none;margin:0;padding:0}
.piede li{padding:3px 0}
.piede a{color:var(--mint);text-decoration:none}
.piede a:hover{color:#fff;text-decoration:underline}
.piede .pill-wa{color:#fff}
.piede-brand p{max-width:40ch}
.piede-brand .insegna{margin-bottom:18px}
.piede-call a{font-weight:700}
.piede-legal{margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:.88rem}
.piede-legal p{margin:0}

/* ---- floating ---- */
.wa-tondo{position:fixed;right:20px;bottom:20px;z-index:50;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--verde);color:#fff;box-shadow:0 10px 24px -8px rgba(15,63,61,.6)}
.wa-tondo:hover{color:#fff}
.gt-wrap{position:fixed;left:12px;bottom:12px;z-index:60;display:flex;align-items:center;gap:6px;background:var(--white);color:var(--teal);border:1.5px solid var(--teal);border-radius:999px;padding:4px 10px}
.gt-wrap .goog-te-gadget{font-size:0!important;color:transparent!important}
.gt-wrap .goog-te-gadget select{font-size:13px;padding:3px 4px;border:0;background:transparent;color:var(--teal);max-width:150px}
.gt-wrap .goog-te-gadget>span,.goog-logo-link{display:none!important}
.goog-te-banner-frame,.skiptranslate>iframe{display:none!important}
body{top:0!important}

/* ---- inner pages ---- */
.perche-item h3{margin-bottom:.4em}
.modelli,.anche{padding:72px 0}
.anche{background:var(--white)}
.foglio{padding:72px 0}
.foglio h1{font-size:clamp(2.3rem,4.6vw,3.5rem)}
.foglio h2{font-size:1.6rem;margin-top:1.4em}
.foglio ul:not(.bottoni):not(.spunte):not(.zone-lista){padding-left:1.2em}
.legal{font-size:1rem}
.voce{background:var(--white);border-radius:18px;padding:24px 28px;margin-top:20px;border:1.5px solid var(--line)}
.voce h2{margin-top:.2em}
.voce-tag{display:inline-block;background:var(--mint);border-radius:999px;padding:3px 14px;font-weight:600;font-size:.88rem;margin:0}
.spunte{list-style:none;padding:0;margin:0 0 24px}
.spunte li{position:relative;padding:10px 0 10px 36px;border-bottom:1px dashed var(--line)}
.spunte li::before{content:"";position:absolute;left:0;top:14px;width:20px;height:20px;border-radius:50%;background:var(--rosso)}
.spunte li::after{content:"";position:absolute;left:6px;top:19px;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.contatti{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;margin:28px 0;padding:20px 24px;background:var(--white);border-radius:18px}
.contatti dt{font-weight:700}
.contatti dd{margin:0}
.tabella{width:100%;border-collapse:collapse;background:var(--white);border-radius:14px;overflow:hidden;margin:16px 0}
.tabella th,.tabella td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tabella th{background:var(--mint)}
.leads-body{padding:32px 0}
.leads-login{max-width:420px;margin:40px auto;padding:28px}
.leads-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:2px solid var(--teal);padding-bottom:12px}
.lead-card{background:var(--white);border:1.5px solid var(--line);border-radius:16px;padding:18px;margin:16px 0}
.notes{background:var(--mint-lt);padding:10px 14px;border-radius:12px}
.foglio+.domande{padding-top:8px}

/* ==== responsive ==== */
@media (max-width:1180px){
  .testata-tel{display:none}
  .vetrina-panel{grid-template-columns:minmax(0,1fr) 380px;gap:40px}
  .perche-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .testata-toggle{display:inline-block}
  .testata-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:14px;padding:12px 24px 24px}
  .testata-nav.open{display:flex}
  .testata-nav ul{flex-direction:column;gap:0}
  .testata-nav ul a{display:block;padding:12px 0;border-bottom:1px dashed var(--line)}
  .testata-tel{display:block}
  .vetrina-panel{grid-template-columns:1fr}
  .vetrina-inner .biglietto{max-width:560px}
  .coupon .biglietto{grid-template-columns:1fr}
  .coupon .bg-head{margin-bottom:16px}
  .coupon .biglietto>.bg-a,.coupon .biglietto>.bg-b,.coupon .biglietto>.bg-alt,.coupon .biglietto>.bg-err{grid-column:1}
  .vetrina-home .vetrina-copy{grid-template-columns:1fr}
  .medaglie{grid-template-columns:repeat(2,1fr)}
  .promesse-row{grid-template-columns:1fr 1fr}
  .garage-grid,.controllo-grid,.clienti-grid{grid-template-columns:1fr 1fr}
  .giro:not(.giro-foto) .giro-list{grid-template-columns:1fr 1fr}
  .giro-foto .giro-in,.gamma-in,.zone-in,.zone-pagina,.arrivederci-in{grid-template-columns:1fr}
  .gamma-in{gap:16px}
  .collage{max-width:560px}
  .arrivederci-btns{padding-left:0;border-left:0;padding-top:24px;border-top:3px dashed rgba(255,255,255,.7)}
  .piede-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .ticket{grid-template-columns:1fr}
  .ticket-foto{min-height:0;aspect-ratio:4/3}
  .ticket-stub{border-left:0;border-top:3px dashed rgba(255,255,255,.7)}
  .ticket-stub::before,.ticket-stub::after{top:-21px;left:auto;bottom:auto}
  .ticket-stub::before{left:-20px}
  .ticket-stub::after{right:-20px}
  .coupon .bg-a{grid-template-columns:1fr}
}
@media (max-width:640px){
  .strada{padding:0 16px}
  .testata-in{min-height:70px}
  .insegna-name{font-size:1.7rem}
  .ticket{border-radius:20px}
  .ticket h1{font-size:2.9rem}
  .coupon .biglietto{padding:22px 18px}
  .biglietto>.bg-err,.biglietto>.bg-a,.biglietto>.bg-b,.biglietto>.bg-alt{margin-left:18px;margin-right:18px}
  .coupon .biglietto>.bg-err,.coupon .biglietto>.bg-a,.coupon .biglietto>.bg-b,.coupon .biglietto>.bg-alt{margin-left:0;margin-right:0}
  .bg-head{padding:22px 18px 0}
  .bg-pair,.coupon .bg-b .bg-pair{grid-template-columns:1fr}
  .vetrina-home .vetrina-copy{margin-top:32px}
  .medaglie b{font-size:1.2rem}
  .targhette-list{gap:4px 18px}
  .targhette-list li{font-size:1.1rem}
  .promesse-row,.perche-grid,.garage-grid,.controllo-grid,.clienti-grid,.album-grid,.giro:not(.giro-foto) .giro-list{grid-template-columns:minmax(0,1fr)}
  .cartolina img{aspect-ratio:4/3}
  .gamma-list div{grid-template-columns:1fr;gap:2px}
  .zone-lista-2{columns:1}
  .arrivederci-in{padding:40px 24px}
  .arrivederci-in::before,.arrivederci-in::after{top:auto;bottom:-20px;margin-top:0}
  .arrivederci-btns .pill{width:100%}
  .piede-grid{grid-template-columns:1fr;gap:28px}
  .foglio,.modelli,.anche{padding:52px 0}
  .contatti{grid-template-columns:1fr;gap:2px}
  .contatti dd{margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.wa-tondo,.gt-wrap{display:none}}
.vetrina-foto{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:18px;background:var(--teal-2);margin-top:8px}

/* bigger shop sign */
.insegna-script{font-size:1.1rem}
.insegna-name{font-size:2.7rem;margin-top:3px}
/* freephone: a red ticket stub with a perforated edge and a cream bell */
.squillo{display:inline-flex;align-items:center;gap:12px;margin-left:auto;padding:7px 22px 7px 7px;border-radius:999px;background:var(--rosso);color:var(--white);text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 2px var(--rosso),inset 0 0 0 3px rgba(255,255,255,.55);transition:background-color .15s}
.squillo:hover{background:var(--rosso-dk);color:var(--white)}
.squillo-icona{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--butter);color:var(--teal);flex:none}
.squillo-testo{display:flex;flex-direction:column;line-height:1.1}
.squillo-testo small{font:600 .72rem/1.2 var(--sans);letter-spacing:.03em;opacity:.92}
.squillo-testo strong{font:400 1.3rem/1.1 var(--display);letter-spacing:.01em}
.testata-in>.insegna{flex:none}
/* UK regions on the home page */
.zone-uk .titolo{max-width:none}
.regioni{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0 30px}
.regione{background:var(--mint-lt);border-radius:22px;padding:20px 22px 22px;border:2px dashed var(--line)}
.regione h3{font:400 1.15rem/1.2 var(--display);color:var(--rosso);margin:0 0 10px}
.regione ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.96rem;color:var(--teal-2)}
.regione a{color:var(--teal);font-weight:600;text-decoration:underline;text-decoration-color:var(--rosso);text-underline-offset:3px}
.regione a:hover{color:var(--rosso-dk)}
.regioni-btns{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.testata-tel{display:none}
@media (min-width:1241px){.squillo-testo small{display:none}.squillo{padding-right:18px}.squillo-testo strong{font-size:1.2rem}.testata-in,.testata-nav,.testata-nav ul{gap:18px}}
/* the menu folds away a little earlier now the header carries the big sign and the call button */
@media (max-width:1240px){
  .testata-toggle{display:inline-block}
  .testata-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:14px;padding:12px 32px 24px}
  .testata-nav.open{display:flex}
  .testata-nav ul{flex-direction:column;gap:0}
  .testata-nav ul a{display:block;padding:12px 0;border-bottom:1px dashed var(--line)}
  .testata-nav .testata-tel{display:block}
  .squillo{margin-right:-6px}
}
@media (max-width:1180px){.regioni{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.testata-nav{padding:12px 24px 24px}}
@media (max-width:640px){
  .insegna-script{font-size:.95rem}
  .insegna-name{font-size:2.15rem}
  .testata-in{gap:10px}
  .squillo{padding:6px 14px 6px 6px;margin-right:0}
  .squillo-testo small{display:none}
  .squillo-testo strong{font-size:1rem}
  .squillo-icona{width:34px;height:34px}
  .regioni{grid-template-columns:1fr}
  .regioni-btns .pill{width:100%}
}
@media (max-width:480px){.squillo-testo{display:none}.squillo{padding:6px}}
@media (max-width:380px){.insegna-name{font-size:1.9rem}.testata-toggle{padding:8px 14px}}