@media (max-width: 860px) {
	.container {
		width: min(100% - 36px, 680px);
	}

	.menu-toggle {
		display: block;
	}

	.nav-menu {
		position: absolute;
		top: calc(100% + 1px);
		right: 18px;
		left: 18px;
		display: none;
		align-items: stretch;
		flex-direction: column;
		gap: 0;
		padding: 10px;
		background: var(--white);
		border: 1px solid var(--line);
		border-radius: 14px;
		box-shadow: var(--shadow);
	}

	.nav-menu.active {
		display: flex;
	}

	.nav-menu a {
		padding: 12px 14px;
	}

	.nav-appointment {
		margin-top: 8px;
	}

	.hero {
		min-height: 580px;
	}

	.care-item {
		padding: 22px 18px;
	}

	.services-preview {
		padding: 90px 0;
	}

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

	.service-card:last-child {
		grid-column: 1 / -1;
	}

	.appointment-banner-inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.appointment-layout {
		grid-template-columns: 1fr;
	}

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

	.contact-map-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.story-layout,
	.careers-layout {
		grid-template-columns: 1fr;
	}

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

	.service-listing-grid,
	.doctor-listing-grid,
	.facility-grid,
	.news-grid,
	.gallery-grid {
		grid-template-columns: 1fr 1fr;
	}

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

	.footer-about {
		grid-column: 1 / -1;
	}
}

@media (max-width: 560px) {
	.container {
		width: min(100% - 28px, 440px);
	}

	.navbar {
		min-height: 72px;
	}

	.logo-text small {
		font-size: 0.56rem;
	}

	.hero-content {
		padding: 64px 0 86px;
	}

	h1 {
		font-size: clamp(2.8rem, 16vw, 4.4rem);
	}

	.hero-actions,
	.hero-actions .btn {
		width: 100%;
	}

	.care-grid,
	.service-grid {
		grid-template-columns: 1fr;
	}

	.care-item {
		border-right: 0;
		border-bottom: 1px solid var(--line);
	}

	.care-item:last-child {
		border-bottom: 0;
	}

	.section-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.service-card:last-child {
		grid-column: auto;
	}

	.appointment-banner .btn-light {
		width: 100%;
	}

	.form-row {
		grid-template-columns: 1fr;
	}

	.appointment-section {
		padding: 70px 0 84px;
	}

	.contact-section {
		padding: 70px 0 84px;
	}

	.story-section,
	.careers-section,
	.values-section,
	.faq-section,
	.legal-section {
		padding: 70px 0 84px;
	}

	.listing-section {
		padding: 70px 0 84px;
	}

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

	.page-intro {
		padding: 64px 0 56px;
	}

	.appointment-form .btn {
		width: 100%;
	}

	.contact-form .btn {
		width: 100%;
	}

	.page-intro-actions,
	.page-intro-actions .btn {
		width: 100%;
	}

	.contact-map {
		margin-top: 54px;
	}

	.contact-map-frame {
		height: 300px;
	}

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

	.service-listing-grid,
	.doctor-listing-grid,
	.facility-grid,
	.news-grid,
	.gallery-grid {
		grid-template-columns: 1fr;
	}

	.footer-grid,
	.footer-bottom {
		display: grid;
		grid-template-columns: 1fr;
		gap: 28px;
	}
}