html {
   font-family: "Manrope", sans-serif !important;
   background: #FFFCF1;
   color: #3C3838;
   font-size: 1.1111vw;
}

.wrapper-main .header {}

.header {
   background: #FFFCF1;
}

a,
button {
   transition: all .5s ease;
   font-family: "Manrope", sans-serif !important;
}

.container {
   width: 100%;
   margin: 0 auto;
   padding: 0 1.5625rem;
}

.header__logo {
   height: 9.438rem;
}

.header {
   width: 100%;
   position: fixed;
   top: 0;
   z-index: 999;
   transition: all 1s ease;
   background: #FFFCF1;
}

.header.sticky {
   background: #FFFCF1;
}

.header.sticky .header__inner {
   height: 3.875rem;
   padding: 0.625rem 0;
}

.header__inner {
   height: 3.875rem;
   width: 100%;
   padding: 1.25rem 0;
   display: flex;
   justify-content: space-between;
   transition: height 1s, padding 1s;
   position: relative;
}

.header__search {
   margin-left: 32.5rem;
   margin-top: 0.125rem;
}



.header__search {
   display: flex;
   align-items: center;
   position: relative;
   max-width: 27rem;
   width: 100%;
   user-select: none;
}

.header__inner.small {
   height: 3.875rem;
   padding: 0.625rem 0;
}

.header__inner.small .header__logo {
   width: 23.75rem;
}

.header__logo {
   width: 21.5rem;
   transition: all .3s linear;
   position: absolute;
}

.logo {
   width: 100%;
}

.header__search {
   height: fit-content;
}


.header__favorite-and-cart {
   display: flex;
   gap: 1.25rem;
   color: rgb(60, 56, 56);
   font-family: Manrope;
   font-size: 1rem;
   font-weight: 600;
   line-height: 137.5%;
   text-align: left;
}

.header__link {
   color: rgb(60, 56, 56);
   font-size: 1rem;
   font-weight: 600;
   line-height: 137.5%;
   text-align: left;
   height: fit-content;
   display: flex;
   align-items: center;
   gap: 0.375rem;
}

.header__link p {
   margin: 0;
}

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

.header__link svg path {
   transition: all .5s ease;
}

.header__link:hover svg path {
   stroke: #88A4BB;
}

.cart-mob-counter {
   display: none;
}

/* ----------------------------------------- */

.side__menu ul,
.side__menu li {
   list-style: none;
   padding: 0;
   margin: 0;
}

.side__menu p,
a {
   padding: 0;
   margin: 0;
   text-decoration: none;
}

.side__menu {
   position: fixed;
   top: 0%;
   right: -100%;
   width: 50%;
   height: 100%;
   background-color: #88A4BB;
   transition: all 0.5s ease;
   z-index: 1000;
   padding: 1.438rem 1.25rem 1.5625rem 1.5625rem;
   min-height: 31rem;
}

.side__menu.show {
   right: 0;
}

.side__menu-top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   margin-bottom: 1.5625rem;
}

.side__menu-close-link {
   transition: all 0.5s ease;
   width: 1.25rem;
   height: 1.25rem;
   margin-left: auto;
}

.side__menu-close-link:hover {
   transform: scale(1.05);
}

.side__menu-close-link svg {
   width: 100%;
}

.bg-black-menu {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: 0;
   display: none;
   z-index: 999;
}

.side__menu-title {
   color: rgb(255, 250, 234);
   font-size: 1rem;
   font-weight: 600;
   text-align: left;
}

.side__menu-close {}

.menu__list-item {
   width: fit-content;
}

.menu__list-item.active>div {
   opacity: 1;
   color: #FBFF02;
}

.menu__list-item+.menu__list-item {
   margin-top: 0.9375rem;
}



.menu__list-item div,
.menu__list-item a:not(.menu__list-submenu li a) {
   color: #FFFCF1;
   font-size: 2.1875rem;
   font-weight: 600;
   text-align: left;
   transition: all 0.5s ease;
   cursor: pointer;
   width: fit-content;
   user-select: none;
}

.menu__list-item div:hover,
.menu__list-item a:hover:not(.menu__list-submenu li a) {
   color: #FBFF02;
}

.menu__list-submenu li a {
   transition: all 0.5s ease;
   color: #FFFCF1;
   font-size: 1rem;
   font-weight: 500;
   line-height: 110%;
   text-align: left;
   margin: 0;
   padding: 0;
   width: fit-content;
   user-select: none;
}

.menu__list-submenu li {
   padding-top: 0.65rem;
}

.menu__list-submenu li a:hover,
.menu__list-submenu li a.active {
   color: #FBFF02;
}

.menu__list-submenu {
   max-height: 0;
   top: 0;
   pointer-events: none;
   transition: max-height 0.3s ease, opacity 0.3s ease;
   opacity: 0;
   overflow: hidden;
}

.menu__list-submenu.open {
   pointer-events: all;
   opacity: 1;
   max-height: 50rem;
}

.side__menu-bottom {
   position: absolute;
   bottom: 1.5625rem;
}

.side__menu-bottom p {
   color: rgb(255, 250, 234);
   font-size: 0.875rem;
   font-weight: 600;
   text-align: left;
   opacity: 0.5;
}


/* ----------------------------------------- */



.promo-button-next,
.promo-button-prev {
   cursor: pointer;
}

.promo__btns {
   position: absolute;
   z-index: 1;
   width: 100%;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}

.promo-button-prev {
   width: 50%;
   order: 1;
   height: 100%;
   background: transparent;
}

.promo-button-next {
   width: 50%;
   order: 2;
   height: 100%;
   background: transparent;
}

.promo-button-prev:hover {
   cursor: url('https://static.insales-cdn.com/files/1/788/33948436/original/Vector-l.svg'), auto;
}

.promo-button-next:hover {
   cursor: url('https://static.insales-cdn.com/files/1/787/33948435/original/Vector-r.svg'), auto;
}

.promo__info {
   display: -webkit-box;
   /* Добавлено для поддержки старых версий Safari */
   display: flex;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   margin-top: 4rem;
   margin-bottom: 6.25rem;
   height: 36.875rem;
}

.promo__info-left {
   width: 100%;
   display: -webkit-box;
   /* Добавлено для поддержки старых версий Safari */
   display: flex !important;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-orient: vertical;
   /* Добавлено для поддержки старых версий Safari */
   -webkit-box-direction: normal;
   /* Добавлено для поддержки старых версий Safari */
   flex-direction: column;
   justify-content: flex-end;
   margin-right: 0.313rem;
}

.promo__info-right {
   position: relative;
   width: 100%;
   overflow: hidden;
   border-radius: 0.375rem;
   flex: 0 0 54.188rem;
   -webkit-flex: 0 0 54.188rem;
}

.promo__info-left .main__btn-to-collection {
   margin-bottom: 0;
   padding-bottom: 0;
}

.swiper-img {
   width: 100%;
   object-fit: cover;
   object-position: center;
   height: 36.875rem;
}

.js-promo {
   width: 100%;
}

.swiper-container.js-promo.swiper-initialized.swiper-horizontal.swiper-autoheight.swiper-backface-hidden {
   border-radius: 0.375rem;
   width: 100%;
}

.swiper-pagination.promo-slider-pagination  {
   bottom: 1.25rem;
   display: flex;
   align-items: center;
   justify-content: center;
}

.swiper-pagination.promo-slider-pagination .swiper-pagination-bullet {
   max-width: 6.25rem;
   height: 0.15rem;
   background-color: #3C3838;
   opacity: 0.3;
   border-radius: 0;
   flex: 1;
}

.swiper-pagination.promo-slider-pagination .swiper-pagination-bullet-active {
   opacity: 1 !important;
}

.promo__text p {
   color: rgb(60, 56, 56);
   font-size: 3rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
   margin: 0;
}

.main__btn-to-collection {
   width: 100%;
   margin-top: 0.9375rem;
   margin-bottom: 6.25rem;
}

.main__btn-to-collection a {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 2.625rem;
   background: #3C3838;
   color: rgb(255, 250, 234);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 87.5%;
   text-align: center;
   border-radius: 0.375rem;
}

.main__btn-to-collection a:hover {
   background: rgba(57, 60, 64, 0.9);
}


.promo__text.show {
   animation: slide-in-text 0.7s ease;
}


