.custom-swiper__navigation {
  display: none;
  align-items: center;
  gap: 2.4rem;
  color: #000;
}
.custom-swiper__navigation-button-next,
.custom-swiper__navigation-button-prev {
  width: 2.4rem;
  height: 2.4rem;
}
.custom-swiper__navigation-button-next svg,
.custom-swiper__navigation-button-prev svg {
  width: 100%;
  height: 100%;
  display: block;
}
.main-page-intro__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.main-page-intro + .main-page-intro {
  margin-top: 1rem;
}
video {
  display: block;
}
.basket-form__content {
  background: #f7f6f5;
  grid-area: content;
}
.basket-form__sidebar {
  grid-area: sidebar;
}
.basket-form__footer {
  grid-area: footer;
  display: flex;
  flex-direction: column;
  gap: 1.6rem 0;
}
.header {
  position: relative;
  z-index: 1000;
  width: 100%;
  background-color: #e9e8e4;
}
.header__inner {
  position: fixed;
  top: 0;
  left: 0; /*background-color:#e9e8e4;*/
  background-color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  height: 5.6rem;
  z-index: 1000;
  border-bottom: 0.1rem solid #cfceca;
  max-width: 100% !important;
}
@media (min-width: 768px) {
  [data-zoom="100"] .header__inner {
    height: 6.2rem;
  }
  [data-zoom="100"] .header__inner .logo-group {
    gap: 2.4rem;
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .header__inner {
    height: 5.8rem;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .header__inner {
    height: 5.8rem;
  }
}
@media (max-width: 1279.98px) {
  [data-zoom="100"] .header__inner {
    flex-wrap: wrap;
  }
}
.header__inner .logo-group {
  display: flex;
  gap: 1.8rem;
  align-items: center;
  /*flex-basis: 50.2%;*/
}
.header__dropdown-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #0009;
}
.header__top-wrapper {
  background-color: #000;
  z-index: 1000;
}
.header__top {
  color: #e9e8e4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.2rem 0;
}
.header__logo {
  display: inline-block;
  margin-bottom: 0.4rem;
}
.header__logo-image {
  height: 100%;
  width: auto;
  height: 2.2rem;
}
.header__nav {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
  gap: 2rem;
}
@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav {
    justify-content: end;
    gap: 2.4rem;
  }
  [data-zoom="100"] .header__nav + .header__nav {
    margin-left: 2.8rem;
  }
}
.header__nav-link {
  text-transform: uppercase;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  gap: 0 !important;
  display: block;
}
.header__nav-group {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  align-items: center;
  /*flex-grow: 1;*/
}
.header__nav li {
  flex: none;
  position: relative;
}
.header__nav._mobile {
  /*background-color:#e9e8e4;*/
  background-color: #fff;
  top: 5.6rem;
  position: static;
}
@media (max-width: 1279.98px) {
  [data-zoom="100"] .header__nav._mobile {
    position: absolute;
    left: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    max-height: calc(var(--vh, 1vh) * 100 - 6.2rem - var(--height-notify, 0));
    opacity: 0;
    padding: 3rem 3.2rem;
    visibility: hidden;
  }
  [data-zoom="100"] .header__nav._mobile .header__nav-link {
    font-size: 1.4rem;
  }
  [data-zoom="100"] .header__nav._mobile .header__nav-group {
    width: 100%;
    flex: none;
    height: auto;
    gap: 1.6rem;
    flex-wrap: wrap;
  }
}
.header__nav._mobile li {
  position: static;
}
.header__nav._mobile li._mobile-open .subnav {
  display: block;
}
.header__nav._mobile li._subnav + li:not(._subnav) {
  margin-left: 1.9rem;
}
@media (min-width: 768px) {
  [data-zoom="100"] .header__logo-image {
    height: 2.6rem;
  }
  [data-zoom="100"] .header__nav._mobile {
    top: 9.2rem;
  }
  [data-zoom="100"] .header__nav._mobile .profile-link {
    display: none;
  }
  [data-zoom="100"] .header__nav._mobile li._subnav + li:not(._subnav) {
    margin-left: 2.1rem;
  }
}
.header__nav._mobile li._mobile-open {
  order: 100;
  width: 100%;
}
.header__nav._mobile li._mobile-open .header__nav-link {
  display: none;
}
.header__nav._mobile .header__nav-group {
  gap: 1.6rem 0;
  position: static;
  height: 100%;
}
.header__nav._mobile .header__nav-link span {
  display: block;
}
.header__nav._mobile .profile-link {
  gap: 0.8rem !important;
}
@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav._mobile {
    top: unset;
  }
  [data-zoom="100"] .header__nav._mobile li {
    height: 100%;
  }
  [data-zoom="100"] .header__nav._mobile li._mobile-open {
    order: 0;
    width: auto;
  }
  [data-zoom="100"] .header__nav._mobile li._mobile-open .header__nav-link {
    display: block;
  }
  [data-zoom="100"] .header__nav._mobile .header__nav-link {
    padding: 0 0.8rem !important;
    display: flex !important;
    height: 100% !important;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  [data-zoom="100"] .header__nav._mobile .profile-link {
    display: none !important;
  }
}
.header__nav.fixed-nav {
  flex-grow: 0;
}
@media (max-width: 767.98px) {
  [data-zoom="100"] .header__nav._mobile {
    padding: 3.1rem 2rem;
    max-height: calc(var(--vh, 1vh) * 100 - 5.6rem - var(--height-notify, 0));
  }
  [data-zoom="100"] .header__nav._mobile .header__nav-link:not(.profile-link) {
    font-size: 1.2rem;
  }
  [data-zoom="100"] .header__nav.fixed-nav {
    gap: 1.8rem;
  }
}
@media (min-width: 768px) {
  [data-zoom="100"] .header__nav.fixed-nav .profile-link {
    display: flex;
  }
  [data-zoom="100"] .header__nav.fixed-nav {
    gap: 5.2rem;
  }
  [data-zoom="100"] .content {
    gap: 4.8rem 0;
    padding-bottom: 8.6rem;
  }
}
.header__nav.fixed-nav .header__nav-group {
  flex-grow: 0;
  justify-content: end;
  gap: 1.8rem;
}
@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav.fixed-nav .header__nav-group {
    justify-content: center;
  }
}
.header .btn-common {
  white-space: nowrap;
  font-weight: 400;
}
.header .svgsprite {
  width: 2rem;
  height: 2rem;
}
.header .checkout-link {
  position: relative;
}
.header .checkout-label {
  display: none;
}
.content {
  background: inherit;
  padding-bottom: 5.6rem;
  display: flex;
  flex-direction: column;
  gap: 4rem 0;
}
@media (min-width: 360px) {
  [data-zoom="100"] .content {
    margin-top: 5.6rem;
  }
}
.footer__subscr .form-message__title {
  display: none;
}
.footer__subscr .form-message__title {
  text-align: left;
  font-family: CoFo Sans, sans-serif;
  color: var(--main-white, #e9e8e4);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  margin-bottom: 1.1rem;
}
@media (min-width: 768px) {
  [data-zoom="100"] .content {
    margin-top: 6.2rem;
  }
  [data-zoom="100"] .footer__subscr .form-message__title {
    font-size: 2rem;
    margin-top: 0.2rem;
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .content {
    padding-bottom: 11.2rem;
    gap: 5.2rem 0;
  }
  [data-zoom="100"] .content {
    margin-top: 0;
  }
  [data-zoom="100"] .header:not(._transparent) + .content {
    margin-top: 5.8rem;
  }
  [data-zoom="100"] .footer__subscr .form-message__title {
    margin-bottom: 1rem;
  }
  [data-zoom="100"] .header__btn-nav {
    display: none;
    margin-right: 0;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .header__nav + .header__nav {
    margin-left: 1.8rem;
  }
  [data-zoom="100"] .header__nav._mobile li._subnav + li:not(._subnav) {
    margin-left: 7.1rem;
  }
  [data-zoom="100"] .header__nav._mobile .header__nav-link {
    padding: 0 1rem !important;
  }
  [data-zoom="100"] .content {
    padding-bottom: 14rem;
    gap: 6.4rem 0;
  }
  [data-zoom="100"] .header:not(._transparent) + .content {
    margin-top: 5.8rem;
  }
  [data-zoom="100"] .footer__subscr .form-message__title {
    font-size: 2.4rem;
    margin-top: 0;
    margin-bottom: 1.6rem;
  }
}
.header__btn-nav {
  flex: none;
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  position: relative;
  z-index: 2;
  padding: 0.2rem;
}
.header__btn-nav span {
  display: block;
  width: 1.8rem;
  height: 0.1rem;
  position: absolute;
}
.header__btn-nav span:first-child {
  top: 0.515rem;
}
.header__btn-nav span:nth-child(2) {
  top: 1.01rem;
}
.header__btn-nav span:nth-child(3) {
  top: 1.505rem;
}
.header__btn-nav span {
  background-color: #000;
}
.checkout-label {
  position: absolute;
  right: -50%;
  top: -50%;
  background: #808a80;
  border-radius: 3.2rem;
  font-size: 1rem;
  padding: 0.2rem 0.4rem;
  color: #e9e8e4;
}
.login {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.45rem 0 3.2rem;
  gap: 2.4rem 0;
}
.login .input-common__label {
  letter-spacing: normal !important;
  text-transform: none;
  color: var(--main-gray, #87857f);
  font-size: 1.5rem;
}
.login .input-common__input {
  font-size: 1.6rem;
}
.login__header {
  padding-right: 4rem;
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 0.8rem 0;
}
.login__title {
  color: var(--main-black, #000);
  font-weight: 400;
}
.login__text {
  color: var(--main-black, #000);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.8rem;
}
.login__text._gray {
  color: var(--main-gray, #87857f);
}
.login__text button,
.login__text span {
  display: block;
  width: fit-content;
}
.login__text button {
  color: var(--main-black, #000);
  border-bottom: 0.1rem solid var(--main-black, #000);
}
.login__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2.4rem 0;
}
.login__content._bottom {
  justify-content: flex-end;
}
.login__info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem 0;
  padding-top: 4.7rem;
}
@media (min-width: 768px) {
  [data-zoom="100"] .login {
    padding-bottom: 5rem;
  }
  [data-zoom="100"] * + .login__content {
    padding-top: 0.8rem;
  }
  [data-zoom="100"] .login__info {
    padding-top: 2.8rem;
  }
  [data-zoom="100"] .login__info-text {
    max-width: 35.4rem;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .login {
    padding-bottom: 4.4rem;
  }
  [data-zoom="100"] .login .input-common__label {
    top: 1.5rem;
    font-size: 1.8rem;
  }
  [data-zoom="100"] .login .input-common__input {
    font-size: 1.8rem;
  }
  [data-zoom="100"] .login__header {
    gap: 1.25rem 0;
  }
  [data-zoom="100"] .login__info {
    padding-top: 12.7rem;
  }
}
.login__info-text {
  text-align: center;
  max-width: 26.4rem;
}
.login__info-text span {
  display: inline-block;
}
.login__info-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 2.4rem;
}
.login__info-link-item {
  color: var(--main-black, #000);
  border-bottom: 0.1rem solid var(--main-black, #000);
  display: block;
  width: fit-content;
}
.login__form {
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
  flex: none;
}
.login__string {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 0;
}
.login__field {
  width: 100%;
}
@media (min-width: 768px) {
  [data-zoom="100"] .login__form {
    gap: 2.4rem 0;
  }
  [data-zoom="100"] .login__string {
    margin: 0 -0.5rem;
    gap: 2.4rem 0;
  }
  [data-zoom="100"] .login__field {
    width: 50%;
    padding: 0 0.5rem;
  }
  [data-zoom="100"] .login .form-message__title {
    font-size: 2.4rem;
  }
}
.login__footer {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 1.6rem 0;
}
.login__btn-list {
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
}
.login__btn-list .btn-common._stroke {
  background: 0 0;
}
.login__policy {
  text-align: center;
  color: var(--main-gray, #87857f);
  margin: 0 auto;
}
.login__policy a {
  color: var(--main-black, #000);
}
.login .form-message {
  padding: 2.4rem 0 4rem;
}
.login .form-message__header {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.8rem 0;
  padding-right: 4rem;
}
.login .form-message__header svg {
  display: none;
}
.login .form-message__title {
  text-align: left;
  color: var(--main-black, #000);
  font-family: CoFo Sans, sans-serif;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: normal;
  font-size: 2rem;
}
.login .form-message__text {
  text-align: left;
}
.subnav {
  width: 100%;
  padding-top: 2.6rem;
  position: static;
  display: none;
}
@media (min-width: 768px) {
  [data-zoom="100"] .subnav {
    padding-top: 2.8rem;
  }
}
.subnav__bg {
  opacity: 0.6;
  background: var(--main-black, #000);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.subnav__wrapper {
  position: static;
}
@media (min-width: 1280px) {
  [data-zoom="100"] .login__policy {
    max-width: 52rem;
  }
  [data-zoom="100"] .login .form-message__title {
    font-size: 2.6rem;
  }
  [data-zoom="100"] .subnav {
    display: block;
    position: fixed;
    padding-top: 0;
    left: 0;
    top: calc(5.8rem + var(--height-notify, 0));
    height: calc(var(--vh, 1vh) * 100 - 5.8rem - var(--height-notify, 0));
    opacity: 0;
    visibility: hidden;
  }
  [data-zoom="100"] .subnav__bg {
    display: block;
  }
  [data-zoom="100"] .subnav__wrapper {
    max-height: calc(100% + 0.1rem);
    top: -0.1rem;
    border-top: 0.1rem solid var(--main-black, #000);
    /*background: #e9e8e4;*/
    background: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 59rem;
  }
  [data-zoom="100"] .subnav._collection .subnav__wrapper {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .login__btn-list {
    gap: 0.8rem 0;
  }
  [data-zoom="100"] .login__policy {
    max-width: 60rem;
  }
  [data-zoom="100"] .login .form-message__header {
    gap: 1.2rem 0;
  }
  [data-zoom="100"] .login .form-message__title {
    font-size: 3.2rem;
  }
  [data-zoom="100"] .subnav__wrapper {
    height: 70.4rem;
  }
}
.subnav .container {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1279.98px) {
  [data-zoom="100"] .subnav .container {
    padding: 0 !important;
    position: static;
  }
  [data-zoom="100"] .subnav__sublinks {
    transform: translate(100%);
    opacity: 0;
    visibility: hidden;
  }
}
.subnav._catalog .container {
  gap: 4.1rem 0;
}
@media (min-width: 1280px) {
  [data-zoom="100"] .subnav .container {
    flex: 1 1 auto;
    overflow: hidden;
    flex-direction: row;
  }
  [data-zoom="100"] .subnav._catalog .container {
    gap: 0 2.4rem;
  }
}
.subnav._collection .container {
  gap: 6.4rem 0;
  position: static;
}
.subnav__bar {
  flex: none;
  width: 100%;
}
.subnav__bar-link {
  display: block;
  padding: 1rem 0;
  color: var(--main-black, #000);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.27;
  letter-spacing: normal;
}
@media (min-width: 768px) {
  [data-zoom="100"] .subnav._collection .container {
    gap: 7.4rem 0;
  }
  [data-zoom="100"] .subnav__bar-link {
    font-size: 1.8rem;
  }
  [data-zoom="100"] .subnav__cover-item {
    gap: 1.4rem 0;
  }
}
.subnav__bar-item:first-child .subnav__bar-link {
  padding-top: 0;
}
.subnav__bar-item:last-child .subnav__bar-link {
  padding-bottom: 0;
}
.subnav__content {
  flex: 1 1 auto;
  position: static;
}
@media (min-width: 1280px) {
  [data-zoom="100"] .subnav._collection .container {
    min-height: 57.9rem;
    gap: 0;
  }
  [data-zoom="100"] .subnav__bar {
    width: 21.6rem;
    margin-left: 0.6rem;
    padding: 3.2rem 0 5.1rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
  [data-zoom="100"] .subnav__content {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__bar {
    margin-left: 0;
    width: 22.8rem;
  }
  [data-zoom="100"] .subnav__bar-link {
    font-size: 2.2rem;
  }
  [data-zoom="100"] .subnav__content {
    padding-left: 3.8rem;
  }
}
.subnav__cover {
  display: block;
}
.subnav__cover-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.2rem 0;
}
.subnav__cover picture {
  width: 100%;
  overflow: hidden;
  display: block;
  flex: none;
  position: relative;
  object-position: center center;
}
.subnav__cover picture {
  aspect-ratio: 0.8938547486;
}
@supports not (aspect-ratio: 0.8938547486) {
  .subnav__cover picture:before {
    content: "";
    float: left;
    padding-top: calc(358 / 320 * 100%);
  }
  .subnav__cover picture:after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (min-width: 768px) {
  [data-zoom="100"] .subnav__cover picture {
    aspect-ratio: 1.8673740053;
  }
  @supports not (aspect-ratio: 1.8673740053) {
    [data-zoom="100"] .subnav__cover picture:before {
      content: "";
      float: left;
      padding-top: calc(377 / 704 * 100%);
    }
    [data-zoom="100"] .subnav__cover picture:after {
      content: "";
      display: block;
      clear: both;
    }
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__cover {
    margin-top: -0.1rem;
    margin-right: 0.6rem;
    padding: 3.2rem 0 5.1rem;
  }
  [data-zoom="100"] .subnav__cover-item {
    padding-bottom: 0.6rem;
    width: 62.9rem;
    gap: 1.2rem 0;
    margin-left: auto;
  }
  [data-zoom="100"] .subnav__cover picture {
    aspect-ratio: 1.3298097252;
  }
  @supports not (aspect-ratio: 1.3298097252) {
    [data-zoom="100"] .subnav__cover picture:before {
      content: "";
      float: left;
      padding-top: calc(473 / 629 * 100%);
    }
    [data-zoom="100"] .subnav__cover picture:after {
      content: "";
      display: block;
      clear: both;
    }
  }
}
.subnav__cover picture img {
  position: absolute;
  left: 0;
  top: 0;
}
.subnav__cover-text {
  display: flex;
  align-items: center;
  gap: 0 0.8rem;
  padding: 0 1.65rem;
  color: var(--main-black, #000);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__cover {
    margin-right: -0.6rem;
  }
  [data-zoom="100"] .subnav__cover-text {
    font-size: 1.3rem;
  }
}
.subnav__cover-text span {
  display: block;
}
.subnav__cover-text svg {
  width: 1.6rem !important;
  height: 1.6rem !important;
}
.subnav__sublinks {
  display: flex;
  position: fixed;
  background: #e9e8e4;
  left: 0;
  flex-direction: column;
  justify-content: flex-start;
  top: calc(5.6rem + var(--height-notify, 0));
  height: calc(var(--vh, 1vh) * 100 - 5.6rem - var(--height-notify, 0));
  width: 100%;
  z-index: 10;
}
@media (min-width: 768px) {
  [data-zoom="100"] .subnav__cover-text {
    padding: 0 4.09rem;
  }
  [data-zoom="100"] .subnav__sublinks {
    top: calc(6.2rem + var(--height-notify, 0));
    height: calc(var(--vh, 1vh) * 100 - 6.2rem - var(--height-notify, 0));
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__cover-text {
    padding: 0 3.2rem;
  }
  [data-zoom="100"] .subnav__sublinks {
    display: none;
    z-index: auto;
    position: relative;
    height: auto;
    top: 0;
    background: 0 0;
  }
  [data-zoom="100"] .subnav__sublinks-header {
    display: none;
  }
}
.subnav__sublinks-header {
  display: flex;
  align-items: center;
  color: var(--main-black, #000);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.27;
  letter-spacing: normal;
  padding: 3.2rem 3.2rem 2.9rem;
}
@media (min-width: 768px) {
  [data-zoom="100"] .subnav__sublinks-header {
    font-size: 1.8rem;
    padding-bottom: 4rem;
  }
}
.subnav__sublinks-header span {
  display: block;
}
.subnav__sublinks-back {
  flex: none;
  color: var(--main-black, #000);
  position: relative;
  top: -0.2rem;
}
.subnav__sublinks-back svg {
  width: 2rem;
  height: 2rem;
}
.subnav__sublinks-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2.08rem 0;
  padding: 3.2rem;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 1279.98px) {
  [data-zoom="100"] .subnav__sublinks-header + .subnav__sublinks-content {
    padding-top: 0 !important;
  }
}
.subnav__column {
  display: flex;
  flex-direction: column;
  gap: 2.22rem 0;
  width: 100%;
}
.subnav__subtitle {
  display: flex;
  align-items: center;
  color: var(--main-black, #000);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
}
.subnav__subtitle._selected,
.subnav__subtitle._selected a {
  color: var(--state-red, #e72528);
}
.subnav__subtitle a {
  color: var(--main-black, #000);
}
.subnav__subtitle-arrow {
  flex: none;
  display: block;
  transform: scaleY(-1);
}
.subnav__subtitle-arrow svg {
  width: 2rem !important;
  height: 2rem !important;
}
.subnav__subtitle-arrow._collapsed {
  transform: scale(1);
}
.subnav__listing {
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__sublinks-content {
    overflow: visible;
    display: block;
    padding: 3.1rem 4.5rem 5.1rem 0;
  }
  [data-zoom="100"] .subnav__column {
    display: block;
    margin-bottom: -2rem;
  }
  [data-zoom="100"] .subnav__column:not(.rs-col-multi) {
    column-count: 4;
    column-gap: 2.4rem;
  }
  [data-zoom="100"] .subnav__section {
    padding-bottom: 2rem;
    break-inside: avoid;
  }
  [data-zoom="100"] .subnav__subtitle-arrow {
    display: none;
  }
  [data-zoom="100"] .subnav__listing {
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
  }
  [data-zoom="100"] .subnav__listing-content {
    padding-top: 2.5rem;
    gap: 2rem 0;
  }
}
.subnav__listing._height-null {
  height: 0;
}
.subnav__listing-content {
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
  padding: 1.5rem 1rem 0;
}
.subnav__listing a {
  color: var(--brand-color-dark-brown, #45413d);
  font-size: 1.5rem;
  letter-spacing: normal;
  font-weight: 400;
  line-height: 1.33;
}
@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__sublinks-content {
    padding-right: 21.4rem;
  }
  [data-zoom="100"] .subnav__subtitle {
    font-size: 1.8rem;
  }
  [data-zoom="100"] .subnav__listing a {
    font-size: 1.8rem;
  }
}
.subnav__collection-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
}
.subnav__collection-content {
  display: flex;
  flex-direction: column;
  gap: 4.2rem 0;
  justify-content: flex-start;
}
@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__collection-content {
    gap: 8.3rem 0;
    width: 44%;
    margin-left: auto;
    padding: 3.1rem 0 3.1rem 3.1rem;
  }
  [data-zoom="100"] .subnav__collection-section {
    gap: 1.9rem 0;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__collection-content {
    padding-left: 3.6rem;
    width: 50.3%;
  }
}
.subnav__collection-section {
  display: flex;
  flex-direction: column;
  gap: 1.6rem 0;
}
.subnav__collection-label {
  color: var(--main-black, #000);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: normal;
}
.subnav__collection-item {
  height: auto !important;
}
.subnav__collection-item + .subnav__collection-item {
  margin-top: 2.5rem;
}
.subnav__collection-link {
  color: var(--main-black, #000);
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  font-size: 3.2rem;
  font-weight: 400;
  display: block;
  line-height: 1.07;
  letter-spacing: -0.1rem;
}
.subnav__collection-link._active {
  color: var(--state-hover, #808a80);
}
.subnav__collection-pictures {
  margin: 0 -2rem -3.1rem;
  display: none;
}
@media (min-width: 768px) {
  [data-zoom="100"] .subnav__collection-link {
    font-size: 3.6rem;
  }
  [data-zoom="100"] .subnav__collection-pictures {
    margin: 0 -3.2rem -3rem;
  }
  [data-zoom="100"] .subnav__collection-pictures picture {
    width: 50%;
    display: block;
  }
  [data-zoom="100"] .subnav__collection-pictures picture {
    aspect-ratio: 0.7272727273;
  }
  @supports not (aspect-ratio: 0.7272727273) {
    [data-zoom="100"] .subnav__collection-pictures picture:before {
      content: "";
      float: left;
      padding-top: 137.5%;
    }
    [data-zoom="100"] .subnav__collection-pictures picture:after {
      content: "";
      display: block;
      clear: both;
    }
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__collection-item + .subnav__collection-item {
    margin-top: 3.5rem;
  }
  [data-zoom="100"] .subnav__collection-link {
    font-size: 4.2rem;
  }
  [data-zoom="100"] .subnav__collection-pictures {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 55.6%;
  }
}
.subnav__collection-pictures._active {
  display: flex;
}
.subnav__collection-pictures picture {
  display: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.subnav__collection-pictures picture {
  aspect-ratio: 0.7982261641;
}
@supports not (aspect-ratio: 0.7982261641) {
  .subnav__collection-pictures picture:before {
    content: "";
    float: left;
    padding-top: calc(451 / 360 * 100%);
  }
  .subnav__collection-pictures picture:after {
    content: "";
    display: block;
    clear: both;
  }
}
.subnav__collection-pictures picture:nth-child(2) {
  display: block;
}
.subnav__collection-pictures picture img {
  position: absolute;
  left: 0;
  top: 0;
}
.input-common__input {
  display: block;
  width: 100%;
  border-bottom: 0.1rem solid var(--main-gray, #87857f);
  height: 5.2rem;
  color: var(--main-black, #000);
  font-size: 1.8rem;
  font-weight: 400;
  padding: 0.6rem 0 0;
}
.input-common__label {
  color: var(--main-black, #000);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: 0.078rem;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  top: 1.9rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-common__message {
  padding-top: 0.5rem;
  display: block;
  color: var(--state-red, #e72528);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1;
}
.input-common__message._hidden {
  display: none;
}
.air-datepicker--navigation {
  grid-area: nav;
}
.air-datepicker--content {
  box-sizing: content-box;
  padding: 0 0.8rem 1.4rem;
  grid-area: body;
}
.air-datepicker--time {
  grid-area: timepicker;
}
.air-datepicker--buttons {
  grid-area: buttons;
}
.btn-common {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 500;
  height: 5.2rem;
  line-height: 1.3;
  gap: 0.8rem;
  padding: 0 2.7rem;
  letter-spacing: 0.06em;
  font-size: 1.2rem;
}
@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__collection-pictures {
    width: 49.7%;
  }
  [data-zoom="100"] .btn-common {
    font-size: 1.3rem;
  }
}
.btn-common > svg {
  object-fit: contain;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
}
.btn-common._black {
  background: #000;
  color: #fff;
}
.btn-common._stroke {
  background: #fff;
  color: #000;
  border: 0.1rem solid #000;
}
.btn-common._wide {
  width: 100%;
}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 1010;
  visibility: hidden;
  opacity: 0;
}
.breadcrumbs-common {
  display: none;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
  left: 0.8rem;
  position: absolute;
}
.breadcrumbs-common::-webkit-scrollbar {
  display: none;
}
@media (min-width: 360px) {
  [data-zoom="100"] .breadcrumbs-common {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
@media (min-width: 768px) {
  [data-zoom="100"] .breadcrumbs-common {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    margin-left: -2.4rem;
    margin-right: -2.4rem;
  }
  [data-zoom="100"] .form-message__title {
    font-size: 3.6rem;
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .breadcrumbs-common {
    padding-left: 2.6rem;
    padding-right: 2.6rem;
    margin-left: -2.6rem;
    margin-right: -2.6rem;
  }
  [data-zoom="100"] .breadcrumbs-common {
    display: flex;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .breadcrumbs-common {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
  [data-zoom="100"] .form-message__content {
    gap: 2.4rem 0;
  }
}
.breadcrumbs-common__item:not(:last-child):after {
  content: "/";
  margin: 0 0.6rem;
}
.breadcrumbs-common__item {
  width: fit-content;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.breadcrumbs-common__item a {
  color: #87857f;
}
.breadcrumbs-common__item a,
.breadcrumbs-common__item span {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.4rem;
  white-space: nowrap;
}
.breadcrumbs-common__item span {
  color: #fff;
}
.form-message {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 1;
}
.form-message:before {
  content: "";
  background: var(--main-white, #e9e8e4);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.form-message__close {
  display: none;
}
.form-message__icon {
  flex: none;
  color: var(--main-black, #000);
}
.form-message__icon:not(._loading) {
  width: 6rem !important;
  height: 6rem !important;
}
.form-message__icon._loading {
  width: 5.6rem;
  height: 5.6rem;
  border-right: 0.5rem solid transparent;
  border-radius: 50%;
  border-top: 0.5rem solid var(--main-black, #000);
  border-left: 0.5rem solid var(--main-black, #000);
  border-bottom: 0.5rem solid var(--main-black, #000);
  animation: 1s cubic-bezier(0.34, 0.15, 0.54, 0.75) infinite spin;
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
}
.form-message__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  gap: 2rem 0;
}
.form-message__content .btn-common {
  flex: none;
}
.form-message__header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1.2rem 0;
}
.form-message__title {
  color: var(--main-black, #000);
  text-align: center;
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.07;
  letter-spacing: -0.1rem;
}
.form-message__text {
  color: var(--main-black, #000);
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.42;
}
.form-message:not(._loading, ._success, ._error) {
  display: none;
}
.main-page-intro {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - 5.6rem);
  min-height: 17rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  position: relative;
}
@media (min-width: 768px) {
  [data-zoom="100"] .main-page-intro {
    height: calc(var(--vh, 1vh) * 100 - 6.2rem);
    min-height: 12.2rem;
  }
  [data-zoom="100"] .main-page-intro__text {
    padding: 2.4rem;
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .form-message__title {
    font-size: 4.2rem;
  }
  [data-zoom="100"] .main-page-intro {
    height: calc(var(--vh, 1vh) * 100 - 5.8rem);
    min-height: 14rem;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .form-message__header {
    gap: 1.65rem 0;
  }
  [data-zoom="100"] .form-message__title {
    font-size: 5.2rem;
  }
  [data-zoom="100"] .form-message__text {
    font-size: 1.4rem;
  }
  [data-zoom="100"] .main-page-intro {
    height: calc(var(--vh, 1vh) * 100 - 5.8rem);
    min-height: 17.2rem;
  }
}
.main-page-intro > picture {
  width: 100%;
}
.main-page-intro__text-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: end;
}
.main-page-intro__text {
  display: grid;
  gap: 0.8rem;
  padding: 3.2rem;
  color: #fff;
}
.main-page-intro__title {
  font-size: 3.6rem;
  line-height: 1.11;
  letter-spacing: -0.028em;
  font-weight: 300;
  font-family: TT Ramillas, CoFo Sans, sans-serif;
}
.main-page-intro__description {
  font-size: 1.2rem;
  line-height: 1.23;
  letter-spacing: 0.06em;
  font-weight: 400;
}
.main-page-collection__image {
  grid-area: b;
}
.main-page-collection__image:first-child {
  grid-area: a;
}
.main-page-collection__text-wrapper {
  height: 59vw;
  background-color: #2d3834;
  color: #e9e8e4;
  text-align: center;
  display: grid;
  gap: 1.8rem;
  grid-area: c;
  align-items: center;
  align-content: center;
  padding: 2rem;
}
.product-detail__content .group-tab-common {
  grid-area: nav;
}
.product-detail__desc {
  grid-area: content;
}
.product-detail__btn-size {
  grid-area: btn;
  color: var(--main-black, #000);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.27;
  letter-spacing: 0.03rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  [data-zoom="100"] .main-page-intro__title {
    font-size: 4.6rem;
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .main-page-intro__text {
    padding: 2.6rem;
    gap: 1rem;
  }
  [data-zoom="100"] .main-page-intro__title {
    font-size: 5.6rem;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .main-page-intro__text {
    padding: 3.2rem;
    gap: 1.2rem;
  }
  [data-zoom="100"] .main-page-intro__title {
    font-size: 7.2rem;
    max-width: 50rem;
  }
  [data-zoom="100"] .main-page-intro__description {
    font-size: 1.3rem;
  }
  [data-zoom="100"] .container {
    max-width: 100%;
  }
}
:not(ymaps),
:not(ymaps):after,
:not(ymaps):before {
  box-sizing: border-box;
  position: relative;
}
html {
  height: 100%;
}
body {
  margin: 0;
  background-color: #fff;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-text-decoration-skip: objects;
  text-decoration-skip: objects;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
:focus {
  outline: 0;
}
p {
  margin: 0;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
h2,
h4,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
img {
  display: block;
  border: none;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
button,
input {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}
button,
input {
  overflow: visible;
}
button {
  text-align: left;
  text-transform: none;
}
[type="button"],
[type="submit"],
button {
  -webkit-appearance: none;
}
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 0;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
::placeholder {
  color: inherit;
  opacity: 1;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
:-moz-placeholder {
  color: inherit;
  opacity: 1;
}
:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}
::-ms-clear {
  display: none;
}
:-webkit-autofill {
  box-shadow: 0 0 100px #fff inset;
  -webkit-text-fill-color: currentColor;
}
picture {
  display: block;
}
:root {
  --vh: 1vh;
  --scrollbar-width: 0px;
  --height-notify: 0px;
}
html {
  font-size: 10px;
  scroll-behavior: smooth;
  scroll-padding-top: 5.6rem;
}
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
.body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--main-white, #e9e8e4);
  color: #000;
  font-family: CoFo Sans, sans-serif;
  font-size: 10px;
  letter-spacing: normal;
  line-height: 1.2;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  [data-zoom="100"] .container {
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .container {
    max-width: 100%;
  }
}
@media (min-width: 360px) {
  [data-zoom="100"] .container {
    max-width: 100%;
  }
  [data-zoom="100"] .container {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  [data-zoom="100"] .container {
    padding-right: 2.4rem;
    padding-left: 2.4rem;
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .container {
    padding-right: 2.6rem;
    padding-left: 2.6rem;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .container {
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
  [data-zoom="100"] .font-11 {
    font-size: 1.1rem;
  }
}
@media (min-width: 1920px) {
  [data-zoom="100"] .container {
    max-width: 1920px;
  }
  [data-zoom="100"] .container {
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
}
.container._px-0 {
  padding-right: 0;
  padding-left: 0;
}
::-webkit-input-placeholder {
  color: #00000080;
}
:-moz-placeholder {
  color: #00000080;
}
::-moz-placeholder {
  color: #00000080;
}
:-ms-input-placeholder {
  color: #00000080;
}
.cover-pic {
  width: 100%;
  height: 100%;
}
.cover-pic {
  object-fit: cover;
  object-position: top center;
}
.svgsprite {
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.screen-reader-only {
  position: fixed !important;
  top: auto;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.link-hover {
  text-decoration: none;
}
.font-11 {
  letter-spacing: 0.03em;
  line-height: 1.27;
  font-size: 1rem;
}
.font-13 {
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 1.2rem;
}
.font-14 {
  line-height: 1.42;
  font-size: 1.2rem;
}
@media (min-width: 1600px) {
  [data-zoom="100"] .font-13 {
    font-size: 1.3rem;
  }
  [data-zoom="100"] .font-14 {
    font-size: 1.4rem;
  }
}
.font-22 {
  line-height: 1.27;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  [data-zoom="100"] .font-22 {
    font-size: 1.8rem;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .font-22 {
    font-size: 2.2rem;
  }
}
.font-32 {
  line-height: 1.12;
  font-size: 2rem;
}
@media (min-width: 768px) {
  [data-zoom="100"] .font-32 {
    font-size: 2.4rem;
  }
}
@media (min-width: 1280px) {
  [data-zoom="100"] .font-32 {
    font-size: 2.6rem;
  }
}
@media (min-width: 1600px) {
  [data-zoom="100"] .font-32 {
    font-size: 3.2rem;
  }
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
:root {
  --system-warning: #e4a313;
  --system-alert: #da291c;
  --system-success: #43b02a;
  --brand-secondary-yellow: #f3d54e;
  --brand-secondary-yellow02: #f3c90d;
  --brand-secondary-yellow03: #e0b700;
  --brand-secondary-additional-yellow: #d19000;
  --brand-primary-light-blue: #a0c0dd;
  --brand-primary-blue: #0072ce;
  --brand-primary-dark-blue: #002d72;
  --brand-primary-midnight-blue: #031c40;
  --brand-tetriary-graphite: #252c35;
  --opacity-white-opacity-10: rgba(255, 255, 255, 0.9);
  --opacity-white-opacity-20: rgba(255, 255, 255, 0.8);
  --opacity-white-opacity-30: rgba(255, 255, 255, 0.7);
  --opacity-white-opacity-40: rgba(255, 255, 255, 0.6);
  --opacity-white-opacity-50: rgba(255, 255, 255, 0.5);
  --opacity-white-opacity-60: rgba(255, 255, 255, 0.4);
  --opacity-white-opacity-70: rgba(255, 255, 255, 0.3);
  --opacity-white-opacity-80: rgba(255, 255, 255, 0.2);
  --opacity-white-opacity-90: rgba(255, 255, 255, 0.1);
  --opacity-neutral-opacity-10: rgba(21, 34, 51, 0.9);
  --opacity-neutral-opacity-20: rgba(21, 34, 51, 0.8);
  --opacity-neutral-opacity-30: rgba(21, 34, 51, 0.7);
  --opacity-neutral-opacity-40: rgba(21, 34, 51, 0.6);
  --opacity-neutral-opacity-50: rgba(21, 34, 51, 0.5);
  --opacity-neutral-opacity-60: rgba(21, 34, 51, 0.4);
  --opacity-neutral-opacity-70: rgba(21, 34, 51, 0.3);
  --opacity-neutral-opacity-80: rgba(21, 34, 51, 0.2);
  --opacity-neutral-opacity-90: rgba(21, 34, 51, 0.1);
  --opacity-blue-opacity-10: rgba(0, 114, 206, 0.9);
  --opacity-blue-opacity-20: rgba(0, 114, 206, 0.8);
  --opacity-blue-opacity-30: rgba(0, 114, 206, 0.7);
  --opacity-blue-opacity-40: rgba(0, 114, 206, 0.6);
  --opacity-blue-opacity-50: rgba(0, 114, 206, 0.5);
  --opacity-blue-opacity-60: rgba(0, 114, 206, 0.4);
  --opacity-blue-opacity-70: rgba(0, 114, 206, 0.3);
  --opacity-blue-opacity-80: rgba(0, 114, 206, 0.2);
  --opacity-blue-opacity-90: rgba(0, 114, 206, 0.1);
  --opacity-yellow-opacity-10: rgba(243, 213, 78, 0.9);
  --opacity-yellow-opacity-20: rgba(243, 213, 78, 0.8);
  --opacity-yellow-opacity-30: rgba(243, 213, 78, 0.7);
  --opacity-yellow-opacity-40: rgba(243, 213, 78, 0.6);
  --opacity-yellow-opacity-50: rgba(243, 213, 78, 0.5);
  --opacity-yellow-opacity-60: rgba(243, 213, 78, 0.4);
  --opacity-yellow-opacity-70: rgba(243, 213, 78, 0.3);
  --opacity-yellow-opacity-80: rgba(243, 213, 78, 0.2);
  --opacity-yellow-opacity-90: rgba(243, 213, 78, 0.1);
  --palette-neutral-variant-5: #0a1119;
  --palette-neutral-variant-10: #152233;
  --palette-neutral-variant-20: #3d4a5c;
  --palette-neutral-variant-30: #52637a;
  --palette-neutral-variant-40: #667c99;
  --palette-neutral-variant-50: #8596ad;
  --palette-neutral-variant-60: #a3b0c2;
  --palette-neutral-variant-70: #cfd5dd;
  --palette-neutral-variant-80: #eaedf4;
  --palette-neutral-variant-90: #f8f8fa;
  --palette-neutral-variant-100: #ffffff;
  --palette-yellow-5: #1a1500;
  --palette-yellow-10: #332a00;
  --palette-yellow-20: #665300;
  --palette-yellow-30: #997d00;
  --palette-yellow-40: #b29200;
  --palette-yellow-50: #cca700;
  --palette-yellow-60: #f3c90d;
  --palette-yellow-70: #f3d54e;
  --palette-yellow-80: #fae685;
  --palette-yellow-90: #fbf3bb;
  --palette-yellow-100: #fdfae2;
  --palette-blue-5: #031c40;
  --palette-blue-10: #002257;
  --palette-blue-20: #002d72;
  --palette-blue-30: #0040a3;
  --palette-blue-40: #0052bd;
  --palette-blue-50: #0072ce;
  --palette-blue-60: #4b8ece;
  --palette-blue-70: #a0c0dd;
  --palette-blue-80: #c7daeb;
  --palette-blue-90: #e5eef6;
  --palette-blue-100: #f4f8fb;
  --visually-impaired-contrast-blue-on-container: #000;
  --visually-impaired-contrast-blue-container: #68ade1;
  --visually-impaired-contrast-light-container: #fff;
  --visually-impaired-contrast-light-on-container: #000;
  --visually-impaired-contrast-dark-container: #000;
  --visually-impaired-contrast-dark-on-container: #fffecd;
  --on-surface-light-surface: #ffffff;
  --on-surface-light-surface1: rgba(255, 255, 255, 0.6);
  --on-surface-light-surface2: rgba(255, 255, 255, 0.4);
  --on-surface-dark-surface: #152233;
  --on-surface-dark-surface1: rgba(21, 34, 51, 0.6);
  --on-surface-dark-surface2: rgba(21, 34, 51, 0.4);
}

@media only screen and (min-width: 1281px) {
  .subnav__collection-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    gap: 100px !important;
  }
}