@font-face {
  font-family: "Montserrat";
  src: url(../../fonts/Montserrat/Montserrat-Regular.eot);
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(../../fonts/Montserrat/Montserrat-Regular.eot?#iefix) format("embedded-opentype"), url(../../fonts/Montserrat/Montserrat-Regular.woff) format("woff"), url(../../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../../fonts/Montserrat/Montserrat-Bold.eot);
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url(../../fonts/Montserrat/Montserrat-Bold.eot?#iefix) format("embedded-opentype"), url(../../fonts/Montserrat/Montserrat-Bold.woff) format("woff"), url(../../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../../fonts/Montserrat/Montserrat-Medium.eot);
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url(../../fonts/Montserrat/Montserrat-Medium.eot?#iefix) format("embedded-opentype"), url(../../fonts/Montserrat/Montserrat-Medium.woff) format("woff"), url(../../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../../fonts/Montserrat/Montserrat-SemiBold.eot);
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(../../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"), url(../../fonts/Montserrat/Montserrat-SemiBold.woff) format("woff"), url(../../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-primary-text: #000;
  --color-secondary: #B5B5B5;
  --color-grey: #919191;
  --color-greyHint: #F2F2F2;
  --color-greyText: #757575;
  --color-greyDark: #AAAAAA;
  --color-greyDeep: #585858;
  --color-greyBorder: #B7B7B7;
  --color-greyBorder2: #E7E7E7;
  --color-greySvg: #949494;
  --color-greyLine: #686868;
  --color-greyNav: #D0D0D0;
  --color-orange: #FF9568;
  --color-orangeDark: #FF9900;
  --color-orangeBg: #FF8957;
  --color-yellow: #FFC52F;
  --color-yellowStar: #FFCA41;
  --color-promo: #E21235;
  --color-red: #FF5D42;
  --color-redHover: #FF583D;
  --color-redLight: #FB6D56;
  --color-redDark: #FF5D42;
  --color-redText: #FF573C;
  --color-green: #17D329;
  --color-error: #E31717;
  --color-dark: #1C1C1C;
  --color-light: #C8C8C8;
  --color-green-dark: #4CA042;
  --color-grey-secondary: #A0A0A0;
  --color-border: #DB9319;
}
.h-100 {
   height: 100%}
.w-100 {
  width: 100%}
.cursor-pointer {
  cursor: pointer;
}
.overflow-hidden {
  overflow: hidden;
}
.svg-block svg {
  display: block;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.position-relative {
  position: relative;
}
.swiper-button-prev, .swiper-button-next {
  width: 48px;
  height: 48px;
  background: var(--color-secondary-text);
  box-shadow: 0 2px 16px rgba(0, 0, 0, .16);
  border-radius: 50%;
  cursor: pointer;
}
.swiper-button-prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: -24px;
}
.swiper-button-next {
  margin-right: -24px;
}
.swiper-button-disabled {
  opacity: .5;
}
.section-height {
  min-height: calc(100vh - 230px);
}
.image-contain {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
*, ::after, ::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--color-primary-text);
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #fcfcfc;
}
h6, h5, h4, h3, h2, h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
p, a, label, input, span, li, ol, ul {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin: 0;
}
img {
  max-width: 100%;
}
h1 {
  margin: 0;
  font-size: 18px;
  line-height: 130%}
@media (min-width:768px) {
  h1 {
    font-size: 30px;
    line-height: 39px;
  }
}@media (min-width:991px) {
  h1 {
    font-size: 36px;
    line-height: 64px;
  }
}h2 {
   font-size: 22px;
   line-height: 150%;
   font-weight: 700;
 }
@media (min-width:768px) {
  h2 {
    font-size: 24px;
  }
}@media (min-width:991px) {
  h2 {
    font-size: 28px;
  }
}@media (min-width:991px) {
  h2 {
    font-size: 32px;
  }
}@media (min-width:1550px) {
  h2 {
    font-size: 52px;
  }
}h3 {
   font-size: 20px;
   line-height: 150%}
@media (min-width:768px) {
  h3 {
    font-size: 22px;
    line-height: 150%;
  }
}label, p, li, input, a {
   font-size: 12px;
   line-height: 150%;
   font-weight: 400;
 }
div, p, li, a {
  font-size: 16px;
}

p + p {
  margin-top: 12px;
}
ol, ul {
  padding-left: 24px;
  margin: 12px 0;
}
ol li + li, ul li + li {
  margin-top: 8px;
}
@media (min-width:768px) {
  label, p, li, input, a {
    font-size: 16px;
  }
}.text-small {
   font-size: 12px;
   line-height: 15px;
   font-weight: 300;
 }
.text-primary {
  font-size: 14px;
  line-height: 17px;
}
.text {
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
}
.text-little {
  font-size: 12px;
  line-height: 15px;
}
.gap-10 {
  gap: 10px;
}
.text-large {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%}
@media (min-width:768px) {
  .text-large {
    font-size: 20px;
    line-height: 24px;
  }
}.font-weight {
   font-weight: 400!important;
 }
.font-medium {
  font-weight: 500!important;
}
.font-light {
  font-weight: 300!important;
}
.font-bold {
  font-weight: 700!important;
}
.font-demi {
  font-weight: 600!important;
}
.color-primary {
  color: var(--color-primary-text)!important;
}
.color-dark {
  color: var(--color-dark)!important;
}
.color-light {
  color: var(--color-light)!important;
}
.color-secondary {
  color: var(--color-secondary)!important;
}
.color-grey {
  color: var(--color-grey)!important;
}
.color-light {
  color: var(--color-light)!important;
}
.text-underline {
  text-decoration: underline;
}
.color-white {
  color: #fff!important;
}
.text-uppercase {
  text-transform: uppercase;
}
a {
  color: var(--color-primary-text);
  text-decoration: none;
  transition: .4s;
}
a:hover {
  color: var(--color-primary-text);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
.btn {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: var(--color-primary-text);
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 10px;
  background: 0 0;
  border: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-height: 56px;
  min-width: 200px;
  transition: .4s;
  padding: 18px 24px;
}
@media (min-width:768px) {
  .btn {
    font-size: 16px;
  }
}@media (max-width:990.98px) {
  .btn {
    padding: 18px 16px;
  }
}.btn-primary, .btn-orange {
   background: var(--color-redLight);
   width: 180px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   padding: 0;
   min-width: auto;
 }
@media (min-width:1280px) {
  .btn-primary, .btn-orange {
    width: 208px;
  }
}.btn-primary span, .btn-orange span {
   font-weight: 500;
   color: #fff;
   text-align: center;
 }
.btn-orange {
  background: var(--color-orange);
  color: #fff;
  width: 180px;
  padding: 0;
}
@media (min-width:1280px) {
  .btn-orange {
    width: 226px;
  }
}.btn-orange:hover {
   background: var(--color-secondary);
 }
.btn-red {
  background: var(--color-redLight);
  color: #fff;
  width: 180px;
  padding: 0;
}
@media (min-width:1280px) {
  .btn-red {
    width: 227px;
  }
}.btn-red:hover {
   background: var(--color-redHover);
   color: #fff;
 }
.btn-transparent {
  color: #fff;
  min-width: auto;
}
.btn-transparent:hover {
  background: #fff;
  color: var(--color-redLight);
}
.btn-transparent-orange {
  color: var(--color-redLight);
  min-width: auto;
}
.btn-transparent-orange:hover {
  background: #fff;
  color: var(--color-redLight);
}
.btn-border {
  color: #fff;
  outline: 1px solid #fff;
}
.btn-border:hover {
  background: #fff;
  color: var(--color-redLight);
}
.btn-border-orange {
  color: var(--color-redLight);
  outline: 1px solid var(--color-redLight);
}
.btn-border-orange:hover {
  background: #fff;
  color: var(--color-redLight);
}
.btn-orange-link {
  outline: none;
  min-width: auto;
  min-height: auto;
  color: var(--color-redLight);
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-bottom: 1px solid var(--color-redLight);
  padding-bottom: 2px;
  border-radius: 0;
}
.btn-orange-link:focus,
.btn-orange-link:active:focus,
.btn-orange-link:active {
  outline: none !important;
  color: var(--color-redLight);
  outline-offset: 0 !important;
  box-shadow: none !important;
}
@media (max-width:990.98px) {
  .btn-orange-link {
    font-size: 16px;
  }
}.btn-orange-link svg {
   width: 21px;
   height: 13px;
   fill: var(--color-redLight);
   margin-left: 16px;
 }
@media (max-width:990.98px) {
  .btn-orange-link svg {
    margin-left: 8px;
  }
}.btn-orange-link:hover {
   color: var(--color-redLight);
 }
.btn-green {
  background-color: var(--color-green);
  color: #fff;
}
.btn-green:hover {
  background: #50a645;
  color: #fff;
}
.btn-promo {
  position: relative;
  border-radius: 10px;
  transition: .4s;
  border: 1px dashed var(--color-redLight);
  background: #fff;
  width: 180px;
  color: var(--color-redLight);
  height: 56px;
  font-size: 14px;
  min-width: auto;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
@media (min-width:1280px) {
  .btn-promo {
    width: 200px;
    font-size: 16px;
  }
}.btn-promo span:first-child {
   padding-right: 10px;
   text-align: right;
   width: 100%;
   -ms-flex-pack: end;
   justify-content: flex-end;
 }
.btn-promo .btn-promo__top {
  transition: .4s;
  position: absolute;
  top: -1px;
  left: -1px;
  height: calc(100% + 2px);
  width: 150px;
  background: var(--color-redText);
  border: 1px dosid var(--color-redLight);
  color: #fff;
  border-radius: 10px;
  font-weight: 500;
  overflow-wrap: break-word;
  white-space: normal;
}
@media (min-width:1280px) {
  .btn-promo .btn-promo__top {
    width: 177px;
  }
}.btn-promo:hover .btn-promo__top {
   width: 140px;
 }
@media (min-width:1280px) {
  .btn-promo:hover .btn-promo__top {
    width: 149px;
  }
}.btn-discont {
   border-radius: 5px;
   padding: 17px 50px;
 }
.btn-grey {
  background: #dbdbdb;
  color: #fff;
}
.btn-past {
  border-radius: 5px;
  padding: 17px 45px;
}
.btn-arrow {
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  border-radius: 5px;
}
.btn-arrow svg path {
  fill: #fff;
}
.btn-square {
  border-radius: 5px;
}
.btn-circle {
  border-radius: 100px;
}
@media (max-width:990.98px) {
  .btn-mobile {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px;
    background: var(--color-red);
    color: var(--color-red);
    border-radius: 50%;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    border: 0;
  }
  .btn-mobile svg {
    fill: #fff;
    width: 12px;
    height: 12px;
  }
}.btn-auto {
   margin: 0 auto;
 }
input {
  background: #fff;
  border-radius: 10px;
  border: 0;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input::-webkit-input-placeholder {
  color: var(--color-grey);
  font-weight: 400;
}
input::-moz-placeholder {
  color: var(--color-grey);
  font-weight: 400;
}
input:-ms-input-placeholder {
  color: var(--color-grey);
  font-weight: 400;
}
input::-ms-input-placeholder {
  color: var(--color-grey);
  font-weight: 400;
}
input::placeholder {
  color: var(--color-grey);
  font-weight: 400;
}
input:focus, input:active {
  outline: 0;
}
ul, ol {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}
header {
  transition: .4s;
  background: var(--color-orangeBg);
  padding: 16px 0;
}
.header-sales {
  border-radius: 0
}
@media (min-width:991px) {
  header {
    padding: 24px 0;
    border-radius: 20px;
  }
}header nav {
   height: 46px;
 }
@media (max-width:767.98px) {
  header nav {
    height: 25px;
  }
}header nav a {
   position: relative;
   padding: 18px 24px;
 }
.header-logo {
  margin-right: 16px;
}
.header-logo svg {
  width: 100%;
  max-height: 73px;
  display: block;
}
@media (max-width:1549.98px) {
  .header-logo svg {
    max-height: 60px;
  }
}@media (max-width:990.98px) {
  .header-logo svg {
    max-height: 40px;
  }
}.header-search--mobile {
   cursor: pointer;
   width: 32px;
   height: 32px;
   stroke: #fff;
 }
.header-search--mobile.js--search-mobile-close {
  stroke: none;
  fill: #fff;
  width: 24px;
  height: 24px;
  margin-left: 3px;
}

@media (max-width:990.98px) {
  .header-search-absolute {
    position: absolute;
    left: 60px;
    top: 0;
    width: 0;
    z-index: 999;
    transition: .3s;
    overflow: hidden;
  }
}@media (max-width:990.98px) {
  .header-search-absolute-show {
    width: calc(100% - 75px);
  }
}@media (max-width:990.98px) {
  .header-search-absolute-visible {
    overflow: visible;
  }
}.header-burger {
   background: #fff;
   border-radius: 100%;
   width: 32px;
   height: 32px;
 }
.header-burger .burger__line {
  background: var(--color-redLight);
}
footer {
  background: var(--color-orangeBg);
  margin-top: 24px;
  border-radius: 20px;
  padding-top: 56px;
  padding-bottom: 40px;
}
@media (max-width:990.98px) {
  footer {
    margin-top: 16px;
    padding-top: 24px;
  }
}footer a {
   color: #fff;
   font-weight: 500;
   margin-right: 32px;
   margin-bottom: 16px;
   text-align: center;
   font-size: 16px;
 }
@media (max-width:767.98px) {
  footer a {
    margin-right: 0;
  }
}footer a:hover {
   color: #fff;
   text-decoration: underline;
 }
footer .footer-language a {
  margin: 0;
  margin-bottom: 16px;
}
footer .footer-language span {
  height: 24px;
  width: 1px;
  background: #fff;
  margin: 0 4px;
  margin-bottom: 16px;
}
footer p {
  max-width: 530px;
  color: #fff;
  font-size: 12px;
}
@media (max-width:767.98px) {
  .footer-nav {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: center;
    max-width: 350px;
  }
  .footer-nav a {
    margin: 0 8px;
  }
}.footer-logo {
   margin-top: 16px;
 }
@media (max-width:990.98px) {
  .footer-logo {
    margin-top: 8px;
  }
}.footer-logo svg {
   width: 219px;
   height: 56px;
 }
@media (max-width:990.98px) {
  .footer-logo svg {
    width: 188px;
    height: 48px;
  }
}.footer-search {
   margin-top: 40px;
   width: 100%;
   max-width: 774px;
   -ms-flex-pack: center;
   justify-content: center;
 }
@media (max-width:990.98px) {
  .footer-search {
    margin-top: 24px;
  }
}@media (max-width:990.98px) {
  .footer-search input {
    border-radius: 20px;
  }
}.breadcrumbs {
   margin-top: 96px;
 }
@media (max-width:990.98px) {
  .breadcrumbs {
    margin-top: 80px;
  }
}.breadcrumbs a {
   color: var(--color-greySvg);
   margin-bottom: 8px;
 }
.breadcrumbs a:hover {
  color: var(--color-greyDeep);
}
.breadcrumbs p {
  margin-bottom: 8px;
}
.breadcrumbs svg {
  width: 21px;
  height: 13px;
  fill: var(--color-greySvg);
  margin-left: 8px;
  margin-right: 24px;
  margin-bottom: 8px;
}
@media (max-width:990.98px) {
  .breadcrumbs svg {
    margin-right: 16px;
  }
}
.card {
  padding: 20px;
   border-radius: 20px;
   background: #fff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
   border: 1px solid var(--color-greyBorder);
  }
.card p {
  font-size: 14px;
}
.card p + p {
  margin-top: 6px;
}
.promocode-card {
   border-radius: 20px;
   background: #fff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
   min-height: 140px;
   padding: 16px 16px 0 16px;
   cursor: pointer;
   border: 1px solid var(--color-greyBorder);
   height: 100%;
   width: 100%;
 }
@media (min-width:991px) {
  .promocode-card {
    padding: 16px 24px 0 24px;
  }
}@media (min-width:1280px) {
  .promocode-card {
    padding: 16px 32px 0 32px;
  }
}@media (min-width:1550px) {
}.promocode-card:hover {
   border: 1px solid var(--color-redLight);
 }
.promocode-card__top {
  padding-bottom: 16px;
}
.promocode-card__top-img {
  width: 165px;
  margin-right: 32px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.promocode-card__small .promocode-card__top-img {
  width: 150px;
  margin-right: 24px;
}

@media (max-width:1549.98px) {
  .promocode-card__small .promocode-card__top-img {
    width: 120px;
    margin-right: 16px;
  }
  .promocode-card__small .btn-orange {
    width: 180px;
  }
}
@media (max-width:1280px) {
  .promocode-card__top-img {
    width: 130px;
    margin-right: 24px;
  }
  .promocode-card__small .promocode-card__top-img {
    width: 100px;
  }
}
@media (max-width:990.98px) {
  .promocode-card__top-img {
    width: 100px;
    margin-right: 12px;
  }
  .promocode-card__small .btn-orange {
    width: 24px;
  }
  .promocode-card__small .promocode-card__top-img {
    width: 80px;
    margin-right: 12px;
  }
}
@media (max-width:575.98px) {
  .promocode-card__top-img,
  .promocode-card__small .promocode-card__top-img {
    width: 70px;
    margin-right: 8px;
  }
}
.promocode-card__top-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width:990.98px) {
  .promocode-card__top {
    padding-bottom: 8px;
  }
}.promocode-card__button {
   width: 212px;
 }
.promocode-card p.promocode-card__title {
  font-size: 16px;
  font-weight: 600;
}
@media (min-width:768px) {
  .promocode-card p.promocode-card__title {
    font-size: 18px;
  }
}@media (min-width:1280px) {
  .promocode-card p.promocode-card__title {
    font-size: 24px;
  }
}@media (min-width:1550px) {
}.promocode-card__users {
   color: var(--color-secondary);
   margin-top: 8px;
 }
.promocode-card__users svg {
  fill: var(--color-secondary);
  width: 24px;
  height: 24px;
}
.promocode-card__hint {
  background: var(--color-greyHint);
  border-radius: 50px;
  color: #000;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 500;
  padding: 4px 8px;
  margin-bottom: 16px;
}
.promocode-card__verified {
  background-color: #eefcf0;
  color: #147620;
  font-size: 12px;
  width: max-content;
  padding: 4px 8px;
  border-radius: 8px;
  margin-top: 8px;
}
@media (max-width:990.98px) {
  .promocode-card__hint {
    margin-bottom: 8px;
  }
}.promocode-card__discont, .promocode-card__promo, .promocode-card__promotion {
   font-weight: 700;
   font-size: 32px;
   line-height: 39px;
   color: var(--color-redText);
   border-radius: 5px;
   border: 1px solid var(--color-redText);
   min-width: 94px;
   height: 72px;
   margin-right: 8px;
   padding: 0 8px;
 }

@media (min-width:991px) {
  .promocode-card__discont, .promocode-card__promo, .promocode-card__promotion {
    min-width: 80px;
    height: 90px;
    font-size: 42px;
    line-height: 58px;
    margin-right: 32px;
  }
}@media (min-width:1550px) {
  .promocode-card__discont, .promocode-card__promo, .promocode-card__promotion {
    min-width: 120px;
    height: 96px;
    font-size: 48px;
    line-height: 58px;
  }
}
@media (max-width:575px) {
  .promocode-card__discont, .promocode-card__promo, .promocode-card__promotion {
    min-width: 60px;
    height: 60px;
    font-size: 26px;
    line-height: 40px;
    margin-right: 8px;
  }
}.promocode-card__promo, .promocode-card__promotion {
   font-size: 16px;
   border: 1px solid #f9f9f9;
 }
@media (min-width:991px) {
  .promocode-card__promo, .promocode-card__promotion {
    font-size: 16px;
    border: 1px solid #b7b7b7;
  }
}@media (min-width:1550px) {
  .promocode-card__promo, .promocode-card__promotion {
    font-size: 18px;
  }
}@media (min-width:991px) {
  .promocode-card__promotion {
    font-size: 24px;
  }
}.promocode-card__images {
   width: 89px;
   height: 40px;
   margin-right: 8px;
 }
@media (max-width:991px) {
  .promocode-card__images {
    width: 100px;
    height: 55px;
    margin-right: 24px;
  }

}@media (max-width:1280px) {
  .promocode-card__images {
    width: 160px;
    height: 70px;
    margin-left: -8px;
  }
}@media (max-width:1550px) {
  .promocode-card__images {
    width: 175px;
    height: 80px;
    margin-left: -24px;
    margin-right: 32px;
  }
}.promocode-card__images img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
 }
.promocode-card__detail {
  border-top: 1px solid var(--color-greyBorder);
}

.promocode-card__detail-top {
  padding-top: 8px;
  padding-bottom: 16px;
}
.show-more p {
  word-break: break-word;
  max-width: 100%;
}
@media (max-width:990.98px) {
  .promocode-card__detail-top {
    padding-top: 4px;
    padding-bottom: 8px;
  }
}@media (max-width:990.98px) {
  .promocode-card__detail .show-more p {
    color: var(--color-grey);
  }
}.promocode-card__detail .show-more p svg {
   width: 16px;
   height: 16px;
   fill: var(--color-secondary);
   margin-right: 8px;
 }
@media (max-width:990.98px) {
  .promocode-card__detail .show-more p:first-child {
    color: var(--color-secondary);
  }
}.promocode-card__stock .promocode-card__discont {
   border: 1px solid var(--color-redLight);
   color: var(--color-redLight);
 }
.promocode-card__past .promocode-card__discont, .promocode-card__past .promocode-card__promo, .promocode-card__past .promocode-card__promotion {
  color: #2d2d2d;
  border: 1px solid var(--color-greyBorder2);
}
.promocode-card__small {
  padding: 16px 16px 0 16px;
}
@media (min-width:991px) {
  .promocode-card__small {
    padding: 16px 24px 0 24px;
  }
}.promocode-card__small p.promocode-card__title {
   font-size: 24px;
 }
@media (max-width:990.98px) {
  .promocode-card__small p.promocode-card__title {
    font-size: 16px;
  }
}.promocode-card__small .promocode-card__images {
   width: 89px;
   height: 30px;
   margin-left: 0;
   margin-right: 8px;
 }
@media (min-width:768px) {
  .promocode-card__small .promocode-card__images {
    width: 110px;
    height: 40px;
    margin-right: 16px;
  }
}@media (min-width:1550px) {
  .promocode-card__small .promocode-card__images {
    width: 150px;
    height: 40px;
    margin-right: 24px;
  }
}.show-more {
   max-height: 0;
   transition: max-height .6s ease;
   overflow: hidden;
 }
.promocode-card.shop-card {
  padding: 12px;
  border: 0;
}
.shop-card img {
  max-width: 100%;
}
@media (min-width:768px) {
  .promocode-card.shop-card {
    padding: 32px;
  }
}@media (min-width:1550px) {
  .promocode-card.shop-card {
    padding: 65px 50px;
  }
}.promocode-card.shop-card:hover p {
   text-decoration: underline;
 }
@media (min-width:1280px) and (max-width:1549.98px) {
  .promocode-card.shop-card .promocode-card__title {
    min-height: 72px;
  }
}.promocode-card.shop-card .shop-card__image {
   height: 50px;
 }
@media (min-width:991px) and (max-width:1279.98px) {
  .promocode-card.shop-card .shop-card__image {
    min-height: 70px;
  }
}@media (min-width:1280px) and (max-width:1549.98px) {
  .promocode-card.shop-card .shop-card__image {
    min-height: 90px;
  }
}.promocodes-filter {
   overflow: hidden;
 }
 .promocodes-filter p + p {
  margin: 0;
}
.reviews p + p {
  margin-top: 0;
}
@media (max-width:767.98px) {
  .promocodes-filter {
    width: 100%}
}.promocodes-filter p {
   padding: 8px;
   cursor: pointer;
   border-bottom: 1px solid var(--color-greyDark);
   color: var(--color-greyText);
 }
@media (max-width:990.98px) {
  .promocodes-filter p {
    font-size: 16px;
    padding-bottom: 4px;
  }
}.promocodes-filter p span {
   margin-left: 8px;
 }
.promocodes-filter p:last-child {
  border-right: none;
}
.promocodes-filter p:hover, .promocodes-filter p.active {
  border-bottom: 1px solid var(--color-greyDeep);
  color: var(--color-greyDeep);
}
.promocodes-filter p+p {
  margin-left: 24px;
}
@media (max-width:990.98px) {
  .promocodes-filter p+p {
    margin-left: 16px;
  }
}.coupons {
   background: #fff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
   border-radius: 20px;
   padding: 40px 40px 64px 40px;
 }
@media (max-width:1279.98px) {
  .coupons {
    padding: 24px 24px 40px 24px;
  }
}@media (max-width:990.98px) {
  .coupons {
    padding: 24px 4px 48px 4px;
  }
}.coupons h2 {
   font-size: 40px;
 }
@media (max-width:1549.98px) {
  .coupons h2 {
    font-size: 32px;
  }
}@media (max-width:1279.98px) {
  .coupons h2 {
    font-size: 24px;
  }
}@media (max-width:990.98px) {
  .coupons h2 {
    font-size: 20px;
  }
}.coupons-table table {
   border-spacing: 0;
 }
.coupons-table th+th, .coupons-table td+td {
  padding-left: 16px;
}
@media (max-width:990.98px) {
  .coupons-table th+th, .coupons-table td+td {
    padding-left: 0;
  }
}@media (max-width:990.98px) {
  .coupons-table th, .coupons-table td {
    width: 33.3333333333%}
}@media (max-width:990.98px) {
  .coupons-table td p {
    font-size: 16px;
  }
}.coupons-table .coupons-table__title th {
   text-align: left;
   font-size: 24px;
   font-weight: 600;
 }
@media (max-width:1549.98px) {
  .coupons-table .coupons-table__title th {
    font-size: 20px;
  }
}@media (max-width:1279.98px) {
  .coupons-table .coupons-table__title th {
    font-size: 18px;
  }
}@media (max-width:990.98px) {
  .coupons-table .coupons-table__title th {
    font-size: 16px;
  }
}.coupons-table--col:nth-child(1) {
   width: 20%}
.coupons-table--col:nth-child(3) {
  width: 25%}
.coupons-table .coupons-table__content .promo {
  color: var(--color-promo);
  font-weight: 600;
}
.coupons-table .coupons-table__content .stock {
  color: var(--color-orangeDark);
  font-weight: 600;
}
.coupons-table tbody tr td {
  padding-top: 24px;
}
.main-grid {
  display: -ms-grid;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12, 1fr);
}
.main-view {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 4;
}
@media (min-width:991px) {
  .main-grid {
    padding-top: 0;
  }
  .main-view {
    margin-right: 32px;
  }
}@media (min-width:1280px) {
  .main-view {
    margin-right: 52px;
  }
}.main-sidebar-top, .main-sidebar-bottom {
   display: grid;
   grid-column-start: 10;
   grid-column-end: 13;
 }
@media (min-width:1920px) {
  .main-sidebar-top, .main-sidebar-bottom {
    margin-left: 20px;
  }
}.main-sidebar-top {
   -ms-grid-row: 1;
   grid-row-start: 1;
   -ms-grid-row-span: 0;
   grid-row-end: 1;
 }
@media (max-width:991px) {
  .main-sidebar-top, .main-sidebar-bottom {
    grid-column-start: 1;
    -ms-grid-column-span: 12;
    grid-column-end: 13;
    margin-left: 0;
  }
  .main-view {
    display: block;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 12;
    grid-column-end: 13;
    -ms-grid-row: none;
    grid-row-start: none;
    grid-row-end: none;
    padding-left: 0;
  }
  .main-sidebar-bottom {
    margin-top: 24px;
  }
}.sidebar-image {
   background: #fff;
   box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
   border-radius: 50%;
   width: 102px;
   height: 102px;
   padding: 5px;
   overflow: hidden;
 }
@media (max-width:990.98px) {
  .sidebar-image {
    position: absolute;
    left: 16px;
    top: 0;
  }
}@media (min-width:991px) {
  .sidebar-image {
    border-radius: 40px;
    width: 100%;
    padding: 60px;
    min-height: 180px;
  }
}@media (min-width:1280px) {
  .sidebar-image {
    min-height: 240px;
  }
}@media (min-width:1920px) {
  .sidebar-image {
    min-height: 288px;
  }
}.sidebar-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
 }
.sidebar-content {
  margin-top: 32px;
  max-width: 387px;
}
@media (max-width:990.98px) {
  .sidebar-content {
    margin-top: 16px;
    max-width: 100%}
}.sidebar-content p {
   font-size: 16px;
   line-height: 19px;
 }
.sidebar-wrap {
  padding: 12px 0;
}
@media (max-width:990.98px) {
  .sidebar-wrap {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
    border-radius: 20px;
    padding: 24px 24px 58px 24px;
  }
}@media (min-width:1280px) {
  .sidebar-wrap {
    padding: 16px;
  }
}@media (min-width:1550px) {
  .sidebar-wrap {
    padding: 24px;
  }
}
.sidebar-wrap h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
}
.sidebar-wrap ul {
  list-style: none;
}
.sidebar-wrap ul li {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
  font-size: 16px;
}
.sidebar-wrap ul li:before {
  content: "";
  width: 16px;
  height: 2px;
  background: var(--color-greyLine);
  margin-right: 16px;
}
@media (max-width:990.98px) {
  .sidebar-wrap ul li:before {
    width: 24px;
    background: var(--color-redLight);
  }
}@media (min-width:1280px) {
  .sidebar-wrap ul li:before {
    width: 24px;
  }
}.sidebar-wrap svg {
   width: 28px;
   height: 28px;
   fill: var(--color-greyLine);
 }
@media (min-width:1920px) {
  .sidebar-wrap svg {
    width: 32px;
    height: 32px;
  }
}.sidebar-statistics {
   padding: 16px 0;
 }
@media (max-width:990.98px) {
  .sidebar-statistics {
    padding: 24px 16px;
  }
}@media (min-width:1280px) {
  .sidebar-statistics {
    padding: 24px 0px;
  }
}.sidebar-statistics span {
   width: auto;
 }
.stars svg {
  width: 16px;
  height: 16px;
  fill: var(--color-greyBorder2);
}
@media (min-width:991px) {
  .stars svg {
    width: 22px;
    height: 22px;
  }
}@media (min-width:1280px) {
  .stars svg {
    width: 28px;
    height: 28px;
  }
}@media (min-width:1920px) {
  .stars svg {
    width: 32px;
    height: 32px;
  }
}.stars svg use {
   width: 100%;
   height: 100%}
.stars p {
  font-size: 18px;
}
@media (min-width:1280px) {
  .stars p {
    font-size: 20px;
  }
}@media (min-width:1920px) {
  .stars p {
    font-size: 24px;
  }
}.star {
   margin-right: 8px;
 }
@media (min-width:1280px) {
  .star {
    margin-right: 16px;
  }
}@media (min-width:1920px) {
  .star {
    margin-right: 24px;
  }
}.star-bg {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
 }
.star-bg svg {
  fill: var(--color-yellowStar);
}
.star:last-child {
  margin-right: 16px;
}
.tag {
  border: 1px solid var(--color-greyLine);
  border-radius: 100px;
  padding: 12px;
  margin-bottom: 12px;
  margin-right: 12px;
  cursor: pointer;
  font-size: 14px;
  color: var(--color-greyLine);
}
.tag:hover {
  background: #fff;
}
.shop-slider {
  position: relative;
}
.shop-slider .shop-swiper {
  overflow: hidden;
}
.shop-slider .swiper-slide {
  border-radius: 10px;
  overflow: hidden;
}
.shop-slider .swiper-slide-bg {
  border-radius: 20px;
  padding: 24px;
  height: 363px;
  position: relative;
}
@media (min-width:991px) {
  .shop-slider .swiper-slide-bg {
    padding: 0 85px;
    height: 340px;
    margin-bottom: 75px;
    border-radius: 40px;
  }
}@media (min-width:1280px) {
  .shop-slider .swiper-slide-bg {
    padding: 0 110px;
    height: 430px;
  }
}@media (min-width:1550px) {
  .shop-slider .swiper-slide-bg {
    padding: 0 135px;
    height: 500px;
    margin-bottom: 86px;
  }
}@media (min-width:1920px) {
  .shop-slider .swiper-slide-bg {
    padding: 0 148px;
    height: 557px;
  }
}.shop-slider .slider-picture {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   border-radius: 20px;
   overflow: hidden;
 }
@media (min-width:991px) {
  .shop-slider .slider-picture {
    border-radius: 40px;
  }
}.shop-slider .slider-picture img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 0 0;
   object-position: 0 0;
 }
.shop-slider .slide-shop {
  position: absolute;
  left: 8px;
  bottom: 8px;
  width: 88px;
  height: 88px;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
  border-radius: 100%;
  padding: 13px;
}
@media (min-width:991px) {
  .shop-slider .slide-shop {
    width: 150px;
    height: 150px;
    bottom: -75px;
    left: 48px;
    padding: 24px;
  }
}@media (min-width:1550px) {
  .shop-slider .slide-shop {
    width: 173px;
    height: 173px;
    bottom: -86px;
  }
}.shop-slider .slide-shop img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
 }
