/* ==========================================================================
   cdx-pagine.css — componenti di pagina del porting (Fase 2)
   GENERATO da strumenti/converti-css.py a partire da concept-sorgenti/assets/sito.css.
   Caricato solo con cdx acceso, dopo cdx.css. Tutto è limitato a .cdx-main.

   !important su font-family e font-weight: inevitabile. style.css li forza con
   !important su h2–h6 (Playfair, 700) e su p, li, label, input, button (Inter):
   senza, titoli in Anton, pesi 600 e pulsanti del concept non arriverebbero.
   ========================================================================== */
.cdx-main h1,.cdx-main h2,.cdx-main h3,.cdx-main p,.cdx-main figure,.cdx-main ul,.cdx-main ol,.cdx-main dl,.cdx-main dd,.cdx-main blockquote{margin:0}
.cdx-main ul[class],.cdx-main ol[class]{padding:0;list-style:none}
.cdx-main img{display:block;max-width:100%;height:auto}
.cdx-main a{color:inherit}
.cdx-main button,.cdx-main input,.cdx-main select,.cdx-main textarea{font:inherit;color:inherit}
.cdx-main button{background:none;border:0;padding:0;cursor:pointer}
.cdx-main h1,.cdx-main h2,.cdx-main h3{font-family:var(--cdx-f-text) !important;font-weight:600 !important;line-height:.98;letter-spacing:-0.025em}
.cdx-main .cdx-poster{font-family:var(--cdx-f-display) !important;font-weight:400 !important;text-transform:uppercase;letter-spacing:0;line-height:.88}
.cdx-main .cdx-on-dark{color:var(--cdx-bianco)}
.cdx-main .cdx-soft{color:var(--cdx-ink-soft)}
.cdx-main .cdx-on-dark .cdx-soft{color:var(--cdx-on-dark-soft)}
.cdx-main .cdx-testa{background:var(--c,var(--cdx-notte));color:var(--t,var(--cdx-bianco));padding:clamp(3rem,7vw,6rem) var(--cdx-margin) clamp(3.5rem,7vw,6rem)}
.cdx-main .cdx-testa .cdx-grid{row-gap:2rem;align-items:end}
.cdx-main .cdx-testa{position:relative;overflow:hidden}
.cdx-main .cdx-testa h1{grid-column:1 / span 7;font-size:var(--cdx-s-display)}
.cdx-main .cdx-testa h1.cdx-testa__h--long{grid-column:1 / -1;font-size:var(--cdx-s-head)}
.cdx-main .cdx-testa__statement{grid-column:1 / span 8;font-size:clamp(1.5rem,1rem + 1.4vw,2.25rem);line-height:1.25;letter-spacing:-0.01em;font-weight:500 !important}
.cdx-main .cdx-testa__fig{grid-column:8 / span 5;grid-row:1 / span 3;align-self:end;justify-self:end;display:flex;align-items:flex-end;gap:clamp(.25rem,.8vw,.8rem);margin-bottom:calc(-1 * clamp(3.5rem,7vw,6rem))}
.cdx-main .cdx-testa__fig img{height:clamp(14rem,40vh,26rem);width:auto}
.cdx-main .cdx-testa__fig--foto{margin-bottom:0;flex-direction:column;align-items:stretch}
.cdx-main .cdx-testa__fig--sotto{grid-row:2 / span 3}
.cdx-main .cdx-testa__fig--foto img{height:auto;width:100%;aspect-ratio:4/3;object-fit:cover}
.cdx-main .cdx-testa .cdx-azioni{grid-column:1 / span 7}
.cdx-main .cdx-testa__lead{grid-column:1 / span 6;font-size:var(--cdx-s-lead);line-height:1.38}
.cdx-main .cdx-testa__side{grid-column:8 / span 5;justify-self:end;align-self:end}
.cdx-main .cdx-dati{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cdx-gutter);padding-top:1.5rem}
.cdx-main .cdx-dati div{display:flex;flex-direction:column;gap:.2rem}
.cdx-main .cdx-dati strong{font-family:var(--cdx-f-display) !important;font-weight:400 !important;font-size:clamp(1.9rem,1.2rem + 2.2vw,3.6rem);line-height:1;text-transform:uppercase}
.cdx-main .cdx-hero{position:relative;background:var(--cdx-blu);color:var(--cdx-bianco);min-height:max(46rem,100svh);overflow:hidden;display:flex;flex-direction:column}
.cdx-main .cdx-hero__title{padding:clamp(1rem,2.5vw,2.25rem) var(--cdx-margin) 0;font-size:clamp(3.4rem,0.6rem + 9.9vw,10rem);color:var(--cdx-bianco)}
.cdx-main .cdx-hero__title span{display:block}
.cdx-main .cdx-hero__low{flex:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter);padding:0 var(--cdx-margin);align-items:end}
.cdx-main .cdx-hero__copy{grid-column:1 / span 5;padding-bottom:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;gap:1.6rem;align-self:center}
.cdx-main .cdx-hero__copy p{font-size:var(--cdx-s-lead);line-height:1.38;max-width:30ch}
.cdx-main .cdx-azioni{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem}
.cdx-main .cdx-hero__mark{display:flex;align-items:center;gap:1rem;color:#DCE4F2}
.cdx-main .cdx-hero__mark img{height:2.75rem;width:auto}
.cdx-main .cdx-hero__bottles{grid-column:6 / span 7;display:flex;justify-content:flex-end;align-items:flex-end;gap:clamp(.25rem,.8vw,.9rem);margin-bottom:-14vh;padding-top:1rem}
.cdx-main .cdx-hero__bottles img{height:clamp(17rem,56vh,40rem);width:auto;transition:transform 400ms var(--cdx-ease-out)}
.cdx-main .cdx-hero__bottles img:nth-child(even){height:clamp(18.5rem,61vh,43rem)}
@media (hover:hover) and (pointer:fine){
  .cdx-main .cdx-hero__bottles a:hover img{transform:translateY(-14px)}
}
.cdx-main .cdx-carattere{background:var(--cdx-carta);padding-block:clamp(5rem,11vw,10rem);overflow:hidden}
.cdx-main .cdx-carattere .cdx-grid{row-gap:clamp(2.5rem,5vw,4rem);align-items:start}
.cdx-main .cdx-carattere h2{grid-column:1 / span 8;font-size:var(--cdx-s-head)}
.cdx-main .cdx-carattere__bottle{grid-column:9 / span 4;grid-row:1 / span 2;justify-self:center;height:clamp(26rem,64vh,38rem);width:auto}
.cdx-main .cdx-carattere__text{grid-column:1 / span 4;font-size:var(--cdx-s-lead);line-height:1.4}
.cdx-main .cdx-carattere__credo{grid-column:5 / span 4;display:flex;flex-direction:column;gap:1rem}
.cdx-main .cdx-carattere__credo strong{font-weight:600 !important}
.cdx-main .cdx-gusti{background:var(--cdx-notte);color:var(--cdx-bianco);padding:clamp(4rem,8vw,7rem) var(--cdx-margin)}
.cdx-main .cdx-gusti__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter);row-gap:2.5rem;align-items:stretch}
.cdx-main .cdx-gusti__head{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter);align-items:end}
.cdx-main .cdx-gusti__head h2{grid-column:1 / span 8;font-size:var(--cdx-s-head)}
.cdx-main .cdx-gusti__head p{grid-column:9 / span 4;color:var(--cdx-on-dark-soft)}
.cdx-main .cdx-gusti__side{grid-column:1 / span 4;display:flex;flex-direction:column;gap:1.6rem}
.cdx-main .cdx-chips{display:flex;flex-direction:column;gap:6px}
.cdx-main .cdx-chip{display:flex;align-items:center;min-height:3.5rem;padding:0 1.25rem;border-radius:999px;background:var(--cdx-notte-2);color:var(--cdx-bianco);font-family:var(--cdx-f-display) !important;font-size:var(--cdx-s-lead);text-transform:uppercase;text-align:left;transition:background-color 180ms ease,color 180ms ease,transform 140ms var(--cdx-ease-out)}
.cdx-main .cdx-chip:active{transform:scale(.96)}
.cdx-main .cdx-chip[aria-selected="true"]{background:var(--cdx-bianco);color:var(--cdx-notte)}
@media (hover:hover) and (pointer:fine){
  .cdx-main .cdx-chip:hover{background:#244470}
  .cdx-main .cdx-chip[aria-selected="true"]:hover{background:var(--cdx-bianco)}
}
.cdx-main .cdx-tray{background:var(--cdx-notte-2);color:var(--cdx-bianco);padding:1.4rem;display:flex;flex-direction:column;gap:.9rem}
.cdx-main .cdx-gusti__side .cdx-tray{margin-top:auto}
.cdx-main .cdx-tray__title{font-weight:600 !important}
.cdx-main .cdx-tray__list{color:var(--cdx-on-dark-soft);font-size:var(--cdx-s-small);min-height:1.4em}
.cdx-main .cdx-tray__clear{align-self:flex-start;font-size:var(--cdx-s-small);text-decoration:underline;text-underline-offset:.2em;color:var(--cdx-on-dark-soft)}
.cdx-main .cdx-stage{grid-column:5 / span 8;position:relative;min-height:clamp(36rem,88vh,54rem)}
.cdx-main .cdx-panel{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:var(--cdx-gutter);padding:clamp(1.5rem,3vw,3rem);background:var(--c);color:var(--t);overflow:hidden;opacity:0;visibility:hidden;transition:opacity 420ms var(--cdx-ease-out),visibility 0s linear 420ms}
.cdx-main .cdx-panel.is-on{opacity:1;visibility:visible;transition:opacity 420ms var(--cdx-ease-out),visibility 0s}
.cdx-main .cdx-panel__bottle{justify-self:center;height:clamp(28rem,76vh,46rem);width:auto;transform:translateY(24px) rotate(-3deg);transition:transform 700ms var(--cdx-ease-out)}
.cdx-main .cdx-panel.is-on .cdx-panel__bottle{transform:translateY(0) rotate(-3deg)}
.cdx-main .cdx-panel__text{display:flex;flex-direction:column;gap:1.2rem}
.cdx-main .cdx-panel h3{font-size:var(--cdx-s-head)}
.cdx-main .cdx-panel blockquote{font-size:var(--cdx-s-lead);line-height:1.35;max-width:24ch}
.cdx-main .cdx-scheda-dati{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.2rem;font-variant-numeric:tabular-nums}
.cdx-main .cdx-scheda-dati dt{font-weight:600 !important}
.cdx-main .cdx-panel .cdx-azioni{margin-top:.4rem}
.cdx-main [data-add][aria-pressed="true"].cdx-btn{background:var(--cdx-notte);color:var(--cdx-bianco)}
.cdx-main .cdx-storia{background:var(--cdx-bianco)}
.cdx-main .cdx-storia__photo{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter);padding-right:var(--cdx-margin)}
.cdx-main .cdx-storia__img{grid-column:1 / span 9;grid-row:1;height:clamp(26rem,82vh,52rem);overflow:hidden}
.cdx-main .cdx-storia__img img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.06);transition:transform 6s var(--cdx-ease-soft)}
.cdx-main .cdx-storia__img.is-in img{transform:scale(1)}
.cdx-main .cdx-storia__side{grid-column:10 / span 3;grid-row:1;align-self:start;display:flex;flex-direction:column;gap:.7rem;padding-top:var(--cdx-gutter)}
.cdx-main .cdx-storia__side img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:52% 50%}
.cdx-main .cdx-storia__side figcaption{font-size:var(--cdx-s-small);color:var(--cdx-ink-soft)}
.cdx-main .cdx-storia__bar{grid-column:6 / span 7;grid-row:1;align-self:end;margin-bottom:-4rem;background:var(--cdx-rosso);color:var(--cdx-bianco);padding:clamp(1.6rem,3vw,2.8rem);position:relative;display:flex;flex-direction:column;gap:1rem}
.cdx-main .cdx-storia__bar h2{font-size:clamp(2.2rem,1rem + 2.6vw,3.9rem)}
.cdx-main .cdx-storia__body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter);align-items:center;padding:clamp(7rem,10vw,9rem) var(--cdx-margin) clamp(4rem,7vw,6rem)}
.cdx-main .cdx-storia__text{grid-column:1 / span 7;font-size:var(--cdx-s-lead);line-height:1.42;max-width:62ch}
.cdx-main .cdx-storia__text p+p{margin-top:.8em}
.cdx-main .cdx-storia__obj{grid-column:9 / span 4;display:flex;flex-direction:column;gap:.8rem}
.cdx-main .cdx-storia__obj img{width:100%;height:auto;mix-blend-mode:multiply}
.cdx-main figcaption{font-size:var(--cdx-s-small);color:var(--cdx-ink-soft)}
.cdx-main .cdx-on-dark figcaption{color:var(--cdx-on-dark-soft)}
.cdx-main .cdx-hl{padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:var(--cdx-rosso);color:var(--cdx-bianco);text-decoration:none;font-weight:500 !important}
.cdx-main .cdx-capitolo{padding:clamp(5rem,10vw,9rem) var(--cdx-margin);background:var(--c,var(--cdx-carta));color:var(--t,var(--cdx-ink))}
.cdx-main .cdx-capitolo .cdx-grid{row-gap:2.5rem;align-items:center}
.cdx-main .cdx-capitolo__testo{grid-column:1 / span 6;display:flex;flex-direction:column;gap:1.4rem}
.cdx-main .cdx-capitolo__testo h2{font-size:var(--cdx-s-title)}
.cdx-main .cdx-capitolo__testo h3{font-size:var(--cdx-s-lead);line-height:1.15;letter-spacing:-0.01em}
.cdx-main .cdx-capitolo__testo p{font-size:var(--cdx-s-lead);line-height:1.42;max-width:40ch}
.cdx-main .cdx-capitolo__fig{grid-column:8 / span 5;display:flex;flex-direction:column;gap:.8rem}
.cdx-main .cdx-capitolo__fig img{width:100%;height:auto}
.cdx-main .cdx-capitolo__fig--tall img{aspect-ratio:4/5;object-fit:cover}
.cdx-main .cdx-capitolo--inv .cdx-capitolo__testo{grid-column:7 / span 6;grid-row:1}
.cdx-main .cdx-capitolo--inv .cdx-capitolo__fig{grid-column:1 / span 5;grid-row:1}
.cdx-main .cdx-cronologia{background:var(--cdx-notte);color:var(--cdx-bianco);padding:clamp(5rem,10vw,9rem) var(--cdx-margin)}
.cdx-main .cdx-cronologia .cdx-grid{row-gap:3rem}
.cdx-main .cdx-cronologia h2{grid-column:1 / span 5;font-size:var(--cdx-s-title);align-self:start;position:sticky;top:2rem}
.cdx-main .cdx-anni{grid-column:6 / span 7;display:flex;flex-direction:column}
.cdx-main .cdx-anni{gap:clamp(2rem,3.5vw,3rem)}
.cdx-main .cdx-anni li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--cdx-gutter);align-items:baseline}
.cdx-main .cdx-anni strong{font-family:var(--cdx-f-display) !important;font-weight:400 !important;font-size:clamp(2.6rem,1.4rem + 3.4vw,5.2rem);line-height:.9;text-transform:uppercase;color:var(--cdx-oro)}
.cdx-main .cdx-anni span{font-size:var(--cdx-s-lead);line-height:1.3}
.cdx-main .cdx-valori{padding:clamp(5rem,10vw,9rem) var(--cdx-margin);background:var(--cdx-carta)}
.cdx-main .cdx-valori .cdx-grid{row-gap:3rem}
.cdx-main .cdx-valori h2{grid-column:1 / span 5;font-size:var(--cdx-s-title)}
.cdx-main .cdx-valori__lista{grid-column:6 / span 7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem var(--cdx-gutter)}
.cdx-main .cdx-valori__lista li{display:flex;flex-direction:column;gap:.5rem}
.cdx-main .cdx-valori__lista strong{font-family:var(--cdx-f-display) !important;font-weight:400 !important;font-size:clamp(2rem,1.3rem + 1.8vw,3.2rem);line-height:.95;text-transform:uppercase;color:var(--cdx-blu)}
.cdx-main .cdx-citazione{background:var(--cdx-rosso);color:var(--cdx-bianco);padding:clamp(5rem,10vw,9rem) var(--cdx-margin)}
.cdx-main .cdx-citazione h2{font-size:var(--cdx-s-head)}
.cdx-main .cdx-catalogo{background:var(--cdx-carta);padding:clamp(5rem,10vw,9rem) var(--cdx-margin)}
.cdx-main .cdx-catalogo .cdx-grid{row-gap:3rem;align-items:start}
.cdx-main .cdx-catalogo__list{grid-column:1 / span 7;container-type:inline-size}
.cdx-main .cdx-catalogo__list h2.cdx-poster{font-size:21cqw;line-height:.8;color:var(--cdx-notte);margin-bottom:1.25rem}
.cdx-main .cdx-catalogo__list h2.cdx-titolo{font-size:var(--cdx-s-head);margin-bottom:1.5rem}
.cdx-main .cdx-bars{display:flex;flex-direction:column;gap:6px}
.cdx-main .cdx-bar{background:#E4E4E0;scroll-margin-top:1rem}
.cdx-main .cdx-bar:not([open]) .cdx-bar__items{display:none}
.cdx-main .cdx-bar summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding:0 1.15rem;cursor:pointer;font-weight:600 !important}
.cdx-main .cdx-bar summary em{font-style:normal;font-weight:400 !important;color:var(--cdx-ink-soft);margin-left:.5em}
.cdx-main .cdx-bar summary::-webkit-details-marker{display:none}
.cdx-main .cdx-bar summary span:last-child{font-family:var(--cdx-f-display) !important;font-size:var(--cdx-s-lead);line-height:1;transition:transform 240ms var(--cdx-ease-out)}
.cdx-main .cdx-bar[open] summary span:last-child{transform:rotate(45deg)}
.cdx-main .cdx-bar__items{padding:.4rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.15rem}
.cdx-main .cdx-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;min-height:2.75rem;font-variant-numeric:tabular-nums}
.cdx-main .cdx-item a{text-underline-offset:.2em}
.cdx-main .cdx-item__fmt{color:var(--cdx-ink-soft)}
.cdx-main .cdx-add{width:2.5rem;height:2.5rem;border-radius:999px;background:var(--cdx-bianco);color:var(--cdx-notte);font-family:var(--cdx-f-display) !important;font-size:var(--cdx-s-body);line-height:1;transition:background-color 180ms ease,color 180ms ease,transform 140ms var(--cdx-ease-out)}
.cdx-main .cdx-add:active{transform:scale(.92)}
.cdx-main .cdx-add[aria-pressed="true"]{background:var(--cdx-notte);color:var(--cdx-bianco)}
@media (hover:hover) and (pointer:fine){
  .cdx-main .cdx-add:hover{background:var(--cdx-oro)}
  .cdx-main .cdx-add[aria-pressed="true"]:hover{background:var(--cdx-blu)}
  .cdx-main .cdx-bar summary:hover{background:#DADAD5}
}
.cdx-main .cdx-catalogo__note{margin-top:1.5rem;max-width:44ch}
.cdx-main .cdx-catalogo__aside{grid-column:9 / span 4;position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}
.cdx-main .cdx-filtri{display:flex;flex-wrap:wrap;gap:.5rem}
.cdx-main .cdx-filtri a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.1rem;border-radius:999px;background:#E4E4E0;text-decoration:none;font-weight:600 !important}
@media (hover:hover) and (pointer:fine){
  .cdx-main .cdx-filtri a:hover{background:var(--cdx-oro)}
}
.cdx-main .cdx-catalogo__brands{grid-column:9 / span 4;display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4.5rem);padding-top:1rem}
.cdx-main .cdx-brand{display:flex;flex-direction:column;gap:1rem;text-decoration:none}
.cdx-main .cdx-brand img{height:clamp(3.5rem,6vw,5.5rem);width:auto;align-self:flex-start}
.cdx-main .cdx-brand--ldv img{height:clamp(5.5rem,9vw,8.5rem)}
.cdx-main .cdx-brand p{font-size:var(--cdx-s-lead);line-height:1.35;max-width:28ch}
.cdx-main .cdx-brand .cdx-link-plain{align-self:flex-start}
.cdx-main .cdx-scaffale{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(.25rem,1vw,1rem)}
.cdx-main .cdx-scaffale a{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-decoration:none;font-weight:600 !important}
.cdx-main .cdx-scaffale img{height:clamp(12rem,26vw,22rem);width:auto;transition:transform 400ms var(--cdx-ease-out)}
@media (hover:hover) and (pointer:fine){
  .cdx-main .cdx-scaffale a:hover img{transform:translateY(-10px)}
}
.cdx-main .cdx-chi{background:var(--cdx-notte);color:var(--cdx-bianco)}
.cdx-main .cdx-chi__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter);align-items:end;padding:clamp(5rem,9vw,8rem) var(--cdx-margin) clamp(2.5rem,4vw,3.5rem)}
.cdx-main .cdx-chi__head h2{grid-column:1 / span 7;font-size:var(--cdx-s-head)}
.cdx-main .cdx-chi__head p{grid-column:9 / span 4;color:var(--cdx-on-dark-soft)}
.cdx-main .cdx-chi__row{display:grid;grid-template-columns:1.25fr .9fr 1fr 1.15fr}
.cdx-main .cdx-chi__row--tre{grid-template-columns:1.2fr 1fr 1fr}
.cdx-main .cdx-strip{padding:clamp(4rem,8vw,7rem) var(--cdx-margin);background:var(--cdx-bianco)}
.cdx-main .cdx-strip h2{font-size:var(--cdx-s-title);margin-bottom:2rem}
.cdx-main .cdx-strip__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cdx-gutter)}
.cdx-main .cdx-strip__row a{display:flex;flex-direction:column;gap:.8rem;text-decoration:none}
.cdx-main .cdx-strip__row img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 500ms var(--cdx-ease-out)}
.cdx-main .cdx-strip__row span{font-size:var(--cdx-s-lead);font-weight:600 !important}
@media (hover:hover) and (pointer:fine){
  .cdx-main .cdx-strip__row a:hover img{transform:scale(1.03)}
}
.cdx-main .cdx-lane{position:relative;overflow:hidden;background:var(--c);color:var(--t);min-height:clamp(32rem,72vh,44rem);padding:clamp(1.5rem,2.5vw,2.5rem);display:flex;flex-direction:column;gap:1rem}
.cdx-main .cdx-lane h3{font-size:var(--cdx-s-lead);line-height:1.1}
.cdx-main .cdx-lane p{max-width:26ch}
.cdx-main .cdx-lane img{position:absolute;bottom:-5rem;right:clamp(1rem,3vw,3rem);height:clamp(19rem,44vh,27rem);width:auto;transition:transform 500ms var(--cdx-ease-out)}
@media (hover:hover) and (pointer:fine){
  .cdx-main .cdx-lane:hover img{transform:translateY(-1.25rem)}
}
.cdx-main .cdx-fascia{position:relative;overflow:hidden;background:var(--c);color:var(--t);padding:clamp(4rem,8vw,7rem) var(--cdx-margin)}
.cdx-main .cdx-fascia .cdx-grid{row-gap:2.5rem;align-items:center}
.cdx-main .cdx-fascia__testo{grid-column:1 / span 6;display:flex;flex-direction:column;gap:1.4rem;align-items:flex-start}
.cdx-main .cdx-fascia__testo img.cdx-logo{height:clamp(3.5rem,6vw,5.5rem);width:auto}
.cdx-main .cdx-fascia__testo img.cdx-logo--alto{height:clamp(6rem,10vw,9rem)}
.cdx-main .cdx-fascia__testo h2{font-size:var(--cdx-s-title)}
.cdx-main .cdx-fascia__testo p{font-size:var(--cdx-s-lead);line-height:1.38;max-width:32ch}
.cdx-main .cdx-fascia__fig{grid-column:8 / span 5}
.cdx-main .cdx-fascia__fig img{width:100%;height:auto}
.cdx-main .cdx-manifesto{position:relative;overflow:hidden;background:var(--c);color:var(--t);padding:clamp(3rem,6vw,5rem) var(--cdx-margin);min-height:clamp(34rem,90vh,52rem);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter);align-items:center}
.cdx-main .cdx-manifesto__bottle{grid-column:1 / span 5;justify-self:center;height:clamp(26rem,82vh,48rem);width:auto;transform:rotate(-3deg)}
.cdx-main .cdx-manifesto__testo{grid-column:7 / span 6;display:flex;flex-direction:column;gap:1.3rem;align-items:flex-start}
.cdx-main .cdx-manifesto__testo h2{font-size:clamp(4rem,1rem + 9vw,10rem)}
.cdx-main .cdx-manifesto__testo blockquote{font-size:var(--cdx-s-lead);line-height:1.35;max-width:24ch}
.cdx-main .cdx-manifesto--inv .cdx-manifesto__bottle{grid-column:8 / span 5;grid-row:1;transform:rotate(3deg)}
.cdx-main .cdx-manifesto--inv .cdx-manifesto__testo{grid-column:1 / span 6;grid-row:1}
.cdx-main .cdx-linea{padding:clamp(5rem,9vw,8rem) var(--cdx-margin);background:var(--c,var(--cdx-carta));color:var(--t,var(--cdx-ink))}
.cdx-main .cdx-linea .cdx-grid{row-gap:2.5rem;align-items:start}
.cdx-main .cdx-linea__testo{grid-column:1 / span 5;display:flex;flex-direction:column;gap:1.3rem}
.cdx-main .cdx-linea__testo h2{font-size:var(--cdx-s-title)}
.cdx-main .cdx-linea__testo p{font-size:var(--cdx-s-lead);line-height:1.4;max-width:34ch}
.cdx-main .cdx-linea__nomi{grid-column:7 / span 6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem var(--cdx-gutter);font-family:var(--cdx-f-display) !important;font-size:clamp(1.8rem,1.1rem + 1.6vw,2.9rem);line-height:1.12;text-transform:uppercase}
.cdx-main .cdx-linea__nomi--uno{grid-template-columns:1fr}
.cdx-main .cdx-linea__fila{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(.25rem,1vw,1rem);padding-top:1rem}
.cdx-main .cdx-linea__fila img{height:clamp(11rem,22vw,20rem);width:auto}
.cdx-main .cdx-linea__foto{grid-column:1 / -1}
.cdx-main .cdx-linea__foto img{width:100%;height:clamp(18rem,52vh,34rem);object-fit:cover}
.cdx-main .cdx-prodotto{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter);min-height:calc(100svh - 6rem);background:var(--cdx-carta)}
.cdx-main .cdx-prodotto__campo{grid-column:1 / span 6;background:var(--c);display:grid;place-items:center;padding:clamp(2rem,4vw,4rem);overflow:hidden;transition:background-color 400ms ease}
.cdx-main .cdx-prodotto__campo img{height:clamp(26rem,78vh,46rem);width:auto;transform:rotate(-3deg)}
.cdx-main .cdx-prodotto__testo{grid-column:7 / span 6;padding:clamp(2.5rem,5vw,5rem) var(--cdx-margin) clamp(2.5rem,5vw,5rem) 0;display:flex;flex-direction:column;gap:1.4rem;align-self:center}
.cdx-main .cdx-prodotto__testo h1{font-size:clamp(3.6rem,1rem + 7vw,8.4rem)}
.cdx-main .cdx-prodotto__testo blockquote{font-size:var(--cdx-s-lead);line-height:1.35;max-width:28ch}
.cdx-main .cdx-prodotto__testo .cdx-descrizione{max-width:52ch;display:flex;flex-direction:column;gap:.8em}
.cdx-main .cdx-prodotto__prezzo{background:#E4E4E0;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.3rem;max-width:34rem}
.cdx-main .cdx-prodotto__prezzo strong{font-size:var(--cdx-s-lead)}
.cdx-main .cdx-altri{padding:clamp(4rem,8vw,7rem) var(--cdx-margin);background:var(--cdx-notte);color:var(--cdx-bianco)}
.cdx-main .cdx-altri h2{font-size:var(--cdx-s-head);margin-bottom:2.5rem}
.cdx-main .cdx-altri .cdx-scaffale a{color:var(--cdx-bianco)}
.cdx-main .cdx-modulo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem var(--cdx-gutter)}
.cdx-main .cdx-campo{display:flex;flex-direction:column;gap:.45rem}
.cdx-main .cdx-campo--pieno{grid-column:1 / -1}
.cdx-main .cdx-campo label,.cdx-main .cdx-campo legend{font-weight:600 !important}
.cdx-main .cdx-campo input,.cdx-main .cdx-campo select,.cdx-main .cdx-campo textarea{width:100%;min-height:3.25rem;padding:.75rem 1rem;border:2px solid #CFCFCA;background:var(--cdx-bianco);border-radius:0;font-size:var(--cdx-s-body)}
.cdx-main .cdx-campo textarea{min-height:9rem;resize:vertical}
.cdx-main .cdx-campo input:focus,.cdx-main .cdx-campo select:focus,.cdx-main .cdx-campo textarea:focus{outline:none;border-color:var(--cdx-blu)}
.cdx-main .cdx-consenso{grid-column:1 / -1;display:flex;gap:.8rem;align-items:flex-start}
.cdx-main .cdx-consenso input{width:1.4rem;height:1.4rem;margin-top:.15rem;accent-color:var(--cdx-blu)}
.cdx-main .cdx-tipi{grid-column:1 / -1;border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.cdx-main .cdx-tipi legend{margin-bottom:.6rem}
.cdx-main .cdx-tipi label{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.1rem;background:var(--cdx-bianco);border:2px solid #CFCFCA;cursor:pointer;font-weight:400 !important}
.cdx-main .cdx-tipi label strong{font-weight:600 !important}
.cdx-main .cdx-tipi input{position:absolute;opacity:0}
.cdx-main .cdx-tipi label:has(input:checked){border-color:var(--cdx-blu);background:#E8EEF8}
.cdx-main .cdx-tipi label:has(input:focus-visible){outline:3px solid var(--cdx-oro);outline-offset:2px}
.cdx-main .cdx-dettagli{grid-column:1 / -1;border:0;margin:0;padding:clamp(1.25rem,2.5vw,2rem);background:var(--cdx-bianco);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem var(--cdx-gutter)}
.cdx-main .cdx-dettagli[hidden]{display:none}
.cdx-main .cdx-dettagli legend{float:left;width:100%;padding:0;margin-bottom:.2rem;font-size:var(--cdx-s-lead);font-weight:600 !important;line-height:1.2}
.cdx-main .cdx-dettagli legend+*{clear:both}
.cdx-main .cdx-scelte{grid-column:1 / -1;border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
.cdx-main .cdx-scelte legend{float:left;width:100%;font-size:var(--cdx-s-body);font-weight:600 !important;margin-bottom:.5rem}
.cdx-main .cdx-scelte label{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:0 1rem;background:var(--cdx-carta);border:2px solid #CFCFCA;cursor:pointer}
.cdx-main .cdx-scelte input{width:1.15rem;height:1.15rem;accent-color:var(--cdx-blu);margin:0}
.cdx-main .cdx-scelte label:has(input:checked){border-color:var(--cdx-blu);background:#E8EEF8}
.cdx-main .cdx-lane .cdx-link-plain{position:relative;z-index:2;align-self:flex-start}
.cdx-main .cdx-export{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--cdx-carta)}
.cdx-main .cdx-export__testo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.4rem;padding:clamp(4rem,8vw,7rem) var(--cdx-margin)}
.cdx-main .cdx-export__testo h2{font-size:var(--cdx-s-head)}
.cdx-main .cdx-export__testo p{font-size:var(--cdx-s-lead);line-height:1.38;max-width:30ch}
.cdx-main .cdx-export__mappa{min-height:clamp(28rem,70vh,40rem);overflow:hidden}
.cdx-main .cdx-export__mappa img{width:100%;height:100%;object-fit:cover}
.cdx-main .cdx-contatti{padding:clamp(4rem,8vw,7rem) var(--cdx-margin)}
.cdx-main .cdx-contatti .cdx-grid{row-gap:3rem;align-items:start}
.cdx-main .cdx-contatti__form{grid-column:1 / span 7;display:flex;flex-direction:column;gap:1.6rem}
.cdx-main .cdx-contatti__form h2{font-size:var(--cdx-s-title)}
.cdx-main .cdx-contatti__dati{grid-column:9 / span 4;display:flex;flex-direction:column;gap:2rem}
.cdx-main .cdx-contatti__dati img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cdx-main .cdx-indirizzo{display:flex;flex-direction:column;gap:.25rem}
.cdx-main .cdx-indirizzo strong{font-size:var(--cdx-s-lead)}
.cdx-main .cdx-passi{padding:clamp(5rem,9vw,8rem) var(--cdx-margin);background:var(--cdx-carta)}
.cdx-main .cdx-passi .cdx-grid{row-gap:2.5rem;align-items:start}
.cdx-main .cdx-passi h2{grid-column:1 / span 5;font-size:var(--cdx-s-title)}
.cdx-main .cdx-passi__fig{grid-column:1 / span 5;grid-row:2}
.cdx-main .cdx-passi__fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.cdx-main .cdx-passi ol{grid-column:7 / span 6;counter-reset:passo;display:flex;flex-direction:column;gap:1.6rem}
.cdx-main .cdx-passi li{counter-increment:passo;display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;align-items:baseline;font-size:var(--cdx-s-lead);line-height:1.3}
.cdx-main .cdx-passi li::before{content:counter(passo);font-family:var(--cdx-f-display) !important;font-size:clamp(2.6rem,1.6rem + 2.6vw,4.2rem);line-height:.9;color:var(--cdx-blu)}
.cdx-main .cdx-passi .cdx-azioni{grid-column:7 / span 6}
.cdx-main .cdx-domanda{background:var(--cdx-blu);color:var(--cdx-bianco);padding:clamp(5rem,10vw,9rem) var(--cdx-margin);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter);row-gap:2.5rem;align-items:end}
.cdx-main .cdx-domanda h2{grid-column:1 / span 7;font-size:var(--cdx-s-display);line-height:.9}
.cdx-main .cdx-domanda h2 span{display:block}
.cdx-main .cdx-domanda__mid{grid-column:8 / span 5;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}
.cdx-main .cdx-domanda__note{color:#DCE4F2}
@media (prefers-reduced-motion:no-preference){
  .js .cdx-main [data-rise]{opacity:0;transform:translateY(22px);animation:cdx-rise 900ms var(--cdx-ease-out) forwards;animation-delay:calc(var(--i,0) * 80ms + 150ms)}
  .js .cdx-main [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity 700ms var(--cdx-ease-out),transform 900ms var(--cdx-ease-out);transition-delay:calc(var(--i,0) * 75ms)}
  .js .cdx-main [data-reveal].is-in{opacity:1;transform:none}
}
@keyframes cdx-rise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .cdx-main .cdx-panel,.cdx-main .cdx-panel__bottle,.cdx-main .cdx-storia__img img,.cdx-main .cdx-lane img,.cdx-main .cdx-prodotto__campo{transition:none}
}
@media (max-width:1024px){
  .cdx-main .cdx-hero__low{display:flex;flex-direction:column;align-items:stretch}
  .cdx-main .cdx-hero__copy{padding:1.5rem 0 2rem;align-self:stretch}
  .cdx-main .cdx-hero__copy p{max-width:40ch}
  .cdx-main .cdx-hero__bottles{justify-content:center;margin-bottom:-8rem}
  .cdx-main .cdx-hero__bottles img{height:24rem}
  .cdx-main .cdx-hero__bottles img:nth-child(even){height:26rem}
  .cdx-main .cdx-testa h1{grid-column:1 / -1}
  .cdx-main .cdx-testa__lead{grid-column:1 / span 10}
  .cdx-main .cdx-testa__side{grid-column:1 / -1;justify-self:start}
  .cdx-main .cdx-dati{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cdx-main .cdx-chi__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cdx-main .cdx-chi__head h2,.cdx-main .cdx-chi__head p{grid-column:1 / -1}
  .cdx-main .cdx-chi__head p{margin-top:1rem}
  .cdx-main .cdx-storia__text{grid-column:1 / span 7}
  .cdx-main .cdx-storia__obj{grid-column:8 / span 5}
  .cdx-main .cdx-storia__bar{grid-column:3 / span 10}
  .cdx-main .cdx-domanda h2,.cdx-main .cdx-domanda__mid{grid-column:1 / -1}
  .cdx-main .cdx-carattere h2{grid-column:1 / span 9}
  .cdx-main .cdx-carattere__bottle{grid-column:10 / span 3}
  .cdx-main .cdx-carattere__text{grid-column:1 / span 6}
  .cdx-main .cdx-carattere__credo{grid-column:7 / span 6}
  .cdx-main .cdx-gusti__head h2{grid-column:1 / -1}
  .cdx-main .cdx-gusti__head p{grid-column:1 / span 8;margin-top:1rem}
  .cdx-main .cdx-gusti__side{grid-column:1 / -1}
  .cdx-main .cdx-gusti__side .cdx-tray{margin-top:0}
  .cdx-main .cdx-stage{grid-column:1 / -1}
  .cdx-main .cdx-catalogo__list{grid-column:1 / -1}
  .cdx-main .cdx-catalogo__aside,.cdx-main .cdx-catalogo__brands{grid-column:1 / -1;position:static}
  .cdx-main .cdx-capitolo__testo,.cdx-main .cdx-capitolo--inv .cdx-capitolo__testo{grid-column:1 / span 7;grid-row:auto}
  .cdx-main .cdx-capitolo__fig,.cdx-main .cdx-capitolo--inv .cdx-capitolo__fig{grid-column:8 / span 5;grid-row:auto}
  .cdx-main .cdx-cronologia h2{grid-column:1 / -1;position:static}
  .cdx-main .cdx-anni{grid-column:1 / -1}
  .cdx-main .cdx-valori h2,.cdx-main .cdx-valori__lista{grid-column:1 / -1}
  .cdx-main .cdx-fascia__testo,.cdx-main .cdx-fascia__fig{grid-column:1 / -1}
  .cdx-main .cdx-fascia .cdx-scaffale{justify-content:flex-start;gap:1.5rem}
  .cdx-main .cdx-testa__fig{grid-column:1 / -1;grid-row:auto;justify-self:start;margin-bottom:0}
  .cdx-main .cdx-testa__fig--foto{max-width:34rem}
  .cdx-main .cdx-testa h1,.cdx-main .cdx-testa__statement,.cdx-main .cdx-testa .cdx-azioni{grid-column:1 / -1}
  .cdx-main .cdx-passi__fig{grid-column:1 / -1;grid-row:auto}
  .cdx-main .cdx-linea__testo{grid-column:1 / -1}
  .cdx-main .cdx-linea__nomi{grid-column:1 / -1}
  .cdx-main .cdx-manifesto__testo h2{font-size:var(--cdx-s-head)}
  .cdx-main .cdx-prodotto__campo{grid-column:1 / span 6}
  .cdx-main .cdx-prodotto__testo{grid-column:7 / span 6}
  .cdx-main .cdx-contatti__form,.cdx-main .cdx-contatti__dati{grid-column:1 / -1}
  .cdx-main .cdx-passi h2,.cdx-main .cdx-passi ol,.cdx-main .cdx-passi .cdx-azioni{grid-column:1 / -1}
  .cdx-main .cdx-export{grid-template-columns:1fr}
  .cdx-main .cdx-export__mappa{min-height:24rem;order:-1}
}
@media (max-width:640px){
  .cdx-main .cdx-hero{min-height:max(40rem,100svh)}
  .cdx-main .cdx-hero__title{font-size:11.2vw;line-height:.9;padding-top:1.5rem;padding-bottom:1.5rem}
  .cdx-main .cdx-hero__low{padding:0 var(--cdx-margin)}
  .cdx-main .cdx-hero__copy{padding-bottom:1.5rem;gap:1.2rem}
  .cdx-main .cdx-azioni{flex-direction:column;align-items:stretch}
  .cdx-main .cdx-azioni .cdx-btn{width:100%}
  .cdx-main .cdx-hero__bottles{justify-content:center;margin-bottom:-5rem;gap:.3rem;padding-top:.5rem}
  .cdx-main .cdx-hero__bottles img{height:17rem}
  .cdx-main .cdx-hero__bottles img:nth-child(even){height:18.5rem}
  .cdx-main .cdx-hero__bottles a:nth-child(n+5){display:none}
  .cdx-main .cdx-testa .cdx-grid,.cdx-main .cdx-carattere .cdx-grid,.cdx-main .cdx-catalogo .cdx-grid,.cdx-main .cdx-capitolo .cdx-grid,.cdx-main .cdx-cronologia .cdx-grid,.cdx-main .cdx-valori .cdx-grid,.cdx-main .cdx-fascia .cdx-grid,.cdx-main .cdx-linea .cdx-grid,.cdx-main .cdx-contatti .cdx-grid,.cdx-main .cdx-passi .cdx-grid{display:flex;flex-direction:column;align-items:stretch}
  .cdx-main .cdx-dati{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cdx-main .cdx-dati strong{font-size:1.75rem}
  .cdx-main .cdx-testa__fig img{height:13rem}
  .cdx-main .cdx-testa__fig img:nth-child(n+5){display:none}
  .cdx-main .cdx-testa__fig--foto img{height:auto}
  .cdx-main .cdx-citazione h2{font-size:7.4vw}
  .cdx-main .cdx-lane{padding:1.75rem}
  .cdx-main .cdx-carattere__bottle{width:46vw;height:auto;align-self:flex-end;margin-top:-2rem;order:3}
  .cdx-main .cdx-carattere__text{order:2}
  .cdx-main .cdx-carattere__credo{order:4}
  .cdx-main .cdx-chips{flex-direction:row;flex-wrap:wrap}
  .cdx-main .cdx-chip{min-height:2.9rem;padding:0 1rem;font-size:1.25rem}
  .cdx-main .cdx-stage{min-height:auto}
  .cdx-main .cdx-panel{position:relative;grid-template-columns:1fr;row-gap:1rem;display:none;opacity:1;visibility:visible}
  .cdx-main .cdx-panel.is-on{display:grid}
  .cdx-main .cdx-panel__bottle{height:52vh;max-height:24rem}
  .cdx-main .cdx-storia__photo{display:flex;flex-direction:column;padding-right:0}
  .cdx-main .cdx-storia__side{order:3;padding:2rem var(--cdx-margin) 0}
  .cdx-main .cdx-storia__side img{aspect-ratio:4/3}
  .cdx-main .cdx-storia__img{height:62vh}
  .cdx-main .cdx-storia__bar{margin:-3rem var(--cdx-margin) 0}
  .cdx-main .cdx-storia__bar h2{font-size:var(--cdx-s-head)}
  .cdx-main .cdx-storia__body{display:flex;flex-direction:column;gap:2.5rem;padding-top:3.5rem}
  .cdx-main .cdx-storia__obj img{max-width:16rem}
  .cdx-main .cdx-catalogo__list{width:100%}
  .cdx-main .cdx-catalogo__aside{order:-1}
  .cdx-main .cdx-chi__row,.cdx-main .cdx-chi__row--tre{grid-template-columns:1fr}
  .cdx-main .cdx-strip__row{grid-template-columns:1fr}
  .cdx-main .cdx-lane{min-height:24rem}
  .cdx-main .cdx-lane img{height:17rem;bottom:-4rem}
  .cdx-main .cdx-scaffale{flex-wrap:wrap;justify-content:center;row-gap:1.5rem}
  .cdx-main .cdx-scaffale img{height:12rem}
  .cdx-main .cdx-anni li{grid-template-columns:1fr;gap:.4rem}
  .cdx-main .cdx-valori__lista{grid-template-columns:1fr}
  .cdx-main .cdx-manifesto{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;min-height:0}
  .cdx-main .cdx-manifesto__bottle{height:22rem;align-self:center}
  .cdx-main .cdx-manifesto__testo h2{font-size:15vw}
  .cdx-main .cdx-linea__nomi{grid-template-columns:1fr}
  .cdx-main .cdx-linea__fila{flex-wrap:wrap;justify-content:center;row-gap:1rem}
  .cdx-main .cdx-linea__fila img{height:10rem}
  .cdx-main .cdx-prodotto{display:flex;flex-direction:column}
  .cdx-main .cdx-prodotto__campo img{height:24rem}
  .cdx-main .cdx-prodotto__testo{padding:2rem var(--cdx-margin) 3rem}
  .cdx-main .cdx-prodotto__testo h1{font-size:15vw}
  .cdx-main .cdx-modulo{grid-template-columns:1fr}
  .cdx-main .cdx-tipi{grid-template-columns:1fr}
  .cdx-main .cdx-dettagli{grid-template-columns:1fr}
  .cdx-main .cdx-passi li{grid-template-columns:3rem 1fr}
  .cdx-main .cdx-domanda{display:flex;flex-direction:column;align-items:stretch}
}

/* ==========================================================================
   AGGIUNTE DEL PORTING (scritte a mano, non generate da sito.css)
   ========================================================================== */

/* ---- contenitori del padre: stesso schema di template-home.php ----
   #qodef-page-inner e #qodef-page-content aggiungono spazio verticale e larghezza
   massima (griglia 1100): sulle pagine cdx non servono. Solo per identificatore e
   solo sotto body.cdx-tpl, che esiste solo con cdx acceso sulle 9 pagine.
   !important come in template-home.php: il tema li imposta da più fogli. */
body.cdx-tpl #qodef-page-inner,
body.cdx-tpl #qodef-page-content{
  padding-top:0 !important;padding-bottom:0 !important;
  margin-top:0 !important;margin-bottom:0 !important;
  max-width:none !important;width:100% !important;
}
body.cdx-tpl #qodef-page-outer,
body.cdx-tpl #qodef-page-inner{overflow-x:clip}
body.cdx-tpl #qodef-page-outer{margin-top:0 !important;padding-top:0 !important} /* qodef-content-behind-header sulla home */

/* ---- base del contenuto ---- */
.cdx-main{display:block;width:100%;background:var(--cdx-carta);color:var(--cdx-ink);font-family:var(--cdx-f-text);font-size:var(--cdx-s-body);line-height:1.5;-webkit-font-smoothing:antialiased}
.cdx-main *,.cdx-main *::before,.cdx-main *::after{box-sizing:border-box}
.cdx-main a:hover,.cdx-main a:focus{color:inherit}
.cdx-main h1,.cdx-main h2,.cdx-main h3,.cdx-main h4{color:inherit;text-transform:none}
.cdx-main h4{font-family:var(--cdx-f-text) !important;font-weight:600 !important;margin:0;line-height:1.2}
.cdx-main p{max-width:none}
.cdx-main .cdx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cdx-gutter)}
.cdx-main .cdx-btn{text-decoration:none}

/* ---- occhiello: le etichette sopra i titoli dell'anteprima («Area riservata», «Marchio
   esclusivo»…). Il concept non ne ha: stanno nel componente che le contiene, sopra il
   titolo, piccole e spaziate. Elemento aggiunto: segnalato nel rapporto. ---- */
.cdx-main .cdx-occhiello{grid-column:1 / -1} /* resa: vedi «FASE 2B — C1» */

/* ---- colonne di comodo dentro .cdx-grid ---- */
.cdx-main .cdx-col-sx{grid-column:1 / span 5;display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}
.cdx-main .cdx-col-dx{grid-column:7 / span 6;display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}
.cdx-main .cdx-col-piena{grid-column:1 / -1}
.cdx-main .cdx-testo-lungo{font-size:var(--cdx-s-lead);line-height:1.42;max-width:62ch}
.cdx-main .cdx-testo-lungo p+p{margin-top:.8em}

/* ---- palco dei gusti senza JS: tutti i pannelli in colonna, visibili ---- */
html:not(.js) .cdx-main .cdx-stage{min-height:0;display:flex;flex-direction:column;gap:6px}
html:not(.js) .cdx-main .cdx-panel{position:relative;inset:auto;opacity:1;visibility:visible}
.cdx-main .cdx-panel[hidden]{display:none}
.cdx-main .cdx-chip{width:100%;border:0;cursor:pointer}

/* ---- nav dentro l'hero della home (variante trasparente) ---- */
.cdx-main .cdx-hero > .cdx-nav{position:relative;z-index:5}

/* ---- elenchi prodotti per sottocategoria (marchi) ---- */
.cdx-main .cdx-elenco{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.4rem var(--cdx-gutter);padding-top:.5rem}
.cdx-main .cdx-elenco a{display:flex;align-items:center;gap:.8rem;min-height:3rem;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em;font-weight:600}
.cdx-main .cdx-elenco a:hover,.cdx-main .cdx-elenco a:focus-visible{text-decoration-color:currentColor}
.cdx-main .cdx-elenco img{width:2.2rem;height:3.3rem;object-fit:contain;flex:none}
.cdx-main .cdx-conteggio{font-weight:400 !important;opacity:.8}

/* ---- moduli veri dentro .cdx-main: CF7 e plugin B2B. Solo stile sulle loro classi:
   nessun name, valore, classe o id viene cambiato. ---- */
.cdx-main .wpcf7 form{display:flex;flex-direction:column;gap:1.2rem}
.cdx-main .wpcf7 p{margin:0}
.cdx-main .wpcf7 label{display:block;font-weight:600 !important;margin-bottom:.45rem}
.cdx-main .wpcf7 label br{display:none}
.cdx-main .wpcf7 .wpcf7-form-control-wrap{display:block}
.cdx-main .wpcf7-form-row{margin:0}
.cdx-main .wpcf7-acceptance .wpcf7-list-item{margin:0}
.cdx-main .wpcf7-acceptance label{display:flex;align-items:flex-start;gap:.8rem;font-weight:400 !important}
.cdx-main .wpcf7-acceptance input{width:1.4rem;height:1.4rem;margin-top:.15rem;accent-color:var(--cdx-blu);flex:none}
.cdx-main .wpcf7-acceptance a{text-decoration:underline;font-weight:600 !important}
/* il pulsante del modulo è un <button class="qodef-button …"> del tema: si riporta al .cdx-btn--notte */
.cdx-main .wpcf7 button.wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:3.25rem;padding:0 1.6rem;border:0;border-radius:999px;background:var(--cdx-notte);color:var(--cdx-bianco);font-family:var(--cdx-f-text) !important;font-weight:600 !important;font-size:var(--cdx-s-body);letter-spacing:0;text-transform:none;line-height:1.2;cursor:pointer}
.cdx-main .wpcf7 button.wpcf7-submit:hover,.cdx-main .wpcf7 button.wpcf7-submit:focus{background:var(--cdx-rosso);color:var(--cdx-bianco)}
.cdx-main .wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.cdx-main .wpcf7 select,.cdx-main .wpcf7 textarea{
  width:100%;min-height:3.25rem;padding:.75rem 1rem;border:2px solid #CFCFCA;background:var(--cdx-bianco);
  border-radius:0;font-size:var(--cdx-s-body);color:var(--cdx-ink);box-shadow:none}
.cdx-main .wpcf7 textarea{min-height:9rem;resize:vertical}
.cdx-main .wpcf7 :is(input,select,textarea):focus{outline:3px solid var(--cdx-oro);outline-offset:2px;border-color:var(--cdx-blu)}
.cdx-main .wpcf7 input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:3.25rem;padding:0 1.6rem;border:0;border-radius:999px;
  background:var(--cdx-notte);color:var(--cdx-bianco);font-family:var(--cdx-f-text) !important;font-weight:600 !important;font-size:var(--cdx-s-body);
  text-transform:none;letter-spacing:0;cursor:pointer}
.cdx-main .wpcf7 input[type=submit]:hover{background:var(--cdx-rosso);color:var(--cdx-bianco)}
.cdx-main .wpcf7-not-valid-tip{color:var(--cdx-rosso);font-weight:600}
.cdx-main .wpcf7-response-output{margin:0;padding:1rem 1.2rem;border:2px solid currentColor}

/* Modulo B2B: b2b.css usa !important in 391 dichiarazioni, quindi qui !important è
   inevitabile. MAI su «display» delle sezioni: il plugin nasconde i blocchi per profilo
   con display:none !important e li mostra con .cd-b2b--visible. */
.cdx-main .cd-b2b-reg-wrap{max-width:none !important;margin:0 !important;padding:0 !important}
.cdx-main .cd-b2b-reg-intro{text-align:left !important;margin-bottom:1.6rem !important;display:flex;flex-direction:column;gap:.8rem}
.cdx-main .cd-b2b-reg-intro h2,.cdx-main .cd-b2b-reg-intro__title{font-family:var(--cdx-f-text) !important;font-weight:600 !important;font-size:var(--cdx-s-lead) !important;color:var(--cdx-ink) !important;margin:0 !important;line-height:1.2}
.cdx-main .cd-b2b-reg-intro__sub,.cdx-main .cd-b2b-reg-intro p{color:var(--cdx-ink-soft) !important;font-size:var(--cdx-s-body) !important;max-width:none !important;margin:0 !important}
.cdx-main .cd-b2b-tiers-preview{justify-content:flex-start !important;margin-top:.6rem !important;gap:.6rem !important}
.cdx-main .cd-b2b-tier-card{background:var(--cdx-bianco) !important;border:2px solid #CFCFCA !important;border-radius:0 !important;box-shadow:none !important}
.cdx-main .cd-b2b-tier-card strong,.cdx-main .cd-b2b-tier-card b{color:var(--cdx-ink) !important}
.cdx-main .cd-b2b-tier-card span{color:var(--cdx-ink-soft) !important;font-size:var(--cdx-s-small) !important}
.cdx-main .cd-b2b-reg-form{gap:1.2rem !important}
.cdx-main .cd-b2b-reg-section{background:var(--cdx-bianco) !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:clamp(1.25rem,2.5vw,2rem) !important;gap:1.1rem var(--cdx-gutter) !important}
.cdx-main .cd-b2b-reg-section__title,.cdx-main .cd-b2b-reg-section > h3{font-family:var(--cdx-f-text) !important;font-weight:600 !important;font-size:var(--cdx-s-lead) !important;color:var(--cdx-ink) !important;border:0 !important;padding:0 !important;margin:0 0 .2rem !important;line-height:1.2 !important}
.cdx-main .cd-b2b-reg-row{gap:.45rem !important}
.cdx-main .cd-b2b-reg-row label{font-size:var(--cdx-s-body) !important;font-weight:600 !important;color:var(--cdx-ink) !important}
.cdx-main .cd-b2b-reg-row abbr{color:var(--cdx-rosso) !important}
.cdx-main .cd-b2b-reg-row input:not([type=checkbox]):not([type=radio]),.cdx-main .cd-b2b-reg-row textarea,.cdx-main .cd-b2b-reg-row select{min-height:3.25rem;padding:.75rem 1rem !important;border:2px solid #CFCFCA !important;border-radius:0 !important;background:var(--cdx-bianco) !important;font-size:var(--cdx-s-body) !important;color:var(--cdx-ink) !important}
.cdx-main .cd-b2b-reg-row textarea{min-height:7rem}
.cdx-main .cd-b2b-reg-row input:focus,.cdx-main .cd-b2b-reg-row textarea:focus,.cdx-main .cd-b2b-reg-row select:focus{border-color:var(--cdx-blu) !important;outline:3px solid var(--cdx-oro) !important;outline-offset:2px !important;box-shadow:none !important}
.cdx-main .cd-b2b-type-option{border:2px solid #CFCFCA !important;border-radius:0 !important;background:var(--cdx-bianco) !important}
.cdx-main .cd-b2b-type-option:has(input:checked){border-color:var(--cdx-blu) !important;background:#E8EEF8 !important}
.cdx-main .cd-b2b-type-option:has(input:focus-visible){outline:3px solid var(--cdx-oro) !important;outline-offset:2px !important}
.cdx-main .cd-b2b-type-option strong,.cdx-main .cd-b2b-type-option b{color:var(--cdx-ink) !important;font-size:var(--cdx-s-body) !important}
.cdx-main .cd-b2b-type-option span{color:var(--cdx-ink-soft) !important;font-size:var(--cdx-s-small) !important}
/* sezioni per profilo: colori del plugin riportati alla palette (display intatto) */
.cdx-main .cd-b2b-horeca-fields,.cdx-main .cd-b2b-distributor-fields,.cdx-main .cd-b2b-export-fields{background:#E8EEF8 !important;border:0 !important}
.cdx-main .cd-b2b-type-badge,.cdx-main .cd-b2b-export-badge{background:var(--cdx-notte) !important;color:var(--cdx-bianco) !important;border-radius:999px !important}
.cdx-main .cd-b2b-checkbox-label{display:inline-flex !important;flex-direction:row !important;align-items:center;gap:.55rem !important;min-height:2.75rem;padding:0 1rem !important;background:var(--cdx-carta) !important;border:2px solid #CFCFCA !important;font-weight:400 !important}
.cdx-main .cd-b2b-checkbox-label:has(input:checked){border-color:var(--cdx-blu) !important;background:#E8EEF8 !important}
.cdx-main .cd-b2b-checkbox-label input{width:1.15rem !important;height:1.15rem !important;min-height:0 !important;accent-color:var(--cdx-blu);margin:0 !important}
.cdx-main .cd-b2b-submit-btn{background:var(--cdx-notte) !important;color:var(--cdx-bianco) !important;border-radius:999px !important;min-height:3.25rem;padding:0 1.6rem !important;font-family:var(--cdx-f-text) !important;font-weight:600 !important;font-size:var(--cdx-s-body) !important}
.cdx-main .cd-b2b-submit-btn:hover{background:var(--cdx-rosso) !important}
.cdx-main .cd-b2b-reg-privacy{font-size:var(--cdx-s-small) !important;color:var(--cdx-ink-soft) !important}
.cdx-main .cd-b2b-reg-privacy a{color:inherit !important;text-decoration:underline}
.cdx-main .cd-b2b-notice{border-radius:0 !important}

/* ---- telefono ---- */
@media (max-width:1024px){
  .cdx-main .cdx-col-sx,.cdx-main .cdx-col-dx{grid-column:1 / -1}
}
@media (max-width:640px){
  /* solo le colonne: il display delle sezioni resta al plugin */
  .cdx-main .cd-b2b-reg-section{grid-template-columns:1fr !important}
  .cdx-main .cd-b2b-type-selector{flex-direction:column !important}
  .cdx-main .cd-b2b-type-option{min-width:0 !important}
}

.cdx-main .cdx-passi__titolo{font-size:var(--cdx-s-lead);line-height:1.15}
.cdx-main .cdx-passi .cdx-col-dx ol{display:flex;flex-direction:column;gap:1.6rem;counter-reset:passo}
.cdx-main .cdx-indirizzo__nome{font-size:var(--cdx-s-lead);line-height:1.2}
.cdx-main .cdx-indirizzo em{font-style:italic}
.cdx-main .cdx-indirizzo b{font-weight:600 !important}
.cdx-main .cdx-contatti__form .wpcf7{width:100%}

/* ---- domanda: occhiello e titoli lunghi del cliente (corpo minore, stesso testo) ---- */
.cdx-main .cdx-domanda__occhiello{grid-column:1 / -1;align-self:end}
.cdx-main .cdx-domanda--lungo h2{font-size:var(--cdx-s-title);line-height:1}
.cdx-main .cdx-domanda__testo{font-size:var(--cdx-s-lead);line-height:1.38}

/* ---- linee dei marchi: elenco WooCommerce ---- */
.cdx-main .cdx-linea__elenchi{grid-column:7 / span 6;display:flex;flex-direction:column;gap:1.6rem}
.cdx-main .cdx-linea__meta{font-weight:600 !important;font-size:var(--cdx-s-body) !important}
.cdx-main .cdx-linea__nomi a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.15em;text-decoration-thickness:.06em}
.cdx-main .cdx-linea__nomi a:hover,.cdx-main .cdx-linea__nomi a:focus-visible{text-decoration-color:currentColor}
.cdx-main .cdx-linea__fila{flex-wrap:wrap;justify-content:flex-start}
.cdx-main .cdx-linea__fila img{height:clamp(9rem,16vw,15rem)}
.cdx-main .cdx-scaffale img{height:clamp(10rem,22vw,20rem)}
.cdx-main .cdx-fascia__testo h2 img{height:clamp(3.5rem,6vw,5.5rem);width:auto}
.cdx-main .cdx-fascia__testo h2 img.cdx-logo--alto{height:clamp(6rem,10vw,9rem)}
.cdx-main .cdx-testa__side img{height:clamp(4rem,7vw,6.5rem);width:auto}
.cdx-main .cdx-manifesto__meta{font-variant-numeric:tabular-nums;font-weight:600 !important}
.cdx-main .cdx-manifesto__bottle{object-fit:contain}
.cdx-main .cdx-intro{padding:clamp(4rem,8vw,7rem) var(--cdx-margin) clamp(2rem,4vw,3rem);background:var(--c,var(--cdx-bianco));color:var(--t,var(--cdx-ink))}
.cdx-main .cdx-intro h2{font-size:var(--cdx-s-title);max-width:22ch}
.cdx-main .cdx-intro p:not(.cdx-occhiello){font-size:var(--cdx-s-lead);line-height:1.4;max-width:52ch;margin-top:1rem}
.cdx-main .cdx-capitolo blockquote p{font-size:var(--cdx-s-title);line-height:1.05;font-weight:600 !important;letter-spacing:-0.02em}
@media (max-width:1024px){ .cdx-main .cdx-linea__elenchi{grid-column:1 / -1} }
@media (max-width:640px){ .cdx-main .cdx-domanda--lungo h2{font-size:clamp(1.9rem,8vw,2.6rem)} }

/* ---- Chi siamo: elementi della storia definitiva dentro i componenti del concept ---- */
.cdx-main .cdx-testa__statement{grid-column:1 / span 7}
.cdx-main .cdx-capitolo__mini{display:flex;gap:1rem;align-items:flex-start;padding-top:.6rem;max-width:40ch}
.cdx-main .cdx-capitolo__mini img{width:6.5rem;height:auto;flex:none}
.cdx-main .cdx-capitolo__mini figcaption{font-size:var(--cdx-s-body);color:inherit;line-height:1.45}
.cdx-main .cdx-capitolo__fig--coppia{flex-direction:row;gap:var(--cdx-gutter);align-items:flex-start}
.cdx-main .cdx-capitolo__fig--coppia figure{flex:1;display:flex;flex-direction:column;gap:.6rem}
.cdx-main .cdx-capitolo__fig--bottiglia{align-items:center}
.cdx-main .cdx-capitolo__fig--bottiglia img{width:auto;height:clamp(22rem,60vh,36rem);transform:rotate(-3deg)}
.cdx-main .cdx-capitolo blockquote.cdx-capitolo__cit p{font-size:var(--cdx-s-lead);line-height:1.3;font-weight:600 !important;border-left:4px solid currentColor;padding-left:1rem;max-width:40ch}
.cdx-main .cdx-capitolo__forte{font-weight:600 !important}
.cdx-main .cdx-capitolo__testo .cdx-azioni{margin-top:.4rem}
.cdx-main .cdx-storia{background:var(--cdx-bianco);padding-bottom:6rem}
.cdx-main .cdx-storia__img{grid-column:1 / span 10}
.cdx-main .cdx-storia__bar p:not(.cdx-occhiello){font-size:var(--cdx-s-lead);line-height:1.35}
.cdx-main .cdx-strip__intro{font-size:var(--cdx-s-lead);line-height:1.4;max-width:60ch;margin:-1rem 0 2rem}
.cdx-main .cdx-strip--archivio .cdx-strip__row{row-gap:2rem}
.cdx-main .cdx-strip__row figure{display:flex;flex-direction:column;gap:.8rem}
.cdx-main .cdx-strip__row figcaption{font-size:var(--cdx-s-body);font-weight:600 !important;color:var(--cdx-ink)}
.cdx-main .cdx-citazione .cdx-occhiello{margin-bottom:1.2rem}
.cdx-main .cdx-citazione__testo{font-size:var(--cdx-s-lead);line-height:1.4;max-width:56ch;margin-top:1.6rem}
.cdx-main .cdx-citazione .cdx-azioni{margin-top:2rem}
.cdx-main .cdx-chi--iconiche .cdx-chi__head h2{font-size:var(--cdx-s-title)}
.cdx-main .cdx-chi--iconiche .cdx-chi__head{row-gap:1rem}
.cdx-main .cdx-chi--iconiche .cdx-lane{min-height:clamp(40rem,90vh,52rem);padding-bottom:16rem}
.cdx-main .cdx-chi--iconiche .cdx-lane p{max-width:34ch}
.cdx-main .cdx-lane__sotto{font-weight:600 !important}
.cdx-main .cdx-chi__head .cdx-occhiello{grid-column:1 / -1}
@media (max-width:1024px){
  .cdx-main .cdx-chi__row{grid-template-columns:1fr 1fr}
  .cdx-main .cdx-storia__img{grid-column:1 / -1}
}
@media (max-width:640px){
  .cdx-main .cdx-chi__row,.cdx-main .cdx-strip__row{grid-template-columns:1fr}
  .cdx-main .cdx-capitolo__fig--coppia{flex-direction:row}
}
/* testata con figura: occhiello e statement nella colonna di sinistra, la figura a destra dalla riga 1 */
.cdx-main .cdx-testa .cdx-occhiello{grid-column:1 / span 7}
.cdx-main .cdx-testa .cdx-testa__fig--foto{grid-row:1 / span 4;align-self:start}
.cdx-main .cdx-chi--iconiche .cdx-chi__head h2{grid-column:1 / span 8;font-size:clamp(2rem,1rem + 2.4vw,3.4rem)}
@media (max-width:1024px){ .cdx-main .cdx-testa .cdx-occhiello,.cdx-main .cdx-testa__statement{grid-column:1 / -1} .cdx-main .cdx-testa .cdx-testa__fig--foto{grid-row:auto} }

/* ---- Home ---- */
.cdx-main--hero{background:var(--cdx-blu)}
.cdx-main .cdx-hero__copy .cdx-occhiello{color:#DCE4F2}
.cdx-main .cdx-hero__bottles a{display:block}
.cdx-main .cdx-carattere .cdx-occhiello{grid-column:1 / span 8;color:#C8271A} /* rosso del concept scurito per AA su carta: 4,98:1 (il #D92B1D dà 4,34:1) */
.cdx-main .cdx-export .cdx-occhiello{color:#C8271A}
.cdx-main .cdx-gusti__side .cdx-btn{align-self:flex-start}
.cdx-main .cdx-panel p{font-size:var(--cdx-s-lead);line-height:1.3}
.cdx-main .cdx-panel__bottle--litro.cdx-bott--wc{height:auto;width:min(100%,24rem);transform:none} /* Ritocchi 2: solo per la foto WooCommerce quadrata (ripiego); il render della Vintage si comporta come gli altri */
.cdx-main .cdx-brand h3{margin:0}

.cdx-main .cdx-dati--due{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem var(--cdx-gutter);padding:0;margin:0;list-style:none}
.cdx-main .cdx-dati--due li{display:flex;flex-direction:column;gap:.3rem}
.cdx-main .cdx-storia__bar h2{color:inherit}
.cdx-main .cdx-domanda[style*="color:#0A1F3C"] .cdx-domanda__note,.cdx-main .cdx-domanda[style*="color:#0A1F3C"] .cdx-domanda__testo{color:#0A1F3C}
@media (max-width:640px){ .cdx-main .cdx-dati--due{grid-template-columns:1fr 1fr} }

/* nav dentro l'hero (home): il reset img di .cdx-main non deve toccare logo e voci */
.cdx-main .cdx-nav__logo img{height:clamp(48px,4.4vw,66px);width:auto;max-width:none}
@media (max-width:640px){ .cdx-main .cdx-nav__logo img{height:38px} }
.cdx-main .cdx-nav .cdx-nav__voci{margin:0;padding:0}
/* blockquote: il tema gli dà colore, bordi, corsivo e virgolette proprie */
.cdx-main blockquote{display:block;width:auto;position:static;color:inherit;background:none;border:0;padding:0;margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-style:normal;quotes:none}
.cdx-main blockquote::before,.cdx-main blockquote::after{content:none;display:none}
.cdx-main blockquote p{color:inherit}
/* titoli del cliente al telefono: max 2 righe dove il testo lo consente (si cambia la dimensione, non il testo) */
@media (max-width:640px){
  .cdx-main .cdx-hero__title{font-size:8.2vw}
  .cdx-main .cdx-chi--iconiche .cdx-chi__head h2{font-size:1.25rem;line-height:1.15}
}

/* nomi delle linee in Anton: style.css forza li{font-family:Inter !important} sui singoli <li> */
.cdx-main .cdx-linea__nomi li,.cdx-main .cdx-linea__nomi a{font-family:inherit !important;font-weight:inherit !important}
/* fila di bottiglie su una riga: si stringono invece di andare a capo */
.cdx-main .cdx-linea__fila{flex-wrap:nowrap;justify-content:space-between}
.cdx-main .cdx-linea__fila img{flex:0 1 auto;min-width:0;object-fit:contain}
/* packshot dell'anteprima in fila sotto i dati della testata (Acheo, La Dolce Vita) */
.cdx-main .cdx-testa__pack{display:flex;justify-content:flex-start;align-items:flex-end;gap:clamp(.5rem,2vw,2rem);padding-top:1rem}
.cdx-main .cdx-testa__pack img{height:clamp(10rem,22vw,18rem);width:auto;min-width:0;flex:0 1 auto;object-fit:contain}
/* testata con occhiello e figura «sotto» (Marchi): la figura parte dalla riga del lead */
.cdx-main .cdx-testa .cdx-grid:has(> .cdx-occhiello) > .cdx-testa__fig--sotto{grid-row:3 / span 3}
/* bottiglie WooCommerce: hanno margine trasparente, un po' più alte per avvicinarsi al concept */
.cdx-main .cdx-fascia .cdx-scaffale img{height:clamp(14rem,26vw,24rem)}
/* bottiglie negli scaffali e nella testata: mai deformate quando la fila si stringe */
.cdx-main .cdx-scaffale a{min-width:0;flex:1 1 0}
.cdx-main .cdx-scaffale img,.cdx-main .cdx-testa__fig img{object-fit:contain;min-width:0;max-width:100%}

/* ==========================================================================
   FASE 2B — rifinitura
   ========================================================================== */

/* C1 · occhielli: niente più maiuscoletto spaziato. Tondo, maiuscole come nell'anteprima,
   corpo del testo, peso 500, colore della sezione, attaccati al titolo (8 px). --cdx-gap è lo
   spazio che il contenitore mette fra gli elementi: lo si recupera con un margine negativo. */
.cdx-main .cdx-occhiello{font-size:var(--cdx-s-body);font-weight:500 !important;letter-spacing:0;text-transform:none;line-height:1.3;opacity:1;color:inherit;margin:0 0 calc(8px - var(--cdx-gap,0px))}
.cdx-main .cdx-testa .cdx-occhiello{--cdx-gap:2rem}
.cdx-main :is(.cdx-fascia__testo,.cdx-capitolo__testo,.cdx-export__testo) > .cdx-occhiello{--cdx-gap:1.4rem}
.cdx-main :is(.cdx-linea__testo,.cdx-manifesto__testo) > .cdx-occhiello{--cdx-gap:1.3rem}
.cdx-main .cdx-col-sx > .cdx-occhiello{--cdx-gap:1.2rem}
.cdx-main :is(.cdx-brand,.cdx-storia__bar) > .cdx-occhiello{--cdx-gap:1rem}
.cdx-main .cdx-domanda > .cdx-occhiello{--cdx-gap:2.5rem}
.cdx-main .cdx-chi--iconiche .cdx-chi__head > .cdx-occhiello{--cdx-gap:1rem}
.cdx-main .cdx-valori__lista li > .cdx-occhiello{--cdx-gap:.5rem}
.cdx-main .cdx-citazione > .cdx-occhiello{margin-bottom:8px}
.cdx-main .cdx-carattere .cdx-occhiello,.cdx-main .cdx-export .cdx-occhiello,.cdx-main .cdx-hero__copy .cdx-occhiello{color:inherit}

/* C3 · «Il carattere prima di tutto»: titolo in alto allineato alla testa della bottiglia,
   testo e «Crediamo…» subito sotto; la bottiglia non allunga la sezione */
.cdx-main .cdx-carattere .cdx-grid{align-items:start;row-gap:2rem}
.cdx-main .cdx-carattere__titolo{grid-column:1 / span 8;grid-row:1;align-self:start}
.cdx-main .cdx-carattere__titolo h2{font-size:var(--cdx-s-head)}
.cdx-main .cdx-carattere__bottle{grid-row:1 / span 2;align-self:start;height:clamp(20rem,34vw,30rem)}
.cdx-main .cdx-carattere__text,.cdx-main .cdx-carattere__credo{grid-row:2;align-self:start}

/* C4 · «Sapori e profumi…»: il paragrafo e l'azione dentro il riquadro rosso */
.cdx-main .cdx-storia__bar p:not(.cdx-occhiello){font-size:var(--cdx-s-body);line-height:1.5;max-width:52ch}
.cdx-main .cdx-storia__bar .cdx-azioni{margin-top:.4rem}

/* C5 · «I nostri marchi»: colonna sinistra sticky da 1024 px; loghi alla stessa altezza visiva */
@media (min-width:1024px){
  .cdx-main .cdx-catalogo__list{position:sticky;top:2rem;align-self:start}
}
.cdx-main img.cdx-logo-marchio{height:clamp(3.4rem,4.6vw,4.6rem);width:auto;max-width:100%;object-fit:contain}
.cdx-main img.cdx-logo-marchio--dolce-vita{height:clamp(5rem,6.6vw,6.6rem)}
.cdx-main .cdx-fascia__testo h2 img.cdx-logo-marchio{height:clamp(3.6rem,5.4vw,5.2rem)}
.cdx-main .cdx-fascia__testo h2 img.cdx-logo-marchio--dolce-vita{height:clamp(6rem,9vw,8.4rem)}
.cdx-main .cdx-testa__side img.cdx-logo-marchio{height:clamp(4rem,6vw,6rem)}
.cdx-main .cdx-testa__side img.cdx-logo-marchio--dolce-vita{height:clamp(6rem,9vw,8.4rem)}

/* C6 · bottiglie: almeno 220 px nelle file, 320 px nell'hero. I render del child sono rifilati;
   le immagini WooCommerce hanno ~20-33% di margine trasparente in alto/basso e ~70% ai lati:
   più alte, e larghezza ridotta con object-fit:cover che taglia solo il trasparente ai lati.
   Le file vanno a capo; a 390 scorrono in orizzontale dentro il loro contenitore. */
.cdx-main .cdx-linea__fila,.cdx-main .cdx-scaffale,.cdx-main .cdx-testa__pack{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:1rem 1.25rem;min-width:0}
.cdx-main .cdx-scaffale a{flex:none;min-width:0}
.cdx-main :is(.cdx-linea__fila,.cdx-scaffale,.cdx-testa__pack,.cdx-testa__fig,.cdx-strip__bottiglie) img{flex:none;max-width:none;min-width:0}
.cdx-main :is(.cdx-linea__fila,.cdx-scaffale) img.cdx-bott--render{height:220px;width:auto;object-fit:contain}
.cdx-main :is(.cdx-linea__fila,.cdx-scaffale) img.cdx-bott--wc{height:330px;width:132px;object-fit:cover}
.cdx-main :is(.cdx-testa__pack,.cdx-testa__fig) img.cdx-bott--render{height:320px;width:auto;object-fit:contain}
.cdx-main :is(.cdx-testa__pack,.cdx-testa__fig) img.cdx-bott--wc{height:480px;width:192px;object-fit:cover}
.cdx-main .cdx-testa__fig--sotto{flex-wrap:wrap;justify-content:flex-end;margin-bottom:0}
@media (max-width:640px){
  .cdx-main .cdx-linea__fila,.cdx-main .cdx-scaffale,.cdx-main .cdx-testa__pack,.cdx-main .cdx-testa__fig--sotto{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;max-width:100%;padding-bottom:.6rem;justify-content:flex-start}
  .cdx-main :is(.cdx-linea__fila,.cdx-scaffale,.cdx-testa__pack,.cdx-testa__fig--sotto) > *{scroll-snap-align:start}
  .cdx-main .cdx-testa__fig--sotto{grid-column:1 / -1}
}

/* «Dallo stesso catalogo» nelle pagine di marchio (altri due marchi, bottiglie WooCommerce) */
.cdx-main .cdx-strip--marchi .cdx-strip__row{grid-template-columns:repeat(2,minmax(0,1fr))}
.cdx-main .cdx-strip--marchi .cdx-strip__row a{gap:1rem;color:inherit}
.cdx-main .cdx-strip--marchi .cdx-strip__row img{aspect-ratio:auto;width:auto;object-fit:contain;transition:none}
.cdx-main .cdx-strip__bottiglie{display:flex;align-items:flex-end;gap:.25rem;min-height:15rem}
.cdx-main .cdx-strip__bottiglie img.cdx-bott--render{height:14rem;width:auto}
.cdx-main .cdx-strip__bottiglie img.cdx-bott--wc{height:20rem;width:8rem;object-fit:cover}
.cdx-main .cdx-strip--marchi img.cdx-logo-marchio{align-self:flex-start}
.cdx-main .cdx-strip__testo{font-size:var(--cdx-s-lead);line-height:1.35;font-weight:400 !important;max-width:30ch}
.cdx-main .cdx-strip--marchi .cdx-link-plain{align-self:flex-start}
@media (max-width:640px){ .cdx-main .cdx-strip--marchi .cdx-strip__row{grid-template-columns:1fr} }

/* foto delle linee (Acheo mixer e succhi) e illustrazione La Dolce Vita */
.cdx-main .cdx-linea__foto{grid-column:1 / -1;margin:1rem 0 0}
.cdx-main .cdx-linea__foto img{width:100%;height:clamp(18rem,52vh,34rem);object-fit:cover}
.cdx-main .cdx-linea__foto-lato{margin:.8rem 0 0;display:flex;flex-direction:column;gap:.6rem;max-width:26rem}
.cdx-main .cdx-linea__foto-lato img{width:100%;height:auto}
.cdx-main .cdx-linea[style*="--t:#FFFFFF"] figcaption{color:var(--cdx-on-dark-soft)}

/* Contatti: foto di Brolo accanto all'indirizzo */
.cdx-main .cdx-contatti__foto{margin:0;display:flex;flex-direction:column;gap:.6rem}
.cdx-main .cdx-contatti__foto img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* C9 · modulo rivenditori: una sola fila di riquadri (la «tiers preview» dell'introduzione del
   plugin ripeteva i tre profili del selettore; i suoi testi sono nelle corsie della pagina).
   !important: b2b.css. Il display delle sezioni per profilo resta al plugin. */
.cdx-main .cd-b2b-tiers-preview{display:none !important}
.cdx-main .cd-b2b-type-selector{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:.6rem !important}
.cdx-main .cd-b2b-type-option{display:flex !important;flex-direction:column;gap:.25rem;min-width:0 !important;padding:1rem 1.1rem !important;position:relative}
.cdx-main .cd-b2b-type-option:has(input:checked){border-color:var(--cdx-blu) !important;background:#E8EEF8 !important;box-shadow:inset 0 0 0 2px var(--cdx-blu)}
.cdx-main .cd-b2b-type-option:has(input:checked)::after{content:"✓";position:absolute;top:.6rem;right:.8rem;font-weight:600;color:var(--cdx-blu)}
.cdx-main .cd-b2b-type-option:has(input:focus-visible){outline:3px solid var(--cdx-oro) !important;outline-offset:2px !important}
.cdx-main .cd-b2b-submit-btn{text-transform:none !important;letter-spacing:0 !important;line-height:1.2 !important;box-shadow:none !important}
@media (max-width:640px){ .cdx-main .cd-b2b-type-selector{grid-template-columns:1fr !important} }

/* C10 · Rivenditori, «Vantaggi dell’area B2B»: titolo sopra, tre colonne, Barlow 600 a --s-title */
.cdx-main .cdx-valori--tre .cdx-col-sx{grid-column:1 / -1}
.cdx-main .cdx-valori--tre .cdx-valori__lista{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}
.cdx-main .cdx-valori--tre .cdx-valori__lista strong{font-family:var(--cdx-f-text) !important;font-weight:600 !important;font-size:var(--cdx-s-title);line-height:1.02;letter-spacing:-0.02em;text-transform:none;color:inherit}
@media (max-width:1024px){ .cdx-main .cdx-valori--tre .cdx-valori__lista{grid-template-columns:1fr} }

/* C11 · titolo lungo delle bibite iconiche al telefono: clamp più basso, mai sotto 26 px */
@media (max-width:480px){ .cdx-main .cdx-chi--iconiche .cdx-chi__head h2{font-size:clamp(26px,6.8vw,30px);line-height:1.1} }

/* C5 · sticky: il tema mette overflow:hidden su html, body e #qodef-page-wrapper. «hidden» crea un
   contenitore di scorrimento e position:sticky non si aggancia allo schermo. «clip» taglia allo stesso
   modo senza crearlo. Solo sulle pagine cdx; !important perché il tema li imposta da più fogli. */
html:has(> body.cdx-tpl),body.cdx-tpl,body.cdx-tpl #qodef-page-wrapper{overflow-x:clip !important;overflow-y:visible !important}

/* ==========================================================================
   FASE 3 — correzioni rimaste dalla 2B
   ========================================================================== */
/* 1 · titolo delle bibite iconiche: da 600 px in su tutto titolo; sotto, la prima parte è una riga di
   testo (come gli ex occhielli) e «la tradizione in bottiglia.» il titolo. Un solo <h2>, testo invariato. */
@media (max-width:599px){
  .cdx-main .cdx-chi--iconiche .cdx-chi__head h2{font-size:clamp(2rem,1rem + 2.4vw,3.4rem);line-height:1.02}
  .cdx-main .cdx-chi--iconiche .cdx-titolo-a{display:block;font-size:var(--cdx-s-body);font-weight:500 !important;line-height:1.3;letter-spacing:0;margin-bottom:8px}
  .cdx-main .cdx-chi--iconiche .cdx-titolo-b{display:block}
}
/* 2 · home a 390: la Spuma intera, centrata, max 320 px */
@media (max-width:640px){
  .cdx-main .cdx-carattere__bottle{height:auto;max-height:320px;width:auto;max-width:100%;object-fit:contain;align-self:center;justify-self:center;margin-inline:auto;display:block}
}
/* 3 · Rivenditori: colonna destra del modulo con Nota e «Come funziona» compatto, sticky da 1024 px */
.cdx-main .cdx-riv-lato{display:flex;flex-direction:column;gap:2rem}
.cdx-main .cdx-riv-passi{display:flex;flex-direction:column;gap:.8rem}
.cdx-main .cdx-riv-passi ol{counter-reset:passo;display:flex;flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none}
.cdx-main .cdx-riv-passi li{counter-increment:passo;display:grid;grid-template-columns:2.2rem 1fr;gap:.6rem;align-items:baseline;font-size:var(--cdx-s-body);line-height:1.35}
.cdx-main .cdx-riv-passi li::before{content:counter(passo);font-family:var(--cdx-f-display);font-size:1.8rem;line-height:.9;color:var(--cdx-blu)}
@media (min-width:1024px){ .cdx-main .cdx-riv-lato{position:sticky;top:2rem} .cdx-main #richiesta-accesso .cdx-contatti__dati{align-self:stretch} }

/* =========================================================================
   FASE 4 — pagine semplici: 404, risultati di ricerca, pagine di testo (privacy, resi…)
   ========================================================================= */
.cdx-semplice__corpo{background:var(--cdx-carta);padding:clamp(2.5rem,6vw,5rem) var(--cdx-margin) clamp(4rem,8vw,7rem)}
.cdx-semplice__testo{grid-column:1 / -1;max-width:68ch;color:var(--cdx-ink)}
.cdx-semplice__testo--largo{max-width:62rem}
.cdx-semplice__testo h2,.cdx-semplice__h{font-family:var(--cdx-f-display);font-weight:400;font-size:var(--cdx-s-title);line-height:1.02;margin:0 0 1.2rem;color:var(--cdx-notte)}
.cdx-semplice__h{margin-top:2.5rem}
.cdx-prosa{font-size:var(--cdx-s-body);line-height:1.6}
.cdx-prosa > * + *{margin-top:1em}
.cdx-prosa h2{margin-top:2.2rem}
.cdx-prosa h3{font-weight:600;font-size:var(--cdx-s-lead);margin-top:1.8rem}
.cdx-prosa ul,.cdx-prosa ol{padding-left:1.3em}
.cdx-prosa a{color:var(--cdx-notte);text-decoration:underline;text-underline-offset:.2em}
.cdx-cerca{display:flex;flex-direction:column;gap:.5rem;margin:0 0 1.5rem}
.cdx-cerca label{font-weight:600}
.cdx-cerca__riga{display:flex;gap:.6rem;flex-wrap:wrap}
.cdx-cerca input[type=search]{flex:1 1 16rem;min-height:3.25rem;padding:0 1rem;border:1px solid #8A94A3;border-radius:0;background:var(--cdx-bianco);font:inherit;color:var(--cdx-ink)}
.cdx-risultati{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.cdx-risultati li{background:var(--cdx-bianco);padding:1rem 1.25rem}
.cdx-risultati a{font-weight:600;color:var(--cdx-notte);text-decoration:underline;text-underline-offset:.2em}
.cdx-risultati p{margin:.3rem 0 0;color:var(--cdx-ink-soft)}
.cdx-semplice .navigation.pagination{margin-top:2rem}
.cdx-semplice .nav-links{display:flex;gap:.4rem;flex-wrap:wrap}
.cdx-semplice .nav-links .page-numbers{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;background:var(--cdx-bianco);color:var(--cdx-ink);text-decoration:none}
.cdx-semplice .nav-links .page-numbers.current{background:var(--cdx-notte);color:var(--cdx-bianco)}

/* FASE 4 (verifica 4.3): in focus il testo dei pulsanti ereditava il colore della sezione
   (.cdx-main a:focus{color:inherit} ha la stessa specificità dei colori dei pulsanti e viene dopo). */
body.cdx .cdx-main a.cdx-btn--oro:is(:hover,:focus,:focus-visible),body.cdx .cdx-main a.cdx-btn--bianco:is(:hover,:focus,:focus-visible){color:var(--cdx-notte)}
body.cdx .cdx-main a.cdx-btn--notte:is(:hover,:focus,:focus-visible),body.cdx .cdx-main a.cdx-btn--blu:is(:hover,:focus,:focus-visible){color:var(--cdx-bianco)}

/* RITOCCHI 1 — bottiglie Acheo rifilate: formati più piccoli in scala vera rispetto al 275 ml, appoggiati sulla base */
body.cdx img.cdx-bott--scala{scale:var(--s,1);transform-origin:50% 100%}
/* RITOCCHI 1 — titoli display in Anton: interlinea dal token --cdx-lh-display (cdx.css) */
.cdx-main .cdx-poster,.cdx-main .cdx-catalogo__list h2.cdx-poster,.cdx-main .cdx-domanda h2,.cdx-main .cdx-hero__title{line-height:var(--cdx-lh-display)}
@media (max-width:1024px){ .cdx-main .cdx-hero__title{line-height:var(--cdx-lh-display)} }

/* RITOCCHI 1–2 — hero La Dolce Vita: fila da scaffale, stessa linea di base, gruppo sovrapposto.
   Altezze relative ai formati veri (--h). Ritocchi 3: --h = --mm / 225, dalla scala unica (cdx_altezza_formato: 275 ml 225, 200 ml 195, lattina 146, bitter 125 mm);
   --r = larghezza/altezza del ritaglio. Sovrapposizione: 15% della larghezza di ogni pezzo. z-index cresce verso il centro.
   H (altezza del 275 ml): sotto 1024 px da 260 px a 390 fino a 360 px a 768 (26,46vw + 157px);
   da 1024 px 36,1vw = 370 px a 1024 e 520 px a 1440 (massimo 560 px).
   Immagini WooCommerce di ripiego: il CSS compensa la cornice trasparente del formato (--fh, --fb, --fw). */
.cdx-main .cdx-ldv-hero{--H:calc(26.46vw + 157px);display:flex;align-items:flex-end;list-style:none;margin:0;padding:1rem 0 .25rem;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin}
.cdx-main .cdx-ldv-hero__voce{flex:none;margin:0;padding:0;list-style:none;position:relative;--h:calc(var(--mm,225) / 225);--w:calc(var(--H) * var(--h) * var(--r))}
.cdx-main .cdx-ldv-hero__voce + .cdx-ldv-hero__voce{margin-left:calc(var(--w) * -.15)}
.cdx-main .cdx-ldv-hero__voce:nth-child(1),.cdx-main .cdx-ldv-hero__voce:nth-child(7){z-index:1}
.cdx-main .cdx-ldv-hero__voce:nth-child(2),.cdx-main .cdx-ldv-hero__voce:nth-child(6){z-index:2}
.cdx-main .cdx-ldv-hero__voce:nth-child(3),.cdx-main .cdx-ldv-hero__voce:nth-child(5){z-index:3}
.cdx-main .cdx-ldv-hero__voce:nth-child(4){z-index:4}
.cdx-main .cdx-ldv-hero__voce a{display:block;line-height:0}
.cdx-main .cdx-ldv-hero__voce--v275{--r:.254;--fh:.841;--fb:.0994;--fw:.313}
.cdx-main .cdx-ldv-hero__voce--v200{--r:.28;--fh:.697;--fb:.154;--fw:.286}
.cdx-main .cdx-ldv-hero__voce--lattina{--r:.437;--fh:.8255;--fb:.0776;--fw:.536}
.cdx-main .cdx-ldv-hero__voce--bitter{--r:.298;--fh:.598;--fb:.19;--fw:.262}
.cdx-main .cdx-ldv-hero__img{display:block;height:calc(var(--H) * var(--h));width:auto;max-width:none}
.cdx-main .cdx-ldv-hero__img--wc{--ih:calc(var(--H) * var(--h) / var(--fh));height:var(--ih);margin-bottom:calc(var(--ih) * var(--fb) * -1);margin-inline:calc(var(--ih) * .6667 * (1 - var(--fw)) / -2)}
.cdx-main .cdx-ldv-hero__voce a:focus-visible{outline:3px solid var(--cdx-notte);outline-offset:-3px}
@media (min-width:1024px){
  .cdx-main .cdx-testa--ldv .cdx-grid{grid-template-rows:repeat(5,auto) 1fr;column-gap:var(--cdx-gutter)}
  .cdx-main .cdx-testa--ldv .cdx-grid > .cdx-occhiello{grid-column:1 / span 5;grid-row:1}
  .cdx-main .cdx-testa--ldv .cdx-grid > h1.cdx-testa__h--long{grid-column:1 / span 5;grid-row:2;font-size:clamp(2.5rem,1.2rem + 2.6vw,4.4rem)}
  .cdx-main .cdx-testa--ldv .cdx-grid > .cdx-testa__lead{grid-column:1 / span 5;grid-row:3}
  .cdx-main .cdx-testa--ldv .cdx-grid > .cdx-azioni{grid-column:1 / span 5;grid-row:4}
  .cdx-main .cdx-testa--ldv .cdx-grid > .cdx-dati{grid-column:1 / span 5;grid-row:5;align-self:start;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.25rem}
  .cdx-main .cdx-testa--ldv .cdx-dati strong{font-size:clamp(1.6rem,.6rem + 1.9vw,2.6rem)}
  /* logo accanto a occhiello e titolo (righe 1–2), fila sotto: il logo non tocca le bottiglie e non spinge giù il titolo */
  .cdx-main .cdx-testa--ldv .cdx-grid > .cdx-testa__side{grid-column:6 / -1;grid-row:1 / 3;justify-self:end;align-self:start}
  .cdx-main .cdx-testa--ldv .cdx-grid > .cdx-ldv-hero{--H:min(36.1vw,560px);grid-column:6 / -1;grid-row:3 / 7;align-self:end;justify-content:center;overflow:visible;padding:0;margin-bottom:calc(-1 * clamp(3.5rem,7vw,6rem))}
}
/* RITOCCHI 1 — almeno 24 px fra il titolo display e il testo sotto (palco dei gusti: erano 19 px) */
.cdx-main .cdx-panel h3.cdx-poster{margin-bottom:1.5rem}

/* RITOCCHI 2 — i render (fondo trasparente) non usano mai il multiply pensato per le foto su fondo bianco */
body.cdx img.cdx-bott--render{mix-blend-mode:normal !important}

/* RITOCCHI 3 — una sola scala delle altezze reali (cdx_altezza_formato, inc/cdx.php).
   Ogni bottiglia porta la sua altezza vera in --mm e la proporzione del ritaglio in --r; ogni fila fissa i px per mm (--pxmm).
   Altezza = --mm × --pxmm: due prodotti restano in proporzione ovunque compaiano insieme.
   Componente: cdx/parti/fila-scala.php (ul.cdx-fila > li.cdx-fila__gruppo > a.cdx-fila__voce > img.cdx-bott--mm). */
.cdx-main .cdx-fila{display:flex;align-items:flex-end;list-style:none;margin:0;padding:.75rem 0 0;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin}
.cdx-main .cdx-fila__gruppo{display:flex;align-items:flex-end;flex:none;list-style:none;margin:0;padding:0}
.cdx-main .cdx-fila__voce{display:block;flex:none;line-height:0;position:relative}
.cdx-main .cdx-fila__voce:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
.cdx-main :is(.cdx-fila,.cdx-strip__bottiglie) img.cdx-bott--mm{display:block;flex:none;height:calc(var(--mm) * var(--pxmm));width:auto;max-width:none;min-width:0;object-fit:contain;scale:none;transform:none}
/* ripiego senza ritaglio (immagine WooCommerce con margine trasparente): altezza approssimata */
.cdx-main :is(.cdx-fila,.cdx-strip__bottiglie) img.cdx-bott--mm.cdx-bott--wc{height:calc(var(--mm) * var(--pxmm) / .83);margin-bottom:calc(var(--mm) * var(--pxmm) * -.09)}

/* «I nostri marchi», fasce: stessa scala per le tre fasce. A 1440: 20 cl 270 px, Vintage 1 L 426 px (1,42 px/mm).
   Sotto 1024: 0,79 px/mm a 390 (20 cl 150 px), scorrimento dentro la fascia se serve. */
.cdx-main .cdx-fila--fascia{--pxmm:calc(.0491vw + .6px);gap:calc(var(--pxmm) * 28)}
.cdx-main .cdx-fila--fascia .cdx-fila__gruppo{gap:calc(var(--pxmm) * 6)}
.cdx-main .cdx-fascia--fila .cdx-fascia__fig{min-width:0}
@media (min-width:1024px){
  .cdx-main .cdx-fila--fascia{--pxmm:min(.0986vw,1.6px)}
  .cdx-main .cdx-fascia--fila .cdx-fascia__testo{grid-column:1 / span 6}
  .cdx-main .cdx-fascia--fila .cdx-fascia__fig{grid-column:7 / -1;justify-self:stretch;align-self:center}
}

/* «I nostri marchi», testata: una fila per marchio, appoggiata al bordo inferiore, larga circa i due terzi destri.
   A 1440 la Vintage 1 L è alta 440 px (1,467 px/mm). Sovrapposizione del 10% dentro ogni gruppo, nessuna fra i gruppi. */
.cdx-main .cdx-fila--marchi{--pxmm:calc(.0491vw + .6px);gap:calc(var(--pxmm) * 24);padding-top:1.5rem}
.cdx-main .cdx-fila--marchi .cdx-fila__voce + .cdx-fila__voce img{margin-left:calc(var(--mm) * var(--pxmm) * var(--r) * -.1)}
.cdx-main .cdx-testa--marchi .cdx-testa__fig--fila{display:block;min-width:0;max-width:100%;grid-column:1 / -1;justify-self:stretch;margin-bottom:calc(-1 * clamp(3.5rem,7vw,6rem))}
@media (min-width:1024px){
  .cdx-main .cdx-fila--marchi{--pxmm:min(.1019vw,1.6px);justify-content:safe flex-end}
  .cdx-main .cdx-testa--marchi .cdx-grid{grid-template-rows:auto auto auto auto 1fr}
  .cdx-main .cdx-testa--marchi .cdx-grid > .cdx-testa__lead{grid-row:3}
  .cdx-main .cdx-testa--marchi .cdx-grid > .cdx-azioni{grid-row:4;align-self:start}
  .cdx-main .cdx-testa--marchi .cdx-grid > .cdx-testa__fig--fila{grid-column:5 / -1;grid-row:3 / span 3;align-self:end;justify-self:end}
}

/* «Dallo stesso catalogo»: tre bottiglie per marchio, 1 px/mm (il 275 ml resta alto 225 px, come i 14rem di prima) */
.cdx-main .cdx-strip__bottiglie{--pxmm:1px}

/* RISPOSTE DEL CLIENTE (11/11/2026) — foto del faro di Capo d'Orlando: il faro sta a destra (78–84% della larghezza).
   Chi siamo (ritaglio 4:5, si vede ~32% della larghezza) e home (banner): punto focale spostato sul faro, a ogni larghezza. */
.cdx-main img[src*="storia-capo-orlando-faro"]{object-position:90% 40%}
.cdx-main .cdx-storia__img img[src*="storia-capo-orlando-faro"]{object-position:86% 40%;transform-origin:86% 30%}

/* RITOCCHI 4 — titoli di Shop (e archivi), I Brand e Rivenditori nello stile dell'h1 di Chi siamo e Contatti:
   stessa classe .cdx-poster (Anton, maiuscolo via CSS, --cdx-s-display, --cdx-lh-display), a tutta larghezza.
   Dimensione ridotta solo per i titoli che superano 2 righe a 1440/1024 o 3 a 390 (misurato). */
.cdx-main .cdx-testa h1.cdx-poster.cdx-titolo--ampio{grid-column:1 / -1}

/* RITOCCHI 4 — fasce di «I nostri marchi»: ogni fila centrata nella sua metà (come la Cucinotta, che la riempie),
   stessa linea di base e passo regolare. Le lattine La Dolce Vita usano tutte un ritaglio (cdx-img/ldv/), niente ripieghi WooCommerce. */
.cdx-main .cdx-fila--fascia{justify-content:safe center}

/* RITOCCHI 4 — carosello (pagina La Dolce Vita, Lattine): una fila sola, scorrevole dentro la sezione, scroll-snap.
   Lattine in scala unica (--mm × --pxmm). A 1440 ~5 schede visibili, a 1024 ~3, a 390 ~1,5. Pulsanti solo con JS e da 641 px. */
.cdx-main .cdx-carosello{grid-column:1 / -1;min-width:0;--g:1.25rem;padding-top:1rem}
.cdx-main .cdx-carosello__comandi{display:flex;justify-content:flex-end;gap:.6rem;margin-bottom:.75rem}
.cdx-main .cdx-carosello__btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;border:1.5px solid currentColor;background:transparent;color:inherit;font-size:1.2rem;line-height:1;cursor:pointer;transition:background-color .2s,color .2s}
.cdx-main .cdx-carosello__btn:hover:not([disabled]){background:var(--cdx-notte);color:var(--cdx-bianco);border-color:var(--cdx-notte)}
.cdx-main .cdx-carosello__btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.cdx-main .cdx-carosello__btn[disabled]{opacity:.35;cursor:default}
html:not(.js) .cdx-main .cdx-carosello__comandi{display:none}
.cdx-main .cdx-carosello__vista{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:.25rem .25rem 1rem}
.cdx-main .cdx-carosello__vista:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.cdx-main .cdx-carosello__lista{display:flex;gap:var(--g);list-style:none;margin:0;padding:0}
.cdx-main .cdx-carosello__voce{--pxmm:1.55px;flex:0 0 calc((100% - 4 * var(--g)) / 5);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;list-style:none;margin:0;padding:0}
.cdx-main .cdx-carosello__link{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:inherit;text-decoration:none;font-weight:600}
.cdx-main .cdx-carosello__link:hover .cdx-carosello__nome,.cdx-main .cdx-carosello__link:focus-visible .cdx-carosello__nome{text-decoration:underline}
.cdx-main .cdx-carosello__link:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.cdx-main .cdx-carosello img.cdx-bott--mm{display:block;height:calc(var(--mm) * var(--pxmm));width:auto;max-width:100%;object-fit:contain}
.cdx-main .cdx-carosello img.cdx-bott--mm.cdx-bott--wc{height:calc(var(--mm) * var(--pxmm) / .83)}
.cdx-main .cdx-carosello__prezzo{font-variant-numeric:tabular-nums;font-weight:600}
.cdx-main .cdx-carosello__prezzo .cd-price-request{font-weight:500;color:var(--cdx-ink-soft);font-style:normal;font-size:inherit}
.cdx-main .cdx-carosello__azione .cdx-btn{min-height:2.75rem;padding:0 1.1rem;font-size:var(--cdx-s-small)}
.cdx-main .cdx-carosello__azione .added_to_cart{display:block;margin-top:.4rem;font-size:var(--cdx-s-small)}
@media (max-width:1024px){ .cdx-main .cdx-carosello__voce{flex-basis:calc((100% - 2 * var(--g)) / 3);--pxmm:1.3px} }
@media (max-width:640px){ .cdx-main .cdx-carosello{--g:1rem} .cdx-main .cdx-carosello__voce{flex-basis:calc((100% - var(--g)) / 1.5);--pxmm:1.2px} .cdx-main .cdx-carosello__comandi{display:none} }

/* RITOCCHI 4 — modulo «Agenti di commercio» (CF7 4291, pagina Rivenditori, #agenti): due campi per riga da 641 px,
   gruppo di caselle in fieldset/legend, stessi stili degli altri moduli cdx (.wpcf7 dentro .cdx-main). */
.cdx-main .cdx-agenti{scroll-margin-top:6rem;border-top:1px solid rgba(10,31,60,.12)}
.cdx-main .wpcf7-form-row--doppia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.cdx-main .wpcf7 fieldset.wpcf7-form-row--gruppo{border:0;margin:0;padding:0;min-width:0}
.cdx-main .wpcf7 fieldset.wpcf7-form-row--gruppo legend{font-weight:600;margin-bottom:.6rem;padding:0}
.cdx-main .wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem}
.cdx-main .wpcf7-checkbox .wpcf7-list-item{margin:0}
.cdx-main .wpcf7-checkbox label{display:flex;align-items:center;gap:.6rem;font-weight:400 !important;margin:0}
.cdx-main .wpcf7-checkbox input{width:1.3rem;height:1.3rem;accent-color:var(--cdx-blu);flex:none}
.cdx-main .wpcf7 abbr[title]{text-decoration:none;color:var(--cdx-rosso);border:0}
@media (max-width:640px){ .cdx-main .wpcf7-form-row--doppia{grid-template-columns:1fr} }
/* caselle dei moduli: aspetto nativo (il tema le rende cerchi bianchi con appearance:none), colore del sito */
.cdx-main .wpcf7 input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;border-radius:0;background:none;border:0;width:1.3rem;height:1.3rem;accent-color:var(--cdx-blu)}
.cdx-main .wpcf7 input[type=checkbox]:focus-visible{outline:3px solid var(--cdx-oro);outline-offset:2px}
.cdx-main .wpcf7 label + br{display:none}
/* Rivenditori: quattro corsie di pari larghezza */
@media (min-width:1025px){ .cdx-main .cdx-chi--quattro .cdx-chi__row{grid-template-columns:repeat(4,minmax(0,1fr))} }

/* RITOCCHI 4 — archivi di categoria dei marchi (e loro sottocategorie): logo del marchio accanto alla descrizione.
   Piastra chiara con angoli dei bottoni cdx (999px): i loghi Acheo e La Dolce Vita sono neri e il Cucinotta è blu, sul fondo notte.
   Larghezza ~260 px a 1440, 200 a 1024, 160 a 390; La Dolce Vita (quasi quadrato) limitato in altezza per un peso visivo pari. */
.cdx-main .cdx-testa__logo{display:inline-flex;align-items:center;justify-content:center;justify-self:start;align-self:center;background:var(--cdx-bianco);border-radius:999px;padding:clamp(.9rem,1.4vw,1.4rem) clamp(1.6rem,2.6vw,2.6rem);order:1}
.cdx-main .cdx-testa__logo img.cdx-logo-marchio--archivio{width:160px;height:auto;max-width:100%}
.cdx-main .cdx-testa__logo img.cdx-logo-marchio--archivio.cdx-logo-marchio--dolce-vita{width:auto;height:96px}
.cdx-main .cdx-testa--marchio .cdx-testa__lead{order:2}
.cdx-main .cdx-testa--marchio .cdx-grid > h1{order:0}
.cdx-main .cdx-testa--marchio .cdx-testa__logo{grid-column:1 / -1;grid-row:2}
.cdx-main .cdx-testa--marchio .cdx-grid > .cdx-testa__lead{grid-column:1 / -1;grid-row:3}
@media (min-width:1024px){
  .cdx-main .cdx-testa__logo img.cdx-logo-marchio--archivio{width:200px}
  .cdx-main .cdx-testa__logo img.cdx-logo-marchio--archivio.cdx-logo-marchio--dolce-vita{width:auto;height:118px}
  .cdx-main .cdx-testa--marchio .cdx-testa__logo{grid-column:1 / span 4;grid-row:2}
  .cdx-main .cdx-testa--marchio .cdx-grid > .cdx-testa__lead{grid-column:5 / span 7;grid-row:2;align-self:center}
}
@media (min-width:1400px){
  .cdx-main .cdx-testa__logo img.cdx-logo-marchio--archivio{width:260px}
  .cdx-main .cdx-testa__logo img.cdx-logo-marchio--archivio.cdx-logo-marchio--dolce-vita{width:auto;height:150px}
}
.cdx-main .cdx-testa--marchio .cdx-testa__logo{align-self:flex-start}
/* Ritocchi 4b (finitura): da 1024 px la piastra si allinea in alto alla prima riga della descrizione */
@media (min-width:1024px){ .cdx-main .cdx-testa--marchio .cdx-testa__logo{align-self:start} }

/* RITOCCHI 4b — descrizione delle categorie con la sua struttura (cdx_descrizione_categoria_html, inc/cdx-shop.php) */
.cdx-main .cdx-testa .cdx-cat{display:flex;flex-direction:column;gap:.55rem;font-size:var(--cdx-s-body);line-height:1.6}
.cdx-main .cdx-cat > *{margin:0}
.cdx-main .cdx-cat__titolo{font-family:var(--cdx-f-text);font-size:var(--cdx-s-lead);font-weight:600;line-height:1.25;text-transform:none;letter-spacing:0;color:inherit;margin-bottom:.35rem !important}
.cdx-main .cdx-cat strong{font-weight:600}
.cdx-main .cdx-cat__titoletto{font-size:var(--cdx-s-small);font-weight:600;text-transform:none;letter-spacing:0;color:var(--cdx-on-dark-soft);margin-top:.9rem !important}
.cdx-main .cdx-cat__voci{display:flex;flex-wrap:wrap;gap:.2rem 0;list-style:none;padding:0}
.cdx-main .cdx-cat__voci li{list-style:none;margin:0;padding:0}
.cdx-main .cdx-cat__voci li + li::before{content:"·";padding:0 .6em;color:var(--cdx-on-dark-soft)}
.cdx-main .cdx-cat__voci--barra li + li::before{content:"/"}

/* RITOCCHI 4b — sezione Agenti di commercio (Rivenditori, #agenti): da 1024 px titolo e introduzione a sinistra (5/12, sticky),
   modulo a destra (7/12, campi a due a due); sotto, una colonna */
.cdx-main .cdx-agenti__intro,.cdx-main .cdx-agenti__form{grid-column:1 / -1;min-width:0}
.cdx-main .cdx-agenti__intro{display:flex;flex-direction:column;gap:1.2rem}
.cdx-main .cdx-agenti__intro h2{font-size:var(--cdx-s-title)}
.cdx-main .cdx-agenti__form .wpcf7{width:100%}
@media (min-width:1024px){
  .cdx-main .cdx-agenti__intro{grid-column:1 / span 5;position:sticky;top:2rem;align-self:start}
  .cdx-main .cdx-agenti__form{grid-column:6 / span 7}
}

/* RITOCCHI 4b — carosello generico (cdx/parti/carosello.php). Variante «semplice» (solo bottiglie, vetri La Dolce Vita):
   stesse misure della fila decorativa di prima (render 220 px, foto WooCommerce 330 × 132 ritagliate).
   Con data-carosello-auto, cdx.js mette .is-statico quando le bottiglie stanno in una riga: niente frecce, niente scorrimento. */
.cdx-main .cdx-carosello--semplice .cdx-carosello__voce{flex:0 0 auto;--pxmm:1px}
.cdx-main .cdx-carosello--semplice .cdx-carosello__lista{align-items:flex-end}
.cdx-main .cdx-carosello--semplice .cdx-carosello__link{display:block;line-height:0}
.cdx-main .cdx-carosello--semplice img.cdx-bott--render{height:220px;width:auto;max-width:none;object-fit:contain}
.cdx-main .cdx-carosello--semplice img.cdx-bott--wc{height:330px;width:132px;max-width:none;object-fit:cover}
.cdx-main .cdx-carosello.is-statico .cdx-carosello__comandi{display:none}
.cdx-main .cdx-carosello.is-statico .cdx-carosello__vista{overflow:visible}
@media (max-width:640px){
  .cdx-main .cdx-carosello--semplice img.cdx-bott--render{height:10rem}
  .cdx-main .cdx-carosello--semplice img.cdx-bott--wc{height:15rem;width:6rem}
}