/* ==========================================================================
   TEAM360 — Responsive overrides (desktop-first cascade)
   ========================================================================== */

/* Ultra-wide: give the container a bit more room */
@media (min-width: 1600px) {
	:root {
		--container-max: 1400px;
	}
}

/* Laptop */
@media (max-width: 1200px) {
	.services-grid { grid-template-columns: repeat(3, 1fr); }
	.team-grid { grid-template-columns: repeat(3, 1fr); }
	.stats-grid { grid-template-columns: repeat(3, 1fr); row-gap: var(--space-lg); }
}

/* Tablet */
@media (max-width: 1024px) {
	.nav-menu:not(.mobile-menu .nav-menu) { display: none; }
	.nav-toggle { display: flex; }

	.hero-inner { grid-template-columns: 1fr; text-align: center; }
	.hero-content { margin-inline: auto; }
	.hero-actions { justify-content: center; }
	.hero-visual { margin-top: var(--space-lg); }

	.process-timeline { grid-template-columns: repeat(4, 1fr); row-gap: var(--space-lg); }
	.process-timeline::before { display: none; }

	.explore-inner {
		grid-template-columns: 1fr;
		grid-template-areas: "head" "tabs" "panels";
	}
	.explore-tabs { flex-direction: row; flex-wrap: wrap; }
	.explore-panels { min-height: 280px; }

	.portfolio-grid { grid-template-columns: repeat(2, 1fr); }
	.why-grid { grid-template-columns: repeat(2, 1fr); }
	.pricing-grid { grid-template-columns: repeat(1, 1fr); max-width: 480px; margin-inline: auto; }
	.pricing-card.is-featured { transform: none; }

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

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

/* Mobile */
@media (max-width: 768px) {
	:root {
		--navbar-h: 76px;
		--navbar-h-scrolled: 64px;
	}

	.section { padding-block: var(--space-xl); }

	.stats-grid { grid-template-columns: repeat(2, 1fr); }
	.services-grid { grid-template-columns: 1fr; }
	.team-grid { grid-template-columns: repeat(2, 1fr); }
	.process-timeline { grid-template-columns: repeat(2, 1fr); }
	.portfolio-grid { grid-template-columns: 1fr; }
	.why-grid { grid-template-columns: 1fr; }
	.blog-grid { grid-template-columns: 1fr; }

	.form-row { grid-template-columns: 1fr; }
	.footer-top { grid-template-columns: 1fr; }
	.footer-bottom { flex-direction: column; text-align: center; }

	.cta-actions { flex-direction: column; align-items: stretch; }
	.cta-actions .btn { width: 100%; }

	.hero-float-card { display: none; }
	.hero-badge-ribbon { display: none; }

	.whatsapp-float,
	.back-to-top {
		width: 46px;
		height: 46px;
	}
}

@media (max-width: 480px) {
	.stat-item .stat-number { font-size: var(--fs-2xl); }
	.section-title { font-size: var(--fs-2xl); }
}

/* Print */
@media print {
	.navbar, .loader, .back-to-top, .whatsapp-float, .cursor-dot, .cursor-ring, .scroll-progress {
		display: none !important;
	}
}