.shop-slider .slider-btn-1 {
  margin-top: 60px;
}
.shop-slider .slider-btn-2 {
  margin-top: 60px;
  margin-left: 16px;
}
.shop-slider .slider-btn-3 {
  margin-top: 60px;
  margin-left: 16px;
}
.shop-slider .slider-btn-4 {
  margin-top: 200px;
  margin-left: 220px;
}
@media (min-width:1280px) {
  .shop-slider .slider-btn-4 {
    margin-top: 250px;
    margin-left: 230px;
  }
}@media (min-width:1550px) {
  .shop-slider .slider-btn-4 {
    margin-top: 340px;
    margin-left: 350px;
  }
}.swiper-button-prev, .swiper-button-next {
   z-index: 2;
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
 }
.swiper-button-prev, .swiper-button-next {
  background: #fff;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  box-shadow: none;
  margin-left: 0;
  margin-right: 0;
}
.swiper-button-prev svg, .swiper-button-next svg {
  width: 21px;
  height: 13px;
  fill: var(--color-redLight);
}
.swiper-button-prev {
  left: 0;
}
.swiper-button-prev svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.swiper-button-next {
  left: auto;
  right: 0;
}
.shop-slider__pagination {
  margin-top: -62px;
  z-index: 5;
  position: relative;
}
.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  background: var(--color-greyNav);
  display: block;
  border-radius: 50%;
  cursor: pointer;
}
@media (min-width:991px) {
  .swiper-pagination-bullet {
    width: 26px;
    height: 26px;
    margin-right: 32px;
  }
}@media (min-width:1550px) {
  .swiper-pagination-bullet {
    width: 32px;
    height: 32px;
  }
}.swiper-pagination-bullet:last-child {
   margin-right: 0;
 }
