/* KARUBAT — detail views reserved for the interior-renovation page. */
.interior-detail-view{--detail-nav-height:65px;align-self:start;top:calc(var(--detail-nav-height) + 22px)}
.interior-detail-stage{isolation:isolate;background:#1b201c;contain:paint;aspect-ratio:4/5}
.interior-detail-stage .detail-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transform:none;filter:none;transition:none;pointer-events:none}
.interior-detail-stage .detail-layer.is-current{opacity:1;z-index:1}
.interior-detail-stage:hover .detail-layer{transform:none}
.interior-detail-stage:after{z-index:3;background:linear-gradient(0deg,#101313cc,transparent 35%);border-color:#e58e5426}
.interior-detail-stage .material-mark{z-index:4;pointer-events:none}
.interior-detail-stage .material-mark b{font-size:78px;opacity:1}
.interior-detail-stage .material-mark span{max-width:60%;font-size:10px;line-height:1.7}
.detail-frame{position:absolute;inset:15px;z-index:4;pointer-events:none;opacity:.7}
.detail-frame i{position:absolute;width:15px;height:15px;border:0 solid #e9c5a6}
.detail-frame i:nth-child(1){left:0;top:0;border-top-width:1px;border-left-width:1px}
.detail-frame i:nth-child(2){right:0;top:0;border-top-width:1px;border-right-width:1px}
.detail-frame i:nth-child(3){left:0;bottom:0;border-bottom-width:1px;border-left-width:1px}
.detail-frame i:nth-child(4){right:0;bottom:0;border-bottom-width:1px;border-right-width:1px}
.interior-detail-stage[aria-busy=true] .detail-frame{opacity:1}
.detail-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-top:0;background:#151b18}
.detail-controls[hidden]{display:none}
.detail-controls button{position:relative;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:#c5cbbf;padding:13px 8px;min-height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;line-height:1.4;transition:background .2s,color .2s}
.detail-controls button:last-child{border-right:0}
.detail-controls button>span{font:600 23px/1 "Barlow Condensed",sans-serif;color:var(--copper)}
.detail-controls button:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--copper);transform:scaleX(0);transition:transform .25s;transform-origin:left}
.detail-controls button[aria-pressed=true]{background:#e58e5415;color:#fff2df}
.detail-controls button[aria-pressed=true]:after{transform:scaleX(1)}
.detail-controls button:hover{background:#e58e5410;color:var(--ink)}
.detail-controls button:focus-visible{outline-offset:-4px;z-index:1}
.interior-detail-view figcaption{margin-top:13px;font-size:10px;gap:14px}
.interior-detail-view figcaption>[data-detail-label]{color:#d7ddcf}
.interior-detail-view figcaption>span:last-child{white-space:nowrap;align-self:start;color:#afb7a9;font-size:9px}
.interior-detail-services .service{scroll-margin-top:var(--detail-anchor-offset,105px)}
@media(min-width:851px) and (max-height:780px){.interior-detail-stage{aspect-ratio:auto;height:calc(100svh - 215px);min-height:300px}}
@media(max-width:850px){
 .interior-detail-services.details-ready{display:block}
 .details-ready .interior-detail-view{position:sticky;top:var(--detail-nav-height,80px);z-index:7;background:#101313;max-width:none;margin:0 0 24px;padding-top:10px;padding-bottom:13px;box-shadow:0 12px 18px #101313;}
 .details-ready .interior-detail-stage{aspect-ratio:auto;height:clamp(155px,29svh,250px);min-height:0}
 .details-ready .interior-detail-stage .detail-layer{object-position:50% 48%}
 .details-ready .interior-detail-stage .material-mark{bottom:15px;left:19px;right:19px}
 .details-ready .interior-detail-stage .material-mark b{font-size:48px}
 .details-ready .interior-detail-stage .material-mark span{font-size:9px}
 .details-ready .detail-frame{inset:10px}
 .details-ready .detail-controls button{min-height:41px;padding-block:10px;font-size:10px;gap:8px}
 .details-ready .detail-controls button>span{font-size:21px}
 .details-ready .interior-detail-view figcaption{margin-top:8px;line-height:1.4;font-size:9px;gap:8px}
 .details-ready .interior-detail-view figcaption>span:last-child{font-size:8px}
}
@media(min-width:600px) and (max-width:850px){.details-ready .interior-detail-stage{height:clamp(250px,35svh,340px)}}
@media(max-width:850px) and (max-height:500px){
 .details-ready .interior-detail-stage{height:105px}
 .details-ready .interior-detail-view{padding-top:5px;padding-bottom:7px}
 .details-ready .detail-controls button{min-height:31px;padding-block:5px}
 .details-ready .interior-detail-view figcaption{display:none}
 .details-ready .interior-detail-stage .material-mark b{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.detail-controls button,.detail-controls button:after{transition:none}}
/* Reserve only the height needed to keep detail 03 aligned on touch tablets. */
@media(min-width:600px) and (max-width:1366px) and (min-height:600px) and (pointer:coarse){
 .interior-detail-services.details-ready .service-list{padding-bottom:var(--detail-tablet-tail,0px)}
}