/* Compact collection navigation; original links remain crawlable and usable without JS. */
#collections.collection-nav{position:relative;margin:0 0 20px;z-index:5}
#collections .collection-picker{position:relative;width:min(100%,370px)}
#collections .collection-picker>summary{display:flex;align-items:center;gap:16px;min-height:46px;padding:10px 16px;box-sizing:border-box;border:1px solid #263e3650;border-radius:8px;list-style:none;cursor:pointer;font:inherit;font-size:14px;background:#faf8f1;color:#263e36}
#collections summary::-webkit-details-marker{display:none}
#collections summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;flex:none;align-self:center}
#collections details[open]>summary::after{transform:rotate(225deg)}
#collections .collection-picker>summary>span{position:static;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;color:inherit;transform:none;transition:none;animation:none}
#collections summary:hover{background:#eeeee3}
#collections summary:focus-visible,#collections .collection-options a:focus-visible,#collections .collection-reset:focus-visible{outline:3px solid #b4674c;outline-offset:3px}
#collections details>.collection-options{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;width:min(540px,calc(100vw - 40px));max-height:min(440px,60vh);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:10px;border:1px solid #263e3630;border-radius:10px;background:#faf8f1;box-shadow:0 12px 30px #263e3620}
#collections details:not([open])>.collection-options{display:none}
#collections .collection-options a,#collections .collection-reset{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none;min-height:44px;box-sizing:border-box;width:100%;border:0;border-radius:5px;padding:10px 12px;margin:0;text-align:left;text-decoration:none;white-space:normal;font:inherit;font-size:14px;color:#263e36;background:transparent}
#collections .collection-options a:hover,#collections .collection-reset:hover{background:#e9ecdf}
#collections .collection-options a[aria-current]{background:#263e36;color:#fff}
#collections .collection-options small{flex:none;opacity:.7}
#collections .collection-reset{cursor:pointer;border-bottom:1px solid #263e3620;border-radius:0;font-weight:600}
#collections .collection-reset[hidden]{display:none}
@media(max-width:600px){#collections .collection-picker{width:100%}#collections details>.collection-options{width:100%;max-height:52vh}}
@media(prefers-reduced-motion:no-preference){
 #collections details[open]>.collection-options{transform-origin:top left;animation:collection-reveal .22s cubic-bezier(.22,.61,.36,1)}
 @keyframes collection-reveal{from{opacity:0;transform:translateY(-7px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}
}