.blockUI.blockMsg.blockPage{overflow-x:hidden;overflow-y:auto}

.page-content{
	margin:0 auto;
	width:100%;
	min-width:320px;
	max-width:800px
}

.wrapper{
	margin-bottom:1.25rem;
	padding:0 .625rem
}

.overlay{
	background-color:rgba(0,0,0,.8);
	padding:64px .625rem 0;
	position:absolute;
	left:0;right:0;
	top:0;bottom:0;
	z-index:800
}
.overlay:not(.active){
	display:none
}
.close-layer{
	background-color:#A71871;
	border-radius:50%;
	display:block;
	position:absolute;
	right:20px;top:10px;
	width:44px;height:44px
}
.close-layer::before,
.close-layer::after{
	background-color:#FFF;
	content:'';
	position:absolute;
	left:50%;top:50%;
	width:22px;height:3px
}
.close-layer::before{
	transform:translateX(-50%) translateY(-50%) rotate(45deg)
}
.close-layer::after{
	transform:translateX(-50%) translateY(-50%) rotate(-45deg)
}

.main-block{
	overflow-x:auto
}

.header__service{
	padding:.625rem
}
.header__user-menu{
	margin-bottom:.625rem
}

.user-city__current{
	font-size:.75rem
}

.header__contacts>p{
	font-size:.75rem
}

.user-menu__reg,
.user-menu__auth{
	font-size:.75rem
}

.header__main{
	padding:.625rem .625rem 0
}
.header__logo{
	background:url(/img/logo.png) 50% 50% no-repeat;
	width:170px;height:90px
}

.header-btn{
	background-color:#F4F4F4;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border-radius:50%;
	margin:8px;
	position:relative;
	width:44px;height:44px
}
.header-btn_favorites{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAABd0lEQVR42mL8f5iBFLAdiPmB2AouYvMfrwYWEgwXA2IPKFsZiO8So4mJBAuqkNj1xGpiJDKI2IH4PRBzQvmgcBEB4neEgohYH+QiGQ52GBCXUNMHz4BYEk3sExALAn3wj1IfRGExHAT4gDibWB+wAbEEEMsDsRTUQEko2w9qGDbwDYjXA/FzJPwUiB+B2Tb/f4Is2AHkWOIxhFzwEYivgoLoJA0MZ4BmyJNM0DQdQgMLEoFBVASL5LVAbAfEf6hkuBfQ8AXoqQgU3cbgzEM++A7E5kDDt+NKppeA2ACIr5Nh+H0gNgIafoqYjCYOTW7MJFigDjT8FrEZTYREw0FAlJSc7EdGEPmRYoExGRYYkGKBHg5xUJH9mhQ9TDjCUhWL+EJoTaYExDOxyEswHGFUJMYCezT+IVDNC8QJUB98AeIMIDYF4l1oal0x6mQmO0YUgX+H/usAqc/QkrERKL8MR5CcAWJ3oHpQMdMIxLJArMnEhOpmgAADABI9UvV/9KLLAAAAAElFTkSuQmCC')
}
.header-btn_favorites:active::after,
.header-btn_favorites:focus::after,
.header-btn_favorites:hover::after{
	opacity:1;
	transform:translate(-50%, -6px);
	transition-delay:100ms
}
.header-btn_cart{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAABoUlEQVR42qyVTShEURTH3zzyEVJ2KLKSjQXF0kIhlN0slGJJmY1CFlJKJFkpZSdsxEIpxYIF+VjIKNQsNBvkY0GUz8bv1n26ve59M968f/2ae96d/u927jnnhZbLhm4syyqABLxCFTxbKaozPmncs6EY8uULxDpiBaRMaZYDjdAMI1AIP5CRzGClfNi0dRUiLU6QDe9WgLKV9QcsBei9ZrseDAZk/AV9bvNb2A7AfJoqurc1GwNpGot7m3Dn3NE57KVhHuHUbyZzoTGfxncYL+iqRdUurPsw7zGVoi53/9ERp95yd6hOTWJsOJ0GT4aDhORMikG/rv11mpe/x1Dvd3DpzDugQq5nUskH88WWXoJPXvhtMk8o61mY87ob1+DKgn1oMZlvwCa0QYmPiqlLlvN2yJOUQpGHmUjBtayuXPW/JnMxxxtE/mAn2YWSGnFHtaK7iU//SkmZ5+pcP4NKGUehRn48dOqCRSUO84JVUxOFFWOhamj1OPyUKx736tCY5lncw/zCFV96mR/CKDzCg/yARD3Mu+EEXuAAep2NXwEGAAUKXgl7mSwEAAAAAElFTkSuQmCC')
}

