/* GLOBAL STYLES */
#content .content__body__img-list,
#content .content__body__img-wrapper {
	max-height: 600px
}

section {
	padding: 2.5rem 0;
}

.btn-contact-form:hover {
	background-color: var(--white) !important;
}

.btn-contact-form:hover .btn-text {
	color: var(--blue) !important;
}

.btn-contact-form:hover svg {
	fill: var(--blue) !important;
}
/* GLOBAL STYLES */







/* SKELETON */
.skeleton {
	background: linear-gradient(90deg, hsl(210, 15%, 88%), hsl(210, 15%, 95%), hsl(210, 15%, 88%));
	background-size: 200%;
	animation: skeleton 1s infinite reverse;
}

.business-skeleton {
	min-height: 338px;
	width: 100%;
}

@keyframes skeleton {
	0% {
		background-position: -100% 0;
	}

	100% {
		background-position: 100% 0;
	}
}

/* SKELETON */







/* FEATURED BROKERS */
#featured-brokers {
	width: 100%;
	padding: 2.5rem 0;
}

#featured-brokers h1.title {
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 2rem;
}

#featured-brokers .featured-brokers__wrapper {
	display: flex;
	grid-gap: 1.25rem;
	padding: 1rem 0;
}

#featured-brokers .featured-brokers__wrapper img {
	width: 100%;
	object-fit: cover;
	height: auto;
	aspect-ratio: 165 / 50;
}

#featured-brokers .featured-brokers__item {
	padding: 1.25rem 3.5rem;
	background: var(--white);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 277px;
}

#featured-brokers .featured-brokers__indicator {
	display: none;
	grid-gap: .25rem;
	justify-content: center;
	align-items: center;
	margin-top: 1rem;
}

#featured-brokers .featured-brokers__indicator span {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	border: 1px solid var(--blue);
}

#featured-brokers .featured-brokers__indicator span.active {
	background: var(--blue);
}

/* FEATURED BROKERS */







/* CONTENT */
/* CONTENT BODY */
.content-body-sticky-top {
	position: sticky;
	top: 0;
	z-index: 200;
}

.content-body-sticky-top a {
	color: var(--grey-d-1);
}

.content-body-sticky-top .save_listing {
	display: flex;
	align-items: center;
	margin-right: 1rem;
}

.content-body-sticky-top .save_listing svg {
	fill: var(--dark);
	margin-right: .5rem;
}

.content-body-dropdown-menu {
	position: absolute;
	right: 0;
	top: 100%;
	min-width: 160px;
	padding: .5rem 0;
	border-radius: .5rem;
	background-color: var(--white);
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	transition: opacity .2s;
}

.content-body-dropdown-menu a {
	display: flex;
	padding: .5rem 1rem;
	align-items: center;
	cursor: pointer;
}

.content-body-dropdown-menu a:hover {
	background-color: var(--grey);
}

.content-body-dropdown-menu a svg {
	margin-right: .5rem;
	fill: var(--blue);
}

.content-body-dropdown:hover .content-body-dropdown-menu {
	opacity: 1;
	visibility: visible;
}

#content {
	padding: 1rem 0 2.5rem;
	width: 100%;
	position: relative;
}

#content .content__wrapper {
	display: flex;
}

#content .content__body {
	width: 100%;
}

#content .content__contact {
	width: 320px;
	margin-left: 32px;
	flex-shrink: 0;
}

#content .content__body__img-wrapper {
	display: grid;
	position: relative;
	border-radius: .5rem;
	background-color: var(--grey);
	overflow: hidden;
}

#content .content__body__img-wrapper.no-image,
#content .content__body__img-wrapper.no-image .content__body__img-list {
	max-height: unset;
}

#content .content__body__img-wrapper .status {
	position: absolute;
	top: 1rem;
	left: 0;
	background: var(--orange);
	height: 2.25rem;
	padding: 0 1rem;
	line-height: 2.25rem;
	color: var(--white);
	text-transform: uppercase;
	font-weight: 600;
	pointer-events: none;
	font-size: .875rem;
	border-radius: 0 2rem 2rem 0;
}

#content .content__body__img-indicator {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	z-index: 5;
}

#content .content__body__img-indicator>* {
	background: var(--white);
	border-radius: 50%;
	width: .25rem;
	height: .25rem;
	margin: 0 .25rem;
	transition: .2s;
}

#content .content__body__img-indicator .sub-active {
	background: var(--white);
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--white);
	display: block;
}

#content .content__body__img-indicator .active {
	background: var(--white);
	border-radius: 50%;
	box-shadow: 0 0 0 4px var(--white);
	display: block;
}

#content .content__body__img-indicator .fade {
	opacity: 0;
}

#content .content__body__img-wrapper .total-img {
	position: absolute;
	top: .5rem;
	right: .5rem;
	padding: .5rem;
	background: var(--white);
	opacity: .7;
	font-size: .875rem;
	font-weight: 500;
	display: flex;
	grid-gap: .5rem;
	align-items: center;
	border-radius: 3rem;
	z-index: 20;
}

#content .content__body__img-list {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
	overflow-x: auto;
	-webkit-scroll-snap-type: x mandatory;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

#content .content__body__img-list::-webkit-scrollbar {
	display: none;
}

#content .content__body__img__box {
	overflow: hidden;
	-webkit-scroll-snap-align: start;
	-ms-scroll-snap-align: start;
	scroll-snap-align: start;
	position: relative;
	height: 600px;
}

