html.has-mobile-menu{overflow:hidden}
.mobile-menu-drawer{position:fixed;inset:0 0 0 auto;width:min(360px,calc(100% - 24px));height:100dvh;max-width:100%;max-height:100dvh;margin:0;padding:0;border:0;background:#fff;color:#34383b;overflow:hidden;box-shadow:-10px 0 40px #14232e26}
.mobile-menu-drawer[open]{display:flex;flex-direction:column}
.mobile-menu-drawer::backdrop{background:#18232b70}
.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #e7ebed;flex-shrink:0}
.mobile-menu-heading h2{font-size:22px;line-height:1.3;letter-spacing:-.025em}
.mobile-menu-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e3e7e9;border-radius:50%;background:#fff;font-size:27px;line-height:1;flex-shrink:0}
.mobile-menu-drawer .main-nav.mega-nav{display:grid;align-content:start;grid-template-columns:minmax(0,1fr);flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:4px 16px max(18px,env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.mobile-menu-drawer .mega-group>summary{padding:16px 0;gap:10px;min-height:56px;font-size:15px;line-height:1.5}
.mobile-menu-drawer .mega-panel{padding:14px 0 0;max-height:none;overflow:visible}
.mobile-menu-drawer .mega-subcategories{grid-template-columns:minmax(0,1fr);gap:18px}
.mobile-menu-drawer .mega-category-link{font-size:15px}
.mobile-menu-drawer .mega-subcategory li a{min-height:40px;padding:8px 0;font-size:14px}
.mobile-menu-drawer .mega-category-more{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.mobile-menu-drawer .mega-feature strong{font-size:18px}
.mobile-menu-drawer .mega-panel-footer{gap:4px 18px;padding:12px 0;font-size:13px}
.mobile-menu-drawer .mega-panel-footer a{min-height:40px;display:inline-flex;align-items:center}
.mobile-menu-drawer :focus-visible{outline:2px solid #009edb;outline-offset:2px}

@media(max-width:850px){
 .cart-drawer{inset:0 0 0 auto;width:min(360px,calc(100% - 24px));height:100dvh;max-height:100dvh;margin:0;border-radius:0}
 .cart-drawer-header{padding:12px 14px;gap:10px}
 .cart-drawer-eyebrow{display:none}
 .cart-drawer-header h2{font-size:21px;margin:0}
 .cart-drawer-body{padding:0 14px}
 .drawer-item{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:14px 0}
 .drawer-item-image{padding:3px;border-radius:6px}
 .drawer-item-image img{height:60px}
 .drawer-item h3{font-size:14px;line-height:1.4}
 .drawer-item-meta{font-size:12px}
 .drawer-item-price{font-size:16px;margin:6px 0 8px}
 .drawer-item-controls{gap:2px 8px;flex-wrap:wrap}
 .drawer-quantity input{width:36px;font-size:16px}
 .drawer-quantity button{width:40px;height:44px}
 .drawer-remove{min-height:40px;font-size:12px}
 .cart-drawer-footer{padding:12px 14px max(12px,env(safe-area-inset-bottom))}
 .drawer-total{font-size:14px;margin-bottom:10px;gap:8px}
 .drawer-total strong{font-size:20px}
 .cart-drawer-footer .button{min-height:44px;font-size:14px;padding:10px}
 .drawer-continue{font-size:13px;min-height:40px;padding:8px 0 0}
 .drawer-empty{min-height:230px;height:auto;padding:24px 4px;gap:14px}
 .drawer-empty>svg{width:42px;height:42px}
 .drawer-empty h3{font-size:20px}
 .drawer-empty p{font-size:14px}
 .drawer-empty .button{min-height:44px;font-size:14px}
 .cart-drawer:has(.cart-drawer-footer[hidden]){height:100dvh}
 .cart-drawer:has(.cart-drawer-footer[hidden]) .cart-drawer-body{max-height:calc(100dvh - 94px)}
}
@media(max-width:850px) and (max-height:500px){
 .cart-drawer{inset:0 0 0 auto;height:100dvh;max-height:100dvh}
 .cart-drawer-header{padding:6px 14px}
 .cart-drawer-footer{gap:4px 10px;padding:8px 14px}
 .drawer-total{margin:0}
 .drawer-total strong{font-size:18px}
 .drawer-continue{min-height:32px;padding:4px 0}
}

/* Clear category levels in the narrow navigation drawer. */
.mobile-menu-drawer .main-nav.mega-nav{gap:8px;padding:12px 14px max(18px,env(safe-area-inset-bottom))}
.mobile-menu-drawer .mega-group{border:1px solid #e1e7eb;border-radius:10px;background:#fff;overflow:hidden}
.mobile-menu-drawer .mega-group>summary{padding:14px 12px;min-height:52px;font-weight:650}
.mobile-menu-drawer .mega-group[open]{border-color:#b9deec;background:#f4f9fc}
.mobile-menu-drawer .mega-group[open]>summary{background:#e5f4fb;color:#007da8;border-bottom:1px solid #cde7f2}
.mobile-menu-drawer .mega-panel{padding:10px;background:transparent;border:0;box-shadow:none}
.mobile-menu-drawer .mega-panel-body{gap:12px}
.mobile-menu-drawer .mega-feature{min-height:100px;border-radius:8px}
.mobile-menu-drawer .mega-feature>.mega-feature-copy{padding:12px 10px 12px 44%}
.mobile-menu-drawer .mega-feature strong{font-size:15px}
.mobile-menu-drawer .mega-feature b{font-size:12px;margin-top:8px;padding-top:6px}
.mobile-menu-drawer .mega-subcategories{gap:7px;width:100%}
.mobile-menu-drawer .mega-subcategory{padding:0;border:0}
.mobile-menu-drawer .mega-subcategory>ul,.mobile-menu-drawer .mega-category-more,.mobile-menu-drawer .mega-panel-footer{display:none}
.mobile-menu-drawer .mega-category-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:11px 12px;margin:0;border:1px solid #e0e8ed;border-left:3px solid #aad8eb;border-radius:7px;background:#fff;font-size:14px;font-weight:500;line-height:1.5;color:#37434a}
.mobile-menu-drawer .mega-category-link::after{content:'→';color:#008fbe;font-size:18px;flex-shrink:0}
.mobile-menu-drawer .mega-category-link:hover,.mobile-menu-drawer .mega-category-link[aria-current=page]{background:#eaf6fc;color:#007da8}
.mobile-menu-drawer .main-nav.mega-nav{grid-auto-rows:max-content;align-items:start}