/* Apartment calculator only. Existing white outlined typography is shared. */
body.apartment-immersive{background:#eee9df}
.apartment-scene{position:fixed;inset:0;height:100vh;height:100lvh;z-index:0;overflow:hidden;pointer-events:none;background:#e8e2d5}
.apartment-scene__layer{position:absolute;inset:0;opacity:0}.apartment-scene__layer:first-child{opacity:1}
.apartment-scene__ambient{position:absolute;inset:-28px;background-image:var(--apartment-ambient);background-position:center;background-size:cover;filter:blur(22px)}
.apartment-scene__picture{position:absolute;inset:86px 12px 12px 52%;display:block}
.apartment-scene__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
body.apartment-immersive>:is(.site-header,main,.site-footer,.floating-wa){position:relative;z-index:1}
body.apartment-immersive .site-header{background:rgba(252,253,250,.96);border-bottom:1px solid rgba(8,22,25,.18)}
body.apartment-immersive .consumer.container.ap-main{width:calc(50% - 32px);max-width:660px;margin-left:max(24px,calc((100% - 1320px)/2));margin-right:0;padding-top:34px}
body.apartment-immersive .consumer-heading{display:block;margin-bottom:24px}
body.apartment-immersive .consumer-heading>a{display:inline-block;margin-top:14px;min-height:36px}
body.apartment-immersive .consumer-steps{gap:7px}
body.apartment-immersive .consumer-steps span{background:rgba(255,255,255,.08);border-color:rgba(8,22,25,.48)}
body.apartment-immersive .consumer-steps .active{background:rgba(255,255,255,.18);border:2px solid #0b5353}
body.apartment-immersive :is(.consumer-panel,.ap-panel,.ap-result,.ap-scope,.ap-notes,.ap-breakdown,.ap-optional){background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.apartment-immersive :is(.consumer-panel,.ap-panel){border-color:transparent}
body.apartment-immersive .ap-levels{grid-template-columns:minmax(0,1fr)}
body.apartment-immersive .ap-level{background:rgba(255,255,255,.18);border:1px solid rgba(8,22,25,.62);padding:18px;gap:9px;min-width:0}
body.apartment-immersive .ap-level:is(.selected,[aria-pressed=true]){background:rgba(238,255,253,.28);border:2px solid #084746;box-shadow:none;padding:17px}
body.apartment-immersive .ap-level strong{font-size:22px;line-height:1.4}
body.apartment-immersive .ap-level span{font-size:18px;line-height:1.5}
body.apartment-immersive .ap-field>span{font-size:20px;line-height:1.5}
body.apartment-immersive :is(.ap-muted,.ap-field small,.ap-quality small){font-size:17px;line-height:1.6}
body.apartment-immersive .ap-field :is(input,select){background:rgba(255,255,255,.32);border-color:rgba(8,22,25,.5)}
body.apartment-immersive .ap-quality label{background:rgba(255,255,255,.18);border-color:rgba(8,22,25,.62)}
body.apartment-immersive .ap-quality label:has(input:checked){background:rgba(238,255,253,.28);border:2px solid #084746}
body.apartment-immersive :is(.ap-primary,.ap-secondary){background:rgba(255,255,255,.18);border:2px solid #0b393c;min-height:60px;box-shadow:0 3px 0 rgba(11,57,60,.38);transition:transform 120ms ease,background 120ms ease}
body.apartment-immersive .ap-primary{background:rgba(236,255,252,.26)}
body.apartment-immersive :is(.ap-primary,.ap-secondary,.ap-level):hover{background:rgba(255,255,255,.32)}
body.apartment-immersive :is(.ap-primary,.ap-secondary,.ap-level):active{transform:translateY(2px) scale(.985)}
body.apartment-immersive .ap-main :is(p,li,label,summary,strong,span){overflow-wrap:anywhere}
body.apartment-immersive .ap-main :is(.ap-fields,.ap-quality,.ap-field){min-width:0}
body.apartment-immersive .ap-quality input{flex-shrink:0}
body.apartment-immersive .site-footer{background:rgba(251,252,248,.08)}
.apartment-scene-note{position:relative;z-index:1;width:calc(100% - 36px);max-width:1320px;margin:0 auto;padding:12px 0 18px}
@media(max-width:1039px){.apartment-scene__picture{inset:72px 0 0}body.apartment-immersive .consumer.container.ap-main{width:calc(100% - 36px);max-width:760px;margin:0 auto}body.apartment-immersive .consumer-heading{padding:18px}}
@media(max-width:700px){body.apartment-immersive .consumer.container.ap-main{padding-top:24px}body.apartment-immersive :is(.consumer-panel,.ap-panel){padding:22px 18px}body.apartment-immersive .ap-fields{grid-template-columns:1fr}body.apartment-immersive .ap-actions{display:grid;grid-template-columns:1fr}body.apartment-immersive .ap-actions>*{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){body.apartment-immersive :is(.ap-primary,.ap-secondary,.ap-level){transition:none;transform:none}}
@media print{.apartment-scene,.apartment-scene-note{display:none}}

.apartment-scene__layer:nth-child(1){--apartment-ambient:url("apartment-scene-20261027/01-before-128.webp")}

.apartment-scene__layer:nth-child(2){--apartment-ambient:url("apartment-scene-20261027/02-rough-128.webp")}

.apartment-scene__layer:nth-child(3){--apartment-ambient:url("apartment-scene-20261027/03-finishing-128.webp")}

.apartment-scene__layer:nth-child(4){--apartment-ambient:url("apartment-scene-20261027/04-luxury-128.webp")}