.swiper-pagination-bullet-active {
  background: var(--color-redLight);
}
.pages-shop {
  padding-bottom: 72px;
}
@media (max-width:990.98px) {
  .pages-shop {
    padding-bottom: 56px;
  }
}.block-shop {
   margin-top: 60px;
 }
@media (max-width:990.98px) {
  .block-shop {
    margin-top: 40px;
  }
}.block-shop__all {
   margin-top: 96px;
 }
@media (max-width:990.98px) {
  .block-shop__all {
    margin-top: 80px;
  }
}.shop-link {
   margin-top: 72px;
 }
@media (max-width:990.98px) {
  .shop-link {
    margin-top: 40px;
  }
}.shop-link a {
   width: 28px;
   margin-right: 16px;
   font-size: 16px;
   position: relative;
   text-transform: uppercase;
   color: var(--color-grey);
   margin-bottom: 24px;
   font-weight: 700;
 }
@media (min-width:991px) {
  .shop-link a {
    margin-right: 16px;
    font-size: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 0;
  }
}@media (min-width:1280px) {
  .shop-link a {
    margin-right: 24px;
    font-size: 24px;
  }
}@media (min-width:1920px) {
  .shop-link a {
    margin-right: 32px;
  }
}.shop-link a:hover {
   color: var(--color-redLight);
 }
