/* Compact collection navigation; disclosures stay usable without JavaScript. */
.primary-navigation { position: relative; }
.wkk-menu { gap: 22px; }
.wkk-menu > .wkk-browse-item { position: static; }
.wkk-browse > summary { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 14px 0; cursor: pointer; list-style: none; font-size: 15px; font-weight: 500; }
.wkk-browse > summary::-webkit-details-marker { display: none; }
.wkk-browse > summary svg { flex: 0 0 auto; transition: transform .18s ease; }
.wkk-browse[open] > summary, .wkk-browse > summary:hover { color: var(--wkk-raspberry); }
.wkk-browse[open] > summary svg { transform: rotate(180deg); }
.wkk-browse-panel { position: absolute; z-index: 60; top: calc(100% + 12px); right: 0; width: min(590px, calc(100vw - 64px)); padding: 28px; border: 1px solid var(--wkk-border); border-top: 3px solid var(--wkk-gold); border-radius: 0 0 16px 16px; background: #fffdf8; box-shadow: 0 20px 48px #30342b18; }
.wkk-browse-kicker { margin: 0 0 4px; color: #647055; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.wkk-browse-intro { margin: 0 0 20px; font-size: 17px; font-weight: 400; line-height: 1.5; }
.wkk-menu .wkk-browse-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 25px; list-style: none; padding: 0; margin: 0; }
.wkk-menu .wkk-browse-links li { min-width: 0; }
.wkk-menu .wkk-browse-links a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 43px; padding: 9px 0; border-bottom: 1px solid #e9e6db; font-size: 14px; font-weight: 400; line-height: 1.4; }
.wkk-browse-links a svg { color: #8c947b; width: 15px; height: 15px; flex-shrink: 0; }
.wkk-menu .wkk-browse-all { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 46px; margin-top: 22px; padding: 11px 14px; border-radius: 7px; background: var(--wkk-blue); color: var(--wkk-plum); font-size: 14px; font-weight: 500; }
.wkk-menu .wkk-browse-all:hover { background: #e2e8d5; }
@media (min-width: 1021px) and (max-width: 1200px) { .wkk-menu { gap: 16px; } .wkk-browse > summary { font-size: 14px; } }
@media (max-width: 1020px) {
 .primary-navigation .wkk-menu { flex-wrap: wrap; }
 .wkk-menu > .wkk-browse-item { display: block !important; width: 100%; border-top: 1px solid #e6e2d7; }
 .wkk-browse { width: 100%; }
 .wkk-browse > summary { justify-content: space-between; width: 100%; min-height: 52px; padding: 12px 0; font-size: 17px; }
 .wkk-browse-panel { position: static; width: 100%; padding: 18px; margin-bottom: 14px; border-radius: 10px; border-top-width: 1px; background: #f5f2e8; box-shadow: none; }
 .wkk-browse-kicker { display: none; }
 .wkk-browse-intro { margin-bottom: 12px; font-size: 15px; color: #606652; }
 .wkk-menu .wkk-browse-links { gap: 0 18px; }
 .wkk-menu .wkk-browse-links a { min-height: 48px; font-size: 14px; }
 .wkk-menu .wkk-browse-all { margin-top: 16px; background: #e7edda; }
}
@media (max-width: 359px) { .wkk-menu .wkk-browse-links { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .wkk-browse > summary svg { transition: none; } }