.dma-trip-related-places {
	background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
	padding: 58px 0 50px;
}

.dma-trip-related-places__inner {
	width: min(1180px, calc(100% - 40px));
	margin: 0 auto;
}

.dma-trip-related-places__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 28px;
}

.dma-trip-related-places h2 {
	margin: 0;
	color: #081b43;
	font-size: 34px;
	line-height: 1.16;
	font-weight: 900;
	letter-spacing: 0;
}

.dma-trip-related-places__count {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	margin-top: 12px;
	padding: 0 12px;
	border: 1px solid rgba(20, 38, 75, .2);
	border-radius: 6px;
	background: #f6f8fb;
	color: #14264b;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
}

.dma-trip-related-places__tabs {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px;
	border: 1px solid rgba(20, 38, 75, .12);
	border-radius: 8px;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 16px 36px rgba(20, 38, 75, .08);
}

.dma-trip-related-places__tabs button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 36px;
	border: 0;
	border-radius: 6px;
	padding: 0 12px 0 16px;
	background: transparent;
	color: #14264b;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
	cursor: pointer;
	transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.dma-trip-related-places__tabs button.is-active {
	background: #14264b;
	color: #fff;
	box-shadow: 0 10px 22px rgba(20, 38, 75, .2);
}

.dma-trip-related-places__tab-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	border-radius: 999px;
	background: #e9eef7;
	color: #14264b;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.dma-trip-related-places__tabs button.is-active .dma-trip-related-places__tab-count {
	background: #fff;
	color: #14264b;
}

.dma-trip-related-places__panel[hidden] {
	display: none;
}

.dma-trip-related-places__list {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

.dma-trip-related-places__list li {
	margin: 0;
	padding: 0;
}

.dma-trip-related-places__list a {
	display: inline-grid;
	grid-template-columns: 36px minmax(0, auto);
	align-items: center;
	min-height: 42px;
	border: 1px solid rgba(20, 38, 75, .16);
	border-radius: 8px;
	background: #fff;
	color: #081b43;
	text-decoration: none;
	font-weight: 800;
	line-height: 1.2;
	box-shadow: 0 10px 24px rgba(20, 38, 75, .08);
	overflow: hidden;
	transition: background-color .16s ease, color .16s ease, transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.dma-trip-related-places__number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-left: 5px;
	border-radius: 999px;
	background: #14264b;
	color: #fff;
	font-size: 14px;
	font-weight: 900;
}

.dma-trip-related-places__label {
	display: flex;
	align-items: center;
	padding: 8px 15px 8px 9px;
	font-size: 14px;
	white-space: nowrap;
}

.dma-trip-related-places__list--tag a {
	border-color: #b45f16;
	color: #6b3508;
	background: #fffaf4;
}

.dma-trip-related-places__list--tag .dma-trip-related-places__number {
	background: #b45f16;
}

.dma-trip-related-places__list--tour a {
	border-color: rgba(171, 54, 86, .22);
	color: #81213d;
	background: #fff6f8;
}

.dma-trip-related-places__list--tour .dma-trip-related-places__number {
	background: #ab3656;
}

.dma-trip-related-places__list--highlight a {
	border-color: #0b7a75;
	color: #07544f;
	background: #f3fffd;
}

.dma-trip-related-places__list--highlight .dma-trip-related-places__number {
	background: #0b7a75;
}

.dma-trip-related-places__list--destination a {
	border-color: rgba(39, 85, 166, .24);
	color: #173f86;
	background: #f5f8ff;
}

.dma-trip-related-places__list--destination .dma-trip-related-places__number {
	background: #2755a6;
}

.dma-trip-related-places__list--destination-to a {
	border-color: rgba(90, 102, 43, .26);
	color: #495324;
	background: #fbfff1;
}

.dma-trip-related-places__list--destination-to .dma-trip-related-places__number {
	background: #5a662b;
}

.dma-trip-related-places__list a:hover,
.dma-trip-related-places__list a:focus {
	background: #14264b;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgba(20, 38, 75, .14);
}

.dma-trip-related-places__list--tag a:hover,
.dma-trip-related-places__list--tag a:focus {
	background: #b45f16;
	color: #fff;
}

.dma-trip-related-places__list--tour a:hover,
.dma-trip-related-places__list--tour a:focus {
	background: #ab3656;
	color: #fff;
}

.dma-trip-related-places__list--highlight a:hover,
.dma-trip-related-places__list--highlight a:focus {
	background: #0b7a75;
	color: #fff;
}

.dma-trip-related-places__list--destination a:hover,
.dma-trip-related-places__list--destination a:focus {
	background: #2755a6;
	color: #fff;
}

.dma-trip-related-places__list--destination-to a:hover,
.dma-trip-related-places__list--destination-to a:focus {
	background: #5a662b;
	color: #fff;
}

@media (max-width: 767px) {
	.dma-trip-related-places {
		padding: 38px 0 34px;
	}

	.dma-trip-related-places__inner {
		width: min(100% - 28px, 1180px);
	}

	.dma-trip-related-places__head {
		display: block;
		margin-bottom: 20px;
	}

	.dma-trip-related-places h2 {
		font-size: 27px;
		margin-bottom: 16px;
	}

	.dma-trip-related-places__tabs {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
		gap: 7px;
	}

	.dma-trip-related-places__tabs button {
		width: 100%;
		padding: 0 10px;
		gap: 7px;
	}

	.dma-trip-related-places__list {
		gap: 10px;
	}

	.dma-trip-related-places__list li,
	.dma-trip-related-places__list a {
		width: 100%;
	}

	.dma-trip-related-places__list a {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.dma-trip-related-places__number {
		width: 34px;
	}

	.dma-trip-related-places__label {
		white-space: normal;
	}
}