/* Shared, compact navigation for garment generators. */
.rail .brand{position:relative;z-index:30;flex:none}
.pattern-menu{position:relative;width:100%;margin-top:12px;border:0!important}
.pattern-menu summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin:0;padding:10px 13px!important;border:1px solid #495463;border-radius:7px;background:#30363d;color:#f0f2f5;font:600 13px/1.25 system-ui,sans-serif;cursor:pointer;list-style:none;white-space:normal}
.pattern-menu summary::-webkit-details-marker{display:none}
.pattern-menu[open] summary{border-color:#74a2db;background:#334b66!important}
.pattern-menu-arrow{flex:none;font-size:18px;line-height:1;color:#b7d0ed}
.pattern-menu[open] .pattern-menu-arrow{transform:rotate(180deg)}
.pattern-menu-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:min(55dvh,410px);overflow-y:auto;overscroll-behavior:contain;padding:8px;background:#292f36;border:1px solid #62738a;border-radius:8px;box-shadow:0 16px 30px rgba(0,0,0,.5)}
.pattern-menu-list a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:43px;padding:7px 5px;text-decoration:none;text-align:center;overflow-wrap:anywhere;color:#dce5ed;background:#343c45;border:1px solid #515e6b;border-radius:6px;font:500 11px/1.25 system-ui,sans-serif}
.pattern-menu-list a[aria-current=page]{background:#2f5fa8;border-color:#7ba9e5;color:#fff;font-weight:700}
.pattern-menu-list a:hover,.pattern-menu-list a:focus-visible{border-color:#91bfff;color:#fff;outline:2px solid #91bfff;outline-offset:1px}
@media(max-width:900px){.pattern-menu-list{max-height:min(55dvh,420px)}.pattern-menu summary{min-height:48px}}
@media(max-width:370px){.pattern-menu-list{grid-template-columns:1fr}}