/* Sèva #prodotti: Spline 3D removed -> flat product carousel.
   Hide the 3D canvases and reveal the underlying Sèva product stills. */
.spline-3d{ display:none !important; }
#prodotti .prodotti__bottle-img{ visibility:visible !important; }

/* Nav wordmark — replaces the logo image for the Sèva rebrand */
.nav-wordmark{
  font-family:"Tenor Sans", serif;
  font-size:clamp(1.4rem, 2.4vw, 2.3rem);
  letter-spacing:.06em;
  line-height:1;
  color:currentColor;
  display:inline-block;
  white-space:nowrap;
  padding-top:.2em;
}
.dett-nav.is-on-footer .nav-wordmark{ color:#2a2520; }

/* ===========================================================================
   NX LOADER — reconstruction of the user's screenshot intro
   Scattered bento image cards + centered "Nymphai · Cosmetics" swapping title
   + "SCOPRI LA LINEA" CTA + bottom progress bar. Warm-taupe stage.
   Hands off to the live homepage clone via the site's own `preloader-done` event.
   =========================================================================== */
.nx-loader{
  position:fixed; inset:0; z-index:9000;
  background:
    radial-gradient(120% 90% at 50% 42%, #d8ccb2 0%, #c8b89c 42%, #bda98a 100%);
  overflow:hidden;
  font-family:"quasimoda", sans-serif;
  -webkit-font-smoothing:antialiased;
}
.nx-loader.is-hidden{ pointer-events:none; }

/* --- scattered cards layer --- */
.nx-loader__cards{ position:absolute; inset:0; }
.nx-card{
  position:absolute;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 24px 60px -24px rgba(60,48,30,.5), 0 6px 18px -8px rgba(60,48,30,.35);
  will-change:transform,opacity;
  opacity:0;
  background:#c2b498;
}
.nx-card img{
  width:100%; height:100%; object-fit:cover; display:block;
  pointer-events:none; user-select:none; -webkit-user-drag:none;
}

/* --- center title: Nymphai [img] Cosmetics --- */
.nx-loader__title{
  position:absolute; left:50%; top:47%; transform:translate(-50%,-50%);
  display:flex; align-items:center; gap:1.6vw;
  font-family:"Tenor Sans", serif;
  color:#f4ede0;
  font-weight:400;
  font-size:clamp(34px, 5.2vw, 78px);
  letter-spacing:.01em;
  white-space:nowrap;
  z-index:3;
  pointer-events:none;
  text-shadow:0 2px 24px rgba(70,52,30,.18);
}
.nx-loader__word{ display:inline-block; }
.nx-loader__title-img{
  width:clamp(74px, 8vw, 122px);
  height:clamp(48px, 5vw, 78px);
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 14px 34px -14px rgba(60,48,30,.55);
  background:#cbbd9f;
}

/* --- SCOPRI LA LINEA CTA --- */
.nx-loader__cta{
  position:absolute; left:50%; top:82%; transform:translate(-50%,-50%);
  z-index:4;
  display:inline-flex; align-items:center; gap:.6em;
  padding:.95em 1.8em;
  border:1px solid rgba(244,237,224,.72);
  border-radius:999px;
  background:rgba(120,104,78,.16);
  backdrop-filter:blur(3px);
  color:#f6efe3;
  font-family:"quasimoda", sans-serif;
  font-size:clamp(11px,.86vw,13px);
  letter-spacing:.22em;
  text-transform:uppercase;
  text-decoration:none;
  opacity:0;
  white-space:nowrap;
  transition:background .35s ease, border-color .35s ease;
}
.nx-loader__cta:hover{ background:rgba(120,104,78,.32); border-color:#f6efe3; }
.nx-loader__cta svg{ width:12px; height:12px; }

/* --- progress bar --- */
.nx-loader__progress{
  position:absolute; left:50%; bottom:7.5%; transform:translateX(-50%);
  z-index:5;
  display:flex; flex-direction:column; align-items:center; gap:.7em;
  opacity:0;
}
.nx-loader__bars{ display:flex; align-items:center; gap:3px; height:12px; }
.nx-bar{
  width:2px; height:4px; border-radius:1px;
  background:rgba(244,237,224,.28);
  transition:height .18s ease, background .18s ease;
}
.nx-bar.is-on{ background:rgba(244,237,224,.92); }
.nx-loader__pct{
  font-family:"quasimoda", sans-serif;
  font-size:11px; letter-spacing:.14em;
  color:rgba(244,237,224,.78);
}

/* exit */
.nx-loader.nx-exit{ transition:opacity .7s ease; }

@media (max-width:768px){
  .nx-loader__title{ font-size:clamp(28px,9vw,44px); gap:3.2vw; }
  .nx-loader__title-img{ width:64px; height:42px; }
  /* JS trims the card set to a curated 6 on <=768px (see loader.src.js) */
}