/* ===== Stile "liquid glass" — Fraire Service (sfondo E leggero) ===== */
html.glass{
  --g-fill:rgba(255,255,255,0.022);
  --g-fill-strong:rgba(255,255,255,0.06);
  --g-border:rgba(255,255,255,0.18);
  --g-light:inset 0 1px 0 rgba(255,255,255,0.42), inset 0 -1px 0 rgba(255,255,255,0.06), inset 1px 0 0 rgba(255,255,255,0.09);
  --g-shadow:0 14px 44px rgba(0,0,0,0.38), 0 2px 8px rgba(0,0,0,0.22);
  --g-blur:blur(16px) saturate(130%);
  --gold-grad:linear-gradient(180deg,#FFE55A 0%,#F5D00C 55%,#E4BC00 100%);
  --gold-shadow:inset 0 1px 0 rgba(255,255,255,0.8), inset 0 -3px 8px rgba(150,110,0,0.28), 0 10px 28px rgba(245,208,12,0.34);

  
  --paper:#06121C;
  --card:rgba(255,255,255,0.07);
  --ink:#EEF4F7;
  --ink-soft:rgba(226,236,242,0.74);
  --line:rgba(255,255,255,0.14);
  --line-dark:rgba(255,255,255,0.16);
  --brand-blue-deep:#7CC1EA;
}
html.glass{background:var(--paper);}
html.glass section,
html.glass .marchi,
html.glass footer{background:transparent !important;}
html.glass .eyebrow,
html.glass .eyebrow.on-dark{color:var(--brand-blue-light);}
html.glass h1, html.glass h2, html.glass h3{color:var(--ink);}
html.glass .topbar-inner,
html.glass .mobile-nav,
html.glass .trust-inner,
html.glass .service-primary,
html.glass .zone-card,
html.glass .step-item,
html.glass .perche-body,
html.glass .review-card,
html.glass .info-block,
html.glass .form-card,
html.glass .gauge-wrap,
html.glass .phone-menu,
html.glass .mobile-callbar,
html.glass .cookie-banner{
  background:var(--g-fill);
  -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur);
  border:1px solid var(--g-border);
  box-shadow:var(--g-light), var(--g-shadow);
  color:var(--ink);
}
html.glass .topbar{background:transparent; border:none; backdrop-filter:none; -webkit-backdrop-filter:none; padding:12px 16px 0;}
html.glass .topbar-inner{border-radius:26px; padding:10px 14px 10px 18px; max-width:1120px;}
html.glass .logo, html.glass nav.main-nav a{color:var(--ink);}
html.glass nav.main-nav a{opacity:0.88;}
html.glass nav.main-nav a.nav-cta{color:var(--ink); font-weight:700; opacity:1;
  padding:8px 16px; border-radius:999px; background:var(--g-fill-strong); border:1.5px solid var(--brand-yellow); box-shadow:var(--g-light), 0 0 0 1px rgba(245,208,12,0.12);}
