.mobile-cabinet .studio-header{display:none!important}
.mobile-cabinet-header{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#fff;color:#293549;border-bottom:1px solid #e7ebe8}
.mobile-cabinet-header img{width:98px;height:auto;display:block}.mobile-cabinet-header span{font-size:12px}.mobile-cabinet-header>a:last-child{font-size:12px;color:inherit;text-decoration:none}
.mobile-cabinet #studio-main{height:calc(100dvh - 58px);width:100%;margin:0;min-height:0}
.mobile-cabinet .workspace{height:100%;min-height:0;width:100%;margin:0}
.mobile-cabinet .door-studio-heading{top:12px;left:18px;right:18px;pointer-events:none}.mobile-cabinet .door-studio-heading>div>span{display:none}.mobile-cabinet .door-studio-heading h2{font-size:16px;max-width:100%;margin:0}
.mobile-cabinet .door-studio-orbit{top:40px;left:18px;right:18px;justify-content:space-between;font-size:11px;gap:6px}.mobile-cabinet .door-studio-orbit [data-view-label]{font-size:0}.mobile-cabinet .door-studio-orbit [data-view-label]:after{content:'Drag to rotate · Two fingers to pan / zoom';font-size:11px}
.mobile-cabinet .door-studio button[hidden]{display:none!important}
.mobile-cabinet.door-studio-mode #scene{top:77px;bottom:calc(var(--door-tray-height,280px) + 16px);touch-action:none}
.mobile-cabinet .door-studio-tray{left:8px;right:8px;bottom:8px;width:auto;transform:none;padding:12px;max-height:49%;border-radius:22px;animation:none;overscroll-behavior:contain}
.mobile-cabinet .door-studio-tray:has(.door-studio-panels[open]){max-height:49%}
.mobile-cabinet .door-studio-tray[data-mobile-tab=finishes],.mobile-cabinet .door-studio-tray[data-mobile-tab=details]{height:44%;max-height:44%}
.mobile-cabinet .door-studio-apply{display:none}.mobile-cabinet .door-studio-current{font-size:11px;margin:2px 0 5px}.mobile-cabinet .door-studio-controls{margin-bottom:6px}.mobile-cabinet .door-studio-current button{width:38px;height:38px}
.mobile-cabinet .door-studio .design-tile{min-width:92px;flex-basis:92px;padding:7px}.mobile-cabinet .door-studio .design-tile-sample,.mobile-cabinet .door-studio .design-tile-sample img{height:74px}.mobile-cabinet .door-studio .finish-tile-name{font-size:11px;line-height:1.3}.mobile-cabinet .door-studio-panels summary{font-size:13px;padding:10px 0}
.mobile-designer-tabs{position:sticky;top:-12px;background:#fffdf9;z-index:2;display:flex;gap:6px;padding:0 0 10px;margin-bottom:8px;border-bottom:1px solid #e1e6df}.mobile-designer-tabs button{flex:1;min-height:42px;border-radius:22px;font-size:12px;background:#edf1eb;color:#374438;border:1px solid transparent;padding:8px 10px}.mobile-designer-tabs [aria-selected=true]{background:#2e4438;color:white}
.mobile-cabinet .door-studio-tray:not([data-mobile-tab=fronts])>.door-studio-controls,.mobile-cabinet .door-studio-tray:not([data-mobile-tab=fronts])>[data-tiles],.mobile-cabinet .door-studio-tray:not([data-mobile-tab=fronts])>[data-panels]{display:none}
.mobile-designer-fields{display:grid;gap:14px}.mobile-field{display:grid;gap:7px;margin:0;font-size:12px}.mobile-field input,.mobile-field select{min-height:42px;width:100%;font-size:14px;pointer-events:auto}.mobile-field select{border-radius:12px}.mobile-paint{grid-template-columns:1fr 1fr;align-items:center}.mobile-paint>span:first-child{grid-column:1/-1}.mobile-paint input[type=color]{padding:4px;border-radius:10px;height:42px}.mobile-paint [data-colour-label]{font-size:12px;color:#647067}
.mobile-swatches{display:flex;gap:8px;flex-wrap:wrap}.mobile-swatches button{width:32px;height:32px;min-height:32px;border-radius:50%;background:var(--swatch);border:2px solid white;box-shadow:0 0 0 1px #cdd4ce;padding:0}
.mobile-cabinet #modal{width:calc(100% - 36px);max-width:440px;border-radius:24px;padding:28px}.mobile-cabinet #modal h2{font-size:28px}.mobile-cabinet #modal p{font-size:14px;line-height:1.7}.mobile-cabinet #modal .primary{min-height:48px;border-radius:24px}
@media(max-height:540px){.mobile-cabinet.door-studio-mode #scene{top:65px;bottom:0;right:47%}.mobile-cabinet .door-studio-tray{left:auto;width:45%;top:8px;height:auto!important;max-height:none!important}.mobile-cabinet .door-studio-orbit{right:48%}.mobile-cabinet .door-studio-heading{right:48%}.mobile-designer-tabs button{font-size:10px;padding:6px}.mobile-cabinet .door-studio-heading h2{font-size:13px}}

.mobile-cabinet-pending .studio-header,.mobile-cabinet-pending #studio-main{visibility:hidden}.mobile-cabinet-loading{position:fixed;inset:0;display:grid;place-items:center;background:#f3f5f1;color:#354737;font-size:16px;z-index:99}

/* Brand colour and a clear, first-visit cabinet workflow. */
.mobile-cabinet{--cabinet-blue:#1c203b;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.mobile-cabinet input,.mobile-cabinet textarea{user-select:text;-webkit-user-select:text}
.mobile-cabinet img{pointer-events:none;-webkit-user-drag:none}
.mobile-designer-tabs{gap:4px}.mobile-designer-tabs button{font-size:11px;padding:8px 6px;background:#eef0f6;color:#1c203b}.mobile-designer-tabs [aria-selected=true]{background:#1c203b;color:white}
.mobile-cabinet .door-studio .design-tile[aria-pressed=true]{border-color:#1c203b!important;background:#edf0f8!important;box-shadow:0 0 0 1px #1c203b!important}
.mobile-cabinet .finish-tile-check,.mobile-cabinet .design-tile-check{background:#1c203b!important}
.mobile-cabinet .door-studio-panels summary,.mobile-cabinet .door-studio-error{color:#1c203b}
.mobile-cabinet .door-studio-tray,.mobile-cabinet .door-studio-tray:has(.door-studio-panels[open]),.mobile-cabinet .door-studio-tray[data-mobile-tab=finishes],.mobile-cabinet .door-studio-tray[data-mobile-tab=details]{height:49%;max-height:49%}
.mobile-cabinet .door-studio-tray[data-mobile-tab=fronts] [data-tiles]{display:block}
.mobile-cabinet .door-studio .design-tile-sample,.mobile-cabinet .door-studio .design-tile-sample img{height:52px}
.mobile-cabinet .door-studio-panels .design-tile-sample,.mobile-cabinet .door-studio-panels .design-tile-sample img{height:42px}
.mobile-cabinet .door-studio-panels summary{padding:6px 0}.mobile-cabinet .door-studio-controls{gap:2px}.mobile-cabinet .door-studio-current{margin:0;gap:10px}.mobile-cabinet .door-studio-current button{width:32px;height:32px;min-height:32px}
.mobile-step-hint{margin:0!important;text-align:left!important;font-size:12px!important;color:#657087!important;line-height:1.5}
.mobile-cabinet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mobile-cabinet-grid button{display:flex;flex-direction:column;text-align:left;gap:7px;padding:10px;border-radius:16px;border:1px solid #dce0ea;background:#fff;color:#1c203b;min-width:0}
.mobile-cabinet-grid button[aria-pressed=true]{border:2px solid #1c203b;padding:9px;background:#eff1f8}.mobile-cabinet-grid img{width:100%;height:100px;object-fit:contain;background:#f4f4f5;border-radius:10px}.mobile-cabinet-grid span{font-size:12px;line-height:1.35}.mobile-cabinet-grid small{font-size:10px;color:#697286}
.mobile-cabinet-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;background:#f5f6f9;color:#1c203b;user-select:none;-webkit-user-select:none}.mobile-cabinet-loading img{width:min(230px,65vw);height:auto;animation:cabinet-logo-breathe 2.4s ease-in-out infinite}.mobile-cabinet-loading span{font-size:14px;letter-spacing:.08em}.mobile-cabinet-loading i{position:relative;width:150px;height:3px;border-radius:4px;overflow:hidden;background:#dfe3ee}.mobile-cabinet-loading i:after{content:'';position:absolute;inset:0;background:#1c203b;transform:translateX(-100%);animation:cabinet-loading 1.5s ease-in-out infinite}
@keyframes cabinet-loading{to{transform:translateX(100%)}}@keyframes cabinet-logo-breathe{50%{opacity:.6;transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.mobile-cabinet-loading img,.mobile-cabinet-loading i:after{animation:none}.mobile-cabinet-loading i:after{transform:none;opacity:.5}}
@media(min-width:900px) and (min-height:541px){.mobile-cabinet.door-studio-mode #scene{right:440px;bottom:0;top:78px}.mobile-cabinet .door-studio-tray,.mobile-cabinet .door-studio-tray:has(.door-studio-panels[open]),.mobile-cabinet .door-studio-tray[data-mobile-tab=finishes],.mobile-cabinet .door-studio-tray[data-mobile-tab=details]{left:auto;right:18px;top:18px;bottom:18px;width:400px;height:auto;max-height:none}.mobile-cabinet .door-studio-heading,.mobile-cabinet .door-studio-orbit{right:460px}.mobile-cabinet-header{padding-inline:28px}.mobile-cabinet .door-studio-heading{top:24px;left:28px}.mobile-cabinet .door-studio-orbit{top:56px;left:28px}.mobile-cabinet .door-studio .design-tile-sample,.mobile-cabinet .door-studio .design-tile-sample img{height:90px}.mobile-cabinet .door-studio-panels .design-tile-sample,.mobile-cabinet .door-studio-panels .design-tile-sample img{height:70px}}

/* Compact choices and a firm vertical-only control tray. */
.mobile-cabinet .door-studio-tray{overflow-x:hidden;touch-action:pan-y;overscroll-behavior-x:none}
.mobile-cabinet .door-studio .design-tile-grid,.mobile-cabinet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;min-width:0}
.mobile-cabinet .door-studio .design-tile{min-width:0;width:100%;padding:6px;flex-basis:auto}
.mobile-cabinet .door-studio .design-tile-sample,.mobile-cabinet .door-studio .design-tile-sample img{height:58px;width:100%;min-width:0}
.mobile-cabinet .door-studio .finish-tile-name{font-size:10px;line-height:1.3;overflow-wrap:normal;word-break:normal}
.mobile-cabinet-grid button{padding:7px;gap:4px;min-width:0}
.mobile-cabinet-grid button[aria-pressed=true]{padding:6px}
.mobile-cabinet-grid img{height:62px}
.mobile-cabinet-grid span{font-size:10px;line-height:1.3}.mobile-cabinet-grid small{font-size:9px}
.mobile-designer-fields,.mobile-designer-tabs,.mobile-cabinet .door-studio-controls{min-width:0;max-width:100%}
.mobile-cabinet .door-studio-current{min-width:0;gap:6px}.mobile-cabinet .door-studio-controls{flex-wrap:wrap}
@media(min-width:900px){.mobile-cabinet .door-studio .design-tile-sample,.mobile-cabinet .door-studio .design-tile-sample img{height:76px}.mobile-cabinet-grid img{height:76px}}