.mobile-nav-trigger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);gap:var(--space-1)}.mobile-nav-trigger:hover{background:var(--bg-brand-subtle)}.mobile-nav-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-nav-trigger__line{width:20px;height:2px;background:var(--text-primary);border-radius:var(--radius-full);transition:var(--transition-transform);transform-origin:center}.mobile-nav-open .mobile-nav-trigger__line:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-nav-open .mobile-nav-trigger__line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-nav-open .mobile-nav-trigger__line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:var(--transition-opacity)}.mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible}.mobile-nav-drawer{position:fixed;top:0;right:0;width:min(85vw,320px);height:100vh;background:var(--bg-paper);box-shadow:var(--shadow-xl);z-index:var(--z-modal);transform:translate(100%);transition:transform var(--transition-base) var(--ease-out);overflow-y:auto;border-left:1px solid var(--border-secondary)}.mobile-nav-open .mobile-nav-drawer{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-secondary);background:var(--bg-brand-subtle)}.mobile-nav-logo{display:flex;align-items:center;text-decoration:none}.mobile-nav-logo img{height:32px;width:auto}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition-colors)}.mobile-nav-close:hover{background:var(--hover-overlay);color:var(--brand-700)}.mobile-nav-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-nav-content{padding:var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-8);min-height:calc(100vh - 80px)}.mobile-nav-section{padding:0 var(--space-5)}.mobile-nav-section--actions{margin-top:auto;border-top:1px solid var(--border-secondary);padding-top:var(--space-6)}.mobile-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.mobile-nav-item{margin:0}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);text-decoration:none;color:var(--text-primary);font-size:var(--font-size-text-lg);font-weight:var(--font-weight-medium);border-radius:var(--radius-organic-md);transition:var(--transition-colors);min-height:44px}.mobile-nav-link:hover{background:var(--bg-brand-subtle);color:var(--brand-700);transform:translate(var(--space-1))}.mobile-nav-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-nav-icon{font-size:var(--font-size-text-xl);width:24px;text-align:center;flex-shrink:0}.mobile-nav-text{flex-grow:1}.mobile-nav-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);text-decoration:none;color:var(--text-primary);font-size:var(--font-size-text-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-organic-md);transition:var(--transition-colors);min-height:44px;border:1px solid var(--border-secondary);margin-bottom:var(--space-2)}.mobile-nav-action:hover{background:var(--bg-brand-subtle);border-color:var(--border-brand);color:var(--brand-700)}.mobile-nav-action--cart{background:var(--bg-brand);color:var(--text-inverse);border-color:var(--brand-700)}.mobile-nav-action--cart:hover{background:var(--hover-brand);color:var(--text-inverse)}.mobile-nav-action svg{flex-shrink:0}.mobile-nav-decoration{padding:0 var(--space-5);margin-top:auto;opacity:var(--opacity-60)}.mobile-nav-open{overflow:hidden}@media (max-width: 768px){.mobile-nav-trigger{display:flex}.site-header__nav{display:none!important}}@media (min-width: 769px){.mobile-nav-trigger,.mobile-nav-backdrop,.mobile-nav-drawer{display:none!important}}.mobile-nav-drawer:focus{outline:none}.mobile-nav-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.mobile-nav-trigger__line,.mobile-nav-backdrop,.mobile-nav-drawer,.mobile-nav-link{transition:none!important}.mobile-nav-link:hover{transform:none}}@media (prefers-color-scheme: dark){.mobile-nav-drawer{background:var(--gray-900);border-left-color:var(--gray-700)}.mobile-nav-header{background:var(--gray-800);border-bottom-color:var(--gray-700)}.mobile-nav-section--actions{border-top-color:var(--gray-700)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-mobile-nav.css.map */