.vans-dropdown { position: relative; }
.vans-dropdown > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 100%; min-height: 44px; cursor: pointer; list-style: none; font: 600 1.08rem var(--display); letter-spacing: .11em; text-transform: uppercase; border-bottom: 3px solid transparent; }
.vans-dropdown > summary::-webkit-details-marker { display: none; }
.vans-dropdown.active > summary, .vans-dropdown[open] > summary { border-bottom-color: var(--orange); }
.vans-dropdown > summary svg { transition: transform .18s ease; }
.vans-dropdown[open] > summary svg { transform: rotate(180deg); }
.vans-dropdown__links { position: absolute; top: 100%; left: -18px; min-width: 224px; padding: 8px; border: 1px solid #4b4036; border-radius: 0 0 6px 6px; background: #11181c; box-shadow: 0 16px 30px #0006; }
.site-header .vans-dropdown__links a { display: flex; justify-content: flex-start; min-height: 46px; padding: 12px 16px; border-radius: 4px; font: 600 1rem var(--display); letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.site-header .vans-dropdown__links a::after { content: none; }
.site-header .vans-dropdown__links a:hover, .site-header .vans-dropdown__links a[aria-current=page] { background: #29363b; color: #ffb57d; }
.vans-dropdown__links a:last-child { border-top: 1px solid #ffffff26; margin-top: 4px; font-size: .86rem; }
.vans-dropdown > summary:focus-visible, .vans-dropdown__links a:focus-visible { outline: 2px solid #ffa75d; outline-offset: 3px; }
.mobile-menu .vans-dropdown { width: 100%; }
.mobile-menu .vans-dropdown > summary { width: 100%; height: auto; padding: 1rem .2rem; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; display: flex; justify-content: space-between; place-content: normal space-between; gap: 8px; }
.mobile-menu .vans-dropdown__links { position: static; min-width: 0; padding: 4px 8px; border: 0; border-left: 2px solid var(--orange); border-radius: 0; box-shadow: none; }
.mobile-menu > nav { max-height: calc(100dvh - 78px); overflow-y: auto; overscroll-behavior: contain; }
@media (prefers-reduced-motion: reduce) { .vans-dropdown > summary svg { transition: none; } }