:root {
  --medved-action: #ff9d00;
  --medved-action-ink: #171008;
  --medved-workbench: #111614;
  --medved-ivory: #f4efe3;
  --medved-secondary: #c8bdac;
  --medved-outline: #514b3e;
}
.product-switcher { display: grid; gap: 4px; min-width: 0; padding: 8px 0; }
.product-switcher > span { color: var(--medved-secondary); font-size: 12px; font-weight: 500; }
.product-switcher select { width: 100%; min-width: 0; min-height: 40px; padding: 0 8px; color: var(--medved-ivory); background: var(--medved-workbench); border: 1px solid var(--medved-outline); border-radius: 6px; font: inherit; font-size: 13px; }
.product-switcher select:focus-visible { outline: 2px solid var(--medved-action); outline-offset: 2px; }
.product-switcher option { color: var(--medved-ivory); background: var(--medved-workbench); }
.site-account-actions .product-switcher { width: 192px; }
.site-mobile-menu { display: none; }
.site-mobile-menu summary { min-height: 44px; align-content: center; cursor: pointer; color: var(--medved-ivory); font-weight: 650; }
.site-mobile-menu nav { display: grid; gap: 4px; padding: 12px; background: var(--medved-workbench); border: 1px solid var(--medved-outline); }
.site-mobile-menu a { min-height: 44px; align-content: center; color: var(--medved-ivory); text-decoration: none; }
.site-mobile-menu a[aria-current=page] { color: var(--medved-action); }
.market-page .market-modal button.primary { background: var(--medved-action); color: var(--medved-action-ink); }
.market-page .market-modal .market-quantity-suffix { color: var(--medved-action); }
.market-page .market-modal input:focus-visible, .market-page .market-modal textarea:focus-visible { outline-color: var(--medved-action); border-color: var(--medved-action); box-shadow: none; }
@media (max-width: 1180px) and (min-width: 901px) {
  .app-shell > .rail .product-switcher { display: none; }
}
@media (max-width: 820px) {
  .site-mobile-menu { display: block; position: relative; grid-column: 2; grid-row: 1; }
  .site-mobile-menu[open] nav { position: absolute; z-index: 50; right: 0; top: 100%; min-width: 220px; }
  .site-account-actions { grid-column: 1 / -1; width: 100%; justify-self: stretch; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 12px; }
  .site-account-actions .product-switcher { flex: 1; max-width: 220px; }
  .rail .product-switcher { grid-column: 1 / -1; }
}