.main__btn-to-collection.show {
   animation: slide-in-btn 0.7s ease;
}

@keyframes slide-in-text {
   0% {
      transform: translateX(70%);
      opacity: 0;
   }

   100% {
      transform: translateX(0);
      opacity: 1;
   }
}

@keyframes slide-in-btn {
   0% {
      transform: translateX(100%);
      opacity: 0;
   }

   100% {
      transform: translateX(0);
      opacity: 1;
   }
}

/*---------------------------------------------------*/


.new__content {
   margin-bottom: 6.25rem;
}

.new__content h2 {
   width: fit-content;
   color: rgb(60, 56, 56);
   font-size: 2.1875rem;
   font-weight: 600;
   text-align: left;
   margin-bottom: 1.25rem;
}

.new__content-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 0.3125rem;
}

.new__content-link {
   text-decoration: none;
   display: block;
   margin: 0 0.4rem;
   margin-bottom: 1.563rem;
   width: 24%;
}

.not-available-sticker {
   position: absolute;
   top: 0.938rem;
   left: 0.938rem;
   background: #A2A29E;
   color: #FFFCF1;
   z-index: 1;
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 110%;
   text-align: left;
   padding: 0.3125rem 0.625rem;
   border-radius: 0.3125rem;
   user-select: none;
   text-transform: uppercase;
}


.new__content-link.not-available-p {
   opacity: 50%;
}

.swiper-slide.new__content-link {
   margin: 0;
   padding: 0 0.16rem;
   margin-bottom: 1.563rem;
}

.new__content-link:hover .new__content-card p {
   color: #88A4BB;
}

.new__content-card {
   height: auto;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0;
}

.favorite__icon {
   width: 1.0625rem;
   position: absolute;
   top: 0.9375rem;
   right: 0.9375rem;
   transition: transform 0.3s ease;
}

.favorite__icon svg {
   width: 100%;
   height: 100%;
}

.favorite__icon:hover svg {
   stroke: #3C3838;
}

.favorite__icon.favorites-not-added:hover {
   transform: scale(1.1);
}

.favorite__icon.favorites-not-added {
   transform: scale(1);
}

.favorite__icon.favorites-added {
   transform: scale(1.25);
}

.main__img-back {
   background-color: #F9F5E9;
   // border-radius: 0.5rem;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
}



/*-------------------------------*/


.images__pagination {
   display: flex;
   position: absolute;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   z-index: 2;
   gap: 0.625rem;
   padding: 0 0.938rem;
}

.pag__elem {
   position: relative;
   height: 100%;
   flex: 1;
}

.pag__elem::before {
   content: "";
   position: absolute;
   width: 100%;
   left: 0;
   right: 0;
   height: 0.2rem;
   bottom: 1rem;
   background: #3C3838;
   opacity: 0;
   border-radius: 0.313rem;
   transition: all .3s ease;
}

.images__pagination:hover .pag__elem::before {
   opacity: 0.3;
}

.images__pagination:hover .pag__elem.active::before {
   opacity: 1;
}

.pag__elem.active::before {
   opacity: 0;
}

.pag__elem.disabled {
   display: none;
}

.pag__elem.hidden {
   display: none;
}

.element__img.active {
   opacity: 1;
   display: block;
}

.element__img {
   display: none;
   opacity: 0;
   transition: all .3s ease;
   object-fit: cover;
   object-position: bottom center;
}

/*-------------------------------*/



.new__content-card img {
   width: 100%;
   // border-radius: 0.5rem;
}

.new__content-card p {
   color: rgb(60, 56, 56);
   transition: all .3s ease;
   margin-top: 1rem;
   margin-bottom: 0.5rem;
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 130%;
   text-align: left;
}

.new__content-card p:last-child {
   color: rgba(57, 60, 64, 0.47);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 130%;
   text-align: left;
   margin: 0;
}

.new__content-btn {
   width: 100%;
   margin-top: 1.5625rem;
}

.new__content-btn button {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 2.625rem;
   background: inherit;
   color: rgb(60, 56, 56);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 87.5%;
   text-align: center;
   border: 0.0625rem solid rgba(60, 56, 56, 0.3);
   border-radius: 0.375rem;
}

.new__content-btn button:hover {
   background: rgb(241, 237, 225);
   border: 1px solid rgba(57, 60, 64, 0.3);
}



/*-----------------------------------------------------*/

.main__dir {
   margin-bottom: 6.25rem;
}

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

.main__dir a:hover {
   text-decoration: none;
   color: inherit;
}

.dir__inner {
   transition: all .5s ease;
}



.main__dir a:hover .dir__inner {
   background-color: #88A4BB;
}

.main__dir a:hover .dir__inner p,
.main__dir a:hover .dir__inner span {
   color: #fff;
}

.dir__inner .container {
   display: flex;
   height: 12.5rem;
   border-bottom: 0.063rem solid #F1EDE1;
}

.main__dir a:first-child .dir__inner .container {
   border-top: 0.063rem solid #F1EDE1;
}


.dir__inner img {
   width: 10.625rem;
   height: 10.625rem;
   border-radius: 0.375rem;
   margin-top: 0.9375rem;
   object-fit: cover;
   object-position: center;
}

.dir__inner p {
   width: fit-content;
   color: rgb(60, 56, 56);
   font-size: 2.1875rem;
   font-weight: 600;
   text-align: left;
   height: fit-content;
   margin: 0;
   margin-top: 1.563rem;
   margin-left: 1.563rem;
   transition: color .5s ease;
}

.dir__nim {
   margin-top: 2.875rem;
   color: rgb(60, 56, 56);
   font-size: 0.875rem;
   font-weight: 600;
   text-align: left;
   width: fit-content;
   height: fit-content;
   margin-right: 8rem;
}


/* ------------------------------------------------- */



.about__titile-m {
   color: rgb(60, 56, 56);
   font-size: 2.1875rem;
   font-weight: 700;
   text-align: left;
   line-height: 120%;
   margin: 0;
   margin-bottom: 2.625rem;
   display: none;
}


.about__info-m {
   max-width: 68rem;
}

.about__info-m p {
   color: rgb(60, 56, 56);
   font-size: 2.1875rem;
   font-weight: 600;
   text-align: left;
   margin: 0;
}

.about__btn-m {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 2.625rem;
   color: rgb(255, 250, 234);
   font-size: 0.875rem;
   font-weight: 600;
   text-align: center;
   background: #3C3838;
   transition: all 0.5s ease;
   margin-top: 1.5625rem;
   margin-bottom: 6.25rem;
   border-radius: 0.375rem;
}

.about__btn-m:hover {
   background: rgba(57, 60, 64, 0.9);
}

.about__image-section {
   display: flex;
   gap: 1rem;
   margin-top: 1.563rem;
   justify-content: space-between;
}

.about__image-section img {
   border-radius: 0.375rem;
}

.about__image-section img:nth-child(1) {
   width: 63%;
}

.about__image-section img:nth-child(2) {
   width: 36%;
}




/* -------------------------------------------------------- */

html,
body {
   height: 100%;
}

body:has(.side__menu.show, .cart__menu.open) {
   overflow: hidden;
   padding-right: 5px;
}

.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column;
}

.main {
   flex: 1 1 auto;
}

.footer-top {
   display: flex;
}

.footer-bottom .column {
   display: flex;
   max-width: 56.25rem;
   justify-content: space-between;
}


.footer-top .column:nth-child(1) {
   margin-right: 7.5rem;
}

.column:nth-child(2) {
   display: flex;
   flex-direction: column;
   gap: 1.875rem;
   margin-right: 10rem;
}

.culumn__inner p {
   margin-bottom: 0.313rem;
}

.column-form p:not(.subscription-disclaimer) {
   color: rgb(255, 250, 234);
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 112.5%;
   text-align: left;
   margin-bottom: 1.875rem;
}

.subscription-disclaimer {
   color: rgb(255, 250, 234);
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 100%;
   text-align: left;
   opacity: 0.6;
   width: 17.125rem;
}

.column-form {
   width: 21.5rem;
   margin-left: auto;
}

.column-form form {
   margin-bottom: 0.5rem;
   position: relative;
   z-index: 1;
}

