/* ITALPARK — HEADER IMMERSIVO (child theme, caricato dal modulo italparkassets via hook ufficiale).
   Compliant PS9: nessuna modifica a Hummingbird/core. Layout su TUTTE le pagine (>=1200);
   modalità TRASPARENTE sovrapposta alla hero solo in homepage (body.page-index). */

/* FIX riga bianca a destra: le sezioni full-width usano 100vw (ignora la scrollbar) → ~15px di overflow
   sul browser reale con barra di scorrimento. overflow-x:clip la taglia senza creare scroll container
   (NON rompe position:sticky, a differenza di overflow:hidden). Globale, tutte le larghezze. */
html{ overflow-x:clip; }

@media (min-width:1200px){

  /* ===== LAYOUT HEADER — una riga: logo | menu(armonico) | strumenti =====
     Selettori AD ALTA specificità (.header .header-bottom__row …) per battere le regole megamenu Opzione-A
     (`.header-bottom__row .ps-mainmenu--desktop{flex:0 0 100%!important;order:5}`). */
  .header .container, .header .container-md{ max-width:100% !important; width:100% !important; padding-left:40px !important; padding-right:40px !important; }
  .header .header-bottom__row{ flex-wrap:nowrap !important; justify-content:flex-start !important; align-items:center !important; }
  .header .header-bottom__row > .header-bottom__logo{ order:0 !important; flex:0 0 auto !important; max-width:none !important; margin:0 0 0 2.4vw !important; align-self:center !important; justify-content:flex-start !important; }
  /* logo NON deformato: max-width:none (toglie il cap a 144px) + object-fit:contain (toglie lo stretch), più grande */
  .header .header-bottom__row > .header-bottom__logo img.logo{ height:90px !important; width:auto !important; max-width:none !important; max-height:none !important; object-fit:contain !important; }

  /* menu come blocco, margini auto → gap armonici; centrato VERTICALMENTE nella riga */
  .header .header-bottom__row > .ps-mainmenu--desktop{ order:1 !important; flex:0 0 auto !important; max-width:none !important;
     align-self:center !important; height:auto !important; margin:0 auto !important; padding:0 !important; border:0 !important; }
  .header .ps-mainmenu--desktop .ps-mainmenu__tree{ flex-wrap:nowrap !important; gap:28px !important; align-items:center !important;
     justify-content:center !important; border-top:0 !important; padding-top:0 !important; margin:0 !important; }
  .header .ps-mainmenu--desktop .ps-mainmenu__tree-link{ padding:6px 0 !important; font-size:.84rem !important;
     font-weight:500 !important; letter-spacing:.03em !important; text-transform:uppercase !important; white-space:nowrap; }

  /* strumenti a destra (iniettati da immersive.js) */
  .header .header-bottom__row > .itlp-tools{ order:2 !important; flex:0 0 auto !important; width:auto !important; max-width:none !important;
     align-self:center !important; display:flex; align-items:center; gap:12px; margin-right:.3vw; overflow:visible; }
  /* la searchbar nativa va VINCOLATA a larghezza-icona (il suo max-content gonfiava i tools) */
  .header .itlp-tools #_desktop_ps_searchbar{ position:static !important; margin:0 !important;
     flex:0 0 auto !important; width:38px !important; min-width:0 !important; max-width:38px !important; overflow:visible !important; }
  .header .itlp-tools .ps-searchbar, .header .itlp-tools .ps-searchbar__form{ margin:0 !important; max-width:none !important; width:auto !important; }

  /* selettore lingua a tendina, in evidenza */
  .itlp-lang{ position:relative; display:flex; align-items:center; gap:7px; height:34px; padding:0 11px;
     border:1px solid rgba(45,79,29,.4); color:#2D4F1D; font-size:.74rem; font-weight:500; letter-spacing:.08em;
     text-transform:uppercase; cursor:pointer; transition:.25s; }
  .itlp-lang:hover{ background:#2D4F1D; color:#fff; border-color:#2D4F1D; }
  .itlp-lang .itlp-globe{ width:15px; height:15px; flex:0 0 auto; }
  .itlp-lang .itlp-chev{ font-size:.55rem; opacity:.85; }
  .itlp-langmenu{ position:absolute; top:calc(100% + 8px); right:0; min-width:150px; list-style:none; margin:0; padding:6px 0;
     background:#fff; color:#1a1a1a; box-shadow:0 16px 36px -12px rgba(0,0,0,.42); z-index:60;
     opacity:0; visibility:hidden; transform:translateY(-6px); transition:.2s; }
  .itlp-lang:hover .itlp-langmenu, .itlp-lang.open .itlp-langmenu{ opacity:1; visibility:visible; transform:translateY(0); }
  .itlp-langmenu a{ display:block; padding:9px 16px; font-size:.8rem; letter-spacing:.03em; color:#1a1a1a; text-transform:none; }
  .itlp-langmenu a:hover, .itlp-langmenu a.active{ background:#f3efe7; color:#2D4F1D; }
  /* FIX leggibilità: la regola globale "header a{color:#fff}" rendeva i link del dropdown bianchi su bianco → forzo scuro */
  body.page-index header.header .itlp-langmenu a{ color:#1f2b17 !important; }
  body.page-index header.header .itlp-langmenu a:hover, body.page-index header.header .itlp-langmenu a.active{ color:#2D4F1D !important; }

  /* CTA Contattaci — angoli netti, NIENTE PILLOLE */
  .itlp-cta{ font-size:.73rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap;
     color:#2D4F1D; border:1.5px solid #9a7b3f; padding:10px 16px; transition:.25s; }
  .itlp-cta:hover{ background:#9a7b3f; color:#fff; }

  /* ===== TOP BAR: spedizione mondo + telefono (contenuto rifatto via JS) ===== */
  .header-top__left .itlp-topleft{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; }

  /* ===== HOMEPAGE: header sovrapposto alla hero, con velo scuro→trasparente per leggere il bianco =====
     full-bleed 100vw come la hero (era width:100% = viewport-scrollbar → bordo destro ~2mm più a sx della hero) */
  body.page-index header.header{ position:absolute; top:0; left:0; right:auto; width:100vw; z-index:60;
     background:linear-gradient(180deg, rgba(18,28,16,.78) 0%, rgba(18,28,16,.42) 55%, rgba(18,28,16,0) 100%) !important;
     box-shadow:none !important; border:0 !important; transition:background .3s ease, box-shadow .3s ease; }
  body.page-index header.header.itlp-scrolled{ width:100vw; left:0; right:auto; }
  /* BLUR frosted dietro l'header (solo backdrop, mascherato → sfuma in basso, non taglia netto sulla hero):
     rende lente/lingua/Contattaci leggibili su QUALSIASI immagine. Il contenuto resta nitido (z-index sopra). */
  body.page-index header.header::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
     -webkit-backdrop-filter:blur(9px) saturate(1.04); backdrop-filter:blur(9px) saturate(1.04);
     -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.35) 80%,transparent 100%);
     mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.35) 80%,transparent 100%); }
  body.page-index header.header > *{ position:relative; z-index:1; }
  body.page-index header.header.itlp-scrolled::before{ -webkit-backdrop-filter:none; backdrop-filter:none; }
  body.page-index header.header .header-top{ background:transparent !important; border-bottom:1px solid rgba(255,255,255,.16); }
  /* testo/icone bianchi in trasparente */
  body.page-index header.header, body.page-index header.header a,
  body.page-index header.header .ps-mainmenu__tree-link,
  body.page-index header.header .header-top__left, body.page-index header.header .header-top__right{ color:#fff !important; }
  body.page-index header.header .ps-shoppingcart a, body.page-index header.header .header-block,
  body.page-index header.header .ps-searchbar__magnifier{ color:#fff !important; }
  /* lingua e CTA in bianco sopra la hero */
  body.page-index header.header .itlp-lang{ color:#fff; border-color:rgba(255,255,255,.4); }
  body.page-index header.header .itlp-lang:hover{ background:#fff; color:#2D4F1D; border-color:#fff; }
  body.page-index header.header .itlp-cta{ color:#fff; border-color:#c6a86a; }
  body.page-index header.header .itlp-cta:hover{ background:#c6a86a; color:#1f3715; }

  /* hero a tutto schermo + FULL-BLEED a 100vw (la hero era width:100% del parent → con scrollbar/wrapper
     non arrivava al bordo destro, lasciando la riga bianca). Breakout a margini negativi; l'overflow-x:clip
     globale taglia l'eccesso della scrollbar. */
  body.page-index .itlp-hero{ min-height:100vh; width:100vw !important; max-width:100vw !important;
     margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }

  /* ===== SCRITTE SLIDE — stile MOCKUP (headline Cormorant grande, sottotitolo, bottone verde pieno) ===== */
  /* velo sinistro più deciso per far risaltare il testo (soggetto slide a destra libero) */
  body.page-index .itlp-hero-veil{ background:linear-gradient(90deg, rgba(14,17,12,.82) 0%, rgba(14,17,12,.5) 38%, rgba(14,17,12,.08) 70%, rgba(14,17,12,0) 100%) !important; }
  /* testo centrato in ALTEZZA tra il fondo del main menu (riga bianca) e il fondo slide → +metà header */
  body.page-index .itlp-hero-caption{ left:11% !important; max-width:560px !important;
     top:calc(50% + var(--itlp-hdr-h, 150px) / 2) !important; }
  body.page-index .itlp-hero-h{ font-size:clamp(2.7rem,4.6vw,4.9rem) !important; line-height:1.03 !important; font-weight:600 !important; letter-spacing:.005em !important; margin-bottom:.7rem !important; text-transform:none !important; }
  body.page-index .itlp-hero-accent{ text-transform:none !important; }
  body.page-index .itlp-hero-d{ font-size:clamp(1rem,1.08vw,1.12rem) !important; line-height:1.75 !important; font-weight:300 !important; max-width:440px !important; margin-bottom:2.1rem !important; color:rgba(255,255,255,.92) !important; }
  /* bottone verde pieno come nel mockup (angoli netti, NIENTE PILLOLE) */
  body.page-index .itlp-hero-btn{ display:inline-flex !important; align-items:center !important; gap:10px !important;
     background:#2D4F1D !important; color:#fff !important; border:1.5px solid #2D4F1D !important;
     padding:15px 30px !important; font-size:.82rem !important; font-weight:600 !important; letter-spacing:.12em !important; text-transform:uppercase !important; }
  body.page-index .itlp-hero-btn:hover{ background:#3d6a28 !important; border-color:#3d6a28 !important; color:#fff !important; letter-spacing:.14em !important; }
  /* eyebrow con righetta + testo di categoria (stile mockup) */
  body.page-index .itlp-hero-eyebrow{ display:flex; align-items:center; gap:14px; margin-bottom:18px;
     font-family:'Poppins',system-ui,sans-serif; font-size:.74rem; font-weight:500; letter-spacing:.24em; text-transform:uppercase; color:#c6a86a; text-shadow:0 1px 10px rgba(0,0,0,.4); }
  body.page-index .itlp-hero-eyebrow::before{ content:""; width:40px; height:1px; background:#c6a86a; flex:0 0 auto; }
  /* stacco bicolor del titolo: seconda parte bronzo corsivo (come "la pietra") */
  body.page-index .itlp-hero-accent{ color:#c6a86a; font-style:italic; font-weight:500; }
  /* due bottoni: verde pieno + "Richiedi preventivo" ghost trasparente */
  body.page-index .itlp-hero-btns{ display:flex; gap:16px; flex-wrap:wrap; align-items:center; }
  body.page-index .itlp-hero-btn2{ display:inline-flex; align-items:center; gap:10px; background:transparent; color:#fff;
     border:1.5px solid rgba(255,255,255,.55); padding:15px 28px; font-family:'Poppins',sans-serif; font-size:.82rem; font-weight:600;
     letter-spacing:.12em; text-transform:uppercase; text-decoration:none; transition:.25s; }
  body.page-index .itlp-hero-btn2:hover{ border-color:#fff; background:rgba(255,255,255,.1); color:#fff; }
  /* tagline fissa centrata in fondo alla hero (come il mockup) + dots spostati sopra */
  body.page-index .itlp-hero-trust{ position:absolute; z-index:4; left:0; right:0; bottom:1.5rem; text-align:center; pointer-events:none;
     font-family:'Poppins',sans-serif; font-size:.72rem; font-weight:400; letter-spacing:.24em; text-transform:uppercase;
     color:rgba(255,255,255,.72); text-shadow:0 1px 10px rgba(0,0,0,.5); }
  body.page-index .itlp-hero-dots{ bottom:3.7rem !important; }

  /* allo SCROLL: barra verde solida sticky */
  body.page-index header.header.itlp-scrolled{ position:fixed; background:rgba(17,24,14,.70) !important; -webkit-backdrop-filter:blur(15px) saturate(1.3); backdrop-filter:blur(15px) saturate(1.3); border-bottom:1px solid rgba(201,171,110,.3); box-shadow:0 10px 30px -10px rgba(0,0,0,.5); }
  body.page-index header.header.itlp-scrolled .header-top{ border-bottom-color:rgba(255,255,255,.18); }
}

/* ===== HERO su MOBILE/TABLET (<1200): stesso stile del desktop, ma UNA sola CTA (scelta Silvano) ===== */
@media (max-width:1199px){
  body.page-index .itlp-hero-eyebrow{ display:flex; align-items:center; gap:12px; margin-bottom:13px;
     font-family:'Poppins',system-ui,sans-serif; font-size:.66rem; font-weight:500; letter-spacing:.2em;
     text-transform:uppercase; color:#c6a86a; text-shadow:0 1px 10px rgba(0,0,0,.5); }
  body.page-index .itlp-hero-eyebrow::before{ content:""; width:26px; height:1px; background:#c6a86a; flex:0 0 auto; }
  body.page-index .itlp-hero-h{ text-transform:none; }            /* titolo sentence-case (dal JS) come desktop */
  body.page-index .itlp-hero-accent{ color:#c6a86a; font-style:italic; font-weight:500; text-transform:none; }
  /* una sola CTA = bottone verde pieno come il desktop (angoli netti, NIENTE PILLOLE) */
  body.page-index .itlp-hero-btn2{ display:none !important; }     /* mai il 2° bottone su mobile */
  body.page-index .itlp-hero-btn{ display:inline-flex !important; align-items:center; gap:10px;
     background:#2D4F1D !important; color:#fff !important; border:1.5px solid #2D4F1D !important;
     padding:13px 26px !important; font-family:'Poppins',sans-serif; font-size:.76rem; font-weight:600;
     letter-spacing:.1em; text-transform:uppercase; text-decoration:none; margin-top:.4rem; }
  body.page-index .itlp-hero-btn:hover{ background:#3d6a28 !important; border-color:#3d6a28 !important; color:#fff !important; }
}
/* box sotto-slide su mobile: padding compatto (l'ornamento ora e' una barra botanica leggera, vedi sotto) */
@media (max-width:767px){
  body.page-index .ps-customtext{ padding:3rem 18px; }
  body.page-index .ps-customtext .container{ max-width:100%; }
}

/* ===== SCRITTA SOTTO LA SLIDE (ps-customtext) — elegante, centrata, con ornamento botanico (tutte le larghezze) ===== */
/* ANCORATO alla hero slide sopra: annulla il row-gap:40px della griglia .page-content--home */
body.page-index .ps-customtext{ position:relative; text-align:center; padding:clamp(3.2rem,7vh,5rem) 20px; background:#faf8f4; overflow:hidden; margin-top:-40px; }
/* ornamento botanico DISCRETO sopra il testo: barra sottile bronzo + piccola fogliolina verde salvia
   (SVG inline). Sostituisce le rose fotorealistiche "pacchiane" (scelta Silvano 2026-10-13). */
body.page-index .ps-customtext::before{ content:none; }
body.page-index .ps-customtext .container::before{ content:""; display:block; width:260px; max-width:72%; height:26px; margin:0 auto 1.5rem;
   background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20260%2026'%3E%3Cline%20x1%3D'18'%20y1%3D'13'%20x2%3D'104'%20y2%3D'13'%20stroke%3D'%239a7b3f'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'156'%20y1%3D'13'%20x2%3D'242'%20y2%3D'13'%20stroke%3D'%239a7b3f'%20stroke-width%3D'1'%2F%3E%3Cg%20fill%3D'%237c8a5a'%3E%3Cellipse%20cx%3D'123'%20cy%3D'8.5'%20rx%3D'6'%20ry%3D'2.4'%20transform%3D'rotate(-34%20123%208.5)'%2F%3E%3Cellipse%20cx%3D'137'%20cy%3D'8.5'%20rx%3D'6'%20ry%3D'2.4'%20transform%3D'rotate(34%20137%208.5)'%2F%3E%3Cellipse%20cx%3D'121.5'%20cy%3D'14.5'%20rx%3D'5'%20ry%3D'2.1'%20transform%3D'rotate(-28%20121.5%2014.5)'%2F%3E%3Cellipse%20cx%3D'138.5'%20cy%3D'14.5'%20rx%3D'5'%20ry%3D'2.1'%20transform%3D'rotate(28%20138.5%2014.5)'%2F%3E%3C%2Fg%3E%3Cline%20x1%3D'130'%20y1%3D'5.5'%20x2%3D'130'%20y2%3D'19'%20stroke%3D'%237c8a5a'%20stroke-width%3D'1'%2F%3E%3Ccircle%20cx%3D'130'%20cy%3D'4.5'%20r%3D'1.6'%20fill%3D'%239a7b3f'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
body.page-index .ps-customtext .container{ position:relative; z-index:2; max-width:540px; margin:0 auto; }
body.page-index .ps-customtext p{ margin:0 auto; }
body.page-index .ps-customtext p:first-of-type{ max-width:640px; }
body.page-index .ps-customtext strong.dark,
body.page-index .ps-customtext p:first-of-type strong{ font-family:'Cormorant',Georgia,serif; font-weight:600;
   font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.3; color:#2D4F1D; display:inline; }
body.page-index .ps-customtext p:last-of-type{ font-family:'Poppins',sans-serif; font-weight:300; font-size:1.02rem;
   line-height:1.7; color:#55514a; max-width:560px; margin-top:.9rem; }

/* ===== Titolo "Prodotti in vetrina" — centrato e stilizzato (testo invariato) ===== */
body.page-index .ps-featuredproducts .section-title{ display:block; width:100%; text-align:center !important;
   font-family:'Cormorant',Georgia,serif; font-weight:600; font-size:clamp(1.9rem,3vw,2.5rem); color:#2D4F1D;
   letter-spacing:.01em; margin:0 auto 2.1rem; }
body.page-index .ps-featuredproducts .section-title::after{ content:""; display:block; width:68px; height:2px;
   background:#9a7b3f; margin:.75rem auto 0; }

/* ===== NEWSLETTER (ps-emailsubscription) — restyle elegante centrato (tutte le pagine) ===== */
.itlp-nl{ background:#faf8f4 !important; padding:clamp(2.8rem,5.5vw,4.2rem) 20px !important; text-align:center; }
.itlp-nl .container{ max-width:720px; }
.itlp-nl .row{ flex-direction:column; align-items:center; justify-content:center; gap:0; }
.itlp-nl-eye{ font-family:'Poppins',system-ui,sans-serif; font-size:.74rem; font-weight:500; letter-spacing:.26em;
   text-transform:uppercase; color:#9a7b3f; margin-bottom:.85rem; }
.itlp-nl .h3{ font-family:'Cormorant',Georgia,serif !important; font-weight:600 !important; color:#2D4F1D !important;
   font-size:clamp(1.7rem,3vw,2.35rem) !important; line-height:1.2; margin:0 auto 1.6rem !important; max-width:640px; width:100%; }
.itlp-nl form{ width:100%; max-width:540px; margin:0 auto; float:none !important; }
.itlp-nl .form-control{ border:1px solid #d8d2c7 !important; border-radius:4px !important; padding:.75rem .95rem !important; box-shadow:none !important; }
.itlp-nl .form-control:focus{ border-color:#2D4F1D !important; }
.itlp-nl .btn,.itlp-nl input[type=submit]{ background:#2D4F1D !important; border:1.5px solid #2D4F1D !important; color:#fff !important;
   border-radius:4px !important; letter-spacing:.07em; text-transform:uppercase; font-size:.78rem; font-weight:600; padding:.75rem 1.5rem !important; white-space:nowrap; transition:.25s; }
.itlp-nl .btn:hover,.itlp-nl input[type=submit]:hover{ background:#3d6a28 !important; border-color:#3d6a28 !important; }
.itlp-nl .text-body-secondary{ font-size:.78rem !important; color:#8a8578 !important; margin-top:.9rem !important; }

/* ============================================================
   PAGINA STORIA (cms-id-4) — HERO IMMERSIVA come la home.
   L'header galleggia trasparente sopra la .cover (dentro #ipsc-root);
   le spaziature del wrapper CMS sopra il contenuto sono collassate.
   ============================================================ */
@media (min-width:1200px){
  /* collassa tutto ciò che sta sopra #ipsc-root → la cover parte dal bordo alto, dietro l'header assoluto */
  body.cms-id-4 #wrapper.wrapper{ padding-top:0 !important; margin-top:0 !important; }
  body.cms-id-4 .breadcrumb__wrapper{ display:none !important; }
  body.cms-id-4 #notifications{ margin:0 !important; }
  body.cms-id-4 .columns-container{ padding-top:0 !important; margin-top:0 !important; }
  body.cms-id-4 #center-column{ padding-top:0 !important; margin-top:0 !important; }
  body.cms-id-4 .page-header{ display:none !important; }
  body.cms-id-4 #content.page-content--cms{ padding-top:0 !important; margin-top:0 !important; }

  /* header assoluto, trasparente con velo scuro→trasparente + blur (identico alla home) */
  body.cms-id-4 header.header{ position:absolute; top:0; left:0; right:auto; width:100vw; z-index:60;
     background:linear-gradient(180deg, rgba(18,28,16,.78) 0%, rgba(18,28,16,.42) 55%, rgba(18,28,16,0) 100%) !important;
     box-shadow:none !important; border:0 !important; transition:background .3s ease, box-shadow .3s ease; }
  body.cms-id-4 header.header::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
     -webkit-backdrop-filter:blur(9px) saturate(1.04); backdrop-filter:blur(9px) saturate(1.04);
     -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.35) 80%,transparent 100%);
     mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.35) 80%,transparent 100%); }
  body.cms-id-4 header.header > *{ position:relative; z-index:1; }
  body.cms-id-4 header.header.itlp-scrolled::before{ -webkit-backdrop-filter:none; backdrop-filter:none; }
  body.cms-id-4 header.header .header-top{ background:transparent !important; border-bottom:1px solid rgba(255,255,255,.16); }
  /* testo/icone bianchi in trasparente */
  body.cms-id-4 header.header, body.cms-id-4 header.header a,
  body.cms-id-4 header.header .ps-mainmenu__tree-link,
  body.cms-id-4 header.header .header-top__left, body.cms-id-4 header.header .header-top__right{ color:#fff !important; }
  body.cms-id-4 header.header .ps-shoppingcart a, body.cms-id-4 header.header .header-block,
  body.cms-id-4 header.header .ps-searchbar__magnifier{ color:#fff !important; }
  body.cms-id-4 header.header .itlp-lang{ color:#fff; border-color:rgba(255,255,255,.4); }
  body.cms-id-4 header.header .itlp-lang:hover{ background:#fff; color:#2D4F1D; border-color:#fff; }
  body.cms-id-4 header.header .itlp-cta{ color:#fff; border-color:#c6a86a; }
  body.cms-id-4 header.header .itlp-cta:hover{ background:#c6a86a; color:#1f3715; }
  /* dropdown lingua leggibile (scuro su bianco) */
  body.cms-id-4 header.header .itlp-langmenu a{ color:#1f2b17 !important; }
  body.cms-id-4 header.header .itlp-langmenu a:hover, body.cms-id-4 header.header .itlp-langmenu a.active{ color:#2D4F1D !important; }
  /* allo SCROLL: barra verde solida sticky (identico alla home) */
  body.cms-id-4 header.header.itlp-scrolled{ position:fixed; background:rgba(17,24,14,.70) !important; -webkit-backdrop-filter:blur(15px) saturate(1.3); backdrop-filter:blur(15px) saturate(1.3); border-bottom:1px solid rgba(201,171,110,.3); box-shadow:0 10px 30px -10px rgba(0,0,0,.5); }
  body.cms-id-4 header.header.itlp-scrolled .header-top{ border-bottom-color:rgba(255,255,255,.18); }
  body.cms-id-4 header.header.itlp-scrolled::before{ display:none; }
}

/* ============================================================
   FIT HEADER a RISOLUZIONI INTERMEDIE (1200–1680) — 2026-10-12
   L'header immersivo e' a RIGA UNICA (logo | menu 7 voci | strumenti,
   flex-wrap:nowrap). Col logo HD a 90px + le etichette lunghe
   ("FONTANE DA GIARDINO"...) la somma intrinseca (logo 236 + menu 1048 +
   tools 278 = ~1562px) supera il viewport fino a ~1640px: il blocco
   .itlp-tools (lente+lingua+Contattaci) veniva spinto FUORI dal bordo
   destro -> scroll orizzontale ("non si impagina bene" a 1366/1440/1536).
   Fix: scalatura FLUIDA (clamp) di padding container, logo, gap/font del
   menu e strumenti, cosi' tutto resta su UNA riga da 1200 a ~1680px, dove
   riprende il layout pieno senza salti. Solo RESTRINGE, mai allarga:
   additivo, reversibile, nessuna modifica al markup/core. Tarato dal vivo
   (sloggato) a 1200/1280/1366/1440/1536/1648: ~40-66px di margine ovunque.
   ============================================================ */
@media (min-width:1200px) and (max-width:1680px){
  .header .container, .header .container-md{
    padding-left:clamp(16px, calc(-44px + 5vw), 40px) !important;
    padding-right:clamp(16px, calc(-44px + 5vw), 40px) !important; }
  .header .header-bottom__row > .header-bottom__logo{ margin-left:clamp(10px, 1.1vw, 32px) !important; }
  .header .header-bottom__row > .header-bottom__logo img.logo{
    height:clamp(54px, calc(-36px + 7.5vw), 90px) !important; }
  .header .ps-mainmenu--desktop .ps-mainmenu__tree{
    gap:clamp(8px, calc(-42px + 4.1667vw), 28px) !important; }
  .header .ps-mainmenu--desktop .ps-mainmenu__tree-link{
    font-size:clamp(.68rem, calc(4.48px + 0.5333vw), .84rem) !important;
    letter-spacing:.008em !important; }
  .header .header-bottom__row > .itlp-tools{
    gap:clamp(6px, 0.7vw, 12px) !important; margin-right:0 !important; }
  .header .itlp-cta{ padding:clamp(7px, 0.6vw, 10px) clamp(10px, 1vw, 16px) !important;
    font-size:clamp(.66rem, 0.55vw, .73rem) !important; }
  .header .itlp-lang{ padding:0 clamp(7px, 0.7vw, 11px) !important; }
}

/* ============================================================
   LOGO <-> RIGA BIANCA — altezza header DINAMICA (2026-10-12)
   Il logo (clamp 54–90px, scala col viewport) superava l'altezza FISSA
   dell'header-bottom del tema (~63px) e sbordava SOTTO la riga bianca
   (border-bottom di .header-bottom), sovrapponendosi ad essa a OGNI
   larghezza dove il logo supera ~63px (quindi anche nel layout pieno a
   90px, non solo nel range fluido). Causa reale: a.navbar-brand ha
   max-height ~63px (= header height fisso del tema) e l'<img> height:90px
   gli sborda fuori SENZA far crescere la riga.
   Fix DINAMICO: sblocco le altezze fisse della catena header-bottom e
   tolgo il cap di .navbar-brand/.header-bottom__h1 -> e' il LOGO a dettare
   l'altezza della riga, cosi' la riga bianca sta SEMPRE sotto il logo a
   qualsiasi risoluzione (header che cresce/si stringe col logo). Menu e
   strumenti si ri-centrano verticalmente (align-items:center). Solo >=1200
   (sotto resta l'header mobile nativo). Additivo, reversibile.
   Verificato dal vivo: 1200/1264/1366/1440/1536/1600/1700/1920 -> 5px di
   margine tra logo e riga, 0 overflow, menu su 1 riga.
   ============================================================ */
@media (min-width:1200px){
  .header .header-bottom{ height:auto !important; }
  .header .header-bottom .container, .header .header-bottom .container-md,
  .header .header-bottom__container{ height:auto !important; }
  .header .header-bottom__row{ height:auto !important; align-items:center !important; min-height:0 !important; }
  .header .header-bottom__row > .header-bottom__logo{ height:auto !important; align-self:center !important; }
  .header .header-bottom__logo .header-bottom__h1{ height:auto !important; max-height:none !important; }
  .header .header-bottom__logo .navbar-brand{ height:auto !important; max-height:none !important; }
}

/* ============================================================
   STRUMENTI DESKTOP (.itlp-tools) — NASCOSTI sotto i 1200 (2026-10-12)
   immersive.js inietta gli strumenti desktop (lente + selettore lingua +
   CONTATTACI) nella riga header SOLO se innerWidth>=1200, ma controlla la
   larghezza SOLO all'avvio: se poi si RIDUCE la finestra sotto i 1200 il
   blocco resta nel DOM e, siccome il suo stile vive in @media min-width:1200,
   diventa SENZA stile -> il globo SVG del selettore lingua (viewBox 24x24,
   nessuna dimensione esplicita) ESPLODE a tutta pagina (fontanone nero).
   Sotto i 1200 comanda l'header mobile nativo (hamburger + barra ricerca +
   menu offcanvas con lingua/contatti), quindi gli strumenti desktop vanno
   semplicemente nascosti. Copre sia il resize desktop->mobile sia (NO-OP) il
   caricamento diretto su tablet (lì il blocco non viene nemmeno iniettato).
   Additivo, reversibile. ============================================================ */
@media (max-width:1199px){
  .header .itlp-tools{ display:none !important; }
}

/* ============================================================
   TRUST BAR HERO — TRICOLORE (2026-10-12, richiesta Silvano)
   "Italpark" verde · "dal 1968" bianco · "100% Made in Italy" rosso.
   I 3 span sono costruiti da immersive.js (split su " · "). Priorità:
   LEGGIBILITÀ su qualsiasi fotogramma hero (specie il verde su prato):
   alone scuro multi-livello + peso 700 → le lettere restano staccate dal
   fondo anche su verde chiaro. Verde non troppo scuro (#13a94e) per non
   sparire sul prato; rosso e bianco vividi. Globale (vale desktop e mobile).
   ============================================================ */
.itlp-hero-trust .itlp-trust-g{ color:#13a94e; }
.itlp-hero-trust .itlp-trust-w{ color:#ffffff; }
.itlp-hero-trust .itlp-trust-r{ color:#e5333f; }
.itlp-hero-trust .itlp-trust-g,
.itlp-hero-trust .itlp-trust-w,
.itlp-hero-trust .itlp-trust-r{
  font-weight:700;
  text-shadow:0 0 2px rgba(0,0,0,.95), 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);
}
.itlp-hero-trust .itlp-trust-sep{ color:rgba(255,255,255,.6); text-shadow:0 1px 4px rgba(0,0,0,.7); }

/* FIX trust-bar tricolore su MOBILE (<1200): era position:static -> finiva in alto a sx sulla slide.
   La ancoro in fondo alla hero e centrata, come sul desktop (2026-10-18, Silvano). */
@media (max-width:1199px){
  body.page-index .itlp-hero-trust{ position:absolute !important; z-index:4; left:0; right:0; bottom:.25rem; top:auto !important;
     text-align:center; pointer-events:none; padding:0 14px; line-height:1.4;
     font-family:'Poppins',sans-serif; font-size:.56rem; font-weight:400; letter-spacing:.14em; text-transform:uppercase;
     color:rgba(255,255,255,.85); text-shadow:0 1px 10px rgba(0,0,0,.6); }
}

/* mobile: pallini cambio-slide spostati sopra la trust-bar (evita sovrapposizione) — 2026-10-18 */
@media (max-width:1199px){
  body.page-index .itlp-hero-dots{ bottom:2.7rem !important; }
}