.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg-base);border-bottom:1px solid var(--color-border);transition:background var(--transition-base),box-shadow var(--transition-base),padding var(--transition-base)}.site-header.is-scrolled{background:#111111e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:72px;padding:0 var(--gutter);max-width:var(--max-width-content);margin:0 auto;width:100%}.header-inner.is-compact{height:60px}.header-logo{flex-shrink:0}.header-logo img{height:36px;width:auto}.header-logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.03em}.main-nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{position:relative;padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast);white-space:nowrap}.nav-link:hover,.nav-link.is-active{color:var(--color-text-primary)}.nav-link:after{content:"";position:absolute;bottom:4px;left:var(--space-4);right:var(--space-4);height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-fast)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}.nav-item-has-dropdown{position:static}.nav-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-raised);border:1px solid var(--color-border);border-top:none;padding:var(--space-8) 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base);z-index:var(--z-overlay)}.nav-item-has-dropdown:hover .nav-dropdown,.nav-item-has-dropdown:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);max-width:var(--max-width-content);margin:0 auto;padding:0 var(--gutter)}.nav-dropdown-section-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.nav-dropdown-link{display:block;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast),transform var(--transition-fast)}.nav-dropdown-link:hover{color:var(--color-text-primary);transform:translate(4px)}.header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:color var(--transition-fast),background var(--transition-fast);position:relative}.header-icon-btn:hover{color:var(--color-text-primary);background:var(--color-bg-overlay)}.header-icon-btn svg{width:20px;height:20px}.cart-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-accent);color:var(--color-accent-text);font-family:var(--font-mono);font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1}.mobile-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--color-text-primary);background:none;border:none;cursor:pointer}.mobile-menu-toggle svg{width:22px;height:22px}.mobile-nav-drawer{position:fixed;top:0;left:0;width:min(320px,85vw);height:100vh;background:var(--color-bg-raised);border-right:1px solid var(--color-border);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-base);overflow-y:auto}.mobile-nav-drawer.is-open{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.mobile-nav-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast)}.mobile-nav-close:hover{color:var(--color-text-primary)}.mobile-nav-list{padding:var(--space-4) 0}.mobile-nav-item{border-bottom:1px solid var(--color-border)}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);font-size:var(--text-md);font-weight:500;color:var(--color-text-primary);background:none;border:none;width:100%;cursor:pointer;text-align:left}.mobile-nav-sublist{display:none;padding:0 0 var(--space-4) var(--space-6)}.mobile-nav-sublist.is-open{display:block}.mobile-nav-sublink{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.mobile-nav-sublink:hover{color:var(--color-text-primary)}@media(max-width:900px){.main-nav{display:none}.mobile-menu-toggle{display:flex}}.site-footer{background:var(--color-bg-raised);border-top:1px solid var(--color-border);margin-top:auto}.footer-main{padding:var(--space-16) 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10)}.footer-brand .footer-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-.03em}.footer-brand .footer-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-5)}.footer-social{display:flex;gap:var(--space-3)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.footer-social-link:hover{color:var(--color-accent);border-color:var(--color-accent);background:#e8ff000d}.footer-social-link svg{width:16px;height:16px}.footer-column-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.footer-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text-primary)}.footer-newsletter{grid-column:span 4;padding-top:var(--space-8);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.footer-newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.footer-newsletter-text h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}.footer-newsletter-text p{font-size:var(--text-sm)}.footer-newsletter-form{display:flex;gap:var(--space-2);min-width:400px}.footer-newsletter-form input{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.footer-newsletter-form input::placeholder{color:var(--color-text-muted)}.footer-newsletter-form input:focus{border-color:var(--color-accent)}.footer-bottom{border-top:1px solid var(--color-border);padding:var(--space-6) 0}.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.footer-copyright{font-size:var(--text-xs);color:var(--color-text-muted)}.footer-payment-icons{display:flex;gap:var(--space-3);align-items:center}.footer-payment-icon{height:24px;width:auto;opacity:.5;transition:opacity var(--transition-fast)}.footer-payment-icon:hover{opacity:.9}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-newsletter{grid-column:span 2}.footer-newsletter-form{min-width:0}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-newsletter{grid-column:span 2}.footer-newsletter-inner{flex-direction:column;align-items:flex-start}.footer-newsletter-form{width:100%}.footer-bottom-inner{flex-direction:column;text-align:center}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-newsletter{grid-column:span 1}}.two-column-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-8);align-items:start}.two-column-sidebar{position:sticky;top:calc(72px + var(--space-6))}@media(max-width:900px){.two-column-layout{grid-template-columns:1fr}.two-column-sidebar{position:static}}.page-hero{padding:var(--space-16) 0;background:var(--color-bg-raised);border-bottom:1px solid var(--color-border)}.page-hero-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.page-hero-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);max-width:600px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/layout.css.map */