.wrapper_sort{padding:25px 0}
.sort__block{min-width: 320px;padding-left: 30px;}
.sort__block select{width:100%; cursor:pointer; box-shadow:none; border:1px solid #bfbfbf;border-radius: 5px;background:#fff url(/templates/gradis/images/select-sort.png) no-repeat right center;height: 40px;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding:0 45px 0 10px;color:#000;font-size:16px}
.light__block{box-shadow:0 0 8px 0 rgb(153 153 153 / 60%);display: flex;text-decoration:none !important;height: 100%;flex-direction: column;justify-content: space-between;}
.light__cover{display:flex;align-items:center;justify-content:center;position:relative;height:310px;padding:0 15px;min-height: 310px;}
.light__cover img {max-height: 300px;max-width: 100%;width: auto;}
.light__metka{position:absolute; top:10px; right:10px}
.light__title{display:block; font-size:24px; color:#333; font-weight:700}
.light__text{display:block; color:#999999}
.light__color{padding:15px 0;margin:0;flex-wrap: wrap;}
.light__color li{color:#999999; padding:0; margin:0; list-style:none}
.light__color li span{display:block; border:1px solid #c1c1c1; width:26px; height:26px; border-radius:100%; overflow:hidden}
.light__color li img{width:110%; height:110%; object-fit:cover}
.light__price{font-weight:700; color:#ef7c00; font-size:24px; display:block; padding-bottom:25px}
.light__info{display: flex;padding:15px 30px 30px;height: 100%;flex-direction: column;justify-content: space-between;}
.light__button{display:block;margin: auto auto 0;max-width: 180px;min-width: 180px;}
.menu-light{padding:40px 0 10px; margin:0 -7px; display:flex; flex-wrap:wrap}
.menu-light li{padding:7px; margin:0; list-style:none; flex:1 1 auto}
.menu-light li a{font-size:16px; color:#000000; padding:0 10px; text-transform:uppercase; font-weight:700; display:block; text-align:center; background:#fff; line-height:34px; border-radius:50px; box-shadow:0 0 20px 0 rgba(222, 229, 237, 1)}
.menu-light li a:hover, .menu-light li.active a{text-decoration:none; color:#fff; box-shadow:none; background:#ef7c00}
@media(max-width:1199px){
	.light__cover{height:260px;padding:0 10px;min-height: 260px;}
	.light__cover img {max-height: 250px}
	.light__title, .light__price{font-size: 20px}
	.light__price{padding-bottom:15px}
	.light__color{padding:10px 0}
	.light__info{padding: 10px 20px 20px}
	.menu-light{padding:35px 0 10px; margin:0 -5px}
	.menu-light li{padding: 5px;}
	.menu-light li a{font-size: 15px; line-height: 32px;}
}
@media(max-width:991px){
	.menu-light{padding: 30px 0 10px;margin:0 -5px;}
	.menu-light li{padding: 5px;}
	.menu-light li a{font-size: 15px;line-height: 32px;}
}
@media(max-width:767px){
	.light__cover{height: 190px;min-height: 190px;}
	.light__cover img {max-height: 170px;}
	.light__title, .light__price{font-size: 18px;}
	.light__color li span{width:20px; height:20px}
	.light__color li img{width:120%; height:120%}
	.light__info{padding: 5px 15px 15px;}
	.light__metka{top:5px; right:5px}
	.light__metka img{height:70px; width:auto}
	.wrapper_sort{flex-wrap:wrap;padding-bottom: 15px;}
	.sort__block{min-width: 260px;padding-left: 0; padding-top:15px}
	.sort__block select{height: 36px; padding:0 35px 0 10px; font-size:14px}
	.menu-light{padding: 20px 0 0}
	.menu-light li a{font-size: 14px;line-height: 30px;}
}
@media(max-width:575px){
	.light__block{text-align:center}
	.light__color{justify-content:center}
}