html.glass nav.main-nav a.nav-cta:hover{background:rgba(245,208,12,0.16); color:var(--ink);}
html.glass .mobile-nav a.nav-cta{color:#B88A00;}
html.glass .call-pill, html.glass .btn-primary, html.glass .form-submit{
  background:var(--gold-grad); color:#2A2000; border:1px solid rgba(255,244,170,0.9);
  box-shadow:var(--gold-shadow); border-radius:999px;
}
html.glass .call-pill:hover, html.glass .btn-primary:hover, html.glass .form-submit:hover{filter:brightness(1.05); background:var(--gold-grad);}
html.glass .btn-primary{padding:15px 26px;}
html.glass .btn-ghost{
  background:var(--g-fill-strong); color:var(--ink); border:1.5px solid var(--brand-yellow);
  -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur);
  box-shadow:var(--g-light), 0 8px 24px rgba(0,0,0,0.18); border-radius:999px; padding:15px 26px;
}
html.glass .btn-ghost:hover{background:rgba(245,208,12,0.16); color:var(--ink); border-color:var(--brand-yellow);}
html.glass .menu-btn{
  background:var(--g-fill-strong); border:1px solid var(--g-border); color:var(--ink);
  border-radius:50%; box-shadow:var(--g-light);
}
html.glass .mobile-nav{border-radius:22px; margin:8px 0 0; padding:6px 18px 12px;}
html.glass .mobile-nav a{color:var(--ink); border-bottom-color:var(--line);}
html.glass .hero{background:transparent; color:var(--ink); padding:56px 0 64px;}
html.glass .hero p.lede{color:var(--ink-soft);}
html.glass .gauge-wrap{border-radius:44px; padding:34px 26px 28px; max-width:380px; margin:0 auto; width:100%;}
html.glass .gauge-figure circle[fill="#1D3543"]{fill:rgba(255,255,255,0.12); stroke:rgba(255,255,255,0.35);}
html.glass .gauge-figure circle[fill="#152531"]{fill:rgba(8,24,38,0.55); stroke:#F5D00C;}
html.glass .gauge-figure .orbit-ring{stroke:rgba(255,255,255,0.35);}
html.glass .gauge-figure .hub-line{stroke:rgba(255,255,255,0.25);}
html.glass .gauge-figure text{fill:var(--ink-soft);}
html.glass .gauge-caption .trust{color:var(--ink-soft);}
html.glass .trust{background:transparent; border:none; padding:0;}
html.glass div.trust{padding:0 24px;}
html.glass .trust-inner{border-radius:30px; padding:22px 26px; max-width:1072px;}
html.glass .trust-item svg{color:var(--brand-blue-light);}
html.glass .trust-item{color:var(--ink);}
html.glass .trust-item span{color:var(--ink-soft);}
html.glass .section-head p{color:var(--ink-soft);}
html.glass .step-item{border-radius:28px; padding:26px 26px 28px;}
html.glass .step-num{
  background:var(--gold-grad); color:#2A2000; border:1px solid rgba(255,244,170,0.9);
  box-shadow:var(--gold-shadow);
}
html.glass .step-item p{color:var(--ink-soft);}
html.glass .chisiamo-body p{color:var(--ink-soft);}
html.glass .badge{
  background:var(--g-fill); border:1px solid var(--g-border); border-radius:999px; color:var(--ink);
  -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur); box-shadow:var(--g-light);
}
html.glass .badge svg{color:var(--brand-blue-light);}
html.glass .zone-card{border-radius:30px; padding:30px;}
html.glass .zone-list li{border-bottom-color:var(--line);}
html.glass .zone-list svg{color:var(--brand-blue-light);}
html.glass .service-primary{border-radius:32px; padding:34px;}
html.glass .service-primary h3{color:var(--ink);}
html.glass .service-primary p{color:var(--ink-soft);}
html.glass .service-primary .service-icon{
  background:var(--g-fill-strong); border:1px solid var(--g-border); box-shadow:var(--g-light);
  border-radius:18px !important;
}
html.glass .service-primary .service-icon svg{color:var(--brand-yellow);}
html.glass .service-primary .tag-list span{
  color:var(--ink); background:var(--g-fill); border:1px solid var(--g-border); border-radius:999px; padding:6px 13px;
  box-shadow:var(--g-light);
}
html.glass .perche-body{border-radius:32px; padding:34px 38px; max-width:820px;
  box-shadow:var(--g-light), var(--g-shadow), inset 4px 0 0 var(--brand-yellow);}
