/* *******************
Select c dropdown на JS
******************* */

.dropdown__input-hidden, .dropdown__button br, .desktop-hidden {display: none;}
@media(max-width: 480px) {
	
	.dropdown-nav {
		position: relative;
		border-radius: 16px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
		background: #fff;
		padding: 8px;	
	}
	.dropdown-nav:has(.dropdown__list--visible) {border-radius: 16px 16px 0 0;}
	.dropdown__button {
		position: relative;
		display: block;
		width: 100%;
		text-align: left;
		background: #F5F5F5;		
		border-radius: 16px;
		min-height: 46px;
		padding-top: 13px;
		padding-bottom: 13px;
		padding-left: 14px;
		padding-right: 35px;
		border: none;
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		cursor: pointer;
	}
	ul.nav-sidebar.catalog-nav-sidebar.nav.schedule-nav {
		border-radius: 0 0 16px 16px;
		box-shadow: none;
		border: none;
		transform: translateY(-9px);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
		margin-top: 0;
	}
	.dropdown__button:focus, .dropdown__button--active {
		outline: none;		
	}
	
	.dropdown__list-item.active {display: none;}
	
	.dropdown__button:before {
		position: absolute;
		content: "";
		left: 0;
		top: 12px;
		bottom: 12px;
		width: 2px;
		display: block;
		background: #017A3F;
	}
	.dropdown__button--active:after {
		transform: rotate(-180deg);
		
	}

	.dropdown__button::after {
		content: "";
		position: absolute;	
		top: 13px;
		right: 15px;
		width: 24px; 
		height: 24px;
		background: url(/upload/menu-arrow.svg) center center no-repeat;
		pointer-events: none;
	}


	.dropdown__list {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background: #FFFFFF;
		box-shadow: 0px 4px 8px rgba(176, 198, 225, 0.6);
		overflow: hidden;

		border-radius: 6px;
		width: 100%;

		z-index: 1;
	}

	.dropdown__list--visible {
		display: block;
	}

	.dropdown__list-item {
		margin: 0;
		padding: 0;
		cursor: pointer;
	}

	.dropdown__list-item:first-child {
		border-radius: 6px 6px 0 0;
	}

	.dropdown__list-item:hover {
		background: rgba(176, 198, 225, 0.26);
	}

	
}