/* WorkBoot Web V9 mobile layout polish. Presentation-only; no payment logic. */
@media (max-width: 780px) {
  .container { padding-left: max(16px, 4.5%); padding-right: max(16px, 4.5%); }
  .navwrap { gap: 12px; }
  .mobile-toggle { min-width: 46px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; }
  .nav.mobile-open { max-height: calc(100dvh - 70px); overflow-y: auto; box-shadow: 0 14px 22px #001b2e44; }
  .nav.mobile-open a { display: block; min-height: 44px; padding: 8px 0; }
  .btn { max-width: 100%; min-height: 48px; white-space: normal; overflow-wrap: anywhere; text-align: center; padding: 13px 18px; line-height: 1.15; }
  .page-top h1 { font-size: clamp(42px, 10vw, 65px); overflow-wrap: anywhere; }
  .page-top p { font-size: 18px; }
  .hero h1 { font-size: clamp(44px, 10vw, 64px); overflow-wrap: anywhere; }
  .hero-prices { flex-wrap: wrap; column-gap: 20px; row-gap: 16px; }
  .hero-price { min-width: 0; }
  .hero-price b { font-size: clamp(27px, 8vw, 36px); }
  .hero-price small { font-size: clamp(13px, 3.8vw, 18px); }
  .hero-prices .separator { display: none; }
  .hero-buttons { gap: 12px; }
  .hero-buttons .purchase-home-link { order: -1; width: 100%; min-height: 52px; margin: 0; font-size: 18px; }
  .hero-buttons > a { min-height: 48px; }
  .trade-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 4%; }
  .trade-strip a { min-width: 0; padding: 10px 6px; font-size: clamp(16px, 4.5vw, 21px); line-height: 1.15; overflow-wrap: anywhere; text-align: center; }
  .trade-strip a:nth-child(3) { border-right: 1px solid #c6bfb6; }
  .trade-strip a:nth-child(even) { border-right: 0; }
  .preview-fields, .preview-fields > *, .preview-row > *, .grid3 > *, .order-grid > *, .order-two > * { min-width: 0; }
  .section-head, .preview-title { font-size: clamp(39px, 11vw, 62px); overflow-wrap: anywhere; }
  .section > .container > .btn, .price-card .btn { width: 100%; }
  .price-card { min-width: 0; padding: 22px; }
  .price-card h3 { font-size: clamp(43px, 12vw, 61px); }
  .price-card h3 span { font-size: 18px; }
  .order-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .order-summary, .order-form-box { box-sizing: border-box; min-width: 0; max-width: 100%; width: 100%; padding: clamp(18px, 4.5vw, 28px); }
  .order-summary h2, .order-form-box h2 { font-size: clamp(29px, 8vw, 38px); overflow-wrap: anywhere; }
  .order-pricing { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .order-pricing > div { min-width: 0; }
  .order-pricing strong { font-size: clamp(38px, 10vw, 56px); }
  .order-pricing span { font-size: 14px; line-height: 1.25; }
  .order-summary ul { padding-left: 22px; line-height: 1.55; }
  .order-summary .smallprint { line-height: 1.45; }
  .purchase-steps { padding: 16px; }
  .purchase-steps ol { padding-left: 19px; }
  .order-form-box .field input, .order-form-box .field select, .order-form-box .field textarea,
  .preview-fields .field input, .preview-fields .field select, .preview-fields .field textarea { font-size: 16px; min-height: 46px; }
  .order-check { line-height: 1.5; }
  .order-check input { width: 18px; height: 18px; flex: 0 0 18px; }
  .order-button { min-height: 54px; width: 100%; }
  .purchase-preview-banner { gap: 12px; }
  .purchase-preview-banner .purchase-primary { min-height: 48px; }
  .gallery-card-info, .footer-layout { min-width: 0; }
  .gallery-card-info { flex-wrap: wrap; }
  .gallery-card-info a { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 460px) {
  .hero h1 { font-size: clamp(42px, 11vw, 50px); }
  .hero-buttons .btn { width: 100%; }
  .hero-prices { justify-content: flex-start; gap: 14px; }
  .hero-price { gap: 8px; }
  .hero-price-icon { font-size: 24px; }
  .order-hero { padding: 48px 0; }
  .page-top h1 { font-size: clamp(40px, 11vw, 52px); }
  .order-summary .eyebrow { font-size: 21px; }
  .order-pricing strong { font-size: clamp(37px, 12vw, 47px); }
  .section { padding: 42px 0; }
  .preview-description, .section-intro { font-size: 17px; }
  .order-return { padding: 22px 0; }
  .order-return h1 { font-size: 45px; }
}
@media (max-width: 350px) {
  /* Turnstile's normal widget is 300px wide. Scale only on very narrow devices. */
  .order-form-box .cf-turnstile { transform: scale(.83); transform-origin: left top; width: 300px; margin-bottom: -10px; }
}
/* Fast route from the mobile order introduction to the actual order form. */
.mobile-quick-order { display: none; }
@media (max-width: 780px) {
  .mobile-quick-order { display: inline-flex; width: 100%; margin-top: 14px; }
}
@media (max-width: 350px) {
  .page-top h1 { font-size: 36px; }
}
@media (max-width: 780px) {
  .gallery-intro .display { font-size: clamp(38px, 10vw, 60px); overflow-wrap: anywhere; }
}
@media (max-width: 350px) {
  .gallery-intro .display { font-size: 34px; }
}