/* Keep the fitting surface and the active collection in the same phone screen. */
button,select{min-height:44px}input[type=range]{height:32px}.detail-close{width:44px;height:44px}.detail-controls button{min-width:44px;min-height:44px}
.fit-options{margin-top:18px;border-top:1px solid #d9ded2}.fit-options>summary{padding:16px 0;cursor:pointer;font-size:15px}.fit-options .fitting{padding-top:0}.fit-options .fitting-title{margin-top:5px}
.asset-links{display:flex;flex-direction:column;gap:12px;margin:16px 0}.asset-links a{font-size:14px;text-decoration:underline;min-height:36px;display:flex;align-items:center}
.compare-button{background:#fff;border:1px solid #c4cec5;color:#274538;padding:9px 14px;border-radius:24px}.compare-button[aria-pressed=true]{background:#244636;color:white}
.mirror-toolbar{flex-wrap:wrap}.mirror-toolbar #capture{margin-left:auto}.mirror-toolbar>label{font-size:13px}.fit-help{font-size:13px;line-height:1.6;color:#647366}
#quality{display:none}#fps{display:none!important}.mobile-tip{display:none}.product p{line-height:1.5}
@media(max-width:700px){
 header{height:60px;padding:0 16px}.brand{font-size:22px}.brand span{font-size:9px}nav{gap:15px}nav a{font-size:12px}nav a:last-child{display:none}
 main{padding:0 12px}.intro{padding:15px 4px 14px;gap:0}.intro h1{font-size:27px}.intro .eyebrow,.intro>p{display:none}
 .studio{display:flex;flex-direction:column;gap:0}.mirror-column{display:contents}
 .mirror{order:0;position:sticky;top:0;z-index:5;height:clamp(255px,46svh,470px);border-radius:12px;box-shadow:0 2px 8px #0b211c1a}
 .mirror-top{top:12px;left:12px;right:12px}.mirror-bottom{bottom:12px;left:12px;right:12px;font-size:12px}.mirror-bottom #status{max-width:65%;line-height:1.4}.pill{font-size:10px;padding:6px 9px}
 .welcome{padding:42px 14px 48px}.welcome h2{font-size:27px}.welcome .camera-icon,.welcome>.eyebrow{display:none}.welcome>p:not(.eyebrow){font-size:13px;line-height:1.5;margin:10px 0}.welcome .primary{min-height:46px;padding:11px 18px}.welcome .privacy{display:none}.welcome #sampleButton{min-height:36px}
 .mirror-toolbar{order:1;padding:8px 0;gap:8px}.mirror-toolbar>label{display:none}.mirror-toolbar .text-button{font-size:13px}.compare-button{font-size:13px;padding:8px 12px}
 .collection{order:2;padding:8px 0 0}.collection-heading{display:none}.categories{margin:0 0 10px;flex-wrap:nowrap;gap:6px;overflow:auto;scrollbar-width:none}.categories button{flex:0 0 auto;font-size:13px;padding:9px 13px;border-radius:24px;min-height:42px}
 .products{gap:10px}.product{border-radius:8px 8px 0 0;padding-bottom:10px}.product canvas{height:104px;object-fit:contain}.product h3{font-size:14px;margin:0 10px 4px}.product p{font-size:12px;margin:0 10px}.detail-link{font-size:13px;padding:8px;min-height:42px;border-radius:0 0 8px 8px}
 .selected-piece{padding:12px 0}.selected-piece>span:last-child{display:none}.selected-piece .eyebrow{font-size:11px}.look-row{padding:6px 0}.remove-piece{min-height:44px}
 .model-picker{order:3;padding:16px 0}.model-grid{gap:9px}.model-choice img{aspect-ratio:1.05;object-position:center 30%}.model-choice span{font-size:12px}
 .notice{order:4;font-size:13px}.fit-options{margin-top:10px}.fit-options .fitting select{font-size:16px}.fitting>label{font-size:14px}.fitting>p{font-size:12px}
 .guide,.technology{padding:32px 4px}.guide h2,.technology h2{font-size:26px}.steps{gap:12px}.steps p,.technology p{font-size:15px}
 .product-dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;margin:0;border-radius:0;padding:16px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.detail-header{position:sticky;top:-16px;background:#fafbf7;z-index:2;padding:12px 0;margin-top:-12px;margin-bottom:10px}.detail-header h2{font-size:26px}.detail-header .eyebrow{font-size:11px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-stage{height:clamp(230px,42svh,430px)}.detail-copy{padding-top:8px}.detail-copy ul{font-size:14px;margin:12px 0}.detail-copy li{margin-bottom:4px}.detail-controls{justify-content:center}.detail-copy select{font-size:16px}
 footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.doc table{display:block;overflow:auto}
}
@media(max-height:500px) and (orientation:landscape){.mirror{position:relative;height:330px}.welcome h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}