.playbill-nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

/* START: Локация */
.playbill-nav--location {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	line-height: 1;
}
.playbill-nav--location ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid #dddddd;
	border-radius: 12px;
}
.playbill-nav--location ul li {
	border-right: 1px solid #dddddd;
}
.playbill-nav--location ul li:hover {
	background-color: #dddddd;
}
.playbill-nav--location ul li:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.playbill-nav--location ul li:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-right: none;
}
.playbill-nav--location ul li a {
	display: block;
	padding: 14px 20px;
}
/* END: Локация */

/* START: Другие */
.playbill-nav--other {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	line-height: 1;
}
.playbill-nav--other ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 12px;
}
.playbill-nav--other ul li {
	border-radius: 10px;
}
.playbill-nav--other ul li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	padding: 14px 20px;
}
.playbill-nav--other ul li a svg {
	width: 16px;
	height: 16px;
}
.playbill-nav--other ul li:hover {
	background-color: #dddddd;
}
/* END: Другие */

.playbill-nav--active {
	background-color: #dddddd;
}

@media (max-width: 1024px) {
	.playbill-nav {
		flex-direction: column;
		gap: 8px;
		margin-bottom: 20px;
	}
	.playbill-nav--location {
		flex-direction: column;
		gap: 8px;
		width: 100%;
	}
	.playbill-nav--location ul {
		width: 100%;
		border-radius: 8px;
	}
	.playbill-nav--location ul li {
		width: 100%;
		text-align: center;
	}
	.playbill-nav--location ul li:first-child {
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	.playbill-nav--location ul li:last-child {
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	.playbill-nav--other {
		width: 100%;
	}
	.playbill-nav--other ul {
		width: 100%;
	}
	.playbill-nav--other ul li {
		width: 100%;
		border-radius: 8px;
	}
	.playbill-nav--other ul li a {
		justify-content: center;
		padding: 14px 8px;
	}
}