@charset "UTF-8";
.main-slider {
  min-height: 700px;
  height: 100vh;
  margin-top: -255px;
    /* .swiper-pagination {
        display: flex;
        justify-content: space-between;
        bottom: 0;

        .swiper-pagination-bullet {
            cursor: pointer;
            width: 100%;
            border-radius: inherit;
            margin: 0 !important;
            padding: 0;
            height: 4px;
            transition: $time;
        }

        .swiper-pagination-bullet-active {
            background: #F2F3F5;
        }
    } */ }
  .main-slider .swiper-slide {
        /* @media (max-width: 1919px) {
            img {
                height: 840px;
            }
        }

        @media (max-width: 1599px) {
            img {
                height: 672px;
            }
        }


        @media (max-width: 767px) {
            img {
                height: 709px;
            }
        } */
        /* .desktop-banner {
            display: block;
        }


        @media (max-width: 1279px) {
            .desktop-banner {
                display: none;
            }
        }

        .mobile-banner {
            display: none;
        }


        @media (max-width: 1279px) {
            .mobile-banner {
                display: block;
            }
        } */ }
    .main-slider .swiper-slide:before {
      background: #000;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0.2;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1; }
    .main-slider .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top; }
    .main-slider .swiper-slide .swiper-slide__content {
      position: absolute;
      z-index: 2;
      bottom: 170px;
      left: 287px;
      max-width: 740px; }
    @media (max-width: 1919px) {
      .main-slider .swiper-slide .swiper-slide__content {
        bottom: 130px; } }
    @media (max-width: 1599px) {
      .main-slider .swiper-slide .swiper-slide__content {
        max-width: 527px;
        bottom: 102px;
        left: 230px; } }
    @media (max-width: 1279px) {
      .main-slider .swiper-slide .swiper-slide__content {
        max-width: 411px;
        bottom: 185px;
        left: 30px; } }
    @media (max-width: 767px) {
      .main-slider .swiper-slide .swiper-slide__content {
        max-width: 300px;
        bottom: 235px;
        left: 15px; } }
    .main-slider .swiper-slide .swiper-slide__title {
      color: #fff;
      font-family: "cska";
      font-weight: 400;
      font-size: 176px;
      line-height: 151px;
      text-transform: uppercase; }
    @media (max-width: 1599px) {
      .main-slider .swiper-slide .swiper-slide__title {
        font-size: 135px;
        line-height: 115px; } }
    @media (max-width: 1279px) {
      .main-slider .swiper-slide .swiper-slide__title {
        font-size: 108px;
        line-height: 93px; } }
    @media (max-width: 767px) {
      .main-slider .swiper-slide .swiper-slide__title {
        font-size: 74px;
        line-height: 60px;
        max-width: 300px; } }
    .main-slider .swiper-slide .swiper-slide__description {
      color: #fff;
      font-weight: 500;
      font-size: 20px;
      text-transform: uppercase;
      max-width: 470px;
      margin-top: 21px;
      letter-spacing: 0.4px; }
    @media (max-width: 1599px) {
      .main-slider .swiper-slide .swiper-slide__description {
        font-size: 14px;
        margin-top: 23px;
        max-width: 335px; } }
    @media (max-width: 767px) {
      .main-slider .swiper-slide .swiper-slide__description {
        line-height: 20px; } }
  .main-slider .swiper-slide-prev,
  .main-slider .swiper-slide-next {
    pointer-events: none;
    position: relative;
    z-index: 2;
    transition: 0.3s ease-in-out; }
  .main-slider .swiper-slide-active {
    z-index: 1;
    transition: 0; }
  .main-slider._prev .swiper-slide-prev {
    transform: translateX(100px); }
  .main-slider._prev .swiper-controls .swiper-prev::after {
    width: 60px; }
  .main-slider._next .swiper-slide-next {
    transform: translateX(-100px); }
  .main-slider._next .swiper-controls .swiper-next::after {
    width: 60px; }
  .main-slider .swiper-controls {
    color: #fff;
    font-size: 18px;
    line-height: 20px; }
    .main-slider .swiper-controls .swiper-prev {
      cursor: pointer;
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100px;
      padding-bottom: 110px;
      padding-left: 20px;
      display: flex; }
      .main-slider .swiper-controls .swiper-prev::before {
        content: '';
        display: block;
        border-color: #F2F3F5;
        border-style: solid;
        border-width: 2px 2px 0 0;
        bottom: 100px;
        height: 10px;
        width: 10px;
        left: 20px;
        transform: translateY(-50%) rotate(-135deg);
        position: absolute; }
      .main-slider .swiper-controls .swiper-prev::after {
        position: absolute;
        content: '';
        display: block;
        background: #F2F3F5;
        bottom: 111px;
        height: 2px;
        transition: 0.3s ease-in-out;
        width: 0; }
    .main-slider .swiper-controls .swiper-next {
      cursor: pointer;
      position: absolute;
      z-index: 2;
      bottom: 0;
      right: 0;
      height: 100%;
      width: 100px;
      padding-bottom: 110px;
      padding-right: 20px;
      display: flex;
      align-items: flex-end;
      justify-content: right; }
      .main-slider .swiper-controls .swiper-next::before {
        content: '';
        display: block;
        border-color: #F2F3F5;
        border-style: solid;
        border-width: 2px 2px 0 0;
        bottom: 100px;
        height: 10px;
        width: 10px;
        right: 20px;
        transform: translateY(-50%) rotate(45deg);
        position: absolute; }
      .main-slider .swiper-controls .swiper-next::after {
        position: absolute;
        content: '';
        display: block;
        background: #F2F3F5;
        bottom: 111px;
        height: 2px;
        transition: 0.3s ease-in-out;
        width: 0; }
    @media (max-width: 1279px) {
      .main-slider .swiper-controls .swiper-prev {
        display: none; }
      .main-slider .swiper-controls .swiper-next {
        display: none; } }
    .main-slider .swiper-controls .swiper-button-disabled {
      opacity: 0.5;
      cursor: auto; }
  @media (max-width: 1279px) {
    .main-slider .swiper-controls {
      font-size: 14px; } }
  .main-slider #slide-number {
    position: absolute;
    bottom: 173px;
    left: 28px;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 1px;
    user-select: none; }
  @media (max-width: 1919px) {
    .main-slider #slide-number {
      bottom: 136px; } }
  @media (max-width: 1279px) {
    .main-slider #slide-number {
      bottom: 98px;
      font-size: 14px; } }
  @media (max-width: 767px) {
    .main-slider #slide-number {
      bottom: 183px; } }
  .main-slider .swiper-timer {
    position: absolute;
    bottom: 80px;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    /* фон */
    overflow: hidden;
    z-index: 1; }
  @media (max-width: 1279px) {
    .main-slider .swiper-timer {
      bottom: 60px; } }
  .main-slider .swiper-timer::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: #F2F3F5;
    /* фирменный цвет */
    transform: translateX(-100%);
    transition: none; }
  .main-slider .swiper-timer.animate::before {
    animation: swiperProgress 6s linear forwards; }
