/* Visible mobile destinations, with a focused account sheet. Desktop navigation is unchanged. */
.customer-mobile-nav,.cmn-header-action { display:none; }
.cmn-account-sheet:not([open]) { display:none; }
@media(max-width:820px) {
 body.customer-body.has-customer-mobile-nav { --customer-nav-height:calc(64px + env(safe-area-inset-bottom)); padding-bottom:var(--customer-nav-height); }
 body.has-customer-mobile-nav .site-header .nav-toggle,
 body.has-customer-mobile-nav .site-header .site-nav,
 body.has-customer-mobile-nav .site-header .nav-user-menu { display:none!important; }
 body.has-customer-mobile-nav .site-header .nav-wrap { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
 body.has-customer-mobile-nav .site-header .brand { margin-right:auto; }
 body.has-customer-mobile-nav .site-header .brand-mark { width:38px; height:38px; }
 .cmn-header-action { display:inline-flex; position:relative; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:10px 12px; border:1px solid #394354; border-radius:12px; background:#182130; color:#e4eaf3; font-size:12px; text-decoration:none; font-weight:600; }
 .cmn-header-action svg { width:20px; height:20px; }
 .customer-mobile-nav { position:fixed; inset:auto 0 0; z-index:160; height:var(--customer-nav-height); padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:stretch; border-top:1px solid #303a49; background:#101722; box-shadow:0 -4px 24px #0003; }
 .cmn-link { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; min-height:48px; padding:4px; color:#a7b4c6; border-radius:10px; text-decoration:none; font-size:10px; line-height:1.2; font-weight:500; -webkit-tap-highlight-color:transparent; }
 .cmn-link:hover { color:#eff3fa; background:#ffffff07; }
 .cmn-link.is-active { color:#f4d16a; background:#f1ce630d; font-weight:700; }
 .cmn-icon { position:relative; display:flex; align-items:center; justify-content:center; width:30px; height:24px; }
 .cmn-icon svg { width:22px; height:22px; }
 .cmn-badge { position:absolute; top:-5px; right:-5px; display:grid; place-items:center; min-width:16px; height:16px; padding:0 4px; border:2px solid #101722; border-radius:99px; background:#f1ce63; color:#171713; font-size:9px; font-weight:800; line-height:1; }
 .cmn-header-action .cmn-badge { top:2px; right:2px; }
 .cmn-badge[hidden],.cmn-inline-badge[hidden] { display:none!important; }
 .cmn-link:focus-visible,.cmn-header-action:focus-visible,.cmn-account-sheet :is(a,button):focus-visible { outline:2px solid #f1ce63; outline-offset:2px; }
 .cmn-account-sheet[open] { display:block; position:fixed; inset:auto 0 0; width:min(480px,100%); max-width:480px; max-height:calc(100dvh - 24px); margin:0 auto; padding:22px 20px max(20px,env(safe-area-inset-bottom)); border:1px solid #3b4657; border-bottom:0; border-radius:24px 24px 0 0; background:#141d2a; color:#f2f5f9; overflow:auto; overscroll-behavior:contain; box-shadow:0 -18px 70px #0006; }
 .cmn-account-sheet::backdrop { background:#000a; }
 .cmn-sheet-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
 .cmn-sheet-kicker { display:block; margin-bottom:5px; font-size:9px; letter-spacing:1.5px; color:#e5c36b; font-weight:700; }
 .cmn-sheet-head h2 { margin:0; font-size:23px; line-height:1.3; color:#f3f6fb; }
 .cmn-close { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border:1px solid #3c485b; border-radius:50%; background:#243044; color:#e8edf5; font:inherit; font-size:25px; cursor:pointer; }
 .cmn-identity { display:flex; align-items:center; gap:13px; padding:16px; border:1px solid #344153; border-radius:14px; background:#1a2637; margin-bottom:12px; }
 .cmn-identity > span { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border-radius:50%; background:#f1ce63; color:#17150d; font-size:18px; font-weight:700; }
 .cmn-identity > div { min-width:0; }
 .cmn-identity strong { display:block; font-size:15px; overflow-wrap:anywhere; }
 .cmn-identity small { display:block; margin-top:4px; color:#9fadc2; font-size:11px; line-height:1.5; }
 .cmn-account-links { display:grid; gap:4px; }
 .cmn-account-links > :is(a,button) { display:flex; align-items:center; gap:14px; width:100%; min-height:60px; padding:12px 10px; border:0; border-radius:10px; background:transparent; color:#d9e2ef; font:inherit; text-align:left; text-decoration:none; cursor:pointer; }
 .cmn-account-links > :is(a,button):hover,.cmn-account-links > [aria-current] { background:#ffffff06; color:#f1ce63; }
 .cmn-account-links svg { width:21px; height:21px; flex-shrink:0; color:#a4b5cb; }
 .cmn-account-links > :is(a,button) > span { flex:1; min-width:0; }
 .cmn-account-links strong { font-size:14px; font-weight:600; }
 .cmn-account-links small { display:block; margin-top:4px; color:#97a8be; font-size:11px; line-height:1.5; }
 .cmn-account-links b { font-size:22px; font-weight:400; color:#8899b0; }
 .cmn-account-links .cmn-inline-badge { min-width:22px; padding:4px 7px; border-radius:99px; background:#f1ce6317; color:#f1ce63; font-size:11px; text-align:center; font-weight:700; }
 .cmn-account-links .cmn-signout { color:#e3a9ad; border-top:1px solid #2c3748; border-radius:0; margin-top:8px; }
 .cmn-welcome-copy { color:#a8b7cb; font-size:14px; line-height:1.7; margin:0 0 20px; }
 .cmn-auth-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
 .cmn-auth-actions a { display:flex; align-items:center; justify-content:center; min-height:48px; padding:12px; border:1px solid #596477; border-radius:10px; color:#e7edf7; font-size:13px; font-weight:600; text-decoration:none; }
 .cmn-auth-actions a:first-child { border-color:#f1ce63; background:#f1ce63; color:#1a170e; }
 body.has-customer-mobile-nav .inquiry-widget:not(.is-open) { bottom:calc(var(--customer-nav-height) + 12px)!important; }
 body.has-customer-mobile-nav.customer-keyboard-active { --customer-nav-height:0px; }
 body.has-customer-mobile-nav.customer-keyboard-active .customer-mobile-nav { display:none; }
}
@media(max-width:760px) {
 body.customer-body.has-customer-mobile-nav.tryon-body .tryon-mobile-dock { bottom:var(--customer-nav-height)!important; padding-bottom:12px; }
 body.customer-body.has-customer-mobile-nav.tryon-body .tryon-stage-panel { height:clamp(400px,calc(60svh - 64px),526px)!important; }
 /* The try-on chat launcher already lives beside the fitting-room title. */
 body.customer-body.has-customer-mobile-nav.tryon-body .inquiry-widget:not(.is-open) { bottom:auto!important; }
}
@media(max-width:600px) {
 body.customer-body.has-customer-mobile-nav .mp-purchase-buttons { bottom:var(--customer-nav-height); padding-bottom:10px; }
 body.customer-body.has-customer-mobile-nav:has(.mp-product-page) .inquiry-widget:not(.is-open) { bottom:calc(var(--customer-nav-height) + 92px)!important; }
}