/* =========================================================================
   AI Gear Tools — responsive.css
   Breakpoints: 1024px (tablet/landscape), 768px (tablet portrait), 600px (mobile)
   ========================================================================= */

/* ---------- <= 1024px ---------- */
@media (max-width: 1024px) {
	h1 { font-size: 42px; }
	.hero-title { font-size: 44px; }

	.content-with-sidebar { grid-template-columns: 1fr; gap: 40px; }
	.aigt-sidebar { position: static; flex-direction: row; flex-wrap: wrap; }
	.aigt-sidebar .aigt-widget { flex: 1 1 240px; }

	.category-cards { grid-template-columns: repeat(3, 1fr); }
	.trust-grid { grid-template-columns: repeat(2, 1fr); }
	.values-grid { grid-template-columns: repeat(2, 1fr); }
	.deals-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
	.team-grid { grid-template-columns: repeat(2, 1fr); }
	.footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

/* ---------- <= 900px (nav collapses) ---------- */
@media (max-width: 900px) {
	.main-navigation,
	.header-cta { display: none; }
	.menu-toggle { display: flex; }
	.header-inner { gap: 12px; justify-content: space-between; }
	.site-branding { flex: 1; }
}

/* ---------- <= 768px ---------- */
@media (max-width: 768px) {
	h1 { font-size: 34px; }
	h2 { font-size: 28px; }
	.section-heading { font-size: 27px; }
	.aigt-section { padding: 48px 0; }

	.hero { padding: 60px 0 64px; }
	.hero-inner { grid-template-columns: 1fr; gap: 36px; }
	.hero-title { font-size: 36px; }
	.hero-sub { font-size: 17px; max-width: none; }
	.hero-card { max-width: 340px; }

	.post-grid,
	.post-grid--2col { grid-template-columns: 1fr 1fr; }

	.contact-grid { grid-template-columns: 1fr; }
	.review-box-grid { grid-template-columns: 1fr; }
	.topics-cols { grid-template-columns: 1fr; }
	.legal-toc ul { columns: 1; }
	.single-toc ul { columns: 1; }

	.single-article { padding: 24px; }
	.single-title { font-size: 30px; }
	.author-bar { flex-wrap: wrap; }
	.share-buttons { margin-left: 0; width: 100%; margin-top: 8px; }

	.author-bio { flex-direction: column; text-align: center; }
	.author-bio-avatar { margin: 0 auto; }
	.author-bio-social { justify-content: center; display: flex; gap: 8px; }

	.stats-row { grid-template-columns: repeat(2, 1fr); }
	.page-title { font-size: 32px; }
}

/* ---------- <= 600px ---------- */
@media (max-width: 600px) {
	.aigt-container { padding: 0 18px; }

	.category-cards { grid-template-columns: repeat(2, 1fr); }
	.trust-grid { grid-template-columns: 1fr; }
	.values-grid,
	.benefits-grid { grid-template-columns: 1fr; }
	.team-grid { grid-template-columns: 1fr; }
	.footer-grid { grid-template-columns: 1fr; gap: 28px; padding: 40px 18px 32px; }
	.footer-bottom-inner { flex-direction: column; align-items: flex-start; }

	.post-grid,
	.post-grid--2col { grid-template-columns: 1fr; }

	.hero-title { font-size: 30px; }
	.hero-proof { gap: 18px; }
	.hero-cta { flex-direction: column; }
	.hero-cta .aigt-btn { width: 100%; justify-content: center; }

	.newsletter-form,
	.newsletter-form--big { flex-direction: column; }
	.newsletter-form .aigt-btn { width: 100%; justify-content: center; }

	.error-404-code { font-size: 84px; }
	.section-heading { font-size: 24px; }

	.pick-card { flex-basis: 78%; }

	/* Tables scroll horizontally on small screens */
	.table-scroll { -webkit-overflow-scrolling: touch; }
}

/* ---------- Print ---------- */
@media print {
	.site-header, .site-footer, .back-to-top, .share-buttons,
	.aigt-sidebar, .newsletter-section, .related-posts, .blog-filter-tabs { display: none !important; }
	body { background: #fff; }
	.single-article { border: none; box-shadow: none; padding: 0; }
}