.column-form form input:not(.footer__form-btn) {
   width: 100%;
   color: rgb(255, 250, 234);
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 87.5%;
   text-align: left;
   padding: 0 0 0.5rem 0;
   border: none;
   border-bottom: 0.0625rem solid #E7E1D0;
   background: inherit;
}

input:focus {
   outline: none;
   border: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   box-shadow: 0 0 0 1.875rem #88A4BB inset !important;
}

.column-form form input:-webkit-autofill {
   -webkit-text-fill-color: rgb(255, 250, 234);
}

.column-form form input::placeholder {
   color: rgb(255, 250, 234);
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 87.5%;
   text-align: left;
}

.footer__form-btn {
   position: absolute;
   right: 0;
   bottom: 0.5rem;
   background: inherit;
   color: rgb(255, 250, 234);
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 130%;
   text-align: left;
   z-index: 2;
   padding-bottom: 0;
}

.footer-divider {
   border-top: 0.063rem solid #E7E1D0;
   opacity: 0.1;
   margin: 0 auto;
   margin-top: 3.125rem;
   margin-bottom: 0.938rem;
   width: 97.5%;
}

.footer-bottom p {
   color: rgb(255, 250, 234);
   font-size: 0.75rem;
   font-weight: 500;
   text-align: left;
   opacity: 0.4;
}

.footer-bottom a {
   color: rgb(255, 250, 234);
   font-size: 0.75rem;
   font-weight: 500;
   text-align: left;
   opacity: 0.4;
}



/* --- favorite-styles -----------------------------*/


.favorite__icon {
   width: 1.063rem;
   position: absolute;
   top: 0.938rem;
   right: 0.938rem;
   z-index: 3;
   cursor: pointer;
   border: none;
   background: none;
   padding: 0;
}

.favorite__icon svg path {
   fill: none;
   stroke: #393C40;
}

.favorite__icon.favorites-not-added svg {
   width: 100%;
   height: 100%;
}

.favorite__icon.favorites-added svg path {
   fill: #DDBEA7;
   stroke: #DDBEA7;
}




.fav-order__filter {
   justify-content: flex-start !important;
}

.fav-order__filter .cell-6 {
   margin-bottom: 0.625rem;
}

.fav-order__filter .collection-order select {
   padding-left: 0.16rem !important;
   text-align: left !important;
}

.fav-order__filter .collection-order select option {
   text-align: left !important;
}

.collection-filter .filter:not([data-filter-target="price"], [data-filter-target="56498568"], [data-filter-target="56653123"], [data-filter-target="7912125"]) {
   display: none;
}





.logo {
   transition: all .25s ease;
}

/* --- favorite-styles -----------------------------*/

.footer {
   overflow: hidden;
}

.footer__right-mob-link {
   display: flex;
   padding: 0.8125rem;
   border-radius: 0.375rem;
   align-items: center;
   width: fit-content;
   background: rgba(255, 255, 255, 0.1);
}

.footer__right-mob-link.tg-link {
   gap: 0.625rem;
}

.footer__right-mob-link.tg-link p {
   font-size: 1.125rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
   color: rgba(255, 255, 255, 1);
   white-space: nowrap;
   transition: all .5s ease;
}

.footer__mob-icon {
   width: 1.0625rem;
   height: 1.0625rem;
}

.footer__right-mob-link.tg-link:hover {
   background: rgba(255, 255, 255, 0.2);
}



@media(max-width: 1024px) {
   .header__logo {
      max-width: 15.4375rem;
   }

   .dir__nim {
      margin-right: 3rem;
   }
}

@media(max-width: 1024px) {

   html {
      font-size: 2.083vw;
   }

   .container {
      padding: 0 1.25rem;
   }

   .new__content-link {
      width: 23%;
      margin: 0 0.438rem;
      margin-bottom: 1.25rem;
   }

   .not-available-sticker {
      position: absolute;
      top: 0.7rem;
      left: 0.7rem;
      background: #A2A29E;
      color: #FFFCF1;
      padding: 0.2rem 0.5rem;
      border-radius: 0.3rem;
      z-index: 1;
      bottom: auto;
      right: auto;
      font-size: 0.875rem;
   }

   .new__content-card p {
      font-size: 0.875rem;
      margin-top: 0.375rem;
      margin-bottom: 0.375rem;
   }

   .new__content-card p:last-child {
      margin: 0;
   }

   .favorite__icon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 0.75rem;
      height: 0.75rem;
   }


   /* ---------------------------------------------------- */

   .promo__info {
      flex-direction: column;
      padding-top: 6.875rem;
      margin-bottom: 5rem;
      margin-top: 0;
      height: auto;
      overflow: hidden;
   }

   .promo__info-left {
      order: 2;
      width: 100%;
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
   }

   .promo__info-right {
      order: 1;
      width: 100%;
      flex: 0 0 100%;
      height: 23.625rem;

   }

   .promo__info-right .promo__slide-info {
      display: none !important;
   }


   .swiper-img {
      height: 23.625rem;
    border-radius: 0.375rem;
   }

   .js-promo {
      height: auto;
      width: 100%;
   }

   .swiper-container-horizontal>.swiper-pagination-bullets,
   .swiper-pagination-custom,
   .swiper-pagination-fraction {
      bottom: 0.625rem;
   }

   .promo__info-left .main__btn-to-collection {
      padding: 0;
      margin-top: 1.563rem;
   }

   .promo__text {
      margin-top: 1.563rem;
   }


   .column:nth-child(1),
   .column:nth-child(2),
   .column-form {
      margin-right: 0;
      margin-left: 0;
   }

   /* ---------------------------------------------------- */

   .header__inner {
      height: auto;
      padding: 0.625rem 0;
      align-items: center;
   }

   .header.sticky .header__inner {
      height: 3.875rem;
      padding: 0.75rem 0;
   }

   .header__inner.small {
      height: 3.5rem;
   }

   .header__logo {
      width: 11.0625rem;
   }

   .header__search {
      display: none;
   }

   .side__menu {
      width: 70%;
      padding: 0.938rem 1.25rem 1.25rem 1.25rem;
      transition: all .3 ease, padding 1s ease;
      min-height: 27.5rem;
   }

   .side__menu-close-link {
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .side__menu-close {
      width: 1rem;
      height: 1rem;
   }

   .header.sticky .side__menu {
      padding-top: 1.5rem;
   }

   .side__menu-title {
      font-size: 0.75rem;
   }

   .side__menu-close-link {
      width: 1.1875rem;
      height: 1.1875rem;
   }

   .side__menu-top {
      margin-bottom: 3.125rem;
   }

   .side__menu-bottom p {
      font-size: 0.875rem;
   }

   .menu__list-item div,
   .menu__list-item a:not(.menu__list-submenu li a) {
      font-size: 1.4375rem;
   }

   .menu__list-submenu li a {
      font-size: 0.875rem;
      color: rgba(255, 250, 234, 1);
   }

   .menu__list-item+.menu__list-item {
      margin-top: 0.625rem;
   }

   .header__favorite-and-cart {
      margin-left: auto;
   }

   .header__logo {
      top: 0.938rem;
      height: 4.875rem;
   }

   .header__favorite-and-cart .header__link:nth-child(1) {
      display: none;
   }



   .promo__text {
      width: 22.875rem;
   }

   .promo__text p {
      font-size: 2.375rem;
      line-height: 120%;
   }

   .new__content {
      margin-top: 5rem;
      margin-bottom: 5.625rem;
   }

   .new__content h2 {
      font-size: 1.4375rem;
      margin-bottom: 0.9375rem;
   }


   // .new__content-card img {
   //    border-radius: 0.375rem;
   // }

   // .main__img-back {
   //    border-radius: 0.375rem;
   // }

   .new__content-btn {
      margin-top: 1.5625rem;
      font-size: 0.75rem;
   }

   .dir__inner .container {
      height: 6rem;
   }

   .dir__nim {
      font-size: 0.75rem;
      font-weight: 600;
      margin-top: 2.1rem;
      margin-right: 5.125rem;
   }

   .dir__inner img {
      width: 5.375rem;
      height: 5.375rem;
      margin-top: 0.313rem;
   }

   .dir__inner p {
      font-size: 1.4375rem;
      margin-left: 0;
   }

   .main__dir {
      margin-bottom: 0;
   }

   .about__titile-m {
      font-size: 1.4375rem;
      margin-bottom: 1.25rem;
   }

   .about__info-m p {
      font-size: 1.5rem;
      line-height: 120%;
   }

   .about__btn-m {
      font-size: 0.75rem;
      margin-top: 1.5625rem;
      margin-bottom: 5rem;
   }

   .about__image-section img:nth-child(1) {
      width: 62%;
   }

   .about__image-section img:nth-child(2) {
      width: 36%;
   }

   .about__info-m {
      max-width: 43.5rem;
   }

   .footer-top {
      flex-wrap: wrap;
      row-gap: 5rem;
      justify-content: space-between;
   }

   .footer-top .column {
      flex: 1 0 30%;
      box-sizing: border-box;
   }

   .footer-top .column-form {
      flex: 2 0 100%;
   }

   .subscription-disclaimer {
      font-size: 0.625rem;
      line-height: 120%;
      width: 25rem;
   }

   .footer-top .column:nth-child(1) {
      order: 1;
      max-width: 12.5rem;
   }

   .footer-top .column:nth-child(2) {
      order: 3;
      max-width: 10.625rem;
   }

   .footer-top .column:nth-child(3) {
      order: 2;
      max-width: 6.875rem;
   }

   .footer-top .column:nth-child(4) {
      order: 4;
   }

   .footer-top .column-form p:not(.subscription-disclaimer) {
      font-size: 0.75rem;
      width: 16.875rem;
      line-height: 130%;
   }

   .footer__form-btn {
      bottom: 0.313rem;
   }

   .footer-top .column-form form input:not(.footer__form-btn) {
      font-size: 0.75rem;
      padding: 0.3125rem 0;
   }

   .footer-top .column:nth-child(2) .column__inner:nth-child(1) {
      order: 2;
   }

   .footer-top .column:nth-child(2) .column__inner:nth-child(2) {
      order: 1;
   }

   .promo-button-next,
   .promo-button-prev,
   .promo__btns {
      display: none;
   }

   .header__search {
      display: none;
   }

}