.header-btn_menu{
	background-color:#A71871;
	position:relative
}
.header-btn_menu::before,
.header-btn_menu>i,
.header-btn_menu::after{
	background-color:#FFF;
	content:'';
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	transition:.2s ease;
	width:18px;height:2px
}
.header-btn_menu::before{
	top:15px
}
.header-btn_menu>i{
	top:21px
}
.header-btn_menu::after{
	top:27px
}

.footer{
	background-color:#222;
	color:#FFF;
	padding:1.25rem 1.25rem .625rem;
	text-align:center
}
.footer>*{
	margin:0 auto
}
.footer__logo{
	margin-bottom:1.25rem
}
.footer__logo>div{
	font-size:.75rem;
	width:150px
}
.footer__3d-view{
	margin-bottom:1.25rem
}
.footer__contacts{
	margin-bottom:1.25rem
}
.footer__contacts>p{
	margin-bottom:.625rem
}
.footer__link{
	color:inherit;
	font-size:.75rem;
	margin-bottom:.625rem;
	outline:none
}

.search__input{
	background-color:#FFF;
	-webkit-box-shadow:inset 0 0 0 1px #E2E2E2, inset 0 6px 6px -4px rgba(0,0,0,.1);
			box-shadow:inset 0 0 0 1px #E2E2E2, inset 0 6px 6px -4px rgba(0,0,0,.1)
}

.menu{
	background-color:#FFF
}
.menu__item{
	font-weight:700;
	font-size:.625rem;
	padding:.75rem .375rem;
	position:relative
}
.menu__item:not(:last-child){
	border-bottom:1px solid #EEE
}
.menu__link_1{
	color:inherit;
	display:block;
	margin-right:1.875rem;
	text-transform:uppercase
}
.menu__link_1:active,
.menu__link_1:focus,
.menu__link_1:hover,
.menu__link_1.active{
	color:#A71871
}
.submenu__item.active{
	margin-top:1.25rem
}
.submenu__item:not(.active)>.menu__link_2{
	display:none
}
.submenu__item.active>.menu__link_2{
	color:#666;
	display:block;
	margin:.625rem 0
}
.submenu__item::after,
.products-filter__title::after,
.osf__title::after{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAoElEQVQYlW3QLW4CURSG4YeuoCtg9lGLrugV1ODqCAmCsaS0QV5BQutwCBISJmiCwLCQu4PuYJpJLuWvnzvne98jTmvTHr1hgXVI8dU/qYpyjw6eH7DCEt2qKLe3eFWUhwzPsGvVdX0qvtHHNqT4kndHPOE9pPjZ7P6EDDRXhvjCI3r4CClOTsyVkKU5BnkchxSnl/2dkKUNfkKKzUPOwS8KKDSlG7NOcAAAAABJRU5ErkJggg==');
	content:'';
	cursor:pointer;
	position:absolute;
	right:.75rem;
	width:12px;height:6px
}
.submenu__item::after{
	top:1rem
}
.submenu__item:not(.active)::after,
.products-filter__title:not(.active)::after,
.osf__title:not(.active)::after{
	-webkit-filter:grayscale(100%) opacity(.4);
			filter:grayscale(100%) opacity(.4)
}
.submenu__item.active::after{
	transform:rotate(180deg)
}

.categories-btn{
	background:url(/img/categories-menu.m.jpg) 50% 50% no-repeat;
	color:#FFF;
	cursor:pointer;
	font-weight:700;
	font-size:.75rem;
	margin:6px auto 0;
	position:relative;
	text-align:center;
	text-transform:uppercase;
	width:300px;height:50px;
	z-index:100
}
.categories-btn__ico{
	margin-right:6px;
	position:relative;
	width:18px;height:18px
}
.categories-btn__ico::before,
.categories-btn__ico>i,
.categories-btn__ico::after{
	background-color:#FFF;
	content:'';
	position:absolute;
	left:0;
	-webkit-transition:.2s ease;
			transition:.2s ease;
	width:100%;height:2px
}
.categories-btn__ico::before{
	top:2px
}
.categories-btn__ico>i{
	top:8px
}
.categories-btn__ico::after{
	bottom:2px
}

