.detail-page{min-height:100vh;background:#f6f6f4;color:#151617;font-family:"DM Sans",Arial,sans-serif}
.detail-header{height:86px;padding:0 5vw;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e4e5e2}
.detail-header>a:first-child img{width:210px;height:auto}
.detail-header-link{font-size:.9rem;font-weight:800;color:#151617}
.detail-header-link:hover,.detail-back:hover,.detail-footer a:last-child:hover{text-decoration:underline;text-underline-offset:5px}
.detail-wrap{max-width:1480px;margin:0 auto;padding:34px 5vw 110px}
.detail-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:30px;color:#596160;font-size:.83rem;font-weight:700}
.detail-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-breadcrumb a{color:#151617;text-decoration:underline;text-underline-offset:3px;flex:none}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);gap:clamp(30px,5vw,80px);align-items:start}
.detail-gallery{min-width:0}
.detail-main-image{background:#d9dbd9;overflow:hidden}
.detail-main-image img{display:block;width:100%;height:auto}
.detail-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}
.detail-thumbnails button{border:2px solid transparent;background:#e9eae8;padding:0;aspect-ratio:1.3;overflow:hidden;cursor:pointer}
.detail-thumbnails button[aria-pressed=true]{border-color:#151617}
.detail-thumbnails img{width:100%;height:100%;object-fit:cover}
.detail-content{min-width:0;padding:8px 0}
.detail-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.detail-kicker{font-size:.73rem;font-weight:800;letter-spacing:.16em;color:#5b6262}
.detail-status{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#fff;background:#17191a;padding:8px 10px}
.detail-content h1{font:800 clamp(2.3rem,4vw,4.4rem)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:22px 0 20px;overflow-wrap:anywhere}
.detail-price{font:800 clamp(2rem,3vw,3.2rem)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 30px}
.detail-interest-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:max-content;max-width:100%;background:#17191a;color:#fff;padding:16px 20px;font-weight:800;margin:-6px 0 28px;text-decoration:none}
.detail-interest-button:hover{background:#343a39}.detail-interest-bottom{margin:30px 0 0}
.detail-specs{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #cdd0ce}
.detail-specs div{padding:15px 12px 17px 0;border-bottom:1px solid #cdd0ce;min-width:0}
.detail-specs dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#69706f;margin-bottom:6px}
.detail-specs dd{font-size:1rem;font-weight:700;margin:0;overflow-wrap:anywhere}
.detail-description{padding-top:36px}
.detail-description h2{font:800 1.55rem/1.2 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 14px}
.detail-description p{font-size:1rem;line-height:1.7;white-space:pre-line;margin:0;color:#303635;overflow-wrap:anywhere}
.detail-back{display:inline-block;margin-top:38px;color:#151617;font-weight:800;font-size:.9rem}
.detail-footer{background:#fff;border-top:1px solid #e1e1df;padding:42px 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px}
.detail-footer img{width:210px;height:auto}.detail-footer a:last-child{color:#151617;font-weight:800;font-size:.9rem}
.detail-footer-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.detail-footer-links a{color:#151617;font-weight:800;font-size:.9rem}
.detail-thumbnails button:focus-visible,.detail-page a:focus-visible{outline:3px solid #c27b21;outline-offset:3px}
@media(max-width:900px){.detail-layout{grid-template-columns:1fr;gap:34px}.detail-content{padding:0}}
@media(max-width:600px){.detail-header{height:72px}.detail-header>a:first-child img{width:155px}.detail-header-link{font-size:.8rem}.detail-wrap{padding-top:25px;padding-bottom:75px}.detail-breadcrumb{margin-bottom:22px}.detail-thumbnails{gap:6px}.detail-content h1{font-size:clamp(2.1rem,9vw,3.3rem)}.detail-footer{align-items:flex-start;flex-direction:column;padding-top:35px;padding-bottom:35px}.detail-footer img{width:180px}}