/* Google Maps Widget */
.ds-google-maps-widget {
	width: 100%;
	position: relative;
	padding-left: calc((100% - var(--desktop-width-m)) / 2);
}

.ds-google-maps-widget:before {
	content: '';
	width: 33.6rem;
	height: 41.9rem;
	background: url("data:image/svg+xml,%3Csvg width='336' height='419' viewBox='0 0 336 419' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-5.41113 7.52539C0.437591 -1.17479 14.1415 -1.17483 19.9902 7.52539L19.9941 7.53027L330.159 462.726C335.28 470.345 336.086 476.625 333.751 480.909C331.411 485.202 325.642 488 316.414 488H188.393C182.754 488 177.98 487.237 173.745 485.137C169.519 483.041 165.742 479.571 162.173 474.01L162.168 474.001L162.162 473.992L19.5684 261.361L19.5527 261.338L19.5361 261.315L19.2051 260.899C17.5132 258.884 15.2929 257.821 13.0137 257.821C10.5826 257.821 8.21856 259.031 6.49121 261.315L6.47656 261.335L6.46191 261.355L-138.202 473.973C-141.777 479.037 -145.568 482.527 -149.82 484.76C-154.07 486.991 -158.847 488 -164.447 488H-302.877C-312.1 488 -317.597 485.206 -319.812 480.928C-322.042 476.623 -321.213 470.325 -316.604 462.699L-5.41602 7.53125L-5.41113 7.52539Z' stroke='url(%23paint0_linear_5036_1217)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5036_1217' x1='7.00003' y1='0' x2='7.00006' y2='350.183' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF4532'/%3E%3Cstop offset='1' stop-color='%23F7F2EB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
}

.ds-google-maps-widget .gm-style-iw-chr {
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
}

.ds-google-maps-widget button.gm-ui-hover-effect {
	background: #ffffff !important;
	border: none;
	border-radius: 50%;
	width: 3.2rem !important;
	height: 3.2rem !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.2rem;
	transition: all .2s;
}

.ds-google-maps-widget button.gm-ui-hover-effect span {
	width: 1.6rem !important;
	height: 1.6rem !important;
	margin: .8rem !important;
}

.ds-google-maps-widget .gm-style-iw-c {
	background: transparent;
	border-radius: 2rem;
	padding: 0;
	z-index: 999;
	min-width: 34rem !important;
}

.ds-google-maps-widget .gm-style-iw-d {
	overflow: auto !important;
}

.map-container {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 92.8rem;
	overflow: hidden;
	gap: 3rem;
	padding-left: 15px;
}

.map-sidebar {
	width: 55rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.ds-google-map {
	flex: 1;
	height: 100%;
	min-height: 100%;
	background-color: #f5f5f5;
}

/* Sidebar list styles */
.locations-accordion {
	height: 100%;
	padding: 0;
	list-style: none;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.locations-search-wrap {
	padding: 0 10rem 3.2rem 0;
}

.locations-search-label {
	--label-font-weight: 700;
	--label-font-size: 2.4rem;

	display: block;
	margin-bottom: 3rem;
}

.locations-search-input {
	width: 100%;
	height: 5rem;
	padding: 0 1.2rem;
	border: 1px solid transparent;
	border-radius: 0.8rem;
	font-size: 1.6rem;
	outline: none;
}

.locations-search-input:focus {

}

.locations-list {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	padding: 0 10rem 0 0;
	margin: 0;

	&::-webkit-scrollbar {
		width: 9px;
	}

}

.location-item {
	padding: 1.2rem 0;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(27, 40, 53, 0.25);
	position: relative;
}

.location-item:hover,
.location-item.active {
	font-weight: 700;

	&:after {
		content: '';
		position: absolute;
		right: 0;
		top: calc(50% - 0.7rem);
		display: block;
		width: 1.6rem;
		height: 1.5rem;
		background: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1357 14.2339C15.4731 14.4606 15.7205 14.3246 15.7205 13.9165L15.7205 10.9011C15.7205 10.6517 15.653 10.4704 15.4056 10.3117L10.7726 7.1829C10.6827 7.11489 10.6827 7.00153 10.7726 6.93351L15.4056 3.80477C15.6305 3.64606 15.7205 3.46468 15.7205 3.21529L15.7205 0.42663C15.7205 0.018533 15.4731 -0.0948294 15.1357 0.109219L8.00636 5.00638C7.9164 5.0744 7.84893 5.0744 7.75897 5.00638L0.607119 0.109219C0.269767 -0.117502 0.022378 0.0185323 0.0223779 0.42663L0.0223778 3.44201C0.0223778 3.6914 0.112337 3.87278 0.337238 4.03149L4.9702 7.1829C5.06016 7.25092 5.06016 7.36428 4.9702 7.4323L0.337238 10.561C0.0898471 10.7197 0.0223775 10.9011 0.0223775 11.1505L0.0223774 13.9392C0.0223773 14.3473 0.269766 14.4606 0.607118 14.2566L7.75897 9.35942C7.84893 9.29141 7.9164 9.29141 8.00636 9.35942L15.1357 14.2339Z' fill='%231B2835'/%3E%3Cpath d='M0.584846 14.2339C0.247494 14.4606 0.000103325 14.3245 0.000103343 13.9164L0.000103465 11.1278C0.000103475 10.8784 0.067574 10.697 0.314966 10.5383L4.94792 7.43223C5.03788 7.36422 5.03788 7.25086 4.94792 7.18284L0.314966 4.03142C0.0900648 3.87272 0.00010379 3.69134 0.0001038 3.44195L0.000103932 0.426567C0.00010395 0.01847 0.247495 -0.0948924 0.584846 0.109156L10.503 6.88811C10.7054 7.02414 10.7054 7.34155 10.503 7.47758L0.584846 14.2339Z' fill='%23FF4532'/%3E%3C/svg%3E%0A") no-repeat center;
	}

}

.location-name {
	font-size: 1.8rem;
}

.location-item .address,
.location-item .phone {
	font-size: 1.2rem;
	color: #666;
	margin-top: 2px;
}

.location-meta {
	font-size: 1.2rem;
	color: #666;
	margin-top: 2px;
}

.no-search-results {
	padding: 1.2rem 0;
	font-size: 1.4rem;
	color: #666;
}

.map-popup-card {
	width: 34rem;
	background: #f4f4f4;
	border-radius: 1.6rem;
	overflow: hidden;
	color: #2b3949;
}

.map-popup-card__image-wrap {
	height: 20rem;
	overflow: hidden;
}

.map-popup-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.map-popup-card__body {
	padding: 3rem 2rem 2rem 2rem;
}

.map-popup-card__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1.2rem;
}

.map-popup-card__title {
	margin: 0;
	font-family: 'Readex Pro', sans-serif;
	font-size: 20px;
	line-height: 140%;
	font-weight: 700;
	letter-spacing: 0;
	color: #1f2f41;
}

.map-popup-card__city {
	margin: 0.6rem 0 0;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 140%;
	font-weight: 400;
	letter-spacing: 0;
	color: #3f4d5e;
}

.map-popup-card__badge {
	background: #ffe5e2;
	color: #ff4f3d;
	padding: 0.5rem 1rem;
	border-radius: 0.4rem;
	font-size: 2.2rem;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
}

.map-popup-card__divider {
	border-top: 1px solid #d6d6d6;
	margin: 1.8rem 0;
}

.map-popup-card__contacts {
	display: grid;
	gap: 1rem;
	margin-bottom: 2rem;
}

.map-popup-card__contact {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #1B2835;
	text-decoration: none;
	font-weight: 400;
}

.map-popup-card__contact:focus-visible {
	outline: none;
}

.map-popup-card__contact-ico {
	width: 1.8rem;
	height: 1.8rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}

.map-popup-card__contact.-phone .map-popup-card__contact-ico {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2987 13.7611C11.4846 13.8465 11.694 13.866 11.8924 13.8164C12.0909 13.7668 12.2665 13.6511 12.3904 13.4884L12.7099 13.0699C12.8776 12.8463 13.095 12.6649 13.3449 12.5399C13.5949 12.415 13.8705 12.3499 14.1499 12.3499H16.8499C17.3273 12.3499 17.7851 12.5395 18.1227 12.8771C18.4603 13.2147 18.6499 13.6725 18.6499 14.1499V16.8499C18.6499 17.3273 18.4603 17.7851 18.1227 18.1227C17.7851 18.4603 17.3273 18.6499 16.8499 18.6499C12.5534 18.6499 8.43286 16.9431 5.39477 13.905C2.35668 10.8669 0.649902 6.74641 0.649902 2.4499C0.649902 1.97251 0.839545 1.51468 1.17711 1.17711C1.51468 0.839545 1.97251 0.649902 2.4499 0.649902H5.1499C5.62729 0.649902 6.08513 0.839545 6.42269 1.17711C6.76026 1.51468 6.9499 1.97251 6.9499 2.4499V5.1499C6.9499 5.42934 6.88484 5.70495 6.75987 5.95489C6.6349 6.20483 6.45345 6.42224 6.2299 6.5899L5.8087 6.9058C5.64348 7.03196 5.52702 7.21143 5.47911 7.41372C5.43121 7.61601 5.45481 7.82864 5.5459 8.0155C6.77592 10.5138 8.79888 12.5342 11.2987 13.7611Z' stroke='%23FF4532' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.map-popup-card__contact.-email .map-popup-card__contact-ico {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1499 15.0501C14.1499 15.5274 13.9603 15.9853 13.6227 16.3229C13.2851 16.6604 12.8273 16.8501 12.3499 16.8501H2.4499C1.97251 16.8501 1.51468 16.6604 1.17711 16.3229C0.839545 15.9853 0.649902 15.5274 0.649902 15.0501V7.85006C0.64991 7.5341 0.733086 7.22371 0.891068 6.95009C1.04905 6.67646 1.27627 6.44924 1.5499 6.29126' stroke='%23FF4532' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6499 2.8999L12.8728 6.661C12.5826 6.84746 12.2449 6.94658 11.8999 6.94658C11.5549 6.94658 11.2172 6.84746 10.927 6.661L5.1499 2.8999' stroke='%23FF4532' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.8499 0.649902H6.9499C5.95579 0.649902 5.1499 1.45579 5.1499 2.4499V9.6499C5.1499 10.644 5.95579 11.4499 6.9499 11.4499H16.8499C17.844 11.4499 18.6499 10.644 18.6499 9.6499V2.4499C18.6499 1.45579 17.844 0.649902 16.8499 0.649902Z' stroke='%23FF4532' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}



.map-popup-card__cta-wrap {
	margin-top: 2rem;
}

.map-popup-card__cta-link {
	width: 100%;
	justify-content: center;
}

/* Primary button block spacing to mirror Locations widget */
.c-block__btn {
	margin-top: 1.2rem;
}

@media (max-width: 1600px) {

	.ds-google-maps-widget:before {
		width: 15rem;
		height: 20rem;
	}

}

/* Responsive styles */
@media (max-width: 992px) {

	.ds-google-maps-widget {
		padding-right: 15px;
	}

	.ds-google-maps-widget:before {
		display: none;
	}

	.map-container {
		flex-direction: column;
		height: auto;
	}

	.locations-list {
		max-height: 320px;
		padding: 0;
	}

	.locations-search-wrap {
		padding: 0 0 3.2rem 0;
	}

	.map-sidebar {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #e0e0e0;
	}

	.ds-google-map {
		min-height: 400px;
	}
}

@media (max-width: 576px) {

	.locations-list {
		min-height: 300px;
	}

	.ds-google-map {
		min-height: 400px;
	}

	.location-item {
		padding: 12px 16px;
	}
}

/* Scrollbar styling for WebKit browsers */
.map-sidebar::-webkit-scrollbar {
	width: 5px;
}

.map-sidebar::-webkit-scrollbar-track {
	background: rgba(28, 71, 146, 0.05);
}

.map-sidebar::-webkit-scrollbar-thumb {
	border-radius: 0.3rem;
	cursor: pointer;
	opacity: 0.9;
}