/* Final detail-page visual system — 2026-10-23 */
.detail-polish{--dp-ink:#1F3A4A;--dp-muted:#4E6470;--dp-paper:#F5F3EE;--dp-line:#D9D6CF;--dp-accent:#D77A2D}

/* Tighter editorial rhythm */
.detail-polish .ex-model-hero{padding-top:52px!important;padding-bottom:58px!important;gap:52px!important}
.detail-polish .ex-series-section{padding-top:62px!important;padding-bottom:62px!important}
.detail-polish .ex-series-head{gap:36px!important;margin-bottom:28px!important;align-items:end!important}
.detail-polish .ex-series-head h2{max-width:720px}
.detail-polish .ex-series-head>p{max-width:560px}
.detail-polish .cr-section{padding-top:62px!important;padding-bottom:62px!important}
.detail-polish .cr-head{gap:38px!important;margin-bottom:30px!important}
.detail-polish .cr-true-final{padding-top:58px!important;padding-bottom:58px!important}

/* Never let one grid item stretch another vertically */
.detail-polish .ex-layout-list,
.detail-polish .ex-option-grid,
.detail-polish .ex-photo-three,
.detail-polish .ex-model-nav,
.detail-polish .cr-editorial-grid,
.detail-polish .cr-story,
.detail-polish .cr-decision,
.detail-polish .cr-facts,
.detail-polish .cr-mosaic{
  align-items:start!important;
  grid-auto-rows:auto!important;
}
.detail-polish .ex-layout-list>*,
.detail-polish .ex-option-grid>*,
.detail-polish .ex-photo-three>*,
.detail-polish .ex-model-nav>*{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}

/* Floor-plan / layout cards */
.detail-polish .ex-layout-list{gap:18px!important}
.detail-polish .ex-layout-list .ex-visual-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  background:#fff!important;
}
.detail-polish .ex-layout-list .ex-visual-card>img{
  display:block!important;
  width:100%!important;
  height:270px!important;
  min-height:270px!important;
  max-height:270px!important;
  flex:0 0 270px!important;
  object-fit:contain!important;
  padding:8px!important;
  background:#F7F5F0!important;
}
.detail-polish .ex-layout-list .ex-visual-card>div{
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  padding:20px 22px 23px!important;
}

/* Specification cards: image height is fixed, copy never stretches */
.detail-polish .ex-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.detail-polish .ex-option-grid>.ex-spec-card{
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
  min-height:0!important;
  height:auto!important;
}
.detail-polish .ex-option-grid>.ex-spec-card>img,
.detail-polish .ex-option-grid>.ex-spec-card>img:not([src*="layout-source"]):not([src*="floor"]):not([src*="plan"]){
  display:block!important;
  width:100%!important;
  height:270px!important;
  min-height:270px!important;
  max-height:270px!important;
  flex:0 0 270px!important;
  object-fit:cover!important;
}
.detail-polish .ex-option-grid>.ex-spec-card>img[src*="layout-source"],
.detail-polish .ex-option-grid>.ex-spec-card>img[src*="floor"],
.detail-polish .ex-option-grid>.ex-spec-card>img[src*="plan"]{
  object-fit:contain!important;
  padding:8px!important;
  background:#F7F5F0!important;
}
.detail-polish .ex-option-grid>.ex-spec-card>div{
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  padding:21px 23px 24px!important;
}

/* Real interior photo rows */
.detail-polish .ex-photo-three{gap:14px!important}
.detail-polish .ex-photo-three figure{
  height:310px!important;
  min-height:310px!important;
  max-height:310px!important;
  margin:0!important;
}
.detail-polish .ex-photo-three figure>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Related models */
.detail-polish .ex-model-nav{gap:16px!important}
.detail-polish .ex-model-nav>a{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
}
.detail-polish .ex-model-nav>a>img{
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  flex:0 0 220px!important;
  object-fit:cover!important;
}
.detail-polish .ex-model-nav-copy{padding:18px 19px 20px!important}

/* Content-rich modules */
.detail-polish .cr-sizeband{min-height:0!important}
.detail-polish .cr-sizeband-media{height:360px!important;min-height:360px!important}
.detail-polish .cr-sizeband-media>img{height:100%!important;object-fit:cover!important}
.detail-polish .cr-story{min-height:0!important}
.detail-polish .cr-story-media{height:430px!important;min-height:430px!important}
.detail-polish .cr-story-media>img{height:100%!important;object-fit:cover!important}
.detail-polish .cr-decision{min-height:0!important}
.detail-polish .cr-decision-media{height:430px!important;min-height:430px!important}
.detail-polish .cr-decision-media>img{height:100%!important;object-fit:cover!important}
.detail-polish .cr-anatomy-visual{min-height:0!important;height:390px!important}
.detail-polish .cr-anatomy-visual>img{height:100%!important;object-fit:contain!important;padding:10px!important;background:#F7F5F0!important}
.detail-polish .cr-mosaic figure{min-height:0!important}
.detail-polish .cr-mosaic figure>img{object-fit:cover!important}

/* Remove accidental giant blank zones */
.detail-polish article,
.detail-polish figure,
.detail-polish .cr-note,
.detail-polish .cr-feature,
.detail-polish .cr-stack{
  min-height:0;
}
.detail-polish .cr-stack{align-self:start!important}

/* Double-storey page rhythm */
.detail-polish.ds-page .ds-hero{padding:58px 0 64px!important}
.detail-polish.ds-page .ds-hero-media{height:540px!important}
.detail-polish.ds-page .ds-intro{padding:66px 0!important}
.detail-polish.ds-page .ds-section{padding:68px 0!important}
.detail-polish.ds-page .ds-section-head{gap:38px!important;margin-bottom:28px!important}
.detail-polish.ds-page .ds-story-media{height:470px!important}
.detail-polish.ds-page .ds-room{height:330px!important}
.detail-polish.ds-page .ds-gallery figure{height:270px!important}

/* Responsive */
@media(max-width:980px){
  .detail-polish .ex-model-hero{gap:28px!important}
  .detail-polish .ex-option-grid{grid-template-columns:1fr!important}
  .detail-polish .ex-photo-three{grid-template-columns:1fr 1fr!important}
}
@media(max-width:720px){
  .detail-polish .ex-series-section,.detail-polish .cr-section{padding-top:48px!important;padding-bottom:48px!important}
  .detail-polish .ex-series-head,.detail-polish .cr-head{grid-template-columns:1fr!important;gap:14px!important}
  .detail-polish .ex-photo-three{grid-template-columns:1fr!important}
  .detail-polish .ex-layout-list .ex-visual-card>img,
  .detail-polish .ex-option-grid>.ex-spec-card>img,
  .detail-polish .ex-option-grid>.ex-spec-card>img:not([src*="layout-source"]):not([src*="floor"]):not([src*="plan"]){
    height:240px!important;min-height:240px!important;max-height:240px!important;flex-basis:240px!important
  }
  .detail-polish .ex-photo-three figure{height:270px!important;min-height:270px!important;max-height:270px!important}
  .detail-polish .cr-story-media,.detail-polish .cr-decision-media{height:320px!important;min-height:320px!important}
  .detail-polish.ds-page .ds-hero-media{height:400px!important}
}