/*
Theme Name: Wishing Well Vets 
Author: unavoided
Version: 1.1
Text Domain: wishingwell
*/
* {margin:0; padding:0; box-sizing: border-box;}
html {background:#fff; min-height:100%; overflow-x: hidden; scroll-behavior: smooth;}
body {min-height:100%; color:#333232;font-family: "komet", sans-serif; font-style: normal; font-weight: 400; font-style: normal;  }

h1, .h1 {margin-bottom:2%;  font-weight: 700;font-style: normal; font-size: 60px;}
h2, .h2 {margin-bottom:2%;  font-weight: 700;font-style: normal; font-size: 45px; }
h3, .h3 {margin-bottom:2%;  font-weight: 700; font-style: normal; font-size: 30px; }
h4, .h4 {margin-bottom:2%;  font-weight: 700;font-style: normal;  font-size: 27px;}
p  {margin-bottom:2%; font-size:16px; line-height:1.50em; font-weight: 300;}
ul {margin-bottom:3%; padding-left:3%; }
li {font-size:16px;  font-weight: 300; }

.whitetext, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext li, .whitetext span, .whitetext p, .whitetext strong {color: #fff;}
.boldtext, strong, b {font-weight: 700;}
.nomargin {margin-bottom: 0 !important;}
.tinymargin {margin-bottom: 1% !important;}

a {color: #49a3c9;	text-decoration: none;	font-weight: 600;}


strong {font-weight: 600; }
i, em {font-style: italic;}
hr {border: 0; color:#000; height:1px; background:#999999; clear:both; margin:2% 0;}
.uppercase {text-transform: uppercase;}

img {  max-width: 100%;  height: auto;}

/*layout*/
main {  width: 100%;}
section {  width: 100%; }
.padding {padding: 3%;}
.container { width: min(1440px, calc(100% - 40px));  margin: 0 auto;}
.blogcontainer {  max-width: 760px;  margin: 0 auto;}
.blue {background: #49a3c9; margin: 3% 0}
.grey {background: #eee; }

.flex-two {  display: flex;  gap: 40px; align-items:center;}
.flex-two > * {  flex: 1;}
.flex-panel {   gap: 5px !important; }
.flex-top {align-items: flex-start !important;}
.flex-two .col {	height: 100%;}
.flex-two .col img {	width: 100%;	height: 100%;	object-fit: cover;	display: block;}

/*buttons*/
.hero-buttons {	display: flex;	gap: 16px;	flex-wrap: wrap;	margin-top: 20px;}
.btn {	display: inline-block;	padding: 14px 22px;	border-radius: 12px;	font-size: 15px;	font-weight: 600;	text-decoration: none;	transition: all 0.2s ease;}
.btn-primary {	background: #f2a24a;	color: #fff;	border: 1px solid #f2a24a;}
.btn-primary:hover {	background: #e18f36;	border-color: #e18f36;}
.btn-secondary {	background: #fff;	color: #333 !important;	border: 1px solid #ddd;}
.btn-secondary:hover {	background: #eeeeee;}

/*fade in*/
.fade-in {	opacity: 0;	transform: translateY(30px);	transition: all 0.6s ease;}
.fade-in.visible {	opacity: 1;	transform: translateY(0);}

/*breadcrumbs*/
.breadcrumbs{	font-size:12px;	text-transform:uppercase;	letter-spacing:.12em;	font-weight:500;	margin-bottom:3%;}
.container .breadcrumbs a{	color:rgba(0,0,0,.85);	text-decoration:none;	transition:opacity .2s ease;}
.container .breadcrumbs span{	color:rgba(0,0,0,.6);}
.container .sep{	margin:0 5px;	color:rgba(0,0,0,.4);}

.breadcrumbs a:hover{	opacity:.7;}

.telnumber {display: flex; gap: 8px; align-items: center; margin-bottom: 3%; font-size: 22px;}

/*header*/
.top-bar {	background: #4aa0c4;	padding: 10px 0;	font-size: 14px;}
.top-bar .container {	width: min(1440px, calc(100% - 40px));	margin: 0 auto;}
.top-bar-inner {	display: flex;	justify-content: space-between;	align-items: center;	gap: 20px;}
.top-bar-left {	display: flex;	align-items: center;	gap: 24px;	flex-wrap: wrap;}
.top-bar-link {	display: inline-flex;	align-items: center;	gap: 8px;	color: #fff;	text-decoration: none;	font-weight: 500;}
.top-bar .material-symbols-outlined {	font-size: 18px;	line-height: 1; color: #fff}
.top-bar-right {	display: flex;	align-items: center; gap: 8px;}
.top-bar-emergency {	display: flex;	background: #d94b45; align-items: center; gap:8px;	color: #fff;	text-decoration: none;	font-weight: 700;	text-transform: uppercase;	font-size: 12px;	letter-spacing: 0.4px;	padding: 8px 14px;	border-radius: 8px;}
.top-bar-prescriptions {	display: flex;	background: #e18f36; align-items: center; gap:8px;	color: #fff;	text-decoration: none;	font-weight: 700;	text-transform: uppercase;	font-size: 12px;	letter-spacing: 0.4px;	padding: 8px 14px;	border-radius: 8px;}

.emergency-modal a {color:  #d94b45 !important;}

.site-header {	background: #fff; position: sticky;	z-index: 100; margin: 0 auto;}
.header-inner {	display: flex;	align-items: center;	justify-content: space-between;	gap: 24px;	padding: 18px 0;}
.site-logo img {	display: block;	max-height: 64px;	width: auto;}
.main-nav {	margin-left: auto;}
.main-nav .menu {	display: flex;	align-items: center;	gap: 28px;	list-style: none;	margin: 0;	padding: 0;}
.main-nav .menu li {	margin: 0;	padding: 0;}
.main-nav .menu a {	text-decoration: none;	color: #444;	font-weight: 500;}
.main-nav .menu a:hover {	color: #4aa0c4; }
.header-actions {	display: flex;	align-items: center;	gap: 16px;}
.header-btn {	display: inline-block;	background: #4aa0c4;	color: #fff;	text-decoration: none;	padding: 12px 18px;	border-radius: 10px;	font-weight: 600;}
.menu-toggle {	display: none;	background: none;	border: 0;	padding: 0;	cursor: pointer;	flex-direction: column;	gap: 5px;}
.menu-toggle span {	display: block;	width: 26px;	height: 3px;	background: #333;	border-radius: 2px;}
.mobile-menu {	display: none;}
.mobile-menu.active {	display: block;}

.emergency-modal {	position: fixed;	inset: 0;	display: flex;	align-items: center;	justify-content: center;	padding: 20px;	opacity: 0;
	visibility: hidden;	pointer-events: none;	transition: 0.25s ease;	z-index: 9999;}
.emergency-modal.active {	opacity: 1;	visibility: visible;	pointer-events: auto;}
.emergency-modal__overlay {	position: absolute;	inset: 0;	background: rgba(0, 0, 0, 0.55);}
.emergency-modal__box {	position: relative;	background: #f7f5f4;	border: 1px solid #f2a24a;	border-radius: 28px;	padding: 36px 32px;
	max-width: 560px;	width: 100%;	text-align: center;	z-index: 2;}
.emergency-modal__close {	position: absolute;	top: 16px;	right: 16px;	background: none;	border: 0;	cursor: pointer;	line-height: 1;
	padding: 0;}
.emergency-modal__close .material-symbols-outlined {	font-size: 28px;	color: #333;}
.emergency-modal__box h2 {	margin: 0 0 14px;}
.emergency-modal__box p {	margin-bottom: 18px;}
.emergency-modal__phone {	display: inline-block;	font-size: 32px;	font-weight: 700;	color: #49a3c9;	text-decoration: none;	margin-bottom: 18px;}
body.emergency-modal-open {	overflow: hidden;}



/*home*/
.hero-section {	position: relative;	height: 700px;	overflow: hidden;}
.hero-swiper {	position: absolute !important;	inset: 0;	z-index: 1;	width: 100%;	height: 100%;}
.hero-swiper .swiper-wrapper,.hero-swiper .swiper-slide {	width: 100%;	height: 100%;}
.hero-swiper .swiper-slide {	position: relative;}
.hero-slide-bg {	position: absolute;	inset: 0;	background-size: cover;	background-position: center;	background-repeat: no-repeat;}
.hero-slide-bg::after {	content: "";	position: absolute;	inset: 0;	background: rgba(0, 0, 0, 0.35);}
.hero-content-wrap {	position: relative;	z-index: 2;	min-height: 700px;	width: 100%;	display: flex;	align-items: center;}
.hero-content {	position: relative;	max-width: 720px;	color: #fff;}
.subhead {font-size:22px }
.hero-content h1,.hero-content p,.hero-content a {	color: #fff;}
.hero-content h1 {font-size: 50px;}
.hero-buttons {	display: flex;	gap: 16px;	flex-wrap: wrap;	margin-top: 20px;}
.btn {	display: inline-block;	padding: 14px 22px;	border-radius: 12px;	font-size: 15px;	font-weight: 600;	text-decoration: none;	transition: all 0.2s ease;}


.pageintro p{	max-width:800px;}
.pageintro p:last-of-type {margin-bottom: 0;}

.intro-boxes {	display: grid;	grid-template-columns: repeat(4, 1fr);	gap: 22px;}
.intro-box {	background: #f7f5f4;	border-radius: 22px;	padding: 28px 26px;	display: flex;	align-items: center;	gap: 18px;}
.intro-box-icon {	font-size: 38px;	line-height: 1;	color: #222;	flex-shrink: 0;}
.intro-box p {	margin: 0;	font-size: 16px;	line-height: 1.35;	font-weight: 600;	color: #333;}

.expect-card {	position: relative;	border: 1px solid #f2a24a;	border-radius: 28px;	padding: 32px;	overflow: hidden;	background: #fff;}
.expect-card-bg {	position: absolute;	inset: 0;	background-size: cover; 	background-position: center;	background-repeat: no-repeat;
filter: grayscale(100%);	opacity: 1;	z-index: 1;}
.expect-card-bg::after {	content: "";	position: absolute;	inset: 0;	background: rgba(255,255,255,0.8);}
.expect-card-inner {	position: relative;	z-index: 2;}
.expect-grid {	display: grid;	grid-template-columns: repeat(3, 1fr);	gap: 30px;}
.expect-card {	background: rgba(255, 255, 255, 0.92);	border: 1px solid #f2a24a;	border-radius: 28px;	padding: 32px;	position: relative;
	z-index: 2;}
.expect-card h3 {	margin-bottom: 14px;	font-size: 22px;	line-height: 1.2;}
.expect-card p {	margin: 0;	color: #555;	line-height: 1.5;}


/*services*/
.services-overview-section {	padding: 80px 0;}
.services-intro {	max-width: 920px;	margin-bottom: 36px;}
.services-grid {	display: grid;	grid-template-columns: repeat(2, 1fr);	gap: 28px 32px; padding: 0 4%;}
.service-card {	display: flex;	align-items: center;	gap: 26px;	padding: 20px 24px;	background: #fff;	border: 1px solid #f2a24a;	border-radius: 28px;	text-decoration: none;	color: inherit;	transition: all 0.2s ease;}
.service-card:hover {	border-color: #e18f36;	transform: translateY(-2px);	background: #eeeeee; text-decoration: none;}
.service-card-icon {	flex: 0 0 92px;	max-width: 92px;}
.service-card-icon img {	display: block;	width: 100%;	height: auto;	filter: grayscale(100%) contrast(0.9);	opacity: 0.85;}
.service-card-content {	flex: 1;}
.service-card-content h3 {	margin-bottom: 6px;	font-size: 22px;	line-height: 1.15;}
.service-card-content p {	margin-bottom: 10px;	line-height: 1.35;	color: #444;}
.service-card-link {	display: inline-block;	color: #ef9332;	font-weight: 700;	text-decoration: none;}
.service-card-link:hover {	text-decoration: underline;}
.services-cta {	text-align: center;	margin-top: 42px;}

/*reviews*/
.reviews-swiper {	overflow: hidden;}
.reviews-swiper .swiper-slide {	height: auto;}
.review-card {	position: relative;	min-height: 390px;	border-radius: 0;	overflow: hidden;}
.review-card-bg {	position: absolute;	inset: 0;	background-size: cover;	background-position: center;	background-repeat: no-repeat;
	z-index: 1; filter: grayscale(100%) contrast(0.9); }
.review-card-overlay {	position: absolute;	inset: 0;	background: rgba(73,163,201, 1);	z-index: 2; mix-blend-mode: multiply;}
.review-card-inner {	position: relative;	z-index: 3;	height: 100%;	display: flex;	flex-direction: column;	justify-content: flex-end;
	padding: 28px 20px 22px;	color: #fff;}
.review-stars {	display: flex;	gap: 4px;	margin-bottom: 14px;}
.review-stars .star {	font-size: 25px;	line-height: 1;	color: rgba(255,255,255,0.45);}
.review-stars .star.filled {	color: #f2c94c;}
.review-text {	font-size: 16px;	line-height: 1.35;	margin-bottom: 12px;	color: #fff;}
.reviewer-name {	font-size: 18px;	line-height: 1.2;	margin: 0;	color: #fff;}
.reviews-nav {	display: flex;	align-items: center;	gap: 20px;	margin-top: 26px;}
.reviews-prev,.reviews-next {	font-size: 48px;	line-height: 1;	cursor: pointer;	color: #111;	flex: 0 0 auto;}
.reviews-scrollbar {	position: relative !important;	left: auto !important;	bottom: auto !important;	top: auto !important;	width: 100%;
	height: 2px !important;	background: #d9d9d9;	border-radius: 999px; margin-top: 10px;}
.reviews-scrollbar .swiper-scrollbar-drag {	background: #111;	border-radius: 999px;}

/*vet services*/
.service-hero {	position: relative;	height: 420px;	display: flex;	align-items: center;	overflow: hidden;}
.service-hero-bg {	position: absolute;	inset: 0;	z-index: 1;}
.service-hero-bg img {	width: 100%;	height: 100%;	object-fit: cover;	display: block;}
.service-hero-overlay {	position: absolute;	inset: 0;	background: rgba(0, 0, 0, 0.45);	z-index: 2;}
.service-hero-inner {	position: relative;	z-index: 3;	color: #fff; display: flex;	align-items: center;	gap: 18px;}
.service-hero-icon img {	width: 70px;	height: auto; filter: brightness(0) invert(1);}
.service-hero-title {	font-size: 48px;	line-height: 1.1;	margin: 0;	color: #fff;}

.info-section {display: flex; gap: 40px; align-items: flex-start;}
.info-section > * {	flex: 1;	min-width: 0;}
.info-section-card {	background: #f7f5f4;	border: 1px solid #f2a24a;	border-radius: 28px;	padding: 36px 32px;}
.info-section-card h2 {	margin-bottom: 12px;	font-size: 32px;	line-height: 1.15;}
.info-section-intro {	font-size: 18px;	line-height: 1.5;	font-weight: 400;	color: #555;	margin-bottom: 22px;	max-width: 850px;}
.info-section-content p:last-child {	margin-bottom: 0;}

.faq-list{margin-top:30px;}
.faq-item{border-bottom:1px solid #eee; cursor:pointer; padding:24px 0;}
.faq-question{display:flex; justify-content:space-between; align-items:center; font-weight:700; }
.faq-toggle{ font-size:22px; line-height:1; transition:transform .2s ease;}
.faq-answer{display:none; margin-top:15px;  padding: 15px}
.faq-item.open .faq-answer{ display:block; }
.faq-item.open .faq-toggle{transform:rotate(45deg);}

.faq-layout{display:grid; grid-template-columns:2fr 1fr; gap:60px;}
.faq-help{ background:#fff; color:#333; padding:40px; border-radius:22px; height:fit-content; }
.faq-phone{font-size:22px;font-weight:700;margin:20px 0;}

.services-slider {	padding-bottom: 50px;}
.services-slider .swiper-slide {	height: auto;}
.services-slider .serviceslide-card {	display: flex;	flex-direction: column;	height: 100%;	background: #f7f5f4;	border: 1px solid #f2a24a;
	border-radius: 28px;	padding: 28px 24px;	text-decoration: none;	color: inherit;	transition: all 0.25s ease;}
.services-slider-nav {	display: flex;	justify-content: flex-end;	gap: 12px;	margin-top: 20px; position: relative;	z-index: 10 !important;}
.services-slider .swiper-button-prev, .services-slider .swiper-button-next {	position: static;	width: 46px;	height: 46px;	margin: 0;
	border-radius: 50%;	background: #fff;	border: 1px solid #f2a24a;	color: #333;}
.services-slider .swiper-button-prev:after,.services-slider .swiper-button-next:after {	font-size: 16px;	font-weight: 700;}
.services-pagination {	margin-top: 20px;	position: relative;	z-index: 1 !important;}

.service-reviews-swiper .servicestar {color: #f2c94c; font-size: 22px;}
.service-reviews-swiper .swiper-slide {	height: auto;}
.service-reviews-pagination {	margin-top: 1rem;	text-align: center;}

/*team*/
.team-page:nth-of-type(even) {	background: #f5f5f5; }
.team-grid {	display: grid;	grid-template-columns: repeat(auto-fit, minmax(180px, 450px));	gap: 30px;	justify-content: start;}
.team-card {	background: #fff;	padding: 20px;	border-radius: 22px;	border: 1px solid #f2a24a;}
.team-image img {	width: 100%;	border-radius: 10px;}
.team-role {	font-weight: 600;	color: #666;}
.team-read-more {	margin-top: 10px;	cursor: pointer;}
.team-modal {	position: fixed;	inset: 0;	display: none;	z-index: 9999;}
.team-modal.active {	display: flex;	align-items: center;	justify-content: center;}
.team-modal__overlay {	position: absolute;	inset: 0;	background: rgba(0, 0, 0, 0.6);}
.team-modal__content {	position: relative;	z-index: 2;	background: #fff;	width: min(900px, 90%);	max-height: 85vh;	overflow-y: auto;	border-radius: 20px;	padding: 30px;
	display: grid;	grid-template-columns: 300px 1fr;	gap: 30px;}
.team-modal__close {	position: absolute;	top: 15px;	right: 15px;	background: none;	border: none;	font-size: 30px;	cursor: pointer;	line-height: 1;}
.team-modal__image img {	width: 100%;	height: auto;	border-radius: 12px;	display: block;}
body.team-modal-open {	overflow: hidden;}

/*prescriptions*/
.prescription-page-info {	display: grid;	gap: 24px;}
.prescription-info-card, .prescription-next-card, .prescription-form {	padding: 2rem;	border-radius: 24px;}
.prescription-info-card {	background: #f7f5f4;	border: 1px solid #f2a24a;	border-radius: 28px;	padding: 36px 32px;}
.prescription-form {	border: 1px solid #e7b06c;	background: #fff;}
.prescription-next-card {	background: #f4a63a;	color: #fff;}
.prescription-info-intro {	margin-bottom: 1.25rem;	font-size: 1rem;	line-height: 1.7;	color: #555;}
.prescription-info-card p {margin-bottom: 1%}

.prescription-info-card p:last-child,.prescription-next-content p:last-child {	margin-bottom: 0;}
.prescription-next-content a {	color: #fff;}

/*gforms*/
select.placeholder {	color:#999;}
select {	color:#222;}

.gform_wrapper .gform_body {	margin-bottom: 10px;}
.gform_wrapper .gfield {	margin-bottom: 0px; }
.gform_wrapper .gform_footer {	margin-top: 10px;	padding-top: 0;}
.gform_wrapper label {	margin-bottom: 4px;	font-size: 13px;}
.gform_wrapper label {	margin-bottom: 4px;	font-size: 13px;}
.gform_wrapper input,.gform_wrapper select {	height: 36px;   padding: 4px 8px;}
.gform_wrapper input,.gform_wrapper textarea,.gform_wrapper select {	border: 1px solid #ccc;   }
.gform_wrapper {	margin-top: 5px;}
.gform_wrapper textarea {	min-height: 100px;	padding: 6px 8px;}
.gform_wrapper .gfield_description {margin-top: 0 !important; padding-top: 0 !important;}
.gform_wrapper .gform_footer {	text-align: left;}
.gform_wrapper .gform_button {	width: auto;}
.gform_wrapper .gform_footer {	margin-top: 15px;}
.gform_wrapper .gform_button {	background: #f4a63a;	color: #fff;	border: none;	padding: 12px 20px;	font-weight: 600;	border-radius: 4px;	cursor: pointer; line-height: 0.8;}
.gform_wrapper .gform_button:hover {	background: #49a3c9;}

/*contact*/
.contact-page-layout {	display: grid;	grid-template-columns: 2fr 1fr;	gap: 24px;	align-items: start;}
.contact-form-card {	background: #fff;	border: 1px solid #e7b06c;	border-radius: 24px;	padding: 2rem;}
.contact-info-card {	background: #f4a63a;	color: #fff;	border-radius: 24px;	padding: 2rem;		top: 120px;}
.contact-info-card a {	color: #fff;}

.map-wrap {	position: relative;	width: 100%;	height: 400px;	margin-top: 20px;}
.map-wrap iframe {	width: 100%;	height: 100%;	border: 0;	border-radius: 6px;}
.map-note {	color: #555;	font-size: 16px;}
.map-link {	color: #f4a63a;	font-weight: 600;	text-decoration: none;	margin-left: 5px;}
.map-link:hover {	text-decoration: underline;}

.cta-grid {	display: grid;	grid-template-columns: repeat(3, 1fr);	gap: 24px;}
.cta-card {	position: relative;	display: block;	padding: 30px;	border-radius: 28px;	border: 1px solid #f2a24a;	overflow: hidden;	text-decoration: none;	color: #333;
	background: #f7f5f4;}
.cta-card:hover {	border-color: #e18f36;	transform: translateY(-2px);	background: #eeeeee; text-decoration: none;}




/*footer*/
.info-boxes {	display: grid;	grid-template-columns: repeat(4, 1fr);	gap: 22px;}
.info-box {	background: #f7f5f4;	border-radius: 22px;	padding: 28px 26px;	display: flex;	gap: 18px;}
.info-box-icon {	font-size: 38px;	line-height: 1;	color: #222;	flex-shrink: 0;}
.info-box-info {	margin: 0;	font-size: 16px;	line-height: 1.35;	color: #333;}
footer .blue {margin-bottom: 0;}

.footer-grid {	display: grid;	grid-template-columns: 1.4fr 1fr 1fr 1fr;	gap: 50px;	align-items: start;}
.footer-brand p {	max-width: 360px;	margin-bottom: 0;	font-size: 16px;	line-height: 1.45;	color: #fff;}
.footer-logo {	display: inline-block;	margin-bottom: 24px;}
.footer-logo img {	display: block;	width: 260px;	height: auto;}

.footer-column h4 {	margin-bottom: 22px;	font-size: 22px;	line-height: 1.2;	color: #fff;}
.footer-menu {	list-style: none;	margin: 0;	padding: 0;}
.footer-menu li {	margin-bottom: 5px;}
.footer-menu a {	color: #fff;	text-decoration: none;	font-size: 16px;	line-height: 1.35;	font-weight: 400;}
.footer-menu a:hover {	text-decoration: underline;}

.footer-bottom {	background: #ef9332;	padding: 18px 0;}
.footer-bottom-inner {	display: flex;	justify-content: space-between;	align-items: center;	gap: 20px;}
.footer-copy {	color: #fff;	font-size: 16px;}
.footer-policies {	display: flex;	flex-wrap: wrap;	gap: 10px;}
.footer-policies a {	color: #fff;	text-decoration: none;	font-size: 16px;}
.footer-policies a:hover {	text-decoration: underline;}

/*mobile*/
@media (max-width: 768px) {
	.top-bar {		padding: 8px 0;	}
	.top-bar-inner {		flex-direction: column;		align-items: flex-start;		gap: 10px;	}
	.top-bar-left {		gap: 14px;		flex-direction: column;		align-items: flex-start;	}
	.top-bar-right {		width: 100%;	}
	.top-bar-emergency {		width: auto;	}
	.mobile-menu {		display: none;		background: #fff;		border-top: 1px solid #eee;	}
	.mobile-menu-inner {		padding: 20px;	}
	.mobile-nav {		list-style: none;		margin: 0 0 20px;		padding: 0;		display: flex;		flex-direction: column;		gap: 16px;	}
	.mobile-nav a {		text-decoration: none;		color: #333;		font-weight: 600;	}
	.mobile-btn,	.mobile-emergency {		display: inline-block;		margin-right: 10px;		margin-bottom: 10px;	}
}

@media (max-width: 1024px) {
	.intro-boxes {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.intro-boxes {
		grid-template-columns: 1fr;
	}

	.intro-section h2 {
		font-size: 34px;
	}

	.intro-text {
		font-size: 16px;
	}
}

@media (max-width: 1024px) {
	.expect-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

@media (max-width: 640px) {
	.expect-card {
		padding: 24px;
		border-radius: 22px;
	}

	.expect-card h3 {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.expect-card p {
		font-size: 15px;
		line-height: 1.45;
	}

	.expect-card-bg::after {
		background: rgba(255,255,255,0.88);
	}
}

@media (max-width: 900px) {
	.services-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.service-card {
		padding: 24px;
		gap: 18px;
		align-items: flex-start;
	}

	.service-card-icon {
		flex: 0 0 72px;
		max-width: 72px;
	}

	.service-card-content h3 {
		font-size: 20px;
	}
}

@media (max-width: 900px) {
	.review-card {
		min-height: 340px;
	}
}

@media (max-width: 640px) {
	.review-card {
		min-height: 320px;
	}

	.review-card-inner {
		padding: 22px 18px 18px;
	}

	.review-text {
		font-size: 15px;
	}

	.reviewer-name {
		font-size: 17px;
	}

	.reviews-prev,
	.reviews-next {
		font-size: 40px;
	}
}

@media (max-width: 1024px) {
	.footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 40px 30px;
	}
}

@media (max-width: 640px) {
	.footer-top {
		padding: 50px 0 40px;
	}

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

	.footer-logo img {
		width: 220px;
	}

	.footer-bottom-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-policies {
		gap: 8px 14px;
	}
}

@media (max-width: 640px) {
	.service-hero-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
}

@media (max-width: 900px) {
	.info-section {
		flex-direction: column;
	}
}

@media (max-width: 640px) {
	.emergency-modal__box {
		padding: 28px 22px;
		border-radius: 22px;
	}

	.emergency-modal__phone {
		font-size: 26px;
	}
}

@media (max-width: 768px) {
	.team-modal__content {
		grid-template-columns: 1fr;
		padding: 20px;
	}
}

@media (min-width: 768px) {
	.prescription-page-info {
		grid-template-columns: 2fr 1fr;
		align-items: start;
	}
}

@media (max-width: 900px) {
	.contact-page-layout {
		grid-template-columns: 1fr;
	}

	.contact-info-card {
		position: static;
	}
}