/* CASESTUDIO V373 — Mobile merchant access beside Orders, equal footprint.
   The actual anchor is moved by mobile-merchant-v373.js; desktop remains intact. */
@media (max-width:700px) {
  html body #member-welcome .member-welcome-actions {
    display:flex !important; flex-flow:row nowrap !important; align-items:center !important;
    justify-content:flex-end !important; gap:5px !important;
    width:auto !important; min-width:0 !important; flex:0 0 auto !important;
  }
  html body #member-welcome .member-welcome-actions > #member-orders-button,
  html body #member-welcome .member-welcome-actions > #merchant-store-button:not(.hidden) {
    box-sizing:border-box !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    flex:0 0 clamp(62px, 16vw, 76px) !important;
    width:clamp(62px, 16vw, 76px) !important;
    min-width:clamp(62px, 16vw, 76px) !important;
    max-width:clamp(62px, 16vw, 76px) !important;
    height:32px !important; min-height:32px !important; max-height:32px !important;
    padding:0 4px !important; margin:0 !important;
    border-radius:18px !important;
    font-size:clamp(10px, 2.5vw, 12px) !important; font-weight:800 !important;
    line-height:1 !important; white-space:nowrap !important;
    position:static !important; inset:auto !important;
    translate:none !important; transform:none !important;
  }
  html body #member-welcome .member-welcome-actions > #merchant-store-button:hover,
  html body #member-welcome .member-welcome-actions > #merchant-store-button:active {
    translate:none !important; transform:none !important;
  }
  html body #member-welcome .member-welcome-actions > #merchant-store-button.hidden {
    display:none !important;
  }
}