.shop-link a.active {
  color: var(--color-redLight);
}
.main-grid .shop-title {
  font-size: 18px;
  line-height: 130%;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width:990px) {
  .main-grid .shop-title {
    position: relative;
    margin-bottom: 18px;
    margin-left: 0;
  }
}@media (min-width:991px) {
  .shop-title {
    font-size: 30px;
  }
}@media (min-width:991px) {
}.shop-card {
   background: #fff;
   border: 1px solid #dadada;
   box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
   border-radius: 20px;
   padding: 32px 32px 24px 32px;
 }
@media (max-width:990.98px) {
  .shop-card {
    padding: 16px 32px 24px 32px;
  }
}.shop-card__img {
   width: 100%;
   height: 72px;
 }
.shop-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.shop-card span {
  display: block;
  line-height: normal;
}
.shop-card span:nth-child(2) {
  font-size: 24px;

  @media (width < 768px) {
    font-size: 16px;
  }
}
.shop-card span:nth-child(3) {
  color: var(--color-secondary);
}
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(191, 195, 205, .7);
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  transition: .3s;
}
.overlay-wrap,
.modal-content  {
  width: 100%;
  max-width: 727px;
  max-height: 90vh;
  background: #fff;
  overflow: auto;
  transition: .3s;
  position: relative;
  padding: 56px 75px;
  min-height: 473px;
}
@media (max-width:767.98px) {
  .overlay-wrap,
  .modal-content {
    margin-top: 20px;
    max-width: 400px;
    padding: 56px 20px;
    min-height: auto;
  }
}.overlay-close {
   position: absolute;
   right: 12px;
   top: 12px;
   width: 24px;
   height: 24px;
   fill: var(--color-primary-text);
 }
