/* =========================================================================
   NAOS V27 — fix generali (ultimo layer, caricato dopo tutti gli altri)
   ========================================================================= */

/* 1. HOME — la sezione 2 (video ambientato) è staccata dalla hero ---------- */
body.page-home main#main > section.hero + section.ambient-story.ambient-editorial{
  margin-top:clamp(72px,8vw,136px) !important;
}
@media (max-width:1023px){
  body.page-home main#main > section.hero + section.ambient-story.ambient-editorial{margin-top:40px !important;}
}

/* 2. HERO VIDEO — nessun effetto di apertura, nessuna anteprima sgranata ---- */
.js .hero-media,
.is-loaded .hero-media{opacity:1 !important;transition:none !important;}
.page-home .hero-media--wistia,
.page-home .hero-media--wistia wistia-player,
.page-home .hero-media--wistia wistia-player:not(:defined){
  background:#151515 !important;   /* lo "swatch" Wistia è un'anteprima a bassa risoluzione */
}
.page-home .hero-media--wistia wistia-player{transform:none !important;filter:none !important;}

/* Video in pagina: niente clip/scale/fade di comparsa */
.ambient-media,
.action-media,
.product-movement-media,
.product-video-full{clip-path:none !important;}
.ambient-media video,
.action-media video,
.product-movement-media video,
.product-video-full video,
.hero-media video{transform:none !important;transition:none !important;animation:none !important;}
.js [data-reveal]:has(video),
.js [data-reveal]:has(wistia-player){
  opacity:1 !important;transform:none !important;clip-path:none !important;transition:none !important;
}
.js [data-reveal]:has(video) > video{transform:none !important;}

/* 3. COLLEZIONI — una sola foto in hero, con leggero overlay scuro ---------- */
.collection-hero--single .collection-split-media{
  display:block !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
}
.collection-hero--single .collection-split-panel{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}
.collection-hero--single .collection-split-panel img{
  width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;
}
.page-collection .collection-hero--single .collection-split-shade,
.collection-hero--single .collection-split-shade{
  background:
    linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.24) 45%, rgba(0,0,0,.40) 100%) !important;
}
@media (max-width:900px){
  .page-collection .collection-hero--single .collection-split-shade{
    background:linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,.26) 50%, rgba(0,0,0,.44)) !important;
  }
}
.collection-split-panel.is-missing{background:var(--soft-gray,#ececea);}
.collection-split-panel.is-missing img{opacity:0;}

/* 4. PAGINA PRODOTTO — scheda tecnica sopra la gallery + placeholder -------- */
.page-product .product-tech--top{
  padding-top:clamp(56px,6vw,96px) !important;
  padding-bottom:clamp(56px,6vw,96px) !important;
  border-top:1px solid var(--line,#e6e4df);
}
.page-product .product-drawings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(12px,1.6vw,22px);align-content:start;}
.page-product .product-drawings figure{margin:0;position:relative;}
.page-product .product-drawings img{display:block;width:100%;height:auto;}
.page-product .product-drawings .ph,
.page-product .product-drawings figure.is-missing{
  min-height:clamp(220px,24vw,340px);
  aspect-ratio:4/3;
  border-radius:0;
}
.page-product .product-tech-card .btn{margin-top:18px;align-self:flex-start;}
.product-tech-missing{
  margin:18px 0 0;
  display:grid;gap:10px;justify-items:start;
  font-size:14px;line-height:1.45;color:var(--muted,#6d6a65);
}
.product-tech-missing .ph-label{background:var(--soft-gray,#ececea);}

/* immagini che non si caricano: placeholder dichiarato */
.product-carousel-slide.is-missing,
.product-drawings figure.is-missing,
.product-hero-media.is-missing{background:var(--soft-gray,#ececea);position:relative;}
.product-carousel-slide.is-missing img,
.product-drawings figure.is-missing img,
.product-hero-media.is-missing img{opacity:0;}
.product-carousel-slide.is-missing::after,
.product-drawings figure.is-missing::after{
  content:"NAOS IMAGE PLACEHOLDER";
  position:absolute;inset:0;display:grid;place-items:center;
  font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--muted,#6d6a65);
}
.product-carousel-slide--ph .ph{width:100%;height:100%;min-height:clamp(260px,40vw,620px);}

/* configuratore non ancora disponibile */
.product-live-config--placeholder .product-config-ph .ph{
  width:100%;
  min-height:clamp(280px,38vw,560px);
  border-radius:0;
}
.product-live-config--placeholder .product-live-config__foot{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-top:clamp(18px,2vw,28px);
}

/* video non disponibile */
.product-video-full--placeholder{background:#fff !important;padding:clamp(40px,5vw,80px) 0 !important;}
.product-video-full--placeholder .ph{
  width:100%;
  aspect-ratio:16/9;
  max-height:80svh;
  border-radius:0;
}

/* 5. CONFIGURATORE — logo PNG ufficiale visibile e non tagliato ------------- */
.hd .sr-only{
  position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;
  overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;
}
.hd .hd-logo{
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  flex:none !important;
  width:184px !important;
  height:58px !important;
  min-height:58px !important;
}
.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{width:138px !important;height:44px !important;min-height:44px !important;}
  .hd .hd-logo .cfg-logo-png-wrap{width:138px !important;height:44px !important;}
  .hd .hd-logo img.cfg-logo-png{width:138px !important;}
}
.page-product .product-live-config--placeholder{padding:clamp(56px,6vw,96px) 0 !important;background:#fff !important;}
.page-product .product-live-config--placeholder .product-live-config__head{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr) !important;
  gap:clamp(24px,5vw,86px) !important;
  align-items:end !important;
  margin-bottom:34px !important;
}
.page-product .product-live-config--placeholder .product-h2{margin-bottom:0 !important;}
.page-product .product-live-config--placeholder .product-live-config__intro{margin:0 !important;max-width:560px;color:rgba(17,17,17,.66);line-height:1.55;}
.page-product .product-live-config--placeholder .product-live-config__foot p{margin:0;color:rgba(17,17,17,.66);text-align:left;}
@media (max-width:900px){
  .page-product .product-live-config--placeholder .product-live-config__head{grid-template-columns:1fr !important;gap:16px !important;margin-bottom:24px !important;}
}

/* 6. MATERIALI KERAMIK — proprietà e certificazione (da naos.net) ---------- */
.material-cert{padding:clamp(56px,6vw,96px) 0;border-top:1px solid var(--line,#e6e4df);background:#fff;}
.material-cert-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:clamp(20px,4vw,72px);align-items:end;margin-bottom:clamp(24px,3vw,40px);}
.material-cert-head .h2{margin:0;}
.material-cert-head > p{margin:0;max-width:34em;color:var(--muted,#6d6a65);line-height:1.5;}
.material-cert-figure{display:block;position:relative;max-width:1100px;margin:0 auto;background:#fff;}
.material-cert-figure img{display:block;width:100%;height:auto;}
.material-cert-figure.is-missing{min-height:clamp(240px,30vw,420px);background:var(--soft-gray,#ececea);}
.material-cert-figure.is-missing img{opacity:0;}
.material-cert-figure.is-missing::after{
  content:"NAOS IMAGE PLACEHOLDER";position:absolute;inset:0;display:grid;place-items:center;
  font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--muted,#6d6a65);
}
@media (max-width:900px){.material-cert-head{grid-template-columns:1fr;gap:12px;}}