@media (max-width: 767px) {
   .promo__info-right {
      border-radius: 0;
   }

   html {
      font-size: 4.266vw;
   }

   header {
      box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
   }

   .container {
      padding: 0 0.9375rem;
   }

   .pag__elem {
      opacity: 1;
   }

   .images__pagination {
      max-width: 1.125rem;
      padding: 0;
      gap: 0.125rem;
   }

   .pag__elem::before {
      width: 0.1875rem;
      height: 0.1875rem;
      bottom: 0.3125rem;
      opacity: 0.3;
   }

   .pag__elem.active::before {
      opacity: 1;
   }

   .new__content-link {
      width: 47%;
      margin: 0 0.3rem;
      margin-bottom: 1.25rem;
   }

   .header__favorite-and-cart .header__link:nth-child(1) {
      display: none;
   }

   .header__search {
      display: none;
   }

   .swiper-container-horizontal>.swiper-pagination-bullets,
   .swiper-pagination-custom,
   .swiper-pagination-fraction {
      display: none;
   }

   .container-mob-none {
      padding: 0;
   }

   .swiper-img {
      border-radius: 0;
   }

   .promo__info-left {
      padding: 0 0.938rem;
   }

   .promo__info {
      padding-top: 3rem;
      margin-bottom: 3.75rem;
      overflow: hidden;
   }

   .js-promo,
   .swiper-img {
      height: 21.25rem;
   }

   .header__logo {
      position: static;
      width: 5.438rem;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .header__inner {
      padding: 0.3125rem 0;
      align-items: center;
   }

   .header.sticky .header__inner {
      height: 3rem;
      padding: 0.3rem 0;
   }


   .header__link {
      font-size: 0.75rem;
   }

   .promo__text p {
      font-size: 1.875rem;
   }

   .promo__text {
      width: 17.875rem;
   }

   .new__content {
      margin-top: 3.75rem;
      margin-bottom: 3.75rem;
   }

   .new__content h2 {
      font-size: 1.25rem;
      margin-bottom: 0.9375rem;
   }

   .new__content-card p {
      font-size: 0.875rem;
      margin-top: 0.4375rem;
      margin-bottom: 0.375rem;
   }

   .new__content-card p:last-child {
      margin: 0;
   }

   .new__content-link {
      margin-bottom: 1.25rem;
   }

   .new__content-card {
      gap: 0;
   }

   .dir__nim {
      font-size: 0.625rem;
      margin-top: 1.188rem;
      margin-right: 3.125rem;
   }

   .dir__inner img {
      width: 5.3125rem;
      height: 5.3125rem;
      margin-top: 0.3125rem;
   }

   .dir__inner p {
      font-size: 1rem;
      margin-left: 0;
      margin-top: 0.875rem;
   }

   .dir__inner .container {
      height: 6rem;
   }

   .new__content-btn button {
      font-size: 1rem;
      height: 3.125rem;
   }

   .about__titile-m {
      font-size: 1.25rem;
      margin-bottom: 1.5625rem;
   }

   .about__info-m p {
      font-size: 1.1875rem;
      left: 100%;
   }

   .about__btn-m {
      font-size: 1rem;
      height: 3.125rem;
      margin-top: 1.875rem;
      margin-bottom: 3.75rem;
   }

   .about__image-section img:nth-child(1) {
      display: none;
   }

   .about__image-section img:nth-child(2) {
      width: 100%;
   }

   .footer-top {
      flex-direction: column;
      gap: 1.875rem;
   }

   .footer-top .column:nth-child(1) {
      max-width: 100%;
   }

   .footer-top .column:nth-child(2) {
      max-width: 100%;
      flex-direction: row;
      order: 2;
      gap: 2.5rem;
   }

   .footer-top .column:nth-child(3) {
      display: flex;
      max-width: 100%;
      order: 3;
      gap: 4.375rem;
   }

   .footer-top .column-form {
      width: 100%;
   }

   .footer-top .column-form p:not(.subscription-disclaimer) {
      font-size: 0.625rem;
      width: 13.25rem;
      line-height: 120%;
   }

   .subscription-disclaimer {
      font-size: 0.625rem;
   }

   .column-form form input {
      font-size: 0.625rem;
   }

   .footer-top .column-form form input:not(.footer__form-btn) {
      font-size: 0.625rem;
      padding-bottom: 0.3125rem;
      padding-top: 0.125rem;
      line-height: 130%;
   }

   .footer__form-btn {
      bottom: 0.313rem;
   }

   .footer-top .column-form form input::placeholder {
      font-size: 0.625rem;
      font-weight: 500;
   }

   .footer-bottom a {
      font-size: 0.625rem;
      width: fit-content;
   }

   .footer-bottom p {
      font-size: 0.625rem;
   }

   .footer-bottom .column {
      flex-wrap: wrap;
      justify-content: flex-end;
   }

   .footer-bottom .column a:nth-child(1) {
      flex: 2 0 50%;

   }

   .footer-bottom p,
   .footer-bottom .column a:nth-child(2) {
      flex: 1 0 50%;
   }

   .footer-bottom .column a:nth-child(2) {
      padding-left: 1.15rem !important;
   }

   .footer__sog {
      padding: 0 !important;
   }

   .side__menu {
      width: 100%;
      padding-top: 1.063rem;
      min-height: 25rem;
   }

   .side__menu-title {
      font-size: 0.75rem;
      display: none;
   }

   .menu__list-item div,
   .menu__list-item a:not(.menu__list-submenu li a) {
      font-size: 1.25rem;
   }

   .menu__list-submenu li a {
      font-size: 0.85rem;
   }

   .menu__list-submenu.open {
      padding-top: 0;
   }

   .menu__list-item+.menu__list-item {
      margin-top: 0.9375rem;
   }

   .side__menu-bottom p {
      font-size: 0.875rem;
   }

   .header.sticky .side__menu {
      padding-top: 1.063rem;
   }

   .header__link-span-menu {
      background: inherit !important;
      width: auto !important;
      height: auto !important;
      font-size: 1.25rem !important;
   }

   .header__link p {
      display: none;
   }

   .header__link {
      position: relative;
   }

   .header__link svg {
      width: 2.1875rem;
      height: 2.1875rem;
   }

   .header__link span:not(.header__link-span-menu) {
      position: absolute;
      top: -0.25rem;
      right: -0.8rem;
      background: inherit;
   }

   .header__favorite-and-cart {
      width: 100%;
      margin: 0;
      justify-content: space-between;
   }

   .header__logo {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0.2rem;
   }

   .header__inner {
      padding-top: 0.2rem;
      padding-bottom: 0.6rem;
   }

   .cart-mob-counter {
      display: block;
   }

   .cart-mob-counter span {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1.6875rem;
      height: 1.6875rem;
      color: rgb(57, 60, 64);
      font-size: 1rem;
      font-weight: 600;
      text-align: left;
      background: #E7E1D0;
      border-radius: 50%;
   }

   .main__btn-to-collection a {
      height: 3.125rem;
      font-size: 1rem;
   }

   .swiper-pagination.promo-slider-pagination {
      padding: 0 1rem;
   }
}



/* --- footer new ------------------------- */




footer {
   margin-top: auto;
   background-color: #393C40;
   display: flex;
   flex-direction: row-reverse;
}


.footer p {
   margin: 0;
}

.footer__left {
   width: 64.375rem;
}

.footer__left-top {
   display: flex;
   gap: 2.1875rem;
   padding-top: 2.5rem;
   padding-left: 1.5625rem;
   padding-right: 3.9375rem;
   padding-bottom: 2.3125rem;
   border-bottom: 0.0625rem solid rgba(255, 252, 241, 0.1);
}

.footer__left-top-title {
   color: rgb(255, 252, 241);
   font-size: 1.563rem;
   font-weight: 600;
   line-height: 130%;
   text-align: left;
   width: 27.6875rem;
   margin: 0;
}

.footer__left-top-form form {
   position: relative;
   width: 29.6875rem;
   padding-top: 0.6rem;
}

.footer__left-top-form input {
   all: unset;
   border: none;
   outline: none;
   background: inherit;
   width: 100%;
   padding-bottom: 0.7rem;
   border-bottom: 0.0625rem solid rgba(255, 252, 241, 0.2);
   color: rgb(255, 252, 241);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 130%;
   text-align: left;
   margin-bottom: 0.5rem;
   transition: all .5s ease;
}

.footer__left-top-form input::placeholder {
   color: rgba(255, 252, 241, 0.5);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
}

.footer__left-top-form input:hover,
.footer__left-top-form input:focus {
   border-color: rgba(255, 252, 241, 1);
}

.footer__left-top-form button {
   background: none;
   width: 2.75rem;
   position: absolute;
   right: 0;
   top: 0.6rem;
}

.footer__left-top-form span {
   color: rgb(255, 252, 241);
   font-size: 0.75rem;
   font-weight: 500;
   line-height: 140%;
   text-align: left;
   opacity: 0.6;
}

.footer__left-top-form span a {
   color: rgb(255, 252, 241);
   font-size: 0.75rem;
   font-weight: 500;
   line-height: 140%;
   text-align: left;
   transition: all .5s ease;
}

.footer__left-top-form span a:hover {
   opacity: 0.6;
}

.footer__left-mid {
   display: flex;
   padding-top: 3.125rem;
   padding-left: 1.5625rem;
   padding-bottom: 4.375rem;
   gap: 5.625rem;
}

.footer__itemss {
   width: fit-content;
   display: flex;
   flex-direction: column;
}

.footer__items {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 9.6875rem;
   row-gap: 1.75rem;
}

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


.footer__link-base {
   margin-bottom: 0.875rem;
   color: rgb(255, 252, 241);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
}

.footer__link-def {
   color: rgba(255, 255, 255, 0.47);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
}

.footer__link-def+.footer__link-def {
   margin-top: 0.375rem;
}

.footer__link-def:hover {
   opacity: 1;
   color: rgb(255, 252, 241);
}

.footer__link-base:hover {
   opacity: 0.5;
   color: rgb(255, 252, 241);
}


.footer__items-f {
   margin-right: 9.6875rem;
   width: 12.25rem;
}

.footer__items-s {
   margin-right: 5.6875rem;
   width: 16.3125rem;
}

.footer__items-t {
   width: 12.25rem;
}

.footer__items-t .footer__link-base {
   margin-bottom: 1.25rem;
}

.footer__item p {
   color: rgb(255, 255, 255);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 130%;
   text-align: left;
   opacity: 0.5;
}

.footer__left-bot {
   padding: 1.25rem 0 1.5625rem 1.5625rem;
   border-top: 0.0625rem solid rgba(255, 252, 241, 0.1);
}

.footer__left-bot p,
.footer__bot p {
   color: rgb(255, 255, 255);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 130%;
   text-align: left;
   opacity: 0.6;
}

.footer__right {
   width: 100%;
   display: flex;
   flex-direction: column;
   background: #477097;
}

.footer__right-top {
   padding: 3.01rem 0 3.01rem 2.9375rem;
   border-bottom: 0.0625rem solid rgba(255, 252, 241, 0.1);
}

.footer__right-link {
   display: flex;
   align-items: center;
   gap: 0.75rem;
}

.footer__right-link+.footer__right-link {
   margin-top: 1.25rem;
}

.footer__right-link p {
   color: rgb(255, 252, 241);
   font-size: 1.5625rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
}

.footer__right-link img {
   width: 2rem;
}

.footer__right-link:hover {
   opacity: 50%;
}

.footer__right-mid {
   padding-left: 2.9375rem;
}

.footer__right-mid-soc {
   padding-top: 2.9375rem;
}

.footer__right-mid-soc p {
   width: fit-content;
   color: rgb(255, 252, 241);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
   margin-bottom: 0.875rem;
}

.footer__soc-links {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 2.8125rem;
}

.footer__right-mid-soc a {
   width: 3.6875rem;
   height: 3.6875rem;
   border-radius: 0.375rem;
   display: flex;
   justify-content: center;
   align-items: center;
   background: rgba(255, 255, 255, 0.1);
   transition: all .5s ease;
}

.footer__right-mid-soc a:hover {
   background: rgba(255, 255, 255, 0.2);
}

.footer__right-mid-soc a img {
   width: 1.5rem;
}

.footer__right-mid-del p {
   color: rgb(255, 252, 241);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 130%;
   text-align: left;
   margin-bottom: 1.125rem;
   width: fit-content;
   opacity: 0.5;
}

.footer__right-mid-del-flex {
   display: flex;
   gap: 1.25rem;
   align-items: center;
   width: fit-content;
}

.footer-image {
   opacity: 0.5;
}

.footer-image:nth-child(1) {
   width: 3.125rem;
}

.footer-image:nth-child(2) {
   width: 3.875rem;
}

.footer-image:nth-child(3) {
   width: 6.375rem;
}

.footer-image:nth-child(4) {
   width: 3.375rem;
}

.footer__right-bot {
   height: 4rem;
   margin-top: auto;
   border-top: 0.0625rem solid rgba(255, 252, 241, 0.1);
}

.footer__bot {
   display: none;
}

.footer__item-children {
   display: flex;
   flex-direction: column;
}

.footer__accodrion,
.footer__accodrion-2 {
   display: none;
}



.insales_widget-delivery.insales_widget-delivery--box-shadow {
   box-shadow: none !important;
   padding-left: 0;
}

.insales_widget-delivery.insales_widget-delivery--with-background .insales_widget-delivery_header {
   background: inherit !important;
}

.insales_widget-delivery_info li {
   padding-top: 0 !important;
}

.insales_widget-current_address button.insales_widget-open_modal {
   color: #3C3838 !important;
   border-bottom: 1px dashed #3C3838 !important;
   padding-left: 0;
   padding-right: 0;
   margin-left: 6px;
}

.insales_widget-delivery_info--title.with-description>i {
   display: none;
}



@media (max-width: 1024px) {
   footer {
      flex-direction: column;
   }

   .footer__left {
      width: 100%;
   }

   .footer__right {
      width: 100%;
      gap: 3.5rem;
   }

   .footer__left-top {
      gap: 2.1875rem;
      padding: 1.4375rem 1.25rem 1.875rem;
   }

   .footer__left-top-title {
      font-size: 1.3125rem;
      width: 16.375rem;
      flex: 0 0 16.375rem;
   }

   .footer__left-top-form form {
      width: 26.9375rem;
      flex: 0 0 26.9375rem;
      padding-top: 0;
   }

   .footer__left-top-form span {
      font-size: 0.75rem;
   }

   .footer__left-top-form input {
      font-size: 1.125rem;
      padding-bottom: 0.9375rem;
      transition: all .5s ease;
   }

   .footer__left-top-form input::placeholder {
      font-size: 1.125rem;
   }

   .footer__link-base {
      font-size: 0.875rem;
      margin-bottom: 0.75rem;
   }

   .footer__link-def {
      font-size: 0.875rem;
   }

   .footer__link-def+.footer__link-def {
      margin-top: 0.25rem;
   }

   .footer__items {
      row-gap: 1.75rem;
      column-gap: 5rem;
   }

   .footer__left-mid {
      gap: 2.1875rem;
      padding: 1.875rem 0 2.1875rem 1.25rem;
   }

   .footer__left-bot,
   .footer__right-bot {
      display: none;
   }

   .footer__right-top {
      border: none;
      padding: 0;
      margin-right: 0;
   }

   .footer__right {
      display: flex;
      flex-direction: row;
      padding: 1.375rem 0.625rem 1.5625rem 1.25rem;
   }

   .footer__right-link {
      gap: 0.625rem;
   }

   .footer__right-link img {
      width: 1.25rem;
   }

   .footer__right-link p {
      font-size: 1.125rem;
   }

   .footer__right-mid-soc {
      padding: 0;
   }

   .footer__right-mid-soc p {
      font-size: 0.875rem;
   }

   .footer__right-mid-soc a {
      width: 3rem;
      height: 3rem;
   }

   .footer__right-mid-soc a img {
      width: 1.125rem;
   }

   .footer__right-mid {
      padding: 0;
      display: flex;
      justify-content: space-between;
      width: 100%;
   }

   .footer__bot {
      display: block;
      background: #477097;
      padding: 0 1.25rem;
   }

   .footer__bot p {
      border-top: 0.0625rem solid rgba(255, 252, 241, 0.1);
      padding: 1.25rem 0;
      font-size: 0.625rem;
      font-weight: 400;
   }

   .footer__right-mid-del p {
      font-size: 0.875rem;
   }

   .footer-image:nth-child(1) {
      width: 2.125rem;
   }

   .footer-image:nth-child(2) {
      width: 2.625rem;
   }

   .footer-image:nth-child(3) {
      width: 4.375rem;
   }

   .footer__right-mid-del-flex {
      gap: 0.75rem;
   }

   .footer__left-top-form button {
      width: 2.75rem;
      padding: 0;
      top: 0;
   }
}

.desc-none,
.footer__right-mob {
   display: none;
}

@media (max-width: 767px) {
   .footer__left-top {
      flex-direction: column;
      gap: 1.75rem;
      padding: 1.125rem 0.9375rem 1.5625rem;
   }

   .footer__left-top-title {
      width: 100%;
      font-size: 1.125rem;
      flex: auto;
   }

   .footer__left-top-form form {
      width: 100%;
      flex: auto;
   }

   .footer__left-top-form input {
      font-size: 0.875rem;
      padding-bottom: 0.375rem;
      margin-bottom: 0.5rem;
   }

   .footer__left-top-form span {
      display: block;
      width: 100%;
      font-size: 0.75rem;
   }

   .footer__left-top-form input:placeholder {
      font-size: 0.875rem;
   }

   .footer__left-top-form button {
      width: 1.375rem;
   }

   .footer__items {
      grid-template-columns: repeat(1, 1fr);
   }

   .footer__items-t {
      width: 100%;
   }

   .footer__left-mid {
      flex-direction: column;
      padding: 1.6875rem 0.8125rem 0;
      gap: 0;
   }

   .footer__right {
      flex-direction: column;
   }

   .footer__accodrion,
   .footer__accodrion-2 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      width: 100%;
      border-bottom: 0.0625rem solid rgba(255, 252, 241, 0.3);
      padding-bottom: 1.125rem;
      margin-bottom: 1.125rem;

   }

   .footer__accodrion-2 p,
   .footer__accodrion p {
      color: rgb(255, 252, 241);
      font-size: 1.125rem;
      font-weight: 600;
      line-height: 120%;
      text-align: left;
   }

   .footer__accodrion-2 img,
   .footer__accodrion img {
      width: 0.6875rem;
   }

   .footer__items {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin-bottom: 1.125rem;
   }

   .footer__itemss {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin-bottom: 1.125rem;
   }

   .footer__right-mid-soc p {
      font-size: 0.75rem;
      margin-bottom: 0.5rem;
   }

   .footer__right-mid-soc a {
      width: 2.625rem;
      height: 2.625rem;
   }

   .footer__right-mid-soc a img {
      width: 1rem;
   }

   .footer__right {
      flex-direction: row;
      position: relative;
      height: 12.5rem;
      gap: 1.5625rem;
      padding: 1.25rem 0.9375rem 1.125rem;
   }

   .footer__right-mid-del {
      position: absolute;
      bottom: 1.125rem;
      left: 0.9375rem;
   }

   .footer__right-mid-del p {
      width: 100%;
      font-size: 0.875rem;
      margin-bottom: 0.75rem;
   }

   .footer-image:nth-child(1) {
      width: 3.75rem;
   }

   .footer-image:nth-child(2) {
      width: 4.6875rem;
   }

   .footer-image:nth-child(3) {
      width: 7.8125rem;
   }

   .footer__bot p {
      font-size: 0.75rem;
      padding: 1rem 0;
   }

   .footer__bot {
      padding: 0 0.9375rem;
   }

   .footer__link-def {
      display: none;
   }

   .footer__items {
      gap: 0;
   }

   .footer__link-base {
      color: rgba(255, 252, 241, 0.57);
   }

   .footer__link-base:hover,
   .footer__link-base:focus {
      color: #fff;
      opacity: 1;
   }

   .desc-none {
      display: block;
   }

   .footer__right-top .desc-none {
      color: rgb(255, 252, 241);
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 100%;
      text-align: left;
      margin-bottom: 0.375rem;
   }

   .footer__right-link+.desc-none {
      margin-top: 1.125rem;
   }

   .mobi-none {
      display: none;
   }

   .footer-image:nth-child(1) {
      width: 2.1875rem;
   }

   .footer-image:nth-child(2) {
      width: 2.8125rem;
   }

   .footer-image:nth-child(3) {
      width: 4.625rem;
   }

   .footer-image:nth-child(4) {
      width: 2.563rem;
   }

   .footer__right-mid-soc {
      margin-left: auto;
   }

   .footer__right {
      display: none;
   }

   .footer__bot {
      background: inherit;
   }

   .footer__right-mob {
      display: block;
   }

   .footer__mob-icon {
      width: 1.0625rem;
      height: 1.0625rem;
   }

   .footer__right-mob-top {
      display: flex;
      padding: 0 0.813rem;
      margin-bottom: 1.875rem;
      justify-content: space-between;
   }

   .footer__right-mob-bottom {
      display: flex;
      align-items: center;
      padding: 0 0.813rem;
      gap: 1.125rem;
      margin-bottom: 1.375rem;
   }


   .footer__right-mob-link {
      display: flex;
      padding: 0.8125rem;
      border-radius: 0.375rem;
      align-items: center;
      width: fit-content;
      background: rgba(255, 255, 255, 0.1);
   }

   .footer__right-mob-link.tg-link {
      gap: 0.625rem;
   }

   .footer__right-mob-link.tg-link p {
      font-size: 1.125rem;
      font-weight: 600;
      line-height: 120%;
      text-align: left;
      color: rgba(255, 255, 255, 1);
   }

   .menu__list-item.menu__list-item-mob.mob-none {
      display: none;
   }

   .favorite__icon {
      width: 1rem;
      height: 1rem;
   }
}



