.apgm-map-shell {
	--apgm-height: 650px;
	--apgm-tablet-height: 560px;
	--apgm-mobile-height: 500px;
	--apgm-button-color: #ec008c;
	--apgm-accent-color: #ec008c;
	position: relative;
	width: 100%;
	min-height: 300px;
	overflow: hidden;
	background: #e8e8e8;
	isolation: isolate;
}

.apgm-map-canvas {
	width: 100%;
	height: var(--apgm-height);
	min-height: 300px;
}

.apgm-map-status {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 24px;
	background: #eeeeee;
	color: #151515;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	transition: opacity 180ms ease, visibility 180ms ease;
}

.apgm-map-shell.apgm-is-ready .apgm-map-status {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.apgm-map-status.is-error {
	color: #8a1f17;
}

.apgm-map-status.is-error .apgm-spinner {
	display: none;
}

.apgm-spinner {
	width: 22px;
	height: 22px;
	border: 2px solid rgba(21, 21, 21, 0.18);
	border-top-color: #151515;
	border-radius: 50%;
	animation: apgm-spin 700ms linear infinite;
}

@keyframes apgm-spin {
	to { transform: rotate(360deg); }
}

.apgm-location-panel {
	position: absolute;
	top: 50%;
	left: 18px;
	z-index: 6;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: min(340px, calc(100% - 36px));
	max-height: calc(100% - 36px);
	overflow: hidden;
	border: 1px solid rgba(16, 24, 40, 0.1);
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 18px 48px rgba(16, 24, 40, 0.22);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%);
	pointer-events: none;
	transition: opacity 160ms ease, visibility 160ms ease;
}

.apgm-map-shell.apgm-panel-open .apgm-location-panel {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%);
	pointer-events: auto;
}

.apgm-panel-body {
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	scrollbar-color: rgba(16, 24, 40, 0.25) transparent;
	scrollbar-width: thin;
}

.apgm-map-shell button.apgm-panel-close {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: absolute !important;
	top: 12px !important;
	right: 12px !important;
	z-index: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 38px !important;
	min-width: 38px !important;
	max-width: 38px !important;
	height: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--apgm-accent-color, #ec008c) !important;
	color: #ffffff !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	box-shadow: 0 8px 20px rgba(236, 0, 140, 0.24) !important;
	transform: none !important;
	transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

.apgm-map-shell button.apgm-panel-close svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.25;
	stroke-linecap: round;
	pointer-events: none;
}

.apgm-map-shell button.apgm-panel-close:hover,
.apgm-map-shell button.apgm-panel-close:focus-visible {
	background: #c8171d !important;
	color: #ffffff !important;
	box-shadow: 0 10px 24px rgba(236, 0, 140, 0.34) !important;
	transform: scale(1.06) !important;
}

.apgm-map-shell button.apgm-panel-close:active {
	transform: scale(0.95) !important;
}

.apgm-map-shell button.apgm-panel-close:focus-visible {
	outline: 3px solid rgba(236, 0, 140, 0.22) !important;
	outline-offset: 3px !important;
}

.apgm-info-card {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	max-width: none;
	overflow: hidden;
	border-radius: 16px;
	background: linear-gradient(145deg, rgba(236, 0, 140, 0.045), transparent 34%), #ffffff;
	color: #101828;
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
}

.apgm-info-card::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 86px;
	height: 4px;
	border-radius: 0 0 999px;
	background: var(--apgm-accent-color);
	content: '';
}

.apgm-info-header {
	padding: 23px 50px 15px 22px;
}

