.housing-section .section-header{align-items:center}
.housing-panel{border:1px solid #e8e8e8;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 12px 40px #00000004}
.housing-panel-top{display:flex;align-items:center;justify-content:space-between;padding:26px 32px 0;gap:20px}
.housing-panel-top p{margin:0;font-size:12px;color:#777}
.housing-arrows{display:flex;gap:8px}
.housing-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e5e5e5;border-radius:50%;background:#fff;color:#222;font-size:21px;line-height:1}
.housing-arrow:hover{background:#f4f4f4;border-color:#bbb}
.housing-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.housing-track::-webkit-scrollbar{display:none}
.housing-slide{flex:0 0 100%;min-width:0;scroll-snap-align:center;margin:0;padding:18px 32px 26px;text-align:center}
.housing-render{display:block;width:min(100%,760px);height:auto;margin:0 auto 22px;border-radius:20px;overflow:hidden}
.housing-slide h3{font-size:28px;margin:0 0 7px;letter-spacing:-.8px}
.housing-slide p{font-size:12px;margin:0;color:#777}
.housing-swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:20px 26px 28px;border-top:1px solid #f0f0f0}
.housing-swatch{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid transparent;border-radius:999px;background:#fff;color:#666;font-size:12px;min-height:44px}
.housing-swatch::before{content:"";width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--housing-colour);box-shadow:inset 0 0 0 1px #00000016}
.housing-swatch:hover{background:#f7f7f7;color:#222}
.housing-swatch[aria-pressed=true]{border-color:#333;color:#181818;background:#fafafa}
.housing-section>.hint{text-align:center;margin:16px 0 0;font-size:11px;color:#888}
@media(max-width:750px){.housing-section .section-header{display:block}.housing-section .section-header p{margin-top:12px}.housing-panel{border-radius:22px}.housing-panel-top{padding:18px 18px 0}.housing-slide{padding:18px 10px 24px}.housing-render{border-radius:14px;margin-bottom:22px}.housing-slide h3{font-size:24px}.housing-swatches{padding:16px 12px 20px;gap:5px}.housing-swatch{font-size:11px;padding:8px 10px;gap:7px}.housing-swatch::before{width:18px;height:18px}.housing-arrow{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.housing-track{scroll-behavior:auto}}