@import url('/site/css/fonts/stylesheet.css');

:root {
	--filter-flag-all: url(/site/img/filter/flag-all.svg);
	--filter-flag-sssr: url(/site/img/filter/sssr.svg);
	--filter-flag-german: url(/site/img/filter/german.svg);
	--filter-flag-usa: url(/site/img/filter/usa.svg);
	--filter-flag-brit: url(/site/img/filter/brit.svg);
	--filter-flag-japan: url(/site/img/filter/japan.svg);
	--filter-flag-chine: url(/site/img/filter/chine.svg);
	--filter-flag-franc: url(/site/img/filter/franc.svg);
	--filter-flag-europ: url(/site/img/filter/europ.svg);
	--filter-flag-sbor: url(/site/img/filter/sbor.svg);
	--filter-type-all: url(/site/img/filter/type-all.svg);
	--filter-type-lt: url(/site/img/filter/lt.svg);
	--filter-type-st: url(/site/img/filter/st.svg);
	--filter-type-tt: url(/site/img/filter/tt.svg);
	--filter-type-pt: url(/site/img/filter/pt.svg);
}

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
    font-family: 'SFRounded';
}
a {
    text-decoration: none;
    font-family: 'SFRounded';
}
body {
    background: #101010;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.center {
    width: 1150px;
    margin: 0 auto;
    flex: 1 0 auto;
}
.center>.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0rem 3rem 0rem;
}
.center>.header>.menu-open {
	display: none;
	width: 2.2rem;
	height: 2.2rem;
	background: transparent;
	border: none;
	color: #dfdfdf;
}
.center>.header>.menu-open:hover {
	transform: scale(1.05);
}
.center>.header>.menu-open>svg {
    width: 1.7rem;
    height: 1.7rem;
}
.center>.header>.logo {
    font-weight: 800;
}
.center>.header>.logo>span:first-child {
    color: #FFFFFF;
	transition: .3s;
}
.center>.header>.logo:hover>span:first-child {
    color: #F25322;
}
.center>.header>.logo>span {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #F25322;
}
.center>.header>.menu {
    background: #232222;
    padding: .3rem;
    border-radius: 2rem;
}
.center>.header>.menu>ul {
	display: flex;
	gap: .3rem;
}
.center>.header>.menu>ul>li>a {
    color: #FFFFFF;
    padding: 0.7rem 0.9rem;
    display: block;
    font-weight: 500;
    border-radius: 2rem;
    transition: .3s;
}
.center>.header>.menu>ul>li>a:hover, .center>.header>.menu>ul>li>.active {
    background: #171717;
}
.center>.header>ul {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.center>.header>ul>li>a {
    display: flex;
    justify-content: center;
    gap: .3rem;
    background: #232222;
    padding: .8rem 1.1rem;
    border-radius: 2.5rem;
    color: #fff;
    align-items: center;
    position: relative;
    font-weight: 500;
    transition: .3s;
}
.center>.header>ul>li>a>svg {
    width: 1.3rem;
    height: 1.3rem;
}
.center>.header>ul>li>a:hover {
    transform: scale(1.03);
}
.center>.header>ul>li>a>span {
    background: #f25322;
    font-size: .7rem;
    padding: .2rem .5rem;
    position: absolute;
    top: -0.5rem;
    right: 0;
    font-weight: 600;
    border-radius: 1rem;
}

.slider {
    position: relative;
}
.slider>.block-slide {
	display: flex;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius: .5rem;
	box-shadow: 0 10px 50px rgb(35 34 34);
}
.slider>.block-slide>.slide {
	 flex: 0 0 100%;
	 width: 100%;
	 scroll-snap-align: start;
	 position: relative;
}
.slider>.block-slide>.slide>.title {
	position: absolute;
	height: 80%;
	display: flex;
	flex-direction: column;
	margin: auto 0;
	bottom: 0;
	top: 0;
	padding: 2rem 0rem 2rem 2rem;
	left: 0;
	z-index: 16;
	gap: 3rem;
	width: 30rem;
}
.slider>.block-slide>.slide>.title>.name {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}
.slider>.block-slide>.slide>.title>button {
	display: flex;
	justify-content: center;
	gap: .3rem;
	background: #F25322;
	padding: .8rem 4.5rem;
	border-radius: .5rem;
	color: #fff;
	align-items: center;
	position: relative;
	font-weight: 600;
	transition: .3s;
	border: none;
	width: max-content;
	font-size: 1rem;
	text-transform: uppercase;
	cursor: pointer;
}
.slider>.block-slide>.slide>.title>button:hover {
	transform: scale(1.03);
}
.slider>.block-slide>.slide>img {
	width: 100%;
	height: auto;
	display: block;
	filter: brightness(0.9);
}
.slider>.btn-slide {
	position: absolute;
	right: 1.5rem;
	bottom: 1.5rem;
	display: flex;
	align-items: center;
	gap: .5rem;
}
.slider>.btn-slide>.slide-button {
    background: #121212;
    border: none;
    border-radius: .3rem;
    color: #fff;
    cursor: pointer;
    transition: .3s;
    z-index: 3;
}
.slider>.btn-slide>.slide-button.left>svg {
    transform: rotate(180deg);
}
.slider>.btn-slide>.slide-button:hover {
    color: #f25322;
}
.slider>.btn-slide>.slide-button>svg {
    width: 3rem;
    height: 3rem;
    padding: .8rem;
}

.menu-catalog {
    padding: 2rem 0rem 1.5rem 0rem;
    display: flex;
    justify-content: space-between;
}
.menu-catalog>.title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #dfdfdf;
    text-transform: uppercase;
}
.menu-catalog>ul {
    display: flex;
    gap: .7rem;
}
.menu-catalog>ul>li {
    display: flex;
    align-items: center;
}
.menu-catalog>ul>li>a {
    color: #dfdfdf;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    transition: .3s;
}
.menu-catalog>ul>li>a:hover, .menu-catalog>ul>li>.active {
    color: #f25322;
}

.filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter>.menu-filter {
    display: flex;
    gap: 1.5rem;
}
.filter>.menu-filter>.block {
    position: relative;
    width: max-content;
}
.filter>.menu-filter>.block>.box {
    display: flex;
    align-items: center;
    color: #e3e3e3;
    gap: .3rem;
    cursor: pointer;
    transition: .3s;
}
.filter>.menu-filter>.block>.box:hover {
	color: #fff;
}
.filter>.menu-filter>.block.type>.box>.img {
    width: .9rem;
    height: 1rem;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.filter>.menu-filter>.block>.box>.name {
    font-size: 1.05rem;
    padding-left: .2rem;
}
.filter>.menu-filter>.block.modal>.box>.arrow>svg {
    transform: rotate(180deg);
	top: 0px;
}
.filter>.menu-filter>.block>.box>.arrow>svg {
    width: .7rem;
    height: .5rem;
    position: relative;
    transition: .3s;
	top: 2px;
}
.filter>.menu-filter>.block>.hidden {
    transition: max-height .3s ease-in-out;
    overflow: hidden;
    max-height: 0;
    pos`: a;
    position: absolute;
    z-index: 3;
}
.filter>.menu-filter>.block>.hidden>.show {
	background: #181818;
	padding: .8rem 1rem;
	border-radius: .5rem;
	display: grid;
	gap: .1rem;
	color: #ffffffd6;
	margin-top: .5rem;
	width: max-content;
}
.filter>.menu-filter>.block>.hidden>.show>div {
    cursor: pointer;
    transition: .3s;
    position: relative;
    padding: .4rem .5rem;
    border-radius: .3rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.filter>.menu-filter>.block>.hidden>.show>div:hover, .filter>.menu-filter>.block>.hidden>.show>div.active {
    color: #fff;
    background: #101010;
}
.filter>.menu-filter>.block.flag>.box>.img {
    width: 1.5rem;
    height: 1rem;
    border-radius: .1rem;
    background-size: 100%;
}
.filter>.menu-filter>.block.modal>.hidden {
     max-height: 600px;
}
.filter>.menu-filter>.block.flag>.hidden>.show>div {}
.filter>.menu-filter>.block.flag>.hidden>.show>div:after {
	content: "";
	width: 1.8rem;
	height: 1rem;
	display: block;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	border-radius: .1rem;
	margin: auto 0;
	margin-right: .6rem;
}
.filter>.menu-filter>.block[data-flag="all"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.all:after {
	background-image: var(--filter-flag-all);
	background-position: left;
	background-size: 100% 100%;
}
.filter>.menu-filter>.block[data-flag="sssr"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.sssr:after, .item-box>.item>.title>.flag[data-flag="sssr"]:after {
	background-image: var(--filter-flag-sssr);
}
.filter>.menu-filter>.block[data-flag="german"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.german:after, .item-box>.item>.title>.flag[data-flag="german"]:after {
	background-image: var(--filter-flag-german);
}
.filter>.menu-filter>.block[data-flag="usa"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.usa:after, .item-box>.item>.title>.flag[data-flag="usa"]:after {
	background-image: var(--filter-flag-usa);
}
.filter>.menu-filter>.block[data-flag="brit"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.brit:after, .item-box>.item>.title>.flag[data-flag="brit"]:after {
	background-image: var(--filter-flag-brit);
}
.filter>.menu-filter>.block[data-flag="japan"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.japan:after, .item-box>.item>.title>.flag[data-flag="japan"]:after {
	background-image: var(--filter-flag-japan);
}
.filter>.menu-filter>.block[data-flag="chine"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.chine:after, .item-box>.item>.title>.flag[data-flag="chine"]:after {
	background-image: var(--filter-flag-chine);
}
.filter>.menu-filter>.block[data-flag="franc"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.franc:after, .item-box>.item>.title>.flag[data-flag="franc"]:after {
	background-image: var(--filter-flag-franc);
}
.filter>.menu-filter>.block[data-flag="europ"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.europ:after, .item-box>.item>.title>.flag[data-flag="europ"]:after {
	background-image: var(--filter-flag-europ);
}
.filter>.menu-filter>.block[data-flag="sbor"]>.box>.img, .filter>.menu-filter>.block.flag>.hidden>.show>div.sbor:after, .item-box>.item>.title>.flag[data-flag="sbor"]:after {
	background-image: var(--filter-flag-sbor);
}


.filter>.menu-filter>.block.type>.hidden>.show>div:after {
	content: "";
	width: .7rem;
	height: 1rem;
	display: block;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	border-radius: .1rem;
	margin: auto 0;
	margin-right: .6rem;
}
.filter>.menu-filter>.block[data-type="all"]>.box>.img, .filter>.menu-filter>.block.type>.hidden>.show>div.all:after {
	background-image: var(--filter-type-all);
	width: 1rem;
}
.filter>.menu-filter>.block[data-type="lt"]>.box>.img, .filter>.menu-filter>.block.type>.hidden>.show>div.lt:after, .item-box>.item>.title>.type[data-type="lt"]:after {
	background-image: var(--filter-type-lt);
}
.filter>.menu-filter>.block[data-type="st"]>.box>.img, .filter>.menu-filter>.block.type>.hidden>.show>div.st:after, .item-box>.item>.title>.type[data-type="st"]:after {
	background-image: var(--filter-type-st);
}
.filter>.menu-filter>.block[data-type="tt"]>.box>.img, .filter>.menu-filter>.block.type>.hidden>.show>div.tt:after, .item-box>.item>.title>.type[data-type="tt"]:after {
	background-image: var(--filter-type-tt);
}
.filter>.menu-filter>.block[data-type="pt"]>.box>.img, .filter>.menu-filter>.block.type>.hidden>.show>div.pt:after, .item-box>.item>.title>.type[data-type="pt"]:after {
	background-image: var(--filter-type-pt);
}

.filter>.menu-filter>.block.level>.hidden>.show {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .7rem;
}
.filter>.search {}
.filter>.search>input {
    background: #232222;
    border: none;
    padding: .8rem 1rem;
    border-radius: .5rem;
    font-size: 1rem;
    color: #e3e3e3;
    transition: .3s;
    width: 20rem;
}
.filter>.search>input:focus, .filter>.search>input:hover {
    border: none;
    background: #2b2a2a;
}

.item-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding-top: 2rem;
}
.item-box>.item {
    position: relative;
    height: 16rem;
    background-image: url(/site/img/bg_item.png);
    background-color: #161616;
    border-radius: 1rem;
    padding: 1.5rem;
    transition: .3s;
}
.item-box>.item:hover {background-color: #1a1a1a;}
.item-box>.item>img {
    position: absolute;
    z-index: 0;
    right: 1rem;
    bottom: 1rem;
    width: 18rem;
}
.item-box>.item>.name {
    position: relative;
    z-index: 2;
    color: #dfdfdf;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.3rem;
}
.item-box>.item>.title {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    gap: .4rem;
    align-items: center;
    padding: .2rem 0rem .7rem 0rem;
}
.item-box>.item>.title>.flag {}
.item-box>.item>.title>.flag:after {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1rem;
	border-radius: .2rem;
	background-size: 100%;
}

.item-box>.item>.title>.type {}
.item-box>.item>.title>.type:after {
	content: "";
	display: block;
	width: .7rem;
	height: .9rem;
	border-radius: .2rem;
	background-size: contain;
	background-repeat: no-repeat;
}
.item-box>.item>.title>.type[data-type="pt"]:after {
	width: 1rem;
	height: .9rem;
}
.item-box>.item>.title>.level {
    color: #ffffff;
    font-weight: 500;
    font-size: 1.1rem;
}
.item-box>.item>.dope {
    position: relative;
    z-index: 2;
    display: flex;
    width: 60%;
    flex-wrap: wrap;
    gap: .2rem 0.5rem;
    color: #ffffffb3;
    padding: 0 0rem .5rem 0rem;
}
.item-box>.item>.dope>div {
    font-size: 1rem;
}
.item-box>.item>.cost-box {
    position: absolute;
    z-index: 2;
    bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}
.item-box>.item>.cost-box>.cost {position: relative;color: #fff;font-size: 1.3rem;width: max-content;cursor: default;font-weight: 600;}
.item-box>.item>.cost-box>.cost>.discaunt {
    position: absolute;
    color: #636363;
    text-decoration: line-through #636363;
    width: max-content;
    font-size: 1rem;
    right: -1.3rem;
    top: -1.2rem;
    font-weight: 300;
}
.item-box>.item>.cost-box>.quary {
    background: #232222;
    border: none;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    border-radius: 2rem;
    padding: .8rem 1.3rem;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: .3rem;
}
.item-box>.item>.cost-box>.quary.add {
	background: #f25322;
}
.item-box>.item>.cost-box>.quary:after {
	content: "";
	display: block;
	background-position: center;
	background-repeat: no-repeat;
}
.item-box>.item>.cost-box>.quary:after {
	width: 1rem;
	height: 1rem;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDcuMC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTgzLjEgMTM3LjRDMTcwLjYgMTI0LjkgMTUwLjMgMTI0LjkgMTM3LjggMTM3LjRDMTI1LjMgMTQ5LjkgMTI1LjMgMTcwLjIgMTM3LjggMTgyLjdMMjc1LjIgMzIwTDEzNy45IDQ1Ny40QzEyNS40IDQ2OS45IDEyNS40IDQ5MC4yIDEzNy45IDUwMi43QzE1MC40IDUxNS4yIDE3MC43IDUxNS4yIDE4My4yIDUwMi43TDMyMC41IDM2NS4zTDQ1Ny45IDUwMi42QzQ3MC40IDUxNS4xIDQ5MC43IDUxNS4xIDUwMy4yIDUwMi42QzUxNS43IDQ5MC4xIDUxNS43IDQ2OS44IDUwMy4yIDQ1Ny4zTDM2NS44IDMyMEw1MDMuMSAxODIuNkM1MTUuNiAxNzAuMSA1MTUuNiAxNDkuOCA1MDMuMSAxMzcuM0M0OTAuNiAxMjQuOCA0NzAuMyAxMjQuOCA0NTcuOCAxMzcuM0wzMjAuNSAyNzQuN0wxODMuMSAxMzcuNHoiLz48L3N2Zz4=);
	transform: rotate(45deg);
}
.item-box>.item>.cost-box>.quary.add:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03LjUgMThDOC4zMjg0MyAxOCA5IDE4LjY3MTYgOSAxOS41QzkgMjAuMzI4NCA4LjMyODQzIDIxIDcuNSAyMUM2LjY3MTU3IDIxIDYgMjAuMzI4NCA2IDE5LjVDNiAxOC42NzE2IDYuNjcxNTcgMTggNy41IDE4WiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPg0KPHBhdGggZD0iTTE2LjUgMTguMDAwMUMxNy4zMjg0IDE4LjAwMDEgMTggMTguNjcxNiAxOCAxOS41MDAxQzE4IDIwLjMyODUgMTcuMzI4NCAyMS4wMDAxIDE2LjUgMjEuMDAwMUMxNS42NzE2IDIxLjAwMDEgMTUgMjAuMzI4NSAxNSAxOS41MDAxQzE1IDE4LjY3MTYgMTUuNjcxNiAxOC4wMDAxIDE2LjUgMTguMDAwMVoiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCjxwYXRoIGQ9Ik0yIDNMMi4yNjEyMSAzLjA5MTg0QzMuNTYyOCAzLjU0OTQ1IDQuMjEzNiAzLjc3ODI2IDQuNTg1ODQgNC4zMjI5OEM0Ljk1ODA4IDQuODY3NzEgNC45NTgwOCA1LjU5MTI2IDQuOTU4MDggNy4wMzgzNlY5Ljc2QzQuOTU4MDggMTIuNzAxNiA1LjAyMTMyIDEzLjY3MjMgNS44ODc3MiAxNC41ODYyQzYuNzU0MTIgMTUuNSA4LjE0ODU3IDE1LjUgMTAuOTM3NSAxNS41SDEyTTE2LjI0MDQgMTUuNUMxNy44MDE0IDE1LjUgMTguNTgxOSAxNS41IDE5LjEzMzYgMTUuMDUwNEMxOS42ODUzIDE0LjYwMDggMTkuODQyOSAxMy44MzY0IDIwLjE1OCAxMi4zMDc1TDIwLjY1NzggOS44ODI3NUMyMS4wMDQ5IDguMTQzNjkgMjEuMTc4NCA3LjI3NDE3IDIwLjczNDUgNi42OTcwOEMyMC4yOTA2IDYuMTIgMTguNzczOCA2LjEyIDE3LjA4ODggNi4xMkgxMS4wMjM1TTQuOTU4MDggNi4xMkg3IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjwvc3ZnPg==);
	width: 1.3rem;
	height: 1.3rem;
	transform: none;
	background-size: 100%;
}
.item-box>.item>.cost-box>.quary:hover {
    transform: scale(1.05);
}
.item-box>.item>.discaunt {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    background: #f25322;
    padding: .4rem .4rem;
    color: #fff;
    font-weight: 600;
    border-radius: 0 1rem 0 0.5rem;
}

.item-box>.item.clear-list {grid-column: 1 / 3;height: max-content;background-image: none;text-align: center;padding: 1rem;color: #b93b3b;font-weight: 600;font-size: 1.1rem;}

.paginated {
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
    gap: .3rem;
}
.paginated>.page-link {
    width: 2.5rem;
    height: 2.5rem;
    background: #232222;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .5rem;
    font-size: 1.1rem;
    transition: .3s;
}
.paginated>.page-link:hover, .paginated>.page-link.active {
    background: #373737;
    color: #fff;
}
.paginated>.ellipsis {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #fff;
}

.seo-text {
    padding-top: 2rem;
}
.seo-text>h1 {
    font-size: 1.3rem;
    color: #dfdfdf;
}
.seo-text>.box {
    padding: 1rem;
    background: #141414;
    margin-top: 1rem;
    border-radius: 1rem;
    color: #dfdfdf;
}
.seo-text>.box>span {
    display: block;
    padding-bottom: .3rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.seo-text>.box>ul {padding-bottom: 1rem;}
.seo-text>.box>ul>li {
    list-style-type: disc;
    margin-left: 1.5rem;
    padding-bottom: .5rem;
}

footer {
    background: #232222;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}
footer>.box {
    width: 1150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0rem;
}
footer>.box>section {
    display: grid;
    gap: .3rem;
}
footer>.box>section>p {
    color: #dfdfdf;
    font-weight: 600;
}
footer>.box>section>a {
    color: #dfdfdf;
	transition: .3s;
}
footer>.box>section>a:hover {
    color: #f25322;
}
footer>.box>section>ul {
    display: flex;
    gap: 1rem;
}
footer>.box>section>ul>li>a {
    color: #dfdfdf;
    font-size: 1rem;
    font-weight: 600;
    transition: .3s;
}
footer>.box>section>ul>li>a:hover, footer>.box>section>ul>li>.active {
    color: #f25322;
}

.all-title {}
.all-title>h1 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #dfdfdf;
    text-transform: uppercase;
}

.reviews {
    padding-top: 1rem;
}
.reviews>.info {
    list-style-type: disc;
    color: #dfdfdf;
}
.reviews>.block {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding-top: 1rem;
}
.reviews>.block>.box {
    padding: 1rem;
    background: #141414;
    border-radius: 1rem;
    color: #dfdfdf;
}
.reviews>.block>.box>h2 {
    font-size: 1.1rem;
    padding-bottom: .5rem;
}

.guarantees {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding-top: 1rem;
}
.guarantees>.box {
    padding: 1.5rem;
    background: #141414;
    border-radius: 1rem;
    color: #dfdfdf;
}
.guarantees>.box>h2 {
    padding-bottom: .5rem;
    color: #ffffff;
}

.faq {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1rem;
	padding-top: 1rem;
	width: 60%;
}
.faq>.box {
	padding: 1.5rem;
    background: #141414;
    border-radius: 1rem;
    color: #dfdfdf;
}
.faq>.box>h2 {
	padding-bottom: .5rem;
	color: #f25322c4;
}

.support {}
.support>h2 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #dfdfdf;
    padding: 1rem 0rem 0 0rem;
}
.support>p {
    color: #dfdfdf;
}
.support>ul {
    display: flex;
    gap: 1rem;
    padding-top: 1rem;
}
.support>ul>li {}
.support>ul>li>a {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .8rem 1rem;
    background: #232222;
    border-radius: 1rem;
    color: #dfdfdf;
    width: max-content;
    transition: .3s;
}
.support>ul>li>a>svg {
    width: 1.5rem;
    height: 1.5rem;
}
.support>ul>li>a:hover {
    transform: scale(1.03);
    color: #f25322;
}

.basket {}
.basket>.promo {
    background: #141414;
    padding: 1rem;
    border-radius: 1rem;
    width: max-content;
    color: #fff;
    font-weight: 600;
}
.basket>.promo>p>span{
    color: #f25322;
    font-size: 1.1rem;
    font-weight: 600;
}
.basket>h1 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #dfdfdf;
    padding: 1rem 0rem 1.3rem 0rem;
}
.basket>h1>span {
    font-size: 1rem;
    font-weight: 300;
}
.basket>.box {
    display: flex;
    gap: 1rem;
}
.basket>.box>.left {
    width: 70%;
    display: grid;
    gap: 1rem;
    height: max-content;
}
.basket>.box>.left>.clear {}
.basket>.box>.left>.clear>a {
    display: flex;
    justify-content: center;
    gap: .3rem;
    background: #F25322;
    padding: .8rem 2.5rem;
    border-radius: .5rem;
    color: #fff;
    align-items: center;
    position: relative;
    font-weight: 600;
    transition: .3s;
    border: none;
    width: max-content;
    font-size: 1rem;
    text-transform: uppercase;
    cursor: pointer;
}
.basket>.box>.left>.clear>a:hover {
    transform: scale(1.03);
}
.basket>.box>.left>section {
    display: flex;
    background: #141414;
    padding: 1rem;
    border-radius: 1rem;
    align-items: center;
    position: relative;
}
.basket>.box>.left>section>img {
    width: 10rem;
    margin-right: 3rem;
}
.basket>.box>.left>section>.name {
    width: 22rem;
}
.basket>.box>.left>section>.name>a {
    padding-bottom: .6rem;
    display: block;
    width: max-content;
    color: #f25322;
    font-weight: 600;
    font-size: 1.1rem;
}
.basket>.box>.left>section>.name>a:hover {}
.basket>.box>.left>section>.name>.dope {position: relative;z-index: 2;display: flex;width: 90%;flex-wrap: wrap;gap: .2rem 0.5rem;color: #ffffffb3;font-weight: 300;}
.basket>.box>.left>section>.name>.dope>div {}
.basket>.box>.left>section>.cost {
    width: 6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.basket>.box>.left>section>.cost>span {
    position: relative;
    color: #fff;
    font-size: 1.3rem;
    cursor: default;
    font-weight: 600;
}
.basket>.box>.left>section>.cost>.discaunt {
    color: #636363;
    text-decoration: line-through #636363;
    width: max-content;
    font-size: 1rem;
    font-weight: 300;
}
.basket>.box>.left>section>.remove-basket {background: #232222;padding: .5rem;border-radius: .5rem;border: none;color: #d54040;cursor: pointer;transition: .3s;position: absolute;right: 1.5rem;}
.basket>.box>.left>section>.remove-basket>svg {
    width: 1.5rem;
    height: 1.5rem;
}
.basket>.box>.left>section>.remove-basket:hover {
    background: #2d2b2b;
    color: #e93c3c;
    transform: scale(1.03);
}
.basket>.box>.right {
    width: 30%;
    background: #141414;
    padding: 1.5rem;
    border-radius: 1rem;
}
.basket>.box>.right>h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #dfdfdf;
    padding-bottom: .5rem;
}
.basket>.box>.right>.info {
    padding: 0.5rem 0;
    display: grid;
    gap: .3rem;
}
.basket>.box>.right>.info>section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #cdcdcd;
}
.basket>.box>.right>.info>section>p {
    width: max-content;
    display: block;
    white-space: nowrap;
}
.basket>.box>.right>.info>section>span {
    border-bottom: 1px dashed #cdcdcd42;
    display: block;
    width: 100%;
    margin: 0 8px -11px 8px;
}
.basket>.box>.right>.info>section>p>span {}
.basket>.box>.right>.info>section>p>.discaunt-item {}
.basket>.box>.right>.info>section>p>.discaunt-item {}
.basket>.box>.right>.form-basket {
    display: grid;
    gap: .7rem;
    padding-top: 1rem;
}
.basket>.box>.right>.form-basket>.form-box {}
.basket>.box>.right>.form-basket>.form-box>lable {
    color: #cdcdcd;
    font-size: .9rem;
    padding-bottom: .2rem;
    display: block;
}
.basket>.box>.right>.form-basket>.form-box>.input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.basket>.box>.right>.form-basket>.form-box>.input>input {
    padding: .5rem;
    border-radius: .5rem;
    width: 100%;
    background: #232222;
    border: none;
    padding: .8rem 1rem;
    border-radius: .5rem;
    font-size: 1rem;
    color: #e3e3e3;
    transition: .3s;
}
.basket>.box>.right>.form-basket>.form-box>.input>input[name="promocode"] {
    background: #232222;
    border: none;
    padding: .8rem 1rem;
    border-radius: .5rem;
    font-size: 1rem;
    color: #e3e3e3;
    transition: .3s;
}
.basket>.box>.right>.form-basket>.form-box>.input>.promocode {
    background: #232222;
    padding: 0.8rem;
    border-radius: .5rem;
    border: none;
    color: #f25322;
    cursor: pointer;
    transition: .3s;
}
.basket>.box>.right>.form-basket>.form-box>.input>.promocode>svg {
    width: 1.3rem;
    height: 1.3rem;
}
.basket>.box>.right>.form-basket>.form-box>.input>.promocode:not([disabled]):hover {
    transform: scale(1.05);
}
.basket>.box>.right>.form-basket>.form-box>.input>.promocode[disabled] {
    color: rgb(53 52 52);
    cursor: default;
}
.basket>.box>.right>.form-basket>.checkbox {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
}
.basket>.box>.right>.form-basket>.checkbox>input {
    display: none;
}
.basket>.box>.right>.form-basket>.checkbox>input[type="checkbox"]:checked+label:before {
    background-size: 63%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLQodC70L7QuV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNlYzVlMjkiIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTdsLTYuMi02LjJDMCwxMC42LDAsMTAuMSwwLjMsOS43YzAsMCwwLDAsMCwwbDEuMS0xLjFjMC4zLTAuMywwLjgtMC4zLDEuMSwwbDMuOSwzLjlsMTEtMTEKCWMwLjMtMC4zLDAuOC0wLjMsMS4xLDBjMCwwLDAsMCwwLDBsMS4xLDEuMUMyMCwzLDIwLDMuNSwxOS43LDMuOGMwLDAsMCwwLDAsMEw2LjUsMTd6Ii8+Cjwvc3ZnPgo=);
    background-position-y: 5px;
    background-position-x: 5px;
}
.basket>.box>.right>.form-basket>.checkbox>input[type="checkbox"]+label:before {
    content: '';
    width: 23px;
    height: 23px;
    border-radius: 0.2rem;
    background-position: center;
    background-size: 75%;
    background-repeat: no-repeat;
    background-color: #232222;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.basket>.box>.right>.form-basket>.checkbox>label {
    padding-left: 2rem;
    position: relative;
}
.basket>.box>.right>.form-basket>.checkbox>label>.polsovat-title {
    color: #cdcdcd;
    font-size: .8rem;
    line-height: 1rem;
}
.basket>.box>.right>.form-basket>.checkbox>label>.polsovat-title>a {
    color: #f25322;
    transition: .3s;
}
.basket>.box>.right>.form-basket>.checkbox>label>.polsovat-title>a:hover{
    color: #af5d44;
}
.basket>.box>.right>.form-basket>.basket {
    border: none;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    border-radius: .5rem;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: .3rem;
    justify-content: center;
    height: 3rem;
    background: #f25322;
    margin-top: 1rem;
}
.basket>.box>.right>.form-basket>.basket[disabled] {
    background: #232222;
    color: #353434;
}
.basket>.box>.right>.form-basket>.basket:not([disabled]):hover {
	transform: scale(1.03);
}
.basket>.box>.right>.form-basket>.basket>svg {
    width: 5rem;
    color: #fff;
}
.logauth {
    padding: 1.5rem;
    background: #141414;
    border-radius: 1rem;
    color: #dfdfdf;
    width: 40%;
    margin-top: 1.5rem;
}
.logauth>h2 {
    font-weight: 400;
    font-size: 1.3rem;
}
.logauth>p {
    font-size: .9rem;
    padding-top: .2rem;
}
.logauth>.form-box {}
.logauth>.form-box>lable {
    color: #cdcdcd;
    font-size: .9rem;
    padding-bottom: .2rem;
    display: block;
    padding-top: 1.5rem;
}
.logauth>.form-box>.input {}
.logauth>.form-box>.input>input {
    background: #232222;
    border: none;
    padding: .8rem 1rem;
    border-radius: .5rem;
    font-size: 1rem;
    color: #e3e3e3;
    transition: .3s;
    width: 100%;
}
.logauth>.basket {
    border: none;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    border-radius: .5rem;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: .3rem;
    justify-content: center;
    height: 3rem;
    background: #f25322;
    margin-top: 1rem;
    padding: 1rem 1.5rem;
}
.logauth>.basket:hover {
	transform: scale(1.03);
}

.user {
    padding-top: 1rem;
}
.user>.email {
    display: flex;
    gap: .5rem;
    flex-direction: row;
    align-items: flex-start;
}
.user>.email>span {
    font-size: 1rem;
    font-weight: 600;
    color: #dfdfdf;
}
.user>.email>button {
    display: flex;
    justify-content: center;
    gap: .3rem;
    background: transparent;
    border-radius: 0.5rem;
    color: #dfdfdf;
    align-items: center;
    position: relative;
    font-weight: 500;
    transition: .3s;
    font-size: 1rem;
    border: none;
    cursor: pointer;
}
.user>.email>button:hover {
    transform: scale(1.05);
}
.user>.email>button>svg {
    width: 1rem;
    height: 1rem;
}
.user>.list-store {
    padding-top: 1rem;
}
.user>.list-store>h2 {
    color: #dfdfdf;
}
.user>.list-store>.box {
    padding-top: .3rem;
    display: flex;
    gap: .3rem;
    flex-direction: column;
}
.user>.list-store>.box>.top {
    display: flex;
    padding: 1rem;
    background: #1c1c1c;
    border-radius: 1rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: .3rem;
}
.user>.list-store>.box>.block {
    display: flex;
    padding: 1rem;
    background: #1c1c1c;
    border-radius: 1rem;
    font-weight: 400;
    color: #dfdfdf;
}
.user>.list-store>.box>.block:nth-child(even) {
    
	background: #161616;
}
.user>.list-store>.box>.top>div, .user>.list-store>.box>.block>div {
	display: flex;
	align-items: center;
}
.user>.list-store>.box>.top>.number, .user>.list-store>.box>.block>.number {
    width: 7%;
}
.user>.list-store>.box>.top>.date, .user>.list-store>.box>.block>.date {
    width: 13%;
    text-align: center;
}
.user>.list-store>.box>.top>.amount, .user>.list-store>.box>.block>.amount {
    width: 11%;
    text-align: center;
}
.user>.list-store>.box>.top>.code, .user>.list-store>.box>.block>.code {
    width: 22%;
}
.user>.list-store>.box>.top>.status, .user>.list-store>.box>.block>.status {
    width: 12%;
}
.user>.list-store>.box>.top>.item, .user>.list-store>.box>.block>.item {
    width: 28%;
}
.user>.list-store>.box>.top>.button, .user>.list-store>.box>.block>.button {
    width: 10%;
}
.user>.list-store>.box>.block>.item>a {
    color: #F25322;
    transition: .3s;
    display: block;
}
.user>.list-store>.box>.block>.item>a:hover {
    transform: scale(1.05);
}
.user>.list-store>.box>.block>.button>a {
    color: #F25322;
    transition: .3s;
    display: block;
}
.user>.list-store>.box>.block>.button>a:hover {
    transform: scale(1.05);
}
.user>.list-store>.box>.block.clear {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    flex-direction: column;
}
.user>.list-store>.box>.block.clear>span {
    color: #b93b3b;
}
.user>.list-store>.box>.block.clear>a {
	display: flex;
    justify-content: center;
    gap: .3rem;
    border-radius: .5rem;
    color: #fff;
    align-items: center;
    position: relative;
    font-weight: 600;
    transition: .3s;
    border: none;
    width: max-content;
    font-size: 1rem;
    cursor: pointer;
    padding-top: .5rem;
}

.store {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
}
.store>.slider-shop {
    width: calc(55% - 1rem);
}
.store>.slider-shop>.animated {
    overflow: hidden;
    width: 100%;
    position: relative;
    border-radius: 1rem;
}
.store>.slider-shop>.animated>.block {display: flex;width: 100%;overflow-x: hidden;overflow-y: hidden;border-radius: .5rem;box-shadow: 0 10px 50px rgb(35 34 34);height: 20rem;background: #141414;}
.store>.slider-shop>.animated>.block>.images {
   height: 100%;
   min-width: 100%;
   background-repeat: no-repeat;
   background-size: 100% auto;
   background-position: center;
}
.store>.slider-shop>.animated>.block>.images>img {
   max-width: max-content;
   height: 100%;
}
.store>.slider-shop>.animated>.btn-slider {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.store>.slider-shop>.animated>.btn-slider>.slider-button {
    background: #121212;
    border: none;
    border-radius: .3rem;
    color: #fff;
    cursor: pointer;
    transition: .3s;
    z-index: 3;
}
.store>.slider-shop>.animated>.btn-slider>.slider-button:hover {
    color: #f25322;
}
.store>.slider-shop>.animated>.btn-slider>.slider-button>svg {
    width: 3rem;
    height: 3rem;
    padding: .8rem;
}
.store>.slider-shop>.animated>.btn-slider>.slider-button.left>svg {
    transform: rotate(180deg);
}
.store>.slider-shop>.button {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    padding-top: 1rem;
}
.store>.slider-shop>.button>button {
    border-radius: .5rem;
    border: 2px solid transparent;
    background: transparent;
    overflow: hidden;
    transition: .3s;
    cursor: pointer;
    filter: brightness(0.7);
}
.store>.slider-shop>.button>button>img {
    width: 100%;
}
.store>.slider-shop>.button>button>img {
    width: 100%;
}
.store>.slider-shop>.button>button.active, .store>.slider-shop>.button>button:hover {
    border: 2px solid #f25322;
    filter: brightness(1);
}
.store>.info {
    width: calc(45% - 1rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: max-content;
}
.store>.info>.top {}
.store>.info>.top>.nav {
    font-size: .9rem;
    color: #dfdfdf;
    display: flex;
    gap: .2rem;
}
.store>.info>.top>.nav>a {
    color: #dfdfdf;
    transition: .3s;
}
.store>.info>.top>.nav>a:nth-last-child(1) {
    color: #f25322;
}
.store>.info>.top>.nav>a:nth-last-child(n+2):hover {
    color: #fff;
}
.store>.info>.top>.nav>span {}
.store>.info>.top>h1 {
    font-size: 1.5rem;
    color: #fff;
    padding-top: .6rem;
}
.store>.info>.top>.title {
    color: #ffffffb3;
    padding-bottom: 1rem;
    font-size: .9rem;
    padding-top: .2rem;
}
.store>.info>.top>.bonuse {}
.store>.info>.top>.bonuse>ul {
    background: #141414;
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    gap: .3rem;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    width: 60%;
    margin-top: 2rem;
}
.store>.info>.top>.bonuse>ul>li {
    color: #ffffffb3;
    font-weight: 300;
    width: max-content;
}
.store>.info>.top>.bonuse>ul>p {
    color: #cdcdcd;
    font-weight: 600;
    padding-bottom: .2rem;
    width: 100%;
    position: absolute;
    top: -1.5rem;
    left: 0;
}
.store>.info>.footer {padding-top: 2.5rem;}
.store>.info>.footer>.cost {
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.store>.info>.footer>.cost>.discount {color: #636363;text-decoration: line-through #636363;width: max-content;font-size: 1rem;font-weight: 300;}
.store>.info>.footer>.cost>.old {
    position: relative;
    color: #fff;
    font-size: 1.8rem;
    width: max-content;
    cursor: default;
    font-weight: 800;
}
.store>.info>.footer>.button {
    padding-top: 1rem;
    display: flex;
    gap: 1rem;
}
.store>.info>.footer>.button>.payer {
    background: #f25322;
    border: none;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    border-radius: .5rem;
    padding: 0 1.8rem;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: .3rem;
    height: 3.2rem;
}
.store>.info>.footer>.button>.payer:hover {
    transform: scale(1.05);
}
.store>.info>.footer>.button>.quary {
    background: #232222;
    border: none;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    border-radius: .5rem;
    padding: 0 1.8rem;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: .3rem;
    height: 3.2rem;
}
.store>.info>.footer>.button>.quary:hover {
    transform: scale(1.05);
}
.store>.info>.footer>.button>.quary.add {
    background: #f25322;
}
.store>.info>.footer>.button>.quary:after {
	content: "";
	display: block;
	background-position: center;
	background-repeat: no-repeat;
}
.store>.info>.footer>.button>.quary:after {
	width: 1rem;
	height: 1rem;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDcuMC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTgzLjEgMTM3LjRDMTcwLjYgMTI0LjkgMTUwLjMgMTI0LjkgMTM3LjggMTM3LjRDMTI1LjMgMTQ5LjkgMTI1LjMgMTcwLjIgMTM3LjggMTgyLjdMMjc1LjIgMzIwTDEzNy45IDQ1Ny40QzEyNS40IDQ2OS45IDEyNS40IDQ5MC4yIDEzNy45IDUwMi43QzE1MC40IDUxNS4yIDE3MC43IDUxNS4yIDE4My4yIDUwMi43TDMyMC41IDM2NS4zTDQ1Ny45IDUwMi42QzQ3MC40IDUxNS4xIDQ5MC43IDUxNS4xIDUwMy4yIDUwMi42QzUxNS43IDQ5MC4xIDUxNS43IDQ2OS44IDUwMy4yIDQ1Ny4zTDM2NS44IDMyMEw1MDMuMSAxODIuNkM1MTUuNiAxNzAuMSA1MTUuNiAxNDkuOCA1MDMuMSAxMzcuM0M0OTAuNiAxMjQuOCA0NzAuMyAxMjQuOCA0NTcuOCAxMzcuM0wzMjAuNSAyNzQuN0wxODMuMSAxMzcuNHoiLz48L3N2Zz4=);
	transform: rotate(45deg);
}
.store>.info>.footer>.button>.quary.add:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03LjUgMThDOC4zMjg0MyAxOCA5IDE4LjY3MTYgOSAxOS41QzkgMjAuMzI4NCA4LjMyODQzIDIxIDcuNSAyMUM2LjY3MTU3IDIxIDYgMjAuMzI4NCA2IDE5LjVDNiAxOC42NzE2IDYuNjcxNTcgMTggNy41IDE4WiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPg0KPHBhdGggZD0iTTE2LjUgMTguMDAwMUMxNy4zMjg0IDE4LjAwMDEgMTggMTguNjcxNiAxOCAxOS41MDAxQzE4IDIwLjMyODUgMTcuMzI4NCAyMS4wMDAxIDE2LjUgMjEuMDAwMUMxNS42NzE2IDIxLjAwMDEgMTUgMjAuMzI4NSAxNSAxOS41MDAxQzE1IDE4LjY3MTYgMTUuNjcxNiAxOC4wMDAxIDE2LjUgMTguMDAwMVoiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCjxwYXRoIGQ9Ik0yIDNMMi4yNjEyMSAzLjA5MTg0QzMuNTYyOCAzLjU0OTQ1IDQuMjEzNiAzLjc3ODI2IDQuNTg1ODQgNC4zMjI5OEM0Ljk1ODA4IDQuODY3NzEgNC45NTgwOCA1LjU5MTI2IDQuOTU4MDggNy4wMzgzNlY5Ljc2QzQuOTU4MDggMTIuNzAxNiA1LjAyMTMyIDEzLjY3MjMgNS44ODc3MiAxNC41ODYyQzYuNzU0MTIgMTUuNSA4LjE0ODU3IDE1LjUgMTAuOTM3NSAxNS41SDEyTTE2LjI0MDQgMTUuNUMxNy44MDE0IDE1LjUgMTguNTgxOSAxNS41IDE5LjEzMzYgMTUuMDUwNEMxOS42ODUzIDE0LjYwMDggMTkuODQyOSAxMy44MzY0IDIwLjE1OCAxMi4zMDc1TDIwLjY1NzggOS44ODI3NUMyMS4wMDQ5IDguMTQzNjkgMjEuMTc4NCA3LjI3NDE3IDIwLjczNDUgNi42OTcwOEMyMC4yOTA2IDYuMTIgMTguNzczOCA2LjEyIDE3LjA4ODggNi4xMkgxMS4wMjM1TTQuOTU4MDggNi4xMkg3IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjwvc3ZnPg==);
	width: 1.3rem;
	height: 1.3rem;
	transform: none;
	background-size: 100%;
}
.store>.description {
    width: calc(45% - 1rem);
    position: relative;
    background: #141414;
    border-radius: 1rem;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    height: max-content;
    color: #cdcdcd;
    display: grid;
    gap: .3rem;
}
.store>.description.all {
    width: 100%;
}
.store>.description>h2 {
    color: #cdcdcd;
    font-weight: 600;
    padding-bottom: .5rem;
    width: 100%;
    font-size: 1.3rem;
}
.store>.description>h2>span {
    color: #f25322;
}
.store>.description>p {
	padding-bottom: .3rem;
}
.store>.description>ul {
	display: flex;
    flex-direction: column;
    gap: .3rem;
    padding: .5rem 0;
}
.store>.description>ul>li {
    list-style-type: disc;
    margin-left: 1.5rem;
}

.store>.specifications {
    width: calc(55% - 1rem);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}
.store>.specifications>.box {
    background: #141414;
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    height: max-content;
}
.store>.specifications>.box>h3 {
    padding-bottom: .8rem;
    color: #cdcdcd;
    font-weight: 300;
    font-size: 1.1rem;
}
.store>.specifications>.box>div {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #cdcdcd1f;
    color: #cdcdcd;
    padding-bottom: .2rem;
}
.store>.specifications>.box>div:nth-last-child(1) {
	border-bottom: 1px dashed transparent;
}
.store>.specifications>.box>div>span {
    font-size: .9rem;
}


.modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #0f0f0fc2;
    backdrop-filter: blur(5px);
}
.modal.hide {display: none;}
.modal>.closed-modal {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.modal>.overlow {
    position: relative;
    margin: 0 auto;
    width: 30rem;
    top: 5rem;
    background: #141414;
    padding: 1.5rem;
    border-radius: 1rem;
    z-index: 2;
    box-shadow: 0 10px 50px rgb(0 0 0);
	transform: translateY(-200%);
	animation: modal .5s forwards;
}
@keyframes modal {
	0% {transform: translateY(-200%);}
	100% {transform: translateY(0%);}
}
.modal>.overlow.show {
    transform: translateY(0%);
	animation: modalclodes .5s forwards;
}
@keyframes modalclodes {
	0% {transform: translateY(0%);}
	100% {transform: translateY(-200%);}
}
.modal>.overlow>.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px dashed #cdcdcd1f;
}
.modal>.overlow>.top>h1 {
    font-size: 1.3rem;
    color: #dfdfdf;
}
.modal>.overlow>.top>.closed-modal {
    background: #0c0c0c;
    border: none;
    border-radius: .3rem;
    color: #dfdfdf;
    transition: .3s;
    padding: .5rem;
    cursor: pointer;
}
.modal>.overlow>.top>.closed-modal>svg {
    width: 1.3rem;
    height: 1.3rem;
}
.modal>.overlow>.top>.closed-modal:hover {
    transform: scale(1.03);
}
.modal>.overlow>.body>p {
    color: #dfdfdf;
    font-size: 1rem;
    padding-bottom: 1rem;
}
.modal>.overlow>.body>.form-box {}
.modal>.overlow>.body>.form-box>lable {
    color: #cdcdcd;
    font-size: .9rem;
    padding-bottom: .2rem;
    display: block;
}
.modal>.overlow>.body>.form-box>.input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.modal>.overlow>.body>.form-box>.input>input {
    width: 100%;
    background: #232222;
    border: none;
    padding: .8rem 1rem;
    border-radius: .5rem;
    font-size: 1rem;
    color: #e3e3e3;
    transition: .3s;
}
.modal>.overlow>.body>.checkbox {
    display: flex;
    gap: 0.5rem;
    padding-top: 1rem;
}
.modal>.overlow>.body>.checkbox>input {
    display: none;
}
.modal>.overlow>.body>.checkbox>input[type="checkbox"]:checked+label:before {
    background-size: 63%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLQodC70L7QuV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNlYzVlMjkiIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTdsLTYuMi02LjJDMCwxMC42LDAsMTAuMSwwLjMsOS43YzAsMCwwLDAsMCwwbDEuMS0xLjFjMC4zLTAuMywwLjgtMC4zLDEuMSwwbDMuOSwzLjlsMTEtMTEKCWMwLjMtMC4zLDAuOC0wLjMsMS4xLDBjMCwwLDAsMCwwLDBsMS4xLDEuMUMyMCwzLDIwLDMuNSwxOS43LDMuOGMwLDAsMCwwLDAsMEw2LjUsMTd6Ii8+Cjwvc3ZnPgo=);
    background-position-y: 5px;
    background-position-x: 5px;
}
.modal>.overlow>.body>.checkbox>input[type="checkbox"]+label:before {
    content: '';
    width: 23px;
    height: 23px;
    border-radius: 0.2rem;
    background-position: center;
    background-size: 75%;
    background-repeat: no-repeat;
    background-color: #232222;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.modal>.overlow>.body>.checkbox>label {
    padding-left: 2rem;
    position: relative;
}
.modal>.overlow>.body>.checkbox>label>.polsovat-title {
    color: #cdcdcd;
    font-size: .9rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    gap: .3rem;
}
.modal>.overlow>.body>.checkbox>label>.polsovat-title>img {
   
width: 2rem;
}
.modal>.overlow>.body>.cost {
    color: #fff;
    font-size: 1rem;
    padding-top: .5rem;
    padding-bottom: 0;
    margin-top: 2rem;
    border-top: 1px dashed #cdcdcd1f;
}
.modal>.overlow>.body>.cost>span {
    font-size: 1.3rem;
    font-weight: 600;
}
.modal>.overlow>.body>button {
    border: none;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    border-radius: .5rem;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: .3rem;
    justify-content: center;
    height: 3rem;
    background: #f25322;
    margin-top: 1rem;
    width: 100%;
}
.modal>.overlow>.body>button:not([disabled]):hover {
    transform: scale(1.02);
}
.modal>.overlow>.body>button[disabled] {
    background: #232222;
    color: #353434;
    cursor: no-drop;
}
.modal>.overlow>.body>button>svg {
    width: 5rem;
    color: #fff;
}

.modal>.overlow>.body>.win-box {}
.modal>.overlow>.body>.win-box>.name {
    color: #fff;
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
}
.modal>.overlow>.body>.win-box>.name>span {
    text-transform: uppercase;
}
.modal>.overlow>.body>.win-box>.item {
    width: 10rem;
    margin: 1rem auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #232222;
    border-radius: 1rem;
}
.modal>.overlow>.body>.win-box>.item>span {
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
}
.modal>.overlow>.body>.win-box>.item>img {
    width: 11rem;
}
.modal>.overlow>.body>.win-box>p {
    text-align: center;
    color: #dfdfdf;
    padding-bottom: .5rem;
}
.modal>.overlow>.body>.win-box>p>span {
    color: #F25322;
}
.activated {
    width: 40%;
    margin: 0 auto;
    background: #141414;
    padding: 1.5rem;
    border-radius: 1rem;
}
.activated>h1 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #dfdfdf;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 1rem;
}
.activated>.form {
    display: flex;
    flex-direction: column;
}
.activated>.form>[name="code"] {
    background: #080808;
    border: none;
    padding: .8rem 1rem;
    border-radius: .5rem;
    font-size: 1rem;
    color: #e3e3e3;
    transition: .3s;
    text-align: center;
    font-weight: 500;
}
.activated>.form>[name="code"][disabled] {
    color: #e3e3e345;
}
.activated>.form>.hidden {
    display: flex;
    flex-direction: column;
}
.activated>.form>.hidden>lable {
    color: #cdcdcd;
    font-size: .9rem;
    padding-bottom: .5rem;
    display: block;
}
.activated>.form>.hidden>lable>a {
    color: #F25322;
}
.activated>.form>.hidden>input {
    background: #080808;
    border: none;
    padding: .8rem 1rem;
    border-radius: .5rem;
    font-size: 1rem;
    color: #e3e3e3;
    transition: .3s;
    text-align: center;
    font-weight: 500;
}
.activated>.form>button {
    border: none;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    border-radius: .5rem;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: .3rem;
    justify-content: center;
    height: 3rem;
    background: #f25322;
    margin-top: 1rem;
}
.activated>.form>button:not([disabled]):hover {
	transform: scale(1.02);
}
.activated>.form>button[disabled] {
    background: #232222;
    color: #353434;
}
.activated>.form>.code-activated-email.act {
    background: #232222;
    color: #f25322;
	cursor: progress;
}
.activated>.form>button>svg {
    width: 1.5rem;
    height: 1.5rem;
}
.activated>.form>.status {
    text-align: center;
    color: #dfdfdf;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-top: .5rem;
}
.activated>.form>.status>svg {
    width: 3rem;
    height: 3rem;
}


.notifi {
    position: fixed;
    top: 1rem;
    right: .5rem;
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    z-index: 10;
    align-items: flex-end;
}
.notifi .message {
    width: max-content;
    height: 3rem;
    display: flex;
    padding: 0.5rem 1.5rem 0.5rem 0.8rem;
    box-sizing: border-box;
    font-weight: 400;
    border-radius: .2rem;
    background: #262625;
    color: #ffffff;
    text-align: center;
    filter: drop-shadow(0px 0px 7px #000);
    transform:skewX(-22deg);
    align-items: center;
}
.notifi .message.error {
    #F94141
    color: #fe3f3f;
    border-left: 4px solid;
    color: #e53232;
}
.notifi .message.succes {
    
color: #33985C;
    
border-left: 7px solid;
}

.notifi .message.open {
    transform: translateX(200%);
    animation: messageani .5s forwards;
    cursor: pointer;
}
.notifi .message>p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4rem;
}
@keyframes messageani {
	0% {transform: translateX(200%);}
	80% {transform: skewX(-22deg);}
	100% {transform: translateX(0) skewX(0);}
}

.notifi .message.reload {
    transform: translateX(0);
	animation: messageanim .5s forwards;
}
@keyframes messageanim {
	0% {transform: translateX(0);}
	100% {transform: translateX(200%);}
}


.win {
    position: relative;
    width: 70%;
    margin: 0 auto;
    background: #232222;
    margin-top: 2rem;
    border-radius: 1rem;
    border: 2px solid #474646;
    overflow: hidden;
}
.win::after {
    content: '';
    border: solid transparent;
    position: absolute;
    left: 50%;
    border-bottom-color: #474646;
    border-width: 8px;
    margin-left: -8px;
    bottom: 0px;
    z-index: 2;
}
.win::before {
    content: '';
    border: solid transparent;
    position: absolute;
    left: 50%;
    border-bottom-color: #474646;
    border-width: 8px;
    margin-left: -8px;
    transform: rotate(180deg);
    top: 0px;
    z-index: 2;
}
.win>.roulette {
    display: flex;
    transition: transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* will-change: transform; */
}
.win>.roulette>.item {
	width: 150px;
	height: 150px;
	text-align: center;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}
.win>.roulette>.item>.name {
    color: #dfdfdf;
    font-size: .9rem;
    width: 100%;
    padding: 0 0.7rem;
    position: absolute;
    top: 1rem;
}
.win>.roulette>.item>.name>span {
    display: block;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    /* white-space: nowrap; */
    max-width: 100%;
}
.win>.roulette>.item>.images {
    position: relative;
    top: 1rem;
}
.win>.roulette>.item>.images>img {
    height: 6rem;
}
.win>.roulette>.item.fixin {
    background-color: #121212;
}
.win>.roulette>.item>.images.bonuse::after {
	content: "";
	position: absolute;
	background-image: url(/site/img/dope-shop.png);
	width: 3.5rem;
	height: 2.7rem;
	background-size: 100%;
	bottom: 1rem;
	right: 1.3rem;
}

.menu-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: #101010;
    transform: translateX(-120%);
}
.menu-mobile>ul {
    display: grid;
    gap: 1rem;
    width: 95%;
    margin: 0 auto;
}
.menu-mobile>ul>li {}
.menu-mobile>ul>li>a {
    font-size: 1.2rem;
    font-weight: 600;
    color: #dfdfdf;
    text-transform: uppercase;
    display: block;
    background: #232222;
    padding: .8rem 1.5rem;
    border-radius: 2rem;
    width: max-content;
    transition: .3s;
}
.menu-mobile>ul>li>a:hover {
    transform: scale(1.03);
    color: #fff;
}

.menu-mobile>.top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0rem 3rem 0rem;
    width: 95%;
    margin: 0 auto;
}
.menu-mobile>.top>.logo {
    font-weight: 800;
}
.menu-mobile>.top>.logo>span {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #F25322;
}
.menu-mobile>.top>.logo>span:first-child {
    color: #FFFFFF;
    transition: .3s;
}
.menu-mobile>.top>.other-menu {
    display: flex;
    gap: .5rem;
}
.menu-mobile>.top>.other-menu>li {}
.menu-mobile>.top>.other-menu>li>a {
    padding: .8rem .8rem;
    display: flex;
    justify-content: center;
    gap: .3rem;
    background: #232222;
    border-radius: 2.5rem;
    color: #fff;
    align-items: center;
    position: relative;
    font-weight: 500;
    transition: .3s;
}
.menu-mobile>.top>.other-menu>li>a:hover {}
.menu-mobile>.top>.other-menu>li>a>svg {
    width: 1.3rem;
    height: 1.3rem;
}
.menu-mobile>.top>.other-menu>li>a>span {
    background: #f25322;
    font-size: .7rem;
    padding: .2rem .4rem;
    position: absolute;
    top: -0.5rem;
    right: 0;
    font-weight: 600;
    border-radius: 1rem;
}


.menu-mobile>.top>.menu-closed {
    width: 2.2rem;
    height: 2.2rem;
    background: transparent;
    border: none;
    color: #dfdfdf;
    transition: .3s;
}
.menu-mobile>.top>.menu-closed>svg {
    width: 1.7rem;
    height: 1.7rem;
}
.menu-mobile>.top>.menu-closed:hover {
    transform: scale(1.05);
}
.menu-mobile.open {
	transform: translateX(-120%);
	animation: show_animated_mobile .5s forwards;
}
@keyframes show_animated_mobile {
	0% {transform: translateX(-120%);}
	100% {transform: translateX(0);}
}
.menu-mobile.open.hide {
	transform: translateX(0);
	animation: show_animated_mobile_closed .5s forwards;
}
@keyframes show_animated_mobile_closed {
	0% {transform: translateX(0);}
	100% {transform: translateX(-120%);}
}

.agreement {
    width: 80%;
    padding-top: 1rem;
}
.agreement>.box {
    padding: 1rem 0;
    border-radius: 1rem;
    color: #dfdfdf;
}
.agreement>.box>h2 {
    padding-bottom: .5rem;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
}
.agreement>.box>ol {}
.agreement>.box>ol>li {
    padding-bottom: .3rem;
    font-size: .9rem;
}


@media (min-width: 1023px) and (max-width: 1025px) {
	.center, footer>.box {
		width: 970px;
	}
	.store>.description, .store>.specifications {
		width: 100%;
	}
	.basket>.box>.left>section>.name {
		width: 11rem;
	}
	.basket>.box>.right {
		width: 40%;
	}
}
@media (min-width: 701px) and (max-width: 1023px) {
	.center {
		width: 95%;
	}
	.center>.header>.menu {
		display: none;
	}
	.center>.header>ul>li>a {
		padding: .8rem .8rem;
	}
	.center>.header>ul>li>a>p {
		display: none;
	}
	.center>.header>.menu-open {
		display: block;
	}
	.center>.header {
		padding: 1rem 0rem 2rem 0rem;
	}
	.menu-catalog {
		flex-direction: column;
	}
	.menu-catalog {
		flex-direction: column;
	}
	.menu-catalog>.title {
		text-align: center;
		padding-bottom: 1rem;
	}
	.menu-catalog>ul {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.filter {
        flex-direction: column;
        gap: 1rem;
        width: 80%;
        margin: 0 auto;
    }
	.filter>.search, .filter>.search>input {
		width: 100%;
	}
	.filter>.menu-filter>.block.level>.hidden {
		right: 0;
	}
	.item-box {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		width: 80%;
        margin: 0 auto;
	}
	footer>.box {
		width: 95%;
	}
	
	.store>.info  {
		width: 100%;
		order: 1;
	}
	.store>.description {
		width: 100%;
		order: 3;
	}
	.store>.specifications {
		width: 100%;
		order: 4;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.store>.slider-shop {
		width: 100%;
		order: 2;
	}
	.store>.info>.top>.bonuse>ul {
		width: 100%;
		gap: 1rem;
	}
	.paginated {
		width: 80%;
		margin: 0 auto;
	}
	.slider>.block-slide>.slide>.title {
		height: 100%;
		padding: 1rem 0rem 1rem 1rem;
		gap: 1rem;
	}
	.user>.list-store>.box>.top, .user>.list-store>.box>.block>.number {
		display: none;
	}
	.user>.list-store>.box {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem;
	}
	.user>.list-store>.box>.block>.date,
	.user>.list-store>.box>.block>.amount,
	.user>.list-store>.box>.block>.code,
	.user>.list-store>.box>.block>.status,
	.user>.list-store>.box>.block>.item,
	.user>.list-store>.box>.block>.button {
		width: 100%;
		text-align: left;
	}
	.user>.list-store>.box>.block {
		flex-direction: column;
		gap: .4rem;
	}
	.logauth {
		width: 60%;
	}
	.basket>.box>.left {
		width: 49%;
	}
	.basket>.box>.right {
		width: 49%;
		height: max-content;
	}
	.basket>.box>.left>section {
		width: 100%;
		flex-direction: column;
	}
	.basket>.box>.left>section>img {
		margin-right: 0;
	}
	.basket>.box>.left>section>.name {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.basket>.box>.left>section>.name>.dope {
		justify-content: center;
	}
	.basket>.box>.left>section>.cost
	 {
		width: max-content;
		align-items: flex-end;
		flex-direction: row;
		gap: .3rem;
		padding-top: 1rem;
	}
	.basket>.box>.left>section>.remove-basket {
		right: 1rem;
	}
	.menu-mobile {
		width: 75%;
	}
	.menu-mobile>.top>.logo, .menu-mobile>.top>.other-menu {
		display: none;
	}
	.activated {
		width: 80%;
	}
	.win {
		width: 80%;
	}

}
@media screen and (max-width: 700px){
	.center {
		width: 95%;
	}
	.center>.header>.menu {
		display: none;
	}
	.center>.header>ul>li>a {
		padding: .8rem .8rem;
	}
	.center>.header>ul>li>a>p {
		display: none;
	}
	.center>.header>.menu-open {
		display: block;
	}
	.center>.header {
		padding: 1rem 0rem 2rem 0rem;
	}
	.menu-catalog {
		flex-direction: column;
	}
	.menu-catalog>.title {
		text-align: center;
		padding-bottom: 1rem;
	}
	.menu-catalog>ul {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.slider>.block-slide>.slide>img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.slider>.block-slide {
		height: 14rem;
	}
	.slider>.block-slide>.slide>.title {
		width: 95%;
		text-align: center;
		display: flex;
		margin: 0 auto;
		gap: 1rem;
		padding: 1rem;
		align-items: flex-start;
		height: 100%;
		justify-content: center;
	}
	.slider>.block-slide>.slide>.title>.name {
		font-size: 1.4rem;
		text-align: left;
		text-shadow: 1px 1px 2px #101010;
	}
	.slider>.btn-slide {
		right: 0.5rem;
		bottom: 0.5rem;
	}
	.filter {
		flex-direction: column;
		gap: 1rem;
	}
	.filter>.search, .filter>.search>input {
		width: 100%;
	}
	.filter>.menu-filter>.block.level>.hidden {
		right: 0;
	}
	.item-box {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.item-box>.item>img {
		right: 0rem;
		bottom: 1rem;
		top: 4rem;
        width: 12rem;
	}
	.item-box>.item>.dope {
		width: 75%;
	}
	.item-box>.item>.dope>div {
		font-size: .9rem;
	}
	footer>.box {
		width: 95%;
		display: flex;
		flex-direction: column-reverse;
	}
	footer>.box>section {
		width: 100%;
		text-align: center;
		padding-top: 1rem;
		justify-content: center;
	}
	.support>ul {
		flex-direction: column;
	}
	.faq {
		width: 100%;
	}
	.guarantees {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.all-title>h1 {
		font-size: 1.2rem;
		text-align: center;
	}
	.reviews>.block {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.logauth, .logauth>.basket {
		width: 100%;
	}
	.user>.email {
		flex-direction: column;
		align-items: center;
	}
	.user>.list-store>.box>.top {
		display: none;
	}
	.basket {
		width: 100%;
	}
	.basket>.promo {
		width: 100%;
		text-align: center;
	}
	.basket>.box>.left, .basket>.box>.right {
		width: 100%;
	}
	.basket>.box {
		flex-direction: column;
	}
	.basket>.box>.left>section {
		flex-direction: column;
	}
	.basket>.box>.left>section>img {
		margin-right: 0;
	}
	.basket>.box>.left>section>.name>a {
		width: 100%;
		text-align: center;
	}
	.basket>.box>.left>section>.name>.dope {
		justify-content: center;
	}
	.basket>.box>.left>section>.cost {
        width: 100%;
        justify-content: center;
        padding-top: 1rem;
        flex-direction: row;
        align-items: flex-start;
		gap: .5rem;
    }
	.basket>.box>.left>section>.cost>span {
		font-size: 1.5rem;
	}
	.basket>.box>.left>section>.remove-basket {
		right: 1rem;
	}
	.store>.info  {
		width: 100%;
		order: 1;
	}
	.store>.description {
		width: 100%;
		order: 3;
	}
	.store>.specifications {
		width: 100%;
		order: 4;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.store>.slider-shop {
		width: 100%;
		order: 2;
	}
	.store>.info>.footer>.button>.payer, .store>.info>.footer>.button>.quary {
		width: 100%;
		justify-content: center;
	}
	.modal>.overlow {
		width: 100%;
		height: 100%;
		top: 0;
		border-radius: 0;
	}
	.activated {
		width: 100%;
	}
	.win {
		width: 100%;
	}
	.store>.info>.top>.bonuse>ul {
		width: 80%;
	}
	
	
	.user>.list-store>.box>.block>.number {
		display: none;
	}
	.user>.list-store>.box>.block {
		flex-direction: column;
		gap: .4rem;
	}
	.user>.list-store>.box>.block>.date,
	.user>.list-store>.box>.block>.amount,
	.user>.list-store>.box>.block>.code,
	.user>.list-store>.box>.block>.status,
	.user>.list-store>.box>.block>.item,
	.user>.list-store>.box>.block>.button {
		width: 100%;
		text-align: left;
	}
	.user>.list-store>.box>.block>.button>a {
		background: #f25322;
		border: none;
		font-size: 1rem;
		color: #fff;
		font-weight: 600;
		border-radius: 2rem;
		padding: .8rem 1.3rem;
		cursor: pointer;
		transition: .3s;
		display: flex;
		align-items: center;
		gap: .3rem;
		width: 100%;
		justify-content: center;
		margin-top: .5rem;
	}
	.agreement {
		width: 100%;
	}
	
}