/**
 * SHILOTECH Enterprise — Responsive.
 * Breakpoints: 1320 desktop / 1200 laptop / 992 tablet / 768 mobile / 480 small.
 */

/* ---------- ≤1200px — Laptop ---------- */
@media (max-width: 1200px) {
	:root {
		--section-pad: 90px;
	}

	.container { max-width: 1140px; }

	.hero-title { font-size: clamp(2.2rem, 5vw, 3.2rem); }

	.services-grid,
	.why-grid { grid-template-columns: repeat(2, 1fr); }

	.industries-grid { grid-template-columns: repeat(4, 1fr); }

}

/* ---------- ≤1100px — keep topbar on one line ---------- */
@media (max-width: 1100px) {
	.topbar { font-size: .74rem; }
	.topbar-contacts { gap: 14px; }
	.topbar-item.topbar-address { display: none; }
	.topbar-right { gap: 12px; }
}

/* ---------- ≤992px — Tablet ---------- */
@media (max-width: 992px) {
	:root {
		--section-pad: 76px;
		--card-pad: 28px;
	}

	/* Header: switch to mobile navigation */
	.main-nav { display: none; }
	.mobile-toggle { display: inline-flex; }

	/* Lang switch moves into the header (before the hamburger) on mobile */
	.topbar .lang-switch { display: none; }

	.header-cta { display: none; }

	.topbar-contacts .topbar-item span.topbar-label { display: none; }

	/* Hero */
	.hero-inner { grid-template-columns: 1fr; text-align: center; }
	.hero-actions { justify-content: center; }
	.hero-stats {
		position: static;
		margin-top: 46px;
		grid-template-columns: repeat(2, 1fr);
	}

	/* Sections */
	.about-inner,
	.contact-inner,
	.cta-inner { grid-template-columns: 1fr; }

	.cta-inner { text-align: center; }
	.cta-actions { justify-content: center; }

	.about-media { order: -1; }

	.projects-grid { grid-template-columns: repeat(2, 1fr); }

	.process-timeline { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }

	.footer-grid { grid-template-columns: repeat(2, 1fr); }

	/* Mega menu is replaced by accordion inside the mobile menu */
}

/* ---------- ≤768px — Mobile ---------- */
@media (max-width: 768px) {
	:root {
		--section-pad: 60px;
	}

	.topbar-social { display: none; }
	.topbar-inner { justify-content: center; }
	.topbar-contacts { gap: 14px; }
	.topbar-item.topbar-address { display: none; }

	.section-title { font-size: clamp(1.6rem, 6vw, 2.1rem); }

	.services-grid,
	.why-grid,
	.projects-grid { grid-template-columns: 1fr; }

	.industries-grid { grid-template-columns: repeat(2, 1fr); }

	.why-counters { grid-template-columns: repeat(2, 1fr); }

	.hero { min-height: 88vh; }
	.hero-stats { grid-template-columns: repeat(2, 1fr); gap: 14px; }

	.stat-card { padding: 18px 14px; }

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

	.footer-bottom-inner {
		flex-direction: column;
		gap: 10px;
		text-align: center;
	}

	.breadcrumbs { font-size: .78rem; }

	/* Contact hub: tighter to the corner */
	.contact-hub { right: 16px; bottom: 16px; }
	.hub-panel { width: min(300px, calc(100vw - 32px)); }


	.page-hero { padding: 120px 0 50px; }
}

/* ---------- ≤480px — Small mobile ---------- */
@media (max-width: 480px) {
	:root {
		--section-pad: 48px;
		--card-pad: 22px;
	}

	.topbar { font-size: .72rem; }
	.topbar-item.topbar-mail { display: none; }

	.hero-actions { flex-direction: column; align-items: stretch; }
	.hero-actions .btn { width: 100%; justify-content: center; }

	.hero-stats { grid-template-columns: 1fr 1fr; }
	.stat-value { font-size: 1.4rem; }

	.industries-grid { grid-template-columns: 1fr 1fr; gap: 12px; }

	.process-timeline { grid-template-columns: 1fr; }

	.why-counters { grid-template-columns: 1fr 1fr; }

	.cta-actions { flex-direction: column; }
	.cta-actions .btn { width: 100%; justify-content: center; }

	.newsletter-form { flex-direction: column; }
	.newsletter-form button { width: 100%; }

	.mobile-menu { width: 100%; }
}

/* ---------- Print ---------- */
@media print {
	.topbar,
	.site-header,
	.contact-hub,
	.site-footer .newsletter-form {
		display: none !important;
	}
}