.page__search-header.active {
   display: block;
   width: 100%;
}

.page__search-header.active input::placeholder {
   opacity: 50%;
   font-size: 1rem;
   font-weight: 500;
   line-height: 110%;
   text-align: left;
}

.page__search-header.active input {
   font-size: 1rem;
   font-weight: 500;
   line-height: 110%;
   text-align: left;
}

.header__search p {
   color: rgb(60, 56, 56);
   font-size: 1rem;
   font-weight: 600;
   line-height: 137.5%;
   padding-bottom: 0.25rem;
   cursor: pointer;
}

.header__search.active p {
   display: none;
}

.header__search.active svg path {
   opacity: 50%;
   stroke: #393C40;
}

.header__search svg {
   position: absolute;
   left: 0;
   bottom: 0.4rem;
   width: 1.2rem;
   height: 1.2rem;
}

.header__search.active svg {
   bottom: 0.35rem;
}

.header__search svg path {
   transition: all 1s ease;
}

.page__search-header {
   display: none;
}

.header__search p {
   margin: 0;
}

.header__search:not(.active) {
   width: fit-content;
}

.close__ficon {
   width: 0.7rem;
   height: 0.7rem;
   position: absolute;
   right: 0;
   bottom: 0.5rem;
   display: none;
   cursor: pointer;
}

