@import url('nullstyle.css');


@font-face {
   font-family: 'Mariupol Symbols';
   src: url('MariupolSymbols.eot');
   src: local('Mariupol Symbols'), local('MariupolSymbols'),
      url('MariupolSymbols.eot?#iefix') format('embedded-opentype'),
      url('MariupolSymbols.woff2') format('woff2'),
      url('MariupolSymbols.woff') format('woff'),
      url('MariupolSymbols.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Mariupol';
   src: url('Mariupol-Medium.eot');
   src: local('Mariupol Medium'), local('Mariupol-Medium'),
      url('Mariupol-Medium.eot?#iefix') format('embedded-opentype'),
      url('Mariupol-Medium.woff2') format('woff2'),
      url('Mariupol-Medium.woff') format('woff'),
      url('Mariupol-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'Mariupol';
   src: url('Mariupol-Regular.eot');
   src: local('Mariupol'), local('Mariupol-Regular'),
      url('Mariupol-Regular.eot?#iefix') format('embedded-opentype'),
      url('Mariupol-Regular.woff2') format('woff2'),
      url('Mariupol-Regular.woff') format('woff'),
      url('Mariupol-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Mariupol';
   src: url('Mariupol-Bold.eot');
   src: local('Mariupol Bold'), local('Mariupol-Bold'),
      url('Mariupol-Bold.eot?#iefix') format('embedded-opentype'),
      url('Mariupol-Bold.woff2') format('woff2'),
      url('Mariupol-Bold.woff') format('woff'),
      url('Mariupol-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .7);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 1);
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .2);
}

html {
   scroll-behavior: smooth;
   font-size: 1vw;
}

body{
   font-family: 'Mariupol';
   font-weight: 400;
   background-color: #fff;
}

a{
   text-decoration: none;
   color: inherit;
}

.container{
   max-width: 100rem;
   margin: 0 auto;
   padding: 0 0.9375rem;
   width: 100%;
}


/*?header*/

.header {}

.header__content {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 1.5625rem;
   margin-bottom: 1.4375rem;
   max-width: 87.5rem;
   margin-left: 6.25rem;
}

.header__burger {
}

.menu__btn{
   width: 30px; 
   height: 18px;
   z-index: 50;
   position: relative; 
   cursor: pointer;
}


.menu__btn span,
.menu__btn::before,
.menu__btn::after {
   left: 0;
   position: absolute;
   height: 2px;
   width: 100%;
   transition: all 0.3s ease 0s;
   background-color: #000;
   border-radius: 0.625rem;
}

.menu__btn::before,
.menu__btn::after {
   content: "";
}

.menu__btn::before {
   top: 0;
}

.menu__btn::after {
   bottom: 0;
}

.menu__btn span {
   top: 50%;
   transform: scale(1) translate(0rem, -50%);
}

.menu__btn:hover span,
.menu__btn:hover::before,
.menu__btn:hover::after {
   background-color: #404040;
}

.menu__btn.active:hover::after,
.menu__btn.active:hover::before {
   background-color: #404040;
}
   

.header__menu-nav {
   width: 28.6875rem;
   height: 55rem;
   position: absolute;
   background-color: #fff;
   z-index: 30;
   padding-top: 6.25rem;
   padding-left: 6.25rem;
   top: 0;
   left: 0;
   left: 10.625rem;
   transform: translate(-200%, 0rem);
   transition: all 0.3s ease;
}


.header__menu-nav.active {
   transform: translate(0rem, 0rem);
   left: 0;
}

.menu__btn.active span {
   transform: scale(0);
}

.menu__btn.active::before {
   top: 50%;
   transform: rotate(-45deg) translate(0rem, -50%);
}

.menu__btn.active::after {
   bottom: 50%;
   transform: rotate(45deg) translate(0rem, 50%);
}

.menu__list {}

.menu__list-item {
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.0375rem;
   margin-bottom: 1.25rem;
}


.menu__list hr{
   width: 16.1875rem;
   height: 0.0625rem;
   background: #878787;
   margin-bottom: 1.25rem;
}

.menu__list-link {}

.menu__phone {
   margin-bottom: 0.625rem;
   color: #000;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   width: 8.25rem;
}

.menu__icons {}

.icon-menu {}

.icon__img {
   width: 2.25rem;
   height: 2.25rem;
}

.menu__logo{
   display: flex;
   align-items: center;
   margin-left: 4.8125rem;
   margin-top: 21.875rem;
}

.menu__logo img{
   max-width: 6.5625rem;
}
.header__logo img{
   width: 10.3125rem;
}

.header__button {
   display: flex;
   justify-self: flex-end;
   gap: 1.5625rem;
}

.button__heart svg{
   width: 1.375rem;
   height: 1.375rem;
}

.button__user svg{
   width: 1.25rem;
   height: 1.25rem;
}

.header__busket svg{
   width: 1.25rem;
   height: 1.25rem;
}
.cart-widget{
   position: relative;
}

.header__busket span{
   position: absolute;
   color: #fff;
   top: -0.313rem;
   right: -0.313rem;
   z-index: 5;
   padding: 0.125rem;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #000;
   transition: all .3s ease;
   font-size: 0.625rem;
   width: 0.875rem; 
   height: 0.875rem;
}

.header__busket:hover span{
   background-color: #404040;
}

.header__line {
   height: 0.0625rem;
   background-color: #000;
}


/*?main*/

// .wrapper{
//    position: relative;
//    min-height: 100%;
// }

// .footer{
//    position: absolute;
//    left: 0;
//    bottom: 0;
//    width: 100%;
// }


.cart-items{
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
}

.row-grid-item{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1.25rem;
   margin-bottom: 5rem;
   width: 85rem;
}

.row-grid-item-flex{
   display: flex;
   flex-direction: column;
   margin: 0 auto;
}

.cell-3:not(.cell-3.row.flex-middle.item-info){
   width: 27.5rem;
}

.item__info-flex{
   display: flex;
   flex-direction: column;
   gap: 1rem;
   justify-content: start;
}


.item-info-inner{
   margin-bottom: 1rem;
}

.item-quantity.text-center{
   display: flex;
   position: relative;
   width: 6rem;
}

.item-quantity.text-center input{
   border-radius: 0;
   background: #fff;
   width: 6rem;
   height: 2rem;
   color: #000;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   border: 0.063rem solid #DFDFDF;
   padding-left: 2.6rem;
   padding-right: 2.063rem;
}

.cart-plus-btn{
   position: absolute;
   right: 0.625rem;
   z-index: 4;
}
.cart-minus-btn{
   position: absolute;
   left: 0.625rem;
   z-index: 4;
}

.cart__container{
   max-width: 75rem;
   margin: 0 auto;
   margin-bottom: 5rem;
}

.cart__min-container{
   display: flex;
   justify-content: space-between;
}

.item-option_name{
   font-size: 0.875rem;
   margin-top: 0.625rem;
}

.flex-middle.cart-footer{
   width: 26rem;
   margin: 0;
}

.discounts-wrap.row.flex-between input{
   border-radius: 0;
   background: #fff;
   width: 10rem;
   height: 2.75rem;
   padding: 1.25rem 0rem 1rem 1.0625rem;
   color: #000;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   border: 0.063rem solid #000;
}

.cell-2.item-image img{
   width: 11.25rem;
}

.cart_sidebar-total_label,
.cart_sidebar-total{
   font-size: 0.75rem;
}

.discounts-wrap.row.flex-between input::placeholder{
   font-size: 1rem;
   color: #959595;
   padding: 0;
}

.cart-item{
   display: flex;
   gap: 1.25rem;
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.375rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.041rem;
}


.breadcrumb{
   display: flex;
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 0.75rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.041rem;
   gap: 1rem;
}

.breadcrumb-link.current-page{
   font-weight: 700;
}

.cart-top.js-count-words-1 h1{
   margin-bottom: 1.25rem;
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: -0.041rem;
   padding-bottom: 1rem;
   padding-top: 2rem;
   text-transform: uppercase;
}



.discounts-wrap.row.flex-between{
   display: flex;
   align-items: center;
   gap: 1rem;
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.375rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.041rem;
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
}


.discounts-submit.bttn-transparent.is-discounts.js-discounts-submit{
   background-color: #fff;
   border: 0.03rem solid #000;
   display: flex;
   width: 13.125rem;
   height: 2.75rem;
   padding: 1.25rem 4.0625rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   flex-shrink: 0;
   color: #000;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   white-space: nowrap;
   transition: all 0.3s ease 0s;
}

// .discounts-submit.bttn-transparent.is-discounts.js-discounts-submit:hover{
//    background: #1F1F1F;
//    color: #fff;
// }

.item-delete.text-center{
   width: 3.063rem;
   height: 1rem;
   background-color: #fff;
   color: #959595;
}

.item-delete.text-center span{
   padding-bottom: 0.1rem;
   border-bottom: 0.063rem solid #959595;
}

.cart-summ.text-right{
   display: flex;
   gap: 1rem;
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.375rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.041rem;
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
}

.cart-submit.bttn-second.in-cart{
   background-color: #000;
   display: flex;
   width: 100%;
   height: 2.75rem;
   padding: 1.25rem 4.0625rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   flex-shrink: 0;
   color: #FFF;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   white-space: nowrap;
   transition: all 0.3s ease 0s;
   margin-bottom: 1.25rem;
}

.cart-item-hr{
   width: 100%;
   margin-top: 0.625rem;
   margin-bottom: 0.625rem;
   height: 0.03rem;
   background-color: #959595;
}

.cart-submit.bttn-second.in-cart:hover{
   background: #1F1F1F;
}



.collection-title{
   margin: 2.25rem 0;
   font-size: 1.75rem;
}

.full__card-content {
   display: flex;
   flex-direction: column;
   margin-bottom: 11.25rem;
   margin-top: 0.0625rem;
}

.full__card-top {
   display: flex;
   margin-left: 6.25rem;
}

.full__card {
   display: flex;
}

.full__card-left {
   display: flex;
   gap: 1.875rem;
   margin-right: 2.8125rem;
}

.swiper-1 {
   width: 100%;
   width: 7.875rem;
   max-height: 44.0625rem;
   margin-top: 0.3125rem;
   margin-bottom: 0.3125rem;
}

.swiper__slide-1 {
   text-align: center;
   font-size: 1.125rem;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 10.3125rem !important;
   margin-bottom: 0.9375rem;
}

.swiper-2 {
   width: 38.6875rem;
}

.swiper-pagination-counter {
	position: absolute;
	left: 1.25rem;
	bottom: 1.25rem;
	font-size: 1rem;
	font-weight: 400;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: flex-start;
   z-index: 5;
   padding: 0.4rem 1rem;
   background-color: rgba(255, 255, 255, 0.5);
   border-radius: 1.25rem;
}

.check__video-scroll{
   display: flex;
   position: absolute;
   bottom: 1.25rem;
   right: 1.25rem;
   z-index: 5;
   gap: 0.625rem;
   justify-content: center;
   align-items: center;
   padding: 0.4rem 1rem;
   background-color: rgba(255, 255, 255, 0.5);
   border-radius: 1.25rem;
   font-size: 1rem;
   cursor: pointer;
   transition: all .3s ease;
}

.disc-text{
   font-size: 0.9rem;
}

.disable__vpn-block{
   background-color: yellow;
   text-align: center;
   padding: 0.625rem;
   margin-bottom: 1rem;
}


.disable-vpn{
   font-size: 1rem;
   margin-bottom: 0.625rem;
}

.disable-vpn-1{
   font-size: 0.7rem;
}

.check__video-scroll:hover{
   background-color: rgba(255, 255, 255, 0.9);
}

.check__video-icon{
   height: 1.25rem;
}

.swiper__slide-2 {
   width: 38.6875rem;
   height: 48.75rem;
}

.left__demo{
   position: relative;
}

.slider__next-min{
   position: absolute;
   top: 50%;
   right: 0;
   transform: rotate(180deg);
   z-index: 5;
}

.slider__prev-min {
   position: absolute;
   top: 50%;
   left: 0;
   z-index: 5;
}

.slider__next-min img,
.slider__prev-min img {
   width: 2.5rem;
   height: 2.5rem;
   cursor: pointer;
}

.swiper__slide-2 img {
   width: 38.6875rem;
   height: 48.75rem;
   object-fit: cover;
}

.swiper__img-1 {
   width: 100%;
}

.swiper-slide-thumb-active .swiper__img {
   border: 0.0625rem solid #000;
   padding: 0.3125rem;
}

.swiper__slide-1 {}


.swiper__slide-1 img {
   display: block;
   width: 7.875rem;
   object-fit: cover;
   cursor: pointer;
   height: 10rem;
}

.slider__prev, 
.slider__next {
   cursor: pointer;
   max-width: 1.875rem;
   margin: 0 auto;
}

.full__card-right {
   margin-top: 2.5625rem;
}

.full__titile {
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 2.25rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.0675rem;
   margin-bottom: 0.625rem;
}

.full__titile span {
   text-transform: uppercase;
}

.full__price {
   display: flex;
   gap: 1.25rem;
   align-items: center;
   margin-bottom: 1.125rem;
}

.price__old {
   color: #626262;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.875rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: -0.0563rem;
   text-decoration-line: line-through;
}

.price__new {
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 2.5rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: -0.075rem;
}

.doly-popup-link{
   width: 14rem;
   height: 3rem;
   margin-bottom: 1.5625rem;
}

.full__button {
   margin-bottom: 1.5625rem;
}

.full__button{}

.doly__btn {
   width: 14rem;
   height: 3rem;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
   border: 0.0625rem solid #404040;
   border-radius: 0.3125rem;
   gap: 0.3125rem;
}

.doly__img{
   width: 3.75rem;
}

.doly__btn p{
   font-size: 0.8125rem;
   color: #000;
   font-family: Mariupol;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

.doly__img-arrow{
   width: 1rem;
   transform: rotate(180deg);
}

.full__choise {
   // display: flex;
   margin-bottom: 1.5625rem;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
}

.choise__item {
}

.choise__img {
   width: 5.75rem;
   padding: 0.4375rem;
   cursor: pointer;
}

.choise__img.active {
   border: 0.0625rem solid #404040;
}


.full__size {
   margin-bottom: 2.5625rem;
}

.full__size p{
   color: #000;
   font-family: Mariupol;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 0.625rem;
}

.option-values{
   margin-top: 0.625rem;
   margin-bottom: 0.9375rem;
}

.option-values button{
   cursor: pointer;
   color: #000;
   font-family: Mariupol;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   //max-width: 5rem;
   height: 2.25rem;
   border: 0.0625rem solid #000;
   background-color: #fff;
   margin-right: 0.625rem;
   padding: 0 0.625rem;
}

.option-values button.is-active{
   background-color: #404040;
   color: #fff;
}
.option-values button.is-disabled{
   background-color: #d0d2db;
   color: #000;
   opacity: 0.25;
   cursor: default;
}

.option-label{
   color: #000;
   font-family: Mariupol;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 0.625rem;
}

.full__size a{
   color: #626262;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-decoration-line: underline;

}

.product-short_description{
   margin-bottom: 1.25rem;
}

.size__flex {
   display: flex;
   gap: 0.625rem;
   margin-bottom: 0.9375rem;
}

.size__item {
   cursor: pointer;
   color: #000;
   font-family: Mariupol;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   width: 2.25rem;
   height: 2.25rem;
   border: 0.0625rem solid #000;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
}

.size__item.active {
   background-color: #404040;
   color: #fff;
}

.full__btns {
   display: flex;
   gap: 2.0625rem;
   margin-bottom: 1.25rem;
}

.button__counter,
.product-quantity {
   width: 8.5625rem;
   height: 2.75rem;
   border: 0.0625rem solid #DFDFDF;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #404040;
   text-align: center;
   font-family: Mariupol;
   font-size: 1.375rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}

.net-v-nal{
   width: 12rem;
   height: 2.75rem;
   border: 0.0625rem solid #DFDFDF;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #404040;
   text-align: center;
   font-family: Mariupol;
   font-size: 1.375rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}
.net-v-nal-1{
   display: flex;
   align-items: center;
   justify-content: center;
   color: #404040;
   text-align: center;
   font-family: Mariupol;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   width: 9.375rem;
}

.button__counter input{
   width: 1.5625rem;
   height: 2.75rem;
   background-color: inherit;
   text-align: center;
   font-size: 1.25rem;
   padding-left: 0;
}

.button__counter span {
   margin-right: 1.2rem;
   margin-left: 1.2rem;
}

.counter__btn {
   background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
}

.counter__btn img{
   width: 1.0625rem;
   height: 2.3rem;
}

.add__btn {
   background-color: #000;
   display: flex;
   width: 13.125rem;
   height: 2.75rem;
   padding: 1.25rem 4.0625rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   flex-shrink: 0;
   color: #FFF;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   white-space: nowrap;
   transition: all 0.3s ease 0s;
}

.add__btn:hover:not(.go-btn) {
   background: #1F1F1F;
}

a {
   transition: all .3s ease;
}

a:hover {
   color: #626262;
}

a svg:hover #icon-1,
a svg:hover #icon-2,
a svg:hover #icon-3{
   stroke: #404040;
}


a svg:hover #icon-4,
a svg:hover #icon-5,
a svg:hover #icon-6{
   fill: #404040;
}




a svg #icon-1,
a svg #icon-2,
a svg #icon-3,
a svg #icon-4,
a svg #icon-5,
a svg #icon-6,
a svg #icon-7,
a svg #card__heaart{
   transition: all .3s ease;
}

.icon-7{
   width: 1.75rem;
   height: 1.75rem;
}

.icon-7.active path{
   stroke: #BA1616;
}



.full__card-like svg{
   cursor: pointer;
}

.full__card-like{
   margin-top: 2.75rem;
   margin-left: 5.875rem;
}


/*?------------------*/


.full__card-bottom {
   display: flex;
   margin-left: 16rem;
   margin-top: 2rem;
}

.bottom__left {
   margin-right: 2.8125rem;
}

.bottom__video {
   width: 38.6875rem;
   height: 48.75rem;
   object-fit: cover;
   display: none;
}

.bottom__video iframe{
   width: 38.6875rem;
   height: 48.75rem;
   object-fit: cover;
}

.left__video{
   position: relative;
   height: auto;
   width: 38.688rem;
}





.video__play {
   width: 5rem;
   height: 5rem;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   cursor: pointer;
   transition: all 0.3s ease;
}

.date-20231109 {
   width: 38.6875rem !important;
   height: 48.75rem !important;
   object-fit: cover !important;
}

.left__video:hover .video__play {
   transform: translate(-50%, -50%) scale(1.3);
}

.left__video.active .bottom__video {
   display: block;
}

.left__video.active .video__prev {
   display: none;
}

.video__prev,
.not-video__prev{
   width: 38.6875rem;
   height: 48.75rem;
   object-fit: cover;
}

.left__video.active .video__play {
   display: none;
}


.bottom__right {
   width: 23.75rem;
}



.accordion {}

.accordion__item {
   /* margin-bottom: 1rem; */
}

.accordion__item-show {}

.accordion__header {
   border-top: 0.0625rem solid #878787;
   position: relative;
   cursor: pointer;
}

.accordion__item:last-child{
   border-bottom: 0.0625rem solid #878787;
}

.accordion__header p{
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.0338rem;
   text-transform: uppercase;
   padding-top: 0.9375rem;
   padding-bottom: 1rem;
}


.accordion__header img{
   position: absolute;
   right: 0;
   top: 1rem;
   transition: all .3s ease;
   width: 1rem;
}


.accordion__body {

}

.co-button, .picker-button{
   background-color: #000 !important;
}
.accordion__body p {
   color: #000;
   font-family: Mariupol !important;
   font-size: 1rem !important;
   font-style: normal;
   font-weight: 400;
   max-width: 23.6875rem;
   padding-bottom: 1rem;
   line-height: 1.2 !important;
}
.accordion__body span {
   color: #000;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   max-width: 23.6875rem;
   padding-bottom: 1rem;
   line-height: 1.2 !important;
}

.accordion__item:not(.accordion__item-show) .accordion__body {
   display: none;
}

.accordion__header.accordion__item-show img {
   transform: rotate(180deg);
}


/* ?recommended */


.recommend__content {
   margin-left: 6.25rem;
   position: relative;
   margin: 0 auto;
   margin-bottom: 2.5rem;
}

.recommend__top {
   display: flex;
   justify-content: space-between;
   margin-left: 5.313rem;
   margin-bottom: 2.5rem;
   align-items: center;
   width: 87.5rem;
}

.recommend__top h2{
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 3.125rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: -0.0938rem;
   text-transform: uppercase;
}
.recommend__top a {
   color: #404040;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.0338rem;
   text-decoration-line: underline;
}

.recommend__slider {
}

.swiper__wrapper-3{
   display: flex;
   gap: 2.5rem;
   justify-content: space-between;
   margin-bottom: 1rem !important;
}

.swiper-3,
.swiper-4 {
   width: 90rem;
   overflow: hidden;
   margin-left: 5.313rem !important;
}

.swiper__slide-3 {
   width: 27.5rem !important;

}

.slide__card {
   width: 27.5rem;
   position: relative;
}

.card__heart{
   position: absolute;
   top: 1.375rem;
   right: 1.25rem;
   cursor: pointer;
   width: 1.75rem;
   height: 1.75rem;
}

.card__heart.active path{
   stroke: #BA1616;
}

.slide__card-img {
   margin-bottom: 1.5625rem;
   width: 27.5rem;
   height: 37.5rem;
   object-fit: cover;
   user-select: none;
}

.slide__card-desc {}

.slide__card-desc p {
   color: #000;
   text-align: center;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.0375rem;
   margin-bottom: 0.9375rem;
}

.slide__card-desc p span {
   text-transform: uppercase;
}

.slide__card-price {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
}

.slide__card-price p:not(.recommend__not-price) {
   color: #000;
   text-align: center;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: -0.0375rem;
}

.recommend__not-price{
   color: #000;
   text-align: center;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.0375rem;
}

.slide__card-price .old-price {
   color: #626262;
   text-align: center;
   font-family: Mariupol;
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: -0.0375rem;
   text-decoration: line-through;
}

.slider__prev-arrow,
.slider__next-arrow {
   width: 3.125rem;
   height: 3.125rem;
   position: absolute;
   z-index: 20;
   cursor: pointer;
}

.arrow__right,
.arrow__left{
   width: 3.125rem;
   height: 3.125rem;
}
.arrow__right circle,
.arrow__left circle{
   width: 3.125rem;
   height: 3.125rem;
}


.arrow-top,
.arrow-bot{
   width: 1.875rem;
}


.slider__prev-arrow {
   left: 3.6rem;
   top: 50%;
   transform: translateY(-50%);
}

.slider__next-arrow {
   right: 3.6rem;
   top: 50%;
   transform: translateY(-50%);
}

.arrow__right circle,
.arrow__left circle {
   transition: all 0.3s ease;
}

.arrow__right:hover circle,
.arrow__left:hover circle{
   fill: #868686;
}


/*?gotop*/


.gotop__content {
   margin-bottom: 6.25rem;
}

.gotop__hr {
   height: 0.0625rem;
   background-color: #000;
}



.gotop__flex {
   margin-top: 0.625rem;
   margin-bottom: 0.625rem;
   padding-right: 1.25rem;
}

.gotop__flex a {
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.03rem;
   text-transform: uppercase;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   cursor: pointer;
}


.gotop__flex:hover > a > img{
   transform: scale(1.5);
   padding-bottom: 0.3125rem;
}

.gotop__flex a:hover{
   color: #626262;
}

.gotop__flex img {
   width: 1.25rem;
   height: 1.25rem;
   transition: all 0.3s ease;
   cursor: pointer;
}


/*?footer*/


.footer {
}


.footer__content {
   width: 87.5rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-left: 5.313rem;
}

.footer__left a:hover p {
   color: #626262;
}

.footer__contacts,
.footer__pay,
.footer__change,
.footer__lk {
   color: #404040;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.0262rem;
   margin-bottom: 1.25rem;
   white-space: nowrap;
}


.footer__pay {}

.footer__change {}

.footer__lk {}

.footer__mid {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding-right: 1.25rem;
}

.footer__logo {
   width: 7.3125rem;
   margin-bottom: 1.25rem;
}

.footer__copy {
   margin-bottom: 0.625rem;
   color: #959595;
   text-align: center;
   font-family: Mariupol;
   font-size: 0.75rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   white-space: nowrap;
}

.footer__policy {
   color: #959595;
   text-align: center;
   font-family: Mariupol;
   font-size: 0.75rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-decoration: underline;
   white-space: nowrap;
}

.footer__right {
   width: 6.9375rem;  
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

.footer__icon-tg {}

.footer__icon-inst {}

.footer__icon-wapp {}

.form-white-button{
   margin-left: 0 !important;
   margin-bottom: 0.625rem;
   margin-top: 0.625rem;
}

.accordion-body-hide{
   display: none;
}

.accordion-body-hide.visible{
   display: block;
}
.form-white-button.remove{
   display: none;
}

/* ?popup ------------------------------------------------------------------------- */
.popup,
.table-popup {
   position: fixed;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.8);
   top: 0;
   left: 0;
   z-index: 50;
   opacity: 0;
   visibility: hidden;
   overflow-y: auto;
   overflow-x: hidden;
   transition: all 0.5s ease 0s;
   pointer-events: none;
   backdrop-filter: blur(5px);
}


.popup.open {
   opacity: 1;
   visibility: visible;
   pointer-events: initial;
}

.popup.open .popup__content {
   scale: 1;
   opacity: 1;
}

.popup__body {
   min-height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 3.125rem, 3.125rem;
   transition: all 0.5s ease 0s;
}

.popup__content {
   background-color: #fff;
   width: 69.125rem;
   height: 41.4375rem;
   position: relative;
   transition: all 0.5s ease 0s;
   opacity: 0;
   padding: 3.125rem;
   scale: 0;
}


.popup__content-table{
   width: 25rem;
   padding: 3.125rem 0;
}

.table-size-image{
   width: 25rem;
}

.popup__content-table p{
   width: 25rem;
}

.popup__content-table{
   background-color: inherit;
}

.popup__close-icon {
   position: absolute;
   right: 1.25rem;
   width: 1.875rem;
   transition: all 0.3s ease;
}

.popup__close-icon-table
{
   position: absolute;
   right: 0.2rem;
   top: 3rem;
   width: 1.875rem;
   height: 1.875rem;
   transition: all 0.3s ease;
}

.popup__close svg path {
   fill: #fff;
}

.popup__close-icon:hover {
   cursor: pointer;
   transform: scale(1.1) rotate(180deg);
}

.popup__content-main {
   margin: 0rem 3.125rem;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   gap: 6.25rem;
}

.popup__logo {
   width: 17.25rem;
}

.popup__right {
   display: flex;
   flex-direction: column;
}

.popup__desc {
   color: #FFF;
   font-size: 1.5625rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   width: 32.6875rem;
   margin-bottom: 1.875rem;
}

.popup__form {
   display: flex;
   flex-direction: column;
   gap: 2.8125rem;
   margin-bottom: 4.6875rem;
}

form {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

input {
   border-radius: 1.25rem;
   background: #D9D9D9;
   width: 32.6875rem;
   height: 4.1875rem;
   padding: 1.25rem 0rem 1rem 1.0625rem;
   color: #000;
   font-size: 1.5625rem;
   font-style: normal;
   font-weight: 400;
}

input::-moz-placeholder {
   color: #000;
   font-size: 1.5625rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

input::placeholder {
   color: #000;
   font-size: 1.5625rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

.popup__link {
   width: 18.4375rem;
   height: 4.6875rem;
   display: flex;
   margin: 0 auto;
}

.popup__btn {
   width: 18.4375rem;
   height: 4.6875rem;
   color: #000;
   text-align: center;
   font-size: 1.75rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   border-radius: 3.75rem;
   border: 0.1875rem solid #FFF;
   background: #FFF;
   box-shadow: 0.1875rem 0.1875rem 4.375rem 0rem #D500E9;
   transition: all 0.3s ease;
}

.popup__btn:hover {
   box-shadow: 0.1875rem 0.1875rem 5.625rem 0rem #D500E9;
}



/*?0main page */

.recommend__top-main{
   justify-content: start;
}
.recommend__top-main h2{
   cursor: pointer;
}

.recommend__top-main h2:nth-child(2){
   margin-left: 5.625rem;
}

.recommend__top-main a{
   margin-left: auto;   
}

.recommend__top-main-active.active{
   // border-bottom: 0.1875rem solid #000;
   padding-top: 0.375rem;
   padding-bottom: 0.1875rem;
}

.recommend__slider-new{
   display: none;
}
.recommend__slider-new.visible{
   display: block;
}



.top__main-slider {
   margin-bottom: 10.625rem;
}

.swiper-slide {
   position: relative;
}

.swiper__slide-main {}

.swiper__slide-main video {
   width: 100rem;
   height: 49.688rem;
   object-fit: cover;
}

.swiper__main-abs {
   width: 34.75rem;
   position: absolute;
   bottom: 4.125rem;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   flex-direction: column;
   align-items: center;
}

.swiper__main-abs p {
   color: #DFDFDF;
   text-align: center;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: -0.0375rem;
   text-transform: uppercase;
   margin-bottom: 1.6875rem;
}

.swiper__main-abs h2 {
   color: #DFDFDF;
   text-align: center;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 8.75rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: -0.2625rem;
   text-transform: uppercase;
   margin-bottom: 2.9375rem;
}

.swiper__link-btn {
   display: block;
   width: 13.125rem;
}

.swiper__btn {
   color: #FFF;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   display: flex;
   width: 100%;
   height: 2.75rem;
   padding: 1.25rem 4.0625rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   flex-shrink: 0;
   background-color: #000;
   white-space: nowrap;
}
.main__slider-prev{
   position: absolute;
   top: 26.25rem;
   left: 4.9375rem;
   width: 1.25rem;
   height: 2.5rem;
   z-index: 5;
   cursor: pointer;
}
.main__slider-next{
   position: absolute;
   top: 26.25rem;
   right: 4.9375rem;
   width: 1.25rem;
   height: 2.5rem;
   z-index: 5;
   cursor: pointer;
}


.recommend__content-main{
   margin-bottom: 11.25rem;
}


.preview__content {
   margin-bottom: 11.25rem;
}

.preview__block {
   display: flex;
}

.preview__block img{
   max-width: 100%;
   height: auto;
   width: 60rem;
}

.preview__block p{
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.875rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: -0.0563rem;
   text-transform: uppercase;
   position: absolute;
   top: 2rem; 
   right: 6.25rem;
}

.preview__block h2{
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 3.75rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: -0.1125rem;
   text-transform: uppercase;
   width: 27.5rem;
   transform: rotate(-90deg);
   position: absolute;
   top: 34.375rem;
   left: -3.75rem;
}

.preview__block-left-right{
   position: relative;
}
.preview__block-left-right img{
   width: 50rem;
   height: 55rem;
   object-fit: cover;
}
.review-picture{
   width: 20rem !important;
   background-color: #fff !important;
   border-radius: 0 !important;
   padding: 0;
   font-size: 0.75rem;
}
.rev-i{
   margin-bottom: 1rem;
}
.review-header{
   margin-top: 0.625rem;
}


.bloger__text {
   margin-bottom: 11.25rem;
   display: flex;
   justify-content: space-between;
}

.bloger__text img{
   width: 30rem;
   height: 100%;
   object-fit: cover;
}


.bloger__bottom p,
.bloger__top p {
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font: 1em sans-serif;
   font-size: 27.5rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: -0.9375rem;
   text-transform: uppercase;
}

.bloger__bottom img,
.bloger__top img{
   height: 20.625rem;
   width: 47.1875rem;
}

.bloger__bottom img{
   width: 49.1875rem;
}

.bloger__top {
   display: flex;
   height: 20.625rem;
   align-items: center;
   justify-content: center;
   margin-bottom: 1.25rem;
}

.bloger__bottom {
   display: flex;
   height: 20.625rem;
   align-items: center;
   justify-content: center;
   margin-bottom: 11.25rem;
}

.bloger__info {
   width: 59.9375rem;
   margin-left: auto;
}

.bloger__info p{
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 2.5rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.3;
   letter-spacing: -0.075rem;
   text-transform: uppercase;
   margin-bottom: 0.8125rem;
}

.main__bot-slider {
   margin-bottom: 1.875rem;
}

.vid__slide-desc{
   padding: 0.625rem;
   
}

.swiper-slide {
   position: relative;
   z-index: 4;
}

.main__bot-swiper{
   position: relative;
}

.main__bot-slide img{
   width: 33.3125rem;
   height: 44.9375rem;
   filter: brightness(40%)
}

.main__bot-slide p{
   color: #fff;
   text-align: center;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 2.5rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: -0.075rem;
   text-transform: uppercase;
   position: absolute;
   z-index: 5;
   //bottom: 3.125rem;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   white-space: nowrap; 
}

.main-bot__slider-prev,
.main-bot__slider-next{
   position: relative;
   cursor: pointer;
}

.main-bot__slider-prev{
   bottom: 21.875rem;
   left: 2rem;
   width: 1.375rem;
   z-index: 5;
}
.main-bot__slider-next{
   bottom: 24.7rem;
   left: 97rem;
   width: 1.375rem;
   z-index: 5;
}


.product-cart{
   display: none;
}

.product-cart.visible{
   display: block;
}

.full__btns.remove{
   display: none;
}

.product-cart a{
   width: 13.125rem;
}

.go-btn{
   color: #000;
   background-color: #fff;
   border: 0.063rem solid #000;
   margin-left: 10.625rem;
}



.co-button, .picker-button{
   background-color: #000 !important;
}



/*?0main page */



/* !media */


.full__flex-mob-color p,
.recommend__min-content,
.logo-mobile,
.swiper__pagination-2,
.swiper__main-min,
.main__bot-min-content{
   display: none;
}

/*PAGE*/

.page__container{}

.form-label{
   color: #000;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   line-height: 0%;
   
}

.form-row.is-required.cell-12 textarea{
   height: 3.5rem;
}

.form-field.text-field.inpt{
   width: 21.875rem;
   background-color: #fff;
   border-radius: 0;
   border: 0.063rem solid #626262;
   margin-top: 0.625rem;
   margin-bottom: 0.625rem;
   padding: 0.625rem;
   height: 2rem;
   font-size: 1rem;
}

.form-field.text-field.inpt input::placeholder{
   font-size: 1rem;
}

.form-field.text-field.inpt input::placeholder{
   font-size: 1rem;
}
.form-field.text-field.is-captcha{
   width: 21.875rem;
   background-color: #fff;
   border-radius: 0;
   border: 0.063rem solid #626262;
   margin-top: 0.625rem;
   margin-bottom: 0.625rem;
   padding: 0.625rem;
   height: 1.875rem;
}
.form-field.text-field.is-captcha::placeholder{
   font-size: 1rem;
}
.captcha-image{
   margin-top: 0.625rem;
}


.star-rating{
   margin-top: 0.625rem;
   display: flex;
   width: 21.875rem;
   flex-direction: row-reverse;
   margin-bottom: 0.625rem;
   justify-content: start;
   gap: 0.2rem;
}

.star-rating-wrapper {
  *zoom: 1;
}

.star-rating-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.star-rating:after {
  content: "";
  display: table;
  clear: both;
}

.star-rating .star-radio {
  display: none;
}

.star-rating .star-radio:hover ~ .star-label:after,
.star-rating .star-radio:checked ~ .star-label:after {
  content: '★';
}

.star-rating .star-radio:hover ~ .star-label:after {
  color:  #000 !important;
}

.star-rating .star-radio:checked ~ .star-label:after {
  color: #000;
}

.notice.notice-error.editor.js-review-notice{
   font-size: 1rem;
   margin-bottom: 0.625rem;
   padding: 0.625rem;
   background-color: #FFA500;
   color: #fff;
}

.notice.notice-success{
   font-size: 1rem;
   margin-bottom: 0.625rem;
   padding: 0.625rem;
   background-color: #228B22;
   color: #fff;
}

.notice.notice-error.editor.js-review-notice li{
   margin-top: 0.2rem;
}

.checkbox-field:checked + .filter-checkbox:after {
  opacity: 1;
}

.star-rating .star-label {
  cursor: pointer;
  float: right;
  font-size: 1.4rem;
}

.star-rating .star-label:after {
  color: #959595;
  content: '★';
  display: inline-block;
  font-family: "FontAwesome";
}

.star-rating .star-label:hover:after {
  color: #000;
}

.star-rating .star-label:hover ~ .star-label:after {
  color: #000 !important;
}

.star-rating .star-label.active ~ .star-label:after,
.star-rating .star-label.active:after {
  content: '★';
}

.form.row.row-padded.flex-top.js-review-wrapper{
   padding-bottom: 1rem;
   // border-bottom: 0.0625rem solid #878787;
   margin-bottom: 1rem;
   margin-top: 1rem;
}

.star-rating .star-item {
  color: #959595;
  float: right;
  overflow: hidden;
  padding-bottom: 0;
}

.star-rating .star-item:after {
  content: '★';
  display: inline-block;
  font-family: "FontAwesome";
}

.star-rating .star-item.active:after {
  color: #000;
  content: '★';
}

.star-rating .star-item.active ~ .star-item:after {
  color: #000;
  content: '★';
}

.review-header .author{
   font-size: 1rem;
   margin-bottom: 0.625rem;
}
.review-header .date{

}

.review-body{
   border-bottom: 0.0625rem solid #878787;
   // margin-bottom: 625rem;
}

.bttn-prim:not(.add__btn.bttn.bttn-prim.in-product.go-btn),
.btn__pre-order {
   display: flex;
   width: 13.125rem;
   height: 2.75rem;
   padding: 1.25rem 4.063rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   flex-shrink: 0;
   background-color: #000;
   margin-bottom: 0.625rem;
   color: #FFF;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}

.btn__pre-order:hover{ 
   background-color: #1F1F1F;
   color: #FFF;
}

.bttn-prim:not(.add__btn.bttn.bttn-prim.in-product.go-btn):hover{
   background-color: #1F1F1F;
}

.page-content{
   margin: 0 auto;
   margin-bottom: 5rem;
   padding: 0 5.313rem;
}

.page__title-all{
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 3.125rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: -0.0938rem;
   text-transform: uppercase;
   margin-bottom: 2.5rem;
   margin-top: 2.5rem;
}

.page-content h2{
   color: #000;
   font-family: Mariupol;
   font-size: 2.75rem;
   font-style: normal;
   font-weight: 400;
   padding-bottom: 1rem;
   margin-bottom: 1.5rem;
   margin-top: 1.5rem;
}

.page-content h3{
   color: #000;
   font-family: Mariupol;
   font-size: 2rem;
   font-style: normal;
   font-weight: 400;
   padding-bottom: 1rem;
   margin-bottom: 1.5rem;
   margin-top: 1.5rem;
}

.page-content p{
   color: #000;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   padding-bottom: 1rem;
}

.page-content em{
   font-style: normal;
}
.page-content li{
   color: #000;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   padding-bottom: 1rem;
   margin-left: 1rem;
}
.page-content a{
   color: #404040;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: Mariupol;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.034rem;
   text-decoration-line: underline;
}



.page-content table{
   border: 0.063rem solid #959595;
   padding: 0.313rem;
   margin-bottom: 1rem;
   margin-left: 1rem;
}
.page-content tr{
   padding-bottom: 1rem;
   display: flex;
   justify-content: space-between;
   gap: 1rem;
}

.page-content table tr:last-child{
   padding-bottom: 0;
}

.page-content td{
   color: #000;
   font-family: Mariupol;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
}

// .cart__main{
//    min-height: 100vh;
// }

/*PAGE*/


.added{
   display: none;
}

/* STICKERS */

.slide__card-sticker{
   display: flex;
   position: absolute;
   top: 1.375rem;
   left: 1.375rem;
}

.new-sticker{
   color: #FFF;
   font-family: Mariupol;
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   padding: 0.375rem 0.625rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   background: #404040;
}

.sale-sticker{
   color: #000;
   font-family: Mariupol;
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   padding: 0.375rem 0.625rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   border: 0.125rem solid #000;
   background: #FFF;
}

.sold-out-sticker{
   white-space: nowrap;
   color: #000;
   font-family: Mariupol;
   font-size: 0.7rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   padding: 0.375rem 0.625rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   border: 0.125rem solid #000;
   background: #FFF;
}

.predzakaz-sticker{
   color: #000;
   font-family: Mariupol;
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   padding: 0.375rem 0.625rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   border: 0.125rem solid #000;
   background: #FFF;
}



/* STICKERS */

.clppp{
   margin-bottom: 23rem;
}

.back-button{
   width: 2.5rem !important;
   height: 2.5rem !important;
   background-color: rgba(255, 255, 255, 0.6);
   border: none;
   position: absolute;
   top: 1.25rem;
   left: 1.25rem;
   z-index: 5;
   padding: 0;
   cursor: pointer;
   transition: all .3s ease;
   border-radius: 1.25rem;
}

.back-button:hover{
   background-color: rgba(255, 255, 255, 0.9);
}

.back-button value{
   color: #000;
}

.back-button{
   display: none;
}

.disc-flex-block{
   display: flex;
   gap: 0.625rem;
   justify-content: center;
   align-items: center;
   margin-bottom: 1rem;
}
   

@media(max-width: 991px) {
   html {
      font-size: 4.1026vw;
   }
   .container {
      padding: 0;
   }
   .main{
      padding-top: 3.125rem;
   }
   .header{
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 8;
      background-color: #fff;
   }

   .table-size-image{
      width: 22.2rem;
   }
   .back-button{
      display: block;
   }
   
   .go-btn{
      margin-left: 8.75rem;
   }
   /*cart*/
   .page__container{
      margin-bottom: 3rem;
   }
   .cart__min-container{
      width: 24.375rem;
      flex-direction: column;
      margin: 0 auto;
      margin-bottom: 3.75rem;
   }

   .cart-top.js-count-words-1{
      font-size: 1.5rem;
      margin-left: 1.875rem;
      font-size: 1.25rem;
      margin-left: 2.2rem;

   }
   .net-v-nal-1{
      font-size: 1rem;
      width: 9.375rem;
      white-space: nowrap;
   }
   .clppp{
      margin-bottom: 10rem;
      margin-left: 2.2rem;
   }

   .cell-2.item-image img{
      width: 7rem;
   }
   .cart-item{
      font-size: 0.7rem;
      margin-left: 2.188rem;
   }
   .item__info-flex{
      gap: 0.5rem;
   }
   .item-quantity.text-center input{
      width: 6rem;
      padding: 0.8rem 0rem 0.8rem 2.7rem;
      font-size: 0.7rem;
      height: 1rem;
      
   }
   .cart-img-min{
      width: 0.625rem;
   }

   .cart-plus-btn{
      position: absolute;
      right: 0.625rem;
      z-index: 4;
   }
   .cart-minus-btn{
      position: absolute;
      left: 0.625rem;
      z-index: 4;
   }

   .slide__card-price p:not(.recommend__not-price) {
      font-size: 0.75rem;
   }
   .item-quantity.text-center input::placeholder{
      font-size: 0.7rem;
   }

   .cart-item{
      margin-right: 1.25rem;
   }

   .flex-middle.cart-footer{
      width: 20rem;
      margin: 0 auto;
   }
   .item-info-inner{
      margin-bottom: 0.3rem;
   }

   .discounts-wrap.row.flex-between input{
      width: 7rem;
      padding: 0.8rem 0rem 0.8rem 0.5rem;
      font-size: 0.7rem;
   }

   .item-option_name{
      font-size: 0.7rem;
   }

   .discounts-wrap.row.flex-between input::placeholder{
      font-size: 0.7rem;
   }

   .discounts-submit.bttn-transparent.is-discounts.js-discounts-submit{
      width: 10rem;
      font-size: 0.7rem;
   }

   /*cart*/


   /*catalog*/





   /*catalog*/



   /* PAGE */

   .page-content{
      padding-left: 1.25rem;
      padding-right: 1.25rem;
   }


   .page__title-all{
      font-size: 1.875rem;
      margin-bottom: 1.5rem;
      margin-top: 1.5rem;
   }

   .page-content h2{
      font-size: 1.25rem;
      margin-bottom: 0.65rem;
      margin-top: 0.65rem;
   }

   .page-content h3{
      font-size: 1rem;
      margin-bottom: 0.65rem;
      margin-top: 0.65rem;
   }

   .page-content p{
      font-size: 0.875rem;
      padding-bottom: 0.5rem;
   }

   .page-content li{
      font-size: 0.875rem;
      margin-bottom: 0.65rem;
      margin-top: 0.65rem;
      padding-bottom: 0.5rem;
   }
   .page-content a{
      font-size: 0.875rem;
   }


   /* PAGE */



   .header__content{
      margin: 0;
      margin-bottom: 0.75rem;
      margin-top: 1.125rem;
      margin-left: 1.25rem;
      margin-right: 1.25rem;
   }
   .header__logo img{
      width: 8.125rem;
   }
   .button__heart svg {
      width: 1.375rem;
      height: 1.375rem;
   }
   .header__busket span{
      font-size: 0.625rem;
      width: 0.875rem; 
      height: 0.875rem;
   }

   .button__user svg {
      width: 1.25rem;
      height: 1.25rem;
   }

   .header__busket svg {
      width: 1.25rem;
      height: 1.25rem;
   }
   .menu__btn {
      width: 1.625rem;
      height: 1rem;
   }
   .full__card-top{
      margin: 0;
   }
   .full__card{
      flex-direction: column;
   }
   .left__slider{
      display: none;
   }
   .swiper__slide-2 img{
      width: 24.375rem;
      height: 32.5rem;
   }
   .swiper__slide-2 {
      height: 32.75rem;
   }
   .full__card-right{
      margin-top: 0.625rem;
      margin-left: 1rem;
   }
   .full__titile{
      font-size: 1.375rem;
      margin-bottom: 0.625rem;
   }
   .price__old{
      font-size: 1.25rem;
   }
   .price__new{
      font-size: 1.625rem;
   }
   .full__price{
      margin-bottom: 0.875rem;
   }
   .full__button{
      margin-bottom: 1.25rem;
   }
   .full__flex-mob{
      display: flex;
      flex-direction: column;
   }
   .full__size{
      order: -1;
      margin-bottom: 1.875rem;
      display: flex;
      justify-content: space-between;
      max-width: 22.125rem;
   }
   .full__size p{
      margin-bottom: 0.625rem;
      font-size: 1rem;
   }
   
   .option-razmer label{
      margin-bottom: 0.625rem;
      font-size: 1rem;
   }
   .size__item{
      font-size: 1rem;
   }
   .full__flex-mob-color p{
      display: block;
      color: #000;
      font-family: Mariupol;
      font-size: 1rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-bottom: 0.5625rem;
   }
   .full__choise{
      margin-bottom: 3.625rem;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0.5rem;
   }
   .full__flex-mob-color{
      width: 22.5rem;
   }
   .option-values{
      width: 100%;
   }
   .option-values button{
      margin-bottom: 0.625rem;
   }
   .choise__item{
      width: 4.125rem;
   }
   .choise__img{
      width: 3.75rem;
      height: 5.1875rem;
      padding: 0.1875rem;
   }
   .button__counter span{
      margin-right: 1.4375rem;
      margin-left: 1.4375rem;
      color: #404040;
      text-align: center;
      font-family: Mariupol;
      font-size: 1.125rem;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
   }
   .counter__btn img{
      width: 1.0625rem;
   }
   .add__btn{
      font-size: 1rem;
      width: 13.125rem;
   }

   .row-grid-item-flex{
      display: flex;
      flex-direction: column;
      margin-bottom: 0;
   }
   .row-grid-item{
      gap: 0.625rem;
      grid-template-columns: repeat(2, 1fr);
      width: 21.875rem;
   }
   .cell-3:not(.cell-3.row.flex-middle.item-info){
      width: 10.625rem;
   }
   .discounts-wrap.row.flex-between{
      justify-content: space-between;
   }
   .slide__card{
      width: 10.625rem;
   }
   .slide__card-img{
      width: 10.625rem;
      height: 14.313rem;
      margin-bottom: 0.938rem;
   }
   .slide__card-desc p{
      font-size: 0.75rem;
      letter-spacing: -0.023rem;
      margin-bottom: 0.5rem;
   }
   .slide__card-price .old-price,
   .slide__card-price p{
      font-size: 0.75rem;
      letter-spacing: -0.023rem;
   }
   .cell-12:not(.cell-12.text-right, .form-controls.cell-12, .form-row.is-required.cell-12 ){
      display: none;
   }
   .cell-9,
   .cart__container,
   .page-content {
      margin: 0 auto;
      padding-top: 3.125rem;
   }
   


   .full__card-like{
      margin: 0;
      width: 1.25rem;
      height: 1.25rem;
      position: absolute;
      z-index: 2;
      top: 5rem;
      right: 1.25rem;
   }
   .full__card{
      max-width: 24.375rem;
      position: relative;
   }
   .header__button{
      gap: 0.3125rem;
   }
   .icon-7{
      width: 1.375rem;
   }
   .logo-mobile{
      display: block;
      width: 8.125rem;
   }
   .logo-desctop{
      display: none;
   }
   .header__menu-nav{
      padding-left: 1.25rem;
      padding-top: 4.625rem;
      max-width: 24.375rem;
   }
   .menu__list-item{
      color: #000;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 1.125rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: -0.0338rem;
      margin-bottom: 1.25rem;
   }
   .menu__phone{
      font-size: 0.875rem;
   }

   .menu__logo{
      margin-top: 18.75rem;
      margin-left: 7.5rem;
   }
   .menu__logo img{
      width: 6.5625rem;
   }
   .menu__btn span,
   .menu__btn::before,
   .menu__btn::after{
      height: 15%;
      border-radius: 0.625rem;
   }
   .full__card-bottom{
      margin-left: 0;
      flex-direction: column;
   }
   .video__prev, 
   .left__video.active .bottom__video{
      width: 24.375rem;
      height: 43rem;
   }
   .not-video__prev{
      display: none;
   }
   .bottom__video iframe{
      width: 24.375rem;
      height: 43rem;
   }
   .video__play{
      width: 3.75rem;
      height: 3.75rem;
   }
   .left__video{
      height: 43rem;
      width: 24.375rem;
   }  
   .date-20231109 {
      width: 24.375rem;
      height: 32.5rem;
   }
   .bottom__right{
      width: 21.875rem;
      order: -1;
      margin: 0 auto;
      margin-bottom: 3.125rem;
   }
   .accordion__header p{
      font-size: 1rem;
   }
   .accordion__body p{
      font-size: 0.875rem !important;
   }
   .full__card-bottom{
      margin-top: 2.5rem;
   }
   .full__card-content{
      margin-bottom: 5rem;
   }
   .recommend__top h2{
      font-size: 1.875rem;
   }
   .recommend__top{
      margin-left: 1.25rem;
      margin-bottom: 1.875rem;
   }
   .recommend__slider{
      display: none;
   }
   .footer__content{
      width: 21.875rem;
      height: 13rem;
      margin-left: 0;
      flex-direction: column;
      margin: 0 auto;
   }
   .recommend__top{
      max-width: 18.75rem;
   }
   .recommend__top a{
      display: none;
   }
   .swiper-2{
      max-width: 24.375rem;
   }
   .gotop__content{
      margin-bottom: 3.75rem;
   }
   .footer__mid{
      order: -1;
      padding-right: 0;
   }
   .footer__logo{
      width: 6.3125rem;
      margin-bottom: 0.9375rem;
   }
   .footer__copy{
      font-size: 0.625rem;
      margin-bottom: 0.5rem;
   }
   .footer__policy{
      font-size: 0.625rem;
      margin-bottom: 1.5rem;
   }
   .footer__right{
      max-width: 2.25rem;
      padding: 0;
      position: relative;
      top: -8.5rem;
      gap: 0.3125rem;
   }
   .footer__content div:nth-child(1){
      align-self: flex-start;
   }
   .footer__content div:nth-child(3){
      align-self: flex-end;
   }
   .full__btns{
      padding-right: 1.25rem;
      width: 21.875rem;
   }

   .button__counter, .product-quantity{
      width: 6.688rem;
   }
   .fa.fa-minus{
      margin-right: -0.625rem;
   }
   .fa.fa-plus{
      margin-left: -0.625rem;
   }

   .left__demo{
      position: relative;
   }
   .swiper__pagination-2{
      display: block;
      position: absolute;
      z-index: 5 !important;
      bottom: 1.25rem !important;
   }
   .swiper-pagination-bullet {
      width: 5% !important;
      height: 0.2rem !important;
      background-color: #000 !important;
      border-radius: 0 !important;
   }
   .swiper-pagination-bullet-active{
      // width: 0.75rem !important;
      // height: 0.75rem !important;
      position: relative;
      bottom: -0.0625rem;
      background-color: rgba(0, 0, 0, 0.4)!important;
      // border: 0.0625rem solid #000 !important; 
      border-radius: 0 !important;
   }

   .swiper-pagination-bullet-active::before{
      // content: '';
      // position: absolute;
      // width: 0.5rem;
      // height: 0.5rem;
      background-color: #000;
      // border-radius: 50%;
      // top: 50%;
      // left: 50%;
      // transform: translate(-50%, -50%);
      border-radius: 0 !important;
   }

   .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
      background-color: rgba(255, 255, 255, 0.8) !important;
   }
   .slider__prev-min,
   .slider__next-min{
      display: block;
      width: 1.875rem;
      height: 1.875rem;
      position: absolute;
      z-index: 5;
   }
   .slider__next-min img,
   .slider__prev-min img {
      width: 1.875rem;
      height: 1.875rem;
      display: none;
   }
   .slider__prev-min{
      top: 50%;
      left: 0;
   }
   .slider__next-min{
      top: 50%;
      right: 0;
      transform: rotate(180deg);
   }
   .video__play{
      transform: translate(-50%, -50%) ;
   }

   .left__video:hover .video__play {
      transform: translate(-50%, -50%) scale(1.3);
   }

   .html5-video-player .video-click-tracking, .html5-video-player .video-stream{
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
   }
   .recommend__min-content {
      display: block;
   }

   .recommed__min-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      width: 21.875rem;
      margin: 0 auto;
      gap: 0.625rem;
      margin-bottom: 1.875rem;
   }

   .recommed__min-grid-hide{
      grid-template-columns: repeat(2, 1fr);
      width: 21.875rem;
      margin: 0 auto;
      gap: 0.625rem;
      display: none;
      margin-bottom: 1.875rem;
   }

   .recommed__min-grid-hide.visible{
      display: grid;
   }

   .recommend__min-card {
      width: 10.625rem;
      display: flex !important;
      flex-direction: column;
      align-items: center;
      margin-bottom: 0.625rem;
      position: relative;
      justify-content: start;
   }

   .recommend__min-ticket {}

   .card__heart {}

   .recommend__min-img {
      width: 10.625rem;
      height: 14.3125rem;
      margin-bottom: 0.9375rem;
      object-fit: cover;
   }

   .doly__btn {
      width: 14rem;
      height: 3rem;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      border: 0.0625rem solid #404040;
      border-radius: 0.3125rem;
      gap: 0.3125rem;
   }

   .doly__img{
      width: 3.75rem;
   }

   .doly__btn p{
      font-size: 0.8125rem;
      color: #000;
      font-family: Mariupol;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
   }

   .doly__img-arrow{
      width: 1rem;
      transform: rotate(180deg);
   }

   .recommend__min-desc {
      color: #000;
      text-align: center;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 0.625rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: -0.0225rem;
      max-width: 8.8125rem;
      margin-bottom: 0.5rem;
   }

   .recommend__min-desc span {
      color: #000;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 0.75rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: -0.0225rem;
      text-transform: uppercase;
   }

   .recommend__min-card-flex-form{
      justify-content: center;
      align-items: center;
   }

   .recommend__min-card p:not(.new-sticker, .recommend__not-price, .recommend__min-price){
      text-align: center;
      color: #000;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 0.75rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: -0.0225rem;
   }
   
   .recommend__not-price{
      font-weight: 400;      
      text-align: center;
      color: #000;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 0.75rem;
      font-style: normal;
      line-height: normal;
      letter-spacing: -0.0225rem;
   }

   .recommend__min-price-flex{
      display: flex;
      gap: 0.625rem;
      justify-content: center;
      align-items: center;
   }

   .recommend__min-price-old{
      text-decoration: line-through;
      color: #626262;
   }
   .cart-img-min img{
      width: 0.625rem;
      height: 1.75rem;
   }
   .recommend__min-price {
      color: #000;
      text-align: center;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 0.75rem;
      font-style: normal;
      font-weight: 500 !important;
      line-height: normal;
      letter-spacing: -0.0225rem;
   }

   .recommend__not-price{
      color: #000;
      text-align: center;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 0.75rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: -0.0225rem;
   }
   .recommended-card-heart{
      width: 1.25rem;
      height: 1.25rem;
      top: 0.4375rem;
      right: 0.5rem;
   }

   .rmt-p{
      position: absolute;
      display: flex;
      width: 3.125rem;
      height: 0.875rem;
      padding: 0.375rem 0.625rem;
      justify-content: center;
      align-items: center;
      gap: 0.625rem;
      flex-shrink: 0;
      border: 0.0938rem solid #000;
      background: #FFF;
      color: #000;
      font-family: Mariupol;
      font-size: 0.5rem;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      left: 0.625rem;
      top: 0.625rem;
   }
   .rmt-n{
      position: absolute;
      color: #FFF;
      font-family: Mariupol;
      font-size: 0.625rem;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      display: flex;
      width: 2.125rem;
      height: 0.875rem;
      padding: 0.375rem 0.625rem;
      justify-content: center;
      align-items: center;
      gap: 0.625rem;
      flex-shrink: 0;
      background: #404040;
      left: 1rem;
      top: 0.8125rem;
   }

   .recommend__min-more{
      color: #404040;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 1.125rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: -0.0338rem;
      text-decoration: none;
      text-align: center;
   }
   .recommend__min-more a{
      padding-bottom: 0.125rem;
      border-bottom: 0.0625rem solid #404040;
      background-color: #fff;
   }
   .gotop__flex{
      padding: 0;
   }
   .recommend__min-card-new{
      display: none;
   }

   .recommend__min-card-new.visible{
      display: block;
   }


   /* !main page */
   .top__main-slider,
   .recommend__content-main,
   .preview__content,
   .bloger__text{
      margin-bottom: 5rem;
   }

   .bloger__text {
      flex-direction: column;
      gap: 1rem;
   }  

   .bloger__text img{
      width: 100%;
      height: auto;
   }
   
   
   .bloger__bottom{
      margin-bottom: 2.1875rem;
   }

   .rsn-2,
   .rsn-1 {
      display: none !important;
   }

   .swiper__main-min{
      display: block;
      width: 24.375rem !important;
      max-height: 41.8rem;
      object-fit: cover;
   }
   .swiper__main-base{
      display: none;
   }

   .main__slider-prev,
   .main__slider-next{
      width: 0.4688rem;
      height: 0.9375rem;
      top: 19.375rem;
   }

   .main__slider-prev svg,
   .main__slider-next svg{
      width: 0.4688rem;
      height: 0.9375rem;
   }

   .main__slider-prev{
      left: 1.25rem;
   }
   .main__slider-next{
      right: 1.25rem;
   }

   .swiper__main-abs{
      bottom: 1.25rem;
      width: 14.875rem;
      left: 50%;
      transform: translateX(-50%);
   }

   .swiper__main-abs p{
      color: #DFDFDF;
      text-align: center;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 1.25rem;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: -0.0375rem;
      text-transform: uppercase;
      margin-bottom: 1.25rem;
   }

   .swiper__main-abs h2{
      color: #DFDFDF;
      text-align: center;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 3.75rem;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: -0.1125rem;
      text-transform: uppercase;
      margin-bottom: 2.5rem;
   }

   .swiper__btn{
      font-size: 1rem;
   }

   .preview__block{
      flex-direction: column;
   }

   .preview__block img{
      width: 24.375rem;
      height: 26.813rem;
   }

   .preview__block p{
      font-size: 1.25rem;
      top: 1.25rem;
      right: 1.25rem;
   }

   .preview__block h2{
      font-size: 1.875rem;
      top: 16.875rem;
      left: -3.125rem;
      width: 12.25rem;
   }


   .bloger__bottom p, .bloger__top p{
      font-size: 7.5rem;
   }
   .bloger__bottom img, .bloger__top img{
      height: 5.375rem;
   }
   .bloger__top, .bloger__bottom{
      height: 5.375rem;
   }

   .bloger__top img{
      width: 11.25rem;
      margin-left: 0.8125rem;
   }
   .bloger__bottom img{
      width: 11.875rem;
   }

   .bloger__top{
      margin-bottom: 0.3125rem;
   }

    .bloger__info{
      width: 100%;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
   .bloger__info p{
      font-size: 1.25rem;
      margin-bottom: 0.1875rem;
   }


   .main__bot-slider{
      display: none;
   }
   .main__bot-min-content {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.625rem;  
      width: 21.875rem;
      margin: 0 auto;
      margin-bottom: 2.5rem;
   }

   .main__bot-min-block {
      width: 10.625rem;
      position: relative;
   }

   .main__bot-min-block img{
      width: 10.625rem;
      height: 14.3125rem;
      filter: brightness(40%);
   }

   .main__bot-min-block p{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 5;
      color: #fff;
      text-align: center;
      font-variant-numeric: lining-nums proportional-nums;
      font-family: Mariupol;
      font-size: 1.25rem;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: -0.0375rem;
      text-transform: uppercase;
      padding: 0.313rem;

   }

   .rmg-2{
      display: none;
   }
   .rmg-2.visible{
      display: grid;
   }
   .rmg-1{
      display: none;
   }
   .rmg-1.visible{
      display: grid;
   }
   .rmcn-1,
   .rmcn-2,
   .rmcn-3{
      display: none;
   }
   .rmcn-1.open,
   .rmcn-2.open,
   .rmcn-3.open{
      display: grid;
   }


   /* !main page */

   /* STICKERS */

   .slide__card-sticker{
      display: flex;
      position: absolute;
      top: 0.625rem;
      left: 0.625rem;
      height: 0.875rem;
   }

   .new-sticker{
      color: #FFF !important;
      font-size: 0.625rem;
      padding: 0.375rem 0.625rem;
      gap: 0.625rem;
      width: 2.125rem;
   }

   .sale-sticker{
      color: #000;
      font-size: 0.625rem;
      padding: 0.375rem 0.625rem;
      border: 0.094rem solid #000;
      width: 2.125rem;
   }
   .sold-out-sticker{
      color: #000;
      font-size: 0.35rem;
      padding: 0.375rem 0.625rem;
      border: 0.094rem solid #000;
      width: 2.125rem;
      white-space: nowrap;
   }

   .predzakaz-sticker{
      color: #000;
      font-size: 0.5rem;
      padding: 0.375rem 0.625rem;
      gap: 0.625rem;
      border: 0.094rem solid #000;
      width: 3.125rem;
   }

   /* STICKERS */


   /* !popup */



  .popup__content {
     width: 23.4375rem;
     padding: 0rem 0.625rem;
     height: 37.5rem;
  }

  .popup__left {
     display: none;
  }

  .popup__desc {
     font-size: 1rem;
     max-width: 15.625rem;
     text-align: center;
     margin: 0 auto;
     margin-bottom: 1.875rem;
  }

  .popup__right {
     width: 100%;
  }

  .popup__content-main {
     margin: 0;
     justify-content: center;
     align-items: center;
  }

  .popup__form {
     gap: 1.25rem;
     margin-bottom: 3.125rem;
  }

  .popup__close-icon {
     width: 1.25rem;
     top: 0.2rem;
     right: 1rem;
  }

  .popup__btn,
  .popup__link {
     width: 14.375rem;
     height: 3.75rem;
     font-size: 1.25rem;
  }

   /* !popup */
}

@media(max-width: 505px){

   .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
         margin: 0 var(--swiper-pagination-bullet-horizontal-gap,0.125rem) !important;
   }

}
@media(max-width: 428px){
   .ddmdpp{
      padding-top: 0.7rem;
   }
}





.main__galary-slider-cont {
   width: 100%;
   height: 100%;
   position: relative;
   margin-bottom: 10rem;
}

.swiper.main__galary-slider {
   width: 90rem;
   margin-left: 5.313rem !important;
}

.swiper.main__galary-slider .swiper-wrapper .swiper-slide.main__galary-slide {
   width: 27.5rem !important;
   height: 37.5rem;
}

.swiper__galary-wrapper {
   gap: 2.5rem;
   justify-content: space-between;
}

.swiper.main__galary-slider .swiper-slide.main__galary-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   user-select: none;
}







@media(max-width: 991px) {
   .swiper.main__galary-slider {
      margin: 0 !important;
   }
   .swiper__galary-wrapper {
      gap: 0;
   }
   .main__galary-slider-cont {
      margin-bottom: 3rem;
   }
   .swiper.main__galary-slider .swiper-wrapper .swiper-slide.main__galary-slide {
      width: 100% !important;
      height: 30rem;
      overflow: hidden;
   }
   .swiper.main__galary-slider {
      width: 100%;
   }
   .slider__prev-arrow.main__galary-prev {
      left: 0.5rem;
      width: 2.5rem;
      height: 2.5rem;
   }
   .slider__next-arrow.main__galary-next {
      right: 0.5rem;
      width: 2.5rem;
      height: 2.5rem;
   }
   .slider__prev-arrow.main__galary-prev svg,
   .slider__next-arrow.main__galary-next svg {
      width: 100%;
      height: 100%;
   }
   .arrow__right circle, .arrow__left circle {
      width: 100%;
      height: 100%;
   }
   .swiper__slide-main img {
      height: 33rem !important;
   }

}


.swiper__slide-main img {
   width: 100%;
   height: auto;
   object-fit: cover;
   filter: grayscale(0);
}