@media (min-width:768px) {
  .overlay-close {
    right: 24px;
    top: 24px;
  }
}.overlay h2,
 .modal-top .title {
   font-size: 24px;
   line-height: normal;
   font-weight: 600;
   text-align: center;
 }
@media (max-width:767.98px) {
  .overlay h2,
  .modal-top .title {
    font-size: 18px;
    max-width: 220px;
  }
}.overlay p,
 .modal-top .modal-top__text  {
    max-height: 35vh;
    overflow: auto;
   color: var(--color-secondary);
   text-align: center;
 }
.overlay .input-wrapper,
.modal-dialog .input-wrapper {
  border: 1px solid var(--color-orange);
  width: 100%;
  max-width: 388px;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width:767.98px) {
  .overlay .input-wrapper,
  .modal-dialog .input-wrapper {
    max-width: 273px;
  }
}.overlay .input-wrapper input,
 .modal-dialog .input-wrapper input {
   background: #fff;
   padding: 14px;
   width: calc(100% - 133px);
   color: var(--color-orange);
   text-align: center;
   font-weight: 500;
   font-size: 16px;
 }
@media (max-width:767.98px) {
  .overlay .input-wrapper input,
  .modal-dialog .input-wrapper input {
    padding: 14px 6px;
  }
}.overlay .input-wrapper .btn,
 .modal-dialog .input-wrapper .btn {
   width: 133px;
 }
