/* AutoStar — TABLET responsive (768–1024). Mobile (<= 767) lives in mobile.css.
   NON-DESTRUCTIVE: CSS overrides only, nothing touches the Elementor data.
   Hand-built sections have no marker class so are targeted by element id —
   re-check if one is rebuilt: 935dc0a = header Book Now button. */

@media (min-width: 768px) and (max-width: 1024px) {
	/* Footer: 5 columns are too tight — brand goes full width, the four link
	   columns wrap into a tidy 2×2 grid. */
	.as-ftr-brand { --width: 100% !important; }
	.as-ftr-col   { --width: 47% !important; }

	/* Header: keep the Book Now button from spilling a few px past the edge. */
	.elementor-element-935dc0a .elementor-button {
		padding-left: 14px !important;
		padding-right: 14px !important;
		max-width: 100%;
	}
}

/* Small tablet / large phone: stack the Process video + steps instead of
   squeezing them into two narrow columns. */
@media (min-width: 768px) and (max-width: 900px) {
	.as-process-section > .e-con-inner { flex-direction: column !important; }
	.as-proc-media,
	.as-proc-content { --width: 100% !important; }
}