@keyframes swiperProgress {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0%); } }
  .main-slider .link-catalog {
    height: 124px;
    line-height: 140%;
    text-transform: uppercase;
    padding: 10px 16px;
    display: flex;
    align-items: end;
    width: 224px;
    background: #293484;
    position: absolute;
    z-index: 2;
    right: 254px;
    bottom: 130px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    transition: 0.3s ease-in-out; }
    .main-slider .link-catalog:hover {
      background-color: #2F3C9D; }
    .main-slider .link-catalog::after {
      display: block;
      content: '';
      background-image: url(../images/icon/go-icon-white.svg);
      width: 18px;
      height: 18px;
      position: absolute;
      top: 7px;
      right: 10px; }
  @media (max-width: 1599px) {
    .main-slider .link-catalog {
      width: 184px;
      height: 110px;
      right: 225px;
      bottom: 125px; } }
  @media (max-width: 1279px) {
    .main-slider .link-catalog {
      width: 149px;
      height: 89px;
      right: 175px;
      bottom: 99px;
      font-size: 12px; } }
  @media (max-width: 767px) {
    .main-slider .link-catalog {
      height: 84px;
      bottom: 79px;
      left: 16px;
      width: calc(50% - 16px);
      padding: 7px 11px; } }
  .main-slider .link-collection {
    height: 124px;
    line-height: 140%;
    text-transform: uppercase;
    padding: 10px 16px;
    display: flex;
    align-items: end;
    width: 224px;
    background: #fff;
    position: absolute;
    z-index: 2;
    right: 30px;
    bottom: 130px;
    font-weight: 500;
    font-size: 18px;
    color: #293484;
    cursor: pointer;
    transition: 0.3s ease-in-out; }
    .main-slider .link-collection:hover {
      background-color: #E9EBEE; }
    .main-slider .link-collection::after {
      display: block;
      content: '';
      background-image: url(../images/icon/go-icon-blue.svg);
      width: 18px;
      height: 18px;
      position: absolute;
      top: 7px;
      right: 10px; }
  @media (max-width: 1599px) {
    .main-slider .link-collection {
      width: 184px;
      height: 110px;
      right: 40px;
      bottom: 125px; } }
  @media (max-width: 1279px) {
    .main-slider .link-collection {
      width: 149px;
      height: 89px;
      right: 26px;
      bottom: 99px;
      font-size: 12px; } }
  @media (max-width: 767px) {
    .main-slider .link-collection {
      height: 84px;
      right: 16px;
      bottom: 79px;
      width: calc(50% - 16px);
      padding: 7px 11px; } }
  .main-slider .main-slider__partners {
    width: 100%;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    height: 80px;
    z-index: 1;
    background-color: #F2F3F5;
    padding: 10px 0; }
    .main-slider .main-slider__partners .main-slider__partners-container {
      display: flex;
      width: max-content; }
    @media (max-width: 1279px) {
      .main-slider .main-slider__partners .main-slider__partners-container {
        animation: scroll-left 30s linear infinite; } }
@keyframes scroll-left {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }
    .main-slider .main-slider__partners .partners__block {
      filter: grayscale(100%);
      height: 100%;
      opacity: .5;
      transition: 0.3s ease-in-out;
      padding: 0 30px; }
      .main-slider .main-slider__partners .partners__block img {
        width: 132px;
        display: block; }
      .main-slider .main-slider__partners .partners__block:hover {
        filter: none;
        opacity: 1; }
    @media (max-width: 1599px) {
      .main-slider .main-slider__partners .partners__block {
        padding: 0 12px; } }
    .main-slider .main-slider__partners .partners__block.is-duplicate {
      display: none; }
    @media (max-width: 1279px) {
      .main-slider .main-slider__partners .partners__block.is-duplicate {
        display: block; } }
  @media (max-width: 1279px) {
    .main-slider .main-slider__partners {
      height: 60px;
      padding: 0; } }

@media (max-width: 1599px) {
  .main-slider {
    margin-top: -200px; } }
@media (max-width: 767px) {
  .main-slider {
    margin-top: -180px; } }
.hits {
  margin-top: 63px;
  position: relative; }
  .hits .hits__header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .hits .hits__title {
    color: #293484;
    font-family: 'cska';
    font-weight: 400;
    font-size: 174px;
    margin: 0;
    letter-spacing: 1px; }
  @media (max-width: 1599px) {
    .hits .hits__title {
      font-size: 144px;
      letter-spacing: 0px; } }
  @media (max-width: 1279px) {
    .hits .hits__title {
      font-size: 104px;
      letter-spacing: 0px; } }
  @media (max-width: 767px) {
    .hits .hits__title {
      font-size: 96px;
      letter-spacing: 0px;
      line-height: 77px; } }
  .hits .hits__link {
    font-weight: 500;
    font-size: 20px;
    text-decoration: underline;
    letter-spacing: 0.5px;
    margin-top: 93px;
    color: #293484;
    transition: 0.3s ease-in-out; }
    .hits .hits__link:hover {
      color: #F94141; }
  @media (max-width: 1599px) {
    .hits .hits__link {
      font-size: 18px; } }
  @media (max-width: 1279px) {
    .hits .hits__link {
      display: none; } }
  .hits .hits__link--bottom {
    display: block;
    text-align: right;
    margin-top: 30px; }
  .hits .hits__slider-wrapper {
    overflow: hidden;
    margin-left: 50px;
    margin-top: 10px;
    display: flex; }
  @media (max-width: 1279px) {
    .hits .hits__slider-wrapper {
      display: none; } }
  .hits .hits__slider {
    overflow: visible;
    display: flex;
    position: relative;
    margin: 0;
    max-width: 1820px; }
    @media (max-width: 1919px) {
      .hits .hits__slider {
        max-width: 1500px; } }
    @media (max-width: 1599px) {
      .hits .hits__slider {
        max-width: 1200px; } }
    .hits .hits__slider .swiper-wrapper {
      transition: 0.3s ease-in-out; }
    .hits .hits__slider .hits__item {
      width: 507px;
      flex-shrink: 0;
      position: relative; }
    .hits .hits__slider .slide {
      display: flex;
      flex-shrink: 0;
      width: min-content;
      gap: 2px; }
    @media (max-width: 1919px) {
      .hits .hits__slider .hits__item {
        width: 400px; } }
    @media (max-width: 1599px) {
      .hits .hits__slider .hits__item {
        width: 320px; } }
    .hits .hits__slider .hits__item img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover; }
    @media (max-width: 1919px) {
      .hits .hits__slider .hits__item img {
        aspect-ratio: 0.85 / 1; } }
    .hits .hits__slider .hits__item .hits__item-img-link .default-img {
      opacity: 1;
      visibility: visible;
      position: relative;
      transition: 0.3s ease-in-out; }
    .hits .hits__slider .hits__item .hits__item-img-link .hover-img {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 0;
      transition: 0.3s ease-in-out; }
    .hits .hits__slider .hits__item .hits__item-img-link:hover .default-img {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 0; }
    .hits .hits__slider .hits__item .hits__item-img-link:hover .hover-img {
      opacity: 1;
      visibility: visible;
      position: relative; }
    @media (max-width: 767px) {
      .hits .hits__slider .hits__item .hits__item-img-link:hover .default-img {
        opacity: 1;
        visibility: visible;
        position: relative; }
      .hits .hits__slider .hits__item .hits__item-img-link:hover .hover-img {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0; } }
    .hits .hits__slider .hits__item--large {
      width: 800px;
      flex-shrink: 0;
      position: relative;
      overflow: hidden; }
      .hits .hits__slider .hits__item--large img {
        transition-duration: 0.3s;
        transition-property: transform;
        transition-timing-function: ease-in-out;
        aspect-ratio: 13 / 16;
        width: 100%; }
      .hits .hits__slider .hits__item--large:hover img {
        transform: scale(1.03); }
      @media (max-width: 1919px) {
        .hits .hits__slider .hits__item--large {
          width: 696px; } }
      @media (max-width: 1599px) {
        .hits .hits__slider .hits__item--large {
          width: 524px; } }
    .hits .hits__slider .hits__item-name {
      display: block;
      font-weight: 500;
      color: #293484;
      font-size: 19px;
      letter-spacing: -0.3px;
      margin-top: 21px;
      margin-left: 21px;
      margin-bottom: 0; }
    @media (max-width: 1919px) {
      .hits .hits__slider .hits__item-name {
        margin-top: 12px; } }
    .hits .hits__slider .hits__item-price {
      font-weight: 500;
      color: #293484;
      font-size: 19px;
      letter-spacing: -0.3px;
      margin-top: 13px;
      margin-left: 21px;
      margin-bottom: 0; }
    .hits .hits__slider .hits__collection-title {
      color: #fff;
      font-family: 'cska';
      font-weight: 400;
      font-size: 116px;
      line-height: 102px;
      margin: 0;
      letter-spacing: 1px;
      position: absolute;
      bottom: 28px;
      left: 28px;
      text-transform: uppercase; }
    @media (max-width: 1599px) {
      .hits .hits__slider .hits__collection-title {
        font-size: 96px;
        line-height: 85px;
        letter-spacing: 0;
        bottom: 33px;
        left: 22px; } }
  @media (max-width: 1599px) {
    .hits .hits__swiper {
      padding-left: 40px;
      margin-top: 20px; } }
  @media (max-width: 1279px) {
    .hits .hits__swiper {
      padding-left: 30px; } }
  @media (max-width: 1279px) {
    .hits .hits__swiper.desktop-hits {
      display: none; } }
  .hits .hits__swiper-controls {
    position: absolute;
    display: flex;
    gap: 30px;
    bottom: 4px;
    left: 50px;
    z-index: 1000; }
    .hits .hits__swiper-controls .hits__arrow {
      position: relative;
      cursor: not-allowed;
      opacity: 0.5; }
    .hits .hits__swiper-controls .active {
      opacity: 1;
      cursor: pointer; }
  @media (max-width: 1279px) {
    .hits .hits__swiper-controls {
      display: none; } }
  .hits .mobile-hits {
    display: none;
    margin-top: 15px; }
    .hits .mobile-hits .mobile-hits__category-container {
      width: 100%;
      max-width: 1820px;
      margin: 0 auto;
      position: relative;
      margin-top: 22px; }
    @media (max-width: 1919px) {
      .hits .mobile-hits .mobile-hits__category-container {
        padding: 0 50px; } }
    @media (max-width: 1599px) {
      .hits .mobile-hits .mobile-hits__category-container {
        padding: 0 40px; } }
    @media (max-width: 1279px) {
      .hits .mobile-hits .mobile-hits__category-container {
        padding: 0 30px; } }
    @media (max-width: 767px) {
      .hits .mobile-hits .mobile-hits__category-container {
        padding: 0; } }
    .hits .mobile-hits .mobile-hits__category {
      position: relative; }
      .hits .mobile-hits .mobile-hits__category img {
        display: block;
        width: 100%;
        object-fit: cover; }
      @media (max-width: 767px) {
        .hits .mobile-hits .mobile-hits__category img {
          height: 300px; } }
      .hits .mobile-hits .mobile-hits__category .mobile-hits__category-title {
        position: absolute;
        font-family: cska;
        font-weight: 400;
        font-size: 76px;
        line-height: 85%;
        text-transform: uppercase;
        color: #fff;
        bottom: 20px;
        left: 25px; }
      @media (max-width: 767px) {
        .hits .mobile-hits .mobile-hits__category .mobile-hits__category-title {
          font-size: 55px;
          left: 27px;
          bottom: 31px; } }
    .hits .mobile-hits .mobile-hits__grid {
      display: grid;
      column-gap: 2px;
      row-gap: 50px;
      grid-template-columns: repeat(2, 1fr);
      margin-top: 38px; }
      .hits .mobile-hits .mobile-hits__grid .mobile-hits__item {
        position: relative; }
      .hits .mobile-hits .mobile-hits__grid .mobile-hits__item-hit {
        position: absolute;
        top: 15px;
        left: 15px;
        font-weight: 500;
        line-height: 140%;
        background-color: #EA1F29;
        color: #fff;
        font-size: 13px;
        padding: 2.5px 6px;
        text-transform: uppercase; }
      .hits .mobile-hits .mobile-hits__grid .mobile-hits__item-img img {
        display: block;
        width: 100%; }
      .hits .mobile-hits .mobile-hits__grid .mobile-hits__item-name {
        color: #293484;
        font-size: 17px;
        margin-top: 16px;
        display: block;
        letter-spacing: -0.3px;
        text-transform: uppercase;
        max-width: 300px; }
      @media (max-width: 767px) {
        .hits .mobile-hits .mobile-hits__grid .mobile-hits__item-name {
          font-size: 15px;
          margin-top: 18px; } }
      .hits .mobile-hits .mobile-hits__grid .mobile-hits__item-price {
        color: #293484;
        margin-top: 10px; }
    @media (max-width: 767px) {
      .hits .mobile-hits .mobile-hits__grid {
        margin-top: 15px; } }
    .hits .mobile-hits .mobile-hits__link {
      color: #fff;
      height: 84px;
      font-weight: 500;
      font-size: 12px;
      line-height: 140%;
      text-transform: uppercase;
      padding: 7px 11px;
      display: flex;
      align-items: end;
      width: 100%;
      position: relative;
      margin-top: 43px;
      background-color: #EA1F29; }
      .hits .mobile-hits .mobile-hits__link::after {
        display: block;
        content: '';
        background-image: url(../images/icon/go-icon-white.svg);
        width: 18px;
        height: 18px;
        position: absolute;
        top: 7px;
        right: 10px; }
  @media (max-width: 1279px) {
    .hits .mobile-hits {
      display: block; } }
  @media (max-width: 767px) {
    .hits .mobile-hits {
      margin-top: 22px; } }

@media (max-width: 1279px) {
  .hits {
    margin-top: 35px; } }
@media (max-width: 767px) {
  .hits {
    margin-top: 20px; } }
.collections {
  margin-top: 70px; }
  .collections .collections__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0; }
  .collections .collections__item {
    position: relative;
    overflow: hidden; }
    .collections .collections__item img {
      display: block;
      width: 100%;
      transition-duration: 0.3s;
      transition-property: transform;
      transition-timing-function: ease-in-out; }
    .collections .collections__item:hover img {
      transform: scale(1.03); }
  .collections .collections__item--left-top {
    grid-column: span 1;
    width: 100%; }
  @media (max-width: 767px) {
    .collections .collections__item--left-top {
      grid-column: span 2; } }
  .collections .collections__item--right-top {
    grid-column: span 1;
    width: 100%; }
  @media (max-width: 767px) {
    .collections .collections__item--right-top {
      grid-column: span 2; } }
  .collections .collections__item--bottom {
    grid-column: span 2;
    width: 100%; }
    @media (max-width: 1599px) {
      .collections .collections__item--bottom .collections__btn {
        width: 230px;
        height: 138px;
        bottom: 20px;
        font-size: 18px;
        padding: 10px 15px; } }
    @media (max-width: 1279px) {
      .collections .collections__item--bottom .collections__btn {
        width: 136px;
        height: 84px;
        bottom: 20px;
        font-size: 12px;
        right: 20px;
        left: auto; } }
    @media (max-width: 767px) {
      .collections .collections__item--bottom .collections__btn {
        width: calc(100% - 32px); } }
    .collections .collections__item--bottom .collections__item--bottom-img {
      object-position: center; }
    @media (max-width: 1279px) {
      .collections .collections__item--bottom .collections__item--bottom-img {
        height: 660px;
        object-fit: cover;
        object-position: left; } }
    .collections .collections__item--bottom .bottom-img-desktop {
      display: block; }
    .collections .collections__item--bottom .bottom-img-mobile {
      display: none;
      object-position: center;
      aspect-ratio: 6 / 11;
      height: 100%;
      object-fit: cover; }
    @media (max-width: 767px) {
      .collections .collections__item--bottom .bottom-img-desktop {
        display: none; }
      .collections .collections__item--bottom .bottom-img-mobile {
        display: block; } }
  .collections .collections__text {
    position: absolute;
    z-index: 3;
    bottom: 50px;
    top: 75%;
    left: 50px;
    color: #fff; }
    .collections .collections__text .collections__label {
      margin: 0; }
    @media (max-width: 1599px) {
      .collections .collections__text .collections__label {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .collections .collections__text .collections__label {
        font-size: 12px; } }
    .collections .collections__text .collections__title {
      font-family: 'cska';
      text-transform: uppercase;
      font-weight: 400;
      font-size: 120px;
      margin-bottom: 0;
      margin-top: 10px;
      line-height: 103px; }
    @media (max-width: 1599px) {
      .collections .collections__text .collections__title {
        font-size: 97px;
        line-height: 80px;
        margin-top: 20px; } }
    @media (max-width: 1279px) {
      .collections .collections__text .collections__title {
        font-size: 76px;
        line-height: 66px;
        margin-top: 10px; } }
    @media (max-width: 767px) {
      .collections .collections__text .collections__title {
        font-size: 55px;
        line-height: 53px; } }
    .collections .collections__text .collections__desc {
      font-weight: 400;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.2px;
      margin-top: 25px;
      margin-bottom: 0;
      line-height: 22px; }
    @media (max-width: 1599px) {
      .collections .collections__text .collections__desc {
        font-size: 14px; } }
    @media (max-width: 1279px) {
      .collections .collections__text .collections__desc {
        margin-top: 15px;
        line-height: 20px; } }
    @media (max-width: 767px) {
      .collections .collections__text .collections__desc {
        margin-top: 6px;
        font-size: 12px; } }
  @media (max-width: 1919px) {
    .collections .collections__text {
      left: 24px; } }
  @media (max-width: 1599px) {
    .collections .collections__text {
      top: 72%;
      left: 25px; } }
  @media (max-width: 1279px) {
    .collections .collections__text {
      top: 20px;
      left: 20px; } }
  @media (max-width: 767px) {
    .collections .collections__text {
      top: 16px;
      left: 17px; } }
  .collections .collections__item--bottom-large {
    top: 40px;
    color: #293484; }
    .collections .collections__item--bottom-large .collections__title {
      font-family: 'cska';
      font-weight: 400;
      font-size: 176px;
      margin: 0;
      line-height: 143px; }
    @media (max-width: 1599px) {
      .collections .collections__item--bottom-large .collections__title {
        font-size: 144px;
        line-height: 117px; } }
    @media (max-width: 1279px) {
      .collections .collections__item--bottom-large .collections__title {
        font-size: 105px;
        line-height: 90px; } }
    @media (max-width: 767px) {
      .collections .collections__item--bottom-large .collections__title {
        font-size: 73px;
        line-height: 57px; } }
    .collections .collections__item--bottom-large .collections__desc {
      font-weight: 500;
      font-size: 23px;
      text-transform: uppercase;
      margin-top: 24px;
      margin-bottom: 0;
      letter-spacing: 0;
      max-width: 530px;
      letter-spacing: -0.2px;
      line-height: 27px; }
    @media (max-width: 1599px) {
      .collections .collections__item--bottom-large .collections__desc {
        font-size: 18px;
        letter-spacing: 0.3px;
        margin-top: 10px;
        max-width: 430px; } }
    @media (max-width: 1279px) {
      .collections .collections__item--bottom-large .collections__desc {
        max-width: 400px;
        margin-top: 0; } }
    @media (max-width: 767px) {
      .collections .collections__item--bottom-large .collections__desc {
        font-size: 16px;
        margin-top: 10px;
        line-height: 22px; } }
  @media (max-width: 1919px) {
    .collections .collections__item--bottom-large {
      top: 14px; } }
  @media (max-width: 1279px) {
    .collections .collections__item--bottom-large {
      top: 20px; } }
  .collections .collections__btn {
    color: #fff;
    position: absolute;
    bottom: 49px;
    right: 54px;
    height: 138px;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-transform: uppercase;
    padding: 10px 20px;
    display: flex;
    align-items: end;
    z-index: 3;
    width: 230px;
    background-color: #EA1F29;
    transition: 0.3s ease-in-out; }
    .collections .collections__btn:hover {
      background-color: #F94141; }
    .collections .collections__btn::after {
      display: block;
      content: '';
      background-image: url(../images/icon/go-icon-white.svg);
      width: 18px;
      height: 18px;
      position: absolute;
      top: 7px;
      right: 10px; }
  @media (max-width: 1919px) {
    .collections .collections__btn {
      bottom: 25px;
      right: 23px; } }
  @media (max-width: 1599px) {
    .collections .collections__btn {
      bottom: 25px;
      right: 23px;
      width: 184px;
      height: 110px;
      font-size: 16px;
      padding: 8px 11px; } }
  @media (max-width: 1279px) {
    .collections .collections__btn {
      width: 136px;
      height: 84px;
      font-size: 12px;
      left: 20px;
      bottom: 20px; } }
  .collections .collections__shadow-block {
    width: 100%;
    height: 400px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-image: url(../images/index/shadow.png); }
  @media (max-width: 767px) {
    .collections .collections__shadow-block {
      height: 50%; } }

@media (max-width: 1919px) {
  .collections {
    margin-top: 100px; } }
@media (max-width: 1279px) {
  .collections {
    margin-top: 80px; } }
@media (max-width: 767px) {
  .collections {
    margin-top: 23px; } }
.category {
  margin-top: 110px; }
  .category .category__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .category .category__header .category__title {
      font-family: 'cska';
      font-weight: 400;
      font-size: 176px;
      margin: 0;
      line-height: 143px;
      color: #293484;
      text-transform: uppercase; }
    @media (max-width: 1599px) {
      .category .category__header .category__title {
        font-size: 144px;
        line-height: 130px; } }
    @media (max-width: 767px) {
      .category .category__header .category__title {
        font-size: 96px;
        line-height: 90px; } }
  @media (max-width: 1279px) {
    .category .category__header {
      flex-direction: column;
      align-items: flex-start;
      gap: 20px; } }
  @media (max-width: 767px) {
    .category .category__header {
      gap: 15px; } }
  .category .category__tabs {
    display: flex;
    gap: 27px;
    margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .category .category__tabs {
      margin-bottom: 17px; } }
  @media (max-width: 1279px) {
    .category .category__tabs {
      justify-content: center;
      width: 100%; } }
  @media (max-width: 767px) {
    .category .category__tabs {
      margin-bottom: 5px;
      gap: 10px;
      justify-content: space-between;
      width: 100%; } }
  .category .tab-link {
    color: #293484;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s ease-in-out; }
    .category .tab-link:hover {
      color: #F94141;
      text-decoration: underline; }
  @media (max-width: 767px) {
    .category .tab-link {
      font-size: 16px;
      text-decoration: underline; } }
  .category .tab-link.active {
    color: #EA1F29;
    text-decoration: underline; }
  .category .tab-content {
    display: none; }
  .category .tab-content.active {
    display: block; }
  .category .category__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2px;
    margin-top: 37px; }
  .category .category__grid .category__grid-block:nth-child(1),
  .category .category__grid .category__grid-block:nth-child(2) {
    grid-column: span 3;
    width: 100%; }
  .category .category__grid .category__grid-block:nth-child(3),
  .category .category__grid .category__grid-block:nth-child(4),
  .category .category__grid .category__grid-block:nth-child(5) {
    grid-column: span 2;
    width: 100%; }
  @media (max-width: 1279px) {
    .category .category__grid .category__grid-block:nth-child(1) {
      grid-column: span 6;
      height: 640px; }
    .category .category__grid .category__grid-block:nth-child(2) {
      grid-column: span 3;
      height: 352px; }
    .category .category__grid .category__grid-block:nth-child(3) {
      grid-column: span 3;
      height: 352px; }
    .category .category__grid .category__grid-block:nth-child(4) {
      grid-column: span 3;
      height: 352px; }
    .category .category__grid .category__grid-block:nth-child(5) {
      grid-column: span 3;
      height: 352px; } }
  @media (max-width: 550px) {
    .category .category__grid .category__grid-block:nth-child(1) {
      grid-column: span 6;
      height: 300px; }
    .category .category__grid .category__grid-block:nth-child(2) {
      grid-column: span 6;
      height: 300px; }
    .category .category__grid .category__grid-block:nth-child(3) {
      grid-column: span 6;
      height: 300px; }
    .category .category__grid .category__grid-block:nth-child(4) {
      grid-column: span 6;
      height: 300px; }
    .category .category__grid .category__grid-block:nth-child(5) {
      grid-column: span 6;
      height: 300px; } }
  .category .category__grid-block {
    position: relative;
    display: block;
    overflow: hidden; }
    .category .category__grid-block img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition-duration: 0.3s;
      transition-property: transform;
      transition-timing-function: ease-in-out; }
    .category .category__grid-block:hover img {
      transform: scale(1.03); }
  .category .category__grid-title {
    position: absolute;
    color: #fff;
    font-family: 'cska';
    font-weight: 400;
    font-size: 120px;
    line-height: 82%;
    text-transform: uppercase;
    margin: 0;
    bottom: 20px;
    left: 26px;
    max-width: 440px; }
  @media (max-width: 1599px) {
    .category .category__grid-title {
      font-size: 96px;
      bottom: 30px; } }
  @media (max-width: 1279px) {
    .category .category__grid-title {
      font-size: 76px;
      bottom: 22px;
      left: 20px; } }
  @media (max-width: 767px) {
    .category .category__grid-title {
      font-size: 60px;
      bottom: 20px; } }

@media (max-width: 1919px) {
  .category {
    margin-top: 87px; } }
@media (max-width: 1279px) {
  .category {
    margin-top: 40px; } }
@media (max-width: 767px) {
  .category {
    margin-top: 15px; } }
.custom-form {
  margin-top: 65px;
  /* @media (max-width: 767px) {
      .item--color-blue {
          bottom: 15px;
      }
  } */ }
  .custom-form .custom-form__title {
    color: #293484;
    font-family: 'cska';
    font-weight: 400;
    font-size: 174px;
    margin: 0;
    letter-spacing: 1px; }
  @media (max-width: 1599px) {
    .custom-form .custom-form__title {
      font-size: 144px;
      letter-spacing: 0px; } }
  @media (max-width: 1279px) {
    .custom-form .custom-form__title {
      font-size: 105px; } }
  @media (max-width: 767px) {
    .custom-form .custom-form__title {
      font-size: 72px;
      line-height: 60px; } }
  .custom-form .custom-form__swiper {
    margin-top: 15px; }
  @media (max-width: 1279px) {
    .custom-form .custom-form__swiper {
      margin-right: -30px; } }
  @media (max-width: 550px) {
    .custom-form .custom-form__swiper {
      margin-right: -16px; } }
  .custom-form .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px; }
  @media (max-width: 1279px) {
    .custom-form .swiper-wrapper {
      display: flex; } }
  .custom-form .custom-form__item {
    position: relative;
    user-select: text;
    overflow: hidden; }
    .custom-form .custom-form__item img {
      display: block;
      width: 100%;
      transition-duration: 0.3s;
      transition-property: transform;
      transition-timing-function: ease-in-out; }
    .custom-form .custom-form__item:hover img {
      transform: scale(1.03); }
    .custom-form .custom-form__item .custom-form__content {
      position: absolute;
      bottom: 70px;
      color: #fff;
      text-align: center;
      left: 0;
      right: 0; }
    @media (max-width: 1919px) {
      .custom-form .custom-form__item .custom-form__content {
        bottom: 50px; } }
    @media (max-width: 1599px) {
      .custom-form .custom-form__item .custom-form__content {
        bottom: 33px; } }
    @media (max-width: 1279px) {
      .custom-form .custom-form__item .custom-form__content {
        bottom: 24px; } }
    .custom-form .custom-form__item .custom-form__label {
      font-family: 'cska';
      font-weight: 400;
      font-size: 80px;
      line-height: 82%;
      text-align: center;
      text-transform: uppercase;
      margin: 0; }
    @media (max-width: 1599px) {
      .custom-form .custom-form__item .custom-form__label {
        font-size: 60px; } }
    .custom-form .custom-form__item .custom-form__price {
      font-family: 'cska';
      font-weight: 400;
      font-size: 40px;
      line-height: 82%;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 0;
      margin-top: 15px; }
    @media (max-width: 1599px) {
      .custom-form .custom-form__item .custom-form__price {
        font-size: 30px; } }
  @media (max-width: 1279px) {
    .custom-form .custom-form__item {
      width: 40%; } }
  @media (max-width: 767px) {
    .custom-form .custom-form__item {
      width: 60%; } }
  @media (max-width: 550px) {
    .custom-form .custom-form__item {
      width: 84%; } }
  .custom-form .item--color-blue .custom-form__content {
    color: #293484; }

@media (max-width: 1279px) {
  .custom-form {
    margin-top: 40px; } }
@media (max-width: 767px) {
  .custom-form {
    margin-top: 32px; } }
.loyalty-container {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  position: relative; }

@media (max-width: 1919px) {
  .loyalty-container {
    padding: 0 50px; } }
@media (max-width: 1599px) {
  .loyalty-container {
    padding: 0 40px; } }
@media (max-width: 1279px) {
  .loyalty-container {
    padding: 0 30px;
    max-width: 100%;
    background-color: #F2F3F5; } }
@media (max-width: 767px) {
  .loyalty-container {
    padding: 0 16px; } }
.loyalty {
  margin-top: 77px;
  padding: 24px;
  background-color: #F2F3F5; }
  .loyalty .loyalty__header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #293484; }
    .loyalty .loyalty__header .loyalty__header-club {
      padding-left: 3px; }
  @media (max-width: 767px) {
    .loyalty .loyalty__header {
      font-size: 14px; } }
  .loyalty .loyalty__swiper {
    margin-top: 24px; }
  @media (max-width: 1279px) {
    .loyalty .loyalty__swiper {
      margin-right: -30px; } }
  @media (max-width: 550px) {
    .loyalty .loyalty__swiper {
      margin-right: -16px; } }
  .loyalty .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2px; }
  @media (max-width: 1919px) {
    .loyalty .swiper-wrapper {
      grid-template-columns: repeat(5, 1fr); } }
  @media (max-width: 1599px) {
    .loyalty .swiper-wrapper {
      grid-template-columns: repeat(4, 1fr); } }
  @media (max-width: 1279px) {
    .loyalty .swiper-wrapper {
      display: flex; } }
  .loyalty .loyalty__item {
    position: relative;
    user-select: text;
    width: 100%; }
    .loyalty .loyalty__item img {
      display: block;
      width: 100%; }
    .loyalty .loyalty__item .loyalty__title {
      font-weight: 500;
      line-height: 140%;
      text-transform: uppercase;
      font-size: 15px;
      margin-top: 15px;
      letter-spacing: -0.5px;
      color: #293484; }
    @media (max-width: 767px) {
      .loyalty .loyalty__item .loyalty__title {
        margin-top: 10px; } }
    .loyalty .loyalty__item .loyalty__price {
      display: flex;
      gap: 6px;
      font-weight: 500;
      line-height: 140%;
      text-transform: uppercase;
      color: #293484;
      font-size: 14px;
      margin-top: 5px; }
      .loyalty .loyalty__item .loyalty__price .loyalty__price-icon {
        width: 100%;
        max-width: 10px; }
  @media (max-width: 1279px) {
    .loyalty .loyalty__item {
      width: 40%; } }
  @media (max-width: 767px) {
    .loyalty .loyalty__item {
      width: 60%; } }
  @media (max-width: 550px) {
    .loyalty .loyalty__item {
      width: 84%; } }
  .loyalty .loyalty__item--more {
    display: flex;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    color: #293484; }
    .loyalty .loyalty__item--more .gray-block {
      width: 322px;
      height: 288px;
      background-color: #E9EBEE;
      display: flex;
      justify-content: center;
      align-items: center; }
    @media (max-width: 1919px) {
      .loyalty .loyalty__item--more .gray-block {
        width: 100%;
        height: max-content;
        aspect-ratio: 1 / 1; } }
    .loyalty .loyalty__item--more .loyalty__item__quantity {
      font-weight: 500;
      line-height: 130%; }
  @media (max-width: 1599px) {
    .loyalty .loyalty__item--more .loyalty__item__quantity {
      font-size: 18px; } }
  .loyalty .loyalty__footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 78px;
    align-items: flex-end; }
    .loyalty .loyalty__footer .loyalty__link {
      text-decoration: underline;
      font-weight: 500;
      font-size: 20px;
      line-height: 120%;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
      color: #293484; }
    @media (max-width: 1599px) {
      .loyalty .loyalty__footer .loyalty__link {
        font-size: 18px;
        margin-bottom: 17px; } }
    @media (max-width: 1279px) {
      .loyalty .loyalty__footer .loyalty__link {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .loyalty .loyalty__footer .loyalty__link {
        grid-area: link; } }
    .loyalty .loyalty__footer .loyalty__footer-info {
      display: flex;
      gap: 23px;
      padding-left: 3px; }
      .loyalty .loyalty__footer .loyalty__footer-info .loyalty__card {
        max-width: 123px; }
        .loyalty .loyalty__footer .loyalty__footer-info .loyalty__card img {
          width: 100%; }
      @media (max-width: 767px) {
        .loyalty .loyalty__footer .loyalty__footer-info .loyalty__card {
          max-width: 98px; } }
    @media (max-width: 1599px) {
      .loyalty .loyalty__footer .loyalty__footer-info {
        gap: 10px; } }
    @media (max-width: 767px) {
      .loyalty .loyalty__footer .loyalty__footer-info {
        grid-area: info;
        gap: 28px; } }
    .loyalty .loyalty__footer .loyalty__text {
      color: #293484;
      margin: 0;
      font-weight: 400;
      line-height: 145%;
      margin-top: 11px; }
    @media (max-width: 1599px) {
      .loyalty .loyalty__footer .loyalty__text {
        font-size: 14px; } }
  @media (max-width: 767px) {
    .loyalty .loyalty__footer {
      grid-template-columns: 1fr;
      grid-template-areas: "info" "link";
      gap: 60px;
      margin-top: 35px; } }

@media (max-width: 1279px) {
  .loyalty {
    margin-top: 35px;
    padding: 24px 0; } }
@media (max-width: 767px) {
  .loyalty {
    margin-top: 27px; } }
.faq {
  margin-top: 140px;
  border-top: 1px solid #C3C3C3;
  padding-top: 10px; }
  .faq .faq-container {
    width: 100%;
    max-width: 1820px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between; }
  @media (max-width: 1919px) {
    .faq .faq-container {
      padding: 0 50px;
      flex-direction: column; } }
  @media (max-width: 1599px) {
    .faq .faq-container {
      padding: 0 40px; } }
  @media (max-width: 1279px) {
    .faq .faq-container {
      padding: 0 30px; } }
  @media (max-width: 767px) {
    .faq .faq-container {
      padding: 0; } }
  .faq .faq-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  @media (max-width: 767px) {
    .faq .faq-left {
      padding: 0 16px; } }
  .faq .faq__title {
    font-family: cska;
    font-weight: 400;
    font-size: 177px;
    line-height: 82%;
    text-transform: uppercase;
    max-width: 450px;
    color: #293484; }
  @media (max-width: 1919px) {
    .faq .faq__title {
      max-width: 100%; } }
  @media (max-width: 1599px) {
    .faq .faq__title {
      font-size: 144px; } }
  @media (max-width: 1279px) {
    .faq .faq__title {
      font-size: 104px; } }
  @media (max-width: 767px) {
    .faq .faq__title {
      font-size: 72px;
      max-width: 200px; } }
  .faq .faq__text {
    color: #293484;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    margin: 0;
    letter-spacing: 0.5px; }
  @media (max-width: 1919px) {
    .faq .faq__text {
      letter-spacing: 0.2px;
      margin-top: 42px; } }
  @media (max-width: 767px) {
    .faq .faq__text {
      margin-top: 24px; } }
  .faq .faq__phone {
    color: #293484;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0.5px;
    display: block;
    margin-top: 12px; }
  @media (max-width: 1919px) {
    .faq .faq__phone {
      margin-top: 18px; } }
  @media (max-width: 767px) {
    .faq .faq__phone {
      margin-top: 10px;
      font-size: 16px; } }
  .faq .faq__email {
    color: #293484;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.5px;
    display: block; }
  @media (max-width: 767px) {
    .faq .faq__email {
      font-size: 16px; } }
  .faq .accordion-container {
    width: 100%;
    max-width: 1206px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 13px; }
  @media (max-width: 1919px) {
    .faq .accordion-container {
      margin-top: 83px;
      max-width: 100%; } }
  @media (max-width: 767px) {
    .faq .accordion-container {
      margin-top: 37px; } }
  .faq .ac {
    background-color: #F2F3F5;
    border: none;
    margin: 0; }
    .faq .ac .ac-trigger {
      color: #293484;
      font-family: "ony one";
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 500;
      font-size: 24px;
      line-height: 140%;
      text-transform: uppercase;
      height: 80px;
      padding: 25px 32px;
      letter-spacing: 0.5px; }
      .faq .ac .ac-trigger:focus {
        color: #293484; }
      .faq .ac .ac-trigger::after {
        display: none; }
      .faq .ac .ac-trigger svg {
        transition: .3s;
        width: 15px;
        min-width: 15px;
        max-width: 15px; }
        .faq .ac .ac-trigger svg path {
          fill: #293484; }
      @media (max-width: 1599px) {
        .faq .ac .ac-trigger svg {
          width: 20px;
          min-width: 20px;
          max-width: 20px; } }
      @media (max-width: 1279px) {
        .faq .ac .ac-trigger svg {
          width: 25px;
          min-width: 25px;
          max-width: 25px; } }
      @media (max-width: 767px) {
        .faq .ac .ac-trigger svg {
          width: 20px;
          min-width: 20px;
          max-width: 20px; } }
    @media (max-width: 1279px) {
      .faq .ac .ac-trigger {
        height: auto;
        padding: 30px 32px;
        gap: 20px; } }
    @media (max-width: 767px) {
      .faq .ac .ac-trigger {
        padding: 25px 14px 25px 32px;
        font-size: 16px; } }
    .faq .ac .ac-panel .ac-content {
      color: #293484;
      font-weight: 400;
      font-size: 24px;
      line-height: 140%;
      padding: 0 32px 32px 32px;
      letter-spacing: 0.4px;
      max-width: 990px; }
    @media (max-width: 767px) {
      .faq .ac .ac-panel .ac-content {
        font-size: 16px; } }
  .faq .is-active .ac-trigger {
    color: #EA1F29; }
    .faq .is-active .ac-trigger:focus {
      color: #EA1F29; }
    .faq .is-active .ac-trigger svg {
      transform: rotate(180deg); }
      .faq .is-active .ac-trigger svg path {
        fill: #EA1F29; }

@media (max-width: 1919px) {
  .faq {
    margin-top: 100px; } }
@media (max-width: 1599px) {
  .faq {
    margin-top: 85px; } }
@media (max-width: 1279px) {
  .faq {
    margin-top: 45px; } }
@media (max-width: 767px) {
  .faq {
    margin-top: 0; } }

/*# sourceMappingURL=index.css.map */