.nav-cart-wrap { position: relative; }
.nav-cart-wrap:hover .mini-cart-preview { opacity: 1; visibility: visible; transform: translateY(0); }
@media (max-width: 1180px) {
  .nav-links { display: none; }
  .nav-mobile-toggle { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
  .nav-mobile-toggle span { display: block; width: 24px; height: 3px; background: var(--navy); border-radius: 2px; position: relative; }
  .nav-mobile-toggle span::before, .nav-mobile-toggle span::after { content: ''; position: absolute; left: 0; width: 24px; height: 3px; background: var(--navy); border-radius: 2px; }
  .nav-mobile-toggle span::before { top: -8px; }
  .nav-mobile-toggle span::after { top: 8px; }
}
@media (max-width: 768px) {
  .nav-inner { height: auto; min-height: 68px; flex-wrap: wrap; gap: 12px; padding-top: 12px; padding-bottom: 12px; }
  .nav-right { display: contents; }
  .nav-logo { flex: 1; min-width: 0; font-size: 1.2rem; gap: 6px; white-space: nowrap; }
  .nav-notification, .nav-compare { display: none; }
  .nav-search { order: 10; flex: 0 0 100%; }
  .search-input, .search-input:focus { width: 100%; }
}
@media (max-width: 480px) {
  .nav-inner { padding-left: 16px; padding-right: 16px; gap: 10px; }
  .nav-logo { font-size: 1rem; gap: 4px; }
  .nav-logo svg { width: 20px; height: 20px; }
  .nav-cart { font-size: .8rem; gap: 4px; }
  .dark-mode-toggle { display: none; }
  .nav-mobile-toggle { width: 32px; height: 32px; }
}