.top-banner{background:var(--text-primary);color:var(--text-inverse);letter-spacing:.01em;padding:.5rem 0;font-size:.78rem}.top-banner-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.banner-divider{opacity:.4}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#fffffff2;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:2rem;padding:.75rem 0;display:flex}.navbar-logo{align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:auto;height:42px}.navbar-links{align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--accent);background:var(--accent-muted)}.navbar-actions{align-items:center;gap:.75rem;display:flex}.nav-cart{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.nav-cart:hover{color:var(--accent);background:var(--accent-muted)}.cart-count{background:var(--accent);color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.nav-login-btn{border-radius:var(--radius-md)!important}.mobile-toggle{background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none}.hamburger{flex-direction:column;gap:5px;width:22px;display:flex}.hamburger span{background:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.navbar-links{background:var(--bg-primary);z-index:99;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;gap:.5rem;transition:opacity .3s;position:fixed;inset:0}.navbar-links.open{opacity:1;pointer-events:all}.nav-link{padding:.75rem 1.5rem;font-size:1.25rem}.mobile-toggle{z-index:101;display:flex}.top-banner-inner{font-size:.7rem}}
.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-4xl) 0 var(--space-xl);margin-top:var(--space-4xl)}.footer-grid{gap:var(--space-3xl);grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}.footer-brand{gap:var(--space-md);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:.6rem;display:flex}.footer-tagline{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.footer-disclaimer{color:#64748b;border-radius:var(--radius-md);background:#3b82f60f;border-left:3px solid #3b82f6;padding:.5rem .75rem;font-size:.78rem;font-weight:500}.footer-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);margin-bottom:var(--space-md);font-size:.85rem;font-weight:700}.footer-col{flex-direction:column;gap:.35rem;display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast);padding:.3rem 0;font-size:.88rem}.footer-link:hover{color:var(--accent)}.footer-bottom{margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.footer-bottom-note{text-align:right;max-width:500px}.footer-compliance-bar{margin-top:var(--space-lg);border-radius:var(--radius-md);color:#d4a148;text-align:center;letter-spacing:.01em;background:#f59e0b0f;border:1px solid #f59e0b26;padding:.75rem 1.25rem;font-size:.75rem;font-weight:500;line-height:1.6}@media (max-width:768px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem}.footer-bottom-note{text-align:center}}
