.products--upsale .products__card,
.products__item .products__card,
.vertical-product-card .products__card {
  display: flex;
  flex-direction: column;
  align-items: center
}
.products--upsale .products__img,
.products__item .products__img,
.vertical-product-card .products__img {
  max-width: 150px;
  margin-block: 0 40px
}
.products--upsale .products__short-desc,
.products__item .products__short-desc,
.vertical-product-card .products__short-desc {
  text-align: center;
  margin-block: 8px auto
}
.products--upsale .products__badge,
.products__item .products__badge,
.vertical-product-card .products__badge {
  position: absolute;
  top: 16px;
  left: 16px
}
@font-face {
  font-family: "FS Albert Pro";
  src: url(../fonts/FSAlbertPro-Bold.eot);
  src: local("FS Albert Pro Bold"),local("FSAlbertPro-Bold"),url(../fonts/FSAlbertPro-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/FSAlbertPro-Bold.woff2) format("woff2"),url(../fonts/FSAlbertPro-Bold.woff) format("woff"),url(../fonts/FSAlbertPro-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "FS Albert Pro";
  src: url(../fonts/FSAlbertPro-BoldItalic.eot);
  src: local("FS Albert Pro Bold Italic"),local("FSAlbertPro-BoldItalic"),url(../fonts/FSAlbertPro-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/FSAlbertPro-BoldItalic.woff2) format("woff2"),url(../fonts/FSAlbertPro-BoldItalic.woff) format("woff"),url(../fonts/FSAlbertPro-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "FS Albert Pro";
  src: url(../fonts/FSAlbertPro-ExtraBold.eot);
  src: local("FS Albert Pro ExtraBold"),local("FSAlbertPro-ExtraBold"),url(../fonts/FSAlbertPro-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/FSAlbertPro-ExtraBold.woff2) format("woff2"),url(../fonts/FSAlbertPro-ExtraBold.woff) format("woff"),url(../fonts/FSAlbertPro-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "FS Albert Pro";
  src: url(../fonts/FSAlbertPro-ThinItalic.eot);
  src: local("FS Albert Pro Thin Italic"),local("FSAlbertPro-ThinItalic"),url(../fonts/FSAlbertPro-ThinItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/FSAlbertPro-ThinItalic.woff2) format("woff2"),url(../fonts/FSAlbertPro-ThinItalic.woff) format("woff"),url(../fonts/FSAlbertPro-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "FS Albert Pro";
  src: url(../fonts/FSAlbertPro-Light.eot);
  src: local("FS Albert Pro Light"),local("FSAlbertPro-Light"),url(../fonts/FSAlbertPro-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/FSAlbertPro-Light.woff2) format("woff2"),url(../fonts/FSAlbertPro-Light.woff) format("woff"),url(../fonts/FSAlbertPro-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "FS Albert Pro";
  src: url(../fonts/FSAlbertPro.eot);
  src: local("FS Albert Pro"),local("FSAlbertPro"),url(../fonts/FSAlbertPro.eot?#iefix) format("embedded-opentype"),url(../fonts/FSAlbertPro.woff2) format("woff2"),url(../fonts/FSAlbertPro.woff) format("woff"),url(../fonts/FSAlbertPro.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "FS Albert Pro";
  src: url(../fonts/FSAlbertPro-Italic.eot);
  src: local("FS Albert Pro Italic"),local("FSAlbertPro-Italic"),url(../fonts/FSAlbertPro-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/FSAlbertPro-Italic.woff2) format("woff2"),url(../fonts/FSAlbertPro-Italic.woff) format("woff"),url(../fonts/FSAlbertPro-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "FS Albert Pro";
  src: url(../fonts/FSAlbertPro-LightItalic.eot);
  src: local("FS Albert Pro Light Italic"),local("FSAlbertPro-LightItalic"),url(../fonts/FSAlbertPro-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/FSAlbertPro-LightItalic.woff2) format("woff2"),url(../fonts/FSAlbertPro-LightItalic.woff) format("woff"),url(../fonts/FSAlbertPro-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "FS Albert Pro";
  src: url(../fonts/FSAlbertPro-Thin.eot);
  src: local("FS Albert Pro Thin"),local("FSAlbertPro-Thin"),url(../fonts/FSAlbertPro-Thin.eot?#iefix) format("embedded-opentype"),url(../fonts/FSAlbertPro-Thin.woff2) format("woff2"),url(../fonts/FSAlbertPro-Thin.woff) format("woff"),url(../fonts/FSAlbertPro-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Marydale;
  src: url(../fonts/marydale-regular-webfont.ttf);
  font-weight: 400;
  font-style: normal
}
*,
::after,
::before {
  box-sizing: border-box
}
:active,
:focus {
  outline: 0
}
body {
  font-family: "FS Albert Pro",sans-serif;
  color: #172c61;
  min-height: 100vh;
  padding: 0!important;
  background-color: #fff;
  scroll-behavior: smooth;
  overflow-x: hidden;
  display: grid;
  grid-template-rows: min-content 1fr min-content
}
b,
strong {
  font-weight: 700
}
h1,
h2,
h3,
h4 {
  margin: 0
}
a,
input {
  font: inherit;
  color: inherit;
  text-decoration: none;
  transition: all .3s ease
}
a:hover {
  color: #1a287e
}
a.btn:focus {
  box-shadow: none
}
input:focus {
  outline: 0
}
p {
  margin: 0
}
ul {
  list-style: none;
  padding: 0;
  margin: 0
}
button {
  padding: 0;
  background-color: transparent;
  border: none
}
:root {
  --header-height: 80px;
  --page-padding-inline: 16px;
  --breakout-width: 1fr;
  --content-width: 1600px;
  --small-section-margin-top: 100px;
  --main-section-margin-top: 120px;
  --big-section-margin-top: 140px
}
.container-grid {
  width: 100%;
  display: grid;
  grid-template-columns: [full-width-start] var(--page-padding-inline) [breakout-start] var(--breakout-width) [content-start] var(--content-width) [content-end] var(--breakout-width) [breakout-end] var(--page-padding-inline) [full-width-end]
}
.container-grid > :not(.breakout) {
  grid-column: content
}
.container-grid > .breakout {
  grid-column: breakout
}
.container-grid > .full-width {
  grid-column: full-width
}
.btn {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  border-radius: 50px;
  padding: 16px 30px;
  transition: all .3s ease
}
.btn--fill {
  color: #fff;
  background-image: linear-gradient(to right,#cc9724 0,#e4b85c 50%,#e4b85c 50%,#e4b85c 100%);
  background-size: 200% 100%;
  background-position: left -3px center;
  transition: background-position 125ms ease
}
.btn--fill:hover {
  color: #fff;
  background-position: right -3px center
}
.btn--outline {
  color: #172c61;
  border: 1px solid #172c61
}
.btn--outline:hover {
  color: #fff;
  background-image: #172c61
}
.modal-backdrop {
  background-color: #172c61
}
.modal-backdrop.show {
  opacity: .6
}
.modal-backdrop + .modal-backdrop {
  opacity: 0
}
.modal-dialog {
  max-width: 786px
}
.modal-content {
  border-radius: 10px;
  padding: 16px;
  position: relative
}
.modal-body {
  padding: 0;
  position: static
}
.btn-close {
  position: absolute;
  top: 16px;
  right: 16px
}
.slick-slider:not(.slick-vertical) .slick-track {
  display: flex!important
}
.slick-dots {
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  position: static;
  display: flex;
  align-items: center;
  gap: 20px
}
.slick-dots li {
  width: auto;
  height: auto;
  margin: 0
}
.slick-dots li button {
  color: inherit;
  width: 12px;
  height: auto;
  aspect-ratio: 1;
  padding: 0;
  margin: 0;
  border: 1px solid currentColor;
  border-radius: 100vw;
  transition: all .3s ease
}
.slick-dots li button::before {
  content: none
}
.slick-dots li.slick-active button {
  background-color: #cda85b;
  border-color: #cda85b
}
.modal-content {
  background-color: #fbf5e5
}
@media (min-width:1024px) and (max-width:1920px) {
  :root {
    --header-height: calc(100vw * (80 / 1920));
    --page-padding-inline: calc(100vw * (16 / 1920));
    --breakout-width: calc(100vw * (144 / 1920));
    --content-width: 1fr;
    --small-section-margin-top: calc(100vw * (100 / 1920));
    --main-section-margin-top: calc(100vw * (120 / 1920));
    --big-section-margin-top: calc(100vw * (140 / 1920))
  }
  .btn {
    font-size: .9375vw;
    border-radius: 2.6041666667vw;
    padding: .8333333333vw 1.5625vw
  }
  .slick-dots {
    gap: 1.0416666667vw
  }
  .slick-dots li button {
    width: .625vw
  }
  .modal-dialog {
    max-width: 40vw
  }
  .modal-content {
    border-radius: .5208333333vw;
    padding: .8333333333vw
  }
  .btn-close {
    top: .8333333333vw;
    right: .8333333333vw
  }
}
@media (min-width:1024px) {
  .to-sm {
    display: none!important
  }
}
@media (max-width:1023px) {
  :root {
    --header-height: 54px;
    --page-padding-inline: 16px;
    --breakout-width: 0px;
    --content-width: 1fr;
    --small-section-margin-top: 40px;
    --main-section-margin-top: 50px;
    --big-section-margin-top: 60px
  }
  .from-sm {
    display: none!important
  }
  .slick-dots {
    gap: 16px
  }
  .btn {
    font-size: 16px;
    padding: 12px 32px
  }
}
@media (max-width:575px) {
  .from-xs {
    display: none!important
  }
}
.header {
  width: 100%;
  height: var(--header-height);
  background: linear-gradient(90deg,#cc9724 0,#e1b761 100%);
  position: sticky;
  top: 0;
  z-index: 800
}
.header__wrapper {
  height: 100%;
  display: flex;
  align-items: center
}
.header__logo {
  height: 100%;
  width: 183px;
  display: flex;
  position: relative
}
.header__logo > img {
  width: 183px;
  height: 105px;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0
}
.header__menu-toggle {
  margin-left: auto
}
@media (max-width:1920px) {
  .header__logo {
    width: 9.53125vw
  }
  .header__logo > img {
    width: 9.53125vw;
    height: 5.46875vw
  }
  .header__menu-toggle {
    margin-left: auto
  }
}
@media (max-width:1023px) {
  .header__logo {
    display: flex;
    position: static
  }
  .header__logo > img {
    width: 135px;
    height: 78px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: 16px
  }
}
.burger-menu {
  width: 24px;
  aspect-ratio: 1/1;
  padding: 5px 2px;
  cursor: pointer;
  display: flex;
  align-items: center
}
.bar {
  position: relative;
  width: 100%;
  height: 2px;
  background: #fff;
  transition: all 0s .3s;
  flex-shrink: 0
}
.bar:after,
.bar:before {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  left: 0;
  background: #fff;
  transition: all .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)
}
.bar.animate {
  background: rgba(255,255,255,0)
}
.bar:before {
  width: 75%;
  bottom: 6px
}
.bar:after {
  top: 6px
}
.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: all .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)
}
.bar.animate:before {
  width: 100%;
  bottom: 0;
  transform: rotate(-45deg);
  transition: all .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)
}
.main-nav {
  --gap: 50px;
  margin-left: var(--gap);
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  gap: var(--gap);
  position: static
}
.main-nav__menu {
  width: 100%;
  max-width: 760px;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.main-nav__menu > li {
  position: relative
}
.main-nav__link {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  height: var(--header-height);
  display: flex;
  align-items: center;
  padding: 1em .5em
}
.main-nav__link:hover {
  color: #fff;
  text-decoration: underline
}
.main-nav__controls {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 24px
}
.main-nav__social-link:hover {
  opacity: .85
}
.main-nav__submenu-wrap {
  position: absolute;
  top: 100%;
  left: 0
}
.main-nav__submenu {
  width: -moz-max-content;
  width: max-content;
  border-radius: 0 0 4px 4px;
  overflow: hidden
}
.main-nav__submenu-link {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  min-width: -moz-max-content;
  min-width: max-content;
  width: 100%;
  padding: 10px 24px;
  background: #d19f33;
  display: block
}
.main-nav__submenu-link:hover {
  color: #fff;
  background: #e4b85c
}
@media (max-width:1920px) {
  .main-nav__menu {
    max-width: 39.5833333333vw
  }
  .main-nav__link {
    font-size: .8333333333vw
  }
  .main-nav__controls {
    gap: 1.25vw
  }
}
@media (max-width:1023px) {
  .main-nav {
    --gap: 0;
    width: 270px;
    height: 100dvh;
    padding: 20px;
    margin-left: 0;
    background: linear-gradient(90deg,#cc9724 0,#e1b761 100%);
    display: flex;
    flex-direction: column;
    align-items: start;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    z-index: 1060;
    transition: all .3s ease;
    overflow-y: auto
  }
  .main-nav.open {
    transform: translateX(0)
  }
  .main-nav .header__logo {
    width: 98px;
    height: 22px;
    position: static
  }
  .main-nav .header__logo > img {
    width: 100%;
    height: 100%;
    position: static;
    transform: none
  }
  .main-nav__menu {
    max-width: none;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    order: 3
  }
  .main-nav__menu > li {
    width: 100%
  }
  .main-nav__link {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    width: 100%;
    height: auto;
    padding: 16px 0
  }
  .main-nav__controls {
    margin-block: 40px 32px;
    align-items: start;
    flex-direction: column;
    flex-grow: 0
  }
  .main-nav__contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    order: 4
  }
  .main-nav__contacts .main-nav__link {
    width: 100%
  }
  .main-nav__submenu-wrap {
    position: static
  }
  .main-nav__submenu {
    width: 100%;
    border-radius: 0
  }
  .main-nav__submenu-toggle {
    padding-left: 16px;
    margin-left: 16px
  }
  .main-nav__submenu-toggle svg {
    transition: all .3s ease;
    transform-origin: center
  }
  .main-nav__submenu-toggle:not(.collapsed) svg {
    transform: scaleY(-1)
  }
  .main-nav__submenu-link {
    padding: 8px 14px;
    background: 0 0
  }
  .main-nav__submenu-link:hover {
    color: #fff;
    background: 0 0
  }
}
@media (min-width:1024px) {
  .main-nav__submenu-wrap.collapse:not(.show) {
    display: block!important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: transform .15s ease-in,opacity .15s ease-in,visibility 0s .15s
  }
  .main-nav__menu li:hover .main-nav__submenu-wrap {
    opacity: 1;
    transform: translateY(0);
    transition: transform .15s .15s ease-out,opacity .15s .15s ease-out,visibility 0s .15s;
    visibility: visible
  }
}
.search {
  flex-grow: 1;
  display: flex;
  position: relative
}
.search__input {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
  width: 100%;
  min-width: 200px;
  max-width: 478px;
  padding: 8px 35px 8px 50px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50px;
  display: block
}
.search__input::-moz-placeholder {
  color: #fff;
  opacity: .5
}
.search__input::placeholder {
  color: #fff;
  opacity: .5
}
.search__input:focus,
.search__input:hover {
  background-color: rgba(255,255,255,.1)
}
.search__submit {
  width: 20px;
  left: 16px
}
.search__reset {
  width: 16px;
  right: 16px
}
.search__reset,
.search__submit {
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-content: center
}
.search__reset > svg,
.search__submit > svg {
  width: 100%;
  height: 100%
}
@media (min-width:1024px) and (max-width:1920px) {
  .search__input {
    font-size: .9375vw;
    min-width: 10.4166666667vw;
    max-width: 24.8958333333vw;
    padding: .4166666667vw 1.8229166667vw .4166666667vw 2.6041666667vw;
    border-radius: 2.6041666667vw
  }
  .search__submit {
    width: 1.0416666667vw;
    left: .8333333333vw
  }
  .search__reset {
    width: .8333333333vw;
    right: .8333333333vw
  }
}
@media (max-width:1023px) {
  .search {
    min-width: 0;
    width: 100%;
    max-width: none;
    flex-grow: 0
  }
  .search__input {
    font-size: 16px
  }
}
.banner {
  --banner-padding-block: 90px;
  color: #fff;
  padding-top: 16px
}
.banner--section .banner__wrapper {
  height: 524px
}
.banner__wrapper {
  width: calc(var(--content-width) + 288px);
  height: 704px;
  padding: var(--banner-padding-block) 144px;
  margin-inline: auto;
  position: relative;
  display: flex;
  flex-direction: column
}
.banner__background {
  border-radius: 20px;
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: -1
}
.banner__background picture {
  width: 100%
}
.banner__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.banner__background video {
  width: 100%
}
.banner__slider {
  height: 100%;
  margin-bottom: 0!important
}
.banner__slider .slick-list,
.banner__slider .slick-track {
  height: 100%
}
.banner__item {
  width: 100%;
  height: 100%;
  display: grid!important;
  grid-template-columns: 1fr 655px;
  gap: 156px
}
.banner__title {
  font-weight: 700;
  font-size: 70px;
  line-height: 1.2;
  text-transform: uppercase
}
.banner__text {
  font-weight: 400;
  font-size: 26px;
  line-height: 1.3
}
.banner__control {
  margin-top: auto;
  display: flex;
  align-items: center;
  position: relative
}
.banner__btn {
  font-size: 22px;
  line-height: 1.4;
  width: -moz-max-content;
  width: max-content;
  padding: 16px 60px;
  margin-right: auto
}
.banner__dots {
  margin-inline: 40px
}
.banner__arrow {
  width: 20px;
  height: 40px;
  color: #fff;
  display: flex
}
.banner__arrow svg {
  width: 100%;
  height: 100%
}
.banner__down-link {
  width: 91px;
  height: 60px;
  margin-left: 80px;
  background-color: rgba(255,255,255,.2);
  border-radius: 50px;
  display: grid;
  place-content: center
}
.banner__down-link:hover {
  background-color: rgba(255,255,255,.4)
}
.banner__down-link svg {
  width: 19px;
  height: 21px
}
@media (max-width:1920px) {
  .banner {
    --banner-padding-block: calc(100vw * (90 / 1920));
    padding-top: .8333333333vw
  }
  .banner--section .banner__wrapper {
    height: 27.2916666667vw
  }
  .banner__wrapper {
    height: 36.6666666667vw;
    width: auto;
    padding: var(--banner-padding-block) var(--breakout-width)
  }
  .banner__background {
    border-radius: 1.0416666667vw
  }
  .banner__item {
    grid-template-columns: 1fr 34.1145833333vw;
    gap: 8.125vw
  }
  .banner__title {
    font-size: 3.6458333333vw
  }
  .banner__text {
    font-size: 1.3541666667vw
  }
  .banner__btn {
    font-size: 1.1458333333vw;
    padding: .8333333333vw 3.125vw
  }
  .banner__dots {
    margin-inline: 2.0833333333vw
  }
  .banner__arrow {
    width: 1.0416666667vw;
    height: 2.0833333333vw
  }
  .banner__down-link {
    width: 4.7395833333vw;
    height: 3.125vw;
    margin-left: 4.1666666667vw;
    border-radius: 2.6041666667vw
  }
  .banner__down-link svg {
    width: .9895833333vw;
    height: 1.09375vw
  }
}
@media (max-width:1023px) {
  .banner {
    --banner-padding-block: 50px;
    padding-top: 16px
  }
  .banner--section .banner__wrapper {
    height: 490px
  }
  .banner__wrapper {
    width: 100%;
    height: auto;
    padding-inline: 24px
  }
  .banner__background {
    border-radius: 10px
  }
  .banner__item {
    display: flex!important;
    flex-direction: column;
    gap: 24px
  }
  .banner__title {
    font-size: 36px
  }
  .banner__text {
    font-size: 18px;
    margin-bottom: 50px
  }
  .banner__btn {
    font-size: 20px;
    padding: 12px 30px
  }
  .banner__dots {
    margin-inline: 0
  }
  .banner__dots .slick-dots {
    gap: 16px
  }
  .banner__down-link {
    margin-left: 40px
  }
  .main--index .blog-list__title {
    font-size: 28px
  }
}
@media (max-width:700px) {
  .banner__background video {
    width: auto
  }
}
@media (max-width:575px) {
  .banner {
    --banner-padding-block: 40px
  }
  .banner__wrapper {
    padding-inline: 16px
  }
  .banner__item {
    gap: 16px
  }
  .banner__title {
    font-size: 34px
  }
  .banner__text {
    font-size: 18px;
    line-height: 1.4
  }
  .main--index .banner__text {
    font-size: 16px;
    line-height: 1.3
  }
}
.benefits {
  --modal-content-width: 520px;
  margin-top: var(--small-section-margin-top)
}
.benefits__list {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px
}
.benefits__item {
  min-height: 160px;
  height: 100%;
  padding: 20px;
  background-color: #ffe9bf;
  border-radius: 8px;
  display: flex;
  align-items: start;
  gap: 20px
}
.benefits__item:hover {
  background-color: #ffdd96
}
.benefits__top {
  width: 100%;
  display: flex;
  align-items: start;
  gap: 20px
}
.benefits__icon {
  width: 60px;
  height: auto;
  aspect-ratio: 1
}
.benefits__caption {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3;
  min-height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex: 1 1 50%
}
.benefits__caption svg {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-block: 14px auto
}
.benefits .modal-content {
  width: var(--modal-content-width);
  padding: 0;
  margin-inline: auto;
  background-color: transparent;
  border: none;
  position: relative
}
.benefits .benefits__slider .slick-track {
  display: flex;
  min-width: var(--modal-content-width)
}
.benefits .benefits__slider .benefits__slider-item {
  width: var(--modal-content-width)!important;
  flex-shrink: 0
}
.benefits .benefits__arrow {
  --arrow-offset: -115px;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.benefits .benefits__arrow--prev {
  left: var(--arrow-offset)
}
.benefits .benefits__arrow--next {
  right: var(--arrow-offset)
}
.benefits__slider-item {
  padding: 20px;
  background-color: #ffe9bf;
  border-radius: 8px;
  display: flex!important;
  flex-wrap: wrap;
  align-items: start;
  gap: 20px
}
.benefits__desc {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3;
  color: #172c61
}
.benefits__desc > p + p {
  margin-top: 1em
}
.benefits__desc > img {
  width: 100%;
  height: auto;
  margin-top: 20px;
  border-radius: 8px
}
@media (max-width:1920px) {
  .benefits {
    --modal-content-width: calc(100vw * (520 / 1920))
  }
  .benefits__list {
    gap: 1.0416666667vw
  }
  .benefits__item {
    min-height: 8.3333333333vw;
    padding: 1.0416666667vw;
    border-radius: .4166666667vw;
    gap: 1.0416666667vw
  }
  .benefits__top {
    gap: 1.0416666667vw
  }
  .benefits__icon {
    width: 3.125vw
  }
  .benefits__caption {
    font-size: 1.3541666667vw;
    min-height: 3.125vw;
    gap: 1.0416666667vw
  }
  .benefits__caption svg {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    margin-top: .7291666667vw
  }
  .benefits .benefits__arrow {
    --arrow-offset: calc(100vw * (-115 / 1920))
  }
  .benefits__slider-item {
    padding: 1.0416666667vw;
    border-radius: .4166666667vw;
    gap: 1.0416666667vw
  }
  .benefits__desc {
    font-size: .9375vw
  }
  .benefits__desc > img {
    margin-top: 1.0416666667vw;
    border-radius: .4166666667vw
  }
}
@media (max-width:1023px) {
  .benefits {
    --modal-content-width: calc(100vw * (920 / 1920))
  }
  .benefits__list {
    display: flex;
    flex-direction: column;
    gap: 16px
  }
  .benefits__item {
    min-height: 0;
    padding: 12px 16px 20px 8px;
    flex-direction: column;
    border-radius: 4px
  }
  .benefits__item:not(.collapsed) .benefits__caption .vertical {
    transform: scaleY(0)
  }
  .benefits__top {
    gap: 16px
  }
  .benefits__icon {
    width: 45px
  }
  .benefits__caption {
    font-size: 20px;
    min-height: 45px;
    gap: 16px
  }
  .benefits__caption svg {
    width: 24px;
    height: 24px;
    margin-block: 9px auto
  }
  .benefits__caption .vertical {
    transform-origin: center;
    transition: transform .1s ease
  }
  .benefits__desc {
    font-size: 16px
  }
  .benefits__desc > img {
    margin-top: 16px
  }
}
@media (max-width:575px) {
  .benefits__list {
    gap: 12px
  }
  .benefits__top {
    gap: 12px
  }
  .benefits__icon {
    width: 36px
  }
  .benefits__caption {
    font-size: 16px;
    min-height: 36px;
    gap: 12px
  }
  .benefits__caption svg {
    width: 12px;
    height: 12px;
    margin-block: 9px auto
  }
  .benefits__desc {
    font-size: 14px
  }
  .benefits__desc > img {
    margin-top: 16px
  }
}
.advantages {
  --item-padding: 140px;
  margin-top: var(--main-section-margin-top);
  position: relative
}
.advantages::before {
  content: "";
  width: 100vw;
  height: 348px;
  background-color: #fbf5e5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1
}
.advantages__slider-wrapper {
  max-width: 1600px;
  margin-inline: auto;
  position: relative
}
@media (max-width:1600px) {
  .advantages__slider-wrapper {
    max-width: 1480px
  }
}
.advantages__item {
  padding-top: var(--item-padding);
  display: flex!important;
  justify-content: center;
  gap: 118px
}
.advantages__bottom,
.advantages__top {
  max-width: 385px
}
.advantages__caption {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3
}
.advantages__text {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.4;
  margin-top: 16px
}
.advantages__img {
  width: 323px;
  height: 460px;
  margin-top: calc(-1 * var(--item-padding))
}
.advantages__arrow {
  color: #172c61;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}
.advantages__arrow--prev {
  left: 0
}
.advantages__arrow--next {
  right: 0
}
.advantages__info {
  position: absolute;
  bottom: 85px;
  right: 0
}
.advantages__info circle {
  fill: transparent
}
.advantages__info circle,
.advantages__info path {
  transition: all .3s ease
}
.advantages__info:hover circle {
  stroke: #e4b85c;
  fill: #e4b85c
}
.advantages__info:hover path {
  fill: #fff
}
.advantages__sources-title {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3;
  text-align: center;
  width: 100%;
  margin-bottom: 12px
}
.advantages__sources {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3
}
.advantages__sources b {
  font-weight: 700
}
.advantages__sources a {
  font-weight: 700;
  text-decoration: underline
}
@media (max-width:1920px) {
  .advantages {
    --item-padding: calc(100vw * (140 / 1920))
  }
  .advantages::before {
    height: 18.125vw
  }
  .advantages__slider-wrapper {
    max-width: 83.3333333333vw
  }
  .advantages__item {
    gap: 6.1458333333vw
  }
  .advantages__bottom,
  .advantages__top {
    max-width: 20.3125vw
  }
  .advantages__caption {
    font-size: 1.3541666667vw
  }
  .advantages__text {
    font-size: 1.1458333333vw;
    margin-top: .8333333333vw
  }
  .advantages__img {
    width: 16.8229166667vw;
    height: 23.9583333333vw
  }
  .advantages__info {
    bottom: 4.4270833333vw
  }
  .advantages__sources-title {
    font-size: 1.3541666667vw;
    margin-bottom: .625vw
  }
  .advantages__sources {
    font-size: .9375vw
  }
}
@media (max-width:1023px) {
  .advantages {
    --item-gap: 20px
  }
  .advantages::before {
    content: none
  }
  .advantages__slider-wrapper {
    max-width: 900px;
    margin-inline: var(--page-padding-inline)
  }
  .advantages__slider {
    margin-bottom: 0!important
  }
  .advantages .slick-dots {
    color: #172c61;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%)
  }
  .advantages__item {
    height: auto;
    padding: 40px 40px 68px;
    background-color: #fbf5e5;
    flex-direction: column;
    justify-content: start;
    gap: var(--item-gap)
  }
  .advantages__bottom,
  .advantages__top {
    max-width: 100%;
    position: relative
  }
  .advantages__bottom::before,
  .advantages__top::before {
    content: "";
    width: 45px;
    height: 77px;
    display: block;
    position: absolute
  }
  .advantages__top::before {
    background: transparent url(../img/advantages_top_arrow.svg) no-repeat center/contain;
    top: calc(100% + var(--item-gap));
    left: -1.5px
  }
  .advantages__bottom::before {
    background: transparent url(../img/advantages_bot_arrow.svg) no-repeat center/contain;
    bottom: calc(100% + var(--item-gap));
    right: -1.5px
  }
  .advantages__caption {
    font-size: 18px
  }
  .advantages__text {
    font-size: 16px;
    margin-top: 8px
  }
  .advantages__img {
    width: 149px;
    height: 212px;
    margin: 16px auto 20px
  }
  .advantages__sources-title {
    font-size: 22px
  }
  .advantages__sources {
    font-size: 14px
  }
  .advantages__info {
    bottom: 24px;
    right: 24px
  }
}
@media (max-width:575px) {
  .advantages {
    --item-gap: 16px
  }
  .advantages__caption {
    font-size: 16px
  }
  .advantages__text {
    font-size: 14px
  }
  .advantages__info {
    bottom: 16px;
    right: 16px
  }
}
.stores {
  width: 100%;
  max-width: 1330px;
  margin-top: var(--main-section-margin-top);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px
}
.stores__top {
  max-width: 305px
}
.stores__title {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.2;
  color: #172c61
}
.stores__text {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.4;
  color: #172c61;
  margin-top: 24px
}
.stores__list {
  width: 790px;
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 20px
}
.stores__item {
  width: 100%
}
.stores__item:nth-child(1),
.stores__item:nth-child(2),
.stores__item:nth-child(3) {
  grid-column-end: span 2
}
.stores__item:nth-child(4),
.stores__item:nth-child(5) {
  grid-column-end: span 3
}
.stores__link {
  height: 197px;
  border: 1px solid #c09538;
  border-radius: 8px;
  display: grid;
  place-content: center
}
.stores__link > img {
  max-width: 80%;
  height: auto;
  margin: auto;
  transition: transform .3s ease
}
.stores__link:hover > img {
  transform: scale(1.2)
}
@media (max-width:1920px) {
  .stores {
    max-width: 69.2708333333vw;
    gap: 1.5625vw
  }
  .stores__top {
    max-width: 15.8854166667vw
  }
  .stores__title {
    font-size: 2.2916666667vw
  }
  .stores__text {
    font-size: 1.1458333333vw;
    margin-top: 1.25vw
  }
  .stores__list {
    width: 41.1458333333vw;
    gap: 1.0416666667vw
  }
  .stores__link {
    height: 10.2604166667vw;
    border-radius: .4166666667vw
  }
}
@media (max-width:1023px) {
  .stores {
    max-width: 900px;
    flex-direction: column
  }
  .stores__top {
    text-align: center;
    max-width: 350px
  }
  .stores__title {
    font-size: 32px
  }
  .stores__text {
    font-size: 18px;
    margin-top: 16px
  }
  .stores__list {
    width: 100%;
    gap: 16px
  }
  .stores__link {
    height: 100px;
    border-radius: 8px
  }
}
@media (max-width:575px) {
  .stores__item:nth-child(1),
  .stores__item:nth-child(2),
  .stores__item:nth-child(3),
  .stores__item:nth-child(4) {
    grid-column-end: span 3
  }
  .stores__item:nth-child(5) {
    grid-column-end: span 6
  }
  .stores__title {
    font-size: 28px
  }
  .stores__text {
    font-size: 14px;
    margin-top: 12px
  }
  .stores__link {
    height: 80px
  }
}
.blog-list {
  margin-top: var(--big-section-margin-top)
}
.blog-list__list {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 20px
}
.blog-list__item {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column
}
.blog-list__item:hover .blog-list__more {
  color: #172c61
}
.blog-list__item--mini:not(.blog-list__link) {
  border: 1px solid #172c61
}
.blog-list__item--mini .blog-list__title {
  font-size: 26px;
  line-height: 1.3;
  max-width: 267px
}
.blog-list__img {
  width: 100%;
  height: auto;
  aspect-ratio: 385/220
}
.blog-list__content {
  padding: 32px 28px 36px;
  display: flex;
  flex-direction: column;
  height: 100%
}
.blog-list__caption {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.blog-list__desc {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3;
  margin-block: 16px 30px;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.blog-list__more {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #c09538;
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 11px;
  transition: color .3s ease
}
.blog-list__link {
  background-color: #ffe9bf;
  justify-content: center;
  align-items: center
}
.blog-list__link:hover .btn {
  color: #fff;
  background-color: #172c61
}
.blog-list__title {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.2;
  text-align: center
}
@media (max-width:1920px) {
  .blog-list__list {
    gap: 1.0416666667vw
  }
  .blog-list__item {
    border-radius: .4166666667vw
  }
  .blog-list__item--mini .blog-list__title {
    font-size: 1.3541666667vw;
    max-width: 13.90625vw
  }
  .blog-list__content {
    padding: 1.6666666667vw 1.4583333333vw 1.875vw
  }
  .blog-list__caption {
    font-size: 1.0416666667vw
  }
  .blog-list__desc {
    font-size: .9375vw;
    margin-block: .8333333333vw 1.5625vw
  }
  .blog-list__more {
    font-size: 1.0416666667vw;
    gap: .5729166667vw
  }
  .blog-list__title {
    font-size: 2.2916666667vw
  }
}
@media (max-width:1023px) {
  .blog-list {
    grid-column: full-width!important;
    display: flex;
    flex-direction: column
  }
  .blog-list__list {
    width: 100%;
    padding-inline: calc(var(--breakout-width) + var(--page-padding-inline));
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scrollbar-width: none
  }
  .blog-list__list::-webkit-scrollbar {
    display: none
  }
  .blog-list__item {
    width: 275px;
    border-radius: 8px
  }
  .blog-list__content {
    padding: 24px 16px 26px
  }
  .blog-list__caption {
    font-size: 18px
  }
  .blog-list__desc {
    font-size: 16px;
    margin-block: 12px 20px
  }
  .blog-list__more {
    font-size: 18px
  }
  .blog-list__title {
    font-size: 32px;
    margin-bottom: 20px
  }
  .blog-list__btn {
    margin: 24px auto 0
  }
}
@media (max-width:575px) {
  .blog-list__item {
    width: 253px
  }
  .blog-list__title {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 20px
  }
  .blog-list__caption {
    font-size: 16px
  }
  .blog-list__desc {
    font-size: 14px;
    margin-block: 12px 20px
  }
  .blog-list__more {
    font-size: 14px
  }
}
.footer {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
  padding-block: 40px;
  margin-top: 170px;
  background: linear-gradient(90deg,#cc9724 0,#e1b761 100%)
}
.footer__wrapper {
  display: grid;
  gap: 16px;
  grid-template-columns: max-content auto max-content auto max-content auto max-content max-content;
  grid-template-rows: repeat(2,min-content);
  grid-template-areas: "logo . contacts . policy . soc-med social" "sitemap . contacts . policy . soc-med social"
}
.footer__contacts {
  grid-area: contacts
}
.footer__policy {
  grid-area: policy
}
.footer__contacts,
.footer__policy {
  display: flex;
  flex-direction: column;
  gap: 6px
}
.footer__phone {
  font-weight: 700
}
.footer__link:hover,
.footer__phone:hover {
  color: #fff;
  text-decoration: underline
}
.footer__soc-med {
  grid-area: soc-med
}
.footer__soc-med-link {
  width: 150px;
  display: flex;
  gap: 12px
}
.footer__soc-med-link p {
  color: #fff
}
.footer__soc-med-link:hover p {
  color: #fff;
  text-decoration: underline
}
.footer__soc-med-link svg {
  flex-shrink: 0
}
.footer__social {
  display: flex;
  gap: 24px;
  grid-area: social
}
.footer__social-link:hover {
  opacity: .85
}
.footer__sitemap {
  grid-area: sitemap
}
.footer__sitemap:hover {
  color: #fff;
  text-decoration: underline
}
@media (max-width:1920px) {
  .footer {
    font-size: .9375vw;
    padding-block: 2.0833333333vw;
    margin-top: 8.8541666667vw
  }
  .footer__wrapper {
    padding-right: 1.9vw
  }
  .footer__contacts,
  .footer__policy {
    gap: .3125vw
  }
  .footer__social {
    gap: 1.25vw
  }
  .footer .footer__social-link svg {
    width: 1.4583333333vw;
    height: 1.4583333333vw
  }
}
@media (max-width:1023px) {
  .footer {
    font-size: 16px;
    padding-block: 40px;
    margin-top: 80px
  }
  .footer__wrapper {
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
    grid-template-columns: max-content max-content;
    grid-template-rows: repeat(5,min-content);
    gap: 20px 150px;
    grid-template-areas: "logo contacts" "social contacts" "soc-med soc-med" "menu menu" "policy policy" "sitemap sitemap"
  }
  .footer__logo {
    width: 98px;
    height: 22px;
    display: flex
  }
  .footer__logo > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }
  .footer__contacts {
    text-align: end
  }
  .footer__soc-med-link {
    width: 100%
  }
  .footer__social-link svg {
    width: 24px;
    height: 24px
  }
  .footer__policy {
    text-align: center;
    font-weight: 300;
    grid-area: policy
  }
  .footer__menu {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    grid-area: menu
  }
  .footer__menu-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
    width: -moz-max-content;
    width: max-content;
    padding: 12px 20px;
    border: 1px solid #fff;
    border-radius: 50px;
    display: block
  }
}
@media (max-width:575px) {
  .footer {
    margin-top: 60px
  }
  .footer__wrapper {
    width: 100%;
    grid-template-columns: max-content 1fr;
    gap: 20px 65px
  }
  .footer__contacts {
    text-align: start
  }
  .footer__policy {
    text-align: start
  }
  .footer__menu {
    text-align: start;
    margin-block: 20px
  }
}
.custom-select {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3;
  color: #172c61;
  width: 384px;
  background-color: #fff;
  position: relative
}
.custom-select__header {
  padding: 16px 30px;
  border: 1px solid #172c61;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  transition: border-radius 125ms .3s ease
}
.custom-select__header::after {
  content: "";
  width: 13px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 8L0.870835 0.5L12.1292 0.500001L6.5 8Z" fill="%23172C61" /></svg>');
  flex-shrink: 0;
  transition: transform .3s ease
}
.custom-select__header:not(.collapsed) {
  border-radius: 4px 4px 0 0;
  transition: border-radius .1s ease
}
.custom-select__header:not(.collapsed)::after {
  transform: rotate(-180deg)
}
.custom-select__list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 50
}
.custom-select__item {
  padding: 16px 30px;
  background-color: #fff;
  border-top: 1px solid #c6cdde;
  border-left: 1px solid #172c61;
  border-right: 1px solid #172c61;
  cursor: pointer;
  transition: background-color 125ms ease
}
.custom-select__item:first-child {
  border-top: none
}
.custom-select__item:last-child {
  border-bottom: 1px solid #172c61;
  border-radius: 0 0 4px 4px
}
.custom-select__item:focus,
.custom-select__item:hover {
  background-color: #ffe9bf
}
@media (max-width:1920px) {
  .custom-select {
    font-size: .9375vw;
    width: 20vw
  }
  .custom-select__header {
    padding: .8333333333vw 1.5625vw;
    gap: .8333333333vw
  }
  .custom-select__header::after {
    width: .6770833333vw;
    height: .4166666667vw
  }
  .custom-select__item {
    padding: .8333333333vw 1.5625vw
  }
}
@media (max-width:1023px) {
  .custom-select {
    font-size: 14px;
    width: 100%
  }
  .custom-select + .custom-select {
    margin-top: 40px
  }
  .custom-select__header {
    font-weight: 700;
    font-size: 16px;
    padding: 0;
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
    touch-action: none
  }
  .custom-select__header::after {
    content: none
  }
  .custom-select__list {
    display: flex!important;
    flex-wrap: wrap;
    gap: 12px 15px;
    position: static
  }
  .custom-select__item {
    width: -moz-max-content;
    width: max-content;
    padding: 12px 24px;
    background-color: #fff;
    border: 1px solid #172c61;
    border-radius: 50px;
    transition: background-color 125ms ease
  }
  .custom-select__item:first-child {
    border: 1px solid #172c61;
    border-radius: 50px
  }
  .custom-select__item:last-child {
    border: 1px solid #172c61;
    border-radius: 50px
  }
  .custom-select__item.active {
    color: #fff;
    background: linear-gradient(90deg,#cc9724 0,#e1b761 100%)
  }
}
.products {
  margin-top: var(--small-section-margin-top)
}
.products--upsale {
  margin-top: var(--big-section-margin-top)
}
.products--upsale .products__list {
  grid-template-columns: repeat(4,minmax(0,1fr))
}
.products__title {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3;
  text-align: center;
  color: #172c61
}
.products__top {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.products__filter-wrap {
  display: flex;
  gap: 20px
}
.products__list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px
}
.products__item {
  container-type: inline-size;
  container-name: item
}
.products__card {
  line-height: 1.3;
  color: #172c61;
  height: 100%;
  padding: 50px 30px 50px 35px;
  background-color: #fbf5e5;
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(100px,182px) 221px;
  grid-template-rows: min-content 1fr min-content;
  grid-template-areas: "img name" "img desc" "img control";
  gap: 0 50px;
  position: relative
}
.products__card:hover .btn {
  color: #fff;
  background-position: right -3px center
}
.products__img {
  width: 100%;
  height: auto;
  grid-area: img
}
.products__name {
  font-weight: 700;
  font-size: 26px;
  grid-area: name
}
.products__short-desc {
  font-weight: 300;
  font-size: 18px;
  margin-block: 8px auto
}
.products__control {
  margin-block: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px
}
.products__badge {
  width: 51px;
  height: 51px;
  display: flex
}
.products__badge svg {
  width: 100%;
  height: 100%
}
@media (min-width:1024px) and (max-width:1920px) {
  .products__title {
    font-size: 1.3541666667vw
  }
  .products__filter-wrap {
    gap: 1.0416666667vw
  }
  .products__list {
    margin-top: 2.0833333333vw;
    gap: 1.0416666667vw
  }
  .products__card {
    padding: 2.6041666667vw 1.5625vw 2.6041666667vw 1.8229166667vw;
    border-radius: .4166666667vw;
    grid-template-columns: minmax(5.2083333333vw,9.4791666667vw) 11.5104166667vw;
    gap: 0 2.6041666667vw
  }
  .products__name {
    font-size: 1.3541666667vw
  }
  .products__short-desc {
    font-size: .9375vw;
    margin-block: .4166666667vw auto
  }
  .products__control {
    margin-block: 1.5625vw;
    gap: 1.0416666667vw
  }
  .products__badge {
    width: 2.65625vw;
    height: 2.65625vw
  }
}
@media (max-width:1023px) {
  .products--upsale {
    grid-column: full-width!important
  }
  .products--upsale .products__list {
    width: 100%;
    padding-inline: calc(var(--breakout-width) + var(--page-padding-inline));
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scrollbar-width: none
  }
  .products--upsale .products__list::-webkit-scrollbar {
    display: none
  }
  .products--upsale .products__list .products__item {
    width: 320px;
    flex-shrink: 0
  }
  .products__list {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px
  }
  .products__card {
    padding: 40px 20px 40px 25px
  }
  .products__name {
    font-size: 22px
  }
  .products__short-desc {
    font-size: 16px
  }
  .products__control {
    margin-block: 24px 0;
    gap: 10px
  }
  .products__filter_toggle {
    color: #172c61;
    width: 27px;
    height: 24px
  }
  .products__filter_toggle > svg {
    width: 100%;
    height: 100%
  }
  .products__filter-wrap {
    width: 270px;
    padding-block: 40px;
    padding-inline: 14px 22px;
    margin-left: 0;
    background-color: #fff;
    flex-direction: column;
    gap: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    z-index: 1060;
    transition: transform .3s ease
  }
  .products__filter-wrap.open {
    transform: translateX(0)
  }
  .products__filter-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #172c61;
    margin-bottom: 32px
  }
  .products__badge {
    width: 51px;
    height: 51px
  }
}
@media (max-width:575px) {
  .products__list {
    grid-template-columns: repeat(1,minmax(0,1fr))
  }
  .products__card {
    padding: 40px 16px
  }
  .products__img {
    max-width: 150px
  }
}
.product-top {
  --slider-height: 450px;
  padding-top: var(--small-section-margin-top);
  max-width: 1330px;
  margin-inline: auto;
  display: flex;
  gap: 68px
}
.product-top__images {
  display: flex;
  gap: 22px
}
.product-top__images:hover .product-top__arrow {
  opacity: 1
}
.product-top__vertical-slider-wrapper {
  width: 115px;
  height: var(--slider-height);
  position: relative
}
.product-top__main-slider-wrapper {
  width: var(--slider-height);
  height: var(--slider-height);
  padding-inline: 67px;
  position: relative;
  cursor: pointer
}
.product-top__main-slider-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.product-top__arrow {
  position: absolute;
  z-index: 2;
  opacity: 0;
  transition: opacity 125ms ease
}
.product-top__arrow:not(.vertical) {
  top: 50%;
  transform: translateY(-50%)
}
.product-top__arrow:not(.vertical).prev {
  left: 0
}
.product-top__arrow:not(.vertical).next {
  right: 0
}
.product-top__arrow.vertical {
  left: 50%;
  transform: translateX(-50%)
}
.product-top__arrow.vertical.prev {
  top: 0
}
.product-top__arrow.vertical.next {
  bottom: 0
}
.product-top__vertical-slider {
  height: var(--slider-height);
  overflow: hidden
}
.product-top__vertical-slider .slick-list {
  height: var(--slider-height)!important
}
.product-top__vertical-slider-item {
  width: 115px;
  height: 152px;
  margin-bottom: 8px;
  border-radius: 5px;
  cursor: pointer
}
.product-top__vertical-slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.product-top__info {
  margin-top: 10px;
  display: flex;
  flex-direction: column
}
.product-top__title {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.2
}
.product-top__desc {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  margin-top: 12px
}
.product-top__desc p + p {
  margin-top: 12px
}
.product-top__desc small {
  font-size: inherit;
  color: #a1a1a1
}
.product-top__btn {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.4;
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  padding-inline: 60px;
  margin-top: 20px
}
.product-top__options {
  margin-top: 24px
}
.product-top__main-slider-item img {
  padding-bottom: 40px
}
@media (min-width:1024px) and (max-width:1920px) {
  .product-top {
    --slider-height: calc(100vw * (450 / 1920));
    max-width: 69.2708333333vw;
    gap: 3.5416666667vw
  }
  .product-top__images {
    gap: 1.1458333333vw
  }
  .product-top__vertical-slider-wrapper {
    width: 5.9895833333vw
  }
  .product-top__main-slider-wrapper {
    padding-inline: 3.4895833333vw
  }
  .product-top__main-slider {
    height: var(--slider-height);
    overflow: hidden
  }
  .product-top__vertical-slider-item {
    width: 5.9895833333vw;
    height: 7.9166666667vw;
    margin-bottom: .4166666667vw
  }
  .product-top__info {
    margin-top: .5208333333vw
  }
  .product-top__title {
    font-size: 2.2916666667vw
  }
  .product-top__desc {
    font-size: .8333333333vw;
    margin-top: .625vw
  }
  .product-top__desc p + p {
    margin-top: .625vw
  }
  .product-top__btn {
    padding-inline: 3.125vw;
    margin-top: 1.0416666667vw
  }
  .product-top__options {
    margin-top: 1.25vw
  }
}
@media (max-width:1023px) {
  .product-top {
    --slider-height: 400px;
    flex-direction: column;
    align-items: center;
    gap: 30px
  }
  .product-top__main-slider-wrapper {
    height: var(--slider-height);
    width: var(--slider-height);
    padding-inline: 50px
  }
  .product-top__vertical-slider-wrapper {
    width: 81px;
    height: var(--slider-height)
  }
  .product-top__vertical-slider-item {
    width: 81px;
    height: 107px
  }
  .product-top__info {
    margin-top: 0
  }
  .product-top__btn,
  .product-top__title {
    margin-inline: auto
  }
  .product-top__desc {
    margin-top: 28px;
    order: 3
  }
  .product-top__options {
    order: 4
  }
}
@media (max-width:575px) {
  .product-top {
    --slider-height: 400px
  }
  .product-top__main-slider-item img {
    padding-bottom: 0
  }
  .product-top__main-slider-wrapper {
    width: 300px;
    padding-inline: 0
  }
  .product-top__main-slider-item {
    border: 1px solid #e4b85c;
    border-radius: 5px
  }
  .product-top__title {
    font-size: 28px
  }
  .product-top__btn {
    padding-inline: 30px
  }
  .product-top__options {
    margin-top: 16px
  }
}
.options {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.options__group {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  color: #172c61
}
.options__group b {
  font-weight: 700
}
@media (min-width:1024px) and (max-width:1920px) {
  .options__group {
    font-size: .8333333333vw
  }
}
.product-info {
  --item-padding: 24px 40px;
  width: 100%;
  max-width: 1330px;
  margin-top: var(--small-section-margin-top);
  margin-inline: auto
}
.product-info__list {
  width: 100%
}
.product-info__item {
  border-top: 1px solid #172c61
}
.product-info__item:last-child {
  border-bottom: 1px solid #172c61
}
.product-info__caption {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #172c61;
  width: 100%;
  padding-block: 16px;
  display: block;
  position: relative
}
.product-info__caption svg {
  width: 27px;
  height: 27px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transform-origin: center;
  transition: transform .3s ease
}
.product-info__caption:not(.collapsed) svg {
  transform: translateY(-50%) rotate(-45deg)
}
@media (min-width:1024px) and (max-width:1920px) {
  .product-info {
    --item-padding: calc(100vw * (24 / 1920)) calc(100vw * (40 / 1920));
    max-width: 69.2708333333vw
  }
  .product-info__caption {
    padding-block: .8333333333vw
  }
  .product-info__caption svg {
    width: 1.40625vw;
    height: 1.40625vw
  }
}
@media (max-width:1023px) {
  .product-info {
    --item-padding: 16px 30px
  }
  .product-info__caption {
    padding-block: 14px
  }
  .product-info__caption svg {
    width: 22px;
    height: 22px
  }
}
.product-about {
  padding-block: var(--item-padding)
}
.product-about__caption {
  --height: 38px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  height: var(--height);
  padding-inline: 20px;
  margin-bottom: 20px;
  background-color: #c09538;
  border-radius: 0 4px 4px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}
.product-about__caption::after {
  content: "";
  border-top: calc(.5 * var(--height)) solid transparent;
  border-bottom: calc(.5 * var(--height)) solid transparent;
  border-left: 10px solid #fff;
  position: absolute;
  inset: 0
}
.product-about__caption > a {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: calc(100% + 16px);
  transform: translateY(-50%)
}
.product-about__caption > a svg {
  width: 100%;
  height: 100%
}
.product-about__note {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  color: #172c61
}
.product-about__list {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-auto-flow: dense;
  gap: 20px
}
.product-about__item {
  font-size: 16px;
  line-height: 1.3;
  color: #172c61;
  padding: 20px 16px;
  border: 1px solid #172c61;
  border-radius: 8px
}
.product-about__list-name {
  font-weight: 700
}
.product-about__list-text {
  font-weight: 300;
  margin-top: 8px
}
.product-about__desc-wrapper {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 55px
}
.product-about__desc-wrapper > div {
  display: flex;
  flex-direction: column;
  gap: 36px
}
.product-about__desc-text {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  color: #172c61
}
.product-about__desc-text p + p {
  margin-top: 1em
}
.product-about__desc-text ul {
  list-style: outside;
  padding-left: 1em;
  margin-top: 1em
}
@media (min-width:1024px) and (max-width:1920px) {
  .product-about__caption {
    --height: calc(100vw * (38 / 1920));
    font-size: .8333333333vw;
    padding-inline: 1.0416666667vw;
    margin-bottom: 1.0416666667vw
  }
  .product-about__caption::after {
    border-left: .5208333333vw solid #fff
  }
  .product-about__caption > a {
    width: 1.6666666667vw;
    height: 1.6666666667vw
  }
  .product-about__note {
    font-size: .8333333333vw
  }
  .product-about__list {
    margin-top: 1.0416666667vw;
    gap: 1.0416666667vw
  }
  .product-about__item {
    font-size: .8333333333vw;
    padding: 1.0416666667vw .8333333333vw;
    border-radius: .4166666667vw
  }
  .product-about__list-text {
    margin-top: .4166666667vw
  }
  .product-about__desc-wrapper {
    margin-top: 2.0833333333vw;
    gap: 2.8645833333vw
  }
  .product-about__desc-wrapper > div {
    gap: 1.875vw
  }
  .product-about__desc-text {
    font-size: .8333333333vw
  }
}
@media (max-width:1023px) {
  .product-about__caption {
    font-size: 14px;
    padding-inline: 16px;
    margin-bottom: 20px
  }
  .product-about__caption > a {
    width: 28px;
    height: 28px
  }
  .product-about__note {
    font-size: 14px
  }
  .product-about__list {
    gap: 16px
  }
  .product-about__item {
    font-size: 14px;
    padding: 16px 12px
  }
  .product-about__desc-text {
    font-size: 14px
  }
}
@media (max-width:700px) {
  .product-about__list {
    grid-template-columns: repeat(1,minmax(0,1fr))
  }
  .product-about__desc-wrapper {
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap: 40px
  }
}
.product-nutrition {
  padding-block: var(--item-padding)
}
.product-nutrition__table {
  font-size: 16px;
  line-height: 1.3;
  color: #172c61;
  width: 100%
}
.product-nutrition__table.col5 td:nth-child(1) {
  width: 30%
}
.product-nutrition__table.col5 td:nth-child(2),
.product-nutrition__table.col5 td:nth-child(3),
.product-nutrition__table.col5 td:nth-child(4) {
  width: 20%
}
.product-nutrition__table.col5 td:nth-child(5) {
  word-wrap: 10%
}
.product-nutrition__table.col4 td:nth-child(1) {
  width: 39%
}
.product-nutrition__table.col4 td:nth-child(2),
.product-nutrition__table.col4 td:nth-child(3),
.product-nutrition__table.col4 td:nth-child(4) {
  width: 20.3333333333%
}
.product-nutrition__table tr:nth-child(2n) {
  background-color: #fbf5e5
}
.product-nutrition__table th {
  font-weight: 700;
  color: #fff;
  padding: 12px 28px;
  background-color: #c09538
}
.product-nutrition__table td {
  font-weight: 300;
  padding: 8px 28px
}
.product-nutrition__note {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  color: #172c61;
  margin-top: 28px
}
@media (max-width:1920px) {
  .product-nutrition__table {
    font-size: .8333333333vw
  }
  .product-nutrition__table th {
    padding: .625vw 1.4583333333vw
  }
  .product-nutrition__table td {
    padding: .625vw 1.4583333333vw
  }
  .product-nutrition__note {
    font-size: .8333333333vw;
    margin-top: 1.4583333333vw
  }
}
@media (max-width:1023px) {
  .product-nutrition__table {
    font-size: 14px
  }
  .product-nutrition__table td,
  .product-nutrition__table th {
    padding: 6px 10px
  }
  .product-nutrition__table td:not(:first-child) {
    text-align: center
  }
  .product-nutrition__note {
    font-size: 14px;
    margin-top: 20px
  }
}
@media (max-width:575px) {
  .product-nutrition__table {
    font-size: 12px
  }
  .product-nutrition__table td,
  .product-nutrition__table th {
    padding: 8px 4px
  }
  .product-nutrition__note {
    font-size: 12px
  }
}
.product-faq {
  padding-block: var(--item-padding);
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px
}
.product-faq > div {
  display: flex;
  flex-direction: column;
  gap: 20px
}
.product-faq__item {
  font-size: 16px;
  line-height: 1.3;
  color: #172c61;
  padding: 20px 16px;
  border: 1px solid #172c61;
  border-radius: 8px
}
.product-faq__question {
  font-weight: 700
}
.product-faq__answer {
  font-weight: 300;
  color: #01327e;
  margin-top: 8px
}
.product-faq__answer ul {
  list-style: outside;
  padding-left: 1em
}
@media (max-width:1920px) {
  .product-faq {
    gap: 1.0416666667vw
  }
  .product-faq > div {
    gap: 1.0416666667vw
  }
  .product-faq__item {
    font-size: .8333333333vw;
    padding: 1.0416666667vw .8333333333vw;
    border-radius: .4166666667vw
  }
  .product-faq__answer {
    margin-top: .4166666667vw
  }
}
@media (max-width:1023px) {
  .product-faq {
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap: 16px
  }
  .product-faq > div {
    gap: 16px
  }
  .product-faq__item {
    font-size: 14px;
    padding: 16px 12px;
    border-radius: 8px
  }
}
.product-certificates {
  padding-block: var(--item-padding)
}
.product-certificates__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}
.product-certificates__img {
  width: 385px;
  height: 547px;
  display: flex
}
.product-certificates__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
@media (max-width:1920px) {
  .product-certificates__list {
    gap: 1.0416666667vw
  }
  .product-certificates__img {
    width: 20.0520833333vw;
    height: 28.4895833333vw
  }
}
@media (max-width:1023px) {
  .product-certificates__img {
    width: 193px;
    height: 274px
  }
}
@media (max-width:575px) {
  .product-certificates__list {
    flex-direction: column;
    align-items: center
  }
  .product-certificates__img {
    max-width: 100%;
    width: 320px;
    height: 455px
  }
}
.product-reviews {
  text-align: center;
  padding-block: var(--item-padding)
}
.product-reviews__list {
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 32px
}
.product-reviews__item {
  text-align: left;
  padding-bottom: 32px;
  padding-right: 20px;
  border-bottom: 1px solid #c6cdde;
  display: flex;
  justify-content: space-between;
  gap: 20px
}
.product-reviews__item:last-child {
  padding-bottom: 0;
  border-bottom: none
}
.product-reviews__info {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.product-reviews__author {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #172c61
}
.product-reviews__date {
  font-weight: 300;
  margin-top: 8px
}
.product-reviews__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  color: #172c61;
  max-width: 790px
}
.product-reviews__btn {
  margin-top: 32px
}
@media (min-width:1024px) and (max-width:1920px) {
  .product-reviews__list {
    max-width: 56.25vw;
    gap: 1.6666666667vw
  }
  .product-reviews__item {
    padding-bottom: 1.6666666667vw;
    padding-right: 1.0416666667vw;
    gap: 1.0416666667vw
  }
  .product-reviews__info {
    gap: .8333333333vw
  }
  .product-reviews__author {
    font-size: .8333333333vw
  }
  .product-reviews__date {
    margin-top: .4166666667vw
  }
  .product-reviews__text {
    font-size: .8333333333vw;
    max-width: 41.1458333333vw
  }
  .product-reviews__btn {
    margin-top: 1.6666666667vw
  }
}
@media (max-width:1023px) {
  .product-reviews__list {
    gap: 24px
  }
  .product-reviews__item {
    padding-bottom: 24px;
    padding-right: 16px;
    flex-direction: column;
    gap: 20px
  }
  .product-reviews__info {
    width: 100%;
    flex-direction: row-reverse
  }
  .product-reviews__item {
    padding-right: 0
  }
  .product-reviews__author {
    margin-right: auto
  }
  .product-reviews__text {
    font-size: 14px;
    max-width: 680px
  }
  .product-reviews__btn {
    margin-top: 24px
  }
}
.buy {
  padding-top: var(--small-section-margin-top)
}
.buy .stores__link {
  padding: 30px
}
.buy .stores__link > img {
  max-width: 100%;
  height: auto;
  margin: auto;
  transition: transform .3s ease
}
.buy .stores__link:hover > img {
  transform: scale(1.2)
}
.buy__img {
  max-width: 1060px;
  margin-top: var(--small-section-margin-top);
  margin-inline: auto
}
.buy__img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}
@media (max-width:1920px) {
  .buy .stores__link {
    padding: 1.5625vw
  }
  .buy__img {
    max-width: 55.2083333333vw
  }
}
@media (min-width:1024px) {
  .buy .stores__list {
    width: 100%;
    display: flex
  }
}
@media (max-width:1365px) {
  .buy__img {
    max-width: 760px
  }
  .buy .stores__link > img {
    max-width: 70%
  }
}
@media (max-width:575px) {
  .buy__img {
    max-width: 360px
  }
}
.blog {
  padding-top: var(--small-section-margin-top);
  display: flex;
  gap: 60px
}
.blog__aside {
  width: 21.5%;
  height: 100%;
  flex-shrink: 0
}
.blog__aside-control {
  margin-bottom: 85px
}
.blog__nav {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: calc(var(--header-height) + 32px)
}
.blog__menu-caption {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 12px
}
.blog__menu-caption svg {
  transition: all .3s ease
}
.blog__menu-caption:not(.collapsed) svg {
  transform: rotate(90deg)
}
.blog__menu-list {
  padding-left: 20px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.blog__menu-link {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3
}
.blog .blog-list__list {
  grid-template-columns: repeat(3,minmax(0,1fr))
}
.blog__content {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3;
  color: #172c61;
  max-width: 790px
}
.blog__content h1 {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.2;
  margin-bottom: 40px
}
.blog__content h1 + img {
  margin-top: 0
}
.blog__content h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3;
  margin-block: 32px 16px
}
.blog__content h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  margin-block: 32px 16px
}
.blog__content p + p {
  margin-top: 16px
}
.blog__content a {
  text-decoration: underline
}
.blog__content img {
  width: 100%;
  height: auto;
  margin-top: 32px;
  border-radius: 10px
}
.blog__content dl {
  margin-top: 32px
}
.blog__content dt {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3
}
.blog__content dd {
  margin-bottom: 0
}
.blog__content dd + dt {
  margin-top: 20px
}
.blog__content blockquote {
  font-family: Marydale,sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.07143;
  padding: 40px;
  margin-top: 32px;
  border: 1px solid #172c61;
  border-radius: 10px
}
.blog__content > ul {
  list-style: outside
}
.blog__content > ol,
.blog__content > ul {
  padding-left: 1em
}
.blog__faq {
  min-width: 300px;
  line-height: 1.3
}
.blog__faq ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: calc(var(--header-height) + 16px)
}
.blog__faq a {
  padding: 28px;
  background-color: #fbf5e5;
  border-radius: 10px;
  display: block
}
.blog__faq a:hover {
  background-color: #ffdd96
}
.blog__faq-caption {
  font-weight: 700;
  font-size: 20px
}
.blog__faq-text {
  font-weight: 300;
  font-size: 18px;
  margin-top: 16px
}
@media (min-width:1024px) and (max-width:1920px) {
  .blog {
    gap: 3.125vw
  }
  .blog__aside-control {
    margin-bottom: 4.4270833333vw
  }
  .blog__nav {
    gap: 1.0416666667vw
  }
  .blog__menu-caption {
    font-size: 1.0416666667vw;
    gap: .625vw
  }
  .blog__menu-list {
    padding-left: 1.0416666667vw;
    margin-top: 1.0416666667vw;
    gap: .8333333333vw
  }
  .blog__menu-link {
    font-size: .9375vw
  }
  .blog__content {
    font-size: .9375vw;
    max-width: 41.1458333333vw
  }
  .blog__content h1 {
    font-size: 2.2916666667vw;
    margin-bottom: 2.0833333333vw
  }
  .blog__content h2 {
    font-size: 1.3541666667vw;
    margin-block: 1.6666666667vw .8333333333vw
  }
  .blog__content h3 {
    font-size: 1.0416666667vw;
    margin-block: 1.6666666667vw .8333333333vw
  }
  .blog__content p + p {
    margin-top: .8333333333vw
  }
  .blog__content img {
    margin-top: 1.6666666667vw;
    border-radius: .5208333333vw
  }
  .blog__content dl {
    margin-top: 1.6666666667vw
  }
  .blog__content dt {
    font-size: 1.0416666667vw
  }
  .blog__content dd + dt {
    margin-top: 1.0416666667vw
  }
  .blog__content blockquote {
    font-size: 1.4583333333vw;
    padding: 2.0833333333vw;
    margin-top: 1.6666666667vw;
    border-radius: .5208333333vw
  }
  .blog__faq {
    min-width: 15.625vw
  }
  .blog__faq ul {
    gap: 1.0416666667vw
  }
  .blog__faq a {
    padding: 1.4583333333vw;
    border-radius: .5208333333vw
  }
  .blog__faq-caption {
    font-size: 1.0416666667vw
  }
  .blog__faq-text {
    font-size: .9375vw;
    margin-top: .8333333333vw
  }
}
@media (max-width:1700px) {
  .blog__aside {
    width: 17.6470588235vw
  }
  .blog__menu-caption {
    font-size: 18px
  }
  .blog__menu-link {
    font-size: 16px
  }
  .blog__content {
    font-size: 16px;
    max-width: 52.9411764706vw
  }
  .blog__content h1 {
    font-size: 40px
  }
  .blog__content h2 {
    font-size: 24px
  }
  .blog__content h3 {
    font-size: 18px
  }
  .blog__content dt {
    font-size: 18px
  }
  .blog__content blockquote {
    font-size: 24px
  }
  .blog__faq-caption {
    font-size: 18px
  }
  .blog__faq-text {
    font-size: 16px
  }
}
@media (max-width:1200px) {
  .blog {
    grid-column: breakout!important
  }
}
@media (max-width:1023px) {
  .blog {
    flex-direction: column;
    gap: 28px
  }
  .blog__faq {
    display: none
  }
  .blog__aside {
    width: 100%;
    height: auto
  }
  .blog__aside--modal .blog__nav {
    width: 270px;
    padding: 20px;
    margin-left: 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: start;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    z-index: 1060;
    transition: transform .3s ease
  }
  .blog__aside--modal .blog__nav.open {
    transform: translateX(0)
  }
  .blog__aside-control {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
  }
  .blog__back-link {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
  }
  .blog__nav {
    position: static
  }
  .blog .blog-list__list {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    overflow: visible
  }
  .blog .blog-list__item {
    width: 100%
  }
  .blog__content {
    font-size: 14px;
    max-width: 100%
  }
  .blog__content h1 {
    font-size: 28px;
    margin-bottom: 30px
  }
  .blog__content h2 {
    font-size: 22px;
    margin-block: 24px 12px
  }
  .blog__content h3 {
    font-size: 18px;
    margin-block: 24px 12px
  }
  .blog__content p + p {
    margin-top: 12px
  }
  .blog__content img {
    margin-top: 24px;
    border-radius: 8px
  }
  .blog__content dl {
    margin-top: 24px
  }
  .blog__content dt {
    font-size: 18px
  }
  .blog__content dd + dt {
    margin-top: 16px
  }
  .blog__content blockquote {
    font-size: 20px;
    padding: 20px;
    margin-top: 24px;
    border-radius: 8px
  }
}
@media (max-width:575px) {
  .blog__menu-caption {
    font-size: 18px
  }
  .blog__menu-link {
    font-size: 16px
  }
  .blog .blog-list__list {
    grid-template-columns: repeat(1,minmax(0,1fr))
  }
}
.about {
  padding-top: var(--small-section-margin-top)
}
.about__top {
  display: flex
}
.about__top .about__title {
  width: 278px;
  flex-shrink: 0
}
.about__title {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.2
}
.about__title + .about__text {
  margin-top: 16px
}
.about__quote {
  font-family: Marydale,sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: .9375;
  width: 30%;
  padding: 48px 60px;
  margin-inline: 127px 65px;
  margin-bottom: 0;
  border: 1px solid #172c61;
  border-radius: 10px;
  flex-shrink: 0
}
.about__text {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.4
}
.about a.about__text {
  text-decoration: underline
}
.about__bottom {
  margin-top: var(--small-section-margin-top);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 95px 155px
}
.about__bottom .about__title {
  width: -moz-min-content;
  width: min-content
}
.about__img {
  width: 66.25%
}
.about__img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}
.about__list {
  display: flex;
  gap: 65px
}
.about__item {
  display: flex;
  gap: 28px;
  align-items: start
}
.about__num {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3;
  color: #fff;
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  background-color: #c09538;
  border-radius: 100vw;
  display: grid;
  place-content: center;
  flex-shrink: 0
}
@media (max-width:1920px) {
  .about__title {
    font-size: 2.2916666667vw
  }
  .about__quote {
    font-size: 1.6666666667vw;
    padding: 2.5vw 3.125vw;
    margin-inline: 6.6145833333vw 3.3854166667vw;
    border-radius: .5208333333vw
  }
  .about__text {
    font-size: 1.1458333333vw
  }
  .about__bottom {
    gap: 1.1458333333vw 8.0729166667vw
  }
  .about__list {
    gap: 3.3854166667vw
  }
  .about__item {
    gap: 1.4583333333vw
  }
  .about__num {
    font-size: 1.3541666667vw;
    width: 2.0833333333vw
  }
}
@media (max-width:1023px) {
  .about__top {
    flex-wrap: wrap;
    gap: 20px
  }
  .about__top .about__title {
    width: 100%
  }
  .about__top .about__text {
    flex: 1 1 50%
  }
  .about__title {
    font-size: 36px
  }
  .about__quote {
    font-size: 24px;
    width: 100%;
    padding: 24px 30px;
    margin-inline: 0;
    border-radius: 8px
  }
  .about__text {
    font-size: 18px
  }
  .about__bottom {
    gap: 0
  }
  .about__bottom .about__title {
    width: 100%;
    margin-block: 32px 20px
  }
  .about__img {
    width: 70%;
    margin-inline: auto
  }
  .about__list {
    flex-direction: column;
    gap: 20px
  }
  .about__item {
    gap: 20px
  }
  .about__num {
    font-size: 20px;
    width: 32px
  }
}
@media (max-width:575px) {
  .about__title {
    font-size: 28px;
    line-height: 1.2;
    text-align: center
  }
  .about__quote {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.18182;
    padding: 20px
  }
  .about__text {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4
  }
  .about__img {
    width: 100%
  }
  .about__list {
    gap: 16px
  }
  .about__item {
    gap: 16px
  }
  .about__num {
    font-size: 16px
  }
}
.contacts {
  margin-top: var(--small-section-margin-top);
  position: relative
}
.contacts__map {
  width: 100%;
  height: 560px;
  border-radius: 10px;
  overflow: hidden
}
.contacts__map img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}
.contacts__info {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3;
  width: 436px;
  padding: 40px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,.25);
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 8.5%;
  transform: translateY(-50%)
}
.contacts__name {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.2;
  margin-bottom: 22px
}
.contacts__text {
  margin-bottom: 28px
}
.contacts__link {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3
}
.contacts__link + .contacts__link {
  margin-top: 20px
}
@media (max-width:1920px) {
  .contacts__map {
    border-radius: .5208333333vw
  }
  .contacts__info {
    font-size: .9375vw;
    width: 22.7083333333vw;
    padding: 2.0833333333vw;
    border-radius: .5208333333vw
  }
  .contacts__name {
    font-size: 2.2916666667vw;
    margin-bottom: 1.1458333333vw
  }
  .contacts__text {
    margin-bottom: 1.4583333333vw
  }
  .contacts__link {
    font-size: 1.3541666667vw
  }
  .contacts__link + .contacts__link {
    margin-top: 1.0416666667vw
  }
}
@media (max-width:1023px) {
  .contacts__info {
    font-size: 18px;
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    position: static;
    transform: translateY(0)
  }
  .contacts__map {
    border-radius: 8px
  }
  .contacts__name {
    font-size: 40px
  }
  .contacts__link {
    font-size: 24px
  }
}
@media (max-width:575px) {
  .contacts__map {
    height: 400px
  }
  .contacts__map img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
  .contacts__info {
    font-size: 14px
  }
  .contacts__name {
    font-size: 28px
  }
  .contacts__link {
    font-size: 22px
  }
}
.search-results {
  padding-top: var(--small-section-margin-top)
}
.search-results.products-only .search-results__blog {
  display: none
}
.search-results.blog-only .search-results__products {
  display: none
}
.search-results__top {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.search-results__title {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.2
}
.search-results__filter {
  display: flex;
  gap: 32px
}
.search-results__filter-item {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3;
  color: #a1a1a1;
  cursor: pointer
}
.search-results__filter-item.active {
  color: #172c61
}
.search-results__blog {
  margin-top: 60px
}
@media (max-width:1920px) {
  .search-results__title {
    font-size: 2.2916666667vw
  }
  .search-results__filter {
    gap: 1.6666666667vw
  }
  .search-results__filter-item {
    font-size: 1.3541666667vw
  }
  .search-results__blog {
    margin-top: 3.125vw
  }
}
@media (max-width:1023px) {
  .search-results__top {
    flex-direction: column;
    gap: 28px
  }
  .search-results__title {
    font-size: 32px;
    text-align: center
  }
  .search-results__blog .blog-list__list {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    overflow: visible
  }
  .search-results__blog .blog-list__item {
    width: 100%
  }
  .search-results__filter-item {
    font-size: 24px
  }
  .search-results__blog {
    margin-top: 40px
  }
}
@media (max-width:575px) {
  .search-results__title {
    font-size: 28px;
    text-align: center
  }
  .search-results__blog .blog-list__list {
    grid-template-columns: repeat(1,minmax(0,1fr))
  }
  .search-results__filter-item {
    font-size: 22px
  }
}
.not-found {
  text-align: center;
  padding-top: var(--small-section-margin-top)
}
.not-found h1 {
  font-weight: 700;
  font-size: 70px;
  line-height: 1.2;
  text-transform: uppercase
}
.not-found p {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.4;
  margin-block: 20px 28px
}
.not-found .btn {
  padding-inline: 60px
}
.disclaimer__backdrop {
  background-color: #172c61;
  opacity: .6;
  position: fixed;
  inset: 0
}
.disclaimer .modal-dialog {
  max-width: 786px
}
.disclaimer .modal-body {
  padding: 32px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px
}
.disclaimer__title {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3;
  text-align: center
}
.disclaimer__text {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3
}
.disclaimer__text p + p {
  margin-top: 1em
}
.disclaimer__btn {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto
}
@media (max-width:1920px) {
  .disclaimer .modal-dialog {
    max-width: 40.9375vw
  }
  .disclaimer .modal-body {
    padding: 1.6666666667vw 1.0416666667vw;
    gap: 1.0416666667vw
  }
  .disclaimer__title {
    font-size: 1.3541666667vw
  }
  .disclaimer__text {
    font-size: .9375vw
  }
}
@media (max-width:1024px) {
  .disclaimer .modal-dialog {
    max-width: 100%
  }
  .disclaimer .modal-body {
    padding: 40px 16px;
    gap: 12px
  }
  .disclaimer__title {
    font-size: 22px
  }
  .disclaimer__text {
    font-size: 14px
  }
}
.sitemap {
  padding-top: var(--small-section-margin-top)
}
.sitemap__title {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.2
}
.sitemap__menu {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  gap: 60px
}
.sitemap__menu > li {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 20px
}
.sitemap__block-link {
  font-size: 26px;
  line-height: 1.3;
  color: #172c61;
  text-align: center;
  width: 100%;
  padding: 23px 20px;
  background-color: #ffe9bf;
  border-radius: 4px
}
.sitemap__block-link:hover {
  color: #172c61;
  background-color: #ffdd96
}
.sitemap__submenu {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  align-content: start;
  gap: 20px
}
.sitemap__products .sitemap__submenu {
  grid-template-columns: repeat(6,minmax(0,1fr))
}
.sitemap__blog {
  display: grid!important;
  grid-template-columns: repeat(3,minmax(0,1fr))
}
.sitemap__blog .sitemap__block-link {
  grid-column: 1/-1
}
.sitemap__link {
  font-size: 20px;
  line-height: 1.3;
  color: #172c61;
  width: 100%;
  padding: 14px 20px;
  background-color: #fbf5e5;
  border-radius: 4px;
  display: block
}
.sitemap__link:hover {
  color: #172c61;
  background-color: #ffdd96
}
@media (max-width:1920px) {
  .sitemap__title {
    font-size: 2.2916666667vw
  }
  .sitemap__menu {
    margin-top: 3.125vw;
    gap: 3.125vw
  }
  .sitemap__menu > li {
    gap: 1.25vw 1.0416666667vw
  }
  .sitemap__block-link {
    font-size: 1.3541666667vw;
    padding: 1.1979166667vw 1.0416666667vw;
    border-radius: .2083333333vw
  }
  .sitemap__submenu {
    gap: 1.0416666667vw
  }
  .sitemap__link {
    font-size: 1.0416666667vw;
    padding: .7291666667vw 1.0416666667vw;
    border-radius: .2083333333vw
  }
}
@media (max-width:1023px) {
  .sitemap__title {
    font-size: 32px;
    text-align: center
  }
  .sitemap__menu {
    margin-top: 40px;
    gap: 40px
  }
  .sitemap__menu > li {
    gap: 16px 12px
  }
  .sitemap__block-link {
    font-size: 20px;
    padding: 16px 12px;
    border-radius: 4px
  }
  .sitemap__submenu {
    gap: 12px
  }
  .sitemap__products .sitemap__submenu {
    grid-template-columns: repeat(3,minmax(0,1fr))
  }
  .sitemap__blog {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: repeat(4,min-content)
  }
  .sitemap__blog .sitemap__block-link + .sitemap__submenu {
    grid-row: 2/-1
  }
  .sitemap__link {
    font-size: 16px;
    width: 100%;
    padding: 8px 12px;
    border-radius: 4px
  }
}
@media (max-width:575px) {
  .sitemap__title {
    font-size: 28px;
    text-align: center
  }
  .sitemap__menu {
    margin-top: 28px;
    gap: 28px
  }
  .sitemap__menu > li {
    flex-direction: column;
    gap: 16px
  }
  .sitemap__block-link {
    font-size: 16px;
    line-height: 1.2
  }
  .sitemap__block-link > b {
    font-size: 22px
  }
  .sitemap__submenu {
    display: flex;
    flex-direction: column;
    gap: 16px
  }
  .sitemap__blog {
    display: flex!important;
    flex-direction: column
  }
  .sitemap__link {
    font-size: 16px;
    padding: 14px 20px
  }
}
.breadcrumbs {
  --gap: 0.5em;
  max-width: 1330px;
  margin: 46px auto 32px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap)
}
.breadcrumbs__item {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #a1a1a1;
  display: flex;
  gap: var(--gap)
}
.breadcrumbs__item + .breadcrumbs__item::before {
  content: "/"
}
@media (min-width:1024px) and (max-width:1920px) {
  .breadcrumbs {
    max-width: 69.2708333333vw;
    margin-block: 2.3958333333vw 1.6666666667vw
  }
  .breadcrumbs__item {
    font-size: .8333333333vw
  }
}
@media (max-width:1023px) {
  .breadcrumbs {
    margin-block: 40px 24px
  }
  .breadcrumbs__item {
    font-size: 14px
  }
}
.cookie {
  max-width: 535px;
  padding: 32px;
  margin-left: auto;
  background: #fbf5e5;
  border-radius: 8px;
  position: fixed;
  bottom: 16px;
  right: 16px;
  left: 16px;
  z-index: 1000
}
.cookie__caption {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3;
  color: #172c61;
  margin-bottom: 20px
}
.cookie__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #172c61;
  margin-bottom: 16px
}
.cookie__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px
}
.cookie__bottom > a {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #172c61
}
.cookie__bottom > .btn {
  padding: 15px 30px
}
@media (min-width:1024px) and (max-width:1920px) {
  .cookie {
    max-width: 27.8645833333vw;
    padding: 1.6666666667vw;
    border-radius: .4166666667vw;
    bottom: .8333333333vw;
    right: .8333333333vw;
    left: .8333333333vw
  }
  .cookie__caption {
    font-size: 1.3541666667vw;
    margin-bottom: 1.0416666667vw
  }
  .cookie__text {
    font-size: .9375vw;
    margin-bottom: .8333333333vw
  }
  .cookie__bottom > a {
    font-size: .9375vw
  }
  .cookie__bottom > .btn {
    padding: .78125vw 1.5625vw
  }
}
@media (max-width:1023px) {
  .cookie {
    padding: 24px
  }
  .cookie__caption {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 16px
  }
  .cookie__text {
    font-size: 16px
  }
  .cookie__bottom > a {
    font-size: 16px
  }
  .cookie__bottom > .btn {
    padding: 12px 32px
  }
}
.half-stars {
  text-align: center
}
.half-stars .rating-group {
  display: inline-flex
}
.half-stars input {
  position: absolute;
  left: -9999px
}
.half-stars label {
  margin: 0;
  cursor: pointer
}
.half-stars label svg {
  margin: -7px;
  height: 40px;
  width: 40px;
  fill: #ffd300;
  transition: fill .3s;
  transform: scale(.5)
}
.half-stars .hsr {
  padding-right: 0;
  margin-right: -22px;
  width: 22px;
  overflow: hidden;
  z-index: 2
}
.half-stars input:checked ~ label svg {
  fill: #c6cadb;
  transform: scale(.5)
}
.note-star:hover {
  color: #fff
}
.blog__aside {
  height: 53vh;
  overflow-y: auto
}
aside.blog__aside::-webkit-scrollbar {
  display: none
}
.main-blog-tmpl-h1 {
  display: flex;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center
}
.main-blog-tmpl-h1 sup {
  font-weight: 600;
  font-size: 20px
}
.main-blog-tmpl-h1-p {
  font-weight: 700;
  font-size: 2.2916666667vw
}
.slick-list {
  overflow: hidden
}
.global-notes {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3;
  color: #7f7f7f;
  margin-top: 80px;
  margin-inline: auto
}
.global-notes + footer {
  margin-top: 80px
}
@media (max-width:1920px) {
  .global-notes {
    font-size: .9375vw;
    margin-top: 4.1666666667vw
  }
  .global-notes + footer {
    margin-top: 4.1666666667vw
  }
}
@media (max-width:1023px) {
  .global-notes {
    font-size: 14px;
    margin-top: 40px
  }
  .global-notes + footer {
    margin-top: 40px
  }
}
/*# sourceMappingURL=style.css.map */