/* ========================================================================
 * Responsive — Ateş Veteriner
 * ======================================================================== */

@media (max-width: 1200px) {
	.services-grid { grid-template-columns: repeat(3, 1fr); }
	.process-grid  { grid-template-columns: repeat(2, 1fr); }
	.pets-grid     { grid-template-columns: repeat(4, 1fr); }
	.testimonials-grid { grid-template-columns: repeat(2, 1fr); }
	.gallery-grid  { grid-template-columns: repeat(3, 1fr); }
	.archive-layout, .single-layout { grid-template-columns: 1fr 280px; }
	.about-grid { gap: 2.5rem; }
}

@media (max-width: 992px) {
	.header-inner { grid-template-columns: auto 1fr auto; }
	.atv-nav { position: fixed; top: 0; right: -100%; width: 84%; max-width: 360px; height: 100vh; background: #fff; box-shadow: var(--shadow-lg); padding: 5rem 1.5rem 2rem; overflow-y: auto; transition: right .3s var(--ease); z-index: 90; }
	.atv-nav.is-open { right: 0; }
	.atv-nav .menu { flex-direction: column; align-items: stretch; gap: .25rem; }
	.atv-nav .menu > li > a { padding: .85rem 1rem; justify-content: space-between; border-radius: 10px; }
	.atv-nav .submenu { position: static; opacity: 1; pointer-events: auto; transform: none; box-shadow: none; padding: 0 0 0 1rem; display: none; border: none; }
	.atv-nav .menu > li.is-expanded > .submenu { display: block; }
	.menu-toggle { display: inline-flex; }
	.menu-toggle.is-active .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.menu-toggle.is-active .bar:nth-child(2) { opacity: 0; }
	.menu-toggle.is-active .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

	.usp-grid { grid-template-columns: repeat(2, 1fr); }
	.about-grid { grid-template-columns: 1fr; }
	.about-media { max-width: 480px; margin: 0 auto; }
	.contact-home-grid { grid-template-columns: 1fr; }
	.contact-map iframe { min-height: 360px; }
	.footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
	.cta-band-inner { grid-template-columns: 1fr; text-align: center; }
	.cta-band-actions { justify-content: center; }
	.archive-layout, .single-layout { grid-template-columns: 1fr; }
	.archive-sidebar, .single-sidebar { position: static; }
	.blog-grid { grid-template-columns: repeat(2, 1fr); }
	.mission-vision { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
	body { font-size: 15px; }
	h1 { font-size: clamp(1.7rem, 6vw, 2.4rem); }
	h2 { font-size: clamp(1.4rem, 5vw, 1.9rem); }
	.btn { padding: .8rem 1.2rem; font-size: .92rem; }
	.btn-lg { padding: .95rem 1.4rem; }

	.topbar-inner { justify-content: center; }
	.header-cta .btn-cta span { display: none; }
	.header-cta .btn-cta { padding: .7rem .9rem; }
	.hero-track { height: clamp(440px, 80vh, 600px); }
	.slide-content { padding: 2rem 0; }
	.slide-actions .btn { flex: 1; min-width: 140px; justify-content: center; }
	.usp-grid { grid-template-columns: 1fr; }
	.process-grid { grid-template-columns: 1fr; }
	.services-grid { grid-template-columns: 1fr; }
	.pets-grid { grid-template-columns: repeat(2, 1fr); }
	.testimonials-grid { grid-template-columns: 1fr; }
	.blog-grid { grid-template-columns: 1fr; }
	.gallery-grid { grid-template-columns: repeat(2, 1fr); gap: .6rem; }
	.stats-grid { grid-template-columns: repeat(2, 1fr); }
	.footer-grid { grid-template-columns: 1fr; }
	.fb-inner { flex-direction: column; align-items: flex-start; }
	.about-badge { left: 1rem; bottom: -1rem; }
	.atv-whatsapp-fab { width: 54px; height: 54px; bottom: 1rem; right: 1rem; }
	.ig-item { width: 180px; }
	.section-head.split { flex-direction: column; align-items: flex-start; }
	.service-cta { grid-template-columns: 1fr; text-align: center; }
	.service-cta-actions { justify-content: center; }
	.post-nav { grid-template-columns: 1fr; }
	.post-nav a.next { justify-self: stretch; flex-direction: row; text-align: left; }
}

@media (max-width: 480px) {
	.atv-topbar { font-size: .8rem; }
	.topbar-left, .topbar-right { gap: .8rem; }
	.gallery-grid { grid-template-columns: repeat(2, 1fr); }
	.ig-item { width: 150px; }
	.contact-info { padding: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
	.ig-track { animation: none; }
}