.categories-menu{
	background-color:#A71871
}
.categories-menu__item{
	color:#FFF;
	font-weight:700;
	font-size:.75rem;
	padding:12px 6px;
	text-transform:uppercase;
}
.categories-menu__item:not(:last-child){
	border-bottom:1px solid #C063A0
}
.categories-menu__item::after{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAAcUlEQVR42mL4////BSC2BmIGdAwiYMAcm2QLLgUwRjtU8i8Qq6FLIiv4ClOA7ogGqILPQGzPgMWVd6EKLqFLLINK3ARiRWSJlVCJW0DMh2znCqjEY5gETHIJVOIVEEtiC6FPQCyFLYTWALEKtrAFCDAAP24t6dWLfbYAAAAASUVORK5CYII=')
}
.categories-menu__item::after{
	background-position:56% 50%;
	background-repeat:no-repeat;
	content:'';
	width:8px;height:16px
}

.products-filter__header{
	padding-top:.75rem;
	padding-bottom:.75rem;
	text-align:center
}
.products-filter__title,
.osf__title{
	font-size:.75rem
}
.products-filter__title::after,
.osf__title::after{
	top:50%;
	transform:translateY(-50%)
}
.products-filter__title.active::after,
.osf__title.active::after{
	transform:rotate(180deg) translateY(50%)
}
.products-filter__input{
	font-size:.75rem;
	width:100px
}

.products-list{
	padding:20px 0
}

.product-info__tab{
	background-color:#FFF;
	margin-bottom:.625rem;
	padding:1.25rem;
	position:relative
}
.product-info__tab:not(:hover):not(.active){
	-webkit-box-shadow:0 4px 8px -4px rgba(0,0,0,.2);
			box-shadow:0 4px 8px -4px rgba(0,0,0,.2);
	color:#999
}
.product-info__tab>span{
	font-weight:700;
	font-size:1rem;
	text-transform:uppercase
}
.product-info__content{
	background-color:#FFF;
	margin-bottom:.625rem;
	padding:1rem
}
.product-info__tab::after{
	position:absolute;
	right:1.25rem
}

.product__images{
	margin:0 auto
}
.product__order{
	height:160px
}

.cart-table__row,
.cart-table__cell{
	-webkit-flex-direction:column;
		-ms-flex-direction:column;
			flex-direction:column
}
.cart-table__row:not(:last-child){
	border-bottom:1px solid #EEE
}
.cart-table__cell{
	align-items:center;
	justify-content:center;
	padding:.625rem 1.25rem;
	text-align:center
}
.cart-table__cover{
	margin-bottom:.625rem
}
.cart-table__code,
.cart-table__prop{
	font-size:.75rem
}

.osf__title{
	border:1px solid #DDD;
	font-weight:700;
	line-height:1.875rem;
	margin-bottom:.625rem;
	position:relative;
	text-align:center;
	text-transform:uppercase
}
.osc__title{
	font-size:.75rem
}
.order-menu{
	overflow-x:auto
}
.order-menu__item{
	border-color:#999;
	width:166px
}
.order-menu__item:not(:last-child){
	margin-bottom:.625rem
}
.order-menu__title{
	font-size:.625rem
}

.front-categories__title{
	background:url(/img/front-categories__title_left.m.png) 10px 50% no-repeat,
		url(/img/front-categories__title_right.m.png) calc(100% - 10px) 50% no-repeat;
	font-weight:700;
	font-size:.75rem;
	margin-bottom:1em;
	padding:0 70px;
	text-align:center;
	text-transform:uppercase;
	min-height:20px
}

.faq__item,
.action,
.review{
	border-bottom:1px solid #DDD;
	margin-bottom:1.25rem;
	padding-bottom:1.25rem
}

.faq__form,
.review__form{
	margin:0 auto 1.25rem;
	padding:.625rem
}

.action__cover{
	display:block;
	margin-bottom:.75rem
}

.modal-dialog{
	padding:20px
}
#md-info{
	padding:20px 30px
}
.modal-dialog>.md__close{
	right:4px;top:4px
}

.header__contacts>p>a,
.footer__contacts>p>a{
	color: #fff;
}

.categories-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-bottom: 2rem;
}