header.mall-header{display:flex;align-items:center;flex-wrap:wrap;gap:22px;padding:22px 4% 0;margin:0;background:#f6f3eb;color:#251f27;border-bottom:1px solid #dcd8d0;height:auto;position:relative;box-sizing:border-box}header.mall-header a{text-decoration:none;color:inherit}header.mall-header a:hover{text-decoration:underline;text-underline-offset:6px}header.mall-header nav.mall-main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:0 auto;font-size:13px;order:0;width:auto}header.mall-header .mall-main-nav>a:first-child{font-weight:750}header.mall-header .mall-utilities{display:flex;gap:16px;align-items:center;font-size:12px;margin-left:auto}header.mall-header .mall-utilities span{font-size:11px}header.mall-header nav.mall-category-nav{display:flex;gap:25px;width:100%;margin:0;padding:13px 0;order:3;border-top:1px solid #dcd8d0;font-size:12px;overflow-x:auto;white-space:nowrap}header.mall-header a:focus-visible{outline:2px solid #8e6daa;outline-offset:5px}@media(max-width:1150px){header.mall-header nav.mall-main-nav{order:2;width:100%;margin:0;gap:24px}header.mall-header{gap:18px}}@media(max-width:600px){header.mall-header{padding:18px 5% 0;gap:16px}header.mall-header nav.mall-main-nav{gap:14px 20px;font-size:13px}header.mall-header .mall-utilities{font-size:11px;gap:12px}header.mall-header .official-logo{font-size:15px!important}header.mall-header nav.mall-category-nav{gap:20px;font-size:12px;padding:12px 0}}
/* Mobile drawer shares the same destinations as desktop navigation. */
header.mall-header .menu-toggle{display:none}.mobile-drawer{box-sizing:border-box;position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,88vw);height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:24px 24px max(28px,env(safe-area-inset-bottom));background:#f6f3eb;color:#251f27;overflow-y:auto;overscroll-behavior:contain;box-shadow:12px 0 50px #160d252e}.mobile-drawer[open]{display:block;animation:drawer-in .2s ease-out}.mobile-drawer::backdrop{background:#241b3066;backdrop-filter:blur(3px)}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:18px}.drawer-close,.menu-toggle{border:0;background:transparent;color:inherit;cursor:pointer;min-width:44px;min-height:44px;padding:0;display:inline-grid;place-content:center}.drawer-close span,.menu-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.drawer-close::before,.menu-toggle::before{margin:0;width:22px;height:22px}.drawer-kicker{font-size:9px;letter-spacing:.13em;color:#7c6b88;margin:18px 0 24px}.drawer-navigation{display:block!important;margin:0!important;width:100%!important}.drawer-department{display:flex;justify-content:space-between;gap:8px;font-size:18px;font-weight:650;padding:15px 0 8px}.drawer-department span{font-size:13px;color:#8e739d}.drawer-subcategories{display:grid;gap:0;padding-bottom:12px;border-bottom:1px solid #ddd5e0}.drawer-subcategories a{font-size:13px;min-height:40px;display:flex;align-items:center;padding-left:12px;color:#65576d!important}.drawer-explore{display:flex;gap:24px;flex-wrap:wrap;margin:22px 0;font-size:14px}.drawer-explore a{padding:8px 0}.drawer-utilities{display:grid;border-top:1px solid #ddd5e0;padding-top:14px;margin-top:14px;font-size:13px}.drawer-utilities a{padding:13px 0}.mobile-drawer a:focus-visible,.drawer-close:focus-visible{outline:2px solid #8e6daa;outline-offset:3px}
@media(max-width:700px){.nav-ready header.mall-header{padding:10px 4%;gap:10px;flex-wrap:nowrap;min-height:66px}.nav-ready header.mall-header .menu-toggle{display:inline-grid;flex-shrink:0}.nav-ready header.mall-header nav.mall-main-nav,.nav-ready header.mall-header nav.mall-category-nav{display:none}.nav-ready header.mall-header .mall-utilities>a:not(:last-child){display:none}.nav-ready header.mall-header .mall-utilities{margin-left:auto}.nav-ready header.mall-header .mall-utilities>a:last-child{min-height:44px;display:flex;align-items:center;gap:6px}.nav-ready header.mall-header>.official-logo{font-size:16px!important}.nav-ready header.mall-header .official-logo img{width:30px;height:24px}.mobile-drawer .drawer-navigation{display:block!important}}
@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.mobile-drawer[open]{animation:none}}

