/* ==============================================
   MFHU Theme — Responsive breakpoints
   ============================================== */

@media (max-width: 1024px) {
	.svc-grid {
		grid-template-columns: 1fr 1fr;
	}

	.pf-grid {
		grid-template-columns: 1fr 1fr;
	}

	.pt {
		grid-column: auto !important;
		height: 210px !important;
	}
}

/* Arrows hide when nav collapses (JS adds .nav-collapsed) */
.nav-collapsed ~ .arr { display: none; }

@media (max-width: 768px) {
	.pg {
		padding: 4.5rem 1rem 3.5rem;
		align-items: flex-start;
	}

	.hero-title {
		font-size: clamp(2rem, 9vw, 3rem);
	}

	.about-body {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.sc-area {
		height: auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.8rem;
	}

	.sc {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
	}

	.svc-grid {
		grid-template-columns: 1fr;
	}

	.pf-grid {
		grid-template-columns: 1fr;
	}

	.pt {
		height: 190px !important;
	}

	.ct-split {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

}

@media (max-width: 380px) {
	.hero-btns {
		flex-direction: column;
		align-items: center;
	}

	.sc-area {
		grid-template-columns: 1fr;
	}
}