/* V69 — Configuratore con la stessa identica testata del resto del sito (menu, mega menu Prodotti, menu da telefono).
   Regole estratte dai fogli di stile del sito (solo testata) + pochi aiuti di base che nel sito arrivano da style.css. */
:root{--hh:84px !important;}
@media (max-width:900px){:root{--hh:70px !important;}}
.site-header .sr-only,.mnav .sr-only{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;}
.site-header,.mnav,.mega{font-family:"Futura NAOS",var(--font,system-ui),sans-serif;}
.site-header .icon,.mnav .icon,.mega .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.site-header .icon--sm,.mnav .icon--sm{width:14px;height:14px;}
.mega .media,.mnav .media{overflow:hidden;position:relative;}
.mega .media img,.mnav .media img{width:100%;height:100%;object-fit:cover;display:block;}
.mega .text-link{display:inline-flex;align-items:center;gap:8px;}
/* da assets/css/style.css */
.site-header, .mnav, .mega {--background: #FFFFFF;--text: #111111;--muted: #666666;--line: rgba(17, 17, 17, 0.10);--line-strong: rgba(17, 17, 17, 0.22);--soft-gray: #F5F5F3;--accent: #AA1E1B;--accent-dark: #7F1513;--accent-soft: rgba(170, 30, 27, 0.09);--ink: #111111;--on-ink: #FFFFFF;--on-ink-muted: rgba(255, 255, 255, 0.62);--glass-bg: linear-gradient(135deg, rgba(255,255,255,.66), rgba(255,255,255,.31));--glass-bg-strong: rgba(255, 255, 255, 0.80);--glass-border: 1px solid rgba(255, 255, 255, 0.76);--glass-blur: blur(30px) saturate(1.50);--glass-shadow: 0 18px 60px rgba(18, 22, 26, 0.09), inset 0 1px 0 rgba(255,255,255,.78);--glass-dark-bg: rgba(20, 20, 20, 0.20);--glass-dark-border: 1px solid rgba(255, 255, 255, 0.25);--font: "Futura NAOS", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--serif: "Didot NAOS", "Iowan Old Style", Georgia, "Times New Roman", serif;--gutter: clamp(24px, 4vw, 72px);--maxw: 1480px;--frame: 8px;--r-frame: 30px;--r-xl: 30px;--r-lg: 26px;--r-md: 18px;--r-sm: 14px;--header-h: 70px;--header-top: 14px;--header-x: 20px;--header-space: calc(var(--header-top) + var(--header-h));--section-y: clamp(104px, 12vw, 200px);--ease: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--fs-body: clamp(16px, 0.35vw + 15px, 18px);--fs-lead: clamp(17px, 0.45vw + 15.5px, 19px);--fs-h1: clamp(50px, 8vw, 128px);--fs-h2: clamp(44px, 6.6vw, 108px);--fs-h3: clamp(30px, 3.2vw, 52px)}
.site-header { position: fixed; inset: 0 0 auto 0; z-index: 100; pointer-events: none; }
.hdr {
  pointer-events: auto;
  position: relative;
  margin: var(--header-top) auto 0;
  width: calc(100% - var(--header-x) * 2);
  max-width: 1640px;
  height: var(--header-h);
  display: flex; align-items: center; gap: 20px;
  padding: 0 12px 0 26px;
  border-radius: 20px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(255,255,255,.75);
  -webkit-backdrop-filter: blur(30px) saturate(1.3);
  backdrop-filter: blur(30px) saturate(1.3);
  box-shadow: 0 14px 50px rgba(0,0,0,.06), inset 0 0 0 1px rgba(17,17,17,.035);
  transition: background-color .45s var(--ease), box-shadow .45s var(--ease);
}
.is-scrolled .hdr, .mega-open .hdr {
  background: rgba(255,255,255,.84);
  box-shadow: 0 1px 0 rgba(17,17,17,.06), 0 10px 30px rgba(0,0,0,.05), inset 0 0 0 1px rgba(17,17,17,.05);
}
.logo {
  display: inline-flex; align-items: center;
  font-weight: 600; font-size: 22px; letter-spacing: 0.24em; font-stretch: 100%;
  margin-right: auto; padding: 8px 0; line-height: 1;
}
.logo img, .logo svg { height: 20px; width: auto; }
.nav-list { display: flex; align-items: center; gap: 2px; }
.nav-link {
  display: inline-flex; align-items: center; gap: 6px;
  height: 42px; padding: 0 12px; border-radius: 12px;
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap;
  transition: background-color .3s var(--ease);
}
.nav-link:hover, .has-mega.is-open > .nav-item-row .nav-link { background: rgba(17,17,17,.05); }
.nav-link[aria-current="page"] { background: rgba(17,17,17,.06); }
.nav-item-row { display: flex; align-items: center; }
.mega-toggle {
  display: grid; place-items: center; width: 26px; height: 42px; margin-left: -8px; border-radius: 10px;
}
.mega-toggle .icon { width: 12px; height: 12px; transition: transform .35s var(--ease); }
.has-mega.is-open .mega-toggle .icon { transform: rotate(180deg); }
.lang {
  display: inline-grid; place-items: center; height: 30px; min-width: 34px; padding: 0 8px;
  border-radius: 999px; border: 1px solid var(--line); font-size: 11px; font-weight: 600; letter-spacing: .12em;
  color: var(--muted);
}
.burger { display: none; width: 46px; height: 46px; border-radius: 14px; place-items: center; position: relative; }
.burger span { position: absolute; left: 13px; right: 13px; height: 1.5px; background: var(--ink); border-radius: 2px; transition: transform .45s var(--ease-out), top .45s var(--ease-out); }
.burger span:nth-child(1) { top: 19px; }
.burger span:nth-child(2) { top: 26px; }
.menu-open .burger span:nth-child(1) { top: 22.5px; transform: rotate(45deg); }
.menu-open .burger span:nth-child(2) { top: 22.5px; transform: rotate(-45deg); }
.mega {
  pointer-events: auto;
  position: absolute; left: 0; right: 0;
  top: calc(var(--header-space) + 8px);
  margin-inline: auto;
  width: calc(100% - var(--header-x) * 2);
  max-width: 1640px;
  padding: 16px;
  border-radius: 24px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(255,255,255,.8);
  -webkit-backdrop-filter: blur(32px) saturate(1.3);
  backdrop-filter: blur(32px) saturate(1.3);
  box-shadow: 0 24px 70px rgba(0,0,0,.09), inset 0 0 0 1px rgba(17,17,17,.04);
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .35s var(--ease), transform .45s var(--ease-out), visibility 0s linear .45s;
}
.mega-open .mega { opacity: 1; visibility: visible; transform: none; transition: opacity .35s var(--ease), transform .45s var(--ease-out), visibility 0s; }
.mega-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.mega-card {
  display: grid; grid-template-rows: auto 1fr; gap: 14px;
  padding: 10px 10px 16px; border-radius: 18px;
  transition: background-color .3s var(--ease);
}
.mega-card:hover { background: rgba(255,255,255,.9); }
.mega-card .media { aspect-ratio: 16 / 10; border-radius: 14px; }
.mega-card:hover .media > img { transform: scale(1.02); }
.mega-card-body { display: flex; justify-content: space-between; gap: 12px; padding-inline: 6px; }
.mega-card-title { font-size: 14px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.mega-card-desc { margin-top: 6px; font-size: 14px; line-height: 1.45; color: var(--muted); }
.mega-card .icon { margin-top: 1px; transition: transform .45s var(--ease-out); }
.mega-card:hover .icon { transform: translateX(4px); }
.mega-foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 12px; padding: 14px 16px 4px; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }
.mnav {
  position: fixed; inset: 0; z-index: 90;
  background: rgba(255,255,255,.96);
  -webkit-backdrop-filter: blur(28px) saturate(1.2);
  backdrop-filter: blur(28px) saturate(1.2);
  padding: calc(var(--header-space) + 28px) var(--gutter) 32px;
  overflow-y: auto; overscroll-behavior: contain;
  opacity: 0; visibility: hidden;
  transition: opacity .4s var(--ease), visibility 0s linear .4s;
  display: flex; flex-direction: column;
}
.menu-open .mnav { opacity: 1; visibility: visible; transition: opacity .4s var(--ease), visibility 0s; }
.mnav-list { border-top: 1px solid var(--line); }
.mnav-list > li { border-bottom: 1px solid var(--line); opacity: 0; transform: translateY(12px); transition: opacity .5s var(--ease), transform .6s var(--ease-out); }
.menu-open .mnav-list > li { opacity: 1; transform: none; }
.menu-open .mnav-list > li:nth-child(2) { transition-delay: .03s; }
.menu-open .mnav-list > li:nth-child(3) { transition-delay: .06s; }
.menu-open .mnav-list > li:nth-child(4) { transition-delay: .09s; }
.menu-open .mnav-list > li:nth-child(5) { transition-delay: .12s; }
.menu-open .mnav-list > li:nth-child(6) { transition-delay: .15s; }
.menu-open .mnav-list > li:nth-child(7) { transition-delay: .18s; }
.mnav-link, .mnav-acc {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  min-height: 64px; padding-block: 10px;
  font-size: clamp(24px, 6.4vw, 34px); font-weight: 500; font-stretch: 92%; letter-spacing: -0.03em; text-align: left;
}
.mnav-link[aria-current="page"] { color: var(--muted); }
.mnav-acc .plus { position: relative; width: 18px; height: 18px; }
.mnav-acc .plus::before, .mnav-acc .plus::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: currentColor; transition: transform .4s var(--ease-out); }
.mnav-acc .plus::after { transform: rotate(90deg); }
.mnav-acc[aria-expanded="true"] .plus::after { transform: rotate(0deg); }
.mnav-sub { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s var(--ease-out); }
.mnav-sub > div { overflow: hidden; }
.mnav-acc[aria-expanded="true"] + .mnav-sub { grid-template-rows: 1fr; }
.mnav-sub ul { display: grid; gap: 4px; padding: 2px 0 18px; }
.mnav-sub li a { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 14px; padding: 6px; border-radius: 14px; }
.mnav-sub li a:hover { background: rgba(17,17,17,.04); }
.mnav-sub .media { width: 64px; height: 48px; border-radius: 10px; }
.mnav-sub strong { display: block; font-size: 14px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.mnav-sub small { display: block; font-size: 13px; color: var(--muted); line-height: 1.35; }
.mnav-all { font-size: 14px; color: var(--muted); padding: 8px 6px 0; display: inline-flex; gap: 8px; align-items: center; }
.mnav-foot { margin-top: auto; padding-top: 32px; display: grid; gap: 6px; font-size: 14px; color: var(--muted); }
.mnav-foot a { color: var(--text); }
@media (max-width: 1180px) {
.nav, .hdr > .lang { display: none; }
.burger { display: grid; }
.hdr { padding: 0 8px 0 22px; }
.mega { display: none; }
}
@media (min-width: 1181px) {
.mnav { display: none; }
}
@media (max-width: 560px) {
.site-header, .mnav, .mega {--header-h: 62px;--header-top: 10px;--header-x: 10px}
.hdr { border-radius: 18px; }
.logo { font-size: 19px; }
}
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
html.menu-open, html.menu-open body { overflow: hidden; }
.product-subnav-links { display: flex; align-items: center; gap: 22px; flex: 1; }
.product-subnav-links a { font-size: 12px; color: var(--muted); transition: color .3s; }
.product-subnav-links a:hover { color: var(--text); }
@media (max-width: 900px) {
.product-subnav-links { overflow-x: auto; white-space: nowrap; gap: 18px; scrollbar-width: none; }
.product-subnav-links::-webkit-scrollbar { display: none; }
}
.nav-link[aria-current="page"], .mnav-link[aria-current="page"] { color: var(--accent); }
.product-subnav-links a:hover { color: var(--accent); }
.site-header, .mnav, .mega {--background: #F6F1EA;--text: #151515;--muted: #69625D;--line: rgba(33, 27, 22, 0.10);--line-strong: rgba(33, 27, 22, 0.22);--soft-gray: #EFE7DD;--accent: #AA1E1B;--accent-soft: rgba(170, 30, 27, 0.08);--glass-bg: linear-gradient(135deg, rgba(255,255,255,.54), rgba(255,255,255,.18));--glass-bg-strong: rgba(255,255,255,.70);--glass-border: 1px solid rgba(255,255,255,.64);--glass-blur: blur(26px) saturate(1.30);--glass-shadow: 0 16px 60px rgba(29, 24, 20, 0.08), inset 0 1px 0 rgba(255,255,255,.72)}
.hdr {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto auto;
  align-items: center;
  gap: 18px;
  height: 82px;
  padding: 0 20px;
  background: rgba(251,247,242,.68);
  border: 1px solid rgba(255,255,255,.78);
  box-shadow: 0 16px 58px rgba(31,26,22,.08), inset 0 1px 0 rgba(255,255,255,.7);
}
.is-scrolled .hdr, .mega-open .hdr {
  background: rgba(251,247,242,.88);
}
.nav--left { justify-self: start; }
.nav--right { justify-self: end; }
.nav-list--left, .nav-list--right {
  display: flex; align-items: center; gap: 2px;
}
.logo-lockup {
  justify-self: center;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  color: #111;
}
.logo-lockup .logo-main {
  display: block;
  font-size: clamp(34px, 2.55vw, 46px);
  line-height: .88;
  font-weight: 300;
  letter-spacing: .09em;
}
.logo-lockup .logo-tag {
  display: block;
  font-size: clamp(8.5px, .58vw, 11.2px);
  line-height: 1;
  font-weight: 300;
  letter-spacing: .33em;
  white-space: nowrap;
}
.nav-link {
  height: 40px;
  padding: 0 11px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .13em;
}
.nav-link:hover, .has-mega.is-open > .nav-item-row .nav-link, .nav-link[aria-current="page"] {
  background: rgba(17,17,17,.055);
}
.lang {
  background: rgba(255,255,255,.44);
}
.mega, .mnav {
  background: rgba(249,244,238,.92);
}
.foot-logo .logo-main {
  font-size: clamp(34px, 3vw, 44px);
  line-height: .88;
  letter-spacing: .08em;
  font-weight: 300;
}
.foot-logo .logo-tag {
  font-size: 10px;
  letter-spacing: .28em;
  font-weight: 300;
}
@media (max-width: 1180px) {
.hdr {
    grid-template-columns: auto 1fr auto;
    height: 74px;
    padding: 0 14px 0 18px;
  }
.logo-lockup {
    justify-self: start;
    align-items: flex-start;
    text-align: left;
  }
.logo-lockup .logo-main { font-size: 30px; }
.logo-lockup .logo-tag { font-size: 8.4px; letter-spacing: .25em; }
}
.site-header, .mnav, .mega {--background: #F2ECE4;--text: #151515;--muted: #69615A;--line: rgba(24,20,17,.11);--line-strong: rgba(24,20,17,.22);--soft-gray: #EAE2D8;--accent: #A51F1C;--accent-dark: #861816;--accent-soft: rgba(165,31,28,.08);--glass-bg: #F5F0E9;--glass-bg-strong: #F7F2EC;--glass-border: 1px solid rgba(24,20,17,.08);--glass-blur: none;--glass-shadow: none}
.site-header { color:#151515; }
.hdr, .is-scrolled .hdr, .mega-open .hdr {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.hdr {
  height: 82px;
  padding: 0 24px;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto auto;
}
.nav-link {
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: .10em !important;
  padding-inline: 10px !important;
  color: currentColor;
  text-shadow: none;
}
.nav-link:hover, .has-mega.is-open > .nav-item-row .nav-link, .nav-link[aria-current="page"] {
  background: transparent !important;
  opacity: .62;
}
.mega-toggle { color: currentColor; }
.lang {
  color: currentColor;
  background: transparent !important;
  border-color: currentColor;
  opacity:.74;
}
.logo-lockup { color: currentColor !important; }
.logo-lockup .logo-main {
  font-size: clamp(38px,2.7vw,47px) !important;
  font-weight: 300;
  letter-spacing:.09em;
}
.logo-lockup .logo-tag {
  font-size: clamp(9px,.62vw,11.5px) !important;
  letter-spacing:.32em;
}
.page-home .site-header, .page-product .site-header { color:#fff; }
.page-home .site-header .nav-link, .page-product .site-header .nav-link, .page-home .site-header .logo-lockup, .page-product .site-header .logo-lockup {
  text-shadow: 0 2px 14px rgba(0,0,0,.24);
}
.page-home .site-header .lang, .page-product .site-header .lang { border-color:rgba(255,255,255,.62); }
.header-on-light .page-home .site-header, .header-on-light .page-product .site-header { color:#151515; }
.header-on-light .page-home .site-header .nav-link, .header-on-light .page-product .site-header .nav-link, .header-on-light .page-home .site-header .logo-lockup, .header-on-light .page-product .site-header .logo-lockup { text-shadow:none; }
.header-on-light .page-home .site-header .lang, .header-on-light .page-product .site-header .lang { border-color:rgba(21,21,21,.28); }
.mega {
  background:#F3EDE5 !important;
  border:1px solid rgba(24,20,17,.08) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:0 20px 55px rgba(24,20,17,.10) !important;
  color:#151515;
}
.mega-card:hover { background:#EAE2D8; }
.mnav {
  background:#F2ECE4 !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  color:#151515;
}
@media (max-width:1180px) {
.hdr {
    height:70px;
    grid-template-columns:1fr auto;
    padding:0 10px;
  }
.logo-lockup { justify-self:start; align-items:flex-start; text-align:left; }
.logo-lockup .logo-main { font-size:31px !important; }
.logo-lockup .logo-tag { font-size:7.5px !important; letter-spacing:.28em; }
.burger span { background:currentColor; }
}
.site-header::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:104px;
  background:rgba(242,236,228,.88);
  border-bottom:1px solid rgba(41,34,28,.07);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
  backdrop-filter:blur(18px) saturate(118%);
  opacity:0;
  transform:translateY(-8px);
  transition:opacity .35s var(--ease), transform .45s var(--ease-out);
  pointer-events:none;
}
.header-on-light .site-header::before {
  opacity:1;
  transform:none;
}
.site-header .hdr, .site-header .mega { position:relative; z-index:2; }
.hdr, .is-scrolled .hdr, .mega-open .hdr {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.page-product .site-header, .page-product .site-header .nav-link, .page-product .site-header .logo-lockup {
  color:#151515 !important;
  text-shadow:none !important;
}
.page-product .site-header .lang { border-color:rgba(21,21,21,.26) !important; }
.page-product .burger span { background:#151515 !important; }
@media (max-width:760px), (orientation:portrait) and (max-width:1100px) {
.site-header::before { height:86px; }
}
.site-header, .mnav, .mega {--background:#fff;--soft-gray:#f7f7f5}
.site-header::before {
  height:104px !important;
  background:rgba(255,255,255,.88) !important;
  border-bottom:1px solid rgba(17,17,17,.07) !important;
  -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
  backdrop-filter:blur(18px) saturate(120%) !important;
  box-shadow:none !important;
}
.page-product .site-header, .page-product .site-header .nav-link, .page-product .site-header .logo-lockup {
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.30) !important;
}
.page-product .site-header .lang {border-color:rgba(255,255,255,.55) !important;}
.page-product .burger span {background:#fff !important;}
.header-on-light .page-product .site-header, .header-on-light .page-product .site-header .nav-link, .header-on-light .page-product .site-header .logo-lockup {
  color:#151515 !important;
  text-shadow:none !important;
}
.header-on-light .page-product .site-header .lang {border-color:rgba(21,21,21,.25) !important;}
.header-on-light .page-product .burger span {background:#151515 !important;}
@media (max-width:620px) {
.site-header::before {height:82px !important;}
}
.mnav {
  background:#fff !important;
  color:#111 !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.mnav-sub li a {border-radius:0 !important;}
.mnav-sub .media {border-radius:0 !important;}
.page-collection .site-header {color:#fff;}
.page-collection .site-header .nav-link, .page-collection .site-header .logo-lockup {color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.28);}
.page-collection .site-header .lang {border-color:rgba(255,255,255,.56);color:#fff;}
.page-collection .burger span {background:#fff !important;}
.header-on-light .page-collection .site-header, .header-on-light .page-collection .site-header .nav-link, .header-on-light .page-collection .site-header .logo-lockup {color:#111 !important;text-shadow:none !important;}
.header-on-light .page-collection .site-header .lang {color:#111 !important;border-color:rgba(17,17,17,.22) !important;}
.header-on-light .page-collection .burger span {background:#111 !important;}
.mega {
  background:#fff !important;
  color:#111 !important;
  border-color:rgba(17,17,17,.08) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.mega-card:hover {background:#f6f6f4 !important;}
.menu-open .site-header, .menu-open .site-header .logo-lockup {
  color:#111 !important;
  text-shadow:none !important;
}
.menu-open .burger span {background:#111 !important;}
.site-header, .mnav, .mega {--editorial-soft:#F4F4F2}
/* da assets/css/v21-1-precision.css */
.site-header, .mnav, .mega {--precision-line: rgba(17,17,17,.09);--precision-line-dark: rgba(255,255,255,.15);--precision-ease: cubic-bezier(.16,1,.3,1)}
@media (min-width:1181px) {
.hdr {
    padding-inline: clamp(18px,2vw,32px) !important;
  }
.nav-list--left, .nav-list--right {
    gap: clamp(0px,.18vw,4px);
  }
.nav-link {
    font-size: 12.5px !important;
    font-weight: 540 !important;
    letter-spacing: .085em !important;
    padding-inline: 10px !important;
    transition: opacity .28s ease, color .28s ease !important;
  }
.nav-link:hover, .has-mega.is-open > .nav-item-row .nav-link, .nav-link[aria-current="page"] {
    opacity: .70;
  }
}
.site-header::before {
  transition: opacity .3s ease, transform .42s var(--precision-ease), background-color .3s ease !important;
}
.header-on-light .site-header::before {
  background: rgba(255,255,255,.93) !important;
  border-bottom-color: rgba(17,17,17,.065) !important;
  -webkit-backdrop-filter: blur(20px) saturate(116%) !important;
  backdrop-filter: blur(20px) saturate(116%) !important;
}
.mega-card .media > img {
  transition: transform .9s var(--precision-ease) !important;
}
.mega-card:hover .media > img {
  transform: scale(1.014) !important;
}
.page-product .product-subnav-links a {
  transition: color .25s ease, opacity .25s ease;
}
.page-product .product-subnav-links a:not(.is-active) {
  opacity: .78;
}
.page-product .product-subnav-links a:hover, .page-product .product-subnav-links a.is-active {
  opacity: 1;
}
.foot-brand .foot-logo .logo-main {
  color: #fff !important;
  font-weight: 300 !important;
}
.foot-brand .foot-logo .logo-tag {
  margin-top: 6px !important;
  color: rgba(255,255,255,.58) !important;
  font-weight: 300 !important;
}
@media (max-width:1180px) {
.hdr {
    padding-inline: 16px !important;
  }
.burger {
    margin-right: -4px;
  }
}
/* da assets/css/v22-president.css */
@media (min-width:1181px) {
.hdr {position:relative!important;display:block!important;height:82px!important;padding:0 clamp(18px,2vw,30px)!important;}
.hdr .logo-lockup {position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0 10px!important;z-index:4!important;}
.hdr .nav--left, .hdr .nav--right {position:absolute!important;top:0!important;height:82px!important;display:flex!important;align-items:center!important;min-width:0!important;}
.hdr .nav--left {left:clamp(18px,2vw,30px)!important;right:calc(50% + 112px)!important;}
.hdr .nav--right {left:calc(50% + 112px)!important;right:76px!important;}
.hdr .nav--left .nav-list, .hdr .nav--right .nav-list {width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(3px,.35vw,9px)!important;}
.hdr .nav-link {padding-inline:clamp(4px,.55vw,9px)!important;font-size:clamp(10px,.72vw,12.2px)!important;letter-spacing:.07em!important;}
.hdr .mega-toggle {width:22px!important;margin-left:-5px!important;}
.hdr .lang {position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;}
}
@media (min-width:1181px) and (max-width:1360px) {
.hdr .nav-link {font-size:10px!important;letter-spacing:.045em!important;padding-inline:3px!important;}
.hdr .nav--left {right:calc(50% + 104px)!important;}
.hdr .nav--right {left:calc(50% + 104px)!important;}
}
/* da assets/css/v26-review.css */
@media (min-width:1181px) {
.site-header .hdr {
    z-index:3!important;
  }
.site-header .mega {
    position:fixed!important;
    inset:0 0 auto 0!important;
    top:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:calc(var(--header-top) + var(--header-h) + 34px) max(var(--gutter),calc((100vw - 1540px)/2)) 34px!important;
    border:0!important;
    border-bottom:1px solid rgba(17,17,17,.10)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.985)!important;
    color:#111!important;
    box-shadow:0 24px 55px rgba(0,0,0,.08)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(-18px)!important;
    transform-origin:top center!important;
    transition:opacity .24s ease,transform .34s cubic-bezier(.22,.8,.24,1),visibility 0s linear .34s!important;
    z-index:2!important;
  }
.mega-open .site-header .mega {
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
    transition:opacity .24s ease,transform .34s cubic-bezier(.22,.8,.24,1),visibility 0s!important;
  }
.site-header .mega > nav {
    width:100%!important;
    max-width:1540px!important;
    margin:0 auto!important;
  }
.site-header .mega-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(18px,1.7vw,30px)!important;
  }
.site-header .mega-card {
    padding:0!important;
    gap:13px!important;
    border-radius:0!important;
    background:transparent!important;
  }
.site-header .mega-card:hover {
    background:transparent!important;
  }
.site-header .mega-card .media {
    aspect-ratio:16/9!important;
    border-radius:0!important;
    background:#f3f3f1!important;
  }
.site-header .mega-card .media > img {
    transform:scale(1.001)!important;
    transition:transform .6s var(--ease-out),filter .35s ease!important;
  }
.site-header .mega-card:hover .media > img {
    transform:scale(1.025)!important;
  }
.site-header .mega-card-body {
    padding:0 2px!important;
    align-items:flex-start!important;
  }
.site-header .mega-card-title {
    font-size:13px!important;
    letter-spacing:.13em!important;
  }
.site-header .mega-card-desc {
    max-width:28em!important;
    margin-top:7px!important;
    font-size:13px!important;
    line-height:1.42!important;
    color:rgba(17,17,17,.56)!important;
  }
.site-header .mega-card .icon {
    width:17px!important;
    height:17px!important;
    margin-top:0!important;
  }
.site-header .mega-foot {
    margin-top:26px!important;
    padding:18px 2px 0!important;
    border-top:1px solid rgba(17,17,17,.10)!important;
    font-size:13px!important;
  }
.mega-open body::after {
    content:"";
    position:fixed;
    inset:0;
    z-index:80;
    background:rgba(0,0,0,.10);
    pointer-events:none;
    opacity:1;
  }
.mega-open .site-header {
    z-index:100!important;
  }
}
@media (min-width:1181px) {
.mega-open .site-header, .mega-open .site-header .nav-link, .mega-open .site-header .logo-lockup, .mega-open .site-header .lang, .mega-open .site-header .mega-toggle {
    color:#111!important;
    text-shadow:none!important;
  }
.mega-open .site-header .lang {border-color:rgba(17,17,17,.22)!important;}
.mega-open .site-header .burger span {background:#111!important;}
.site-header .mega-card-body > span:first-child {display:block!important;min-width:0!important;}
.site-header .mega-card-title, .site-header .mega-card-desc {display:block!important;}
.site-header .mega-card-desc {margin-top:8px!important;}
}
.logo-lockup {
  width:224px!important;
  height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.logo-png-wrap {
  position:relative;
  display:block;
  width:224px;
  height:70px;
  overflow:hidden;
  pointer-events:none;
}
.logo-png {
  position:absolute;
  left:50%;
  top:50%;
  width:224px;
  height:auto;
  max-width:none!important;
  transform:translate(-50%,-50%);
  transition:opacity .22s ease;
  pointer-events:none;
  user-select:none;
}
.logo-png--black {opacity:1;}
.logo-png--white {opacity:0;}
.page-home .site-header .logo-png--black, .page-product .site-header .logo-png--black, .page-collection .site-header .logo-png--black {opacity:0;}
.page-home .site-header .logo-png--white, .page-product .site-header .logo-png--white, .page-collection .site-header .logo-png--white {opacity:1;}
.header-on-light .page-home .site-header .logo-png--black, .header-on-light .page-product .site-header .logo-png--black, .header-on-light .page-collection .site-header .logo-png--black {opacity:1;}
.header-on-light .page-home .site-header .logo-png--white, .header-on-light .page-product .site-header .logo-png--white, .header-on-light .page-collection .site-header .logo-png--white {opacity:0;}
.mega-open .site-header .logo-png--black, .menu-open .site-header .logo-png--black {opacity:1!important;}
.mega-open .site-header .logo-png--white, .menu-open .site-header .logo-png--white {opacity:0!important;}
.footer-logo-png {
  display:block;
  width:225px;
  height:auto;
  max-width:100%;
}
.cfg-logo-png-wrap {
  position:relative;
  display:block;
  width:184px;
  height:54px;
  overflow:hidden;
  pointer-events:none;
}
.cfg-logo-png {
  position:absolute!important;
  display:block!important;
  left:50%;
  top:50%;
  width:184px!important;
  height:auto!important;
  max-width:none!important;
  transform:translate(-50%,-50%);
  mix-blend-mode:normal!important;
  pointer-events:none;
}
@media (max-width:1180px) {
.logo-lockup {width:184px!important;height:62px!important;}
.logo-png-wrap {width:184px;height:62px;}
.logo-png {width:184px;}
}
@media (max-width:700px) {
.logo-lockup {width:150px!important;height:56px!important;}
.logo-png-wrap {width:150px;height:56px;}
.logo-png {width:150px;}
.footer-logo-png {width:190px;}
.cfg-logo-png-wrap {width:138px;height:48px;}
.cfg-logo-png {width:138px!important;}
}
.logo-lockup img.logo-png {
  width:224px!important;
  height:auto!important;
  max-width:none!important;
}
.hd-logo img.cfg-logo-png {
  display:block!important;
  width:184px!important;
  height:auto!important;
  max-width:none!important;
  mix-blend-mode:normal!important;
}
@media (max-width:1180px) {
.logo-lockup img.logo-png {width:184px!important;}
}
@media (max-width:700px) {
.logo-lockup img.logo-png {width:150px!important;}
.hd-logo img.cfg-logo-png {width:138px!important;}
}
/* da assets/css/v27-fixes.css */
.hd .hd-logo .cfg-logo-png-wrap {
  flex:none !important;
  display:block !important;
  position:relative !important;
  width:184px !important;
  height:58px !important;
  overflow:hidden !important;
}
.hd .hd-logo img.cfg-logo-png {
  display:block !important;
  position:absolute !important;
  left:50% !important;top:50% !important;
  width:184px !important;height:auto !important;max-width:none !important;
  transform:translate(-50%,-50%) !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;visibility:visible !important;
}
@media (max-width:700px) {
.hd .hd-logo .cfg-logo-png-wrap {width:138px !important;height:44px !important;}
.hd .hd-logo img.cfg-logo-png {width:138px !important;}
}
/* da assets/css/v29.css */
@keyframes finishSpin{to{transform:rotate(360deg);}}
/* da assets/css/v30.css */
html:not(.header-on-light):not(.mega-open):not(.menu-open) body:is(.page-home, .page-collection) .site-header::before {
  opacity:1 !important;
  transform:none !important;
  height:100% !important;
  background:rgba(60,60,60,.28) !important;
  -webkit-backdrop-filter:blur(5px) saturate(110%) !important;
  backdrop-filter:blur(5px) saturate(110%) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
html:not(.header-on-light) body:is(.page-home, .page-collection) .site-header, html:not(.header-on-light) body:is(.page-home, .page-collection) .site-header .nav-link, html:not(.header-on-light) body:is(.page-home, .page-collection) .site-header .logo-lockup {
  text-shadow:none !important;
}
/* da assets/css/v54-header.css */
@media (min-width:901px) {
html body .site-header {height:72px !important;}
html body .site-header .hdr {height:64px !important;margin-top:8px !important;}
html body .site-header .hdr .nav--left, html body .site-header .hdr .nav--right {height:64px !important;}
html body .site-header::before {height:72px !important;}
html body .site-header .logo-lockup {width:168px !important;height:54px !important;}
html body .site-header .logo-png-wrap {width:168px !important;height:54px !important;}
html body .site-header .logo-lockup img.logo-png {width:168px !important;}
}
@media (max-width:900px) {
html body .site-header {height:62px !important;}
html body .site-header .hdr {height:54px !important;margin-top:8px !important;}
html body .site-header::before {height:62px !important;}
html body .site-header .logo-lockup {width:120px !important;height:44px !important;}
html body .site-header .logo-png-wrap {width:120px !important;height:44px !important;}
html body .site-header .logo-lockup img.logo-png {width:120px !important;}
}
/* da assets/css/v63-type.css */
.site-header, .mnav, .mega {--t1:clamp(42px,4.6vw,68px);--t2:clamp(30px,3.1vw,48px);--t-font:"Futura NAOS",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}

/* V82 — menu "clean": niente sfocatura dietro la testata.
   Sopra le foto: solo una lieve sfumatura scura che svanisce verso il basso. Scorrendo: fondo bianco pieno, senza vetro. */
html body .site-header::before,html body .hdr,html body .is-scrolled .hdr{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}
html:not(.header-on-light):not(.mega-open):not(.menu-open) body:is(.page-home,.page-product,.page-collection) .site-header::before{
  height:160% !important;border-bottom:0 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  background:linear-gradient(180deg,rgba(10,8,6,.42) 0%,rgba(10,8,6,.22) 45%,rgba(10,8,6,0) 100%) !important;}
html.header-on-light body .site-header::before,html.mega-open body .site-header::before,html.menu-open body .site-header::before{background:rgba(255,255,255,.97) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}