/* Quote List only. Keep desktop, shared cart data and submission code unchanged. */
@media (max-width: 767px) {
  .quote-page { background:#fff; }
  .quote-page .quote-width { width:calc(100% - 24px); max-width:100%; }
  .quote-page .quote-hero { height:auto; background:none; }
  .quote-page .quote-hero .quote-width { padding:14px 0 10px; }
  .quote-page .quote-hero h1 { margin:0; font-size:26px; line-height:1.2; }
  .quote-page .quote-eyebrow,
  .quote-page .quote-hero p,
  .quote-page .quote-benefits,
  .quote-page .quote-notes aside,
  .quote-page .quote-summary-art,
  .quote-page .quote-services { display:none; }
  body:has(.quote-page) .home-bottom-banner,
  body:has(.quote-page) .whatsapp-floating { display:none; }

  .quote-page .quote-body { margin:0 auto; padding:0 0 calc(24px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; gap:12px; }
  .quote-page .quote-grid,
  .quote-page .quote-left,
  .quote-page .quote-summary,
  .quote-page .quote-summary form { display:contents; }
  .quote-page .quote-summary>h2 { display:none; }
  .quote-page .quote-selected { order:1; padding:0; box-shadow:none; }
  .quote-page .quote-card-heading { margin-bottom:8px; gap:6px; }
  .quote-page .quote-card-heading h2 { font-size:16px; gap:6px; }
  .quote-page .quote-clear { min-height:44px; padding:6px 10px; font-size:12px; }
  .quote-page .quote-table-scroll { overflow:visible; }
  .quote-page .quote-selected table,
  .quote-page .quote-selected tbody { display:block; width:100%; min-width:0; }
  .quote-page .quote-selected thead { display:none; }
  .quote-page .quote-selected tbody { display:grid; gap:10px; }
  .quote-page .quote-selected tbody tr { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px 12px; border:1px solid #e3e7ef; border-radius:10px; padding:12px; }
  .quote-page .quote-selected tbody td { display:block; min-width:0; border:0; padding:0; font-size:13px; }
  .quote-page .quote-selected td:first-child { grid-column:1/-1; padding-right:34px; }
  .quote-page .quote-product { gap:10px; align-items:flex-start; }
  .quote-page .quote-product img { width:64px; height:64px; flex-basis:64px; border-radius:8px; }
  .quote-page .quote-product>div { min-width:0; }
  .quote-page .quote-product a { font-size:14px; line-height:1.4; white-space:normal; overflow-wrap:anywhere; }
  .quote-page .quote-tag { display:none; }
  .quote-page .quote-selected td[data-label="SKU"] { grid-column:1/-1; color:#68718b; }
  .quote-page .quote-selected td[data-label="SKU"]::before { content:"SKU: "; }
  .quote-page .quote-selected td[data-label="MOQ"] { grid-column:1/-1; font-size:12px; color:#68718b; }
  .quote-page .quote-selected td[data-label="MOQ"]::before { content:"MOQ: "; }
  .quote-page .quote-selected td[data-label="Unit Price"] { grid-column:1; }
  .quote-page .quote-selected td[data-label="Subtotal"] { grid-column:2; grid-row:4; text-align:right; }
  .quote-page .quote-selected td[data-label="Unit Price"]::before { content:"Unit price"; display:block; margin-bottom:2px; color:#68718b; font-size:12px; }
  .quote-page .quote-selected td[data-label="Subtotal"]::before { content:"Subtotal"; display:block; margin-bottom:2px; color:#68718b; font-size:12px; }
  .quote-page .quote-selected td[data-label="Unit Price"] small { display:none; }
  .quote-page .quote-price { font-size:15px; white-space:normal; overflow-wrap:anywhere; }
  .quote-page .quote-selected td[data-label="Quantity"] { grid-column:1/-1; display:flex; align-items:center; gap:10px; margin-top:3px; }
  .quote-page .quote-selected td[data-label="Quantity"]::before { content:"Quantity"; font-size:12px; }
  .quote-page .quote-quantity { width:180px; height:44px; }
  .quote-page .quote-quantity button { flex-basis:44px; }
  .quote-page .quote-quantity input { font-size:16px; }
  .quote-page .quote-selected td:last-child { position:absolute; top:4px; right:4px; }
  .quote-page .quote-icon { width:44px; height:44px; align-items:center; justify-content:center; }

  .quote-page .quote-summary dl { order:2; margin:0; padding:10px 12px; border-radius:10px; font-size:13px; }
  .quote-page .quote-summary dl>div { gap:10px; margin:5px 0; }
  .quote-page .quote-summary dd { white-space:normal; overflow-wrap:anywhere; text-align:right; }
  .quote-page .quote-summary dl .quote-price { font-size:16px; }
  .quote-page .inquiry-contact-fields { order:3; display:grid; grid-template-columns:minmax(0,1fr); gap:10px; padding:0; border:0; }
  .quote-page .inquiry-contact-fields label { grid-column:1/-1; font-size:13px; }
  .quote-page .inquiry-contact-fields input:not([type="checkbox"]):not([type="hidden"]),
  .quote-page .inquiry-contact-fields select,
  .quote-page .inquiry-contact-fields textarea { max-width:100%; min-width:0; width:100%; font-size:16px; min-height:44px; scroll-margin-block:20px; }
  .quote-page .inquiry-contact-fields input[type="checkbox"] { width:20px; height:20px; min-height:20px!important; flex-shrink:0; }
  .quote-page .quote-notes { order:4; padding:0; box-shadow:none; }
  .quote-page .quote-notes h2 { font-size:14px; gap:6px; line-height:22px; }
  .quote-page .quote-notes h2>svg { display:none; }
  .quote-page .quote-notes>div { display:block; margin-top:6px; }
  .quote-page .quote-notes textarea { height:88px; min-height:70px; font-size:16px; padding:10px 10px 24px; }
  .quote-page .quote-submit { order:5; width:100%; min-width:0; min-height:52px; height:auto; margin:0; padding:14px 12px; scroll-margin-bottom:24px; }
  .quote-page .quote-submit span { font-size:15px; overflow-wrap:anywhere; }
  .quote-page .quote-continue { order:6; margin:0; min-height:44px; }
}