.xleb-showrooms {
	display: block;
	width: 100%;
}

.xleb-showrooms-list {
	display: flex;
	flex-flow: row wrap;
	gap: var(--gapX2, 16px);
	margin-bottom: var(--gapX4, 32px);
	overflow-x: auto;
	white-space: nowrap;
}

.xleb-showrooms-heading {
	margin: 0 0 var(--gapX3, 24px);
}

.xleb-showrooms-list::-webkit-scrollbar {
	display: none;
}

.xleb-showrooms-list-single {
	margin: 0;
	display: none;
}

.xleb-showrooms-button {
	max-width: 100%;
	margin: 1px;
	padding: var(--gapX2, 16px) var(--gapX4, 32px);
	border: 1px solid #bebebe;
	border-radius: 4px;
	background: transparent;
	color: #000;
	cursor: pointer;
	font: inherit;
	line-height: var(--textMheightT, 1.4);
}

.xleb-showrooms-button:hover,
.xleb-showrooms-button.is-active {
	border-color: var(--brandColor, #8b2f2f);
	color: var(--brandColor, #8b2f2f);
}

.xleb-showrooms-details {
	display: grid;
	grid-template-columns: minmax(220px, 3fr) minmax(0, 8fr);
	gap: var(--gapX4, 32px);
	align-items: start;
}

.xleb-showrooms-details-legacy {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--gapX4, 32px);
	align-items: stretch;
	width: 100%;
}

.xleb-showrooms-details-legacy .map-column {
	flex: 0 0 calc((100% - var(--gapX4, 32px)) * 0.6667);
	max-width: calc((100% - var(--gapX4, 32px)) * 0.6667);
	width: calc((100% - var(--gapX4, 32px)) * 0.6667);
}

.xleb-showrooms-details-legacy .info-column {
	flex: 1 1 0;
	max-width: none;
	width: auto;
	padding: 0;
}

.xleb-showrooms-name {
	margin: 0 0 var(--gapX3, 24px);
}

.xleb-showrooms-address,
.xleb-showrooms-worktime,
.xleb-showrooms-phone,
.xleb-showrooms-email {
	display: block;
	margin: 0 0 var(--gapX2, 16px);
}

.xleb-showrooms-map {
	width: 100%;
	min-height: 280px;
}

.xleb-showrooms-contact-list {
	margin-top: var(--gapX3, 24px);
}

footer .footer-info a,
footer .menu a,
footer .developer {
	color: var(--linkContentColor, currentColor);
	text-decoration: none;
}

footer .footer-info a:hover,
footer .footer-info a:focus,
footer .menu a:hover,
footer .menu a:focus,
footer .developer:hover,
footer .developer:focus {
	color: var(--linkContentHoverColor, var(--accentColor, currentColor));
	text-decoration: none;
}

.cities-container.cities-popup:has(.xleb-showrooms-city-groups),
#city-change.cities-container:has(.xleb-showrooms-city-groups),
#modal-city-change.cities-container:has(.xleb-showrooms-city-groups) {
	column-count: unset;
	column-width: unset;
	box-sizing: border-box;
	width: min(600px, 100vw) !important;
	max-width: 600px !important;
	height: unset !important;
	max-height: unset !important;
	overflow-y: scroll;
	position: absolute !important;
	right: 0 !important;
}

.mfp-wrap:has(#city-change),
.mfp-wrap:has(#modal-city-change) {
	z-index: 1000001;
}

.mfp-content:has(#city-change.cities-container),
.mfp-content:has(#modal-city-change.cities-container) {
	width: 100%;
	height: 100%;
}

.xleb-showrooms-city-groups {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gapX10, 80px);
	width: 100%;
	column-span: all;
}

.xleb-showrooms-city-groups-group {
	min-width: 0;
	width: 100%;
	margin-bottom: 0;
}

.xleb-showrooms-city-groups-title {
	margin-bottom: var(--gapX7, 56px);
	column-span: all;
}

.xleb-showrooms-city-groups-columns {
	columns: 2;
	column-gap: 20px;
}

.xleb-showrooms-city-groups-letter-group {
	display: flex;
	gap: var(--gapX3, 24px);
	align-items: flex-start;
	flex-wrap: nowrap;
	margin-bottom: var(--gapX4, 32px);
	break-inside: avoid;
	page-break-inside: avoid;
}

.xleb-showrooms-city-groups-letter {
	font-weight: 600;
	margin: 0;
	width: 1em;
}

.xleb-showrooms-city-groups-list {
	display: grid;
	gap: 6px;
}

.xleb-showrooms-city-groups-city a {
	display: inline-block;
	text-decoration: unset;
}

@media (max-width: 767px) {
	.xleb-showrooms-button {
		padding: var(--gapX1, 8px) var(--gapX2, 16px);
	}

	.xleb-showrooms-details {
		grid-template-columns: 1fr;
	}

	.xleb-showrooms-city-groups {
		grid-template-columns: 1fr;
	}

	.cities-container.cities-popup:has(.xleb-showrooms-city-groups),
	#city-change.cities-container:has(.xleb-showrooms-city-groups),
	#modal-city-change.cities-container:has(.xleb-showrooms-city-groups) {
		position: fixed !important;
		bottom: 0;
		width: 100vw !important;
		max-width: 100vw !important;
		max-height: 100%;
		padding: var(--gapX8, 64px) var(--outsideGap, 16px) !important;
	}

	.xleb-showrooms-city-groups {
		gap: var(--gapX8, 64px);
	}

	.xleb-showrooms-city-groups-title {
		margin-bottom: var(--gapX5, 40px);
	}

	.xleb-showrooms-city-groups-columns {
		columns: 1;
	}

	.xleb-showrooms-city-groups-letter-group {
		margin-bottom: var(--gapX4, 32px);
	}

	.xleb-showrooms-details-legacy {
		display: grid;
		grid-template-columns: 1fr;
	}

	.xleb-showrooms-details-legacy .map-column,
	.xleb-showrooms-details-legacy .info-column {
		flex: none;
		max-width: none;
		width: 100%;
	}
}