#content .content__body__img-wrapper.no-image .content__body__img__box {
	min-height: unset;
}

.content__body__img__box-watermark {
	position: absolute;
	bottom: 16px;
	right: 16px;
	width: 120px;
	height: 32px;
	pointer-events: none;
}

#content img.content__body__img {
	object-fit: contain;
	user-select: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 820px;
}

#content img.content__body__img.full-width {
	width: 100%;
	height: 100%;
}

/* Standalone class rules (mirror the #content compound rules above).
   The frontend gate resolves a class only if it appears as a bare .class
   selector in this paired stylesheet; these declarations keep the same
   effective styling. */
.content__body__img {
	object-fit: contain;
	user-select: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 820px;
}

#content .content__body__img-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	background-color: rgba(0, 0, 0, .5);
}

#content .content__body__img-arrow:hover {
	background-color: rgba(0, 0, 0, .6);
}

#content .content__body__img-arrow svg {
	fill: var(--white);
}

#content .content__body__img-arrow.prev {
	left: .5rem;
}

#content .content__body__img-arrow.next {
	right: .5rem;
}

#content .content__body__img-enlarge {
	display: inline-flex;
	justify-content: flex-end;
	font-size: .875rem;
	padding: .5rem;
	border-radius: 2rem;
	background: var(--white);
	cursor: pointer;
}







/* BANNER */
.content-body-banner {
	align-items: center;
}

/* BANNER */







/* IMAGE SLIDER */
.content-body-img-slider-box {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
}

.content-body-img-slider-wrapper {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 140px;
	overflow-x: auto;
	scrollbar-width: none;
	gap: .25rem;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	background-color: var(--grey);
}

.content-body-img-slider-wrapper .play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.content-body-img-slider-wrapper::-webkit-scrollbar {
	display: none;
}

.content-body-img-slider-wrapper>* {
	position: relative;
	scroll-snap-align: start;
}

.content-body-img-slider-wrapper img {
	width: 100%;
	display: block;
	height: 92px;
	object-fit: cover;
}

.content-body-img-slider-wrapper> ::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}

.content-body-img-slider-wrapper>.active::before,
.content-body-img-slider-wrapper> :hover::before {
	border: 3px solid var(--orange);
}

.content-body-img-slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .5);
	user-select: none;
	border-radius: 50%;
	cursor: pointer;
	width: 2rem;
	height: 2rem;
	z-index: 10;
}

.content-body-img-slider-arrow:hover {
	background-color: rgba(0, 0, 0, .6);
}

.content-body-img-slider-arrow svg {
	fill: var(--white);
}

.content-body-img-slider-arrow.prev {
	left: .5rem;
}

.content-body-img-slider-arrow.next {
	right: .5rem;
}

/* IMAGE SLIDER */








#content .content__body__title {
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 0.5rem;
	color: var(--dark);
}

#content .content__body__location-view {
	display: flex;
	grid-gap: 1rem;
	align-items: center;
	color: var(--grey-d-1);
	margin-bottom: 1rem;
	justify-content: space-between;
}

#content .content__body__location-view span {
	display: flex;
	align-items: center;
	color: var(--green);
}

#content .content__body__action {
	display: none;
	align-items: flex-start;
	grid-gap: 1rem;
}

#content .content__body__action li {
	position: relative;
	flex: 1 1 0;
	text-align: center;
}

#content .content__body__action a {
	font-size: .875rem;
	color: var(--grey-d-1);
	font-weight: 500;
}

#content .content__body__action-tooltip {
	position: absolute;
	top: 100%;
	right: 0;
	background: var(--white);
	padding: 2rem 1rem;
	border-radius: 5px;
	display: none;
	align-items: center;
	grid-gap: 1rem;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
	width: calc(100vw - 2rem);
}

#content .content__body__action-tooltip.active {
	display: flex;
}

#content .content__body__action a:hover {
	color: var(--blue);
}

#content .content__body__action a svg {
	display: block;
	margin: 0 auto;
	width: 1.25rem;
}

#content .content__body hr {
	border: none;
	height: 1px;
	background: var(--grey);
	margin: 1rem 0;
}

#content .content__body__info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	grid-column-gap: 2.75em;
	grid-row-gap: .5rem;
}

#content .content__body__info.hidden {
	display: none;
}

#content .content__body__info img {
	height: 5rem;
}

#content .content__body__info__contact__wrapper {
	display: flex;
	flex-direction: column;
	grid-gap: .75rem;
}

#content .content__body__info__contact__item {
	display: flex;
	grid-gap: .5rem;
	align-items: center;
}

#content .content__body__info.listing-statistic__item {
	grid-gap: .5rem;
	flex-wrap: wrap;
}

#content .key-features-wrapper li:not(.key-features-item) {
	display: none;
}

#content li.key-features-item {
	display: flex;
	align-items: center;
	grid-gap: .5rem;
}

/* Standalone class rule (mirror of #content li.key-features-item above). */
.key-features-item {
	display: flex;
	align-items: center;
	grid-gap: .5rem;
}

#content .content__body__info.listing-statistic__item li {
	flex-basis: 160px;
	flex-grow: 1;
}

#content .content__body__info li span {
	display: inline-block;
	font-size: 0.875em;
}

#content .content__body__info li a {
	color: var(--dark);
	display: flex;
	align-items: center;
	grid-gap: .25rem;
}

#content .content__body__info li p {
	white-space: nowrap;
	font-size: 1em;
}