.apgm-info-kicker {
	display: inline-flex;
	align-items: center;
	margin-bottom: 6px;
	color: var(--apgm-accent-color);
	font-size: 9.5px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.apgm-info-kicker::before {
	width: 6px;
	height: 6px;
	margin-right: 7px;
	border-radius: 50%;
	background: var(--apgm-accent-color);
	content: '';
}

.apgm-info-title {
	margin: 0;
	padding: 0;
	color: #0d141c;
	font-family: inherit;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.025em;
}

.apgm-info-card p {
	margin: 0;
	padding: 0;
	font: inherit;
}

.apgm-info-address {
	position: relative;
	margin-top: 7px !important;
	padding-left: 22px !important;
	color: #667085;
	font-size: 12.25px;
	line-height: 1.45;
}

.apgm-info-address::before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 15px;
	height: 15px;
	background: var(--apgm-accent-color);
	content: '';
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a8 8 0 0 0-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 0 0-8-8Zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a8 8 0 0 0-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 0 0-8-8Zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.apgm-info-content {
	padding: 0 22px 20px;
}

.apgm-info-section {
	padding: 13px 0;
	border-top: 1px solid #eceef1;
}

.apgm-info-hours {
	margin: 0;
}

.apgm-info-section-label {
	display: flex;
	align-items: center;
	margin-bottom: 7px;
	color: var(--apgm-accent-color);
	font-size: 10px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.apgm-info-section-label::before {
	width: 5px;
	height: 5px;
	margin-right: 7px;
	border-radius: 50%;
	background: currentColor;
	content: '';
}

.apgm-info-hours-lines {
	display: grid;
	gap: 3px;
}

.apgm-info-hours-lines p {
	color: #344054;
	font-size: 12.75px;
	font-weight: 600;
}

.apgm-info-contact-links {
	display: grid;
	gap: 6px;
}

.apgm-info-contact-link {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 34px;
	padding: 6px 11px 6px 34px;
	border: 1px solid rgba(236, 0, 140, 0.14);
	border-radius: 10px;
	background: rgba(236, 0, 140, 0.055);
	color: #202936 !important;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.apgm-info-contact-link::before {
	position: absolute;
	left: 11px;
	width: 14px;
	height: 14px;
	background: var(--apgm-accent-color);
	content: '';
}

.apgm-info-phone::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24c1.1.37 2.27.57 3.46.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.55 21 3 13.45 3 4.14a1 1 0 0 1 1-1H7.5a1 1 0 0 1 1 1c0 1.2.2 2.36.57 3.46a1 1 0 0 1-.25 1l-2.22 2.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24c1.1.37 2.27.57 3.46.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.55 21 3 13.45 3 4.14a1 1 0 0 1 1-1H7.5a1 1 0 0 1 1 1c0 1.2.2 2.36.57 3.46a1 1 0 0 1-.25 1l-2.22 2.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.apgm-info-email::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.apgm-info-contact-link:hover,
.apgm-info-contact-link:focus-visible {
	border-color: rgba(236, 0, 140, 0.34);
	background: rgba(236, 0, 140, 0.09);
	transform: translateY(-1px);
}

.apgm-info-note {
	margin: 2px 0 15px !important;
	padding: 11px 12px !important;
	border-left: 3px solid var(--apgm-accent-color);
	border-radius: 0 8px 8px 0;
	background: #f8f9fa;
	color: #475467;
	font-size: 12px;
	white-space: pre-line;
}

.apgm-directions-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 42px;
	margin-top: 2px;
	padding: 11px 42px 11px 16px;
	border: 1px solid var(--apgm-button-color);
	border-radius: 11px;
	background: var(--apgm-button-color);
	color: #ffffff !important;
	font-family: inherit;
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 10px 22px rgba(236, 0, 140, 0.2);
	transition: filter 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.apgm-directions-button::after {
	position: absolute;
	right: 16px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	content: '→';
}

.apgm-directions-button:hover,
.apgm-directions-button:focus-visible {
	filter: brightness(1.22);
	transform: translateY(-1px);
	box-shadow: 0 13px 26px rgba(236, 0, 140, 0.28);
}

.apgm-directions-button:focus-visible {
	outline: 3px solid rgba(236, 0, 140, 0.24);
	outline-offset: 2px;
}

.apgm-custom-marker {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--apgm-marker-icon-size, 52px);
	height: var(--apgm-marker-icon-size, 52px);
	cursor: pointer;
	filter: drop-shadow(0 6px 7px rgba(16, 24, 40, 0.24));
	transform-origin: 50% 100%;
	transition: filter 160ms ease, transform 160ms ease;
}

.apgm-custom-marker:hover {
	filter: drop-shadow(0 9px 10px rgba(16, 24, 40, 0.3));
	transform: translateY(-3px) scale(1.05);
}

.apgm-custom-marker img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
	user-select: none;
}

@media (hover: hover) and (pointer: fine) {
	.apgm-map-canvas {
		cursor: grab;
	}

	.apgm-map-shell.apgm-is-dragging .apgm-map-canvas {
		cursor: grabbing;
	}
}

@media (max-width: 1024px) {
	.apgm-map-canvas {
		height: var(--apgm-tablet-height);
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.apgm-location-panel {
		left: 14px;
		width: min(320px, calc(100% - 28px));
		max-height: calc(100% - 28px);
	}

	.apgm-info-header {
		padding: 21px 48px 14px 19px;
	}

	.apgm-info-content {
		padding: 0 19px 18px;
	}

	.apgm-info-title {
		font-size: 20px;
	}

	.apgm-info-section {
		padding: 12px 0;
	}
}

@media (max-width: 767px) {
	.apgm-map-canvas {
		height: var(--apgm-mobile-height);
	}

	.apgm-location-panel {
		top: auto;
		right: 10px;
		bottom: 10px;
		left: 10px;
		width: auto;
		max-height: calc(100% - 20px);
		border-radius: 16px;
		transform: translateY(14px);
	}

	.apgm-map-shell.apgm-panel-open .apgm-location-panel {
		transform: none;
	}

	.apgm-info-card {
		min-width: 0;
		max-width: none;
		font-size: 12.5px;
	}

	.apgm-info-header {
		padding: 21px 48px 14px 19px;
	}

	.apgm-info-content {
		padding: 0 19px max(18px, env(safe-area-inset-bottom));
	}

	.apgm-info-title {
		font-size: 19px;
	}

	.apgm-info-section {
		padding: 11px 0;
	}

	.apgm-info-contact-link {
		min-height: 40px;
	}

	.apgm-directions-button {
		min-height: 46px;
	}

	.apgm-map-shell button.apgm-panel-close {
		top: 10px !important;
		right: 10px !important;
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		height: 42px !important;
		min-height: 42px !important;
		max-height: 42px !important;
	}
}

@media (max-width: 479px) {
	.apgm-location-panel {
		right: 8px;
		bottom: 8px;
		left: 8px;
		max-height: calc(100% - 16px);
		border-radius: 14px;
	}

	.apgm-info-card {
		border-radius: 14px;
	}

	.apgm-info-header {
		padding: 19px 48px 12px 16px;
	}

	.apgm-info-content {
		padding: 0 16px max(15px, env(safe-area-inset-bottom));
	}

	.apgm-info-title {
		font-size: 18px;
	}

	.apgm-info-address {
		font-size: 12px;
	}

	.apgm-info-hours-lines p,
	.apgm-info-contact-link,
	.apgm-directions-button {
		font-size: 12.25px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.apgm-spinner {
		animation-duration: 1400ms;
	}

	.apgm-directions-button,
	.apgm-map-status,
	.apgm-location-panel {
		transition: none;
	}

	.apgm-map-shell button.apgm-panel-close {
		transition: none !important;
	}
}