/* ==========================================================
   Crocco — componenti dinamici (header, megamenu, footer, categorie, pannello prodotto)
   Colori, font e scala dei titoli arrivano da Aspetto → Personalizza
   (variabili --cr-* stampate dal plugin crocco-core).
   ========================================================== */
:root{--cr-hdr:96px;--cr-ease:cubic-bezier(.22,.7,.2,1);--cr-r-s:14px;--cr-r-m:24px;--cr-r-l:32px;--cr-r-xl:40px}
.cr-hdr,.cr-hdr *,.cr-ftr,.cr-ftr *,.cr-pcard,.cr-pcard *,.cr-drawer,.cr-drawer *,.cr-veil,.cr-mega,.cr-mega *{box-sizing:border-box}
.cr-hdr,.cr-ftr,.cr-drawer{font-family:inherit;line-height:1.65;color:var(--cr-heading)}
.cr-hdr a,.cr-ftr a,.cr-drawer a,.cr-pcard{text-decoration:none;color:inherit}
.cr-hdr ul,.cr-ftr ul{list-style:none;margin:0;padding:0}
.cr-hdr h3,.cr-hdr h4,.cr-ftr h2,.cr-ftr h5,.cr-pcard h3,.cr-drawer h3{margin:0;padding:0;color:inherit}
.cr-hdr p,.cr-ftr p,.cr-pcard p{margin:0;padding:0}
.cr-i{display:inline-flex;width:1em;height:1em;flex:none}.cr-i svg{width:100%;height:100%;display:block}
.cr-wrap{max-width:1440px;margin:0 auto;padding-left:var(--cr-pad);padding-right:var(--cr-pad)}
.cr-ftr hr{margin:0}
.cr-hdr__search{color:inherit}
#main-header,#top-header{display:none!important}
body.cr-hdr-solid #et-main-area{padding-top:80px}
body.admin-bar .cr-hdr{top:32px}
/* ---------- Typography ---------- */
.cr-display{font-size:var(--cr-size-display);font-weight:800;line-height:.98;letter-spacing:-.02em}
.cr-h1{font-size:var(--cr-size-h1);font-weight:700;line-height:1.04;letter-spacing:-.015em}
.cr-h2{font-size:var(--cr-size-h2);font-weight:700;line-height:1.12;letter-spacing:-.01em}
.cr-h3{font-size:var(--cr-size-h3);font-weight:700;line-height:1.24;letter-spacing:-.005em}
.cr-h4{font-size:var(--cr-size-h4);font-weight:700;line-height:1.34}
.cr-lead{font-size:var(--cr-size-lead);line-height:1.6}
.cr-small{font-size:14px;line-height:1.52}
.cr-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cr-verde-testo)}
.cr-eyebrow::before{content:"";width:8px;height:8px;border-radius:99px;background:currentColor}
.cr-eyebrow--plain::before{display:none}
.cr-t-sl{color:var(--cr-body)} .cr-t-mu{color:var(--cr-grigio)} .cr-t-gr{color:var(--cr-verde-testo)} .cr-t-wh{color:#fff}
.on-dark .cr-eyebrow{color:var(--cr-verde-chiaro)}

/* ---------- Layout ---------- */
.cr-wrap{max-width:1440px;margin:0 auto;padding-left:var(--cr-pad);padding-right:var(--cr-pad)}
.cr-sec{padding-top:128px;padding-bottom:128px}
.cr-sec--cr{background:var(--cr-crema)} .cr-sec--dg{background:var(--cr-verde-scuro);color:#fff}




/* ---------- Buttons ---------- */
.cr-btn{display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 20px 0 28px;border-radius:999px;font-weight:600;font-size:16px;white-space:nowrap;transition:transform .25s var(--cr-ease),background .25s,color .25s,box-shadow .25s;border:1.5px solid transparent}
.cr-btn i{font-size:20px;transition:transform .25s var(--cr-ease)}
.cr-btn:hover i{transform:translateX(4px)}
.cr-btn--primary{background:var(--cr-primary);color:#fff}
.cr-btn--primary:hover{background:#4a6d2e}
.cr-btn--dark{background:var(--cr-verde-scuro);color:#fff}
.cr-btn--dark:hover{background:#0f1c18}
.cr-btn--light{background:#fff;color:var(--cr-verde-scuro)}
.cr-btn--light:hover{background:var(--cr-verde-chiaro)}
.cr-btn--ol-d{border-color:var(--cr-verde-scuro);color:var(--cr-verde-scuro)}
.cr-btn--ol-d:hover{background:var(--cr-verde-scuro);color:#fff}
.cr-btn--ol-l{border-color:#fff;color:#fff}
.cr-btn--ol-l:hover{background:#fff;color:var(--cr-verde-scuro)}
.cr-circ{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:99px;flex:none;transition:transform .3s var(--cr-ease),background .3s}
.cr-circ i{font-size:22px}
.cr-circ--w{background:#fff;color:var(--cr-verde-scuro)} .cr-circ--g{background:var(--cr-primary);color:#fff} .cr-circ--d{background:var(--cr-verde-scuro);color:#fff}
.cr-circ--o{border:1.5px solid var(--cr-verde-scuro)}

/* ---------- Image placeholders ---------- */
.cr-ph{position:relative;overflow:hidden;background:linear-gradient(135deg,#D8C5A3,#8B6F4B)}
.cr-ph--green{background:linear-gradient(135deg,#8FAE6E,#2F4B35)}
.cr-ph--dark{background:linear-gradient(135deg,#3A4C46,#0F1C18)}
.cr-ph--slate{background:linear-gradient(135deg,#7C8B94,#2C363D)}
.cr-ph--sand{background:linear-gradient(135deg,#F1EADB,#CDBF9F)}
.cr-ph[data-label]::before{content:"IMMAGINE";position:absolute;left:0;right:0;top:50%;transform:translateY(-22px);text-align:center;font-size:12px;font-weight:600;letter-spacing:.14em;color:rgba(255,255,255,.7)}
.cr-ph[data-label]::after{content:attr(data-label);position:absolute;left:24px;right:24px;top:50%;transform:translateY(2px);text-align:center;font-size:14px;line-height:1.4;color:rgba(255,255,255,.9)}
.cr-ph--sand[data-label]::before,.cr-ph--sand[data-label]::after{color:rgba(25,44,39,.6)}
.cr-ph--nolabel::before,.cr-ph--nolabel::after{display:none!important}
.cr-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,28,23,0) 30%,rgba(15,28,23,.82));pointer-events:none}
.fill{position:absolute;inset:0;width:100%;height:100%}

/* ==========================================================
   HEADER + MEGAMENU
   ========================================================== */
.cr-hdr{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .35s,box-shadow .35s}
.cr-hdr__bar{height:var(--cr-hdr);display:flex;align-items:center;justify-content:space-between;padding:0 var(--cr-pad);max-width:1440px;margin:0 auto;position:relative;z-index:2}
.cr-hdr__logo{display:block;height:60px}
.cr-hdr__logo img{height:60px;width:auto}
.cr-hdr__logo .cr-logo-w{display:none}
.cr-nav{display:flex;align-items:center;gap:4px}
.cr-nav__item{position:relative}
.cr-nav__link{display:flex;align-items:center;gap:6px;padding:14px 16px;border-radius:999px;font-size:15px;font-weight:600;transition:background .2s,color .2s}
.cr-nav__link i{font-size:14px;transition:transform .3s var(--cr-ease)}
.cr-nav__item:hover>.cr-nav__link,.cr-nav__item.is-open>.cr-nav__link{background:var(--cr-verde-chiaro)}
.cr-nav__item.is-open>.cr-nav__link i{transform:rotate(180deg)}
.cr-nav__link.is-current{color:var(--cr-primary)}
.cr-badge{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--cr-verde-chiaro);color:var(--cr-verde-testo);padding:3px 9px;border-radius:99px}
.cr-hdr__act{display:flex;align-items:center;gap:12px}
.cr-hdr__search{width:48px;height:48px;border-radius:99px;border:1px solid var(--cr-linea);display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .2s}
.cr-hdr__search:hover{background:var(--cr-crema)}
.cr-hdr__act .cr-btn{height:52px}
/* solid state */
.cr-hdr{background:#fff;box-shadow:0 1px 0 var(--cr-linea)}
/* transparent state (home, over hero) */
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega){background:transparent;box-shadow:none;color:#fff}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) .cr-logo-c{display:none}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) .cr-logo-w{display:block}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) .cr-nav__item:hover>.cr-nav__link{background:rgba(255,255,255,.16)}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) .cr-hdr__search{border-color:rgba(255,255,255,.4)}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) .cr-hdr__search:hover{background:rgba(255,255,255,.14)}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) .cr-badge{background:rgba(255,255,255,.2);color:#fff}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) .cr-btn--primary{background:#fff;color:var(--cr-verde-scuro)}
.cr-hdr.is-solid .cr-hdr__bar{height:80px}
.cr-hdr.is-solid .cr-hdr__logo,.cr-hdr.is-solid .cr-hdr__logo img{height:52px}

.cr-mega{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 28px 56px -16px rgba(25,44,39,.22);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s var(--cr-ease),transform .3s var(--cr-ease),visibility 0s .25s;z-index:1}
.cr-mega.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.cr-mega__in{max-width:1440px;margin:0 auto;padding:48px var(--cr-pad) 56px;display:flex;gap:40px}
.cr-mega__card{flex:none;width:320px;background:var(--cr-verde-scuro);color:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px}
.cr-mega__card .cr-ph{height:150px;border-radius:14px}
.cr-mega__card .cr-eyebrow{color:var(--cr-verde-chiaro)}
.cr-mega__card p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.55}
.cr-mega__cta{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;margin-top:4px}
.cr-mega__cta i{transition:transform .25s var(--cr-ease)} .cr-mega__cta:hover i{transform:translateX(4px)}
.cr-mega__col{flex:none;width:240px}
.cr-mega__col:nth-child(2){width:300px}
.cr-mega__col:last-child{flex:1}
.cr-mega__head{display:flex;align-items:baseline;gap:10px;padding-bottom:8px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cr-verde-testo)}
.cr-mega__head span{font-size:14px;letter-spacing:0;text-transform:none;color:var(--cr-grigio);font-weight:400}
.cr-mlink{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--cr-linea);font-weight:600;font-size:15px;color:var(--cr-verde-scuro);transition:color .2s,transform .25s var(--cr-ease)}
.cr-mlink i{color:var(--cr-primary);font-size:18px;opacity:.5;transition:transform .25s var(--cr-ease),opacity .2s}
.cr-mlink:hover{color:var(--cr-verde-testo);transform:translateX(6px)}
.cr-mlink:hover i{opacity:1;transform:translateX(4px)}
.cr-mega--about .cr-mega__in{gap:24px}
.cr-mega--about .cr-mega__card{justify-content:space-between}
.cr-acard{flex:1;background:var(--cr-crema);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:transform .3s var(--cr-ease),background .3s}
.cr-acard:hover{transform:translateY(-4px);background:var(--cr-verde-chiaro)}
.cr-acard .cr-ic{width:56px;height:56px;border-radius:99px;background:var(--cr-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px}
.cr-acard p{font-size:14px;color:var(--cr-body)}
.cr-acard .cr-mega__cta{color:var(--cr-verde-testo)}
.cr-mega-veil{position:fixed;inset:0;background:rgba(15,28,23,.35);opacity:0;visibility:hidden;transition:opacity .3s;z-index:90}
.cr-mega-veil.is-open{opacity:1;visibility:visible}

/* ==========================================================
   HOME
   ========================================================== */




@keyframes drift{to{transform:translateX(46px)}}















.cr-catbig{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cr-cbig{position:relative;height:580px;border-radius:28px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:36px;gap:14px}
.cr-cbig .cr-ph{position:absolute;inset:0;transition:transform .8s var(--cr-ease)}
.cr-cbig:hover .cr-ph{transform:scale(1.05)}
.cr-cbig>*:not(.cr-ph):not(.cr-shade){position:relative}
.cr-cbig__tag{position:absolute!important;top:36px;left:36px;background:#fff;color:var(--cr-verde-scuro);padding:7px 14px;border-radius:99px;font-size:14px;font-weight:600}
.cr-cbig .cr-circ{position:absolute!important;top:36px;right:36px;width:64px;height:64px}
.cr-cbig:hover .cr-circ{transform:rotate(45deg);background:var(--cr-primary);color:#fff}
.cr-cbig p{max-width:520px;color:rgba(255,255,255,.88)}
.cr-chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}
.cr-chip{padding:9px 16px;border-radius:99px;font-size:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);transition:background .2s}
.cr-chip:hover{background:rgba(255,255,255,.3)}
.cr-label-line{display:flex;align-items:center;gap:16px;margin:56px 0 24px;font-size:14px;font-weight:600}
.cr-label-line::after{content:"";flex:1;height:1px;background:var(--cr-linea)}
.cr-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cr-tile{background:var(--cr-crema);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:48px;transition:transform .35s var(--cr-ease),background .3s}
.cr-tile:hover{transform:translateY(-6px);background:var(--cr-verde-chiaro)}
.cr-tile__top{display:flex;justify-content:space-between;align-items:center}
.cr-tile__ic{width:56px;height:56px;border-radius:99px;background:#fff;color:var(--cr-primary);display:flex;align-items:center;justify-content:center;font-size:26px}
.cr-tile__top>i{font-size:22px;transition:transform .3s var(--cr-ease)} .cr-tile:hover .cr-tile__top>i{transform:translate(3px,-3px)}














.cr-sec--cr .cr-linkrow{border-color:#dcd6c8}



.cr-marquee{position:relative}
.cr-marquee::before,.cr-marquee::after{content:"";position:absolute;top:0;bottom:0;width:160px;z-index:2;pointer-events:none}
.cr-marquee::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.cr-marquee::after{right:0;background:linear-gradient(-90deg,#fff,rgba(255,255,255,0))}
.cr-marquee__track{display:flex;gap:24px;width:max-content;animation:scroll 40s linear infinite}
.cr-marquee:hover .cr-marquee__track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(calc(-50% - 12px))}}
.cr-logo-box{width:220px;height:112px;border:1px solid var(--cr-linea);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:none;color:var(--cr-body);font-weight:600;font-size:14px;transition:border-color .25s,box-shadow .25s}
.cr-logo-box:hover{border-color:var(--cr-primary);box-shadow:0 12px 30px -12px rgba(25,44,39,.25)}
.cr-logo-box small{font-size:12px;letter-spacing:.14em;color:var(--cr-grigio)}







.cr-form{background:#fff;border-radius:28px;padding:40px;display:flex;flex-direction:column;gap:20px}
.cr-form .cr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cr-field{display:flex;flex-direction:column;gap:8px}
.cr-field label{font-size:14px;font-weight:600}
.cr-field input,.cr-field select,.cr-field textarea{font:inherit;font-size:16px;color:var(--cr-verde-scuro);background:var(--cr-crema);border:1px solid var(--cr-linea);border-radius:14px;padding:0 18px;height:56px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;appearance:none}
.cr-field textarea{height:140px;padding:16px 18px;resize:vertical}
.cr-field input:focus,.cr-field select:focus,.cr-field textarea:focus{border-color:var(--cr-primary);box-shadow:0 0 0 4px rgba(90,129,57,.15)}
.cr-field input::placeholder,.cr-field textarea::placeholder{color:var(--cr-grigio)}
.cr-field--sel{position:relative}
.cr-field--sel::after{content:"";position:absolute;right:20px;bottom:24px;width:8px;height:8px;border-right:2px solid var(--cr-body);border-bottom:2px solid var(--cr-body);transform:rotate(45deg);pointer-events:none}
.cr-check{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--cr-body)}
.cr-check input{width:22px;height:22px;accent-color:var(--cr-primary)}
.cr-form--dark{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.cr-form--dark .cr-field label,.cr-form--dark .cr-check{color:#fff}
.cr-form--dark .cr-field input,.cr-form--dark .cr-field select,.cr-form--dark .cr-field textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.cr-form--dark .cr-field input::placeholder,.cr-form--dark .cr-field textarea::placeholder{color:rgba(255,255,255,.55)}
.cr-form--dark .cr-field--sel::after{border-color:#fff}
.cr-form--dark select option{color:var(--cr-verde-scuro)}

/* ==========================================================
   FOOTER
   ========================================================== */
.cr-ftr{background:var(--cr-verde-scuro);color:#fff;overflow:hidden}
.cr-ftr__top{display:flex;justify-content:space-between;align-items:flex-end;padding-top:104px;padding-bottom:72px}
.cr-ftr__top .cr-h1{max-width:760px;margin-top:20px}
.cr-ftr__top .cr-r{display:flex;flex-direction:column;align-items:flex-end;gap:20px}
.cr-ftr__tel{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700}
.cr-ftr__tel i{color:var(--cr-verde-chiaro);font-size:22px}
.cr-ftr hr{border:0;height:1px;background:rgba(255,255,255,.14)}
.cr-ftr__cols{display:flex;gap:56px;padding-top:72px;padding-bottom:72px}
.cr-ftr__brand{width:340px;display:flex;flex-direction:column;gap:24px}
.cr-ftr__brand img{height:64px;width:auto;align-self:flex-start}
.cr-ftr__brand p{color:rgba(255,255,255,.78);white-space:pre-line}
.cr-soc{display:flex;gap:10px}
.cr-soc a{width:46px;height:46px;border-radius:99px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .2s,color .2s}
.cr-soc a:hover{background:#fff;color:var(--cr-verde-scuro)}
.cr-ftr__col{width:240px}
.cr-ftr__col:nth-child(4){width:180px}
.cr-ftr__col h5{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cr-verde-chiaro);margin-bottom:18px}
.cr-ftr__col a{display:block;padding:7px 0;color:rgba(255,255,255,.82);transition:color .2s,transform .25s var(--cr-ease)}
.cr-ftr__col a:hover{color:#fff;transform:translateX(6px)}
.cr-ftr__bot{display:flex;justify-content:space-between;padding-top:28px;padding-bottom:28px;font-size:14px;color:rgba(255,255,255,.6)}
.cr-ftr__bot nav{display:flex;gap:28px}
.cr-ftr__word{height:190px;overflow:hidden;padding:0 60px}
.cr-ftr__word span{display:block;font-size:330px;font-weight:800;line-height:.9;letter-spacing:-.03em;color:rgba(255,255,255,.07);user-select:none}

/* ==========================================================
   CHI SIAMO / SOSTENIBILITÀ / SHARED PAGE BLOCKS
   ========================================================== */
.cr-crumbs{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--cr-grigio)}
.cr-crumbs i{font-size:14px} .cr-crumbs b{color:var(--cr-verde-scuro);font-weight:600}















/* timeline */




























/* sostenibilità */


 












  











/* categoria */
.cr-chead{background:var(--cr-crema);padding-top:40px;padding-bottom:88px}
.cr-chead__grid{display:grid;grid-template-columns:1fr 560px;gap:72px;align-items:center;margin-top:40px}
.cr-chead .cr-h1{margin:22px 0 22px}
.cr-chead__img{position:relative;height:460px;border-radius:36px;overflow:hidden}
.cr-chead__frame{position:absolute;inset:-16px -16px auto auto;width:100%;height:100%;border:2px solid var(--cr-primary);border-radius:36px;z-index:-1}
.cr-chead__imgwrap{position:relative}
.cr-chead__count{position:absolute;left:-28px;bottom:36px;background:var(--cr-verde-scuro);color:#fff;border-radius:22px;padding:20px 26px;z-index:2}
.cr-chead__count b{display:block;font-size:44px;line-height:1}
.cr-chead__count span{font-size:14px;opacity:.75}
.cr-subnav{position:sticky;top:80px;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--cr-linea)}
.cr-subnav__in{display:flex;gap:10px;padding:18px var(--cr-pad);overflow-x:auto;max-width:1440px;margin:0 auto;scrollbar-width:none}
.cr-subnav .cr-sn{flex:none;padding:10px 18px;border-radius:99px;border:1px solid var(--cr-linea);font-size:14px;font-weight:600;transition:all .2s}
.cr-subnav .cr-sn:hover{border-color:var(--cr-primary);color:var(--cr-primary)}
.cr-subnav .cr-sn.is-on{background:var(--cr-verde-scuro);border-color:var(--cr-verde-scuro);color:#fff}
.cr-pgrid-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}
.cr-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px}
.cr-pcard{display:flex;flex-direction:column;gap:18px;text-align:left;cursor:pointer}
.cr-pcard__img{position:relative;aspect-ratio:1/1.08;border-radius:24px;overflow:hidden}
.cr-pcard__img .cr-ph{position:absolute;inset:0;transition:transform .7s var(--cr-ease)}
.cr-pcard:hover .cr-pcard__img .cr-ph{transform:scale(1.06)}
.cr-pcard__plus{position:absolute;right:14px;bottom:14px;width:48px;height:48px;border-radius:99px;background:#fff;color:var(--cr-verde-scuro);display:flex;align-items:center;justify-content:center;font-size:22px;transition:background .25s,color .25s,transform .3s var(--cr-ease)}
.cr-pcard:hover .cr-pcard__plus{background:var(--cr-primary);color:#fff;transform:rotate(90deg)}
.cr-pcard__tag{position:absolute;left:14px;top:14px;background:#fff;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600}
.cr-pcard h3{font-size:20px;font-weight:700;line-height:1.3}
.cr-pcard p{font-size:14px;color:var(--cr-body);margin-top:4px}
.cr-sw{display:flex;gap:6px;margin-top:10px}
.cr-sw span{width:18px;height:18px;border-radius:99px;border:1px solid rgba(0,0,0,.12)}
.cr-desc{display:grid;grid-template-columns:600px 1fr;gap:96px;align-items:center}
.cr-collage{position:relative;height:620px}
.cr-collage .cr-a{position:absolute;left:0;top:0;width:430px;height:520px;border-radius:32px}
.cr-collage .cr-b{position:absolute;right:0;bottom:0;width:300px;height:340px;border-radius:28px;border:10px solid #fff}
.cr-desc .cr-h2{margin:22px 0}
.cr-strengths{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;margin-top:40px}
.cr-strength{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--cr-linea);padding-top:18px}
.cr-strength b{font-size:44px;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--cr-primary);letter-spacing:-.02em}
.cr-strength h4{font-size:18px;font-weight:700}
.cr-strength p{font-size:14px;color:var(--cr-body)}
.cr-quote-sec{display:grid;grid-template-columns:480px 1fr;gap:72px;align-items:start}
.cr-quote-sec .cr-h2{margin:22px 0}
.cr-quote-sec .cr-perks{margin-top:32px;display:flex;flex-direction:column;gap:14px}
.cr-quote-sec .cr-perks div{display:flex;gap:12px;align-items:center;color:rgba(255,255,255,.85)}
.cr-quote-sec .cr-perks i{color:var(--cr-verde-chiaro)}

/* product drawer */
.cr-drawer-veil{position:fixed;inset:0;background:rgba(15,28,23,.5);opacity:0;visibility:hidden;transition:opacity .35s;z-index:200}
.cr-drawer-veil.is-open{opacity:1;visibility:visible}
.cr-drawer{position:fixed;top:0;right:0;bottom:0;width:560px;background:#fff;z-index:210;transform:translateX(100%);visibility:hidden;transition:transform .5s var(--cr-ease),visibility 0s .5s;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-40px 0 80px -30px rgba(0,0,0,.35)}
.cr-drawer.is-open{transform:none;visibility:visible;transition-delay:0s}
.cr-drawer__x{position:absolute;right:20px;top:20px;z-index:2;width:48px;height:48px;border-radius:99px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.cr-drawer__img{height:420px;flex:none}
.cr-drawer__body{padding:36px 40px 40px;display:flex;flex-direction:column;gap:18px}
.cr-vars{display:flex;gap:12px;flex-wrap:wrap}
.cr-var{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--cr-body);cursor:pointer}
.cr-var span{width:48px;height:48px;border-radius:99px;border:1px solid rgba(0,0,0,.12);outline:2px solid transparent;outline-offset:3px;transition:outline-color .2s}
.cr-var.is-on span{outline-color:var(--cr-primary)}
.cr-var.is-on{color:var(--cr-verde-scuro);font-weight:600}
.cr-specs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--cr-linea)}
.cr-specs div{padding:14px 0;border-bottom:1px solid var(--cr-linea);font-size:14px}
.cr-specs b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cr-grigio);font-weight:600}
.cr-drawer__cta{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.cr-drawer__cta .cr-btn{justify-content:space-between}

/* contatti */














/* reveal */
.cr-rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--cr-ease),transform .8s var(--cr-ease)}
.cr-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cr-rv{opacity:1;transform:none;transition:none}.cr-marquee__track,.cr-hero__grain{animation:none}}

/* immagini reali nei contenitori .cr-ph */
.cr-ph{background-size:cover;background-position:center}
.cr-ph.fill,.cr-pcard__img .cr-ph,.cr-cbig .cr-ph{position:absolute;inset:0}
.cr-mega__card .cr-ph{position:relative;height:150px;border-radius:14px}
.cr-hdr[data-style="light"] .cr-logo-white,.cr-hdr.is-solid .cr-logo-white{display:none}
.cr-hdr__logo .cr-logo-white{display:none}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) .cr-logo-color{display:none}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) .cr-logo-white{display:block}
.cr-hdr__logo img{height:60px;width:auto;max-width:none}
.cr-hdr.is-solid .cr-hdr__logo img{height:52px}
.cr-ftr__brand img{height:64px;width:auto}

/* Divi aggiunge padding per l'header fisso nativo: lo gestiamo noi */
body.et_fixed_nav #page-container,body #page-container{padding-top:0!important}
body.cr-hdr-over #et-main-area{padding-top:0!important}
#main-content{background:transparent}

/* ---- extra per i template PHP ---- */
.cr-btnrow{display:flex;gap:14px;padding-top:28px;flex-wrap:wrap}
.cr-body{font-size:inherit;color:var(--cr-body)}
.cr-small{font-size:14px}.cr-mu{color:var(--cr-grigio)}
.cr-collage__a{position:absolute;left:0;top:0;width:430px;height:520px;border-radius:32px}
.cr-collage__b{position:absolute;right:0;bottom:0;width:300px;height:340px;border-radius:28px;border:10px solid #fff}
.cr-pcard--cat .cr-pcard__img{aspect-ratio:4/3}
.cr-perks{margin-top:32px;display:flex;flex-direction:column;gap:14px}
.cr-quote-sec .cr-perks div{display:flex;gap:12px;align-items:center;color:rgba(255,255,255,.85)}
.cr-quote-sec .cr-perks .cr-i{color:var(--cr-verde-chiaro)}
.cr-chead h1,.cr-chead h2,.cr-sec h2,.cr-sec h4,.cr-sec h3{color:var(--cr-heading)}
.cr-sec--dg h2,.cr-sec--dg h3,.cr-sec--dg p{color:#fff}
.cr-sec--dg .cr-eyebrow,.cr-ftr .cr-eyebrow{color:var(--cr-verde-chiaro)}
.cr-chead .cr-h1{margin:22px 0}.cr-chead .cr-lead{max-width:560px;color:var(--cr-body);margin:0}
.cr-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cr-verde-testo)}
.cr-eyebrow::before{content:"";width:8px;height:8px;border-radius:99px;background:currentColor}
.cr-crumbs{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--cr-grigio)}.cr-crumbs a{color:var(--cr-grigio);text-decoration:none}.cr-crumbs b{color:var(--cr-heading);font-weight:600}
.cr-btn{display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 20px 0 28px;border-radius:999px;font-weight:600;font-size:16px;white-space:nowrap;border:1.5px solid transparent;line-height:1;text-decoration:none}
.cr-btn .cr-i{font-size:20px}
a.cr-btn--primary{background:var(--cr-primary);color:#fff}
a.cr-btn--dark{background:var(--cr-verde-scuro);color:#fff}
a.cr-btn--light{background:#fff;color:var(--cr-verde-scuro)}
a.cr-btn--ol-d{border-color:var(--cr-verde-scuro);color:var(--cr-verde-scuro)}
a.cr-btn--ol-l{border-color:#fff;color:#fff}
a.cr-btn--ol-d:hover{background:var(--cr-verde-scuro);color:#fff}
.cr-hdr .cr-btn{height:52px}
.cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-mega) a.cr-btn--primary{background:#fff;color:var(--cr-verde-scuro)}
.cr-pgrid-head .cr-h2,.cr-desc .cr-h2,.cr-quote-sec .cr-h2{margin:14px 0 0}
.cr-sec{padding-top:128px;padding-bottom:128px}
.cr-cbig h3,.cr-cbig p,.cr-cbig .cr-chip{color:#fff}
.cr-cbig h3{margin:0}
.cr-tile h4{margin:0}.cr-tile .cr-small{color:var(--cr-grigio)}
.cr-label-line{margin-top:56px}
.cr-h1{font-size:var(--cr-size-h1);font-weight:700;line-height:1.04;letter-spacing:-.015em}
.cr-h2{font-size:var(--cr-size-h2);font-weight:700;line-height:1.12;letter-spacing:-.01em}

/* ---- Contact Form 7 (stessi campi del mockup) ---- */
.cr-form{background:#fff;border-radius:28px;padding:40px}
.cr-form--dark{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.cr-form .wpcf7-form p{margin:0 0 20px;padding:0}
.cr-form .cr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cr-form .cr-grid2 p{margin:0}
.cr-form .cr-grid2{margin-bottom:20px}
.cr-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--cr-heading)}
.cr-form .wpcf7-form-control-wrap{display:block}
.cr-form input[type=text],.cr-form input[type=email],.cr-form input[type=tel],.cr-form select,.cr-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;font-weight:400;color:var(--cr-heading);background:var(--cr-crema);border:1px solid var(--cr-linea);border-radius:14px;padding:0 18px;height:56px;outline:none;box-shadow:none;margin:0}
.cr-form textarea{height:140px;padding:16px 18px}
.cr-form input:focus,.cr-form select:focus,.cr-form textarea:focus{border-color:var(--cr-primary);box-shadow:0 0 0 4px rgba(90,129,57,.15)}
.cr-form .wpcf7-acceptance label{flex-direction:row;align-items:center;gap:12px;font-weight:400;font-size:14px;color:var(--cr-body)}
.cr-form .wpcf7-acceptance input{width:22px;height:22px;accent-color:var(--cr-primary)}
.cr-form input[type=submit],.cr-form .wpcf7-submit{display:inline-flex;align-items:center;height:56px;padding:0 32px;border:0;border-radius:999px;background:var(--cr-primary);color:#fff;font:inherit;font-weight:600;font-size:16px;cursor:pointer}
.cr-form .wpcf7-response-output{color:var(--cr-heading)!important;border-radius:14px;margin:16px 0 0}
.cr-form--dark label,.cr-form--dark .wpcf7-acceptance label{color:#fff}
.cr-form--dark input[type=text],.cr-form--dark input[type=email],.cr-form--dark input[type=tel],.cr-form--dark select,.cr-form--dark textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.cr-form--dark select option{color:var(--cr-verde-scuro)}
.cr-form--dark .wpcf7-response-output{color:#fff!important}
.cr-contact__form .cr-form{background:none;padding:0;border:0;margin-top:20px}

/* CF7: campi informativi in sola lettura e casella privacy */
.cr-form input[readonly]{opacity:.75;cursor:default}
.cr-form .cr-check .wpcf7-list-item{margin:0}
.cr-form .wpcf7-not-valid-tip{font-size:13px;font-weight:500;color:#b3261e;margin-top:4px}
.cr-form--dark .wpcf7-not-valid-tip{color:#ffb4a9}
.cr-form .wpcf7-spinner{margin:0 0 0 12px}
.cr-form--dark input[readonly]{color:rgba(255,255,255,.8)}
.cr-form--dark .cr-check,.cr-form--dark .cr-check label{color:#fff}
.cr-drawer__img{position:relative;overflow:hidden}
.cr-chead__img,.cr-pcard__img,.cr-cbig{position:relative}
.cr-hdr h3,.cr-hdr h4,.cr-ftr h2,.cr-pcard h3,.cr-drawer h3{font-weight:700;line-height:1.3}
.cr-hdr .cr-mega__card h3{font-size:var(--cr-size-h3);color:#fff}
.cr-hdr .cr-acard h4{font-size:var(--cr-size-h4);color:var(--cr-heading)}
.cr-hdr .cr-acard p{color:var(--cr-body)}

/* ==========================================================
   RESPONSIVE — tablet (≤980px) e smartphone (≤767px)
   Margini e dimensioni dei titoli arrivano dalle variabili --cr-pad / --cr-size-* (si riducono da sole).
   ========================================================== */
.cr-burger{display:none;width:48px;height:48px;border-radius:99px;border:1px solid var(--cr-linea);background:transparent;position:relative;cursor:pointer;color:inherit;padding:0}
.cr-burger span{position:absolute;left:14px;right:14px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s var(--cr-ease),opacity .2s,top .3s var(--cr-ease)}
.cr-burger span:nth-child(1){top:17px}.cr-burger span:nth-child(2){top:23px}.cr-burger span:nth-child(3){top:29px}
.cr-hdr.is-menu .cr-burger span:nth-child(1){top:23px;transform:rotate(45deg)}
.cr-hdr.is-menu .cr-burger span:nth-child(2){opacity:0}
.cr-hdr.is-menu .cr-burger span:nth-child(3){top:23px;transform:rotate(-45deg)}
.cr-mobile{display:none}

@media (max-width:1180px){
  .cr-nav__link{padding:12px 11px;font-size:14px}
  .cr-hdr__act .cr-btn{padding:0 16px 0 20px;font-size:15px}
}
@media (max-width:1100px){
  :root{--cr-hdr:72px}
  .cr-hdr,.cr-hdr.is-solid{background:#fff}
  .cr-hdr__bar,.cr-hdr.is-solid .cr-hdr__bar{height:72px}
  .cr-hdr__logo,.cr-hdr__logo img,.cr-hdr.is-solid .cr-hdr__logo,.cr-hdr.is-solid .cr-hdr__logo img{height:44px}
  .cr-nav,.cr-hdr__search,.cr-hdr__act .cr-btn,.cr-mega,.cr-veil{display:none!important}
  .cr-burger{display:block}
  body.cr-hdr-solid #et-main-area{padding-top:72px}
  .cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-menu) .cr-burger{border-color:rgba(255,255,255,.4)}
  .cr-hdr[data-style="transparent"]:not(.is-solid):not(.is-menu){background:transparent}
  .cr-hdr.is-menu{background:#fff;color:var(--cr-heading)}
  .cr-hdr.is-menu .cr-logo-color{display:block!important}.cr-hdr.is-menu .cr-logo-white{display:none!important}
  .cr-mobile{display:block;position:fixed;left:0;right:0;top:72px;bottom:0;background:#fff;color:var(--cr-heading);overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .4s var(--cr-ease),visibility 0s .4s;border-top:1px solid var(--cr-linea)}
  .cr-hdr.is-menu .cr-mobile{transform:none;visibility:visible;transition-delay:0s}
  body.admin-bar .cr-mobile{top:104px}
  .cr-mobile__in{padding:12px var(--cr-pad) 40px;display:flex;flex-direction:column}
  .cr-m-link,.cr-m-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;border-bottom:1px solid var(--cr-linea);font-size:20px;font-weight:700;color:var(--cr-heading);background:none;text-align:left;font-family:inherit;text-decoration:none;cursor:pointer;border-left:0;border-right:0;border-top:0;border-radius:0}
  .cr-m-toggle .cr-i{font-size:20px;transition:transform .3s var(--cr-ease);color:var(--cr-primary)}
  .cr-m-toggle[aria-expanded="true"] .cr-i{transform:rotate(180deg)}
  .cr-m-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--cr-ease)}
  .cr-m-sub.is-open{grid-template-rows:1fr}
  .cr-m-sub__in{overflow:hidden;min-height:0}
  .cr-m-all{display:flex;align-items:center;gap:10px;padding:16px 0;font-weight:700;color:var(--cr-verde-testo);font-size:15px;text-decoration:none}
  .cr-m-group{padding:6px 0 10px}
  .cr-m-head{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cr-verde-testo);padding:10px 0 4px}
  .cr-m-sublink{display:block;padding:11px 0 11px 14px;border-left:2px solid var(--cr-verde-chiaro);margin-left:2px;font-size:16px;font-weight:600;color:var(--cr-heading);text-decoration:none}
  .cr-m-sub .cr-m-sublink:last-child{margin-bottom:8px}
  .cr-mobile__foot{display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding-top:28px}
  .cr-mobile__tel{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--cr-heading);text-decoration:none}
  .cr-mobile__tel .cr-i{color:var(--cr-primary)}
  body.cr-menu-open{overflow:hidden}
}

/* layout desktop stretto (iPad orizzontale, portatili piccoli) */
@media (max-width:1180px){
  .cr-chead__grid{grid-template-columns:1fr 420px;gap:48px}
  .cr-desc{grid-template-columns:1fr 1fr;gap:56px}
  .cr-collage{height:560px}.cr-collage__a{width:76%;height:440px}.cr-collage__b{width:50%;height:300px}
  .cr-quote-sec{grid-template-columns:1fr 1fr;gap:48px}
  .cr-pgrid{grid-template-columns:repeat(3,1fr)}
  .cr-ftr__cols{gap:32px}.cr-ftr__brand{width:260px}.cr-ftr__col{width:auto;flex:1}
  .cr-ftr__top .cr-h1{font-size:var(--cr-size-h2)}
}
@media (max-width:980px){

  .cr-sec{padding-top:88px;padding-bottom:88px}
  .cr-chead{padding-top:24px;padding-bottom:64px}
  .cr-chead__grid{grid-template-columns:1fr;gap:40px;margin-top:28px}
  .cr-chead__img{height:380px}
  .cr-chead__count{left:20px;bottom:20px}
  .cr-subnav{top:72px}
  .cr-pgrid{grid-template-columns:repeat(2,1fr)}
  .cr-pgrid-head{flex-direction:column;align-items:flex-start;gap:12px}
  .cr-desc{grid-template-columns:1fr;gap:56px}
  .cr-collage{height:540px;max-width:560px}
  .cr-collage__a{width:70%;height:440px}.cr-collage__b{width:48%;height:300px}
  .cr-quote-sec{grid-template-columns:1fr;gap:40px}
  .cr-catbig{grid-template-columns:1fr}.cr-cbig{height:auto;min-height:480px;padding-top:120px}
  .cr-tiles{grid-template-columns:repeat(2,1fr)}
  .cr-ftr__top{flex-direction:column;align-items:flex-start;gap:36px;padding-top:72px;padding-bottom:48px}
  .cr-ftr__top .r{align-items:flex-start}
  .cr-ftr__cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:56px;padding-bottom:56px}
  .cr-ftr__brand{grid-column:1/-1;width:auto}
  .cr-ftr__col,.cr-ftr__col:nth-child(4){width:auto}
  .cr-ftr__bot{flex-direction:column;gap:12px}
  .cr-ftr__word{height:110px}.cr-ftr__word span{font-size:200px}
  .cr-drawer{width:min(560px,100%)}
  .cr-marquee::before,.cr-marquee::after{width:60px}
}
@media (max-width:767px){
  .cr-sec{padding-top:64px;padding-bottom:64px}
  .cr-chead__img{height:300px;border-radius:24px}
  .cr-pgrid{grid-template-columns:repeat(2,1fr);gap:24px 14px}
  .cr-pcard h3{font-size:16px}.cr-pcard p{font-size:13px}
  .cr-pcard__plus{width:40px;height:40px;right:10px;bottom:10px}
  .cr-collage{height:420px}.cr-collage__a{height:340px}.cr-collage__b{height:220px;border-width:6px}
  .cr-strengths{grid-template-columns:1fr}
  .cr-cbig{height:auto;min-height:420px;padding:100px 24px 24px;border-radius:22px}
  .cr-cbig__tag{left:24px;top:24px}.cr-cbig .cr-circ{right:24px;top:24px;width:52px;height:52px}
  .cr-tiles{grid-template-columns:1fr 1fr;gap:14px}.cr-tile{padding:20px;gap:32px}
  .cr-form{padding:24px;border-radius:22px}
  .cr-form .cr-grid2{grid-template-columns:1fr;gap:0}
  .cr-form .cr-grid2 p{margin-bottom:20px}
  .cr-btn{height:52px;padding:0 18px 0 24px}
  .cr-btnrow{flex-direction:column;align-items:flex-start}
  .cr-ftr__cols{grid-template-columns:1fr 1fr;gap:32px 20px}
  .cr-ftr__tel{font-size:22px}
  .cr-ftr__word{display:none}
  .cr-drawer__img{height:260px}.cr-drawer__body{padding:24px}
  .cr-specs{grid-template-columns:1fr 1fr}
  .cr-mega__col{width:auto}
}
.cr-ftr__brand p{white-space:normal}
@media (max-width:767px){.cr-form .cr-grid2{margin-bottom:0}}

button.cr-btn{font-family:inherit;cursor:pointer}
button.cr-btn--primary{background:var(--cr-primary);color:#fff}
.cr-drawer__cta .cr-btn{justify-content:space-between}