/* AJ's Installations V11 — one canonical layout layer for touch breakpoints. */
:root{--v11-gap:clamp(10px,2.2vw,18px)}
.scene-visual{position:absolute;inset:0;z-index:0;overflow:hidden;isolation:isolate}
.scene-visual .cinema-art{inset:0}
.cinema-stage[data-view="exterior"] .civic-vehicle-fx{pointer-events:none}
.civic-vehicle-fx{preserveAspectRatio:xMidYMid meet}
.booking-feedback{margin:12px 0;padding:16px;border:1px solid #5adfff;border-radius:12px;background:#0b2540;color:#f1fbff;line-height:1.55;font-size:14px}
.booking-feedback[hidden]{display:none!important}
.booking-feedback a,.booking-feedback button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 15px;border-radius:9px;margin:8px 8px 0 0;font-size:13px;font-weight:800;color:#fff;cursor:pointer}
.booking-feedback a{background:linear-gradient(120deg,#0a79c5,#8036d4);text-decoration:none}
.booking-feedback button{background:#123456;border:1px solid #60c7ef}
.booking-form .submit-button:disabled{opacity:.6;cursor:wait}
/* Tablet + phone: the visual is an image-registered scene; interface panels participate in normal flow. */
@media(max-width:1100px){
 .cinema-stage{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;contain:none!important;overflow:visible!important;padding:0 0 14px!important}
 .cinema-stage>.cinema-copy{position:relative!important;inset:auto!important;width:auto!important;max-width:920px!important;padding:clamp(20px,4vw,42px) clamp(16px,4vw,38px) 8px!important;order:1!important;opacity:1!important;pointer-events:auto!important}
 .cinema-copy h1{font-size:clamp(42px,7.3vw,80px)!important;line-height:.99!important;margin-bottom:14px!important}
 .cinema-copy p{font-size:clamp(13px,2vw,16px)!important;max-width:610px!important}
 .cinema-cta{margin-top:18px!important}
 .cinema-values{margin-top:16px!important}
 .cinema-stage>.scene-visual{position:relative!important;inset:auto!important;order:2!important;aspect-ratio:1672/940!important;width:100%!important;height:auto!important;min-height:0!important;isolation:isolate;overflow:hidden!important;flex-shrink:0}
 .scene-visual .cinema-art{position:absolute!important;inset:0!important;transform:none!important}
 .scene-visual .cinema-art>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;animation:none!important}
 .scene-visual .front-art:after{background:linear-gradient(0deg,#02071133,transparent 20%)!important}
 .scene-visual .cinema-floating-hotspots{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none}
 .scene-visual .cinema-hotspot{min-height:42px;min-width:42px;z-index:4;pointer-events:auto}
 .cinema-stage>.cinema-feature-controls,.cinema-stage>.cinema-scene-actions,.cinema-stage>.v7-color-lab,.cinema-stage>.cinema-info,.cinema-stage>.cinema-status,.cinema-stage>.cinema-honesty,.cinema-stage>.v7-screen-demo,.cinema-stage>.v7-baby-switch{
 position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;max-width:calc(100% - 2 * var(--v11-gap))!important;width:calc(100% - 2 * var(--v11-gap))!important;margin:8px var(--v11-gap)!important;flex-shrink:0!important;
 }
 .cinema-stage>.cinema-feature-controls{order:3!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}
 .cinema-stage>.cinema-scene-actions{order:4!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}
 .cinema-stage>.cinema-scene-actions[hidden],.cinema-stage>.v7-screen-demo[hidden],.cinema-stage>.v7-baby-switch[hidden],.cinema-stage>.v7-color-lab[hidden]{display:none!important}
 .cinema-stage>.v7-color-lab{order:5!important;display:flex!important;gap:10px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;border-radius:12px!important;padding:10px!important}
 .cinema-stage:not([data-view="exterior"]):not([data-view="interior"]):not([data-view="radio"])>.v7-color-lab{display:none!important}
 .cinema-stage>.v7-screen-demo{order:6!important;z-index:5!important}
 .cinema-stage>.v7-baby-switch{order:7!important;z-index:5!important}
 .cinema-stage>.cinema-status{order:8!important;z-index:3!important;padding:0 8px!important;min-height:0!important;font-size:12px!important;line-height:1.55!important;text-shadow:none!important}
 .cinema-stage>.cinema-honesty{order:9!important;z-index:3!important;text-align:left!important;font-size:10px!important;letter-spacing:.03em!important;line-height:1.45!important;color:#b5d1e6!important;padding:9px 12px!important;background:#061225!important;border:1px solid #234463!important;border-radius:8px!important;text-shadow:none!important;pointer-events:none!important}
 .cinema-stage>.cinema-info{order:10!important;z-index:4!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;border-radius:16px!important;box-shadow:0 12px 40px #0009!important}
 .cinema-info.compact{height:auto!important;min-height:44px!important}
 .cinema-info-head{height:48px!important}
 .cinema-info-preview{height:clamp(155px,28vw,245px)!important;min-height:0!important;flex:none!important;margin:0 12px!important}
 .cinema-info-main{overflow:visible!important;flex:auto!important;min-width:0!important;padding:14px 16px 18px!important}
 .cinema-info-actions{margin-top:4px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .cinema-info-actions .button{min-width:0!important;white-space:normal!important;min-height:44px!important;display:flex;align-items:center;justify-content:center}
 .cinema-price-select{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;gap:10px!important;min-height:44px!important}
 .cinema-price-select span{min-width:0!important;overflow-wrap:anywhere!important}
 .cinema-price-select strong{white-space:nowrap}
 .cinema-feature-controls button,.cinema-scene-actions button{min-height:44px!important;max-width:100%!important;white-space:normal!important;line-height:1.35!important;font-size:11px!important}
 .cinema-scene-actions:has(#audioVolumeWrap:not([hidden])){max-width:calc(100% - 2*var(--v11-gap))!important}
 .cinema-feature-controls[hidden],.cinema-scene-actions[hidden]{display:none!important}
 .cinema-info.compact .cinema-info-preview,.cinema-info.compact .cinema-info-main{display:none!important}
 .cinema-stage>.v7-screen-demo{min-width:0!important;max-height:none!important}
 .cinema-stage>.v7-screen-demo .sim-body{max-width:100%}
 .cinema-stage>.v7-baby-switch button{min-height:44px!important}
 .cinema-ribbon{scroll-padding:20px}
}
@media(max-width:760px){
 .cinema-copy h1{font-size:clamp(38px,11vw,63px)!important}
 .cinema-header{padding:0 12px!important;font-size:8px!important;letter-spacing:.1em!important;min-height:36px;height:auto!important}
 .cinema-header-secondary,.cinema-location{display:none!important}
 .cinema-copy .cinema-values{gap:9px!important}
 .cinema-hotspot span{display:none!important}
 .cinema-hotspot i{width:15px!important;height:15px!important}
 .hs-dash{left:66%!important;top:38%!important}.hs-interior{left:74%!important;top:51%!important}.hs-head{left:42%!important;top:60%!important}.hs-tail{left:87%!important;top:49%!important}.hs-under{left:62%!important;top:80%!important}.hs-audio{left:90%!important;top:69%!important}
 .cinema-stage>.cinema-feature-controls button,.cinema-stage>.cinema-scene-actions button{flex:1 1 calc(50% - 8px)!important;min-width:0!important;font-size:10px!important;padding:9px!important}
 .cinema-cta{gap:9px!important}.cinema-cta .button{min-height:44px;font-size:11px!important}
 .cinema-stage>.cinema-status{font-size:11px!important}
 .cinema-stage>.cinema-info-preview{height:150px!important}
 .cinema-stage>.cinema-info-actions{grid-template-columns:1fr!important}
 .cinema-info-actions{grid-template-columns:1fr!important}
 .cinema-info-main h2{font-size:clamp(20px,6vw,25px)!important}
 .cinema-info-desc{font-size:13px!important}
 .cinema-stage .v7-color-lab .v7-palette-label{flex-basis:100%}
 .cinema-stage>.v7-screen-demo{padding:10px!important}
 .cinema-hotspot{filter:drop-shadow(0 1px 4px #020613)}
 .cinema-ribbon{grid-template-columns:repeat(10,112px)!important;overflow-x:auto!important}
 .form-row{grid-template-columns:minmax(0,1fr)!important}
 .booking-form input,.booking-form select,.booking-form textarea{min-width:0!important;max-width:100%!important}
 .work-thumbnails{flex-wrap:wrap}
}
@media(max-width:360px){.cinema-stage>.cinema-feature-controls button,.cinema-stage>.cinema-scene-actions button{flex:1 1 100%!important}.cinema-copy h1{font-size:37px!important}}
@media(prefers-reduced-motion:reduce){.scene-visual .cinema-art>img{animation:none!important}.cinema-hotspot i{animation:none!important}}

.booking-feedback[data-status="error"]{border-color:#ff9aa8}.booking-feedback[data-status="success"]{border-color:#5df2af}.booking-feedback p{margin:6px 0 12px}.booking-feedback textarea{width:100%;max-width:100%;font-size:12px;color:#fff;background:#08152d;border:1px solid #5c9cbd;border-radius:7px;padding:8px}.booking-form textarea{resize:vertical}@media(max-width:1100px){
 .scene-visual .front-art img.hero-front-off,.scene-visual .front-art img.hero-front-on{
 position:absolute!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
 width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
 mask-image:none!important;-webkit-mask-image:none!important;
 }
 .scene-visual .front-art:after{inset:0!important}
}

/* Photo gallery added at the owner's request. */
.ambient-user-example{margin-top:clamp(24px,4vw,46px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,36px);padding:clamp(14px,2.2vw,28px);background:linear-gradient(145deg,#081427,#050a16);border:1px solid #286086;border-radius:18px;color:#f2faff}
.ambient-user-example img{display:block;width:100%;max-height:480px;object-fit:cover;object-position:center 55%;border-radius:12px}
.ambient-user-example h3{font-size:clamp(22px,3vw,38px);margin:12px 0;color:#fff}.ambient-user-example p{font-size:14px;line-height:1.65;color:#c8dbee}
@media(max-width:760px){.ambient-user-example{grid-template-columns:minmax(0,1fr)}.ambient-user-example img{max-height:390px;object-position:center}}
@media(max-width:1100px){
 .scene-visual .cinema-hotspot span{display:none!important}
 .cinema-stage>.cinema-cabin-picks{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;max-width:calc(100% - 2 * var(--v11-gap))!important;width:calc(100% - 2 * var(--v11-gap))!important;height:auto!important;margin:8px var(--v11-gap)!important;order:3!important;gap:8px!important;justify-content:flex-start!important;flex-wrap:wrap!important;z-index:6!important}
 .cinema-stage>.cinema-cabin-picks button{min-height:44px!important;padding:10px 12px!important;font-size:11px!important;flex:1 1 130px!important}
 .cinema-stage:not([data-view="interior"]):not([data-view="radio"])>.cinema-cabin-picks{display:none!important}
 .cinema-stage>.audio-cutaway{position:relative!important;inset:auto!important;order:12!important;min-width:0!important;width:calc(100% - 2 * var(--v11-gap))!important;max-width:calc(100% - 2 * var(--v11-gap))!important;height:auto!important;margin:10px var(--v11-gap)!important;overflow:auto!important}
 .cinema-stage>.audio-cutaway[hidden]{display:none!important}
}

@media(max-width:1100px){
 .cinema-stage:not([data-active-service="underglow"]):not([data-active-service="headlights"]):not([data-active-service="taillights"]):not([data-active-service="ambient"]):not([data-active-service="footwell"])>.v7-color-lab{display:none!important}
}

/* Ambient lighting is not a radio-replacement demo. */
.cinema-stage[data-view="interior"] .radio-demo{display:none!important}