.overlay .btn,
.modal-dialog .btn {
  font-size: 16px;
}
.overlay .overlay-review,
.modal-dialog .overlay-review {
  margin-top: 72px;
}
@media (max-width:767.98px) {
  .overlay .overlay-review,
  .modal-dialog .overlay-review {
    margin-top: 56px;
  }
}.overlay .overlay-review p,
 .modal-dialog .overlay-review p {
   font-size: 16px;
   font-weight: 500;
 }
.overlay .overlay-clock,
.modal-dialog .overlay-clock {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: var(--color-secondary);
}
.overlay-show {
  opacity: 1;
  z-index: 999;
}
.overlay-show .overlay-wrap {
  margin-right: 0;
}
.overlay-menu h2 {
  font-size: 16px;
  margin-top: 40px;
}
@media (max-width:767.98px) {
  .overlay-menu h2 {
    max-width: 100%}
}
.review-like, .review-dislike {
  cursor: pointer;
}
.review-like svg, .review-dislike svg path {
  width: 24px;
  height: 24px;
  fill: var(--color-secondary);
}
.review-like p, .review-dislike p {
  color: var(--color-secondary);
  margin-left: 8px;
}
.review-dislike {
  margin-left: 16px;
}
.review-like:hover p,
.review-like.active.yes p {
  color: var(--color-green-dark)
}

.review-like:hover svg path,
.review-like.active.yes svg path {
  fill: var(--color-green-dark)
}
.review-dislike:hover p,
.review-dislike.active.no p {
  color: var(--color-error)
}
.review-dislike:hover svg path,
.review-dislike.active.no svg path {
  fill:var(--color-error)
}
.review-dislike svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.burger {
  border: 0;
  position: relative;
  height: 14px;
  min-width: 18px;
  width: 18px;
  overflow: hidden;
  background-color: transparent;
  z-index: 100;
  cursor: pointer;
}
.burger__line {
  width: 100%;
  height: 2px;
  border-radius: 50px;
  transition: .3s;
  background: var(--color-primary-text);
}
.burger.open .burger__line:first-child {
  -webkit-transform: translateY(6px) rotate(45deg);
  transform: translateY(6px) rotate(45deg);
}
.burger.open .burger__line:nth-child(2) {
  -webkit-transform: translateX(calc(100% + 4px));
  transform: translateX(calc(100% + 4px));
}
.burger.open .burger__line:last-child {
  -webkit-transform: translateY(-6px) rotate(-45deg);
  transform: translateY(-6px) rotate(-45deg);
  width: 100%}
.burger-menu .burger__line {
  background: #fff;
}
.burger-menu .burger__line:first-child {
  width: 12px;
}
.burger-menu .burger__line:nth-child(2) {
  height: 2px;
}
.burger-menu .burger__line:last-child {
  width: 12px;
}
.burger-menu.open .burger__line:first-child {
  width: 100%}
.burger-menu.open .burger__line:nth-child(2) {
  width: 100%}
.burger-menu.open .burger__line:last-child {
  width: 100%}
.plus {
  width: 14px;
  height: 14px;
  position: relative;
}
@media (max-width:990.98px) {
  .plus {
    width: 9px;
    height: 9px;
  }
}.plus-line {
   display: block;
   width: 100%;
   height: 2px;
   border-radius: 50px;
   transition: .3s;
   background: var(--color-primary-text);
 }
