/* Shop menu drops down under the Shop button instead of sliding in from the left */
html body nav.horizontal-menu.horizontal-menu--mobile.horizontal-menu--mobile{top:var(--ddt,76px)!important;left:var(--ddl,8px)!important;bottom:auto!important;height:auto!important;max-height:calc(100vh - var(--ddt,76px) - 12px)!important;width:min(380px,calc(100vw - 16px))!important;max-width:380px!important;overflow-y:auto!important;border-radius:0 0 8px 8px!important;transform:translateY(-10px)!important;opacity:0!important;pointer-events:none!important;transition:transform .18s,opacity .18s!important;box-shadow:0 12px 30px rgba(0,0,0,.45)!important}
html body nav.horizontal-menu.horizontal-menu--mobile.horizontal-menu--mobile.horizontal-menu--mobileShow{transform:none!important;opacity:1!important;pointer-events:auto!important}
html body .horizontal-overlay{background:rgba(0,0,0,.3)!important}
/* always show the whole tree from the top, and let folders open down inside the menu */
html body nav.horizontal-menu--mobile ul.horizontal-menu-parent{position:relative!important;transform:none!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}
html body nav.horizontal-menu--mobile ul.horizontal-menu-parent>li.horizontal-menu-item{display:block!important;height:auto!important;overflow:visible!important;position:static!important;transform:none!important}
html body nav.horizontal-menu--mobile li.horizontal-menu-item>ul.horizontal-menu-subParent{display:none!important;position:static!important;transform:none!important;width:auto!important;height:auto!important;padding:0 0 0 14px!important;margin:0!important;background:rgba(0,0,0,.18)!important}
html body nav.horizontal-menu--mobile li.rrd-open>ul.horizontal-menu-subParent{display:block!important}
html body nav.horizontal-menu--mobile li.horizontal-menu-item--back{display:none!important}
html body nav.horizontal-menu--mobile li.horizontal-menu-item>a{display:block!important;height:auto!important;opacity:1!important;visibility:visible!important}
html body nav.horizontal-menu--mobile li.horizontal-menu-item--parent>a svg.horizontal-arrow-right{transition:transform .15s}
html body nav.horizontal-menu--mobile li.rrd-open>a svg.horizontal-arrow-right{transform:rotate(90deg)}
html body nav.horizontal-menu--mobile li.rrd-all a{display:block;padding:10px;font-weight:700;opacity:.85}

/* dark look only: the Racy/Bright button is gone */
html:root,html:root[data-theme]{color-scheme:dark;--bg:#0d0e11;--panel:#17191e;--ink:#f1f2f4;--muted:#a4abb7;--line:#2a2d35;--accent:#ff5a2b;--accent-ink:#120805;--band:#1d2026;--band-ink:#f1f2f4}
.notice .theme,#themeBtn{display:none!important}

/* top bar: no turnaround text; search on the left, Find my bike on the right */
.notice .nleft>span{display:none!important}
.notice .nleft{flex:1 1 auto;width:100%}
.notice .nleft .bikefinder{margin-left:auto}

/* Bike finder (top bar) */
.bikefinder{display:flex;align-items:center;gap:6px;margin:0;flex-wrap:wrap;font-size:13px}
.bikefinder label{font-weight:600}
.bikefinder select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);color:var(--band-ink);border-radius:20px;font:inherit;font-size:13px;padding:3px 10px;max-width:150px;-webkit-appearance:none;appearance:none}
.bikefinder select option{color:#111;background:#fff}
.bikefinder select:focus{outline:2px solid var(--accent);outline-offset:1px}
.bikefinder select:disabled{opacity:.5}
.bikefinder .bf-go{background:var(--accent);color:#fff;border:0;border-radius:20px;font:inherit;font-size:13px;font-weight:600;padding:3px 14px;line-height:1.3;min-height:0;cursor:pointer}
.bikefinder .bf-go:disabled{opacity:.5;cursor:default}
.bikefinder .bf-change{background:none;border:0;color:inherit;text-decoration:underline;font:inherit;font-size:13px;cursor:pointer;padding:0}
.bikefinder .bf-garage{max-width:170px}
@media (max-width:640px){.bikefinder select{max-width:112px}}