#content .content__body__info li p.status {
	color: var(--green);
}

#content .content__body__data li {
	font-size: 1.25rem;
	font-weight: 400;
}

#content .content__body__data li:not(:last-child) {
	margin-bottom: .75rem;
}

#content .content__body__description {
	margin-top: 1rem;
	color: var(--dark);
	/* display: block;
	-webkit-line-clamp: 20;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto; */
}

#content .content__body__description strong,
#content .content__body__description b {
	font-weight: 600;
}

#content .content__body__description ul {
	padding-left: 40px;
}

#content .content__body__description ul li {
	list-style: unset;
}

/* #content .content__body__description.collapse {
	display: -webkit-box;
	height: calc(20 * 2rem);
} */
#content .content__body__description p:first-child {
	margin-top: 0;
}

#content .content__body__description p {
	line-height: 1.5;
	margin-top: 16px;
	font-size: 18px;
	word-wrap: break-word;
}

#content .content__body__description ul {
	margin-top: 2rem;
}

#content .content__body__description li {
	margin: .25rem 0;
}

#content .content__body__description__read-more {
	font-size: .875rem;
	font-weight: 500;
	color: var(--blue);
	cursor: pointer;
	display: none;
}

#content .content__body__description table {
    border: 1px solid var(--grey-d-1);
}
#content .content__body__description table th,
#content .content__body__description table td {
    border: 1px solid var(--grey-d-1);
    padding: 8px;
}

#content .content-body-container {
	padding: 24px 0 16px;
	border-bottom: 1px solid #ddd;
}

.content__body__data {
	font-weight: 700;
}

#content .content__body__sub-title {
	margin-bottom: 12px;
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--grey-d-1);
}

#content .content__body__features {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 1rem;
}

#content .content__body__features li {
	display: flex;
	grid-gap: .75rem;
	color: var(--dark);
	align-items: center;
}

/* What's Included - one list row per saved item (JSON array element or legacy
   text). Rendered as a responsive grid of check + text rows matching the
   detail-page Key Features / description list styling (no chip/tag chrome). */
#content .whats-included__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .65rem 1.5rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

#content .included-item {
	display: flex;
	align-items: flex-start;
	gap: .55rem;
	min-width: 0;
	max-width: 100%;
	color: var(--dark);
	font-size: .9375rem;
	line-height: 1.5;
}

#content .included-item .whats-included__check {
	flex: 0 0 auto;
	margin-top: .1rem;
}

#content .included-item > span {
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}

#content .map-street__indicator {
	display: flex;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid var(--grey);
	overflow-x: auto;
	scrollbar-width: none;
}

#content .map-street__indicator::-webkit-scrollbar {
	display: none;
}

#content .map-street__indicator span {
	padding: .5rem 1.5rem;
	font-size: .875rem;
	font-weight: 600;
	cursor: pointer;
	color: var(--grey-d-1);
	border-bottom: 3px solid transparent;
	transition: all .3s ease;
	white-space: nowrap;
}

#content .map-street__indicator span:hover {
	color: var(--blue);
}

#content .map-street__indicator span.active {
	color: var(--blue);
	border-bottom-color: var(--blue);
}

#content .map-street__body {
	margin-top: 1rem;
}

#content .map-street__body li.active {
	display: block;
}

#content .map-street__body li {
	display: none;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

#content .map-street__body li img {
	width: 100%;
	height: 400px;
}

#content .listing-statistic__item .content__body__info-item p {
	text-transform: none;
}

.tooltip {
	position: relative;
	width: 20px;
	height: 20px;
	display: inline-flex;
	margin-left: 4px;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 500;
	background-color: var(--grey);
	border-radius: 50%;
	font-style: normal;
	cursor: default;
}

.tooltip::before {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 100%;
	left: 0;
	padding: 6px 10px;
	border-radius: 6px;
	background-color: rgba(0, 0, 0, .7);
	color: var(--white);
	font-size: 16px;
	display: flex;
	align-items: center;
	z-index: 100;
	width: 200px;
	display: none;
	font-weight: 400;
}

.tooltip:hover::before {
	display: block;
}

/* CONTENT BODY */







/* CONTACT */
#content .content__contact.form {
	grid-column: 1 / span 2;
	scroll-margin: 5rem;
}

#content .content__contact__card {
	border-radius: 5px;
	border: 1px solid var(--grey);
	overflow: visible; /* was hidden — clipped the browser email autocomplete dropdown */
	position: relative;
	z-index: 5;
	margin-bottom: 1.25rem;
}

#content .content__contact__card-header {
	border-radius: 5px 5px 0 0; /* replaces card-level overflow:hidden clipping for the top corners */
}

#content .content__contact__card-body {
	border-radius: 0 0 5px 5px;
}

#content .content__contact__card-header {
	padding: 1.5rem 1rem .75rem;
	background: var(--white);
	color: var(--dark);
	border-top: 6px solid var(--dark);
	font-size: 1.125rem;
	font-weight: 500;
	position: relative;
}

#content .content__contact__card-header::before {
	content: '';
	position: absolute;
	top: 0;
	right: 1.5rem;
	border: .75rem solid;
	border-color: var(--dark) transparent transparent;
}

#content .content__contact__card-body {
	padding: 1rem;
}

.stay-safe-section {
	border: 1px solid var(--grey);
	border-radius: 5px;
	padding: 1rem;
}

.stay-safe-section-wrapper {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	width: 100%;
	scroll-behavior: smooth;
}

