/* GRUZPRO43 — V40 safe mobile/performance overrides.
   Works with existing style.css + v33.css; does not affect the order form JS. */
:root { scroll-padding-top: 84px; }
#request { scroll-margin-top: 82px; }

/* Prevent narrow cards, galleries and forms from widening the mobile viewport. */
.grid > *, .gallery > *, .contact-grid > *, .request-grid > *,
.two-col > *, .hero-inner, .card-body { min-width: 0; }
img, video { max-width: 100%; }

/* Maintain a comfortable touch target for primary actions. */
.btn, .nav .btn { min-height: 44px; }
button, a.btn { touch-action: manipulation; }
:where(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid #f6c349;
  outline-offset: 3px;
}

@media (max-width: 700px) {
  /* The floating route points to a section that does not exist on this page.
     Hide old floating controls to avoid covering input fields and send button. */
  .floating-route, .floating-call-direct, .floating-contact,
  .manager-widget, .help-widget, .mobile-cta { display: none !important; }
  body { padding-bottom: 0 !important; overflow-x: clip; }
  .hero .actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .hero .actions .btn { min-width: 0; width: 100%; white-space: normal;
    overflow-wrap: anywhere; text-align: center; line-height: 1.3; }
  #request .request-panel { max-width: 100%; }
  #request input, #request select, #request textarea { min-width: 0; max-width: 100%; }

  /* Pause decorative work on mobile to improve responsiveness and battery use. */
  .scene-worker, .scene-prop, .scene-spark, .movers-van, .movers-wheel,
  .movers-people, .mover-leg, .shield-float { animation: none !important; }
}
@media (max-width: 410px) {
  .hero .actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important;
    animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}