@charset "UTF-8";

.itemlist_panel {will-change: transform;margin: 0 -10px;padding: 10px 10px 10px;padding-right: 0;position: -webkit-sticky;position: sticky;top: 0;background: transparent;border-radius: 8px;/* transition: background-color .25s ease; */}
.itemlist_panel .wrapper {position: relative;padding-left: 42px;}

.itemlist_panel .option_list {position: relative;height: 30px;}
.itemlist_panel .option_list + .option_list {margin-top: 5px;}

.itemlist_panel .option_list .ul {white-space: nowrap;overflow: hidden;position: relative;z-index: 1;}
.itemlist_panel .option_list a {display: inline-block;vertical-align: top;height: 30px;line-height: 28px;padding: 0 12px;font-size: 14px;color: #000;cursor: pointer;margin-right: 5px;background: #F4F6F5;border: 1px solid transparent;overflow: hidden;border-radius: 8px;text-decoration: none;}

.itemlist_panel .option_list a.active {background: #EBE9D3;color: #8B8100;border-color: rgba(156, 150, 71, 0.5);}

.itemlist_panel .option_list a.active i,
.itemlist_panel .option_list a:hover i {background: #E9E5AF;color: #8B8100;}

.itemlist_panel .option_list a i {display: inline-block;/* vertical-align: middle; */background: #FFD7D5;color: #FB382C;font-size: 12px;font-style: normal;height: 18px;line-height: 18px;border-radius: 8px;padding: 0 5px;min-width: 18px;margin-left: 5px;/* margin-top: -2px; */margin-right: -2px;}
.itemlist_panel .option_list a.active i {/* background: #a5976c; */}

.itemlist_panel .option_list a.new {position: relative; overflow:visible; }
.itemlist_panel .option_list a.new:after {display: inline-block;content: "";width: 7px;height: 7px;position: absolute;background: #e74120;border-radius: 100%;top: 0;right: 0px;}



/* option items with icons */
.itemlist_panel .option_list .active.asc,
.itemlist_panel .option_list .active.desc {padding-right: 8px;}

.itemlist_panel .option_list .active.asc:after,
.itemlist_panel .option_list .active.desc:after {content: "";display: inline-block;width: 11px;height: 20px;background: url(../i/itemlist_panel.svg?v=9) 0 0 no-repeat;vertical-align: middle;margin-top: -1px;margin-left: 5px;}

.itemlist_panel .option_list .active.asc:after {background-position: -495px -88px;}
.itemlist_panel .option_list .active.desc:after {background-position: -455px -88px;}

.itemlist_panel .option_list .discount:before,
.itemlist_panel .option_list .popular:before,
.itemlist_panel .option_list .charity:before,
.itemlist_panel .option_list .sorting_from1:before {content: "";display: inline-block;width: 14px;height: 20px;background: url(../i/itemlist_panel.svg?v=9) 0 0 no-repeat;vertical-align: middle;margin-top: -1px;margin-left: -1px;margin-right: 5px;}


.itemlist_panel .option_list .discount:before {width: 15px;background-position: -373px -48px;}
.itemlist_panel .option_list .discount:hover:before, 
.itemlist_panel .option_list .discount.active:before {background-position-y: -88px;}

.itemlist_panel .option_list .popular:before {margin-right: 5px;background-position: -416px -48px;}
.itemlist_panel .option_list .popular:hover:before,
.itemlist_panel .option_list .popular.active:before {background-position-y: -88px;}

.itemlist_panel .option_list .charity:before {width: 18px;background-position: -532px -48px;}
.itemlist_panel .option_list .charity:hover:before, 
.itemlist_panel .option_list .charity.active:before {background-position-y: -88px;}

.itemlist_panel .option_list .sorting_from1:before {width: 18px;background-position: -572px -48px;}



/* custom */
.itemlist_panel .option_list .popular.active,
.itemlist_panel .option_list .follow.active {pointer-events: none;}

.itemlist_panel .option_list a.sorting_buy_now {background: #E2FFEE;color: #009A59;}
.itemlist_panel .option_list a.sorting_price_offer {background: #FFF1E4;color: #FF7600;}

.itemlist_panel .option_list a:hover {background: #EBE9D3;color: #8B8100;}

.itemlist_panel .option_list a.sorting_buy_now:hover,
.itemlist_panel .option_list a.sorting_buy_now.active {background: #E2FFEE;color: #009A59; border-color: rgba(0, 154, 89, 0.5);}

.itemlist_panel .option_list a.sorting_price_offer:hover,
.itemlist_panel .option_list a.sorting_price_offer.active {background: #FFF1E4;color: #FF7600; border-color: rgba(255, 118, 0, 0.5);}


.itemlist_panel .option_list .nav {position: absolute;width: 30px;top: 0;bottom: 0;z-index: 5;}

.itemlist_panel .option_list .nav b {position: absolute;width: 30px;height: 30px;background: #ffffff;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, .25);border-radius: 50%;top: 50%;margin-top: -15px;left: 0;opacity: .9;cursor: pointer;}
.itemlist_panel .option_list .nav b:hover {opacity: 1; }

.itemlist_panel .option_list .nav b:before {content: "";display: block;position: absolute;width: 12px;height: 20px;top: 50%;margin-top: -10px;left: 50%;margin-left: -6px;background: url(../i/common.svg?v=3) -69px -502px no-repeat;}
.itemlist_panel .option_list .nav.prev b:before {/* background-position: -290px -23px; */background-position: -30px -502px;}

.itemlist_panel .option_list .nav.prev:hover b:before {transform: translateX(-1px);}
.itemlist_panel .option_list .nav.next:hover b:before {transform: translateX(1px);}

.itemlist_panel .option_list .nav.prev {left: 0; right: auto;}
.itemlist_panel .option_list .nav.prev {background: -moz-linear-gradient(90deg, rgba(229,237,233,1) 0%, rgba(229,237,233,0) 100%);background: -webkit-linear-gradient(90deg, rgba(229,237,233,1) 0%, rgba(229,237,233,0) 100%);background: linear-gradient(90deg, rgba(229,237,233,1) 0%, rgba(229,237,233,0) 100%);}

.itemlist_panel .option_list .nav.next {right: 0;left: auto;}
.itemlist_panel .option_list .nav.next {background: -moz-linear-gradient(90deg, rgba(229,237,233,0) 0%, rgba(229,237,233,1) 100%);background: -webkit-linear-gradient(90deg, rgba(229,237,233,0) 0%, rgba(229,237,233,1) 100%);background: linear-gradient(90deg, rgba(229,237,233,0) 0%, rgba(229,237,233,1) 100%);}


.itemlist_panel .option_list.nav_start .nav.prev,
.itemlist_panel .option_list.nav_end .nav.next {opacity: 0;z-index: 0;}


.itemlist_panel .add_lot {display: block;cursor: pointer;position: absolute;right: 0;top: 4px;width: 26px;height: 26px;background: #589c74;border-radius: 50%;float: none;margin: 0;transition: box-shadow .2s linear;}
.itemlist_panel .add_lot:before {content: "";display: block;width: 16px;height: 16px;position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -8px;background: url(../i/common.svg?v=3) -960px -331px no-repeat;}
.itemlist_panel .add_lot:hover {background-color: #4b8b65;box-shadow: 0 2px 15px 0px rgba(0,0,0,.25);z-index: 10;}
.itemlist_panel .add_lot:active {background-color: #4b8b65;}



.itemlist_panel.sticked {padding-top: 9px;z-index: 50;background: rgba(229, 237, 233, 95%);border-radius: 0 0 8px 8px;/* backdrop-filter: blur(2px); */}
.itemlist_panel.sticked:after {content: "";display: block;position: absolute;height: 1px;bottom: 0;background: #D5DCDC;left: 10px;right: 10px;z-index: 1;}

.itemlist_panel.sticked .option_list {height: 28px;}
.itemlist_panel.sticked .option_list a {height: 28px;line-height: 26px;}

.itemlist_panel.sticked .option_list .nav {width: 28px;}
.itemlist_panel.sticked .option_list .nav b {height: 28px; width: 28px; margin-top: -14px;}


.itemlist_panel .filters_toggle {display: none; }




/* itemlist view type button */
.itemlist_view_type {position: absolute;display: block;cursor: pointer;width: 36px;border-radius: 8px;left: 0;top: 0;bottom: 0;z-index: 15;background-color: #F4F6F5;}
.itemlist_view_type.toggled {background-color: #EBE9D3;}

.itemlist_view_type:before {/* background-position-y: -248px; */}
.itemlist_view_type.toggled:before,
.itemlist_view_type:hover:before {/* background-position-y: -88px; */}

.itemlist_view_type .menu {display: none;position: absolute;height: 36px;background: rgba(66, 67, 71, 0.95);top: 50%;margin-top: -18px;left: 100%;border-radius: 8px;overflow: hidden;white-space: nowrap;}
.itemlist_view_type.toggled .menu {display: block;}

.itemlist_view_type .menu .mbl_views {display: none;}

.itemlist_view_type .menu a {display: inline-block;width: 36px;height: 36px;line-height: 36px;position: relative;vertical-align: top;}
.itemlist_view_type .menu a.active {display: none;opacity: .5;pointer-events: none;}
.itemlist_view_type .menu a:hover {background-color: #3e3e3e; }

.itemlist_view_type:before,
.itemlist_view_type a:before {display: inline-block;width: 18px;height: 18px;content: "";background-image: url(../i/itemlist_panel.svg?v=9);background-position: -132px -48px;background-repeat: no-repeat;position: absolute;left: 50%;margin-left: -9px;margin-top: -9px;top: 50%;}

/*
.itemlist_panel .tile:before {background-position-x: -132px;}
.itemlist_panel .tile_sm:before {background-position-x: -92px;}
.itemlist_panel .list:before {background-position-x: -50px;}
.itemlist_panel .list_sm:before {background-position-x: -11px;}
*/


.itemlist_view_type .tile:before {background-position-x: -132px;}
.itemlist_view_type .tile_sm:before {background-position-x: -92px;}
.itemlist_view_type .list:before {background-position-x: -51px;}
.itemlist_view_type .list_sm:before {background-position-x: -11px;}


.itemlist_view_type .menu a.tile:before,
.itemlist_view_type .menu a.tile_sm:before,
.itemlist_view_type .menu a.list:before,
.itemlist_view_type .menu a.list_sm:before {background-position-y: -8px;}

.itemlist_view_type .menu a.m_list:before,
.itemlist_view_type .menu a.m_tile:before,
.itemlist_view_type .menu a.m_tile_sm:before {background-position-y: -8px;}

.itemlist_view_type .menu a.m_list:before {background-position-x: -211px;}
.itemlist_view_type .menu a.m_tile:before {background-position-x: -173px;}
.itemlist_view_type .menu a.m_tile_sm:before {background-position-x: -252px;}


@media only screen and (min-width: 521px) {
	.itemlist_view_type:hover {background-color: #EBE9D3;}
	
	.itemlist_view_type.tile:before {background-position-x: -132px;}
	.itemlist_view_type.tile_sm:before {background-position-x: -92px;}
	.itemlist_view_type.list:before {background-position-x: -51px;}
	.itemlist_view_type.list_sm:before {background-position-x: -11px;}
}

@media only screen and (max-width: 990px) {
	
	.itemlist_panel {border-radius: 0 !important;}
	.itemlist_panel.sticked:after {left: 0; right: 0;}
	
	.itemlist_panel .wrapper {/* padding-left: 30px; */padding-right: 0;/* overflow: hidden; */padding-left: 22px;}
	
	.itemlist_panel .option_list {height: 28px;}
	.itemlist_panel .option_list .nav {display: none; }
	.itemlist_panel .option_list .ul {padding: 0px 5px;padding-left: 12px;height: 100%;overflow-x: auto;}
	.itemlist_panel .option_list .ul {
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
		scrollbar-width: none;  /* Firefox */
		margin-bottom: -50px; /* maximum width of scrollbar */
		padding-bottom: 50px; /* maximum width of scrollbar */
	}
	.itemlist_panel .option_list .ul::-webkit-scrollbar {display: none; -webkit-appearance: none; background: transparent; }
	
	.itemlist_panel .option_list a {height: 28px;line-height: 26px;}
	
	.itemlist_panel .filters_toggle {display: block;position: absolute;left: 0;top: 0;/* bottom: 0; *//* width: 36px; */background: #4E986C;border-radius: 8px;overflow: hidden;cursor: pointer;z-index: 5;width: 28px;height: 28px;}
	.itemlist_panel .filters_toggle:after {content: "";position: absolute;top: 50%;left: 50%;margin-top: -10px;margin-left: -10px;width: 20px;height: 20px;background: url(../i/itemlist_panel.svg?v=9) -332px -8px no-repeat;}
	.itemlist_panel .filters_toggle.empty {background: #c1d7ca;}
	.itemlist_panel .filters_toggle.empty:after {opacity: .25;}
	
	
	.itemlist_panel .add_lot {/* right: 5px; */display: none;}
	.sort_panel_toggled #bar {z-index: 2;}
	
	
	.itemlist_view_type {/* display: none; */top: auto;height: 28px;width: 28px;}
	
	
	/* зелёная кнопка при наличии рядом кнопки фильтров */
	.itemlist_panel .filters_toggle + .itemlist_view_type {background-color: #589c74;}
	.itemlist_panel .filters_toggle + .itemlist_view_type:hover,
	.itemlist_panel .filters_toggle + .itemlist_view_type.toggled {background-color: #4E986C;}
	/**/
}

@media only screen and (min-width: 521px) and (max-width: 990px) {
	/* зелёная кнопка при наличии рядом кнопки фильтров */
	.itemlist_panel .filters_toggle + .itemlist_view_type.tile:before {background-position: -132px -8px;}
	.itemlist_panel .filters_toggle + .itemlist_view_type.tile_sm:before {background-position: -92px -8px;}
	.itemlist_panel .filters_toggle + .itemlist_view_type.list:before {background-position: -51px -9px;}
	.itemlist_panel .filters_toggle + .itemlist_view_type.list_sm:before {background-position: -12px -9px;}
	/**/
}

@media only screen and (max-width: 520px) {

	.itemlist_panel {z-index: 10;}
	.itemlist_panel .wrapper {/* padding-left: 22px; */}
	
	.itemlist_panel .filters_toggle {height: 28px;width: 28px;}
	
	.itemlist_view_type {display: block;position: absolute;left: 0;top: auto;bottom: 0;height: 28px;width: 28px;/* overflow: hidden; *//*background: #589c74;*/box-shadow: none;}

	.itemlist_view_type .menu .dsktp_views {display: none !important;}
	.itemlist_view_type .menu .mbl_views {display: inline-block;}

	.itemlist_view_type.m_list:before {background-position: -212px -47px;}
	.itemlist_view_type.m_tile:before {background-position: -173px -47px;}
	.itemlist_view_type.m_tile_sm:before {background-position: -252px -47px;}
	
	/* зелёная кнопка при наличии рядом кнопки фильтров */
	/*
	.itemlist_panel .filters_toggle + .itemlist_view_type.m_list:before {background-position: -212px -8px;}
	.itemlist_panel .filters_toggle + .itemlist_view_type.m_tile:before {background-position: -173px -8px;}
	.itemlist_panel .filters_toggle + .itemlist_view_type.m_tile_sm:before {background-position: -252px -8px;}
	*/
	
	.itemlist_panel .filters_toggle + .itemlist_view_type:before {background-position-y: -8px;}
	/**/
}


/**/
.itemlist_view_type .tip {display: none;}

@media only screen and (max-width: 520px) {
	.itemlist_view_type.teasing {/* background: #27864D; */box-shadow: 0 0 24px 4px #FFFEAE;outline: 2px solid #FFFD8A;}
	
	.itemlist_view_type.teasing .tip {display: block;position: absolute;left: 100%;margin-left: 30px;/* max-width: 245px; */height: 56px;top: 50%;margin-top: -28px;padding: 15px 24px 17px 45px;background: #FFFD7A;color: #5A4700;border: 1px solid #B4B361;/* border-left: none; */z-index: 1;border-radius: 14px 13px 13px 14px;box-shadow: 0 8px 24px rgba(0,0,0,0.3);display: flex;align-items: center;white-space: nowrap;animation: tipBounceLeft 1200ms cubic-bezier(0.37, 0, 0.63, 1) infinite alternate none;z-index: 5;}
	/*
	.itemlist_view_type .tip:after {content: "";position: absolute;left: -14px;top: 3px;width: 0px;height: 0px;border-style: solid;border-width: 24px 18px 24px 0;border-color: transparent #FFFD7A transparent transparent;border-radius: 13px;z-index: 1;}
	*/
	.itemlist_view_type .tip:before {content: "";position: absolute;left: -14px;top: 10px;width: 33px;height: 33px;background: #FFFD7A;border: 1px solid #B4B361;border-top: none;border-right: none;border-radius: 0 0 0 5px;transform: rotate(45deg) translateY(0);transform-origin: center;}
	
	.itemlist_view_type .tip svg {content: "";width: 14px;height: 20px;display: block;position: absolute;left: 16px;top: 50%;margin-top: -10px;z-index: 2;}
	.itemlist_view_type .tip span {display: inline-block;/* vertical-align: middle; */line-height: 18px;font-size: 14px;max-width: 250px;}
}

@keyframes tipBounceLeft {
	0% {transform: translateX(0);}
	100% {transform: translateX(-12px);}
}
/**/