.header__search.active .close__ficon {
   display: block;
}

.page__search-header input {
   width: 100%;
   background: inherit;
   border: none;
   padding-bottom: 0.25rem;
   padding-left: 0;
   color: #393C40;
}









.footer__first {
   width: 24rem;
   flex: 0 0 24rem;
   padding: 3.125rem 3.375rem 3.75rem 2.5rem;
   background: #282B2F;
}

.footer__first-top {
   margin-bottom: 7.3rem;
}

.footer__first-logo {
   width: 18rem;
   margin-bottom: 0.75rem;
}

.footer__first-logo img {
   width: 100%;
}

.footer__first-ban {
   color: rgb(255, 252, 241);
   font-size: 1.125rem;
   font-weight: 500;
   line-height: 130%;
   text-align: left;
   margin-bottom: 1.875rem;
}

.footer__first-form {
   position: relative;
   width: 100%;
   margin-bottom: 0.5rem;
}

.footer__first-form input {
   color: rgba(255, 252, 241, 1);
   font-size: 1.125rem;
   font-weight: 500;
   line-height: 120%;
   text-align: left;
   padding-bottom: 0.9375rem;
   width: 100%;
   border-bottom: 0.0625rem solid rgb(255, 255, 255, 0.2);
   transition: all .5s ease;
   border-radius: 0 !important;
}