.plus-line:nth-child(2) {
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.plus.minus .plus-line:nth-child(2) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.faq {
  margin-top: 144px;
}
@media (max-width:990.98px) {
  .faq {
    margin-top: 80px;
  }
}.accordion-row:not(.open) .accordion-content {
   max-height: 0;
 }
.accordion-content {
  background-color: #fff;
  overflow: hidden;
  transition: max-height .2s ease-out;
}
.accordion-row {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
  border-radius: 20px;
  margin-top: 16px;
}
@media (min-width:991px) {
  .accordion-row {
    margin-top: 24px;
  }
}@media (min-width:1550px) {
  .accordion-row {
    margin-top: 32px;
  }
}.accordion-title {
   padding: 16px;
 }
@media (min-width:991px) {
  .accordion-title {
    padding: 24px;
  }
}@media (min-width:1280px) {
  .accordion-title {
    padding: 32px;
  }
}@media (min-width:1550px) {
  .accordion-title {
    padding: 40px 40px 40px 40px;
  }
}@media (min-width:1920px) {
  .accordion-title {
    padding: 40px 76px 40px 40px;
  }
}.accordion-title h3 {
   font-size: 16px;
   font-weight: 500;
 }
@media (min-width:991px) {
  .accordion-title h3 {
    font-size: 22px;
  }
}@media (min-width:1280px) {
  .accordion-title h3 {
    font-size: 28px;
  }
}@media (min-width:1550px) {
  .accordion-title h3 {
    font-size: 35px;
  }
}@media (min-width:1920px) {
  .accordion-title h3 {
    font-size: 40px;
  }
}.accordion-icon {
   background: var(--color-redLight);
   border-radius: 50%;
   padding: 5px;
 }
@media (min-width:1280px) {
  .accordion-icon {
    padding: 13px;
  }
}.accordion-icon svg {
   width: 24px;
   height: 24px;
   fill: #fff;
   transition: .4s;
 }
@media (min-width:991px) {
  .accordion-icon svg {
    width: 30px;
    height: 30px;
  }
}@media (min-width:1550px) {
  .accordion-icon svg {
    width: 37px;
    height: 37px;
  }
}.accordion-content-padding {
   padding: 12px;
 }
@media (min-width:991px) {
  .accordion-content-padding {
    padding: 16px 32px;
  }
}@media (min-width:1550px) {
  .accordion-content-padding {
    padding: 8px 40px 60px 40px;
  }
}.accordion-content-padding p, .accordion-content-padding ul, .accordion-content-padding a, .accordion-content-padding li {
   font-weight: 500;
   font-size: 16px;
 }
.accordion-content-padding ul, .accordion-content-padding ol {
  padding-left: 20px;
}
.accordion-row.open .accordion-icon svg {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.navigation p {
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  margin-right: 8px;
}
.navigation p.active {
  border-radius: 50%;
  background: var(--color-redLight);
  color: #fff;
}
.navigation span {
  cursor: pointer;
  font-size: 16px;
}
.search-input {
  width: 100%;
  z-index: 6;
}
.search-input__icon {
  position: absolute;
  right: 16px;
  z-index: 3;
  cursor: pointer;
  width: 24px;
  height: 24px;
  stroke: var(--color-grey);
}
@media (min-width:1280px) {
  .search-input__icon {
    right: 48px;
  }
}@media (max-width:990.98px) {
  .search-input__icon {
    right: auto;
    left: 16px;
    width: 16px;
    height: 16px;
  }
}.search-input input {
   height: 56px;
   padding: 0 48px 0 16px;
   width: 100%;
   z-index: 3;
   position: relative;
   outline: 1px solid #ffe0da;
 }
@media (min-width:1280px) {
  .search-input input {
    padding: 0 72px 0 16px;
  }
}@media (max-width:990.98px) {
  .search-input input {
    padding: 0 16px 0 40px;
    border-radius: 20px;
  }
}.search-input input:focus {
   outline: 1px solid var(--color-redLight);
 }
.input-datalist__list {
  background: #fff;
  box-shadow: 0 4px 50px rgba(165, 165, 165, .7);
  border-radius: 0 0 10px 10px;
  list-style-type: none;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  width: calc(100% - 1px);
  padding-top: 20px;
  top: calc(100% - 20px);
  display: none;
  overflow: auto;
  max-height: 60vh;
}
.input-datalist__list.open {
  display: block;
  padding-top: 40px;
}
.input-datalist__list p {
  padding: 18px 16px;
  font-weight: 400;
}
.input-datalist__list li:hover {
  background: var(--color-redLight);
  color: #fff;
}
.search-result {
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 0;
  max-height: calc(100vh - 200px);
  overflow: auto;
  display: none;
}
.search-result.open {
  display: -ms-flexbox;
  display: flex;
}
.search-result-item {
  display: -ms-flexbox;
  display: flex;
  padding: 12px 24px;
  -ms-flex-align: center;
  align-items: center;
}
a.search-result-item,
p.search-result-item,
.search-result-item span {
  color: var(--color-primary-text) !important;
  margin: 0;
}
.search-result-item img {
  max-width: 100px;
  margin-left: 12px;
  margin-right: 12px;
}
.header-search .search-input {
  width: 100%}
@media (min-width:768px) {
  .header-search .search-input {
    width: 400px;
  }
}@media (min-width:991px) {
  .header-search .search-input {
    width: 350px;
  }
}@media (min-width:1280px) {
  .header-search .search-input {
    width: 480px;
  }
}@media (min-width:1550px) {
  .header-search .search-input {
    width: 580px;
  }
}@media (min-width:1920px) {
  .header-search .search-input {
    width: 774px;
  }
}@media (max-width:990.98px) {
  .header-search .search-input {
    height: 40px;
  }
}@media (max-width:990.98px) {
  .header-search .search-input input {
    height: 40px;
  }
}.footer-search .input-datalist__list {
   top: auto;
   bottom: calc(100% - 20px);
   border-radius: 10px 10px 0 0;
   padding-bottom: 20px;
   padding-top: 0;
 }
.catalog, .payment {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
  border-radius: 20px;
  padding: 40px 40px 115px 40px;
  margin-top: 144px;
}
.catalog img, .payment img {
  width: auto !important;
}

.catalog iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; 
  border: none; 
}
@media (max-width:990.98px) {
  .catalog, .payment {
    margin-top: 64px;
    padding: 32px 6px 62px 16px;
  }
}.catalog p, .payment p {
   max-width: 871px;
   font-size: 16px;
 }
.catalog h2, .payment h2 {
  margin-bottom: 32px;
}
@media (max-width:990.98px) {
  .catalog h2, .payment h2 {
    margin-bottom: 24px;
    font-size: 18px;
  }
}.payment {
   margin-top: 64px;
 }
@media (max-width:990.98px) {
  .payment {
    margin-top: 32px;
  }
}.look-more .show-more--btn {
   cursor: pointer;
 }
.look-more .content-to-hide {
  transition: max-height .4s ease;
  overflow: hidden;
  padding-top: 1px;
  padding-bottom: 1px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.look-more:not(.active)>div:nth-child(1).content-to-hide {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease;
}
@media (max-width:990.98px) {
}.main-block {
   margin-top: 96px;
 }
@media (max-width:990.98px) {
  .main-block {
    margin-top: 64px;
  }
}
.assessment .assessment-stars {
  margin-bottom: 12px;
  margin-top: 24px;
}
@media screen and (max-width: 991px) {
  .retailer-overview {
    margin-bottom: 0;
  }
  .assessment .assessment-stars {
    margin-bottom: 0;
    margin-top: 0;
  }
}
.assessment .assessment-star {
  background: transparent;
  width: 21px;
  height: 21px;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
}
.assessment .assessment-star svg {
  display: block;
  width: 23px;
  height: 23px;
}

.assessment .assessment-star-icon {
  width: 100%;
  height: 100%;
}

.assessment .assessment-star {
  fill: var(--color-greyBorder2);
  stroke: var(--color-greyBorder2);
}

.assessment .assessment-star-dark {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  z-index: 2;
  display: none;
}
.assessment .assessment-star-dark svg  {
  fill: var(--color-yellowStar);
  stroke: var(--color-yellowStar);
}

.assessment .assessment-star.hover .assessment-star-dark {
  opacity: .5;
  transform: scale(1.1);
  display: block;
}

.assessment .assessment-star.active  .assessment-star-dark {
  transform: scale(1.1);
  display: block;
  opacity: 1;
}
.assessment .assessment-star.active-user  .assessment-star-dark {
  width: 100% !important;
}

.retailer-overview__average-score {
  margin-top: 12px;
}

.retailer-overview__total-score span,
.retailer-overview__average-score span {
  font-weight: bold;
}

#contactForm button[type="submit"] {
  transition: .4s;
  background: var(--color-redText);
  border: 1px dosid var(--color-redLight);
  color: #fff;
  border-radius: 10px;
  font-weight: 500;
  padding: 16px 24px;
  margin-top: 16px;


}
#contactForm button[type="submit"]:hover {
  background: var(--color-orangeBg);
}
@media screen and (max-width: 768px) {
  #contactForm button[type="submit"] {
    width: 100%;
  }
}
.form-group .checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 0;
  padding-left: 0;
}

