:root{--navbar-main-h:60px;--navbar-nav-h:44px;--navbar-nav-bg:color-mix(in srgb,var(--bg-alt) 92%,var(--text) 4%)}@media(max-width:768px){:root{--navbar-main-h:52px;--navbar-nav-h:40px}}#site-navbar:empty{display:block;min-height:calc(var(--navbar-utility-h,32px) + var(--navbar-main-h) + var(--navbar-nav-h))}@media(max-width:768px){#site-navbar:empty{min-height:calc(var(--navbar-utility-h,28px) + var(--navbar-main-h) + var(--navbar-nav-h))}}.navbar{position:sticky;top:0;width:100%;z-index:200;background:transparent;border:0;box-shadow:none;display:block}.navbar-stuck-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none;visibility:hidden}.navbar-main{position:relative;z-index:200;background:var(--bg-alt);border-bottom:1px solid var(--border);transition:box-shadow .2s ease,background .2s ease}body.navbar-stuck .navbar-main{box-shadow:0 2px 8px rgba(0,0,0,.06)}@media(prefers-reduced-motion:reduce){.navbar-main{transition:none}}[data-theme="dark"] .navbar-main{background:var(--bg)}.navbar-inner{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;height:var(--navbar-main-h);max-width:var(--layout-max-w);margin:0 auto;width:100%;box-sizing:border-box;background:var(--bg-alt);border-bottom:1px solid var(--border)}.navbar-main-inner{display:flex;align-items:center;gap:.9rem;padding:0 1.25rem;height:var(--navbar-main-h);max-width:var(--layout-max-w);margin:0 auto;width:100%;box-sizing:border-box;transition:height 180ms ease-out}.navbar-brand-wrap{display:inline-flex;align-items:center;flex-shrink:0}.navbar--compact .navbar-main-inner{height:52px}@media(max-width:768px){.navbar--compact .navbar-main-inner{height:46px}}@media(prefers-reduced-motion:reduce){.navbar-main-inner{transition:none}}.navbar-nav{position:relative;z-index:199;background:var(--navbar-nav-bg);border-bottom:1px solid var(--border)}[data-theme="dark"] .navbar-nav{background:color-mix(in srgb,var(--bg) 85%,var(--text) 6%)}.navbar-nav-inner{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;height:var(--navbar-nav-h);max-width:var(--layout-max-w);margin:0 auto;width:100%;box-sizing:border-box}.navbar-products-wrapper{position:relative;margin-right:.75rem}.navbar-products-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:0;border-radius:6px;box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 28%,transparent);cursor:pointer;transition:transform .12s ease,box-shadow .2s ease}.navbar-products-trigger:hover,.navbar-products-trigger:focus-visible{transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--primary) 40%,transparent);outline:0}.navbar-products-trigger svg{width:14px;height:14px}.navbar-products-menu{position:absolute;top:calc(100% + .4rem);left:0;min-width:220px;background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.12);padding:.4rem;margin:0;list-style:none;z-index:260;max-height:60vh;overflow-y:auto}.navbar-products-menu::before{content:'';position:absolute;top:-.4rem;left:0;right:0;height:.4rem}.navbar-products-menu[hidden]{display:none}.navbar-products-menu[hidden]::before{display:none}.navbar-products-menu li{display:block}.navbar-products-menu a,.navbar-products-menu span.empty{display:block;padding:.5rem .8rem;font-size:.85rem;color:var(--text);text-decoration:none;border-radius:5px;transition:background .15s ease}.navbar-products-menu a:hover,.navbar-products-menu a:focus-visible{background:color-mix(in srgb,var(--primary) 10%,transparent);outline:0}.navbar-products-menu span.empty{color:var(--text-muted);font-size:.78rem;cursor:default}.navbar-nav-inner .nav-link{padding:.3rem .6rem;font-size:.85rem;color:var(--text);text-decoration:none;font-weight:500;border-radius:4px;transition:color .15s ease}.navbar-nav-inner .nav-link:hover{color:var(--primary)}.navbar-nav-inner .nav-link.danger{color:var(--sale-nav-fg,#b91c1c);font-weight:600}.navbar-nav-inner .navbar-nav-spacer{flex:1 1 auto}.navbar-nav-inner .btn-nav-login,.navbar-nav-inner .btn-nav-register{padding:.35rem .85rem;font-size:.78rem;font-weight:600;border-radius:5px;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .2s ease}.navbar-nav-inner .btn-nav-login{background:transparent;color:var(--primary-dark);border:1px solid var(--primary-dark)}.navbar-nav-inner .btn-nav-login:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}.navbar-nav-inner .btn-nav-register{background:var(--primary);color:#fff;border:1px solid var(--primary)}.navbar-nav-inner .btn-nav-register:hover{background:var(--primary-dark)}@media(max-width:768px){.navbar-main-inner{padding:0 .6rem;gap:.35rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.navbar-main-inner .nav-hamburger{justify-self:start;order:0}.navbar-main-inner .navbar-brand-wrap{justify-self:center;order:1}.navbar-main-inner .navbar-actions{justify-self:end;order:2;margin-left:0}.navbar-main-inner>.navbar-search{display:none}.navbar-main-inner .theme-toggle-btn{display:none}.navbar-main-inner>.nav-link{display:none}.navbar-nav-inner{padding:0 .85rem;gap:.4rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.navbar-nav-inner::-webkit-scrollbar{display:none}.navbar-products-wrapper{position:sticky;left:0;background:var(--navbar-nav-bg);z-index:2;margin-right:.3rem;flex-shrink:0}.navbar-nav-inner .nav-link{flex-shrink:0;scroll-snap-align:start;padding:.3rem .75rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;font-size:.78rem}.navbar-nav-inner .nav-link.danger{border-color:color-mix(in srgb,var(--sale-nav-fg,var(--danger)) 40%,var(--border))}.navbar-nav-inner .navbar-nav-spacer,.navbar-nav-inner .btn-nav-login,.navbar-nav-inner .btn-nav-register{display:none}.nav-hamburger{display:flex}}@media(min-width:769px){.navbar-search-toggle{display:none!important}.navbar-search-row{display:none!important}}.navbar-search-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);color:var(--text-muted);background:color-mix(in srgb,var(--bg-alt) 78%,#fff);cursor:pointer;flex-shrink:0;padding:0;transition:color .15s,border-color .15s,background .15s,transform .12s}.navbar-search-toggle:hover,.navbar-search-toggle:focus-visible{color:var(--primary);border-color:var(--primary);background:var(--primary-light);outline:0}.navbar-search-toggle[aria-expanded="true"]{color:#fff;background:var(--primary);border-color:var(--primary)}.navbar-search-toggle svg{width:18px;height:18px;stroke:currentColor}[data-theme="dark"] .navbar-search-toggle{background:var(--bg-alt)}.navbar-search-row{position:relative;z-index:199;background:var(--bg-alt);border-bottom:1px solid var(--border);overflow:hidden;max-height:0;transition:max-height 220ms cubic-bezier(.4,0,.2,1)}.navbar-search-row[hidden]{display:none}.navbar-search-row.is-open{max-height:80px}.navbar-search-row-inner{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;max-width:var(--layout-max-w);margin:0 auto;width:100%;box-sizing:border-box}.navbar-search-row-inner .navbar-search{flex:1 1 auto;width:100%}[data-theme="dark"] .navbar-search-row{background:var(--bg)}.navbar--compact .navbar-search-row:not(.is-open){max-height:0}@media(prefers-reduced-motion:reduce){.navbar-search-row{transition:none}.navbar-search-toggle{transition:none}}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:800;font-family:var(--theme-font-family);color:var(--text);flex-shrink:0;text-decoration:none}[data-theme="dark"] .navbar-brand{color:#fff}.navbar-search{flex:1;position:relative}.navbar-search input{width:100%;height:2.85rem;padding:.5rem 3.4rem .5rem 2.55rem;border:1.5px solid var(--border);border-radius:2rem;outline:0;font-size:.875rem;background:color-mix(in srgb,var(--bg-alt) 72%,#fff);color:var(--text);transition:border-color .15s,box-shadow .15s,background .2s}[data-theme="dark"] .navbar-search input{background:var(--bg-alt);border-color:var(--border)}.navbar-search input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.15);background:var(--bg);outline:0}.navbar-search.is-open input{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent);background:var(--bg)}.navbar-search::before{content:"";position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0'/%3E%3Cpath d='M21 21l-6-6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.95;pointer-events:none;filter:var(--icon-filter)}.navbar-search-clear,.navbar-search-submit{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .18s ease,opacity .18s ease,transform .18s ease;padding:0}.navbar-search-clear{right:.65rem;width:1.2rem;height:1.2rem;opacity:0;pointer-events:none}.navbar-search.has-value .navbar-search-clear{opacity:1;pointer-events:auto}.navbar-search-submit{display:none!important}.navbar-search-clear:hover{color:var(--primary);transform:translateY(-50%) scale(1.08)}.navbar-search-submit:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 4px 10px color-mix(in srgb,var(--primary) 45%,transparent)}.navbar-search-clear svg{width:100%;height:100%;stroke:currentColor}.navbar-search-submit svg{width:100%;height:100%;stroke:#fff}.navbar-search-panel{position:absolute;top:calc(100% + .42rem);left:0;width:100%;display:none;background:color-mix(in srgb,var(--bg) 94%,#fff);border:1px solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:1.25rem;box-shadow:0 24px 50px rgba(15,23,42,.16);overflow:hidden;z-index:260;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme="dark"] .navbar-search-panel{background:color-mix(in srgb,var(--bg-alt) 92%,#000);border-color:var(--border);box-shadow:0 24px 50px rgba(0,0,0,.55)}.navbar-search.is-open .navbar-search-panel{display:block}.navbar-search-panel-header{padding:.85rem 1rem .55rem;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.navbar-search-results{max-height:min(62vh,32rem);overflow-y:auto}.navbar-search-item{width:100%;display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.8rem;padding:.78rem 1rem;text-decoration:none;color:inherit;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--border) 68%,transparent);transition:background .18s ease,transform .18s ease}.navbar-search-item:last-child{border-bottom:0}.navbar-search-item:hover,.navbar-search-item.is-active{background:color-mix(in srgb,var(--primary) 9%,var(--bg))}.navbar-search-thumb{width:3rem;height:3rem;border-radius:.9rem;overflow:hidden;background:color-mix(in srgb,var(--bg-alt) 86%,#fff);border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.navbar-search-thumb img{width:100%;height:100%;object-fit:cover;display:block}.navbar-search-text{min-width:0}.navbar-search-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.96rem;line-height:1.3;font-weight:700;color:var(--text)}.navbar-search-meta{margin-top:.18rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.navbar-search-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent);text-decoration:none;color:var(--text);font-weight:800}.navbar-search-footer:hover{background:color-mix(in srgb,var(--primary) 9%,var(--bg))}.navbar-search-footer svg{width:1rem;height:1rem;stroke:currentColor}.navbar-search-empty{padding:1rem;color:var(--text-muted);font-size:.9rem}.nav-icon{width:18px;height:18px;display:block;filter:var(--icon-filter)}.inline-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0;margin-right:.35rem;filter:var(--icon-filter)}.navbar-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0;margin-left:auto}#nav-user-area{display:inline-flex;align-items:center;width:180px;min-height:36px;justify-content:flex-end;flex-shrink:0}#nav-user-area:empty{width:0;min-height:0;margin:0;padding:0}#nav-user-area .user-btn .hide-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px;display:inline-block}@media(max-width:768px){#nav-user-area{width:44px}}.nav-link{padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:700;color:var(--text);transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.nav-link:hover{color:#fff!important;background:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.2)}.nav-link.active-nav{color:color-mix(in srgb,var(--primary) 75%,#000);font-weight:800;background:color-mix(in srgb,var(--primary) 10%,transparent)}[data-theme="dark"] .nav-link.active-nav{color:color-mix(in srgb,var(--primary) 70%,#fff);background:color-mix(in srgb,var(--primary) 18%,transparent)}.theme-toggle-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border);background:color-mix(in srgb,var(--bg-alt) 78%,#fff);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--text);flex-shrink:0}.theme-toggle-btn:hover{border-color:var(--primary);background:var(--primary-light)}.nav-hamburger{display:none;width:40px;height:40px;border-radius:var(--radius);border:1.5px solid var(--border);background:color-mix(in srgb,var(--bg-alt) 78%,#fff);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--text-muted);border-radius:2px;transition:all .2s}.cart-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);color:var(--text-muted);font-size:1.1rem;transition:all .15s;background:color-mix(in srgb,var(--bg-alt) 78%,#fff);cursor:pointer;text-decoration:none;flex-shrink:0}.cart-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.cart-badge-count{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:800;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.3)}.user-area{position:relative}.user-btn{display:flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:2rem;border:1.5px solid var(--border);cursor:pointer;background:color-mix(in srgb,var(--bg-alt) 78%,#fff);font-size:.85rem;font-weight:600;color:var(--text);transition:all .15s}.user-btn:hover{border-color:var(--primary);color:var(--primary)}.user-avatar{width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:210px;z-index:300;overflow:hidden;animation:dropIn .12s ease}@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.user-dropdown a,.user-dropdown button{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;color:var(--text);transition:background .12s;border:0;background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--bg-alt)}.user-dropdown a:focus-visible,.user-dropdown button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dropdown-divider{height:1px;background:var(--border);margin:.2rem 0}.dropdown-header{padding:.65rem 1rem .4rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.auth-btns{display:flex;gap:.4rem}.btn-nav-login{padding:.4rem .9rem;border-radius:2rem;font-size:.83rem;font-weight:600;border:1.5px solid var(--primary);cursor:pointer;color:#fff;background:var(--primary);transition:all .15s;text-decoration:none;white-space:nowrap}.btn-nav-login:hover{color:#fff;background:var(--primary-dark);border-color:var(--primary-dark)}.btn-nav-login:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-nav-register{padding:.4rem .9rem;border-radius:2rem;font-size:.83rem;font-weight:600;background:var(--primary);color:#fff;border:1.5px solid var(--primary);cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}.btn-nav-register:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-nav-register:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mobile-nav{display:none;position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-nav-panel{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:var(--bg-alt);box-shadow:8px 0 32px rgba(0,0,0,.18);transform:translateX(-100%);transition:transform 250ms cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}@media(max-width:768px){.mobile-nav-panel{width:100%;max-width:100%;box-shadow:none}}[data-theme="dark"] .mobile-nav-panel{background:var(--bg)}.mobile-nav.open{display:block}.mobile-nav.open .mobile-nav-panel{transform:translateX(0)}.mobile-nav-header{position:relative;background:var(--navbar-utility-bg);color:var(--navbar-utility-text);padding:.85rem 1rem .7rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"brand actions" "meta  meta";row-gap:.35rem;column-gap:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-nav-header-brand{grid-area:brand;font-family:var(--theme-font-family);font-size:1.1rem;font-weight:800;letter-spacing:.01em;color:#fff;line-height:1.1}.mobile-nav-header-actions{grid-area:actions;display:inline-flex;align-items:center;gap:.5rem}.mobile-nav-close,.mobile-nav-theme{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:0;transition:background .15s ease,transform .12s ease}.mobile-nav-close:hover,.mobile-nav-close:focus-visible,.mobile-nav-theme:hover,.mobile-nav-theme:focus-visible{background:rgba(255,255,255,.18);outline:0;transform:scale(1.05)}.mobile-nav-header-meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.72rem;line-height:1.25;color:var(--navbar-utility-text);min-height:0}.mobile-nav-header-meta:empty{display:none}.mobile-nav-meta-item{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-nav-meta-item strong{color:#fff;font-weight:600}.mobile-nav-meta-sep{color:var(--navbar-utility-muted);opacity:.55;user-select:none}.mobile-nav-links{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:.5rem .5rem;margin:0}.mobile-nav-links.is-hidden,.mobile-nav-cats.is-hidden{display:none!important}.mobile-nav-links .divider{height:1px;background:var(--border);margin:.4rem .5rem}.mobile-nav-links a,.mobile-nav-links button{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text);transition:background .15s ease,color .15s ease;text-decoration:none;border:0;background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;letter-spacing:.005em}.mobile-nav-links a:hover,.mobile-nav-links button:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.mobile-nav-links a:active,.mobile-nav-links button:active{background:color-mix(in srgb,var(--primary) 18%,transparent)}.mobile-nav-links a:focus-visible,.mobile-nav-links button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mobile-nav-links a.active-nav{color:var(--primary-dark);background:color-mix(in srgb,var(--primary) 12%,transparent)}.mobile-nav-icon{width:20px;height:20px;display:inline-block;flex-shrink:0;opacity:.9;filter:var(--icon-filter)}.mobile-nav-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem .75rem .25rem;border-bottom:1px solid var(--border);background:var(--bg-alt)}[data-theme="dark"] .mobile-nav-tabs{background:var(--bg)}.mobile-nav-tab{appearance:none;border:0;background:transparent;padding:.6rem .9rem;font-size:.9rem;font-weight:600;color:var(--text-muted,var(--text));cursor:pointer;border-radius:999px;transition:background .15s ease,color .15s ease;font-family:inherit}.mobile-nav-tab:hover{color:var(--text)}.mobile-nav-tab.is-active{background:var(--text);color:var(--bg-alt)}[data-theme="dark"] .mobile-nav-tab.is-active{background:var(--text);color:var(--bg)}.mobile-nav-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mobile-nav-cats{flex:1 1 auto;overflow-y:auto;padding:.5rem .75rem 1rem;display:flex;flex-direction:column;gap:0}.mobile-nav-cats-loading,.mobile-nav-cats-empty,.mobile-nav-cats-error{padding:1rem;color:var(--text-muted,var(--text));font-size:.9rem;text-align:center}.mobile-nav-cat{border-bottom:1px solid var(--border)}.mobile-nav-cat:last-child{border-bottom:0}.mobile-nav-cat-row{appearance:none;width:100%;display:flex;align-items:center;gap:.5rem;padding:.8rem .4rem;background:transparent;border:0;color:var(--text);font-family:inherit;cursor:pointer;text-align:left}.mobile-nav-cat-name{flex:1 1 auto;font-size:.95rem;font-weight:600;color:var(--primary-dark,var(--text));text-decoration:none;letter-spacing:.005em}.mobile-nav-cat-name:hover{color:var(--primary)}.mobile-nav-cat-chevron{flex-shrink:0;color:var(--text-muted,var(--text));transition:transform .2s ease}.mobile-nav-cat-row[aria-expanded="true"] .mobile-nav-cat-chevron{transform:rotate(180deg)}.mobile-nav-cat-brands{display:flex;flex-direction:column;gap:2px;padding:.25rem 0 .75rem 1rem}.mobile-nav-cat-brands[hidden]{display:none}.mobile-nav-brand{display:block;padding:.55rem .75rem;font-size:.85rem;color:var(--text);text-decoration:none;border-radius:6px;transition:background .15s ease,color .15s ease}.mobile-nav-brand-all{font-weight:600;color:var(--primary-dark,var(--primary));margin-bottom:2px}.mobile-nav-brand:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.mobile-nav-brand-empty{display:block;padding:.5rem .75rem;font-size:.8rem;color:var(--text-muted,var(--text));font-style:italic;opacity:.7}body.mobile-nav-open,html:has(body.mobile-nav-open){overflow:hidden!important;touch-action:none}@media(prefers-reduced-motion:reduce){.mobile-nav-panel{transition:none}}.nav-link-dropdown{position:relative}.nav-dropdown{display:none;position:absolute;top:100%;left:0;min-width:220px;max-height:400px;overflow-y:auto;background:var(--bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:.5rem 0;z-index:100;list-style:none;margin:0}.nav-link-dropdown:hover .nav-dropdown,.nav-link-dropdown.open .nav-dropdown{display:block}.nav-dropdown li a{display:block;padding:.5rem 1rem;color:var(--text,#1f2937);text-decoration:none;font-size:.85rem;transition:background .15s}.nav-dropdown li a:hover{background:var(--bg-secondary,#f3f4f6)}.nav-dropdown-footer{border-top:1px solid var(--border,#e5e7eb);margin-top:.25rem;padding-top:.25rem}.cart-drawer{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cart-drawer[hidden]{display:none}.cart-drawer-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--bg-alt);box-shadow:-8px 0 32px rgba(0,0,0,.18);transform:translateX(100%);transition:transform 250ms cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}[data-theme="dark"] .cart-drawer-panel{background:var(--bg)}.cart-drawer.open .cart-drawer-panel{transform:translateX(0)}@media(max-width:768px){.cart-drawer-panel{width:100vw;max-width:100vw;top:0;right:0;bottom:0;left:0;border-radius:0;box-shadow:none}.cart-drawer{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.cart-drawer-panel{transition:none}}.cart-drawer-header{background:var(--navbar-utility-bg,#0f172a);color:var(--navbar-utility-text,#fff);padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.cart-drawer-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.01em;color:#fff;line-height:1.2}.cart-drawer-count{font-weight:600;opacity:.85}.cart-drawer-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff;cursor:pointer;padding:0;transition:background .15s ease,transform .12s ease}.cart-drawer-close:hover,.cart-drawer-close:focus-visible{background:rgba(255,255,255,.18);outline:0;transform:scale(1.05)}.cart-drawer-body{flex:1 1 auto;overflow-y:auto;padding:.5rem 0}.cart-drawer-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;gap:1rem}.cart-drawer-empty-icon{color:var(--text-muted);opacity:.4}.cart-drawer-empty-icon svg{width:96px;height:96px;stroke:currentColor}.cart-drawer-empty-text{margin:0;font-size:1.05rem;font-weight:600;color:var(--text)}.cart-drawer-empty-cta{display:inline-block;padding:.75rem 1.5rem;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;border-radius:2rem;transition:background .15s ease,transform .12s ease;margin-top:.5rem}.cart-drawer-empty-cta:hover,.cart-drawer-empty-cta:focus-visible{background:var(--primary-dark);transform:translateY(-1px);outline:0}.cart-drawer-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.85rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);align-items:flex-start}.cart-drawer-item:last-child{border-bottom:0}.cart-drawer-item-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--bg-alt) 86%,#fff);border:1px solid var(--border);flex-shrink:0}.cart-drawer-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cart-drawer-item-body{min-width:0;display:flex;flex-direction:column;gap:.3rem}.cart-drawer-item-name{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-drawer-item-price{font-size:.92rem;font-weight:700;color:var(--primary-dark)}.cart-drawer-item-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.2rem}.cart-drawer-qty{display:inline-flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg)}.cart-drawer-qty-btn{width:28px;height:28px;border:0;background:transparent;color:var(--text);font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease;padding:0}.cart-drawer-qty-btn:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.cart-drawer-qty-val{min-width:28px;text-align:center;font-size:.85rem;font-weight:600;padding:0 .25rem;color:var(--text);border-left:1px solid var(--border);border-right:1px solid var(--border);line-height:28px}.cart-drawer-item-remove{background:none;border:0;color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;padding:.25rem 0;text-decoration:underline;text-underline-offset:2px;transition:color .12s ease}.cart-drawer-item-remove:hover,.cart-drawer-item-remove:focus-visible{color:var(--danger);outline:0}.cart-drawer-footer{flex-shrink:0;border-top:1px solid var(--border);padding:1rem;background:var(--bg-alt);display:flex;flex-direction:column;gap:.5rem}.cart-drawer-footer[hidden]{display:none}[data-theme="dark"] .cart-drawer-footer{background:var(--bg)}.cart-drawer-subtotal{display:flex;align-items:baseline;justify-content:space-between;font-size:1.05rem;font-weight:700;color:var(--text)}.cart-drawer-subtotal-label{font-weight:600}.cart-drawer-subtotal-val{color:var(--primary-dark);font-size:1.15rem}.cart-drawer-tax-note{margin:0;font-size:.72rem;color:var(--text-muted);line-height:1.3}.cart-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.25rem}.cart-drawer-btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-align:center;cursor:pointer;transition:background .15s ease,transform .12s ease;border:0;line-height:1.1}.cart-drawer-btn-dark{background:#000;color:#fff}.cart-drawer-btn-dark:hover,.cart-drawer-btn-dark:focus-visible{background:#1a1a1a;transform:translateY(-1px);outline:0}.cart-drawer-btn-primary{background:var(--primary);color:#fff}.cart-drawer-btn-primary:hover,.cart-drawer-btn-primary:focus-visible{background:var(--primary-dark);transform:translateY(-1px);outline:0}body.cart-drawer-open{overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none;-webkit-overflow-scrolling:touch}