.footer__first-form input:hover,
.footer__first-form input:focus {
   border-bottom: 0.0625rem solid rgb(255, 255, 255, 0.4);
}

.footer__first-form input::placeholder {
   color: rgba(255, 252, 241, 0.57);
}

.footer__first-form button {
   width: 1.75rem;
   background: inherit;
   position: absolute;
   right: 0;
   top: 0;
   padding: 0;
}

.footer__first-form button img {
   width: 100%;
}

.footer__first-sub {
   color: rgba(255, 252, 241, 0.6);
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 140%;
   text-align: left;
}

.footer__first-sub a {
   color: rgba(255, 252, 241, 0.6);
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 140%;
   text-align: left;
}

.footer__first-sub a:hover {
   border-bottom: 0.0625rem solid rgba(255, 252, 241, 0.6);
}

.footer__first-bottom {
   display: flex;
   gap: 0.6875rem;
}

.footer__first-bottom.in-tablet {
   display: none;
}

.footer__first-bottom-link {
   border-radius: 0.375rem;
   background: rgba(255, 255, 255, 0.1);
   transition: all .5s ease;
}

.footer__sub-link {
   width: 100%;
   color: rgb(255, 252, 241);
   font-size: 1rem;
   font-weight: 500;
   line-height: 120%;
   text-align: center;
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 3.688rem;
   background: inherit;
   border: 1px solid rgb(255, 252, 241);
}

.footer__first-bottom-link:hover {
   background: rgba(255, 255, 255, 0.3);
   color: #fff;
}

.footer__first-bottom-link:not(.footer__first-bottom-link-text, .footer__sub-link) {
   padding: 0;
   width: 3.688rem;
   height: 3.688rem;
   display: flex;
   align-items: center;
   justify-content: center;
}

.footer__first-bottom-link img {
   width: 1.5rem;
   height: 1.5rem;
}

.footer__first-bottom-link.footer__first-bottom-link-text {
   color: rgb(255, 252, 241);
   font-size: 1rem;
   font-weight: 500;
   line-height: 120%;
   text-align: center;
   display: flex;
   align-items: center;
   gap: 1.1rem;
   flex: 1;
   height: 3.688rem;
   padding: 0 1.1rem;
}


.footer__second {
   width: 100%;
   padding-top: 5rem;
}

.footer__second-top {
   padding-left: 1.5625rem;
}

.footer__second-flex {
   display: flex;
   gap: 5.5rem;
}

.footer__second-list {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   row-gap: 1.75rem;
   column-gap: 5rem;
}

.footer__second-item {
   display: flex;
   flex-direction: column;
}

.footer__link-l {
   color: rgb(255, 252, 241);
   font-size: 1rem;
   font-weight: 500;
   line-height: 120%;
   text-align: left;
   margin-bottom: 0.875rem;
   display: block;
   white-space: nowrap;
   width: fit-content;
}

.footer__link-s {
   color: rgba(255, 255, 255, 0.47);
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 120%;
   text-align: left;
   display: block;
   width: fit-content;
}

.collection-description p span {
   color: rgba(255, 255, 255, 0.47);
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 120%;
   text-align: left;
   display: block;
}

.footer__link-s+.footer__link-s {
   margin-top: 0.5rem;
}

.footer__second-flex-left {
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
   padding-right: 1.5625rem;
}

.footer__second-flex-left a {
   margin: 0 !important;
}

.footer__second-info {
   margin-top: 4.2rem;
   margin-bottom: 3.5rem;
}

.footer__second-info p {
   color: rgba(255, 252, 241, 0.47);
   font-size: 1rem;
   font-weight: 500;
   line-height: 130%;
   text-align: left;
   margin-bottom: 0.875rem;
}

.footer__second-imgs {
   display: flex;
   gap: 1.25rem;
   opacity: 0.3;

}

.footer__second-imgs img:nth-child(1) {
   width: 3.5rem;
}

.footer__second-imgs img:nth-child(2) {
   width: 4rem;
}

.footer__second-imgs img:nth-child(3) {
   width: 7rem;
}

.footer__second-imgs img:nth-child(4) {
   width: 4rem;
}

.footer__second-bottom {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 0.625rem 0;
   border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);
   padding-left: 1.5625rem;
}

.footer__second-bottom.in-tablet {
   display: none;
}

.footer__second-bottom p {
   color: rgba(255, 252, 241, 0.4);
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 120%;
   text-align: left;
}


.footer__tablet,
.footer__mobile {
   display: none;
}


@media (max-width: 1024px) {
   .footer__tablet {
      display: block;
   }

   .footer__second-list {
      column-gap: 5rem;
      row-gap: 1.75rem;
   }

   .footer__second-flex {
      gap: 4.125rem;
      padding: 3.125rem 0.75rem 1.5625rem 1.25rem;
   }

   .footer__link-l {
      font-size: 0.875rem;
      margin-bottom: 0.75rem;
   }

   .footer__link-s {
      font-size: 0.875rem;
   }

   .footer__link-s+.footer__link-s {
      margin-top: 0.25rem;
   }

   .footer__tablet-bottom {
      display: flex;
      justify-content: space-between;
      padding: 0 1.25rem;
      padding-top: 3.125rem;
      background-color: #282B2F;
   }

   .footer__first-logo {
      width: 7.3125rem;
      margin-bottom: 0.625rem;
   }

   .footer__first-bottom {
      gap: 0.5625rem;
   }

   .footer__first-bottom-link.footer__first-bottom-link-text {
      width: 12.0625rem;
      height: 2.9375rem;
   }

   .footer__first-bottom-link:not(.footer__first-bottom-link-text) {
      width: 2.9375rem;
      height: 2.9375rem;
   }

   .footer__first-bottom-link img {
      width: 1.1875rem;
      height: 1.1875rem;
   }

   .footer__second-info {
      margin-top: 1rem;
      margin-bottom: 2.25rem;
   }

   .footer__second-info p {
      font-size: 0.875rem;
      margin-bottom: 0.3125rem;
   }

   .footer__second-imgs img:nth-child(1) {
      width: 2.5rem;
   }

   .footer__second-imgs img:nth-child(2) {
      width: 3.125rem;
   }

   .footer__second-imgs img:nth-child(3) {
      width: 5.25rem;
   }

   .footer__second-imgs img:nth-child(4) {
      width: 2.8125rem;
   }

   .footer__tablet-br {
      width: 19.75rem;
   }

   .footer__first-ban {
      font-size: 1rem;
      margin-bottom: 1.1875rem;
   }

   .footer__first-form input {
      font-size: 1rem;
      margin-bottom: 0.75rem;
      padding-bottom: 0.75rem;
   }

   .footer__first-form button {
      width: 1.5625rem;
   }

   .footer__second-bottom {
      background-color: #282B2F;
      justify-content: flex-start;
      padding: 0.75rem 1.25rem;
   }

   .footer__second-bottom p {
      font-size: 0.625rem;
   }
}