html.glass .perche-body p{color:var(--ink-soft);}
html.glass .review-card{border-radius:28px; padding:28px;}
html.glass .review-card p{color:var(--ink);}
html.glass .review-author{color:var(--ink-soft);}
html.glass .marchi h2, html.glass .brand-group h4{color:var(--ink);}
html.glass .marchi .section-head p, html.glass .marchi-note{color:var(--ink-soft);}
html.glass .marchi-note b{color:var(--ink);}
html.glass .chip{
  color:var(--ink); background:var(--g-fill); border:1px solid var(--g-border); border-radius:999px; padding:7px 14px;
  -webkit-backdrop-filter:blur(14px) saturate(130%); backdrop-filter:blur(14px) saturate(130%);
  box-shadow:var(--g-light);
}
html.glass .brands-toggle{
  background:var(--g-fill-strong); color:var(--ink); border:1px solid var(--g-border);
  box-shadow:var(--g-light); -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur);
}
html.glass .brands-toggle:hover{border-color:var(--brand-yellow);}
html.glass .info-block{border-radius:28px; padding:22px 26px; margin-bottom:18px;}
html.glass .info-block h4{color:var(--brand-blue-deep);}
html.glass .contact-line{color:var(--ink); border-bottom-color:var(--line);}
html.glass .contact-line svg{color:var(--brand-blue-light);}
html.glass .hours-table td{border-bottom-color:var(--line);}
html.glass .hours-table td:last-child{color:var(--ink-soft);}
html.glass .pay-chip{
  background:var(--g-fill-strong); border:1px solid var(--g-border); color:var(--ink); border-radius:999px; padding:6px 13px;
  box-shadow:var(--g-light);
}
html.glass .form-card{border-radius:34px; padding:34px;}
html.glass .form-card > p, html.glass .form-note{color:var(--ink-soft);}
html.glass .form-field label{color:var(--ink);}
html.glass .form-field input, html.glass .form-field select, html.glass .form-field textarea{
  background:rgba(255,255,255,0.08); color:var(--ink); border:1px solid var(--g-border); border-radius:16px;
  box-shadow:inset 0 2px 6px rgba(0,0,0,0.22); padding:12px 14px;
}
html.glass .form-field select option{color:#10222E;}
html.glass .form-submit{padding:16px;}
html.glass footer{color:var(--ink-soft); border-top:1px solid var(--line);}
html.glass .footer-legal a{color:var(--ink);}
html.glass .social-row a{
  background:var(--g-fill); border:1px solid var(--g-border); border-radius:50%; box-shadow:var(--g-light);
}
html.glass .social-row svg{color:var(--ink);}
html.glass .footer-bottom{border-top-color:var(--line); color:var(--ink-soft);}
html.glass .mobile-callbar{
  left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); border-radius:28px; padding:9px 10px;
}
html.glass .mobile-callbar .icon-btn{border-radius:20px;}
html.glass .mobile-callbar .call{background:var(--gold-grad); box-shadow:var(--gold-shadow); border:1px solid rgba(255,244,170,0.9);}
html.glass .mobile-callbar .wa{background:linear-gradient(180deg,#4BE58A,#1FB955); box-shadow:inset 0 1px 0 rgba(255,255,255,0.6), 0 8px 22px rgba(37,211,102,0.35);}
html.glass .mobile-callbar .form{
  border-radius:20px; background:var(--g-fill-strong); border:1px solid var(--g-border); box-shadow:var(--g-light);
}
html.glass .mobile-callbar .form .t1{color:var(--ink);}
html.glass .mobile-callbar .form .t2{color:var(--ink-soft);}
html.glass .phone-menu{border-radius:20px;}
html.glass .phone-menu a{border-bottom-color:var(--line);}
html.glass .phone-menu a .name{color:var(--ink);}
html.glass .phone-menu a .num{color:var(--brand-blue-light);}
@media (max-width:1180px){
  html.glass body{padding-bottom:100px;}
  html.glass .topbar{padding:10px 12px 0;}
  html.glass .gauge-wrap{max-width:300px; padding:26px 20px 22px;}
  html.glass .service-primary{padding:26px;}
  html.glass .perche-body{padding:26px 24px;}
  html.glass .form-card{padding:24px;}
}
html.glass .cookie-banner{top:10px; left:10px; right:10px; border-radius:20px; padding:8px 14px;}
html.glass .cookie-banner p{color:var(--ink);}
html.glass .cookie-banner a{color:var(--brand-blue-light);}
html.glass .cookie-banner .btn-accept{background:var(--gold-grad); border:1px solid rgba(255,244,170,0.9); border-radius:999px; box-shadow:var(--gold-shadow);}
html.glass .cookie-banner .btn-reject{background:var(--g-fill-strong); color:var(--ink); border:1px solid var(--g-border); border-radius:999px;}
html.glass .topbar-inner{background:linear-gradient(180deg, rgba(10,28,44,0.47), rgba(6,18,28,0.39));}
html.glass .mobile-nav{background:rgba(8,22,34,0.54);}
html.glass .mobile-callbar{background:linear-gradient(180deg, rgba(14,34,52,0.60), rgba(6,18,28,0.62));}
html.glass .phone-menu{background:rgba(10,28,44,0.70);}
html.glass .cookie-banner{background:rgba(8,22,34,0.64);}
@media (max-width:1180px){
  html.glass .gauge-wrap{max-width:250px; padding:18px 14px 16px; border-radius:34px;}
  html.glass .gauge-figure{width:190px;}
  html.glass .hero{padding:36px 0 48px;}
}
html.glass .gauge-wrap{
  background:none !important; border:none !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  padding:0 !important; max-width:none !important; border-radius:0 !important;
}
html.glass .gauge-figure{width:min(380px, 80vw);}
@media (max-width:1180px){
  html.glass .gauge-figure{width:min(250px, 70vw);}
}
html.glass .gauge-figure circle[fill="#152531"]{filter:drop-shadow(0 0 14px rgba(245,208,12,0.28));}
html.glass .gauge-caption .trust{color:rgba(226,236,242,0.72); max-width:260px;}
html.glass{
  --grana:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.11 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
html.glass.bg-misto2 body{
  background:
    var(--grana),
    linear-gradient(112deg, transparent 0 62%, rgba(111,182,224,0.065) 62% 77%, transparent 77% 100%),
    linear-gradient(112deg, transparent 0 84%, rgba(245,208,12,0.095) 84% 85.2%, transparent 85.2% 100%),
    linear-gradient(112deg, transparent 0 10%, rgba(111,182,224,0.035) 10% 16%, transparent 16% 100%),
    linear-gradient(165deg, #0F4670 0%, #0B2D49 28%, #081A2B 60%, #0B2D49 100%) !important;
  background-size:180px 180px, 100% 1500px, 100% 1500px, 100% 1500px, 100% 100% !important;
  background-repeat:repeat, repeat-y, repeat-y, repeat-y, no-repeat !important;
  background-attachment:scroll !important;
}
@media (max-width:1180px){
  html.glass.bg-misto2 body{background-size:180px 180px, 100% 1100px, 100% 1100px, 100% 1100px, 100% 100% !important;}
}

/* variabili mancanti in alcune pagine + messaggi del modulo leggibili su vetro scuro */
html.glass{--brand-blue:#1C7FBE; --brand-blue-light:#6FB6E0; --brand-yellow-deep:#D8B400; --graphite-2:#1D3543;}
html.glass body{color:var(--ink);}
html.glass .form-status.ok{color:#A8F3C4; background:rgba(95,211,141,0.16); border:1px solid rgba(140,240,180,0.35); border-radius:14px; padding:12px;}
html.glass .form-status.err{color:#FFC0B4; background:rgba(255,100,80,0.15); border:1px solid rgba(255,150,130,0.38); border-radius:14px; padding:12px;}

/* --- pagina "Richiedi assistenza" --- */
html.glass.pg-form body, html.glass.pg-priv body{padding-bottom:0;}
html.glass.pg-form .topbar-inner{max-width:720px;}
html.glass.pg-form .header{background:transparent; padding:24px 0 52px;}
html.glass.pg-form .header p{color:var(--ink-soft);}
html.glass.pg-form .back-link{color:var(--ink);}
html.glass.pg-form .quick-call a{
  color:var(--ink); background:var(--g-fill); border:1px solid var(--g-border); border-radius:999px; box-shadow:var(--g-light);
  -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur); padding:10px 16px;
}
html.glass.pg-form .quick-call a:hover{border-color:var(--brand-yellow); color:var(--brand-yellow);}
html.glass.pg-form main{margin-top:-10px; padding-bottom:48px;}
html.glass.pg-form footer{border-top:none;}

/* --- pagina "Privacy policy" --- */
html.glass.pg-priv .topbar{padding:12px 16px 0;}
html.glass.pg-priv .topbar .wrap{
  max-width:760px; padding:12px 22px; border-radius:26px;
  background:var(--g-fill); -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur);
  border:1px solid var(--g-border); box-shadow:var(--g-light), var(--g-shadow);
}
html.glass.pg-priv .logo{color:var(--ink);}
html.glass.pg-priv .back{color:var(--ink);}
html.glass.pg-priv .card{
  background:var(--g-fill); -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur);
  border:1px solid var(--g-border); box-shadow:var(--g-light), var(--g-shadow); border-radius:26px; padding:22px 26px;
}
html.glass.pg-priv main{padding:36px 0 56px;}
html.glass.pg-priv .updated{color:var(--ink-soft);}
html.glass.pg-priv footer{border-top:1px solid var(--line);}

/* --- componenti di home e pagine interne (marchi, città, servizi, codici errore, 404) --- */
html.glass .page-hero{padding:40px 0 52px;}
html.glass .crumbs, html.glass .crumbs a{color:var(--ink-soft);}
html.glass .crumbs a:hover{color:var(--brand-yellow);}

html.glass .issue, html.glass .zone-box, html.glass .faq details{
  background:var(--g-fill); -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur);
  border:1px solid var(--g-border); box-shadow:var(--g-light), var(--g-shadow); color:var(--ink);
}
html.glass .issue{border-radius:26px; padding:24px 24px 26px;}
html.glass .issue h3{color:var(--ink);}
html.glass .issue p{color:var(--ink-soft);}
html.glass .svc-grid a.issue{text-decoration:none; color:var(--ink);}
html.glass .svc-grid a.issue:hover{border-color:var(--brand-yellow); background:var(--g-fill-strong);}
html.glass .prose p{color:var(--ink-soft);}
html.glass .zone-box{border-radius:28px; padding:28px;}
html.glass .zone-box h3{color:var(--ink);}
html.glass .zone-box p{color:var(--ink-soft);}

html.glass .faq details{border-radius:22px; padding:18px 24px; margin-bottom:12px;}
html.glass .faq summary{color:var(--ink);}
html.glass .faq summary::after{color:var(--brand-yellow);}
html.glass .faq details p{color:var(--ink-soft);}

html.glass .cta-band .wrap{
  width:min(1072px, calc(100% - 32px)); max-width:none; padding:34px 40px; border-radius:34px;
  background:var(--g-fill); -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur);
  border:1px solid var(--g-border); box-shadow:var(--g-light), var(--g-shadow);
}
html.glass .cta-band h2{color:var(--ink);}
html.glass .cta-band p{color:var(--ink-soft);}

html.glass .related a{
  background:var(--g-fill); color:var(--ink); border:1px solid var(--g-border); border-radius:999px;
  -webkit-backdrop-filter:blur(14px) saturate(130%); backdrop-filter:blur(14px) saturate(130%); box-shadow:var(--g-light);
}
html.glass .related a:hover{border-color:var(--brand-yellow); color:var(--brand-yellow);}

/* pulsante WhatsApp: vetro con bordo verde */
html.glass .btn-wa{
  background:var(--g-fill-strong); color:var(--ink); border:1px solid rgba(37,211,102,0.65); border-radius:999px; padding:15px 26px;
  -webkit-backdrop-filter:var(--g-blur); backdrop-filter:var(--g-blur); box-shadow:var(--g-light), 0 8px 24px rgba(0,0,0,0.18);
}
html.glass .btn-wa:hover{background:linear-gradient(180deg,#4BE58A,#1FB955); color:#fff; border-color:rgba(190,255,215,0.8);}
html.glass .btn-wa:hover svg path{fill:#fff;}

/* link nelle card, nei tag e nei marchi */
html.glass .service-primary .tag-list a{
  color:var(--ink); background:var(--g-fill); border:1px solid var(--g-border); border-radius:999px; padding:6px 13px; box-shadow:var(--g-light);
}
html.glass .service-primary .tag-list a:hover{background:var(--brand-yellow); color:#2A2000;}
html.glass a.chip-link{border-color:rgba(245,208,12,0.75); color:var(--brand-yellow);}
html.glass a.chip-link:hover{background:var(--brand-yellow); color:#2A2000;}
html.glass .zone-towns{color:var(--ink-soft);}
html.glass .zone-towns a{color:var(--ink);}
html.glass .town-chips a, html.glass .town-chips span{
  background:var(--g-fill); color:var(--ink); border:1px solid var(--g-border); border-radius:999px; box-shadow:var(--g-light);
}
@media (max-width:1180px){
  html.glass .cta-band .wrap{padding:26px 24px;}
  html.glass .issue{padding:22px;}
}

/* pulsanti del primo schermo: contenuto centrato anche quando vanno a tutta larghezza (telefono) */
html.glass .hero-ctas > a, html.glass .cta-band .hero-ctas > a{justify-content:center;}

/* numero di telefono nel pulsante giallo: testo nero, ben leggibile */
html.glass nav.main-nav a.call-pill,
html.glass nav.main-nav a.call-pill:hover{color:#111111; opacity:1; font-weight:700;}
html.glass .call-pill svg{stroke:#111111;}

/* ===== v4 — "più vetro": trasparenza spinta + riflessi sotto il vetro ===== */
html.glass{
  --g-fill:rgba(255,255,255,0.010);
  --g-fill-strong:rgba(255,255,255,0.040);
  --g-border:rgba(255,255,255,0.27);
  /* meno sfocatura: lo sfondo (strisce) si vede attraverso il vetro, con un po' più di luce e colore */
  --g-blur:blur(8px) saturate(122%) brightness(1.03);
  /* riflesso diagonale in alto a sinistra + bagliore freddo in basso a destra */
  --sheen:
    linear-gradient(126deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.075) 20%, rgba(255,255,255,0) 44%),
    linear-gradient(316deg, rgba(150,210,255,0.08) 0%, rgba(150,210,255,0) 30%);
  /* riflesso morbido dall'alto per pillole e pulsanti */
  --sheen-soft:linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.05) 52%, rgba(255,255,255,0) 100%);
  /* bordo luminoso: luce netta sopra, rimbalzo azzurro sotto, alone interno morbido */
  --g-light:
    inset 0 1.5px 0 rgba(255,255,255,0.75),
    inset 0 -1px 0 rgba(255,255,255,0.16),
    inset 1px 0 0 rgba(255,255,255,0.18),
    inset -1px 0 0 rgba(255,255,255,0.07),
    inset 0 24px 32px -24px rgba(255,255,255,0.22),
    inset 0 -20px 28px -22px rgba(120,195,245,0.15);
  --g-shadow:0 18px 48px rgba(0,0,0,0.28), 0 2px 8px rgba(0,0,0,0.14);
}

/* riflesso sui pannelli grandi */
html.glass .trust-inner, html.glass .service-primary, html.glass .zone-card, html.glass .step-item,
html.glass .perche-body, html.glass .review-card, html.glass .info-block, html.glass .form-card,
html.glass .issue, html.glass .zone-box, html.glass .faq details, html.glass .cta-band .wrap,
html.glass.pg-priv .card, html.glass.pg-priv .topbar .wrap{
  background-image:var(--sheen);
}
/* in hover i pannelli cliccabili restano vetrosi */
html.glass .svc-grid a.issue:hover{background-image:var(--sheen);}

/* barra in alto, menu e banner: restano un po' più densi (stanno sopra il testo che scorre) */
html.glass .topbar-inner{
  background-image:var(--sheen), linear-gradient(180deg, rgba(10,28,44,0.36), rgba(6,18,28,0.28));
  -webkit-backdrop-filter:blur(18px) saturate(125%) brightness(1.03); backdrop-filter:blur(18px) saturate(125%) brightness(1.03);
}
html.glass .mobile-nav{
  background-image:var(--sheen), linear-gradient(180deg, rgba(8,22,34,0.46), rgba(8,22,34,0.46));
  -webkit-backdrop-filter:blur(18px) saturate(125%); backdrop-filter:blur(18px) saturate(125%);
}
html.glass .mobile-callbar{
  background-image:var(--sheen), linear-gradient(180deg, rgba(14,34,52,0.52), rgba(6,18,28,0.54));
  -webkit-backdrop-filter:blur(16px) saturate(125%); backdrop-filter:blur(16px) saturate(125%);
}
html.glass .phone-menu{
  background-image:var(--sheen), linear-gradient(180deg, rgba(10,28,44,0.60), rgba(10,28,44,0.60));
  -webkit-backdrop-filter:blur(18px) saturate(125%); backdrop-filter:blur(18px) saturate(125%);
}
html.glass .cookie-banner{
  background-image:var(--sheen), linear-gradient(180deg, rgba(8,22,34,0.56), rgba(8,22,34,0.56));
  -webkit-backdrop-filter:blur(16px) saturate(125%); backdrop-filter:blur(16px) saturate(125%);
}

/* pillole e pulsanti in vetro: riflesso dall'alto */
html.glass nav.main-nav a.nav-cta, html.glass .btn-ghost, html.glass .btn-wa, html.glass .related a,
html.glass .service-primary .tag-list a, html.glass .town-chips a, html.glass .town-chips span,
html.glass.pg-form .quick-call a, html.glass .menu-btn{
  background-image:var(--sheen-soft);
}
html.glass nav.main-nav a.nav-cta:hover, html.glass .btn-ghost:hover{
  background-image:var(--sheen-soft), linear-gradient(0deg, rgba(245,208,12,0.16), rgba(245,208,12,0.16));
}

/* ===== v5 — sfondo FISSO: scorrendo la pagina, i riquadri di vetro si muovono sopra le strisce ===== */
html.glass.bg-misto2{background-color:#081A2B;}
html.glass.bg-misto2 body{background:transparent !important;}
html.glass.bg-misto2::before{
  content:""; position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; pointer-events:none;
  background:
    var(--grana),
    linear-gradient(112deg, transparent 0 8%,  rgba(111,182,224,0.040) 8% 13%,  transparent 13% 100%),
    linear-gradient(112deg, transparent 0 29%, rgba(111,182,224,0.055) 29% 31.2%, transparent 31.2% 100%),
    linear-gradient(112deg, transparent 0 43%, rgba(111,182,224,0.045) 43% 56%, transparent 56% 100%),
    linear-gradient(112deg, transparent 0 66%, rgba(111,182,224,0.075) 66% 80%, transparent 80% 100%),
    linear-gradient(112deg, transparent 0 86%, rgba(245,208,12,0.100) 86% 87.2%, transparent 87.2% 100%),
    linear-gradient(165deg, #0F4670 0%, #0B2D49 28%, #081A2B 60%, #0B2D49 100%);
  background-size:180px 180px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-repeat:repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  -webkit-transform:translateZ(0); transform:translateZ(0);
}

/* ===== v6 — bordo luminoso ridotto, sfondo fisso chiaro (come l'inizio della pagina), strisce più marcate ===== */
html.glass{
  --ink-soft:rgba(232,240,246,0.90);
  --g-border:rgba(255,255,255,0.12);
  --g-light:
    inset 0 1px 0 rgba(255,255,255,0.30),
    inset 0 -1px 0 rgba(255,255,255,0.06),
    inset 1px 0 0 rgba(255,255,255,0.07),
    inset -1px 0 0 rgba(255,255,255,0.03),
    inset 0 22px 30px -26px rgba(255,255,255,0.10),
    inset 0 -18px 26px -22px rgba(120,195,245,0.09);
  --sheen:
    linear-gradient(126deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.06) 20%, rgba(255,255,255,0) 44%),
    linear-gradient(316deg, rgba(150,210,255,0.07) 0%, rgba(150,210,255,0) 30%);
}
html.glass.bg-misto2::before{
  background:
    var(--grana),
    linear-gradient(112deg, transparent 0 6%,    rgba(3,18,38,0.18) 6% 12%,        transparent 12% 100%),
    linear-gradient(112deg, transparent 0 13%,   rgba(170,220,255,0.10) 13% 15%,   transparent 15% 100%),
    linear-gradient(112deg, transparent 0 30%,   rgba(150,205,250,0.065) 30% 44%,  transparent 44% 100%),
    linear-gradient(112deg, transparent 0 47%,   rgba(3,18,38,0.14) 47% 50%,       transparent 50% 100%),
    linear-gradient(112deg, transparent 0 64%,   rgba(160,215,255,0.105) 64% 79%,   transparent 79% 100%),
    linear-gradient(112deg, transparent 0 80%,   rgba(3,18,38,0.17) 80% 83%,       transparent 83% 100%),
    linear-gradient(112deg, transparent 0 87%,   rgba(245,208,12,0.17) 87% 88.4%,  transparent 88.4% 100%),
    linear-gradient(165deg, #0F4670 0%, #0E4068 50%, #0C395B 100%);
  background-size:180px 180px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-repeat:repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
html.glass.bg-misto2{background-color:#0C395B;}

/* ===== v7 — barra del menu in alto: più opaca, sfocatura maggiore, testo più marcato ===== */
html.glass .topbar-inner,
html.glass.pg-priv .topbar .wrap{
  background-image:var(--sheen), linear-gradient(180deg, rgba(9,29,48,0.62), rgba(6,21,35,0.55));
  -webkit-backdrop-filter:blur(24px) saturate(130%); backdrop-filter:blur(24px) saturate(130%);
  border-color:rgba(255,255,255,0.18);
}
html.glass nav.main-nav a{color:#FFFFFF; opacity:1; font-weight:600; text-shadow:0 1px 2px rgba(0,0,0,0.40);}
html.glass nav.main-nav a.nav-cta{font-weight:700;}
html.glass nav.main-nav a.call-pill, html.glass nav.main-nav a.call-pill:hover{font-weight:800; text-shadow:none;}
/* menu a tendina (telefono): stessa densità della barra */
html.glass .mobile-nav, html.glass .phone-menu{
  background-image:var(--sheen), linear-gradient(180deg, rgba(8,30,52,0.90), rgba(6,22,38,0.88));
  -webkit-backdrop-filter:blur(24px) saturate(130%); backdrop-filter:blur(24px) saturate(130%);
}