@font-face { font-family:"amatic sc"; font-weight:400; font-display:swap; src:url("/assets/fonts/amaticsc-400-latin-ext.woff2") format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family:"amatic sc"; font-weight:400; font-display:swap; src:url("/assets/fonts/amaticsc-400-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family:"amatic sc"; font-weight:700; font-display:swap; src:url("/assets/fonts/amaticsc-700-latin-ext.woff2") format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family:"amatic sc"; font-weight:700; font-display:swap; src:url("/assets/fonts/amaticsc-700-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family:"barlow"; font-weight:300; font-display:swap; src:url("/assets/fonts/barlow-300-latin-ext.woff2") format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family:"barlow"; font-weight:300; font-display:swap; src:url("/assets/fonts/barlow-300-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family:"barlow"; font-weight:400; font-display:swap; src:url("/assets/fonts/barlow-400-latin-ext.woff2") format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family:"barlow"; font-weight:400; font-display:swap; src:url("/assets/fonts/barlow-400-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family:"barlow"; font-weight:500; font-display:swap; src:url("/assets/fonts/barlow-500-latin-ext.woff2") format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family:"barlow"; font-weight:500; font-display:swap; src:url("/assets/fonts/barlow-500-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family:"barlow"; font-weight:600; font-display:swap; src:url("/assets/fonts/barlow-600-latin-ext.woff2") format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family:"barlow"; font-weight:600; font-display:swap; src:url("/assets/fonts/barlow-600-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family:"barlow"; font-weight:700; font-display:swap; src:url("/assets/fonts/barlow-700-latin-ext.woff2") format("woff2"); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family:"barlow"; font-weight:700; font-display:swap; src:url("/assets/fonts/barlow-700-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
/* Terra e Vita: riproduzione dell'originale (Helix Ultimate + SP Page Builder), misure rilevate a 1440/1024/768/390 px.
   Testata e piè: contenitore Helix (max 1140, sempre fluido sotto); sezioni: contenitore SPPB (1320/1140/960/720/540).
   Barlow e Amatic SC statici (stessi file dei Google Fonts dell'originale) serviti in locale; licenza OFL in assets/fonts. */
:root { --marrone:#391a00; --verde:#367f01; --verde-box:#4f9202; --verde-num:#79b101; --giallo:#fee701; --crema:#f5f0e9;
  --grigio:#707070; --scuro:#434343; --nero:#252525; --barlow:"barlow",sans-serif; --amatic:"amatic sc",cursive; --largo:100% }
@media (min-width:576px) { :root { --largo:540px } } @media (min-width:768px) { :root { --largo:720px } }
@media (min-width:992px) { :root { --largo:960px } } @media (min-width:1200px) { :root { --largo:1140px } } @media (min-width:1400px) { :root { --largo:1320px } }
html { scroll-padding-top:0 }
body { font:400 15px/22.5px var(--barlow); color:var(--grigio); background:#fff; -webkit-font-smoothing:antialiased }
html, body { overflow-x:clip }
img { height:auto }   /* come .body-innerwrapper di Helix: il menu e alcune foto escono dai bordi senza far scorrere la pagina */
h1, h2, h3, h4, h5, h6 { font:inherit; color:inherit; text-transform:none; margin:0 }
p + p { margin-block-start:0 } a { text-decoration:none } a:hover { text-decoration:underline }
.contenitore { width:100%; max-width:1140px; padding-inline:15px; margin-inline:auto }
.largo { width:100%; max-width:var(--largo); padding-inline:15px; margin-inline:auto }
.centrato { text-align:center } .centrato img { margin-inline:auto }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }

/* barra superiore e testata */
.barra { background:var(--marrone); color:#fff; font:400 12.6px/18.9px var(--barlow); height:37px }
.barra__in { display:flex; justify-content:flex-end; gap:10px; padding-top:8px } .barra__in a:last-child { margin-right:10px } .barra a { color:#fff }
.testata { position:relative; z-index:99; height:80px; background:#fff; box-shadow:0 0 4px rgb(0 0 0/.1) }
.testata__in { display:flex; align-items:center; justify-content:space-between; height:100%; min-height:0; gap:0 }
.logo img { height:auto } .logo__desktop { width:84px; height:80px } .logo__mobile { display:none }
.menu > ul { display:flex; gap:0; flex-wrap:nowrap; margin-right:-30px }
.menu li { position:relative }
.menu > ul > li > a, .menu > ul > li > span { display:inline-block; padding:0 15px; font:600 16px/80px var(--barlow); text-transform:uppercase; color:var(--nero); cursor:pointer }
.menu > ul > li > a[aria-current] { color:var(--marrone); font-weight:500 } .menu > ul > li > a:hover { color:var(--marrone); text-decoration:none }
.menu__padre > span { color:var(--grigio) !important } .menu__padre > span::after { content:""; display:inline-block; width:12px; margin-left:7px }
.menu__sotto { display:none; position:absolute; top:100%; left:0; width:300px; background:#fff; padding:20px 0; box-shadow:0 3px 5px 0 rgb(0 0 0/.2); z-index:5 }
.menu__padre:hover > .menu__sotto, .menu__padre:focus-within > .menu__sotto, .menu__padre.aperto > .menu__sotto { display:block }
.menu__sotto a { display:block; padding:10px 15px; font:400 14px/21px var(--barlow); color:var(--nero) }
.menu__sotto a:hover { background:var(--marrone); color:#fff; text-decoration:none } .menu__sotto a[aria-current] { color:var(--marrone) }
.menu-toggle, .menu-chiudi { display:none }
@media (width < 992px) {
  .barra { height:35px }
  .testata { height:68px } .logo__desktop { display:none } .logo__mobile { display:block; width:58px; height:55px }
  .menu-toggle { display:block; position:absolute; right:15px; top:50%; transform:translateY(-50%); width:25px; padding:0; border:0; background:none; border-radius:0 }
  .menu-toggle span, .menu-chiudi span { display:block; height:2px; background:#000; margin:5px 0 }
  .menu { display:block; position:fixed; inset:0 0 0 auto; width:300px; max-width:100%; height:100vh; overflow-y:auto; background:var(--marrone); padding:70px 0 30px; box-shadow:none;
    transform:translateX(100%); visibility:hidden; transition:transform .4s, visibility .4s; z-index:1000 }
  .menu.aperto { transform:none; visibility:visible }
  .menu > ul { display:block; margin:0 }
  .menu > ul > li { padding:12px 20px; border-bottom:1px solid rgb(255 255 255/.1) }
  .menu > ul > li > a, .menu > ul > li > span { display:block; padding:0; line-height:24px; color:#fff !important; font-weight:600 }
  .menu__padre > span::after { content:"▾"; width:auto; float:right }
  .menu__sotto { position:static; width:auto; background:none; box-shadow:none; padding:10px 0 0 10px }
  .menu__padre:hover > .menu__sotto { display:none } .menu__padre.aperto > .menu__sotto { display:block }
  .menu__sotto li { padding:8px 10px } .menu__sotto a { padding:0; font:500 15px/22px var(--barlow); color:#ddd }
  .menu-chiudi { display:block; position:absolute; top:22px; right:15px; width:25px; height:25px; padding:0; border:0; background:none }
  .menu-chiudi span { background:#fff; margin:0; position:absolute; left:0; width:25px; top:12px } .menu-chiudi span:first-child { transform:rotate(45deg) } .menu-chiudi span:last-child { transform:rotate(-45deg) }
}

/* piè di pagina: tre colonne Helix 6/2/4 (a tutta larghezza sotto i 992 px), riga del copyright */
.piede { border-top:1px solid #c9c9c9; color:var(--scuro) }
.piede__in { display:flex; flex-wrap:wrap; margin-inline:-15px; padding-block:50px }
.piede__in > div { padding:0 15px 30px } .piede__chi { flex:0 0 50% } .piede__social { flex:0 0 16.6667% } .piede__contatti { flex:0 0 33.3333% }
.piede__in > .piede__chi { display:grid; grid-template-columns:20% 1fr; column-gap:15px; align-items:start; padding-inline:30px; margin-right:30px; flex-basis:calc(50% - 30px); font:400 14px/18px var(--barlow) }
.piede__chi img { width:auto; max-width:100% }
.piede h3 { font:700 30px/36px var(--amatic); text-transform:uppercase; color:var(--marrone); margin-bottom:10px }
.piede__social li { margin-bottom:15px } .piede__social li:last-child { margin-bottom:0 }
.piede__social a { display:block; color:var(--marrone); font-size:12px; line-height:14px; padding:5px 0 }
.piede h6 { font:500 12px/14.4px var(--barlow); text-transform:uppercase; margin-bottom:10px }
.piede__contatti p { font-size:12px; line-height:19.2px }
.piede__fondo { border-top:1px solid #c9c9c9; font-size:12px; line-height:18px; padding-block:30px } .piede__fondo a { color:var(--scuro) }
@media (width < 1200px) { .piede__in > .piede__chi { margin:50px; padding:0 30px 0 30px; flex-basis:calc(50% - 100px) } }
@media (width < 992px) { .piede__in > div { flex-basis:100% !important } .piede__in > .piede__chi { flex-basis:calc(100% - 100px) !important } }
@media (width < 992px) { .piede__in > .piede__chi { margin-bottom:80px } }
@media (768px <= width < 992px) { .piede__in > .piede__chi { margin-left:76px; margin-right:54px; flex-basis:calc(100% - 130px) !important; grid-template-columns:107px 1fr } .piede__contatti h6 { padding-top:4px } .piede__fondo { margin-top:-2px } }
@media (992px <= width < 1200px) { .piede__in { padding-bottom:81px } }

/* elementi comuni */
.bottone { display:inline-block; background:var(--giallo); color:var(--marrone); font:600 21px/26.25px var(--barlow); padding:16px 13px; border-radius:4px; text-transform:none }
.bottone:hover { background:var(--marrone); color:var(--giallo); text-decoration:none; filter:none }
.occhiello-c { font:500 14px/21px var(--barlow); text-transform:uppercase; color:var(--verde) }
.titolo-c { font:700 60px/60px var(--amatic); color:var(--scuro); margin-bottom:10px }
.titoletto__occhiello { font:500 16px/16px var(--barlow); letter-spacing:2px; text-transform:uppercase; color:var(--verde); margin-bottom:10px }
.titoletto__titolo { font:700 54px/64px var(--amatic); color:var(--scuro) }
.titoletto__foglia { margin-top:15px }
.freccia { display:block; width:56px; height:56px; border-radius:50%; background:var(--giallo) url(/assets/img/right-min.svg) center / 24px no-repeat; position:relative; z-index:2 }
.leggi { display:inline-block; position:relative; padding:10px 0 0 45px; font:600 16px/20px var(--barlow); color:var(--scuro) }
.leggi::before { content:""; position:absolute; left:-5px; top:0; width:40px; height:40px; border-radius:50%; background:var(--giallo) url(/assets/img/right-min.svg) center no-repeat }
.video { position:relative; display:block } .video img { width:100% }
.video__play { position:absolute; inset:0; margin:auto; width:64px; height:64px; border:3px solid #fff; border-radius:50% }
.video__play::after { content:""; position:absolute; left:24px; top:17px; border-left:22px solid #fff; border-block:12px solid transparent }
.finestra-video { width:min(90vw,960px); padding:0; border:0; background:#000 } .finestra-video::backdrop { background:rgb(0 0 0/.8) }
.finestra-video__in iframe { width:100%; aspect-ratio:16/9; display:block; border:0 }
.finestra-video__chiudi { position:absolute; top:0; right:0; z-index:2; background:none; border:0; color:#fff; font-size:32px; width:44px; height:44px; cursor:pointer }

/* testata delle pagine interne: foto, titolo, briciole (contenuto centrato nei 400 px) */
.testata-pagina { height:400px; background:center / cover no-repeat; position:relative; text-align:center; color:#fff; display:flex; flex-direction:column; justify-content:center; padding:0 0 8px }
.testata-pagina::before { content:""; position:absolute; inset:0; background:rgb(0 0 0/.2) }
.testata-pagina .largo { position:relative }
.testata-pagina h1 { font:700 60px/66px var(--amatic); margin-bottom:38px }
.briciole { display:flex; justify-content:center } .briciole ol { display:flex; flex:none; flex-wrap:nowrap; background:#ffffff42; padding:0 50px; margin:0; list-style:none; font:400 14px/21px var(--barlow) }
.briciole li { white-space:nowrap } .briciole li + li::before { content:"/"; padding:0 8px } .briciole a, .briciole span { color:#fff }
.testata-pagina--corta { padding-bottom:38px }

/* apertura delle pagine interne: titoletto 5/12, testo 7/12 */
.apertura { padding:53px 0 80px }
.apertura__in { display:grid; grid-template-columns:calc((100% + 30px) * 5 / 12 - 30px) 1fr; column-gap:30px; align-items:start }
.titoletto--pagina .titoletto__occhiello { margin-bottom:19px } .titoletto--pagina .titoletto__titolo { font:700 54px/64px var(--amatic) }
.titoletto--pagina .titoletto__foglia { margin-top:10px }
.apertura__testo { font:400 16px/26px var(--barlow); color:var(--scuro); margin-top:-5px }

br.a390 { display:none } @media (width < 576px) { br.a390 { display:inline } }
/* schede prodotto (Ortaggi, Frutta, Farine) */
.sez-schede { padding-bottom:80px }
.schede { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:30px; row-gap:80px; align-items:start }
.scheda img { width:100%; height:auto }
.scheda__testo { position:relative; margin:-39px 15px 0; padding:18px 15px 0; background:#fff }
.scheda h3 { font:600 22px/33px var(--barlow); letter-spacing:1px; color:var(--scuro) }
.scheda__stagione { font:500 12px/18px var(--barlow); color:var(--verde); text-transform:uppercase; margin-top:8px }
.scheda__descr { font:400 15px/22.5px var(--barlow); margin-top:10px }

/* ===== HOME ===== */
/* slideshow: tre foto, stesso testo; punti verticali a destra */
.vetrina { position:relative; height:800px; overflow:hidden; background:#555; color:#fff }
.vetrina__voce { position:absolute; inset:0; background:center / cover no-repeat; visibility:hidden }
.vetrina__voce::before { content:""; position:absolute; inset:0; background:rgb(0 0 0/.2) }
.vetrina__voce.attiva { visibility:visible }
.vetrina__in { position:relative; padding-top:182px }
.vetrina__occhiello { position:relative; font:400 18px/26px var(--barlow); letter-spacing:1px; text-transform:uppercase; margin-bottom:20px }
.vetrina__occhiello::before { content:""; position:absolute; left:0; top:28px; width:365px; height:23px; background:url(/assets/img/linea-slide.png) no-repeat }
.vetrina__titolo { font:700 120px/120px var(--amatic); max-width:800px; margin-bottom:20px }
.vetrina__bottone { margin-top:60px; padding:25px; font-size:21px; line-height:21px }
.vetrina__punti { position:absolute; right:89px; top:0; bottom:0; width:20px; display:flex; flex-direction:column; justify-content:center }
.vetrina__punti button { display:block; width:20px; height:20px; margin:10px 0; padding:0; border:1px solid #fff; border-radius:100px; background:rgb(0 0 0/.35); cursor:pointer }
.vetrina__punti button[aria-current] { background:#fff }

/* intro: foto sovrapposte a sinistra, testo a destra */
.intro { padding:60px 0 }
.intro__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; align-items:center }
.intro__foto { position:relative; padding:0 30px }
.intro__grano { width:100%; border-radius:5px; position:relative; z-index:2 }
.intro__pomodori { width:276px; margin:-195px -30px 0 auto; top:47px; border-radius:5px; position:relative; z-index:3 }
.intro__trattore { position:absolute; left:-30px; top:287px; width:128px; height:128px; z-index:3 }
.intro__testo { padding-bottom:30px }
.titoletto--intro .titoletto__occhiello { font:500 16px/19.2px var(--barlow); letter-spacing:1px; margin-bottom:14px }
.titoletto--intro .titoletto__titolo { font:700 66px/64px var(--amatic); color:var(--scuro) }
.titoletto--intro .titoletto__foglia { margin-top:21px }
.intro__p { font:400 16px/26px var(--barlow); margin:18px 0 17px } .intro__p + .intro__punti + .intro__p { margin:0 0 10px }
.intro__punti { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; margin:0 0 30px }
.intro__punti div { display:grid; grid-template-columns:auto 1fr; column-gap:15px; align-items:start }
.intro__punti h3 { font:600 15px/18px var(--barlow); color:var(--scuro); margin-top:15px }
.intro__bottone { margin-top:0 }

/* i nostri prodotti (anche in Azienda) */
.sez-prodotti { background:var(--crema); padding:50px 0 }
.sez-prodotti .foglia-c, .news-home .foglia-c { display:block; margin:0 auto }
.prodotti { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:30px; margin-top:50px; align-items:start }
.prodotti__voce { background:#fff; border-radius:4px; box-shadow:0 0 15px rgb(0 0 0/.1); padding-top:44px; overflow:hidden }
.prodotti__voce h4 { font:700 34px/34px var(--amatic); color:var(--marrone); padding:0 30px 15px }
.prodotti__voce p { font:400 15px/22px var(--barlow); padding:0 30px; margin-bottom:15px }
.prodotti__voce .freccia { margin:0 30px -28px }
.prodotti__voce img { width:100%; height:auto }

/* perché puoi fidarti di noi */
.fidarti { background:url(/assets/img/2021/04/01/bg-terreno.jpg) center bottom / 100% auto no-repeat; padding:50px 0 100px; min-height:902px }
.fidarti__logo { display:block; margin:0 auto 2px }
.fidarti .titolo-c { margin-bottom:0 }
.fidarti__griglia { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:30px; margin-top:95px; align-items:start }
.fidarti__col--sx { text-align:right } .fidarti__col--dx { text-align:left }
.punto { margin-bottom:30px } .punto img { display:block }
.fidarti__col--sx .punto img { margin-left:auto; display:block }
.punto h3 { font:700 34px/37px var(--amatic); text-transform:uppercase; color:var(--marrone); margin:0 0 8px }
.punto__testo { font:400 15px/22.5px var(--barlow) }
.fidarti__cesto { width:370px; margin-inline:auto }

/* punto vendita */
.vendita { background:var(--crema); padding:60px 0 }
.vendita__testo { margin-bottom:18px } .vendita__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; align-items:center }
.titoletto--vendita .titoletto__occhiello { margin-bottom:16px } .titoletto--vendita .titoletto__titolo { font:700 60px/70px var(--amatic); color:#1e1e1e }
.titoletto--vendita .titoletto__foglia { margin-top:10px }
.numeri { margin:30px 0 0; padding:0; list-style:none }
.numeri li { display:grid; grid-template-columns:48px 1fr; column-gap:15px; align-items:start; margin-bottom:30px }
.numeri span { width:48px; height:48px; border-radius:50%; background:var(--verde-num); color:#fff; font:700 24px/48px var(--amatic); text-align:center }
.numeri p { font:400 18px/22px var(--barlow); color:#1e1e1e } .numeri li:last-child { margin-bottom:0 }
.vendita__foto { position:relative; padding:0 0 31px 50px }
.vendita__foto > img { width:530px; border-radius:5px }
.vendita__video { position:relative; margin:-195px 0 0 -50px; width:301px; border-radius:5px; overflow:hidden }

/* news in home */
.news-home { padding:50px 0 }
.news-home__griglia { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; margin-top:30px }
.news-home__voce { padding-bottom:47px } .news-home__voce img { width:100%; height:auto; border-radius:4px }
.news-home__testo { background:#fff; margin:-54px 15px 0; position:relative; padding:20px 22px 0; text-align:center }
.news-home__data { font:600 16px/24px var(--barlow); letter-spacing:1px; color:var(--verde); margin-bottom:16px }
.news-home h3 { font:500 22px/33px var(--barlow); color:var(--grigio); margin-bottom:10px }
.news-home__testo p:not(.news-home__data) { font:400 15px/22.5px var(--barlow) }
.news-home .leggi { margin-top:29px }

/* cosa dicono i nostri clienti */
.clienti { background:linear-gradient(var(--crema) 415px, #fff 415px); padding:50px 0 }
.clienti__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; align-items:start }
.titoletto--clienti .titoletto__occhiello { margin-bottom:16px } .titoletto--clienti .titoletto__titolo { font:700 70px/70px var(--amatic) }
.titoletto--clienti .titoletto__foglia { margin-top:15px }
.clienti__p { font:400 22px/28px var(--barlow); margin-top:30px }
.recensioni { position:relative; display:grid; align-content:start; overflow:clip; overflow-clip-margin:content-box; background:var(--verde-box); color:#fff; border-radius:4px; padding:69px 50px 0; height:492px }
.recensioni .vetrina__voce { position:relative; grid-area:1 / 1; margin:0 }
.recensioni .vetrina__voce::before { display:none }
.recensioni blockquote { margin:0; font:400 32px/38px var(--barlow); min-height:249px }
.recensioni figcaption { display:grid; grid-template-columns:60px auto; column-gap:15px; align-items:center; justify-content:start }
.recensioni figcaption img { grid-row:span 2; border-radius:50% }
.recensioni__nome { font:600 36px/54px var(--amatic) } .recensioni__ruolo { font:400 14px/40px var(--barlow) }
.recensioni__punti { position:absolute; left:0; right:0; top:auto; bottom:50px; flex-direction:row; justify-content:center; width:auto; gap:10px }
.recensioni__punti button { margin:0; background:transparent; border-color:#fff }

/* home: 992–1199 px (misure a 1024) */
@media (width < 1200px) {
  .vetrina { margin-bottom:20px }
  .vetrina__in { padding-top:180px } .vetrina__occhiello { font-size:16px; line-height:20px }
  .vetrina__bottone { margin:40px 0 0 20px; padding:30px 50px }
  .menu > ul { margin-right:-22px } .menu > ul > li > a, .menu > ul > li > span { padding:0 10px }
  .sez-prodotti { padding-bottom:79px } .fidarti { padding-bottom:78px }
  .vetrina__punti { right:48px }
  .intro__trattore { left:45px; top:310px; width:100px; height:100px }
  .intro__pomodori { width:200px; margin-top:-117px }
  .intro__punti div { grid-template-columns:24% 1fr } .intro__punti img { width:auto; height:50px }
  .intro__punti h3 { line-height:50px; margin-top:15px }
  .fidarti { padding-top:70px } .fidarti__logo { margin-bottom:22px } .fidarti .titolo-c { margin-top:11px } .fidarti__cesto { margin-bottom:30px }
  .prodotti { grid-template-columns:minmax(0,1fr) minmax(0,1fr); row-gap:50px }
  .fidarti { background-size:auto 100%; min-height:0 }
  .fidarti__griglia { grid-template-columns:minmax(0,1fr) minmax(0,1fr); margin-top:90px }
  .fidarti__cesto { grid-column:1 / -1; width:518px } .fidarti__col--dx { grid-column:1 }
  .vendita__foto > img { width:350px } .vendita__video { width:225px; margin-top:-139px }
  .recensioni { padding:42px 0 0; height:auto; min-height:400px }
}
@media (992px <= width < 1200px) { .intro__testo { padding-top:47px } .intro { padding-bottom:108px } }
/* 768–991 px (misure a 768): colonne una sotto l'altra */
@media (width < 992px) {
  .vetrina__bottone { margin-top:39px }
  .intro__in, .vendita__in, .clienti__in { grid-template-columns:minmax(0,1fr) }
  .intro__trattore { top:400px } .intro__pomodori { margin-top:-179px; top:0 }
  .intro__testo { margin-top:46px } .intro { padding-bottom:104px }
  .intro__punti div { grid-template-columns:auto 1fr; column-gap:33px } .intro__punti img { width:auto; height:78px }
  .fidarti__griglia { margin-top:90px } .fidarti__col { text-align:center !important } .fidarti__col .punto img { margin-inline:auto }
  .fidarti__col--dx { grid-column:2; grid-row:1 } .fidarti__cesto { grid-row:2 }
  .vendita__foto { padding:30px 0 31px 70px } .vendita__foto > img { width:550px } .vendita__video { width:301px; margin:-214px 0 0 -70px }
  .news-home__griglia { grid-template-columns:minmax(0,1fr); row-gap:0 }
  .recensioni { margin-top:30px; padding:40px 50px 0 }
  .recensioni blockquote { font-size:26px; line-height:30px; min-height:150px }
  .recensioni__nome { font-size:26px; line-height:39px }
}
/* sotto i 768 px (misure a 390) */
@media (width < 768px) {
  .vetrina { height:600px; margin-bottom:10px }
  .vetrina__in { padding-top:140px } .vetrina__occhiello { font-size:14px; line-height:16px; margin-bottom:30px }
  .vetrina__occhiello::before { top:20px; transform:scale(.8); left:-36px }
  .vetrina__titolo { font-size:70px; line-height:70px }
  .vetrina__bottone { margin:41px 0 0 10px; padding:20px 40px; font-size:16px }
  .vetrina__punti { right:15px }
  .intro { padding:10px 0 63px } .intro__foto { display:none } .intro__testo { margin-top:51px }
  .intro__punti { grid-template-columns:minmax(0,1fr); row-gap:30px; margin-right:20px }
  .intro__punti div { grid-template-columns:19% 1fr; column-gap:15px; text-align:center } .intro__punti img { width:64px }
  .intro__punti h3 { line-height:56px; margin-top:15px } .intro__punti div:first-child img { height:64px }
  .prodotti { grid-template-columns:minmax(0,1fr) }
  .prodotti__voce h4 { font-size:40px; line-height:44px }
  .fidarti__griglia { grid-template-columns:minmax(0,1fr); margin-top:60px } .fidarti__col--dx { grid-column:1; grid-row:auto } .fidarti__cesto { grid-row:auto; width:240px }
  .fidarti .titolo-c { max-width:200px; margin:60px auto 0 } .fidarti__griglia { margin-top:140px } .fidarti__cesto { order:3 }
  .news-home h3 { line-height:24px }
  .vendita { padding:58px 0 20px } .sez-prodotti { padding-bottom:100px } .fidarti { padding-bottom:99px }
  .news-home__testo { margin-inline:0; padding-inline:21px } .recensioni blockquote { min-height:295px }
  .titoletto--vendita .titoletto__titolo { line-height:55px }
  .vendita__foto { padding:100px 0 31px 60px } .vendita__foto > img { width:240px } .vendita__video { width:180px; margin:-110px 0 0 -60px }
  .titoletto--clienti .titoletto__titolo { line-height:70px }
  .recensioni { padding:40px 50px 0 }
}

/* ===== AZIENDA ===== */
.apertura--azienda { padding-bottom:69px } .apertura--azienda .titoletto__titolo { font-size:56px; line-height:66px }
.tre-foto { padding-bottom:54px }
.tre-foto__in { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:30px }
.tre-foto__in > img { width:100%; height:auto }
.tre-foto__motto { display:grid; place-items:center; background:center / cover no-repeat; padding:0 3px 30px; text-align:center }
.tre-foto__motto p { font:400 50px/60px var(--amatic); color:#fff }
.boutique { padding:55px 0 84px }
.boutique__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; align-items:start }
.titoletto--boutique .titoletto__titolo { color:var(--scuro) }
.boutique__p { font:400 16px/26px var(--barlow); color:var(--scuro) } .titoletto--boutique + .boutique__p { margin-top:33px }
.riquadro-verde { display:grid; grid-template-columns:66px 1fr; column-gap:35px; align-items:center; background:var(--verde-box); border-radius:4px; padding:30px; margin-top:30px; color:#fff }
.riquadro-verde h5 { font:600 22px/25px var(--barlow) }
.divisore { border:0; border-top:1px solid #d6d6d6; margin:20px 0 48px }
.boutique__video { width:584px; margin:0 auto; border-radius:4px; overflow:hidden }
.sostenibile { background:var(--crema); padding:65px 0 108px; overflow:hidden }
.sostenibile > .largo { max-width:none; padding:0 }
.sostenibile__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start }
.sostenibile__testo { padding:47px 38px 0 177px }
.sostenibile__titolo { font:600 60px/70px var(--amatic); color:var(--scuro); text-transform:capitalize; margin-top:17px }
.divisore--corto { margin:15px 0 30px; border-color:#cfcfcf }
.sostenibile__p { font:400 15px/22.5px var(--barlow) } .sostenibile__p--25 { line-height:25px }
.sostenibile__foto { width:708px; max-width:none; margin-left:20px; border-radius:4px }
.sostenibile__punti { display:grid; grid-template-columns:150px 385px 416px; column-gap:39px; max-width:1140px; margin:73px auto 0; padding-left:32px }
.sostenibile__punti > img { border-radius:50%; margin-top:30px; height:150px; object-fit:cover } .sostenibile__punti > div:last-child { margin-left:37px }
.sostenibile__punti h6 { font:700 40px/30px var(--amatic); color:var(--scuro); margin-bottom:20px }
.sostenibile__punti > div:last-child h6 { font-weight:600 }
@media (width < 1200px) {
  .apertura--azienda .titoletto__titolo { font-size:56px }
  .tre-foto__motto p { font-size:36px }
  .boutique__video { width:100% }
  .sostenibile > .largo { max-width:var(--largo); padding:0 15px }
  .sostenibile__in { grid-template-columns:minmax(0,460px) minmax(0,1fr); column-gap:0; align-items:center }
  .sostenibile { padding-bottom:60px } .sostenibile__testo { padding:0 30px 0 0 } .sostenibile__titolo { font-size:40px; line-height:40px; margin-top:13px } .sostenibile__punti > img { width:150px }
  .sostenibile__foto { width:495px; margin:0 }
  .sostenibile__punti { grid-template-columns:150px 252px 242px; column-gap:38px; padding:0 0 0 105px; max-width:none }
  .sostenibile__punti > img { margin-top:3px } .sostenibile__punti > div:last-child { margin-left:-8px }
  .sostenibile__punti h6 { font-size:25px; line-height:25px; margin-bottom:15px }
}
@media (width < 992px) {
  .boutique__in { grid-template-columns:minmax(0,1fr) } .boutique__video { width:584px } .riquadro-verde { padding:30px 38px } .riquadro-verde h5 { line-height:30px }
  .sostenibile__in { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:22px } .sostenibile__testo { padding-right:0 } .sostenibile__foto { width:385px }
  .sostenibile__punti { grid-template-columns:150px 240px 240px; column-gap:30px; padding:0 } .sostenibile__punti > div:last-child { margin:0 }
}
@media (width < 768px) {
  .apertura--azienda .titoletto__titolo { line-height:55px }
  .tre-foto__in { grid-template-columns:minmax(0,1fr) minmax(0,1fr); row-gap:30px } .tre-foto__motto { grid-column:1 / -1; height:260px }
  .tre-foto__motto p { font-size:40px }
  .riquadro-verde { grid-template-columns:49px 1fr; column-gap:24px } .riquadro-verde h5 { font-size:20px }
  .sostenibile__in, .sostenibile__punti { grid-template-columns:minmax(0,1fr) } .sostenibile__foto { width:100% } .sostenibile__testo { padding:0 }
  .sostenibile__punti > img { display:none } .sostenibile__punti > div:last-child { margin-top:30px } .boutique__video { width:100% }
  .sostenibile__punti h6 { font-size:32px; line-height:32px }
}

/* ===== CONSERVE ===== */
.apertura--4 .apertura__in { grid-template-columns:calc((100% + 30px) * 4 / 12 - 30px) 1fr }
.apertura--4 { padding-bottom:80px }
@media (width < 1200px) { .apertura--4 { padding-top:0 } }
.sez-carosello { padding:32px 0 0 }
.carosello__binario { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 39px) / 3); column-gap:19.5px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none }
.carosello__binario::-webkit-scrollbar { display:none }
.carosello__binario img { width:100%; height:521px; object-fit:cover; scroll-snap-align:start }
.carosello__punti { display:flex; justify-content:center; gap:6px; padding:8px 0 4px }
.carosello__punti button { width:10px; height:10px; padding:0; border:0; border-radius:50%; background:#393939; cursor:pointer }
.carosello__punti button[aria-current] { background:var(--verde-box) }
.testo-16 { font:400 16px/26px var(--barlow); color:var(--scuro) }
.confetture { padding:46px 0 }
.confetture .vendita__testo { margin:0; padding-right:30px } .confetture .titoletto { margin-bottom:30px }
.confetture .titoletto__foglia { margin-top:5px }
.salse { padding:72px 0 64px }
.salse__foto { width:584px; margin:0 auto }
.salse .divisore { margin:35px 0 35px }
.riquadro-verde--testo { display:block; text-align:center; font:700 22px/30px var(--barlow); padding:30px 32px; margin-top:30px }
.cucina { background:var(--crema); padding:50px 0 }
.cucina__in { display:grid; grid-template-columns:calc((100% + 30px) * 5 / 12 - 30px) 1fr; column-gap:30px; align-items:start } .cucina__in > div { padding-top:51px }
.cucina__in > img { width:100% }
.titoletto--cucina .titoletto__titolo { color:var(--grigio) } .cucina .titoletto { margin-bottom:30px } .cucina .titoletto__foglia { margin-top:5px }
@media (width < 1200px) {
  .carosello__binario { grid-auto-columns:calc((100% - 20px) / 2); column-gap:20px } .carosello__binario img { height:auto; aspect-ratio:455/569 }
  .salse { overflow:hidden } .salse__foto { width:689px; max-width:none; margin:0 }
  .cucina__in { grid-template-columns:minmax(0,1fr) minmax(0,1fr) } .cucina__in > div { padding-top:31px }
  .confetture .vendita__foto > img { width:350px }
}
@media (width < 992px) {
  .apertura--4 .apertura__in { grid-template-columns:minmax(0,1fr) }
  .carosello__binario img { aspect-ratio:335/419 }
  .confetture .vendita__foto { padding:30px 0 0 70px } .confetture .vendita__foto > img { width:550px }
  .salse__foto { margin:30px 0 0 1px }
}
@media (width < 768px) {
  .carosello__binario { grid-auto-columns:100% } .carosello__binario img { aspect-ratio:360/300 }
  .carosello__punti { gap:7px; padding-top:13px } .carosello__punti button { width:18px; height:18px } .sez-carosello { padding-bottom:60px }
  .confetture .vendita__testo { padding-right:0 }
  .confetture .vendita__foto { padding:30px 0 0 60px } .confetture .vendita__foto > img { width:240px }
  .riquadro-verde--testo { padding:30px 57px }
  .cucina__in { grid-template-columns:minmax(0,1fr) } .cucina__in > img { margin-top:30px }
}

/* ===== FARINA E OLIO ===== */
.tre-foto__motto { position:relative } .tre-foto__motto::before { content:""; position:absolute; inset:0; background:rgb(79 146 2/.7) } .tre-foto__motto p { position:relative }
.olio-apertura { padding:53px 0 89px }
.olio-apertura__in { display:grid; grid-template-columns:calc((100% + 30px) * 7 / 12 - 30px) 1fr; column-gap:30px; align-items:start }
.olio-apertura__testo { margin-top:27px } .olio-apertura__testo p { margin-bottom:16px }
.riquadro-verde--farina { grid-template-columns:68px 1fr; column-gap:56px; padding:30px 30px; margin-top:30px }
.riquadro-verde--farina h3 { font:500 22px/24px var(--barlow); color:#fff }
.olio-apertura__foto { padding-top:9px; position:relative }
.olio-apertura__grano { width:436px; margin:0 auto } .olio-apertura__bottiglia { width:200px; position:absolute; left:0; top:333px }
.tre-foto--olio { padding-bottom:84px } .tre-foto--olio .tre-foto__motto { padding-bottom:42px } .olio .titoletto__foglia { margin-top:20px } .tre-foto--olio .tre-foto__motto p { font-weight:600 }
.olio { padding:0 0 64px }
.olio__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; align-items:start }
.olio__in > div:first-child { padding-left:1px }
.olio__p { margin:20px 0 10px } .olio__punti { margin-bottom:30px }
.olio__punti h3 { line-height:18px; margin-top:10px } .olio__punti div { grid-template-columns:76px 1fr }
.olio__foto { width:630px; margin:30px 0 30px }
.parallasse { position:relative; height:400px; padding-top:111px; background:center top / cover no-repeat fixed; text-align:center; color:#fff }
.parallasse::before { content:""; position:absolute; inset:0; background:rgb(0 0 0/.6) }
.parallasse .largo { position:relative }
.parallasse .titoletto__occhiello { color:var(--giallo); margin-bottom:16px }
.parallasse h2 { font:500 70px/70px var(--amatic) }
.apertura--mais { background:url(/assets/img/2021/04/10/leaf-bg.jpeg) center bottom / cover no-repeat; padding:100px 0 117px }
.sez-schede--crema { background:var(--crema); padding:0 0 80px }
.sez-schede--crema .scheda__testo { background:var(--crema) } .sez-schede--crema .scheda h3 + .scheda__descr { margin-top:5px }
@media (width < 992px) { .olio-apertura__in, .olio__in { grid-template-columns:minmax(0,1fr) } .olio__foto { width:100% } }
@media (width < 768px) { .parallasse h2 { font-size:50px; line-height:50px } }

/* ===== CONTATTI ===== */
.testata-pagina--contatti h1 { margin-bottom:38px }
.contatti-pag { padding:60px 0 50px; position:relative; z-index:3 }
.contatti-pag__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; align-items:start }
.titoletto--contatti .titoletto__titolo { color:var(--scuro) } .titoletto--contatti .titoletto__foglia { margin-top:19px } .titoletto--contatti { margin-bottom:30px }
.contatti-pag__indirizzo { font:400 24px/28px var(--barlow); margin-bottom:30px }
.contatti-pag__tel { font:400 20px/23px var(--barlow); margin-bottom:30px } .contatti-pag__tel a { color:var(--grigio) }
.contatti-pag__email { font:400 18px/23px var(--barlow) } .contatti-pag__email a { color:var(--marrone) }
.contatti-pag__riquadro { position:relative; background:center / cover no-repeat; border-radius:4px; padding:30px } .contatti-pag__riquadro::before { content:""; position:absolute; inset:0; border-radius:4px; background:rgb(79 146 2/.85) } .contatti-pag__riquadro > * { position:relative }
.modulo-tev { color:#fff }
.modulo-tev__titolo { font:600 60px/55px var(--amatic); color:var(--giallo); text-align:center; margin:0 0 40px }
.modulo-tev__esito { background:#fbe4e2; color:#8a1f11; padding:10px 15px; border-radius:4px; margin:0 15px 20px }
.modulo-tev__campi { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; row-gap:17px; margin:0 30px }
.modulo-tev__campo--largo { grid-column:1 / -1 }
.modulo-tev label { display:block; font:400 15px/22.5px var(--barlow) }
.modulo-tev input[type=text], .modulo-tev input[type=email], .modulo-tev input[type=tel], .modulo-tev textarea { display:block; width:100%; height:50px; margin-top:3px; padding:8px 12px; border:1px solid #ced4da; border-radius:4px; background:#fff; font:400 16px/20px var(--barlow); color:#495057; resize:none }
.robot { margin:18px 30px 20px } .robot label { display:inline-flex; align-items:center; gap:10px; padding:10px 15px; border:1px solid rgb(255 255 255/.5); border-radius:4px; font-size:15px }
.robot input, .modulo-tev__privacy input { width:18px; height:18px; margin:0 }
.modulo-tev__privacy { display:grid !important; grid-template-columns:18px 1fr; column-gap:10px; margin:0 30px; font-size:12px !important; line-height:16px !important }
.modulo-tev__privacy a { color:#fff; text-decoration:none }
.modulo-tev__invia { text-align:center; margin-top:11px; padding-bottom:6px }
.modulo-tev .bottone { font:500 16px/20px var(--barlow); color:#392c00; padding:22px 51px; border-radius:4px; border:0; cursor:pointer }
.mappa-sez { margin:-150px 0 30px }
.mappa-sez .mappa { display:block; width:100%; height:600px; border:0; border-radius:0 }
@media (width < 992px) { .contatti-pag__in { grid-template-columns:minmax(0,1fr) } }
@media (width < 768px) { .modulo-tev__campi { margin:0 15px } .robot, .modulo-tev__privacy { margin-inline:15px } .robot { margin-top:21px; margin-bottom:20px } .modulo-tev__titolo { max-width:220px; margin-inline:auto } .contatti-pag__dati { margin-bottom:46px } }

/* ===== NEWS ===== */
.testata-pagina--news h1 { font-size:50px; text-transform:uppercase; margin-bottom:39px }
.news-lista { padding:50px 0 }
.news-lista__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; align-items:start }
.news-voce { border:1px solid #ececec; border-radius:4px; overflow:hidden }
.news-voce img { width:100%; height:auto }
.news-voce__corpo { padding:20px 20px 25px }
.news-voce h2 { font:500 22px/26px var(--barlow); color:#252525; margin-bottom:20px } .news-voce h2 a { color:inherit }
.news-voce__info { font-size:13px; line-height:19.5px; margin-bottom:20px } .news-voce__info a { color:#252525 }
.news-voce__info time { color:var(--verde); font-size:16px; margin-left:24px }
.news-voce__corpo p:not(.news-voce__info) { margin-bottom:20px }
.news-voce__leggi { font:500 14px/21px var(--barlow) } .news-voce__leggi a { color:#252525 }
.articolo { padding:50px 0 }
.articolo h1 { font:500 40px/40px var(--barlow); color:#2c2c2c; margin:20px 0 }
.articolo__foto { width:100%; height:auto } .articolo__testo { margin-top:20px } .articolo__testo p { margin-bottom:16px }
.articolo__video { display:block; width:100%; aspect-ratio:16/9; border:0; margin:20px 0 }
.galleria-news { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px; margin-top:30px }
.galleria-news img { width:100%; aspect-ratio:1; object-fit:cover }
@media (width < 992px) { .news-lista__in { grid-template-columns:minmax(0,1fr); row-gap:30px } }

/* ===== pagine interne: sotto i 992 px apertura e schede in una colonna ===== */
@media (width < 992px) {
  .apertura__in { grid-template-columns:minmax(0,1fr) } .apertura { padding-bottom:62px }
  .apertura__testo { margin-top:28px }
  .schede { grid-template-columns:minmax(0,1fr); row-gap:32px } .scheda:nth-child(3n):not(:last-child) { margin-bottom:48px }
}
@media (width < 768px) {
  .titoletto--pagina .titoletto__titolo { line-height:55px }
  .titoletto--pagina .titoletto__occhiello { margin-bottom:16px }
}
@media (width < 768px) {
  /* come SPPB: nome in un riquadro bianco (margini -70, padding 20) che copre il fondo della foto e l'inizio del testo */
  .scheda img { margin-bottom:30px }
  .scheda__testo, .sez-schede--crema .scheda__testo { margin:0; padding:0; background:none }
  .scheda h3 { margin:-70px; padding:20px; background:var(--fondo-scheda,#fff); border-radius:4px; position:relative; z-index:3; line-height:33px }
  .scheda__stagione { margin:0 30px 10px; padding:10px; line-height:24px }
  .scheda__descr { margin:0 30px 30px }
  .sez-schede--crema { --fondo-scheda:var(--crema) } .sez-schede--crema .scheda h3 + .scheda__descr { margin-top:0 }
  .schede { row-gap:0 } .scheda:nth-child(3n):not(:last-child) { margin-bottom:50px }
}
/* farina e olio: 1024 / 768 / 390 */
@media (width < 1200px) {
  .olio-apertura__foto { display:none } .riquadro-verde--farina { margin-top:54px } .olio-apertura { padding-bottom:126px }
  .tre-foto--olio .tre-foto__motto { padding:0 30px } .olio__in > div:first-child { padding-right:37px } .olio { padding-bottom:120px }
  .riquadro-verde--farina { grid-template-columns:55px 1fr; column-gap:15px; padding:30px 70px } .riquadro-verde--farina img { width:55px }
  .tre-foto--olio .tre-foto__motto p { font-size:36px }
  .olio__punti img { width:48px; height:auto !important } .olio__punti div { grid-template-columns:63px 1fr; column-gap:0 }
  .olio__foto { width:100% }
  .apertura--mais { padding:50px 0 65px }
}
@media (width < 992px) {
  .olio-apertura__in { grid-template-columns:minmax(0,1fr) }
  .riquadro-verde--farina { padding:30px 75px; margin-top:40px } .riquadro-verde--farina img { width:68px } .riquadro-verde--farina { grid-template-columns:68px 1fr; column-gap:31px }
  .olio-apertura { padding-bottom:121px } .tre-foto--olio .tre-foto__motto { padding:0 32px }
  .olio__in > div:first-child { padding-right:50px; margin-bottom:41px } .olio__punti h3 { margin-top:23px }
  .tre-foto--olio .tre-foto__in { grid-template-columns:repeat(3,minmax(0,1fr)) } .tre-foto--olio .tre-foto__motto { grid-column:auto; min-height:420px }
  .olio__punti img { width:74px; height:auto } .olio__punti div { grid-template-columns:auto 1fr; column-gap:84px }
  .apertura--mais { padding:50px 0 62px }
}
@media (width < 768px) {
  .tre-foto--olio .tre-foto__in { grid-template-columns:minmax(0,1fr) minmax(0,1fr) } .tre-foto--olio .tre-foto__motto { grid-column:1 / -1; min-height:320px }
  .tre-foto--olio .tre-foto__motto p { font-size:40px }
  .riquadro-verde--farina { padding:30px 50px; grid-template-columns:49px 1fr; column-gap:21px } .riquadro-verde--farina img { width:49px }
  .riquadro-verde--farina h3 { font-size:18px; line-height:22px }
  .olio__punti { grid-template-columns:minmax(0,1fr); row-gap:30px } .olio__punti img { width:49px } .olio__punti div { grid-template-columns:49px 1fr; column-gap:75px }
  .olio-apertura { padding-bottom:36px } .tre-foto--olio .tre-foto__motto { padding:0 28px 20px } .olio__in > div:first-child { padding-right:23px }
  .riquadro-verde--farina { align-items:start; margin-top:31px } .olio__punti div { column-gap:60px } .olio__punti div:last-child img { width:53px } .olio__punti h3 { margin-top:13px }
  .olio { padding-bottom:64px } .parallasse { padding-top:98px } .apertura--mais { padding-bottom:65px }
  .olio__punti h3 { font-size:20px; line-height:22px }
  .parallasse h2 { font-size:50px; line-height:55px }
  .apertura--mais { padding-bottom:120px }
}

/* conserve: spaziature per larghezza (dopo le regole di base della pagina) */
@media (768px <= width < 992px) { .apertura.apertura--4 { padding-bottom:30px } .sez-carosello { padding-bottom:55px } .carosello__punti { gap:10px; padding:113px 0 4px } .carosello__punti button { width:15px; height:15px } .confetture { padding:67px 0 50px } .confetture .vendita__foto { padding-top:57px } .salse { padding:51px 0 13px } .salse .divisore { margin-top:50px } .salse .riquadro-verde--testo { padding:30px 57px } .cucina { padding:51px 0 113px } }
@media (992px <= width < 1200px) { .cucina { padding-bottom:112px } .salse { padding-bottom:12px } .salse__foto { margin-top:-3px } .salse .divisore { margin-top:58px } .salse .riquadro-verde--testo { padding:30px 57px } .confetture { padding:92px 0 63px } .apertura.apertura--4 { padding-bottom:30px } }
@media (width < 1200px) { .confetture .vendita__testo { padding-right:0 } }
@media (width >= 992px) { .carosello__punti { display:none } .confetture { padding-top:20px } .confetture .vendita__foto { padding-top:44px } }
@media (992px <= width < 1200px) { .confetture { padding-top:68px } .confetture .vendita__foto { padding-top:63px } }
/* farina e olio: riquadro verde rientrato come l'originale, motto della foto in alto */
@media (992px <= width < 1200px) { .riquadro-verde--farina { margin-inline:23px; padding-inline:47px } .tre-foto--olio .tre-foto__motto { padding-bottom:60px } .olio__in > div:first-child { padding-right:25px } .olio__p { padding-right:25px } .olio__punti { grid-template-columns:200px 1fr } .riquadro-verde--farina { align-items:start } .riquadro-verde--farina img { margin-top:-13px } }
@media (768px <= width < 992px) { .riquadro-verde--farina { margin-inline:40px; padding-inline:35px } .tre-foto--olio .tre-foto__motto { padding:0 32px 60px } .olio-apertura { padding-bottom:117px } .olio__in > div:first-child { margin-bottom:60px } .olio { padding-bottom:60px } }
@media (width < 768px) { .riquadro-verde--farina { margin-inline:20px; padding-inline:30px } }
@media (width < 768px) { .olio__p { padding-right:22px } }
@media (width < 768px) { .olio__punti { margin-top:34px; row-gap:45px } .olio__punti h3 { margin-top:23px; padding-right:51px } }
@media (width < 768px) { .olio__punti { margin-top:29px; row-gap:35px } .olio__punti div:last-child h3 { margin-top:6px } .apertura--mais { padding-bottom:60px } }
@media (width < 768px) { .olio__in > div:first-child { margin-bottom:60px } }
@media (width < 768px) { .apertura.apertura--4 { padding-bottom:30px } .carosello__binario img { object-position:top } .carosello__punti { gap:11.4px; padding:12px 0 4px } .carosello__punti button { width:15px; height:15px } .sez-carosello { padding-bottom:81px } }
@media (width < 768px) { .confetture .titoletto__foglia { margin-top:10px } .confetture .vendita__foto { padding-top:60px } .confetture { padding-bottom:28px } .salse .riquadro-verde--testo { padding-inline:71px } }
@media (width < 768px) { .salse .riquadro-verde--testo { margin-top:37px } .salse__foto { margin-top:40px } .salse { padding-bottom:12px } .cucina__in > img { margin-top:60px } }
/* home: spaziature per larghezza */
@media (width < 1200px) { .numeri li:nth-child(3) p { line-height:44px } }
@media (768px <= width < 992px) { .sez-prodotti { padding-bottom:61px } .fidarti { padding-bottom:99px } .vendita:not(.confetture) { padding:113px 0 65px } .vendita:not(.confetture) .vendita__foto { padding-top:62px } .recensioni { margin-top:60px } .recensioni blockquote { min-height:178px } .news-home__voce { padding-bottom:37px } .clienti { padding-bottom:12px } }
@media (992px <= width < 1200px) { .intro__foto { top:24px } .fidarti { padding-bottom:99px } .recensioni { padding:42px 50px 0 } .recensioni blockquote { font-size:26px; line-height:30px } .recensioni__nome { font-size:26px; line-height:39px } .recensioni { margin-top:26px } .recensioni blockquote { min-height:237px } .clienti { padding-bottom:88px } }
@media (width < 768px) { .vendita:not(.confetture) { padding:72px 0 34px } .vendita:not(.confetture) .vendita__foto { padding-top:62px } }
@media (width < 768px) {
  .news-home__voce { padding-bottom:37px }
  .news-home__testo { margin:-41px 15px 0; padding:23px 6px 0 }
  .news-home__voce:first-child h3 { height:4px; overflow:hidden; visibility:hidden }
  .news-home__voce:first-child { padding-bottom:33px }
  .news-home__voce:nth-child(2) .news-home__testo { margin-top:-50px; padding-top:17px }
  .news-home__voce:nth-child(2) h3 { line-height:33px; padding-inline:35px }
}
@media (width < 768px) { .recensioni { margin-top:60px } .clienti { padding-bottom:128px } }
/* azienda: 768–991 */
@media (768px <= width < 992px) { .sostenibile__in { grid-template-columns:318px minmax(0,1fr) } .sostenibile__punti > img { height:150px; align-self:start } .boutique:not(.salse) .divisore { margin-bottom:72px } .sostenibile__testo .titoletto__occhiello { white-space:nowrap } .sostenibile { padding-bottom:119px } }
@media (768px <= width < 992px) { .schede { row-gap:31.25px } .scheda:nth-child(3n):not(:last-child) { margin-bottom:49.5px } }
/* pagine interne sotto i 992 px: testata e aperture dei prodotti */
@media (width < 992px) { .logo__mobile { position:relative; top:-2px } .testata-pagina:not(.testata-pagina--corta) { padding-bottom:10px } }
@media (768px <= width < 992px) { .apertura--prodotti .titoletto__occhiello { margin-bottom:16px } .apertura--prodotti .titoletto__foglia { margin-top:9px } .apertura--prodotti .apertura__testo { margin-top:30px } .apertura--prodotti { padding-bottom:60px } }
/* azienda a 390 */
@media (width < 768px) {
  .boutique .riquadro-verde:not([class*="--"]) { padding:20px 50px 61px; align-items:start } .riquadro-verde h5 { line-height:25px }
  .boutique:not(.salse) { padding-bottom:69px }
  .sostenibile__foto { margin-top:25px } .sostenibile__punti { margin-top:10px } .sostenibile__punti h6 { margin-bottom:13px } .sostenibile__punti > div:last-child { margin-top:20px }
  .sostenibile__p--25 { font-size:14px; line-height:24px } .sostenibile { padding-bottom:45px }
}
@media (width < 992px) { .news-voce__corpo { padding-bottom:0 } .news-lista { padding-bottom:84px } }
@media (width < 768px) { .modulo-tev input[type=text], .modulo-tev input[type=email], .modulo-tev input[type=tel], .modulo-tev textarea { margin-top:0 } .modulo-tev__campi { row-gap:20px } }
@media (768px <= width < 992px) { .contatti-pag__dati { margin-bottom:16px } }

@media (992px <= width < 1200px) { .sostenibile { padding-bottom:110px } .sostenibile .divisore--corto { margin-bottom:20px } }
@media (width >= 1200px) { .sostenibile__punti { margin-top:62px } }
@media (width < 768px) { .apertura--azienda .apertura__testo { margin-top:30px } .apertura.apertura--azienda { padding-bottom:65px } }
@media (768px <= width < 992px) { .apertura--azienda .apertura__testo { margin-top:27px } .apertura.apertura--azienda { padding-bottom:68px } }
@media (width < 768px) { .apertura.apertura--azienda { padding-bottom:67px } .tre-foto:not(.tre-foto--olio) .tre-foto__motto { padding:0 23px 20px } .tre-foto:not(.tre-foto--olio) { padding-bottom:51px } .prodotti { row-gap:52.5px } }
@media (width < 768px) { .boutique:not(.salse) { padding-top:50px } .boutique:not(.salse) .titoletto--boutique + .boutique__p { margin-top:30px } }
@media (width < 768px) { .boutique:not(.salse) .boutique__in > div:last-child { margin-top:-6px } .boutique:not(.salse) .divisore { margin-bottom:52px } .boutique:not(.salse) { padding-bottom:61px } }
@media (width < 768px) { .boutique:not(.salse) { padding-bottom:69px } .sostenibile__titolo { margin-top:5px } .sostenibile__punti h6 { margin-bottom:8px } }
@media (width < 768px) { .sez-schede--crema { padding-bottom:48px } .apertura.apertura--mais { padding-bottom:65px } .riquadro-verde--farina img { position:relative; top:-8px } }
@media (width < 768px) { .olio__punti div:has(img[src*="olives"]) { grid-template-columns:53px 1fr; column-gap:64px } .olio__punti img[src*="olives"] { width:53px } }
@media (width < 768px) { .intro .titoletto--intro .titoletto__occhiello { margin-bottom:10px } .intro__testo > .intro__p:first-of-type { margin-top:19px } .vendita:not(.confetture) { padding-top:61px } }
@media (width < 768px) { .intro__punti { row-gap:34px } .news-home { padding-top:51px } .news-home .titolo-c { margin-top:9px } }
@media (width < 992px) { .news-voce__info { margin-bottom:19px } .news-lista__in { row-gap:35px } .news-voce__info time { position:relative; top:3px } .news-voce__corpo p:not(.news-voce__info) { margin-bottom:16px } }
/* ciclo 4: riquadro verde del punto vendita a 992-1199 */
@media (992px <= width < 1200px) { .boutique .riquadro-verde:not([class*="--"]) { grid-template-columns:51px 1fr; column-gap:15px; padding-right:64px; align-items:start } .boutique .riquadro-verde:not([class*="--"]) h5 { line-height:28.7px; margin:9px 0 -24px } .boutique:not(.salse) .divisore { margin-bottom:68px } }
@media (992px <= width < 1200px) { .sostenibile__punti { margin-top:82px } }
/* ciclo 4: farina-e-olio a 1440 */
@media (width >= 1200px) { .tre-foto--olio .tre-foto__motto { padding-bottom:60px } .olio .titoletto--pagina .titoletto__occhiello { margin-bottom:16px } .olio { padding-bottom:60px } }
@media (992px <= width < 1200px) { .apertura--4 .apertura__testo { margin-top:0 } .apertura.apertura--4 { padding-bottom:25px } }

/* riquadro «Accetta e mostra» nella finestra del video Vimeo (stili del banner PCRT: .pcc-ph) */
.finestra-video .pcc-ph { margin:0; min-height:0; aspect-ratio:16/9; border-radius:0; border:0; background:#f2f4f7 }

/* pagine /privacy-policy e /cookie-policy (bozza da confermare col cliente) */
.policy { max-width:900px } .policy h2 { font:500 30px/1.2 var(--barlow); color:#2c2c2c; margin:32px 0 10px } .policy h3 { font:500 22px/1.3 var(--barlow); color:#2c2c2c; margin:22px 0 8px }
.policy .agg { color:#666; font-size:14px } .policy ul { padding-left:28px; margin:0 0 16px; list-style:disc } .policy a { color:var(--verde); text-decoration:underline }
.policy table { width:100%; border-collapse:collapse; margin:0 0 16px } .policy th, .policy td { border:1px solid #ddd; padding:6px 10px; text-align:left; vertical-align:top; font-size:15px } .policy th { background:var(--crema) }
@media (max-width:767.98px) { .policy h1 { font-size:32px; line-height:34px } .policy h2 { font-size:25px } .policy table { display:block; overflow-x:auto } }
.finestra-video:has(.pcc-ph) .finestra-video__chiudi { color:#333 }

/* testata fissa come Helix (oltre 100 px di scorrimento, comparsa dall'alto in .5 s): assets/js/testata.js */
.testata--fissa { position:fixed; top:0; left:0; width:100%; z-index:9999; animation:testataGiu .5s }
@keyframes testataGiu { from { opacity:0; transform:translateY(-20px) } to { opacity:1; transform:none } }

/* livelli dello slideshow come lo slider SPPB: salgono dal basso in 800 ms dopo 800, 900 e 1000 ms (assets/js/giostra.js) */
.vetrina--animata .vetrina__in > * { opacity:0 }
.vetrina--animata .vetrina__in > .entra { animation:livello-su .8s ease .8s both }
.vetrina--animata .vetrina__in > .vetrina__titolo.entra { animation-delay:.9s } .vetrina--animata .vetrina__in > .vetrina__bottone.entra { animation-delay:1s }
@keyframes livello-su { from { opacity:0; transform:translateY(100%) } to { opacity:1; transform:none } }

/* animazioni d'ingresso (SPPB WOW + animate.css): assets/js/anima.js */
body { overflow-x:clip }
.anima-attesa { visibility:hidden } .anima-via { visibility:visible; animation-fill-mode:both }
.fadeInLeft { animation-name:fadeInLeft }
@keyframes fadeInLeft { from { opacity:0; transform:translate3d(-100%, 0, 0) } to { opacity:1; transform:none } }