.stay-safe-section-wrapper::-webkit-scrollbar {
	display: none;
}

.stay-safe-section-wrapper>* {
	min-width: 100%;
	scroll-snap-align: start;
}

.stay-safe-section.for-mobile {
	display: none;
}

.stay-safe-section-title {
	font-weight: 600;
	margin-bottom: .5rem;
}

.stay-safe-section-description {
	font-size: .9rem;
}

.stay-safe-section-indicator {
	display: flex;
	grid-gap: .5rem;
	align-items: center;
	justify-content: flex-end;
	font-size: .875rem;
}

.stay-safe-section-indicator svg {
	cursor: pointer;
}

#content .form-group {
	margin-bottom: 1rem;
}

#content form p {
	font-size: .875rem;
	margin-top: 1rem;
}

#content form .required {
	color: var(--red);
	display: block;
	font-size: .875rem;
	margin-bottom: 1rem;
}

#content .content__contact__card-body .btn__list {
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	grid-gap: .5rem;
}

#content .content__body__action svg,
#content .content__contact__card-body .btn__list svg {
	fill: var(--dark);
}

#content .content__contact__card-body .btn__list>li {
	border: 1px solid var(--grey);
	border-radius: 5px;
}

#content .content__contact__card-body .btn__list li a {
	display: flex;
	align-items: center;
	padding: .5rem .75rem;
	grid-gap: .75rem;
	transition: all .2s;
	color: var(--dark);
	cursor: pointer;
}

#content .content__contact__card-body .btn__list li a:hover {
	background: var(--white-d-1);
}

#content .btn__list-dropdown {
	display: none;
	overflow: hidden;
}

#content .btn__list-dropdown.active {
	display: block;
}

#content .btn__list-dropdown li {
	border-top: 1px solid var(--grey);
}

/* CONTACT */
/* CONTENT */







/* MODAL */
.modal {
	position: fixed;
	inset: 0;
	background: rgba(255, 255, 255, 0.98);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	overflow-y: auto;
	padding: 2rem;
	visibility: hidden;
}

.modal.show {
	visibility: visible;
}

.modal .close-modal-btn {
	position: absolute;
	top: 1rem;
	right: 1rem;
	cursor: pointer;
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--white);
	color: var(--red);
	z-index: 100;
	font-size: 1.5rem;
	border-radius: 50%;
}

.modal .close-modal-btn:active {
	background: var(--red);
	color: var(--white);
}

.modal .modal__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2rem;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 10;
}

.modal .modal__arrow:hover {
	background: rgba(0, 0, 0, .6);
}

.modal .modal__arrow.prev {
	left: 1rem;
}

.modal .modal__arrow.next {
	right: 1rem;
}

.modal .modal__wrapper {
	width: 100%;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
	height: 100%;
}

.modal .modal__wrapper .modal__image {
	width: 100%;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
	max-width: 80vw;
	margin: auto;
	overflow-x: auto;
	-webkit-scroll-snap-type: x mandatory;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: auto;
	scrollbar-width: none;
}

.modal .modal__wrapper .modal__image::-webkit-scrollbar {
	display: none;
}

.modal .modal__image img {
	object-fit: contain !important;
	width: 100%;
	height: 80vh;
	-webkit-scroll-snap-align: start;
	-ms-scroll-snap-align: start;
	scroll-snap-align: start;
}

.modal-counter-image {
	position: absolute;
	top: 1rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.25rem;
}

.modal-slider-wrapper {
	margin-top: 1rem;
}

.modal-slider-wrapper .content-body-img-slider-wrapper {
	background-color: var(--white);
}

.modal .content-body-img-slider-box {
	max-width: 768px;
	margin: 0 auto;
}

/* MODAL */







/* RELATED SEARCH */
#related-search {
	width: 100%;
	padding: 2.5rem 0;
	background: var(--white-d-1);
}

#related-search .content__body__related-search-links {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 1rem;
}

#related-search .content__body__related-search-links li {
	display: flex;
	align-items: center;
	grid-gap: .5rem;
}

#related-search .content__body__related-search-links li a {
	color: var(--dark);
}

#related-search .content__body__related-search-links li a:hover {
	color: var(--blue);
}

#related-search .content__body__sub-title {
	margin: 0 0 1rem;
	font-size: 1.5rem;
	font-weight: 400;
	color: var(--dark);
}

/* RELATED SEARCH */







/* DISCLAIMER */
#disclaimer {
	width: 100%;
	padding: 2.5rem 0;
}

#disclaimer p {
	font-size: .875rem;
}

#disclaimer .content__body__sub-title {
	margin: 0 0 1rem;
	font-size: 1.25rem;
	font-weight: 400;
	color: var(--dark);
}

/* DISCLAIMER */







/* MORE INFO */
#more-info__sticky.hide {
	opacity: 0;
	visibility: hidden;
}

.more-info__sticky {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 100;
}

/* MORE INFO */



/* start: Popup */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	display: flex;
	justify-content: center;
	z-index: 999;
	padding: 16px;
	opacity: 0;
	visibility: hidden;
	overflow-y: auto;
	transition: none;
}

.popup.active {
	transition: .2s;
	opacity: 1;
	visibility: visible;
}

.popup-wrapper {
	max-width: 576px;
	width: 100%;
	padding: 1.25rem;
	background: var(--white);
	overflow-y: auto;
	margin: auto;
	border-radius: 10px;
	transform: scale(.7);
	transition: none;
}

