.navbar{background-color:var(--dark-b)}@media (min-width:1024px){.navbar{-webkit-backdrop-filter:blur(10px)}}main:has(.hero-section){padding-top:0!important}main:has(.hero-section) .navbar{background-color:#0000!important;transition:background-color .3s!important}body:has(main .hero-section) .navbar{background-color:#0000!important;transition:background-color .3s!important}body:has(main .hero-section) .navbar.nav-scrolled{background-color:var(--dark-b)!important}@media (min-width:1024px){body:has(main .hero-section) .navbar.nav-scrolled{-webkit-backdrop-filter:blur(10px)!important}}.order-count-badge{border:1px solid var(--neutral-6);min-width:1.5em;color:var(--neutral-6);text-align:center;vertical-align:middle;border-radius:999px;margin-left:auto;padding:.25em .5em;font-size:.75em;font-weight:600;line-height:1.5em;display:inline-block;box-shadow:0 1px 2px #0000000a}
.navbar-skeleton{background-color:var(--dark-b)}.navbar-skeleton__desktop{display:none}@media (min-width:1024px){.navbar-skeleton__desktop{display:block}}.navbar-skeleton__desktop-container{max-width:1200px;height:80px;margin:0 auto;padding:0 20px}.navbar-skeleton__desktop-layout{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-skeleton__desktop-left{align-items:center;gap:32px;display:flex}.navbar-skeleton__logo{flex-shrink:0}.navbar-skeleton__logo-placeholder{background-color:var(--dark-b-skeleton);border-radius:6px;width:48px;height:48px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.navbar-skeleton__main-nav{gap:24px;margin:0;padding:0;list-style:none;display:none}@media (min-width:768px){.navbar-skeleton__main-nav{display:flex}}.navbar-skeleton__nav-link{background-color:var(--dark-b-skeleton);border-radius:4px;height:14px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.navbar-skeleton__nav-link--small{width:64px}.navbar-skeleton__nav-link--medium{width:96px}.navbar-skeleton__nav-link--large{width:64px}.navbar-skeleton__auth-nav{align-items:center;gap:12px;display:flex}.navbar-skeleton__auth-button{background-color:var(--dark-b-skeleton);border-radius:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.navbar-skeleton__auth-button--icon{width:32px;height:32px}.navbar-skeleton__auth-button--small{width:72px;height:36px}.navbar-skeleton__auth-button--medium{width:96px;height:36px}.navbar-skeleton__mobile{height:80px;display:block}@media (min-width:1024px){.navbar-skeleton__mobile{display:none}}.navbar-skeleton__mobile-header{justify-content:space-between;align-items:center;padding:16px;display:flex}.navbar-skeleton__mobile-logo{flex-shrink:0}.navbar-skeleton__mobile-logo-placeholder{background-color:var(--dark-b-skeleton);border-radius:6px;width:48px;height:48px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.navbar-skeleton__mobile-actions{align-items:center;gap:12px;display:flex}.navbar-skeleton__mobile-button{background-color:var(--dark-b-skeleton);border-radius:6px;width:32px;height:32px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.navbar-skeleton__hamburger{background-color:var(--dark-b-skeleton);border-radius:6px;width:40px;height:40px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.navbar-skeleton__logo-placeholder,.navbar-skeleton__nav-link,.navbar-skeleton__auth-button,.navbar-skeleton__mobile-logo-placeholder,.navbar-skeleton__mobile-button,.navbar-skeleton__hamburger{animation:none}}
.responsive-nav__desktop{display:none}@media (min-width:1024px){.responsive-nav__desktop{display:block}}.responsive-nav__desktop-container{max-width:1200px;height:80px;margin:0 auto;padding:0 20px}.responsive-nav__desktop-layout{justify-content:space-between;align-items:center;height:100%;display:flex}.responsive-nav__desktop-left{align-items:center;gap:32px;display:flex}.responsive-nav__logo{flex-shrink:0}.responsive-nav__main-nav{gap:24px;margin:0;padding:0;list-style:none;display:none}@media (min-width:768px){.responsive-nav__main-nav{display:flex}}.responsive-nav__link{color:var(--white);font-size:14px;text-decoration:none;transition:color .15s ease-in-out}.responsive-nav__link:hover{color:var(--primary-500)}.responsive-nav__button{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:14px;transition:color .15s ease-in-out}.responsive-nav__button:hover{color:var(--primary-500)}.responsive-nav__mobile{height:80px;display:block}@media (min-width:1024px){.responsive-nav__mobile{display:none}}.responsive-nav__mobile-header{justify-content:space-between;align-items:center;padding:16px;display:flex}.responsive-nav__mobile-logo{flex-shrink:0;text-decoration:none}.responsive-nav__mobile-actions{align-items:center;gap:12px;display:flex}.responsive-nav__hamburger{color:var(--white);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:color .15s ease-in-out}.responsive-nav__hamburger:hover{color:var(--primary-500)}.responsive-nav__hamburger:focus{box-shadow:0 0 0 2px var(--primary-500);outline:none}.responsive-nav__overlay{z-index:50;position:fixed;inset:0}.responsive-nav__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.responsive-nav__menu-panel{background-color:var(--dark-b);width:320px;height:100%;position:fixed;top:0;right:0;overflow-y:auto}.responsive-nav__menu-header{justify-content:space-between;align-items:center;padding:16px;display:flex}.responsive-nav__menu-title{color:var(--white);margin:0;font-size:18px;font-weight:600}.responsive-nav__menu-close{color:var(--white);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:color .15s ease-in-out}.responsive-nav__menu-close:hover{color:var(--primary-500)}.responsive-nav__menu-close:focus{box-shadow:0 0 0 2px var(--primary-500);outline:none}.responsive-nav__menu-nav{padding:16px 0}.responsive-nav__menu-nav-list{flex-direction:column;gap:4px;display:flex}.responsive-nav__menu-link{color:var(--white);align-items:center;padding:12px 16px;text-decoration:none;transition:background-color .15s ease-in-out;display:flex}.responsive-nav__menu-link:hover{color:var(--primary-500)}.responsive-nav__menu-link svg{width:20px;height:20px;margin-right:12px}.responsive-nav__menu-button{width:100%;color:var(--white);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;padding:12px 16px;transition:background-color .15s ease-in-out;display:flex}.responsive-nav__menu-button:hover{background-color:var(--neutral-8)}.responsive-nav__menu-button svg{width:20px;height:20px;margin-right:12px}.responsive-nav__user-section{border-bottom:1px solid var(--neutral-8);padding:16px}.responsive-nav__user-profile{align-items:center;gap:12px;display:flex}.responsive-nav__user-avatar{border-radius:50%;width:40px;height:40px}.responsive-nav__user-avatar--default{background-color:var(--primary-500);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.responsive-nav__user-avatar--default svg{width:24px;height:24px;color:var(--white)}.responsive-nav__user-info{flex:1;min-width:0}.responsive-nav__user-name{color:var(--white);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;overflow:hidden}.responsive-nav__user-email{color:var(--neutral-6);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.responsive-nav__user-menu{border-top:1px solid var(--neutral-8);padding-top:16px}.responsive-nav__user-menu-list{flex-direction:column;gap:4px;display:flex}.responsive-nav__guest-section{border-bottom:1px solid var(--neutral-8);flex-direction:column;gap:12px;padding:16px;display:flex}.responsive-nav__guest-button{text-align:center;border-radius:8px;width:100%;padding:12px 16px;text-decoration:none;transition:all .15s ease-in-out;display:block}.responsive-nav__guest-button--signin{color:var(--white);border:1px solid var(--primary-500);background:0 0}.responsive-nav__guest-button--signin:hover{background-color:var(--primary-500);color:var(--neutral-12)}.responsive-nav__guest-button--signup{background-color:var(--primary-500);color:var(--white)}.responsive-nav__guest-button--signup:hover{background-color:var(--primary-600)}.responsive-nav__logout-section{border-top:1px solid var(--neutral-8);margin-top:16px;padding-top:16px}.responsive-nav__logout-button{width:100%;color:var(--primary-400);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;padding:12px 16px;transition:background-color .15s ease-in-out;display:flex}.responsive-nav__logout-button:hover{background-color:var(--neutral-8)}.responsive-nav__logout-button svg{width:20px;height:20px;margin-right:12px}
.auth-nav{align-items:center;gap:16px;display:flex}.auth-nav__user-dropdown{position:relative}.auth-nav__profile-button{color:var(--white);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:8px;transition:color .15s ease-in-out;display:flex}.auth-nav__profile-button:hover{color:var(--primary-500)}.auth-nav__profile-button:focus{background-color:var(--dark-b-skeleton);outline:none}.auth-nav__avatar{border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:border-color .15s ease-in-out}.auth-nav__avatar:hover{border-color:var(--primary-500)}.auth-nav__avatar--default{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s ease-in-out;display:flex}.auth-nav__avatar--default:hover{background-color:var(--neutral-6)}.auth-nav__avatar--default img{width:20px;height:20px}.auth-nav__dropdown-menu{background-color:var(--white);z-index:50;border-radius:16px;flex-direction:column;gap:8px;min-width:240px;margin-top:8px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 8px #2929290f,0 2px 4px #2929290a,0 1px 2px #2929290a,0 0 0 1px #2929290a,inset 0 -.5px .5px #29292914}.auth-nav__user-info{padding:12px 16px 0}.auth-nav__user-name{color:var(--neutral-12);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:500;overflow:hidden}.auth-nav__user-email{color:var(--neutral-6);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:350;overflow:hidden}.auth-nav__user-info-divider{background-color:var(--neutral-3);width:100%;height:1px}.auth-nav__menu-items{flex-direction:column;gap:4px;padding:0 8px 8px;display:flex}.auth-nav__menu-link,.auth-nav__logout-button{color:var(--neutral-8);border-radius:8px;align-items:center;padding:8px;font-size:14px;text-decoration:none;transition:background-color .15s ease-in-out;display:flex}.auth-nav__menu-link:hover{background-color:var(--neutral-3)}.auth-nav__menu-link svg{width:16px;height:16px;color:var(--neutral-6);margin-right:12px}.auth-nav__logout-button{color:red;cursor:pointer;width:100%;transition:background-color .15s ease-in-out}.auth-nav__logout-button:hover{background-color:#ffeded}.auth-nav__logout-button svg{width:16px;height:16px;margin-right:12px}.auth-nav__guest{align-items:center;gap:16px;display:flex}.auth-nav__guest-cart{position:relative}.auth-nav__guest-cart-button{cursor:pointer}.auth-nav__guest-auth{align-items:center;gap:8px;display:flex}.auth-nav__guest-button{white-space:nowrap;text-decoration:none;display:inline-block}