/* ===========================================================
   LAYOUT
   Container, sezioni, grid e spacing generici
   =========================================================== */

.container {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: var(--ds-space-2);
}

/* === START: GLASS / EMBOSS UTILITIES (riutilizzabili) === */
.glass {
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  background-color: rgba(255,255,255,0.35);
  border: 1px solid rgba(255,255,255,0.25);
}

.emboss-glass {
  backdrop-filter: blur(8px) saturate(150%);
  -webkit-backdrop-filter: blur(8px) saturate(150%);
  background: rgba(255,255,255,0.45);
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6),
    0 8px 20px rgba(0,0,0,0.08);
  border-radius: 9999px;
}

.emboss-glass--hard {
  backdrop-filter: blur(10px) saturate(170%);
  -webkit-backdrop-filter: blur(10px) saturate(170%);
  background: rgba(255,255,255,0.5);
  border: 1px solid rgba(255,255,255,0.4);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    0 10px 24px rgba(0,0,0,0.10);
  border-radius: 9999px;
}
/* === END: GLASS / EMBOSS === */



.section {
  padding-block: var(--ds-space-4);
}

.grid {
  display: grid;
  gap: var(--ds-space-3);
}

/* START: GLASS EFFECT (dedup) — removed duplicate .glass
   Nota: la definizione canonica di .glass è quella sopra in:
   "GLASS / EMBOSS UTILITIES (riutilizzabili)".
   Questo blocco era un duplicato e causava override imprevedibili.
*/
/* END: GLASS EFFECT (dedup) — removed duplicate .glass */

/* START: header adaptive on hero (L1) */
body.is-hero-top header.nav{
  background-color: rgba(255,255,255,0.10) !important;
  border-color: rgba(255,255,255,0.18) !important;
  backdrop-filter: blur(10px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
}

body.is-hero-top .product-bar{
  /* product bar un filo più “leggera” sopra hero */
  background: rgba(255,255,255,0.10);
}
/* END: header adaptive on hero (L1) */