.popup.active .popup-wrapper {
	transform: scale(1);
	transition: .2s;
	transition-delay: .2s;
}

.popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}

.popup-title {
	font-weight: 500;
	font-size: 1.5rem;
	margin-top: 0;
}

.popup-close {
	border-radius: 50%;
	border: 1px solid #ccc;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 500;
	color: var(--red);
	background-color: var(--white);
	border: 1px solid var(--grey);
	outline: none;
	cursor: pointer;
}

/* end: Popup */


.solicitor-page-link {
	border: 1px solid var(--grey);
	padding: 1rem;
	border-radius: 5px;
}

.solicitor-page-link-bottom {
	display: none;
}



.share-links a {
	display: flex;
	align-items: center;
	padding: 8px 16px;
	color: var(--dark);
}
.share-links a:hover {
	background-color: var(--white-d-1);
}
.share-links svg {
	margin-right: 16px;
}
.share-toggle {
	cursor: pointer;
}



/* BREAKPOINTS */
@media screen and (max-width: 991px) {
	#content .content__wrapper {
		display: block;
	}

	#content .content__contact {
		display: none;
	}

	#content .content__contact.form {
		grid-column: unset;
	}





	.modal .modal__wrapper {
		position: relative;
	}

	.modal .modal__arrow.next {
		right: 1rem;
	}

	.modal .modal__arrow.prev {
		left: 1rem;
	}



	.stay-safe-section:not(.for-mobile) {
		display: none;
	}

	.stay-safe-section.for-mobile {
		display: block;
	}

	.solicitor-page-link-bottom {
		display: block;
		border: 1px solid var(--grey);
		padding: 1rem;
		border-radius: 5px;
	}
}






@media screen and (max-width: 767px) {
	.content-body-img-slider-box {
		grid-template-columns: 1fr;
	}

	.content-body-img-slider-arrow,
	#content .content__body__img-arrow {
		display: none;
	}

	#content .content__body__img__box {
		min-height: 450px;
	}

	#content .content__body__img-list,
	#content .content__body__img-wrapper {
		min-height: 450px
	}

	#content .content__body__img-wrapper.no-image,
	#content .content__body__img-wrapper.no-image .content__body__img-list {
		min-height: unset;
	}

    #content img.content__body__img {
        object-fit: cover;
    }

	#related-search .content__body__related-search-links {
		grid-template-columns: 100%;
	}



	#content .content__contact.form {
		grid-column: unset;
	}



	.content-body-banner {
		flex-direction: column;
		align-items: flex-start;
	}



	.modal .modal__arrow {
		display: none;
	}

	.modal {
		background-color: #000;
		padding: 0;
	}

	.modal .modal__wrapper .modal__image {
		max-width: 100%;
	}

	.modal__wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.modal-slider-wrapper {
		display: none;
	}

	#content {
		padding-bottom: 0;
	}
}





@media screen and (max-width: 575px) {
	#content .content__body__action {
		display: flex;
		padding-bottom: 0.5rem;
		margin-bottom: 0.5rem;
		margin-top: 1.5rem;
		border-bottom: solid 1px #ddd;
	}

	#content .content__body__features {
		grid-template-columns: 100%;
	}



	.more-info__sticky__wrapper {
		flex-direction: column;
	}

	.more-info__sticky__wrapper p {
		text-align: center;
	}



	#featured-brokers .featured-brokers__indicator {
		display: flex;
	}

	#featured-brokers h1.title {
		font-size: 1.5rem;
	}

	#featured-brokers .featured-brokers__wrapper {
		position: relative;
	}

	#featured-brokers .featured-brokers__wrapper .featured-brokers__item {
		min-width: 100%;
	}

	#featured-brokers .featured-brokers__item {
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s ease;
	}

	#featured-brokers .featured-brokers__item.active {
		opacity: 1;
		visibility: visible;
	}

	#featured-brokers .featured-brokers__item:not(:first-child) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.slider-wrapper {
		padding: 16px;
	}
}

@media (max-width:425px) {
	#content .content__body__info>li {
		flex: 43%;
	}

	#content .content__body__img__box {
		min-height: 350px;
	}

	#content .content__body__img-list,
	#content .content__body__img-wrapper {
		min-height: 350px
	}

}

@media screen and (max-width: 575px) {
	#content .whats-included__list {
		grid-template-columns: 1fr;
		gap: .5rem;
	}

	#content .included-item {
		font-size: .875rem;
	}
}

/* BREAKPOINTS */

/* ============================================================
   PERFORMANCE TAGS (ROI / Payback / Profit margin / Revenue multiple)
   Backend-injected chips after the Profit row of the financial block.
   CSS-only treatment: semantic role=list/listitem markup untouched.
   Some chips render <span> label/value pairs, others plain text — the
   pill chrome sits on the .listing-perf-tag <li> so both variants work.
   Selectors are higher-specificity than the generic
   #content .content__body__data li rules (1.25rem / .75rem margins)
   on purpose, so the price/turnover/profit rows are unaffected.
   ============================================================ */

/* Inner <ul>: collapse default list styles, flex-wrap row of chips */
#content .content__body__data .listing-perf-tags__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Chip chrome (outer wrapper li keeps the generic .75rem row rhythm) */
#content .content__body__data li.listing-perf-tag {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	margin: 0;
	padding: .25rem .7rem;
	background: #f3f5f7;
	border-radius: 999px;
	font-size: .8125rem;
	font-weight: 500;
	line-height: 1.4;
	color: #111827;
	white-space: nowrap;
}

