/* ===== FIX 4 (client, 2026-10-07): mobile first-screen tightening. CSS only.
   Kill switch: elev8_client_fixes_on() in inc/client-fixes-2026-10.php ===== */
@media (max-width: 767px) {
  /* SHOP: slimmer page header so the first products are on screen one */
  .page-hd { padding-top: 14px !important; padding-bottom: 12px !important; min-height: 0 !important; }
  .page-hd .crumbs { font-size: 11px !important; }
  .page-hd .h-section { font-size: clamp(24px, 7.5vw, 30px) !important; margin-top: 6px !important; line-height: 1.1 !important; }
  .page-hd .lede { font-size: 13.5px !important; line-height: 1.45 !important; margin-top: 6px !important; }
  /* the sub-line under "Best Sellers" was white text on a light background */
  .da-store .shead .lede { color: #475569 !important; font-size: 13.5px !important; }
  .da-store.section--tight { padding-top: 18px !important; }

  /* PRODUCT PAGE: research-use notice stays, but compact; extra back button hidden (breadcrumb stays) */
  .sp-ruo-disclaimer-product-top { padding: 8px 12px !important; margin-bottom: 10px !important; font-size: 11px !important; line-height: 1.4 !important; }
  .da-pdp #daBackToShop { display: none !important; }

  /* CHECKOUT: guest/sign-in card becomes one slim row, form gets more width */
  body.e8-co .e8co-guest { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between; gap: 12px; padding: 10px 14px !important; margin-bottom: 12px !important; text-align: left !important; }
  body.e8-co .e8co-guest h2 { font-size: 14px !important; margin: 0 !important; line-height: 1.2 !important; }
  body.e8-co .e8co-guest p { display: none !important; }
  body.e8-co .e8co-guest__btn { padding: 8px 14px !important; min-height: 0 !important; font-size: 13px !important; width: auto !important; flex: none; }
  body.e8-co .col2-set .col-1 { padding: 14px 6px !important; }
  body.e8-co .woocommerce-billing-fields { padding: 12px !important; }
  body.e8-co .woocommerce-billing-fields > h3 { font-size: 18px !important; margin: 0 0 10px !important; }
}