@media(max-width: 767px) {
   .footer__tablet {
      display: none;
   }

   .footer__mobile {
      display: block;
   }

   .footer__mob-top {
      padding: 2.25rem 1rem 0 0.9375rem;
   }

   .footer__mob-bot {
      background-color: #282B2F;
      padding: 1.75rem 1rem 1.5rem 1rem;
   }

   .footer__first-logo {
      width: 10.125rem;
      margin-bottom: 0.625rem;
   }

   .footer__first-bottom {
      margin-bottom: 1.5625rem;
      gap: 0.4375rem;
   }

   .footer__second-imgs {
      gap: 0;
      justify-content: space-between;
      margin-bottom: 1.125rem;
   }

   .footer__first-bottom-link.footer__first-bottom-link-text {
      width: 15.3125rem;
      height: 2.625rem;
      font-size: 0.875rem;
   }

   .footer__first-bottom-link:not(.footer__first-bottom-link-text) {
      width: 2.625rem;
      height: 2.625rem;
   }

   .footer__first-bottom-link img {
      width: 1rem;
      height: 1rem;
   }

   .footer__first-ban {
      font-size: 1.125rem;
      margin-bottom: 1.75rem;
   }

   .footer__first-form input {
      padding-bottom: 0.3125rem;
      margin-bottom: 0.5rem;
      font-size: 0.875rem;
      border-radius: 0 !important;
   }

   .footer__first-form button {
      width: 1.375rem;
   }

   .footer__first-sub {
      font-size: 0.75rem;
      margin-bottom: 2.5rem;
   }

   .footer__second-bottom {
      font-size: 0.75rem;
      justify-content: center;
      padding-left: 0;
      padding-right: 0;
      background-color: inherit;
   }

   .footer__second-info p {
      margin-bottom: 1rem;
   }
}






.main__new-dir {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   width: 100%;
   overflow: hidden;
   margin-bottom: 7.5rem;
}

.new__dir-link {
   height: 35rem;
}

.dir__new-inner {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
}

.dir__new-inner img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   transition: all .3s ease;
   object-fit: cover;
   transform: scale(1.005);
}

.dir__new-inner::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.3);
   z-index: 2;
   transition: all .3s ease;
}

.dir__new-num {
   font-size: 1rem;
   font-weight: 500;
   line-height: 120%;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   position: absolute;
   top: 2.25rem;
   left: 1.875rem;
   color: #fff;
   z-index: 3;
}

.dir__inner-text {
   display: flex;
   flex-wrap: wrap;
   gap: 0.875rem;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 3;
}

.dir__inner-text p {
   font-size: 2.375rem;
   font-weight: 500;
   line-height: 130%;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #fff;
   margin: 0;
}

.dir__inner-icon {
   opacity: 0;
   width: 2rem;
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-30%);
   transition: all .3s ease;
   height: fit-content;
}

.new__dir-link:hover .dir__inner-icon {
   right: -3rem;
   opacity: 1;
}

.new__dir-link:hover img {
   transform: scale(1.1);
}

.dir__new-inner:hover::before {
   background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 1024px) {
   .main__new-dir {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .new__dir-link {
      height: 28.125rem;
   }

   .dir__new-num {
      font-size: 1rem;
   }

   .dir__inner-text p {
      font-size: 1.875rem;
   }

   .dir__inner-icon {
      width: 1.625rem;
   }
}


.header__cart-link svg {
   display: none;
}

@media (max-width: 767px) {
   .header__cart-link svg {
      display: block;
   }

   .new__dir-link {
      height: 13.625rem;
   }

   .dir__new-num {
      font-size: 0.75rem;
      top: 1rem;
      left: 1rem;
   }

   .dir__inner-text p {
      font-size: 1.25rem;
   }

   .dir__inner-icon {
      display: none;
   }

   .main__new-dir {
      margin-bottom: 3.75rem;
   }

   .not-available-sticker {
      font-size: 0.75rem;
      padding: 0.15rem 0.25rem;
      border-radius: 4px;
      bottom: 0.5rem;
      left: 0.5rem;
      top: auto;
      font-weight: 600;
   }
}


.empty__content {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 8rem;
}

.empty__info {
   width: 37.5rem;
}

.empty__btns {
   display: flex;
   gap: 0.5rem;
   align-items: center;
   margin-top: 5rem;
}

.empty__btn {
   padding: 0.875rem 0.625rem;
   border-radius: 0.5rem;
   flex: 1;
   font-weight: 600;
   font-size: 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 11rem;
}

.empty__btn-def {
   background: #393C40;
   color: #FFFCF1;
}

.empty__btn-def:hover {
   background: rgba(57, 60, 64, 0.9);
   color: #FFFCF1 !important;
}

.empty__btn-rev {
   background: inherit;
   border: 0.0625rem solid #393C404D;
   color: #393C40;
}

.empty__btn-rev:hover {
   background: rgb(241, 237, 225);
   border: 1px solid rgba(57, 60, 64, 0.3);
   color: #3C3838 !important;
}

.empty__pic {
   width: 34.375rem;
   height: auto;
}

.scroll-smoother-body {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
}

.empty__info ul li + li {
   margin-top: 1rem;
}

@media (max-width: 1024px) {
   .empty__content {
      flex-direction: column-reverse;
   }
}

@media (max-width: 767px) {
   .empty__pic {
      width: 100%;
   }
   .empty__info {
      width: 100%;
   }
   .empty__btns  {
      margin-top: 3rem;
   }
   .empty__info h1 {
      margin-top: 2rem;
      font-size: 1.2rem;
   }
   .empty__info ul li {
      font-size: 0.9rem;
   }
   .empty__btn {
      padding: 0.75rem;
      font-size: 0.9rem;
   }
   .empty__content {
      margin-bottom: 3rem;
   }
}

@media (max-width: 1024px) {
   .footer__desktop {
      flex-direction: column-reverse;
   }
   .footer__first {
      width: 100%;
      padding: 1.25rem;
      flex: auto;
   }
   .footer__first-top {
      display: flex;
      gap: 2.5rem;
      margin-bottom: 1.5rem;
   }
   .footer__first-bottom-link.footer__sub-link {
      width: auto;
   }
   .footer__first-logo {
      margin: 0;
      width: 17.5rem;
   }
   .footer__first-ban{ 
      font-size: 0.875rem;
      margin-bottom: 0.75rem;
   }
   .footer__second-top {
      padding-left: 0;
   }
   .footer__second {
      padding-top: 0;
   }

   .footer__second-bottom {
      display: none;
   }
   .footer__second-bottom.in-tablet {
      display: block;
      padding-bottom: 0;
   }

   .footer__first-bottom {
      display: none;
   }
   .footer__first-bottom.in-tablet {
      display: flex;
      margin-top: 0.75rem;
   }
   .footer__second-imgs {
      padding-left: 1.25rem;
   }
}

@media (max-width: 767px) {
   .footer__desktop {
      display: none;
   }
   .footer__second-bottom {
      display: block;
   }
   .footer__first-logo {
      width: 14.25rem;
      margin-bottom: 1.4rem;
   }
   .footer__second-imgs {
      padding: 0;
      justify-content: flex-start;
      gap: 1rem;
   }

   .footer__link-l{ 
      color: rgba(255, 252, 241, 0.57);
      transition: all .3s ease;
   }
   .footer__link-l:hover {
      color: rgba(255, 252, 241, 1);
   }

   .footer__sub-link p,
   .footer__first-bottom-link-text p {
      font-size: 0.85rem;
   }
}