@media(max-width:760px){
  .sidebar.mobile-open{display:flex;position:fixed;z-index:50;inset:0 auto 0 0;width:246px;box-shadow:14px 0 40px #06142a80}
  .sidebar.mobile-open:after{content:"";position:fixed;z-index:-1;inset:0;background:#06142a66;left:246px}
}

/* Dealer-first mobile experience: browse inventory as cards, then checkout in one flow. */
.mobile-catalog-list,.mobile-cart-bar { display:none; }

@media (max-width:760px) {
  .shell { min-height:100dvh; }
  .content { padding:22px 15px 96px; }
  .top { position:sticky; top:0; z-index:12; height:64px; padding:0 15px; }
  .top-right { gap:8px; }
  .top-right .bell,.top-right .account { display:none; }
  .top-right .cart-btn { min-height:42px; padding:9px 12px; font-size:14px; }
  .menu-btn { width:42px; height:42px; border-radius:8px; color:#173a72; }
  .sidebar.mobile-open { width:min(84vw,320px); padding:23px 14px 18px; overflow-y:auto; }
  .sidebar.mobile-open:after { left:min(84vw,320px); }
  .side-logo { padding-bottom:27px; }
  .nav-link { min-height:48px; font-size:15px !important; }
  .nav-link i { font-size:20px; }
  .sidebar-bottom { margin-top:20px; }
  .intro { gap:11px; margin-bottom:20px; }
  .intro h1,.intro.compact h1 { font-size:27px; letter-spacing:-.8px; }
  .intro-actions { width:100%; }
  .intro-actions .cart-btn,.intro-actions .ghost,.intro-actions .primary { min-height:44px; flex:1; }
  .inventory-note { padding:11px 12px; font-size:12px; }
  .filter-row { display:grid; grid-template-columns:1fr; gap:9px; margin-bottom:13px; }
  .filter-row input,.filter-row select { width:100%; min-height:46px; font-size:15px; }

  /* The spreadsheet remains for desktop; dealers get scan-friendly cards on phones. */
  .catalog-desktop { display:none; }
  .mobile-catalog-list { display:grid; gap:11px; }
  .mobile-product-card { border:1px solid #dce7f6; border-radius:12px; padding:15px; background:#fff; box-shadow:0 4px 16px rgba(16,52,105,.06); }
  .mobile-product-card__top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
  .mobile-product-card__top p { margin:0 0 4px; color:#4376bf; font:11px "DM Mono",monospace; letter-spacing:.04em; }
  .mobile-product-card__top h2 { margin:0; font-size:18px; line-height:1.2; color:#172e53; }
  .mobile-product-card__top small { display:block; margin-top:5px; color:#73859b; font-size:12px; line-height:1.45; }
  .mobile-product-card__top > strong { white-space:nowrap; color:#145ed2; font-size:17px; }
  .mobile-product-card__meta { display:flex; justify-content:space-between; gap:8px; padding:11px 0; margin-top:12px; border-top:1px solid #edf2f8; color:#698099; font-size:12px; }
  .mobile-product-card__meta b { color:#2a865f; font-size:14px; }
  .mobile-product-card__action { display:grid; grid-template-columns:86px 1fr; gap:10px; align-items:end; }
  .mobile-product-card__action label { color:#63758a; font-size:11px; font-weight:700; }
  .mobile-product-card__action input { display:block; width:100%; min-height:44px; margin-top:5px; border:1px solid #ccd9e9; border-radius:7px; padding:0 9px; color:#19385e; background:#fff; font-size:16px; }
  .mobile-product-card__action .order-now { min-height:44px; font-size:14px; }

  .mobile-cart-bar { position:fixed; z-index:15; right:12px; bottom:12px; left:12px; min-height:57px; padding:0 16px; border:0; border-radius:13px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#fff; background:linear-gradient(135deg,#145fec,#0b3a9e); box-shadow:0 12px 30px rgba(7,51,128,.36); font-size:14px; text-align:left; }
  .mobile-cart-bar span { font-weight:800; }
  .mobile-cart-bar b { font-size:12px; color:#dceaff; }
  .mobile-cart-bar.is-hidden { display:none; }

  .cart-page { display:grid; gap:14px; }
  .cart-page .panel { padding:16px; border-radius:11px; }
  .cart-review .panel-head > div:last-child { width:100%; justify-content:space-between; }
  .cart-page .cart-lines > div { padding:15px 0; }
  .cart-page .cart-lines > div > div:nth-child(2) strong { font-size:14px; }
  .cart-page .cart-lines > div > div:nth-child(2) small { font-size:11px !important; line-height:1.45; }
  .quantity { gap:10px; }
  .quantity button { width:32px; height:32px; border-radius:7px; font-size:18px; }
  .cart-total { font-size:16px; }
  .checkout-card .modal-form { gap:0; }
  .checkout-card .modal-form input,.checkout-card .modal-form select { height:48px; font-size:16px; }
  .checkout-card .primary.wide { min-height:52px; font-size:15px; }
  .select-all,.cart-review .danger-outline { min-height:38px; }

  .shipment,.dealer-row { gap:12px; padding:15px; }
  .shipment button { width:100%; min-height:42px; }
  .order-command-bar,.inventory-command-bar { border-radius:9px; }
  .table-wrap { -webkit-overflow-scrolling:touch; }
  #toast { width:calc(100% - 30px); max-width:460px; text-align:center; font-size:13px; padding:13px 16px; }
}