.form-group .checkbox input {
  position: relative;
  padding: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 4px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  cursor: pointer;
  margin: 0;
  margin-right: 12px;
}
.form-group .checkbox input:focus {
  outline: none;
}
.form-group .checkbox input[type="checkbox"]:checked {
  border-color: var(--color-orangeBg);
  background-color: var(--color-orangeBg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.close {
  font-size: 60px;
  position: absolute;
  right: 24px;
  top: 6px;
}

.btn-signup {
  display: flex;
  align-items: center; /* Центрирует содержимое по вертикали */
  justify-content: center; /* Центрирует содержимое по горизонтали */
}

.btn-login {
  display: flex;
  align-items: center; /* Центрирует содержимое по вертикали */
  justify-content: center; /* Центрирует содержимое по горизонтали */
}
.grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.word-keep {
  word-wrap: keep-all;
}
.shop-page-title {
  font-weight: 600;
  @media (max-width: 990.98px) {
    padding-left: 130px;
    min-height: 110px;
    display: flex;
    align-items: center;
    /* position: absolute;
    top: 24px;
    left: 140px;
    right: 12px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
  }
}
.page-footer__social {
  margin-top: 36px;
  text-align: center;
}
.social-list {
  gap: 12px;
}
li.social-list__item {
  margin-top: 0;
}
.social-list__item a {
  margin-right: 0;
}
.filter-plug-text {
  margin-top: 16px;
}
.sidebar-icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.grid {
    margin: 16px 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(157px, 1fr));
    overflow: hidden;
}

.grid-1 {
    margin: 16px 0;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
}

.grid-2 {
    margin: 16px 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);

    @media (width < 768px) {
        grid-template-columns: repeat(auto-fit, minmax(157px, 1fr));
    }
}

.grid-3 {
    margin: 16px 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, 1fr);

    @media (width < 768px) {
        grid-template-columns: repeat(auto-fit, minmax(157px, 1fr));
    }
  }

.grid-4 {
    margin: 16px 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);

    @media (width < 768px) {
        grid-template-columns: repeat(auto-fit, minmax(157px, 1fr));
    }
}

.grid-5 {
    margin: 16px 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(5, 1fr);

    @media (width < 768px) {
        grid-template-columns: repeat(auto-fit, minmax(157px, 1fr));
    }
  }

.grid-slider {
    width: 100%;
    overflow: hidden;
    display: grid;

    swiper-container {
        overflow: hidden;
        width: 100%;
        height: 100%;
        --swiper-theme-color: var(--color-redLight);
        --swiper-navigation-size: 18px;
    }

    swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    swiper-slide img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }

    swiper-container::part(button-prev),
    swiper-container::part(button-next) {
        background-color: #fff;
        padding: 8px 12px;
        border-radius: 50%;
    }
}

.shop-products {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
  padding: 40px 40px 64px 40px;
  border-radius: 20px;
  max-width: 100%;

  width: 100%;
  overflow: hidden;

  @media (max-width: 990.98px) {
    padding: 24px 16px;
  }
  
  swiper-container {
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    --swiper-theme-color: #fff;
    --swiper-navigation-size: 24px;
    --swiper-navigation-top-offset: 120px;
    --swiper-navigation-sides-offset: 5px;
  }
  
  swiper-slide {
    display: flex;
    width: max-content;
    max-width: 250px;

    @media (max-width: 768px) {
      }
    }
  
    swiper-container::part(button-prev),
    swiper-container::part(button-next) {
      background-color: var(--color-redLight);
      padding: 8px 12px;
      border-radius: 50%;
    }
}

.shop-products__title {
    color: var(--color-primary-text);
    box-sizing: border-box;
    margin: 0 0 32px;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    line-height: 150%;
    font-weight: 700;
    font-size: 24px;
}
.products-slider__slide {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  background-color: #fff;
  cursor: pointer;
}
.products-slider__discount {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-orangeDark);
  padding: 8px 16px;
  border-radius: 18px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
}
.products-slider__image {
  display: grid;
  place-items: center;
  aspect-ratio: 1/1;
  min-width: 250px;

  @media (max-width: 990.98px) {
    max-width: 150px;
  }
}
.products-slider__image img {
  max-height: 150px;
    @media (width < 768px) {
      max-height: 250px;
  }
}
.products-slider__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.products-slider__name {
  padding: 0;
  font-weight: 600;
  margin-bottom: auto;
 -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.products-slider__price {
  display: flex;
  gap: 4px;
  padding: 0 8px;
  margin-bottom: 8px;
}
.products-slider__price span {
  text-decoration: line-through;
  color: #999;
}
.products-slider__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.footer-nav {
  flex-wrap: wrap;
}

.card-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
}
.card-subtitle {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
}
.card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-user {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  line-clamp: 7;
}
.user-link {
  color: var(--color-redText);
}
.user-page {
  padding-top: 24px;
  text-align: center;
}
.user-page h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.3;
}
.user-page-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 24px;
  flex-shrink: 0;
}
.user-page-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-page-text {
  margin: 24px 0;
}
.shops-grid {
  grid-template-columns: repeat(auto-fit, minmax(257px, 1fr));
}
.page-up {
  position: fixed;
  right: 30px;
  bottom: 100px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 150;
  background: url('data:image/svg+xml,<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_641_3083)"><rect width="60" height="60" rx="30" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 64 64)" fill="white"/></g><path d="M22.375 38.95L34.1875 29.5L46 38.95" stroke="%23200E32" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0, .3);
}
.page-up:focus {
  outline: none;
}

.page-up.show {
  opacity: 1;
  pointer-events: auto;
}