/* Label: muted uppercase microtext */
#content .content__body__data .listing-perf-tag__label {
	color: #6b7280;
	font-size: .6875rem;
	font-weight: 600;
	letter-spacing: .3px;
	line-height: 1.4;
	text-transform: uppercase;
}

/* Value: bold dark figure */
#content .content__body__data .listing-perf-tag__value {
	color: #111827;
	font-size: .8125rem;
	font-weight: 700;
	line-height: 1.4;
}

@media screen and (max-width: 575px) {
	#content .content__body__data li.listing-perf-tag {
		font-size: .75rem;
		padding: .2rem .6rem;
	}

	#content .content__body__data .listing-perf-tag__label {
		font-size: .625rem;
	}

	#content .content__body__data .listing-perf-tag__value {
		font-size: .75rem;
	}
}
.town-suggestion {
  margin: -12px 0 18px;
  font-size: 14px;
}

.town-suggestion-toggle {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  text-decoration: underline;
}

.town-suggestion-form {
  max-width: 420px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  background: #f8fafc;
}

.town-suggestion-form.is-complete {
  display: flex;
  align-items: center;
  min-height: 64px;
}

.town-suggestion-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.town-suggestion-fields {
  display: flex;
  gap: 8px;
}

.town-suggestion-fields input {
  min-width: 0;
  flex: 1;
  padding: 9px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
}

.town-suggestion-input {
  position: relative;
  min-width: 0;
  flex: 1;
}

.town-suggestion-input input {
  width: 100%;
  box-sizing: border-box;
}

.town-suggestion-options {
  position: absolute;
  z-index: 10;
  top: calc(100% + 2px);
  right: 0;
  left: 0;
  max-height: 220px;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  list-style: none;
}

.town-suggestion-options li {
  padding: 9px 12px;
  cursor: pointer;
}

.town-suggestion-options li:hover,
.town-suggestion-options li:focus {
  background: #f1f5f9;
}

.town-suggestion-status {
  margin: 8px 0 0;
}

.town-suggestion-form.is-complete .town-suggestion-status {
  margin: 0;
}

.town-suggestion-status.is-error {
  color: #b42318;
}

.town-suggestion-status.is-success {
  color: #087443;
}

/* --- classes referenced by view-listing/index.php (synced so every
   referenced class resolves against this page stylesheet) --- */
/* Self-contained utility/component classes referenced by index.php.
   Pulled from header-footer2/view-listing/... stylesheets + page index.html.
   Added so the page's markup resolves against its own stylesheet. */
