#cart-icon{box-sizing:border-box;width:35px;margin:0 10px;display:flex;position:relative}#cart-icon .cart-icon-link{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;width:100%;height:35px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);border-radius:50%;text-decoration:none;display:flex}#cart-icon .cart-icon-link:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px #22d3ee26}#cart-icon .cart-icon-link:hover i{color:var(--color-accent)}#cart-icon .cart-icon-link:hover .cart-icon-quantity{color:var(--color-accent-warm);background-color:#0b0d12d9;height:fit-content}#cart-icon .cart-icon-link i{color:var(--color-text-muted);transition:color var(--transition-fast);margin:9px 6px 3px;font-size:20px;position:relative;top:2px;left:-2px}#cart-icon .cart-icon-link .cart-icon-quantity{color:var(--color-text);position:relative;top:0;right:5px}@media only screen and (max-width:728px){#cart-icon .cart-icon-link .cart-icon-quantity{justify-content:flex-end;width:100%;font-size:14px;display:flex;position:absolute;top:-5px;right:0}}
#header-menu-container{box-sizing:border-box;width:100%;max-width:100vw;height:var(--header-height);min-height:var(--header-height);max-height:var(--header-height);background:linear-gradient(180deg,var(--color-bg-elevated)0%,var(--color-bg)100%);border-bottom:1px solid var(--color-border);font-family:var(--font-geist-mono),ui-monospace,monospace;flex-shrink:0;grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:6px;padding:8px 12px;display:grid;overflow:hidden}@media only screen and (max-width:728px){#header-menu-container.navMenuOpen{height:100svh;max-height:100svh}}#header-menu-container.isLoading{border-bottom-color:var(--color-accent-warm)}#header-menu-container .header-menu-top{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}#header-menu-container .header-menu-top #header-menu-nav-toggle-button{box-sizing:border-box;z-index:1;cursor:pointer;justify-content:center;align-items:center;width:50px;height:auto;display:none;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}@media only screen and (max-width:728px){#header-menu-container .header-menu-top #header-menu-nav-toggle-button{display:flex}}#header-menu-container .header-menu-top #header-menu-nav-toggle-button.navMenuOpen{position:fixed;top:8px;transform:none}#header-menu-container .header-menu-top #header-menu-nav-toggle-button i{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:28px}#header-menu-container .header-menu-top #header-menu-nav-toggle-button i:hover{color:var(--color-accent)}#header-menu-container .header-menu-top #header-menu-title{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:100%;display:flex;position:relative}@media only screen and (max-width:728px){#header-menu-container .header-menu-top #header-menu-title{width:calc(100% - 90px);margin:0 15px;padding:0}#header-menu-container .header-menu-top #header-menu-title.navMenuOpen{margin:10px 15px 0;position:fixed;top:-2px}}#header-menu-container .header-menu-top #header-menu-title .header-menu-title-link{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);text-align:center;letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;height:100%;max-height:100%;box-shadow:var(--shadow-soft);transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);justify-content:center;align-items:center;padding:4px 12px;font-size:clamp(.95rem,1.8vw,1.35rem);font-weight:700;text-decoration:none;display:flex;overflow:hidden}#header-menu-container .header-menu-top #header-menu-title .header-menu-title-link:hover{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent)}#header-menu-container .header-menu-top .cart-icon-mobile{box-sizing:border-box;width:auto;height:auto;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media only screen and (max-width:728px){#header-menu-container .header-menu-top .cart-icon-mobile{display:flex}}#header-menu-container .header-menu-top .cart-icon-mobile.navMenuOpen{position:fixed;top:8px;transform:none}#header-menu-container #header-menu-navigation-section{justify-content:stretch;align-items:stretch;gap:6px;width:100%;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden}@media only screen and (max-width:728px){#header-menu-container #header-menu-navigation-section{height:calc(100svh - var(--header-height));background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)var(--radius-md)0 0;z-index:3;flex-direction:column;margin:5px 0 1px;padding:16px 0;display:none;position:fixed;bottom:0}#header-menu-container #header-menu-navigation-section.navMenuOpen{display:flex}}#header-menu-container #header-menu-navigation-section .link{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;height:auto;max-height:100%;color:var(--color-text-muted);text-align:center;letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);background:0 0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:4px 8px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}#header-menu-container #header-menu-navigation-section .link:hover{border-color:var(--color-accent);color:var(--color-accent);background:#22d3ee0f}#header-menu-container #header-menu-navigation-section .link.isActive{border-color:var(--color-accent);color:var(--color-accent);background:#22d3ee1a}#header-menu-container #header-menu-navigation-section .link.isPending{border-color:var(--color-accent-warm);color:var(--color-accent-warm)}@media only screen and (max-width:728px){#header-menu-container #header-menu-navigation-section .link{flex:none;width:75%;padding:8px 14px;font-size:1.25rem}}