/* QuickListingTool responsive refinements — mobile release 1.1 */
@media (max-width: 740px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; }
  main, header, footer { min-width: 0; }
  header { gap: 10px; }
  .brand { max-width: 100%; }
  .brand-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 10px; }
  .brand-nav a { display: flex; min-width: 0; min-height: 46px; align-items: center; justify-content: center; padding: 10px 12px; text-align: center; }
  input, select, textarea, button { font-size: 16px; }
  input, select, textarea { max-width: 100%; min-width: 0; }
  button { min-height: 44px; }
  .card, .panel { padding: 16px; margin-block: 12px; min-width: 0; }
  .hero h2 { overflow-wrap: anywhere; }
  .hero p { font-size: 15px; }
  .grid, .row, .saved-tools, .split { grid-template-columns: minmax(0, 1fr); }
  .steps { grid-template-columns: minmax(0, 1fr); }
  .actions, .buttons { gap: 9px; }
  .actions > button, .buttons > button { flex: 1 1 155px; }
  .saved-listing-actions { align-self: stretch; width: 100%; }
  .saved-listing-actions > button { flex: 1 1 100px; }
  .saved-listing-main { width: 100%; }
  .saved-listing-info { overflow-wrap: anywhere; }
  .photos { gap: 10px; }
  .photo { width: min(125px, calc(50% - 5px)); }
  .photo img { max-width: 100%; }
  .photo-actions { max-width: 100%; }
  .photo button { min-height: 36px; min-width: 34px; }
  .supported-platforms { gap: 7px; }
  .work { min-height: 260px; }
  .work canvas { max-height: 52vh; }
  .thumbs { -webkit-overflow-scrolling: touch; }
  .order-controls > button { flex: 1 1 130px; }
  .footer-links { line-height: 1.8; }
}
@media (max-width: 390px) {
  main, header, footer { padding-left: 12px; padding-right: 12px; }
  .brand { font-size: 22px; }
  header strong.brand { font-size: 22px; }
  .section-heading { font-size: 21px; }
  .hero h2 { font-size: 28px; }
  .card, .panel { padding: 14px; }
  .actions > button, .buttons > button { flex-basis: 100%; }
  .photo { width: min(125px, calc(50% - 5px)); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}