.n,
.n * {
  all: revert
}

.n,
.n ol {
  counter-reset: section;
  list-style-type: none
}

.n li:before {
  content: counters(section, ".") " ";
  counter-increment: section
}

.j {
  background-color: rgba(63, 66, 70, .4);
  display: grid;
  inset: 0;
  overflow-y: scroll;
  z-index: 7
}

.j,
.u {
  position: fixed
}

.u {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 8
}

.v {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 0 10px 10px 0;
  color: #fff;
  height: 80px;
  width: 40px
}

.rx {
  position: relative
}

.rx video {
  height: 100%;
  left: 0;
  min-height: 100px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.rx.ry + figcaption {
  opacity: 0
}

.rx.ry .rz {
  opacity: 0;
  pointer-events: none
}

.rx.ry:hover .rz {
  opacity: 1;
  pointer-events: all
}

.rz {
  background-color: gray;
  border-radius: 50%;
  display: grid;
  left: 50%;
  place-items: center;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease
}

@media (min-width: 1440px) {
  .rz {
    height: 64px;
    width: 64px
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .rz {
    height: 50px;
    width: 50px
  }
}

@media (max-width: 743px) {
  .rz {
    height: 40px;
    width: 40px
  }
}

.ji {
  position: relative;
  align-self: center;
  justify-self: center;
  margin: auto;
  width: 100%
}

@media (max-width: 743px) {
  .ji {
    height: 100%;
    max-width: 520px
  }
}

@media (min-width: 744px) {
  .ji {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

@media (max-width: 1199px)and (min-width: 744px) {
  .ji {
    max-width: 520px
  }
}

@media (min-width: 1200px) {
  .ji {
    max-width: 1133px
  }

  .Review .ji {
    max-width: 600px;
  }
}

.jj {
  overflow: hidden;
  background-color: #fff;
  height: 100%
}

@media (min-width: 744px) {
  .jj {
    border-radius: 10px
  }
}

@media (min-width: 1200px) {
  .jj {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

.jk {
  position: relative;
  background-color: #fffaf2
}

@media (max-width: 743px) {
  .jk {
    aspect-ratio: 2.77
  }
}

@media (max-width: 1199px)and (min-width: 744px) {
  .jk {
    aspect-ratio: 2.31
  }
}

.jl {
  position: absolute;
  z-index: 1
}

@media (max-width: 743px) {
  .jl {
    top: 18px;
    left: 16px
  }
}

@media (min-width: 744px) {
  .jl {
    top: 24px;
    left: 24px
  }
}

.jm {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%
}

.jn {
  position: absolute;
  height: 40px;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease
}

.jn:hover {
  opacity: .75
}

@media (max-width: 743px) {
  .jn {
    top: 16px;
    right: 16px
  }
}

@media (min-width: 744px) {
  .jn {
    top: 0;
    right: -40px
  }
}

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

@media (max-width: 743px) {
  .jo {
    padding: 32px 16px;
    gap: 30px
  }
}

@media (max-width: 1199px) {
  .jo {
    width: 100%
  }
}

@media (max-width: 1199px)and (min-width: 744px) {
  .jo {
    padding: 50px 50px 40px;
    gap: 40px
  }
}

@media (min-width: 1200px) {
  .jo {
    padding: 60px 60px 60px;
    gap: 40px
  }
}

.jp {
  font-weight: 700;
  color: #323232
}

@media (min-width: 1440px) {
  .jp {
    font-size: 30px;
    line-height: 38px;
    letter-spacing: .03em
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .jp {
    font-size: 24px;
    line-height: 30px
  }
}

@media (max-width: 743px) {
  .jp {
    font-size: 20px;
    line-height: 26px
  }
}

.am {
  display: inline-flex;
  justify-content: center
}

.am,
.an {
  position: relative;
  align-items: center
}

.an {
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
  gap: 12px;
  transition-property: opacity;
  transition-timing-function: ease;
  color: #383653;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .025em
}

.an,
.an:after {
  transition-duration: .3s
}

.an:after {
  content: "";
  width: 30px;
  height: 31px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15.2617' r='15' fill='none'/%3E%3Cpath d='M15.75 20.1611L20.6997 15.2114L15.75 10.2616' stroke='white'/%3E%3Cpath d='M8 15.1611L20 15.1611' stroke='white'/%3E%3C/svg%3E");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #cab493;
  border-radius: 50%;
  transition-property: background-color;
  transition-timing-function: ease
}

.an:hover {
  color: #595671
}

.an:hover:after {
  background-color: #bca37d
}

.ao {
  padding: 13px 24px 11px;
  border-radius: 4px;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  background-color: #cab493;
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .025em
}

.ao:focus,
.ao:hover {
  background-color: #bca37d
}

.ao:active {
  background-color: #cab493
}

.ap {
  padding: 13px 24px 11px;
  border-radius: 4px;
  transition-property: color, border-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  background-color: #fff;
  border: 1px solid #cab493;
  color: #cab493;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .025em
}

.ap:focus,
.ap:hover {
  color: #bca37d;
  border-color: #bca37d
}

.ap:active {
  color: #cab493;
  border-color: #cab493
}

.aq,
.ar {
  width: 100%;
  padding: 13px 24px 11px;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700;
  overflow: hidden;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease
}

.aq:before,
.ar:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: -50%;
  left: 0;
  width: 44px;
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 1.5s;
  transition-timing-function: ease
}

.aq:focus:before,
.aq:hover:before,
.ar:focus:before,
.ar:hover:before {
  transform: scale(30)
}

.aq:active:before,
.ar:active:before {
  opacity: 0
}

.aq .as,
.ar .as {
  position: relative;
  z-index: 1
}

.aq {
  background-color: #85c4ff;
}

.aq:before {
  background-color: #61b3ff;
}

.aq:active {
  background-color: #85c4ff;
}

.ar {
  background-color: #85c4ff;
}

.ar:before {
  background-color: #61b3ff;
}

.ar:active {
  background-color: #85c4ff;
}

.rc,
.tj {
  position: relative
}

.tj {
  font-feature-settings: "pnum" on, "lnum" on
}

.tk {
  display: flex;
  flex-direction: column;
  row-gap: 12px
}

.tk .tl {
  font-weight: 700
}

.tk .tm {
  padding: 15px 16px 11px 24px;
  background-color: #d2e8fc;
  border-radius: 30px;
  border: none;
  color: #383653;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease
}

.tk .tm:focus {
  outline: none;
  background-color: #b9deff
}

.tk .tm::placeholder {
  color: #595671;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  opacity: 1;
  font-feature-settings: "pnum" on, "lnum" on
}

.tn {
  display: flex;
  flex-direction: column;
  gap: 2px
}

.tn .tm {
  width: 100%;
  padding: 10px 8px 8px 0;
  border-radius: 2px 2px 0 0;
  border: none;
  border-bottom: 1px solid rgba(56, 54, 83, .25);
  color: #383653;
  font-weight: 500;
  font-size: 16px;
}

.tn .tm:focus {
  outline: none;
  background-color: #f8f8f8
}

.tn .tm::placeholder {
  color: #383653;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  opacity: 1
}

.tn .tl {
  color: #595671;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 0;
}

.to {
  display: flex;
  flex-direction: column;
  gap: 2px
}

@media (max-width: 743px) {
  .to {
    width: 100%
  }
}

@media (min-width: 744px) {
  .to {
    width: calc(50% - 10px)
  }
}

.to .tm {
  width: 100%;
  padding: 10px 8px 8px;
  border-radius: 2px 2px 0 0;
  border: none;
  border-bottom: 1px solid rgba(56, 54, 83, .25);
  color: #383653;
  background-color: transparent;
}

.to .tm:focus {
  outline: none;
  background-color: #f8f8f8
}

.to .tm::placeholder {
  font-feature-settings: "pnum" on, "lnum" on;
  color: #383653;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  opacity: 1
}

.to .tl {
  color: #595671;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 0 8px
}

.tm {
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease
}

.tg {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px
}

.tg,
.th {
  width: 100%
}

.th {
  padding: 10px 8px 8px;
  border-radius: 2px 2px 0 0;
  border: none;
  border-bottom: 1px solid rgba(56, 54, 83, .25);
  color: #383653;
  resize: none;
  background-color: transparent;
}

.th:focus {
  outline: none;
  background-color: #f8f8f8
}

.th::placeholder {
  color: #383653;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  opacity: 1
}

.ti {
  color: #595671;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 0 8px
}

.tc {
  position: relative
}

.te {
  border: 1px dashed;
  cursor: pointer;
  display: block;
  height: 100px;
  width: 100px
}

.tf {
  border-color: tomato
}

.tf * {
  pointer-events: none
}

.e2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500
}

.e3 {
  font-weight: 700
}

@media (min-width: 1440px) {
  .e3 {
    font-size: 52px;
    line-height: 56px;
    letter-spacing: .03em
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .e3 {
    font-size: 42px;
    line-height: 46px
  }
}

@media (max-width: 743px) {
  .e3 {
    font-size: 32px;
    line-height: 36px
  }
}

.e4 {
  font-weight: 700
}

@media (min-width: 1440px) {
  .e4 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: .01em
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .e4 {
    font-size: 32px;
    line-height: 38px
  }
}

@media (max-width: 743px) {
  .e4 {
    font-size: 26px;
    line-height: 30px
  }
}

.e5 {
  font-weight: 700
}

@media (min-width: 1440px) {
  .e5 {
    font-size: 30px;
    line-height: 38px;
    letter-spacing: .03em
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .e5 {
    font-size: 24px;
    line-height: 30px
  }
}

@media (max-width: 743px) {
  .e5 {
    font-size: 20px;
    line-height: 26px
  }
}

.e6 {
  font-weight: 700
}

.e6,
.e7 {
  font-size: 22px;
  line-height: 28px
}

.e7 {
  font-weight: 500
}

.e8 {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: .025em;
  text-transform: uppercase
}

.e9 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500
}

.fa,
.fb {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700
}

.fb,
.fc {
  text-transform: uppercase;
  letter-spacing: .025em
}

.fc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500
}

.fe {
  font-weight: 500
}

.fe,
.ff {
  font-size: 16px;
  line-height: 24px
}

.ff {
  font-weight: 700
}

.fg {
  font-size: 15px
}

.fg,
.fh {
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700
}

.fh,
.fi {
  font-size: 16px
}

.fi {
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .025em
}

.fj {
  padding-left: var(--grid-side-gap);
  padding-right: var(--grid-side-gap);
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 1440px) {
  .fj {
    max-width: var(--page-width-max)
  }
}

.fk {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap
}

.fk,
.fl {
  overflow: hidden
}

.fl {
  height: 0
}

.su {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #383653
}

.su a {
  display: block;
  color: #595671;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease
}

.su a:hover {
  opacity: .75
}

@media (max-width: 743px) {
  .sv {
    margin-top: 8px
  }
}

@media (min-width: 744px) {
  .sv {
    margin-top: 36px
  }
}

.sw {
  margin-top: 0
}

.sw .sx {
  max-width: 100%
}

.sy {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap
}

.sy:checked + .sz {
  background-color: #383653;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L5 8.5L13 1' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-position: 50%;
  background-repeat: no-repeat
}

.sz {
  display: block;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #595671;
  transition-property: background-image;
  transition-duration: .3s;
  transition-timing-function: ease
}

.s0 {
  cursor: pointer;
  display: flex;
  gap: 8px
}

.sx {
  display: block;
  flex-grow: 1
}

@media (max-width: 743px) {
  .sx {
    max-width: 400px;
    width: calc(100% - 48px - 8px)
  }
}

@media (min-width: 744px) {
  .sx {
    max-width: 380px
  }
}

.st {
  width: 100%;
  padding-top: 20px;
  flex-grow: 1
}

.q5,
.st {
  position: relative
}

.q6 {
  flex-direction: column;
  gap: 24px
}

.q6,
.q7 {
  display: flex
}

.q7 {
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 30px;
  column-gap: 20px
}

.ah,
.q8 {
  position: relative
}

.ai .aj {
  width: 100%
}

@media (max-width: 743px) {
  .ai .aj {
    margin-top: 20px
  }
}

@media (min-width: 744px) {
  .ai .aj {
    margin-top: 30px
  }
}

.ak .aj {
  padding: 0
}

.al .aj {
  width: 100%;
  margin-top: 30px
}

.cy {
  z-index: 5;
  position: fixed;
  font-size: 0;
  background-color: #d2e8fc;
  border-radius: 50%;
  transition-property: background-color;
  transition-duration: .5s;
  transition-timing-function: ease;
  display: none;
}

@media (max-width: 743px) {
  .cy {
    height: 64px;
    width: 64px
  }
}

@media (min-width: 744px) {
  .cy {
    height: 100px;
    width: 100px
  }
}

@media (max-width: 1439px) {
  .cy {
    right: 10px;
    bottom: 40px
  }
}

@media (min-width: 1440px) {
  .cy {
    right: 16px;
    bottom: 46px
  }
}

.cy:hover {
  background-color: #e7f3ff
}

.cy:hover .cz {
  transform: scale(1.25)
}

@keyframes c1 {
  to {
    transform: rotate(-1turn)
  }
}

.c0 {
  width: 80%;
  animation: c1 12s linear infinite
}

@media (max-width: 743px) {
  .c0 {
    margin-top: -11px
  }
}

@media (min-width: 744px) {
  .c0 {
    margin-top: 7px
  }
}

.cz {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: scale(1);
  width: 26%;
  transition-property: transform;
  transition-duration: .5s;
  transition-timing-function: ease
}

@media (max-width: 743px) {
  .cz {
    margin-top: -9px;
    margin-left: -10px
  }
}

@media (min-width: 744px) {
  .cz {
    margin-top: -10px;
    margin-left: -13px
  }
}

@media (max-width: 743px) {

  .c2 img,
  .c2 video {
    object-position: center 80%
  }
}

@media (max-width: 1439px)and (min-width: 744px) {

  .c2 img,
  .c2 video {
    object-position: center 92.5%
  }
}

.at {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}

.au {
  opacity: 0;
  z-index: -5;
  background-color: transparent;
  color: transparent;
  transition: opacity 0ms ease-out, z-index 0ms ease-out, background-color 0ms ease-out, color 0ms ease-out
}

.au .av,
.au .aw {
  animation: none
}

.at.ax {
  opacity: 0;
  z-index: 100;
/ / transition: opacity .8 s ease-out, z-index 0 ms ease-out, background-color .8 s ease-out, color 0 ms ease-out;
  background-color: #fff;
  color: transparent
}

.at.ax .av {
  animation-name: ay
}

.at.ax .av,
.at.ax .aw {
  animation-delay: .4s;
  animation-duration: 3.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-out
}

.at.ax .az {
  animation-name: aw
}

.at.ax .a0 {
  animation-name: a1
}

.at.a2 {
  opacity: 0;
  z-index: -5;
  background-color: transparent;
  color: transparent;
  transition: opacity .8s ease-out, z-index .8s ease-out, background-color 1s ease-out, color .8s ease-out
}

.at.a2 .av,
.at.a2 .aw {
  animation: none
}

@keyframes ay {
  0% {
    color: #cab493
  }

  16.7% {
    color: #cab493
  }

  33.4% {
    color: #ff8a8a
  }

  50.1% {
    color: #ff8a8a
  }

  66.8% {
    color: #82c3ff
  }

  83.5% {
    color: #82c3ff
  }

  99% {
    color: #82c3ff
  }

  to {
    color: transparent
  }
}

@keyframes aw {
  0% {
    transform: scaleX(1) rotate(0deg);
    transform-origin: center bottom
  }

  16.7% {
    transform: scale3d(1.2, 1.2, 1.2) rotate(0deg)
  }

  33.4% {
    transform: scaleX(1) rotate(0deg)
  }

  50.1% {
    transform: scale3d(1.2, 1.2, 1.2) rotate(0deg)
  }

  66.8% {
    transform: scaleX(1) rotate(0deg)
  }

  83.5% {
    transform: scale3d(1.2, 1.2, 1.2) rotate(0deg);
    transform-origin: center;
    opacity: 1
  }

  to {
    transform: scaleX(1) rotate(0deg);
    transform-origin: center;
    opacity: 0
  }
}

@keyframes a1 {
  0% {
    transform: scaleX(1) rotate(0deg);
    transform-origin: center bottom
  }

  16.7% {
    transform: scale3d(1.2, 1.2, 1.2) rotate(0deg)
  }

  33.4% {
    transform: scaleX(1) rotate(0deg)
  }

  50.1% {
    transform: scale3d(1.2, 1.2, 1.2) rotate(0deg)
  }

  66.8% {
    transform: scaleX(1) rotate(0deg)
  }

  83.5% {
    transform: scale3d(1.2, 1.2, 1.2) rotate(0deg);
    transform-origin: center
  }

  88% {
    transform: scale3d(100, 100, 100) rotate(27.928deg);
    transform-origin: center
  }

  to {
    transform: scale3d(900, 900, 900) rotate(27.928deg);
    transform-origin: center
  }
}

.av {
  position: relative;
  display: block;
  color: inherit
}

.aw {
  position: absolute;
  bottom: 48px;
  display: flex;
  width: 13px
}

.aw svg {
  width: 100%;
  height: auto
}

.az {
  left: 17.75%
}

.a0 {
  left: 61.5%
}

.a3 {
  color: inherit
}

:root {
  --page-width-max: 2560px;
  --page-width-min: 360px
}

@media (min-width: 1440px) {
  :root {
    --header-height: 89px;
    --grid-side-gap: 4.027vw
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  :root {
    --header-height: 88px;
    --grid-side-gap: 24px
  }
}

@media (max-width: 743px) {
  :root {
    --header-height: 80px;
    --grid-side-gap: 16px
  }
}

*,
:after,
:before {
  box-sizing: border-box
}

blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
  margin: 0
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  overflow-wrap: break-word
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

html:focus-within {
  scroll-behavior: smooth
}

body {
  line-height: 1.5;
  min-height: 100vh;
  text-rendering: optimizeSpeed
}

a {
  text-decoration: none;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}

a,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit
}

button {
  background: hsla(0, 0%, 100%, 0);
  border: none;
  cursor: pointer;
  font: inherit;
  margin: 0;
  padding: 0
}

button,
img,
picture {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

img,
picture {
  display: block;
  height: auto;
  max-width: 100%
}

input,
select,
textarea {
  display: block;
  font: inherit;
  margin: 0
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto
  }

  *,
  :after,
  :before {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important
  }
}

body,
html {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #fff;
  color: #383653;
  height: 100%;
  scroll-padding-top: var(--header-height, 0);
  width: 100%;
  min-width: var(--page-width-min);
  font-feature-settings: "pnum" on, "lnum" on
}

[data-scroll-lock] body {
  overflow: hidden;
  padding-right: var(--scrollbar-compensation, 0)
}

#__next {
  display: flex;
  flex-direction: column;
  min-height: 100%
}

main {
  flex-grow: 1;

}

main, header {
  opacity: 0;
}

[data-header-state*=transparent] main {
  margin-top: calc(var(--header-height) * -1)
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box
}

.gc .swiper-wrapper { /* исключение для разделов в фильтре каталога */
  position: relative;
  width: 70%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}

.gc .swiper-slide,
.gc swiper-slide { /* исключение для разделов в фильтре каталога */
  flex-shrink: 0;
  width: auto;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}

@media (max-width: 743px) {
  .gc .swiper-slide,
  .gc swiper-slide { /* исключение для разделов в фильтре каталога */

    width: 100%;

  }

  /* Ваши стили для экранов 360px и меньше */
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.swiper-button-lock,
.swiper-pagination-lock,
.swiper-scrollbar-lock {
  display: none
}

.swiper-button-disabled {
  pointer-events: none
}

.ReactModal__Overlay {
  opacity: 0;
  transition: opacity .3s ease-in-out
}

.ReactModal__Overlay--after-open {
  opacity: 1
}

.ReactModal__Overlay--before-close {
  opacity: 0
}

.eh {
  display: flex;
  flex-wrap: wrap;
  --color: var(--header-color-main, #383653);
  color: var(--color);
  column-gap: 32px;
  row-gap: 8px
}

.eh .ei {
  font-size: 15px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700
}

.eh .ei:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #383653;
  border-radius: 50%;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease;
  opacity: 0
}

.eh .ej {
  pointer-events: none
}

.eh .ej:after {
  opacity: 1
}

.ek {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center
}

[data-scroll-lock] .ek .ei {
  opacity: 1;
  transform: translateZ(0);
  transform: translateY(0);
}

.ek .el {
  display: flex;
  align-items: center;
  gap: 10px
}

.ek .el:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #595671;
  border-radius: 50%;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease;
  opacity: 0
}

@media (max-width: 1279px) {
  .ek .el:after {
    margin-top: 6px
  }
}

@media (min-width: 1280px) {
  .ek .el:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px
  }
}

.ek .ei {
  color: #595671;
  font-weight: 700;
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition-property: transform, opacity;
  transition-duration: 1s;
  transition-timing-function: ease
}

@media (min-width: 1440px) {
  .ek .ei {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: .01em
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .ek .ei {
    font-size: 32px;
    line-height: 38px
  }
}

@media (max-width: 743px) {
  .ek .ei {
    font-size: 26px;
    line-height: 30px
  }
}

.ek .ej {
  pointer-events: none
}

.ek .ej .el:after {
  opacity: 1
}

.ek .ei:first-child {
  transition-delay: 0ms
}

.ek .ei:nth-child(2) {
  transition-delay: .05s
}

.ek .ei:nth-child(3) {
  transition-delay: .15s
}

.ek .ei:nth-child(4) {
  transition-delay: .25s
}

.ek .ei:nth-child(5) {
  transition-delay: .35s
}

.ek .ei:nth-child(6) {
  transition-delay: .45s
}

.ek .ei:nth-child(7) {
  transition-delay: .65s
}

.ek .ei:nth-child(8) {
  transition-delay: .75s
}

.ek .ei:nth-child(9) {
  transition-delay: .85s
}

.ek .ei:nth-child(10) {
  transition-delay: .95s
}

.ek .ei:nth-child(11) {
  transition-delay: 1s
}

.ek .ei:nth-child(12) {
  transition-delay: 1.05s
}

.ek .ei:nth-child(13) {
  transition-delay: 1.15s
}

.ek .ei:nth-child(14) {
  transition-delay: 1.25s
}

.ek .ei:nth-child(15) {
  transition-delay: 1.35s
}

.ek .ei:nth-child(16) {
  transition-delay: 1.45s
}

.ek .ei:nth-child(17) {
  transition-delay: 1.55s
}

.ek .ei:nth-child(18) {
  transition-delay: 1.65s
}

.ek .ei:nth-child(19) {
  transition-delay: 4.5s
}

.ek .ei:nth-child(20) {
  transition-delay: 4.75s
}

@media (max-width: 743px) {
  .ek {
    gap: 24px;
    padding-top: 40px
  }
}

@media (min-width: 744px) {
  .ek {
    gap: 30px;
    padding-top: 120px;
    padding-bottom: 120px
  }
}

.em {
  display: block;
  column-count: 2;
  column-gap: 16px
}

.em .ei {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px
}

.el,
.en {
  position: relative
}

.el {
  color: #383653;
  word-break: break-all;
  transition-property: color;
  transition-duration: .3s;
  transition-timing-function: ease
}

.el:hover {
  color: #bca37d
}

.ei,
.rl {
  position: relative
}

.rl {
  align-items: center;
  gap: 8px
}

.rl,
.rm {
  display: flex
}

.rm:hover .rn {
  color: #bca37d
}

.rn {
  transition-property: color;
  transition-duration: .3s;
  transition-timing-function: ease
}

.a7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 16px;
  padding-left: var(--grid-side-gap);
  padding-right: var(--grid-side-gap);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 20px
}

@media (min-width: 1440px) {
  .a7 {
    max-width: var(--page-width-max)
  }
}

@media (max-width: 743px) {
  .a7 {
    flex-wrap: wrap
  }
}

@media (max-width: 1439px) {
  .a7 {
    padding-bottom: 16px
  }
}

@media (min-width: 1440px) {
  .a7 {
    padding-bottom: 24px
  }
}

.a8 {
  font-feature-settings: "pnum" on, "lnum" on
}

.ro .rp {
  fill: #383653
}

.ro {
  position: relative
}

.ro:active .rq,
.ro:focus .rq,
.ro:hover .rq {
  fill: #d2e8fc
}

.rq {
  transition-property: fill;
  transition-duration: .3s;
  transition-timing-function: ease
}

.ee {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding-left: var(--grid-side-gap);
  padding-right: var(--grid-side-gap);
  padding-bottom: 20px;
}

@media (max-width: 743px) {
  .ee {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 744px) {
  .ee {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.ef {
  background-color: #d2e8fc;
  transition-property: background-color;
  transition-duration: .6s;
  transition-timing-function: ease,
}

.ef:focus,
.ef:hover {
  background-color: #b9deff
}

@media (max-width: 1439px) {
  .ef {
    border-radius: 12px
  }
}

@media (min-width: 1440px) {
  .ef {
    border-radius: 16px
  }
}

.eg {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .025em
}

@media (max-width: 743px) {
  .eg {
    padding: 16px 10px;
    flex-direction: column;
    row-gap: 4px
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .eg {
    padding: 24px 6px
  }
}

@media (max-width: 1439px) {
  .eg {
    column-gap: 8px
  }
}

@media (min-width: 1440px) {
  .eg {
    padding: 30px 16px;
    gap: 12px
  }
}

.t {
  position: relative;
  font-feature-settings: "lnum" 1;
  color: #383653;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  transition-property: color;
  transition-duration: .3s;
  transition-timing-function: ease
}

.t:hover {
  color: #bca37d
}

.a4,
.e {
  position: relative
}

.a4 {
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.a5 {
  display: inline-block;
  vertical-align: top;
  font-weight: 700
}

@media (min-width: 1440px) {
  .a5 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: .01em
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .a5 {
    font-size: 32px;
    line-height: 38px
  }
}

@media (max-width: 743px) {
  .a5 {
    font-size: 26px;
    line-height: 30px
  }
}

.a6 {
  margin-top: 10px
}

.ig {
  position: relative;
  overflow: hidden
}

@media (max-width: 743px) {
  .ig {
    padding-top: 50px
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .ig {
    padding-top: 60px
  }
}

@media (min-width: 1440px) {
  .ig {
    padding-top: 80px
  }
}

@media (min-width: 744px) {
  .ih .ii {
    animation-fill-mode: both;
    animation-delay: 0ms
  }

  .ih .ii,
  .ih .ik,
  .ih .il {
    animation-name: ij;
    animation-duration: 1.5s
  }

  .ih .ik,
  .ih .il {
    animation-fill-mode: both;
    animation-delay: .35s
  }

  .ih .im {
    transform: scale(1);
    animation-delay: .35s
  }
}

@keyframes ij {
  0% {
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 20)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.in {
  width: 100%;
  padding-right: 4px
}

@media (max-width: 743px) {
  .in {
    min-width: 166px;
    width: 33vw;
    max-width: 247px
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .in {
    min-width: 247px;
    width: calc(25vw - 1px);
    max-width: 359px
  }
}

@media (min-width: 1440px) {
  .in {
    min-width: 359px;
    width: calc(25vw - 1px);
    max-width: 420px
  }
}

.io {
  object-fit: cover;
  width: 100%;
  transition-property: transform;
  transition-duration: .8s;
  transition-timing-function: ease
}

@media (max-width: 743px) {
  .io {
    aspect-ratio: 1.006
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .io {
    aspect-ratio: 1.008
  }
}

@media (min-width: 1440px) {
  .io {
    aspect-ratio: 1.0725
  }
}

.im {
  display: block;
  overflow: hidden;
  border-radius: 20px;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform;
  transition-duration: 1.5s;
  transition-timing-function: ease
}

.im:hover .io {
  transform: scale(1.1)
}

@media (min-width: 744px) {
  .im {
    transform: scale(.9)
  }
}

.ii {
  padding-left: var(--grid-side-gap);
  padding-right: var(--grid-side-gap);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 24px;
  font-weight: 700
}

@media (min-width: 1440px) {
  .ii {
    max-width: var(--page-width-max);
    font-size: 36px;
    line-height: 44px;
    letter-spacing: .01em
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .ii {
    font-size: 32px;
    line-height: 38px
  }
}

@media (max-width: 743px) {
  .ii {
    font-size: 26px;
    line-height: 30px
  }
}

.ii a {
  margin-left: 4px;
  transition-property: color;
  transition-duration: .3s;
  transition-timing-function: ease
}

.ii a:hover {
  color: #bca37d
}

@media (min-width: 744px) {

  .ii,
  .ip {
    opacity: 0
  }
}

.ik {
  width: 100%
}

@media (max-width: 743px) {
  .ik {
    padding-left: var(--grid-side-gap);
    padding-right: 12px
  }
}

@media (min-width: 744px) {
  .ik {
    padding-left: 4px
  }
}

.ik .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: auto auto;
  grid-row-gap: 4px;
  row-gap: 4px
}

.il {
  width: 100%
}

@media (max-width: 743px) {
  .il {
    padding-left: var(--grid-side-gap);
    padding-right: 12px
  }
}

@media (min-width: 744px) {
  .il {
    padding-left: 4px
  }
}

@media (max-width: 559px) {
  .il .swiper-wrapper {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: auto auto;
    grid-row-gap: 4px;
    row-gap: 4px
  }
}

.bl {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

@media (max-width: 1439px)and (min-width: 744px) {
  .bl {
    flex: 0 0 42.9166666667%
  }
}

.bm {
  font-weight: 700
}

.bn {
  min-width: 289px
}

@media (max-width: 743px) {
  .bn {
    max-width: 360px
  }
}

@media (min-width: 744px) {
  .bn {
    max-width: 324px
  }
}

.bn button {
  z-index: 5;
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%
}

.bn button:after {
  content: "";
  width: 14px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75 10.3413L12.6997 5.39156L7.75 0.441813' stroke='%23383653'/%3E%3Cpath d='M0 5.34131L12 5.34131' stroke='%23383653'/%3E%3C/svg%3E%0A");
  background-position: 50%;
  background-repeat: no-repeat;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease
}

.bn button:active,
.bn button:hover {
  background-color: #fff
}

.bn button:active:after {
  opacity: .5
}

.ce {
  position: relative
}

.cf {
  color: #cab493
}

@media (max-width: 743px) {
  .cf .cg {
    width: 114px
  }
}

@media (min-width: 744px) {
  .cf .cg {
    width: 140px
  }
}

.ch {
  color: #383653
}

@media (max-width: 1439px) {
  .ch .cg {
    width: 140px
  }
}

@media (min-width: 1440px) {
  .ch .cg {
    width: 160px
  }
}

@keyframes cr {
  0% {
    transform: rotateY(0deg);
    color: #cab493
  }

  1.75% {
    color: #cab493
  }

  2% {
    transform: rotateY(180deg);
    color: #65a8e8
  }

  33.32% {
    transform: rotateY(180deg);
    color: #65a8e8
  }

  33.33% {
    transform: rotateY(0deg);
    color: #65a8e8
  }

  35.08% {
    color: #65a8e8
  }

  35.33% {
    transform: rotateY(180deg);
    color: #ff97ad
  }

  66.65% {
    transform: rotateY(180deg);
    color: #ff97ad
  }

  66.66% {
    transform: rotateY(0deg);
    color: #ff97ad
  }

  68.41% {
    color: #ff97ad
  }

  68.66% {
    transform: rotateY(180deg);
    color: #cab493
  }

  to {
    transform: rotateY(180deg);
    color: #cab493
  }
}

@keyframes ck {
  0% {
    transform: rotateY(0deg);
    color: #cab493
  }

  1.6% {
    color: #cab493
  }

  2% {
    transform: rotateY(180deg);
    color: transparent
  }

  33.32% {
    transform: rotateY(180deg);
    color: transparent
  }

  33.33% {
    transform: rotateY(0deg);
    color: #65a8e8
  }

  34.93% {
    color: #65a8e8
  }

  35.33% {
    transform: rotateY(180deg);
    color: transparent
  }

  66.65% {
    transform: rotateY(180deg);
    color: transparent
  }

  66.66% {
    transform: rotateY(0deg);
    color: #ff97ad
  }

  68.26% {
    color: #ff97ad
  }

  68.66% {
    transform: rotateY(180deg);
    color: transparent
  }

  to {
    transform: rotateY(180deg);
    color: transparent
  }
}

@keyframes cm {
  0% {
    transform: rotateY(180deg);
    color: transparent
  }

  1.6% {
    color: transparent
  }

  2% {
    transform: rotateY(0deg);
    color: #65a8e8
  }

  33.32% {
    transform: rotateY(0deg);
    color: #65a8e8
  }

  33.33% {
    transform: rotateY(180deg);
    color: transparent
  }

  34.93% {
    color: transparent
  }

  35.33% {
    transform: rotateY(0deg);
    color: #ff97ad
  }

  66.65% {
    transform: rotateY(0deg);
    color: #ff97ad
  }

  66.66% {
    transform: rotateY(180deg);
    color: transparent
  }

  68.26% {
    color: transparent
  }

  68.66% {
    transform: rotateY(0deg);
    color: #cab493
  }

  to {
    transform: rotateY(0deg);
    color: #cab493
  }
}

.ci,
.cj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: inherit;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  transform: rotateY(0deg);
  transform-origin: center
}

.cj {
  animation: ck 50s linear infinite;
  animation-delay: 5s
}

.cl {
  left: 0;
  width: 100%;
  transition: inherit;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  transform: rotateY(180deg);
  transform-origin: center;
  animation: cm 50s linear infinite;
  animation-delay: 5s
}

.cl,
.cn {
  position: absolute;
  top: 0
}

.cn {
  aspect-ratio: 1.22;
  height: auto;
  display: block;
  perspective: 1200px
}

@media (max-width: 743px) {
  .cn {
    width: 9px
  }
}

@media (min-width: 744px) {
  .cn {
    width: 11px
  }
}

.co {
  left: 17.75%
}

.cp {
  left: 61.5%
}

.cq {
  position: relative;
  display: inline-block;
  vertical-align: top;
  transition-property: color;
  transition-duration: .6s;
  transition-timing-function: ease
}

.cq:hover {
  color: #bca37d
}

.cg {
  height: auto
}

.kf {
  position: relative;
  width: 100%;
  font-feature-settings: "pnum" on, "lnum" on
}

@media (min-width: 1440px) {
  .kf {
    max-width: var(--page-width-max);
    margin-left: auto;
    margin-right: auto
  }
}

.kg {
  margin-top: 4px;
  padding-left: var(--grid-side-gap);
  padding-right: var(--grid-side-gap);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #e7f3ff;
  border-radius: 16px
}

@media (min-width: 1440px) {
  .kg {
    max-width: var(--page-width-max)
  }
}

@media (max-width: 743px) {
  .kg {
    padding-top: 32px;
    padding-bottom: 16px
  }
}

@media (min-width: 744px) {
  .kg {
    margin-left: 4px;
    margin-right: 4px;
    width: calc(100% - 8px)
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .kg {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

@media (min-width: 1440px) {
  .kg {
    padding-top: 56px;
    padding-bottom: 40px
  }
}

.kh {
  display: flex;
  padding-bottom: 40px
}

@media (max-width: 743px) {
  .kh {
    flex-direction: column;
    row-gap: 40px
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .kh {
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 44px
  }
}

@media (min-width: 1440px) {
  .kh {
    flex-direction: row;
    justify-content: space-between
  }
}

.ki {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-grow: 1
}

.ki .kj {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  word-break: break-all
}

.ki .kj,
.kk {
  letter-spacing: .025em;
  text-transform: uppercase
}

.kk {
  max-width: 289px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600
}

.kl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px
}

.km {
  transition-property: color;
  transition-duration: .3s;
  transition-timing-function: ease
}

.km:hover {
  color: #bca37d
}

.kn {
  flex-grow: 1;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .025em
}

@media (max-width: 743px) {
  .kn {
    width: 92%;
    max-width: 360px
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .kn {
    max-width: 70%
  }
}

@media (min-width: 1440px) {
  .kn {
    max-width: 340px
  }
}

.ko {
  display: flex
}

@media (min-width: 1440px) {
  .ko {
    flex-direction: column
  }
}

@media (max-width: 743px) {
  .kp {
    flex-direction: column;
    row-gap: 24px;
    padding-bottom: 4px
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .kp {
    display: flex;
    justify-content: space-between;
    column-gap: 44px;
    flex-direction: row
  }
}

@media (max-width: 1439px) {
  .kp {
    flex: 0 0 100%
  }
}

@media (min-width: 1440px) {
  .kp {
    row-gap: 76px;
    flex: 0 0 39.5833333333%;
    padding-right: 24px;
    display: block
  }
}

.kq {
  margin-right: auto;
  flex-direction: column
}

@media (max-width: 743px) {
  .kq {
    gap: 28px;
    flex: 0 0 100%
  }
}

@media (min-width: 744px) {
  .kq {
    gap: 24px
  }

  .kw .ri:last-child .swiper-wrapper {
    margin-left: -1000px;
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .kq {
    flex: 0 0 57.0833333333%
  }
}

@media (min-width: 1440px) {
  .kq {
    flex: 0 0 41.6666666667%;
    padding-right: 24px
  }
}

.kr {
  flex-direction: column;
  gap: 24px
}

@media (min-width: 744px) {
  .kr {
    flex: 0 0 100%
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .kr {
    flex: 0 0 42.9166666667%
  }
}

@media (min-width: 1440px) {
  .kr {
    flex: 0 0 18.75%
  }

  .ks {
    margin-bottom: 40px
  }
}

.bo {
  position: relative;
  height: 40px;
  color: #cab493
}

@media (min-width: 1280px) {
  .bo {
    display: none
  }
}

[data-header-state*=active] .bu,
[data-header-state*=solid] .bu,
[data-header-state*=transparent] .bu {
  --header-color-main: #fff;
  --header-color-main-hover: hsla(0, 0%, 100%, .2);
  --header-color-bg: #fff
}

.bu {
  --background: var(--header-color-bg, #fff);
  --color: var(--header-color-main, #383653);
  transition-property: background-color, color;
  transition-duration: .3s;
  transition-timing-function: ease;
  background-color: var(--background);
  color: var(--color);
  left: 0;
  min-height: var(--header-height);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 6;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.bu,
.bv {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.bv {
  width: 100%;
  gap: 32px
}

@media (min-width: 1440px) {
  .bv {
    padding-top: 20px;
    padding-bottom: 17px
  }
}

@media (max-width: 1279px) {
  .bw {
    display: none
  }
}

@media (max-width: 1439px) {
  .bx {
    padding-top: 5px
  }
}

@media (max-width: 1279px) {
  .by {
    display: none
  }
}

@media (min-width: 744px) {
  .by {
    min-width: 150px;
    text-align: right
  }
}

.cs {
  align-self: center;
  justify-self: center;
  background-color: #fff
}

.cs,
.ct {
  position: relative;
  width: 100%;
  height: 100%
}

.ct {
  background: #f9f9ff
}

@keyframes cv {
  0% {
    transform: scale(1)
  }

  14% {
    transform: scale(1.3)
  }

  28% {
    transform: scale(1)
  }

  42% {
    transform: scale(1.3)
  }

  70% {
    transform: scale(1)
  }
}

.cu {
  position: relative;
  height: calc(100% - var(--header-height));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media (max-width: 743px) {
  .cu {
    padding-bottom: 24px;
    gap: 100px
  }
}

[data-scroll-lock] .cu:before {
  animation-name: cv;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  animation-delay: 2s
}

.cu:before {
  content: "";
  position: absolute;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='305' height='264' viewBox='0 0 305 264' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M213.813 4.02832C167.096 19.2718 150.683 66.8818 154.454 104.792C135.333 71.8904 94.3516 43.0082 47.6347 58.2517C7.59171 71.3176 -7.22693 109.66 5.27263 148.577C25.8323 212.589 135.133 249.869 205.53 263.816C254.328 210.976 321.216 116.206 300.657 52.1943C288.157 13.2772 254.257 -9.16821 213.813 4.02832Z' fill='%23D8D6F5'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 1.155;
  max-width: 560px
}

@media (max-width: 743px) {
  .cu:before {
    width: 84.7%;
    right: -24px;
    bottom: -10px
  }
}

@media (max-width: 1439px)and (min-width: 744px) {
  .cu:before {
    width: 75.2%;
    right: -30px;
    bottom: -46px
  }
}

.cw {
  flex-grow: 1
}

@media (min-width: 744px) {
  .cx {
    display: none
  }
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/a5553708bbfb6319-s.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/948dbd02f10c0d04-s.p.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/27b513c85cd51e31-s.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ecc7ce8fc5d6e5c5-s.woff2) format("woff2");
  unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/beb742c171df2176-s.p.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/a5553708bbfb6319-s.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/948dbd02f10c0d04-s.p.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/27b513c85cd51e31-s.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/ecc7ce8fc5d6e5c5-s.woff2) format("woff2");
  unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/beb742c171df2176-s.p.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/a5553708bbfb6319-s.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/948dbd02f10c0d04-s.p.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/27b513c85cd51e31-s.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/ecc7ce8fc5d6e5c5-s.woff2) format("woff2");
  unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: __Raleway_6c14a4;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/beb742c171df2176-s.p.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
  font-family: __Raleway_Fallback_6c14a4;
  src: local("Arial");
  ascent-override: 89.62%;
  descent-override: 22.31%;
  line-gap-override: 0.00%;
  size-adjust: 104.89%
}

.a {
  font-family: __Raleway_6c14a4, __Raleway_Fallback_6c14a4;
  font-style: normal
}

.FeedBack, .Menu, .Filter, .Certificate, .SizeTable, .BlogFeedBack, .BlogAuthor, .BlogSub, .BlogRepost {
  display: none;

}

.fs .swiper-button-next:after, .fs .swiper-rtl .swiper-button-prev:after {
  display: none;
}

.exx {
  opacity: 0;
  transform: translateY(100%);
}

.fs .swiper-button-next, .swiper-button-prev {
  margin-top: calc(-41px - (var(--swiper-navigation-size) / 2));
}

.popup-full .su.sv {
  margin-top: 0 !important;
}

.Review .popup-full {
  max-height: 720px;
}

.fs.main .swiper.swiper-fade {
  height: 700px;
}

.fs.main .swiper.swiper-fade .swiper-button-next::after,
.fs.main .swiper.swiper-fade .swiper-button-prev::after {
  display: none;
}

.fs.main .swiper.swiper-fade .fv {
  bottom: 107px;
}

@media (max-width: 600px) {
  .fs.main .swiper.swiper-fade {
    height: 600px;
  }

  .fs.main .swiper.swiper-fade .fv {
    bottom: 66px;
  }
}