
.acue-planner{background:#f4f0e8;scroll-margin-top:100px}.acue-planner h2{font-size:clamp(2rem,4vw,3.5rem);max-width:22ch;margin-bottom:20px}.planner-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin-top:30px}.planner-fields{display:grid;gap:20px}.planner-fields label,.planner-fields legend{display:block;font-weight:600;margin-bottom:8px}.planner-fields select,.planner-fields input[type=text]{width:100%;padding:13px;border:1px solid #aaa;background:#fff;font:inherit;color:#242923}.planner-fields fieldset{border:0;padding:0}.planner-options{display:flex;flex-wrap:wrap;gap:10px}.planner-options label{padding:12px;background:white;border:1px solid #ccc;font-size:15px;display:flex;gap:8px;align-items:center}.planner-summary{background:#273d35;color:#fff;padding:28px;align-self:start}.planner-summary h3{font-size:1.7rem;margin-bottom:20px}.planner-summary p{margin:12px 0;color:inherit}.planner-summary .btn{margin:8px 0;display:inline-block}.planner-note{font-size:14px;line-height:1.6;opacity:.85}.remodel-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.remodel-paths a{display:block;border:1px solid #b8af9d;padding:24px;color:inherit;text-decoration:none;font-size:1.5rem}.remodel-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.remodel-steps article{border-top:2px solid #998154;padding-top:20px}.remodel-steps h3{font-size:1.5rem;margin-bottom:10px}.remodel-faq details{border-bottom:1px solid #bbb;padding:18px 0}.remodel-faq summary{cursor:pointer;font-weight:600}.remodel-faq p{padding-top:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9d762e;outline-offset:4px}@media(max-width:700px){.planner-grid,.remodel-paths,.remodel-steps{grid-template-columns:1fr}.planner-grid{gap:20px}.planner-summary{padding:22px}}

.room-hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:0!important;min-height:480px}.room-hero>.container{width:100%;padding:120px 7% 65px;margin:0;align-self:center}.room-hero h1{font-size:clamp(2.5rem,4.1vw,4.5rem)}.room-hero-photo{width:100%;height:100%;min-height:480px;max-height:680px;object-fit:cover}.room-gallery h2{font-size:clamp(2rem,4vw,3.2rem);margin:15px 0}.room-gallery>.container>p{max-width:780px;line-height:1.7}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.room-card{background:#f4f0e8;border:1px solid #e0d9cd}.room-card>div{padding:22px}.room-card h3{font-size:1.4rem;margin:0 0 16px}.room-card label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.room-card input{width:18px;height:18px;accent-color:#273d35}.room-image{display:block;border:0;padding:0;width:100%;cursor:zoom-in;background:#eee}.room-image img{display:block;width:100%;height:270px;object-fit:cover}.room-note{font-size:14px;margin-bottom:20px}#saved-design-summary{border-top:1px solid #98a79e;margin-top:20px;padding-top:12px}#room-photo-dialog{width:min(92vw,950px);max-height:94vh;padding:20px;border:0;background:#fff}#room-photo-dialog::backdrop{background:#000b}#room-photo-dialog img{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:15px auto}#close-room-photo{padding:12px 20px;border:1px solid #777;background:#fff;cursor:pointer}#room-photo-dialog p{font-size:18px}@media(max-width:900px){.room-grid{grid-template-columns:repeat(2,1fr)}.room-hero{grid-template-columns:1fr}.room-hero-photo{min-height:0;height:340px}.room-hero>.container{padding:112px 6% 40px}}@media(max-width:560px){.room-grid{grid-template-columns:1fr}.room-image img{height:260px}.room-hero-photo{height:260px}}
/* Before / after slider (Raj 10-27) — drag the handle; keyboard via the hidden range input */
.ba-section .ba-intro{max-width:720px;line-height:1.7;margin:10px 0 26px}
.ba-slider{position:relative;width:100%;max-width:820px;aspect-ratio:1/1;margin:0 auto;overflow:hidden;background:#ddd6c8;border:1px solid #e0d9cd;user-select:none;touch-action:pan-y}
.ba-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ba-slider .ba-after{clip-path:inset(0 0 0 var(--ba,50%))}
.ba-line{position:absolute;top:0;bottom:0;left:var(--ba,50%);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 6px #0006;pointer-events:none}
.ba-knob{position:absolute;top:50%;left:var(--ba,50%);width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0005;display:grid;place-items:center;font:600 18px/1 var(--font-body);color:var(--basalt);pointer-events:none}
.ba-tag{position:absolute;top:14px;padding:6px 12px;background:#24211Ccc;color:#fff;font:600 13px/1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
.ba-tag--before{left:14px}.ba-tag--after{right:14px;background:#46573Fdd}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.ba-range:focus-visible+.ba-knob{outline:3px solid #9d762e;outline-offset:3px}
.ba-caption{max-width:820px;margin:14px auto 0;font-size:15px;color:var(--slate)}
@media(max-width:560px){.ba-knob{width:40px;height:40px;margin:-20px 0 0 -20px}.ba-tag{font-size:11px;top:10px}}
