/* Shared model detail presentation, on the homepage and model collection. */
.dialog.wide,#modelDialog .modal{width:min(1080px,100%);padding:28px;max-height:92dvh;overflow:auto;border-radius:22px;background:#fff}
#modelContent>h2,#modelDialog h2{font-size:clamp(26px,3vw,38px);line-height:1.14;margin:10px 48px 22px 0;color:#18382c}
.dialog.wide .dialog-close,#modelDialog .modal-close{position:sticky;top:0;float:right;z-index:2;box-shadow:0 3px 15px #17362a1a}
.dialog.wide .dialog-img,#modelDialog .modal-img{display:block;width:100%;height:auto;max-height:55dvh;aspect-ratio:auto;object-fit:contain;object-position:center;background:#eef1eb;border-radius:14px;margin:0}
.model-detail-body{padding:22px 0 0}
.model-room-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}
.model-room-specs>div{display:grid;grid-template-columns:32px 1fr;column-gap:12px;padding:17px 20px;border:1px solid #dfe6dc;border-radius:12px;background:#f5f7f1;align-items:center}
.model-room-specs svg{width:28px;height:28px;grid-row:1/3;color:#447337}
.model-room-specs dt{font-size:12px;color:#61715e;margin-bottom:4px}
.model-room-specs dd{font-size:19px;line-height:1.25;color:#193b2c;margin:0}
.model-detail-body>p{margin:10px 0;line-height:1.6}
.model-detail-body .muted-note,.model-detail-body .modal-note{font-size:12px;color:#738071}
.model-detail-body .dialog-actions{margin-top:20px}
.model-detail-body .btn,.model-detail-body .primary-btn{width:100%;justify-content:center}
@media(min-width:900px){.dialog.wide #modelContent,#modelDialog .modal{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);column-gap:28px}.dialog.wide #modelContent>.eyebrow,.dialog.wide #modelContent>h2{grid-column:1/-1}.dialog.wide .dialog-img,#modelDialog .modal-img{grid-column:1;align-self:center;max-height:65dvh}.dialog.wide .model-detail-body,#modelDialog .model-detail-body{grid-column:2;align-self:center;padding:0}.dialog.wide .model-room-specs,#modelDialog .model-room-specs{grid-template-columns:1fr}.dialog.wide .dialog-close{float:none;position:absolute;top:18px;right:18px}#modelDialog .modal-close{position:absolute;right:18px;top:18px}#modelDialog .section-eyebrow,#modelDialog h2{grid-column:1/-1}#modelDialog .modal{position:relative}}
@media(max-width:600px){.dialog.wide,#modelDialog .modal{padding:20px 16px;max-height:94dvh;border-radius:18px}.model-room-specs{gap:8px}.model-room-specs>div{padding:13px 10px;grid-template-columns:24px 1fr;column-gap:8px}.model-room-specs svg{width:23px;height:23px}.model-room-specs dd{font-size:16px}.model-room-specs dt{font-size:11px}.dialog.wide .dialog-img,#modelDialog .modal-img{max-height:48dvh}.model-detail-body{padding-top:16px}}