header.mall-header .mall-utilities .cart-icon-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;text-decoration:none!important;gap:0}header.mall-header .cart-icon-link svg{display:block;flex-shrink:0;width:25px;height:25px}header.mall-header .mall-utilities .cart-count-badge{position:absolute;top:0;right:-2px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:10px;background:#302635;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;line-height:1;border:2px solid #f6f3eb}header.mall-header .cart-icon-link:hover svg{color:#816491}

/* On mobile the brand symbol itself opens navigation; the wordmark links home. */
.nav-ready header.mall-header .menu-toggle::before{display:none}.nav-ready header.mall-header .menu-toggle img{display:block;width:30px;height:24px;object-fit:contain}@media(max-width:700px){.nav-ready header.mall-header>.official-logo>img{display:none}.nav-ready header.mall-header{gap:6px}}

/* Compact floating app bar and four persistent mobile destinations. */
.mobile-tabs{display:none}
@media(max-width:700px){
 :root{--mobile-tab-height:calc(62px + env(safe-area-inset-bottom,0px));--mobile-header-height:66px}
 body{padding-bottom:var(--mobile-tab-height)!important}
 html{scroll-padding-top:80px;scroll-padding-bottom:calc(var(--mobile-tab-height) + 16px)}
 .nav-ready header.mall-header{position:sticky;top:0;z-index:100;transition:transform .2s ease,box-shadow .2s ease;background:#f6f3eb;box-shadow:0 2px 12px #251f2708}
 .nav-ready.header-away header.mall-header{transform:translateY(-105%);box-shadow:none}
 .mobile-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0;z-index:110;box-sizing:border-box;height:var(--mobile-tab-height);padding:5px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(8px,env(safe-area-inset-left));background:#f6f3eb;border-top:1px solid #ded7e1;box-shadow:0 -4px 20px #251f2706}
 .mobile-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:51px;color:#817687;text-decoration:none;font-size:10px;font-weight:550;line-height:1.2;-webkit-tap-highlight-color:transparent}
 .mobile-tabs a[aria-current=page]{color:#302635;font-weight:750}
 .tab-icon{position:relative;display:grid;place-items:center;width:46px;height:28px;border-radius:16px}
 .mobile-tabs a[aria-current=page] .tab-icon{background:#e9e1ed}
 .mobile-tabs a:focus-visible{outline:2px solid #8e6daa;outline-offset:-3px;border-radius:8px}
 .tab-cart-count{position:absolute;right:0;top:-2px;border:2px solid #f6f3eb;border-radius:12px;background:#302635;color:white;font-size:9px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;display:grid;place-items:center}
 .tab-cart-count[hidden]{display:none}
 .ui-snack-region{bottom:calc(var(--mobile-tab-height) + 12px)}
 .detail-nav{top:var(--mobile-header-height);transition:top .2s ease}
 .header-away .detail-nav{top:0}
 .mobile-keyboard .mobile-tabs{display:none}
 .mobile-keyboard .ui-snack-region{bottom:12px}
}
@media(prefers-reduced-motion:reduce){.nav-ready header.mall-header,.detail-nav{transition:none}}
/* Global nav rules on catalog pages must not collapse the quick-shop row. */
header.mall-header nav.mall-category-nav{flex:0 0 100%}

.currency-control{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.currency-control label{display:flex;gap:8px;align-items:center}.currency-control select{font:inherit;border:1px solid #c8c3bc;border-radius:6px;padding:8px 24px 8px 10px;background:transparent;color:inherit;min-height:44px}.currency-control small{font-size:11px;opacity:.75}

.nav-currency{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:12px}.nav-currency select{font:inherit;color:inherit;background:transparent;border:0;min-height:32px}.mobile-drawer>.currency-control{padding:20px 0;border-top:1px solid #ddd7ce}.mobile-drawer>.currency-control small{display:block;width:100%}