.shop-dropdown { position: relative; flex-shrink: 0; }
.shop-dropdown-toggle { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 8px 5px; font: inherit; font-size: .95rem; color: var(--ink); cursor: pointer; list-style: none; border-radius: 6px; }
.shop-dropdown-toggle::-webkit-details-marker { display: none; }
.shop-dropdown-toggle::marker { content: ''; }
.shop-bag-icon, .shop-menu-chevron { flex-shrink: 0; }
.shop-bag-icon { color: var(--accent); }
.shop-dropdown[open] .shop-menu-chevron { transform: rotate(180deg); }
.shop-dropdown-toggle:hover { color: var(--accent); }
.shop-dropdown-toggle:focus-visible, .shop-dropdown-panel a:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.shop-dropdown-panel { position: absolute; top: 100%; left: 0; z-index: 30; width: 230px; max-width: calc(100vw - 32px); max-height: min(65vh,520px); max-height: min(65dvh,520px); overflow-y: auto; overscroll-behavior: contain; padding: 7px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 12px 30px rgba(55,42,31,.12); }
.nav-links .shop-dropdown-panel a { display: block; min-height: 44px; padding: 10px 12px; border-radius: 6px; font-size: .94rem; overflow-wrap: anywhere; }
.nav-links .shop-dropdown-panel a:hover, .nav-links .shop-dropdown-panel a:focus-visible { background: var(--soft); color: var(--ink); }
.nav-links .shop-dropdown-panel .shop-dropdown-all { font-weight: 700; border-bottom: 1px solid var(--line); border-radius: 6px 6px 0 0; margin-bottom: 5px; padding-bottom: 12px; }
@media (max-width: 900px) { .nav { flex-wrap: wrap; gap: 12px; } .brand { width: 100%; } .nav-links { gap: 10px 16px; } }
@media (max-width: 650px) { .nav-links { width: 100%; gap: 8px 12px; } .shop-dropdown-panel { width: 230px; } }