/* Codex 49, suite : trois pages inox ; Main courante, images hors hero seulement. */
.c49-inox-detail {
  background:linear-gradient(90deg,#dff4fa 0%,#f9fdfe 34%,#fff 50%,#f9fdfe 66%,#dff4fa 100%);
}
.c49-inox-detail :is(.product-hero,.product-intro,.product-section-tinted,.product-faq,.product-related) { background:transparent; }
.c49-inox-detail .c49-detail-heading { text-align:center; }
.c49-inox-detail .c49-detail-heading h1 { max-width:none; font-size:clamp(1.9rem,3.3vw,3rem); line-height:1.12; }
.c49-inox-detail .c49-detail-heading h1 span { display:block; }
.c49-inox-detail .product-hero-media { width:75%; margin:44px auto 0; padding:0; box-shadow:none; background:transparent; }
.c49-inox-detail .product-hero-media img { max-height:none; height:auto; object-fit:cover; }
.c49-inox-detail .product-hero-media figcaption { padding:15px 0 0; }
.c49-inox-detail .c49-detail-intro { max-width:880px; margin:48px auto 0; text-align:center; }
.c49-inox-detail .product-intent { max-width:none; margin:0; }
.c49-inox-detail .product-hero-actions { justify-content:center; }
.c49-inox-detail .product-trust { max-width:760px; margin-inline:auto; }
.c49-inox-detail .product-trust li { justify-content:center; }
.c49-inox-detail .section-photos.section-photos { width:75%; justify-self:center; grid-template-columns:minmax(0,1fr); gap:32px; }
.c49-inox-detail .product-gallery-grid { width:75%; margin-inline:auto; grid-template-columns:minmax(0,1fr); gap:32px; }
.c49-inox-detail .product-gallery-grid figure { padding:0; }
.c49-inox-detail .product-gallery-grid img { max-height:none; height:auto; object-fit:cover; }
.c49-inox-detail .product-gallery-grid figcaption { padding:18px; }
:is(.c49-inox-detail,.c49-handrail) .section-photo.section-photo { border:0; border-radius:0; }
:is(.c49-inox-detail,.c49-handrail) .section-photo .section-photo-link { padding:0; background:transparent; flex:none; overflow:hidden; }
:is(.c49-inox-detail,.c49-handrail) .section-photo.section-photo .section-photo-link img { width:100%; max-height:none; height:auto; object-fit:cover; }
.c49-handrail .technical-gallery-grid figure { padding:0; }
.c49-handrail .technical-gallery-grid figure > div { min-height:0; padding:0; background:transparent; }
.c49-handrail .technical-gallery-grid img { width:100%; height:auto; max-height:none; object-fit:cover; }
.c49-handrail :is(.technical-gallery-grid,.section-photos) { align-items:start; }
.c49-handrail .technical-gallery-grid figcaption { padding:16px; }
/* Recadrages limités aux vues dont le sujet est perdu dans le décor. */
.c49-inox-detail .section-photo-link img[src$="garde-corps-inox-lisses-terrasse.jpeg"] { aspect-ratio:3/2; object-position:center 24%; }
.c49-inox-detail .section-photo-link img[src$="barriere-protection-inox-lisses-atelier-depot.jpg"] { aspect-ratio:3/2; object-position:center 50%; }
@media(max-width:980px) {
  .c49-inox-detail .product-hero-media,.c49-inox-detail .section-photos.section-photos,.c49-inox-detail .product-gallery-grid { width:90%; }
  .c49-inox-detail .c49-detail-heading h1 { font-size:clamp(1.8rem,3.7vw,2.7rem); }
}
@media(max-width:680px) {
  .c49-inox-detail .c49-detail-heading h1 { font-size:clamp(1.75rem,7.5vw,2.4rem); line-height:1.15; }
  .c49-inox-detail .product-hero-media { width:calc(100% - 20px); margin-top:30px; }
  .c49-inox-detail .product-hero-media:before { right:-10px; bottom:-12px; }
  .c49-inox-detail .c49-detail-intro { margin-top:38px; }
  .c49-inox-detail .section-photos.section-photos,.c49-inox-detail .product-gallery-grid { width:100%; }
}