/* Phone layout shared by the house and the studio; desktop stays unchanged. */
@media(max-width:800px){
 html{-webkit-text-size-adjust:100%}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
 button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 body.wonder-house{--phone-header:calc(64px + env(safe-area-inset-top))}
 .wonder-house>header{height:var(--phone-header);padding-top:env(safe-area-inset-top);box-sizing:border-box;z-index:110}
 .wonder-house .nav{height:64px;padding:0 14px;gap:8px}
 .wonder-house .logo{font-size:21px;min-width:0;gap:5px}
 .wonder-house .logo small{font-size:5.5px;letter-spacing:1px}
 .wonder-house .logo svg{width:23px;flex-shrink:0}
 .wonder-house .navright{margin-left:auto;gap:0}
 .wonder-house .navlinks,.wonder-house .navright>.btn,.wonder-house .iconbtn .label{display:none}
 .wonder-house .iconbtn,.wonder-house .mobilemenu{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;padding:8px}
 .wonder-house .demo-ribbon{display:none}
 .wonder-house .mobile-nav{max-height:calc(100dvh - var(--phone-header));overflow-y:auto;background:#fff9ed;color:#35545a}
 .wonder-house .mobile-nav a{min-height:48px;padding:14px 18px}
 .wonder-house .house-room{top:var(--phone-header);padding-top:43dvh;overflow-x:clip;overflow-y:auto;scrollbar-width:none}
 .wonder-house .room-scenery{top:var(--phone-header);height:50dvh;object-position:65% center}
 .wonder-house .room-wash{position:absolute;inset:0 0 auto;height:50dvh;background:linear-gradient(0deg,#fff5e4,transparent 35%)}
 .wonder-house .room-content,.wonder-house .salon-room .room-content{position:relative;width:100%;max-width:none;min-height:0;padding:26px 24px calc(125px + env(safe-area-inset-bottom));display:block;background:#fff5e4;box-shadow:0 -16px 28px #fff5e4;box-sizing:border-box}
 .wonder-house .room-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:16px}
 .wonder-house .room-content h1,.wonder-house .room-content h2{font-size:clamp(36px,10vw,48px);line-height:1.07;letter-spacing:-1px;margin-bottom:18px}
 .wonder-house .room-content>p{font-size:15px;line-height:1.65;max-width:none}
 .wonder-house .house-cta{min-height:48px;font-size:14px;padding:13px 20px;box-sizing:border-box}
 .wonder-house .room-location{display:none}
 .wonder-house .house-nav{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));transform:none;justify-content:space-between;gap:10px;padding:8px;border-radius:22px;z-index:120}
 .wonder-house .house-nav>button{width:44px;height:44px;flex-shrink:0}
 .wonder-house .house-nav-center{min-width:0;flex:1}
 .wonder-house .house-nav-center strong{font-size:19px}
 .wonder-house .house-nav-center>span{font-size:9px}
 .wonder-house #houseDots button{min-width:20px;height:18px}
 .wonder-house .theatre-room{padding-top:62.5vw}
 .wonder-house .theatre-room .room-scenery{height:62.5vw;object-position:center}
 .wonder-house .theatre-room .room-wash{display:none}
 .wonder-house .theatre-room .room-content{padding-top:26px;text-align:center}
 .wonder-house .theatre-room h2{color:#294951;text-shadow:none}
 .wonder-house .theatre-room h2 em{color:#9a603e}
 .wonder-house .theatre-room .room-kicker{background:none;padding:0}
 .wonder-house .theatre-room .room-content>p{background:none;color:#435a61;text-shadow:none;padding:0}
 .wonder-house .theatre-room .house-cta{background:#355961;color:#fff9ed;border-color:#355961;box-shadow:0 4px 0 #23454d}
 .mobile-stage-window{position:fixed;left:0;right:0;top:var(--phone-header);height:62.5vw;overflow:hidden;z-index:-3;pointer-events:none}
 .mobile-stage-window .theatre-composition{position:absolute!important;left:-41.758241758%!important;top:-33.333333333%!important;width:183.736263736%!important;height:196.041666667%!important}
 .wonder-house #voyage.dollhouse-home{padding-top:0}
 .wonder-house .paper-sound-toggle{top:calc(var(--phone-header) + 10px);right:12px;width:44px;height:44px;z-index:115}
 .wonder-house .house-return{top:calc(var(--phone-header) + 10px);left:12px;max-width:calc(100vw - 80px);min-height:44px;box-sizing:border-box;padding:10px 13px;font-size:11px}
 .wonder-house .overlay{z-index:200;padding:8px;box-sizing:border-box}
 .wonder-house .modal,.wonder-house .drawer{width:100%;max-width:100%;max-height:calc(100dvh - 16px);padding:32px 18px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border-radius:22px}
 .wonder-house .modal .close{min-width:44px;min-height:44px}
 .wonder-house .fields{grid-template-columns:1fr}
 .wonder-house .visual-choice{min-height:44px}
 .wonder-house .modal-actions{gap:10px;flex-wrap:wrap}
 .wonder-house .modal-actions .btn{min-height:48px}
 .wonder-house .photo-pick input{max-width:100%}
 .wonder-house #wizardOverlay.wizard-universes .theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .wonder-house #wizardOverlay.wizard-universes .theme-choice{min-width:0;min-height:128px;padding:10px 8px}
 .wonder-house .wizard-paper-symbol{width:65px;height:50px}
 body:has(>aside) main{padding:18px 14px 30px}
 body:has(>aside)>aside{padding:18px 14px;gap:12px;flex-wrap:wrap}
 body:has(>aside) .brand{font-size:25px}
 body:has(>aside) .heading{flex-wrap:wrap;gap:12px}
 body:has(>aside) .card{padding:18px}
 body:has(>aside) .grid{grid-template-columns:minmax(0,1fr)}
 body:has(>aside) .pages{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(>aside) .actions{gap:10px;flex-wrap:wrap}
 body:has(>aside) .actions>*{max-width:100%;white-space:normal}
 body:has(>aside) .cover-scroll{overscroll-behavior-x:contain}
}
@media(max-width:360px){.wonder-house .logo{font-size:18px}.wonder-house .logo svg{display:none}.wonder-house .nav{padding:0 10px}}

/* Keep the full brand separate from account, cart and menu controls. */
@media(max-width:700px){body.wonder-house .nav .logo{min-width:0;max-width:calc(100% - 136px);font-size:clamp(16px,4.3vw,19px);line-height:1.05;gap:7px}body.wonder-house .nav .logo>span{min-width:0;white-space:normal}body.wonder-house .nav .logo small{font-size:5.5px;letter-spacing:.65px;margin-top:5px;white-space:nowrap}body.wonder-house .navright{flex-shrink:0}}
@media(max-width:360px){body.wonder-house .nav .logo small{display:none}}