/* Category drawer: compact layout with the existing store palette. */
#navigation-drawer{width:min(88vw,360px);max-width:360px;border-radius:0 18px 18px 0;font-family:var(--sans);line-height:1.45;padding-bottom:max(18px,env(safe-area-inset-bottom));scrollbar-width:thin}
#navigation-drawer .drawer-top{padding:18px 16px 13px;gap:12px;border-bottom:0;min-height:70px}
#navigation-drawer .drawer-top .eyebrow{font-size:10px;font-weight:400;line-height:1.5;letter-spacing:1.4px;max-width:240px}
#navigation-drawer .drawer-top .icon{width:38px;min-width:38px;height:38px;min-height:38px;padding:10px;border:0;border-radius:50%;background:var(--light);flex-shrink:0;line-height:1}
#navigation-drawer .drawer-top .icon svg{width:18px;height:18px;stroke-width:1.5}
#navigation-drawer .drawer-tabs{margin:0 16px 18px;padding:4px;gap:4px;border:1px solid var(--line);border-radius:13px;background:var(--light)}
#navigation-drawer .drawer-tabs button{font-family:inherit;min-height:40px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.35;border:0;border-radius:9px}
#navigation-drawer .drawer-tabs button[aria-selected=true]{border:0;box-shadow:0 1px 5px #211e1908}
#navigation-drawer .drawer-categories{display:grid;gap:7px;padding:0 16px}
#navigation-drawer .drawer-categories .drawer-category{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:0}
#navigation-drawer .drawer-category svg{width:19px;height:19px;stroke-width:1.35;flex-shrink:0}
#navigation-drawer .drawer-category:after{content:'';width:6px;height:6px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg);margin-left:auto;flex-shrink:0}
#navigation-drawer .drawer-category span{min-width:0}
#navigation-drawer .drawer-links{margin:20px 16px 0;padding:18px 8px 8px;gap:0;border-top:1px solid var(--line);font-family:inherit;font-size:12px;line-height:1.5}
#navigation-drawer .drawer-links a{padding:10px 6px;border-radius:8px}
#navigation-drawer .drawer-account{padding:12px 22px 24px}
#navigation-drawer .drawer-account h2{font-family:inherit;font-size:23px;font-weight:500;line-height:1.35;letter-spacing:-.3px;margin:6px 0 22px}
#navigation-drawer .drawer-account>.button{font-family:inherit;font-size:13px;font-weight:500;min-height:44px;line-height:1.4;padding:12px 16px;border-radius:10px}
#navigation-drawer .drawer-account>p{font-size:12px;line-height:1.5;margin:23px 0 12px}
#navigation-drawer .drawer-account-links{margin-top:25px;gap:12px;font-size:12px;line-height:1.5}
#navigation-drawer a:focus-visible,#navigation-drawer button:focus-visible{outline-offset:2px}
@media(max-width:350px){#navigation-drawer .drawer-top{padding-inline:13px}#navigation-drawer .drawer-tabs{margin-inline:13px}#navigation-drawer .drawer-categories{padding-inline:13px}#navigation-drawer .drawer-categories .drawer-category{font-size:13px;padding:11px 12px}}