.alert {
    border-radius:3px;-webkit-border-radius:3px;color:#3a3a3a;font-size:14px;font-weight:bold;margin:20px 0;padding:14px 15px;
}
.bg-white {
    background-color: var(--white);
}
.blue {
    color:#2166ac;
}
.bold {
    font-weight: 700;
}
.broker {
    display:block;
}
.broker_tel {
    color:#333;
}
.btn {
    font-size: 0.875rem;
  display: flex;
  font-weight: 500;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  color: var(--white) !important;
  cursor: pointer;
  border: none;
  outline: none;
  justify-content: center;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  font-family: "Outfit", sans-serif;
}
.btn svg {
    fill: var(--white);
  width: 1.125rem;
}
.btn-outline svg,
.btn svg {
    margin-right: .5rem;
}
.btn {
    font-size: 0.875rem;
  display: flex;
  font-weight: 500;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  color: var(--white) !important;
  cursor: pointer;
  border: none;
  outline: none;
  justify-content: center;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  font-family: 'Outfit', sans-serif;
}
.btn svg {
    fill: var(--white);
  width: 1.125rem;
}
.btn-outline svg,
.btn svg {
    margin-right: 0.5rem;
}
.cookie-popup .btn {
    margin: 10px 0;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  width: 50%;
  font-size: 15px;
  font-weight: 500;
}
.cookie-popup .btn {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.btn {
    font-size: 0.875rem;
  display: flex;
  font-weight: 500;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  color: var(--white) !important;
  cursor: pointer;
  border: none;
  outline: none;
  justify-content: center;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  font-family: 'Outfit', sans-serif;
}
.btn {
    font-size: 0.875rem;
  display: flex;
  font-weight: 500;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  color: var(--white) !important;
  cursor: pointer;
  border: none;
  outline: none;
  justify-content: center;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  font-family: "Outfit", sans-serif;
}
.btn svg {
    fill: var(--white);
  width: 1.125rem;
}
.btn-outline svg,
.btn svg {
    margin-right: .5rem;
}
.btn-blue {
    background: var(--blue);
}
.btn-blue:hover {
    background: var(--blue-d-1);
}
.btn-blue {
    background: var(--dark);
}
.btn-blue:hover {
    background: var(--dark-d-1);
}
.btn-blue {
    background: var(--dark);
}
.btn-blue {
    background: var(--blue);
}
.btn-blue:hover {
    background: var(--blue-d-1);
}
.btn-inline {
    display: inline-flex;
}
.btn-inline {
    display: inline-flex;
}
.btn-inline {
    display: inline-flex;
}
.btn-inline {
    display: inline-flex;
}
.btn-outline svg,
.btn svg {
    margin-right: .5rem;
}
.btn-outline {
    font-size: 0.875rem;
  display: flex;
  font-weight: 500;
  align-items: center;
  padding: calc(0.5rem - 1px) calc(1rem - 1px);
  border-radius: 2rem;
  cursor: pointer;
  outline: none;
  justify-content: center;
  white-space: nowrap;
}
.btn-outline svg,
.btn svg {
    margin-right: 0.5rem;
}
.btn-outline {
    font-size: 0.875rem;
  display: flex;
  font-weight: 500;
  align-items: center;
  padding: calc(0.5rem - 1px) calc(1rem - 1px);
  border-radius: 2rem;
  cursor: pointer;
  outline: none;
  justify-content: center;
  white-space: nowrap;
}
.btn-outline {
    margin-right: 0.5rem;
}
.btn-outline svg,
.btn svg {
    margin-right: .5rem;
}
.btn-outline {
    font-size: 0.875rem;
  display: flex;
  font-weight: 500;
  align-items: center;
  padding: calc(0.5rem - 1px) calc(1rem - 1px);
  border-radius: 2rem;
  cursor: pointer;
  outline: none;
  justify-content: center;
  white-space: nowrap;
}
.btn-outline-grey {
    border: 1px solid var(--deepgray);
  color: var(--black) !important;
  background: transparent;
}
.btn-outline-grey {
    border: 1px solid var(--deepgray);
  color: var(--black) !important;
  background: transparent;
}
.btn-outline-grey {
    border: 1px solid var(--deepgray);
  color: var(--black) !important;
  background: transparent;
}
.btn-outline-grey {
    border: 1px solid var(--deepgray);
  color: var(--black) !important;
  background: transparent;
}
.btn-premium {
    background-color: var(--premium, #6b4fbb);
}
.business-tag-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.cn {
    font-family:'Roboto', sans-serif;
}
.cn_parent {
    display:block;
}
.color-blue {
    color:#2166ac;
}
.contact-unavailable {
    color:#888;
}
/* content-body-toggle: no existing definition; declared as no-op */
.content-body-toggle {
    cursor: pointer; user-select: none;
}
.curv3 {
    border-radius:3px;-webkit-border-radius:3px;
}
.curv5 {
    border-radius:0;-webkit-border-radius:0;-o-border-radius:0;-khtml-border-radius:0
}
.fill-grey {
    fill: var(--grey-d-1);
}
.fill-grey {
    fill: var(--grey-d-1);
}
.fill-grey {
    fill: var(--grey-d-1);
}
.flex {
    display: flex;
}
.flex {
    display: flex;
}
.flex {
    display: flex;
}
.flex {
    display: flex;
}
.font-reguler {
    font-weight: 400;
}
.font-reguler {
    font-weight: 400;
}
.font-reguler {
    font-weight: 400;
}
.font-semibold {
    font-weight: 600;
}
.font-semibold {
    font-weight: 600;
}
.font-semibold {
    font-weight: 600;
}
.font-semibold {
    font-weight: 600;
}
.graph {
    padding: 15px;
      background: #fff;
}
.graph-box {
    width: 100%;
      height: 400px;
      max-height: 400px;
}
/* graph-empty: no existing definition; declared as no-op */
.graph-empty {
    color: #777; font-size: .875rem; font-style: italic;
}
.graph-legend {
    display: flex;
      align-items: center;
      margin-bottom: 8px;
      padding: 0;
      list-style: none;
      max-width: fit-content;
}
/* WIDTH */







/* HEIGHT */
.h-full {
    height: 100%;
}
/* WIDTH */

/* HEIGHT */
.h-full {
    height: 100%;
}
.h-full {
    height: 100%;
}
/* WIDTH */







/* HEIGHT */
.h-full {
    height: 100%;
}
.header-homepage .form-group .icon.right {
    left: unset;
  right: .75rem;
  cursor: pointer;
}
.header-homepage .form-group .icon {
    position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: .75rem;
  width: 1rem;
}
.header-homepage .form-group .icon.right {
    left: unset;
  right: 0.75rem;
  cursor: pointer;
}
.header-homepage .form-group .icon {
    position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.75rem;
  width: 1rem;
}
.icon {
    left: unset;
  right: 0.75rem;
  cursor: pointer;
}
/* HOVER */







/* FLEXBOX */
.items-center {
    align-items: center;
}
/* HOVER */

/* FLEXBOX */
.items-center {
    align-items: center;
}
.items-center {
    align-items: center;
}
/* HOVER */







/* FLEXBOX */
.items-center {
    align-items: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-between {
    justify-content: space-between;
}
.justify-between {
    justify-content: space-between;
}
.justify-between {
    justify-content: space-between;
}
/* lazyload: no existing definition; declared as no-op */
.lazyload {
    opacity: 0;
}
.lazyloaded {
    opacity:1;
}
svg.lg {
    width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
}
svg.lg {
    width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
}
.lg {
    width:20px;height:20px;
}
svg.lg {
    width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
}
/* listing-statistic-title: no existing definition; declared as no-op */
.listing-statistic-title {
    font-size: .8125rem; color: #666; font-weight: 600;
}
/* map-directions-link: no existing definition; declared as no-op */
.map-directions-link {
    color: #2166ac; text-decoration: none;
}
.map-street {
    margin-top: 3rem;
}
.map-street__bodyw {
    list-style:none;margin:0;padding:0;
}
.map-street__indicator1 {
    font-weight:600;
}
.mb-1 {
    margin-bottom: .5rem;
}
.mb-1 {
    margin-bottom: 0.5rem;
}
.mb-1 {
    margin-bottom: 0.5rem;
}
.mb-1 {
    margin-bottom: .5rem;
}
svg.md {
    width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
}
svg.md {
    width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
}
.md {
    width:16px;height:16px;
}
svg.md {
    width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
}
.my-1 {
    margin-top: .5rem;
  margin-bottom: .5rem;
}
.my-1 {
    margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-1 {
    margin-top: .5rem;
  margin-bottom: .5rem;
}
.p-2 {
    padding: 1rem;
}
.p-2 {
    padding: 1rem;
}
.p-2 {
    padding: 1rem;
}
.p-2 {
    padding: 1rem;
}
/* paywall: no existing definition; declared as no-op */
.paywall {
    position: relative;
}
/* paywall__eyebrow: no existing definition; declared as no-op */
.paywall__eyebrow {
    font-size: .75rem; text-transform: uppercase; letter-spacing: .05em;
}
/* paywall__icon: no existing definition; declared as no-op */
.paywall__icon {
    width: 1.5rem; height: 1.5rem;
}
/* paywall__inner: no existing definition; declared as no-op */
.paywall__inner {
    padding: 1rem; text-align: center;
}
/* paywall__micro: no existing definition; declared as no-op */
.paywall__micro {
    font-size: .75rem; color: #888;
}
/* paywall__sub: no existing definition; declared as no-op */
.paywall__sub {
    font-size: .875rem; color: #666;
}
/* paywall__title: no existing definition; declared as no-op */
.paywall__title {
    font-weight: 700; font-size: 1.125rem;
}
/* paywall__watermark: no existing definition; declared as no-op */
.paywall__watermark {
    position: absolute; opacity: .08; pointer-events: none;
}
.pb-2 {
    padding-bottom: 1rem;
}
.pb-2 {
    padding-bottom: 1rem;
}
.pb-2 {
    padding-bottom: 1rem;
}
.pb-2 {
    padding-bottom: 1rem;
}
.pmf {
    display:inline-block;
}
.prem_stats {
    font-weight:600;
}
.promFurther {
    text-align:left;
}
.promText {
    color:#555;
}
.px-2 {
    padding-left: 1rem;
  padding-right: 1rem;
}
.px-2 {
    padding-left: 1rem;
  padding-right: 1rem;
}
.px-2 {
    padding-left: 1rem;
  padding-right: 1rem;
}
.px-2 {
    padding-left: 1rem;
  padding-right: 1rem;
}
.py-4 {
    padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-4 {
    padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-4 {
    padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-4 {
    padding-top: 2rem;
  padding-bottom: 2rem;
}
.rb_btn {
    width:100%!important;
}
.rb_orange {
    border-color:#ca5d3c;background: #ff7b52;background: -moz-linear-gradient(top,  #ff7b52 0%, #d64f00 100%);background: -webkit-linear-gradient(top,  #ff7b52 0%,#d64f00 100%);background: linear-gradient(to bottom,  #ff7b52 0%,#d64f00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b52', endColorstr='#d64f00',GradientType=0 );
}
/* ALERTS */







/* POSITION */
.relative {
    position: relative;
}
/* ALERTS */

/* POSITION */
.relative {
    position: relative;
}
.relative {
    position: relative;
}
/* end: Modal */



/* POSITION */
.relative {
    position: relative;
}
svg.sm {
    width: 1rem;
  min-width: 1rem;
  height: 1rem;
}
svg.sm {
    width: 1rem;
  min-width: 1rem;
  height: 1rem;
}
.sm {
    width:14px;height:14px;
}
svg.sm {
    width: 1rem;
  min-width: 1rem;
  height: 1rem;
}
.text-base {
    font-size: 1rem;
}
.text-base {
    font-size: 1rem;
}
.text-base {
    font-size: 1rem;
}
.text-center {
    text-align: center;
}
.text-center {
    text-align: center;
}
.text-center {
    text-align: center;
}
.text-dark {
    color: var(--dark);
}
.text-dark {
    color: var(--dark);
}
.text-dark {
    color: var(--dark);
}
.text-grey {
    color: var(--grey-d-1);
}
.text-grey {
    color: var(--grey-d-1);
}
.text-grey {
    color: var(--grey-d-1);
}
.text-grey {
    color: var(--grey-d-1);
}
.text-right {
    text-align: right;
}
.text-right {
    text-align: right;
}
.text-right {
    text-align: right;
}
.website_icon {
    width:16px;height:16px;
}
/* GRID */







/* WIDTH */
.w-full {
    width: 100%;
}
/* GRID */

/* WIDTH */
.w-full {
    width: 100%;
}
.w-full {
    width: 100%;
}
/* GRID */







/* WIDTH */
.w-full {
    width: 100%;
}
svg.xl {
    width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
}
svg.xl {
    width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
}
svg.xl {
    width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
}

/* --- remaining classes referenced by index.php (non-empty so the parser counts them) --- */
.alert { border-radius:3px; color:#3a3a3a; font-size:14px; font-weight:bold; margin:20px 0; padding:14px 15px; }
.active { font-weight: 700; }
.hidden { display: none !important; }
.no-image { background: #f2f2f2; }
.play-icon { width: 1.5rem; height: 1.5rem; }
.save_listing { cursor: pointer; }
.status { font-size: .8125rem; }
.total-img { font-size: .8125rem; color: #666; }
.next, .prev { cursor: pointer; user-select: none; }
.w-1\/2 { width: 50%; }
.whats-included__check { flex: 0 0 auto; color: #087443; }