/* =====================================================================
   Taxi Harms — responsive.css
   Mobile-first overrides. Breakpoints: 920px (tablet) and 600px (mobile).
   ===================================================================== */

/* Tablet & mobile — collapse desktop multi-column layouts */
@media (max-width: 1024px) {
	.th-footer-grid { gap: 36px; }
}

@media (max-width: 920px) {
	.th-nav        { display: none; }
	.th-menu-btn   { display: inline-flex; }
	.th-call-num   { display: none; }
	.th-call-short { display: inline; }

	.th-hero.v-trust { padding-top: clamp(40px, 6vw, 72px); }
	.th-hero-bullets { grid-template-columns: 1fr; gap: 6px; }

	.th-vehicle-stage { grid-template-columns: 1fr; gap: 32px; }
	.th-vehicle-spec  { grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
	.th-vehicle-panel.is-active { display: block; }
	.th-vehicle-stage { display: block; }

	.th-area-split    { grid-template-columns: 1fr; gap: 32px; }
	.th-area-list ul  { grid-template-columns: 1fr 1fr; }

	.th-booking-grid  { grid-template-columns: 1fr; gap: 40px; }
	.th-trust-quote   { grid-template-columns: 1fr; gap: 24px; padding: 32px; }
	.th-trust-quote cite { text-align: left; }

	.th-footer-grid   { grid-template-columns: 1fr; gap: 32px; }
	.th-landing-body  { grid-template-columns: 1fr; gap: 40px; }
	.th-landing-aside { position: static; }

	/* Sticky bottom call bar visible on mobile only */
	.th-sticky-call { display: flex; }
	body { padding-bottom: 88px; }

	.th-form        { padding: 20px; }
	.th-form-grid   { grid-template-columns: 1fr; }
	.th-field-wide  { grid-column: span 1; }

	.th-vehicle-slider__slide { grid-template-columns: 1fr; gap: 32px; padding: 24px 0; }
	.th-vehicle-slider__prev { left: 4px; }
	.th-vehicle-slider__next { right: 4px; }
}

@media (max-width: 600px) {
	.th-header-inner { gap: 8px; }
	.th-brand-2      { display: none; }
	.th-trust-quote  { padding: 24px; }
	.th-form-foot    { flex-direction: column; align-items: stretch; }
	.th-form-foot .th-btn { justify-content: center; }
}