/* «Награды» (localhost): карточки + лента как «Наши клиенты» (native scroll + initClientsStrip). Метрики карточек — с Nuxt /kontekstnaya_reklama. */

/* Дублируем правила из native-row-scroll: этот файл грузится после mount — гарантирует высоту на мобильных до/вне зависимости от порядка preload основного бандла. */
#sa-home-awards-mounted .swiper-container-clients-new,
#sa-home-awards-mounted .swiper-container-clients-new .swiper-wrapper {
  height: auto !important;
  min-height: 0;
}
#sa-home-awards-mounted .swiper-container-clients-new .swiper-slide {
  height: auto !important;
  width: auto !important;
}

.home-awards-block {
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden;
  box-sizing: border-box;
  background: transparent;
}

.home-awards-block:has(.swiper-container-clients-new[data-clients-strip="1"]) {
  overflow: visible !important;
}

.home-awards-block .home-awards-section {
  margin: 0;
  padding: 0;
  max-width: none;
}

/* Главная localhost: верхний «воздух» не дублируем — он визуально отрывал блок от цифр; часть ритма — padding снизу до футера. */
.home-awards-block .awards {
  box-sizing: border-box;
  max-width: 1576px;
  margin: 0 auto;
  padding: 72px 78px 96px;
}

.home-awards-block .awards:has(.swiper-container-clients-new[data-clients-strip="1"]) {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

@media screen and (max-width: 1025px) {
  .home-awards-block .awards {
    padding: 56px 55px 80px;
  }
}

@media screen and (max-width: 768px) {
  .home-awards-block .awards {
    padding: 40px 36px 64px;
  }
}

.home-awards-block .awards__header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 72px;
}

/* Мобильный: как у «Наши клиенты» — зазор заголовок → верх ряда карточек (= margin-bottom .clients-new.home-ledge, токен --home-ledge), а не до img внутри слайда. */
@media screen and (max-width: 768px) {
  .home-awards-block .awards__header {
    margin-bottom: var(--home-ledge) !important;
  }
}

/* Типографика заголовка — .home-clients-awards__title в css__home-snapshot__overrides.parity-sync.css */

/* Зазоры между карточками (как spaceBetween в прежнем Swiper). Мобайл: +10px к прежнему зазору (30px). */
.home-awards-block .swiper-container-clients-new[data-clients-strip="1"] .clients-new__slide {
  margin-right: 30px !important;
}

@media screen and (min-width: 768px) {
  .home-awards-block .swiper-container-clients-new[data-clients-strip="1"] .clients-new__slide {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 920px) {
  .home-awards-block .swiper-container-clients-new[data-clients-strip="1"] .clients-new__slide {
    margin-right: 61px !important;
  }
}

.home-awards-block .swiper-container-clients-new[data-clients-strip="1"] {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 0 !important;
}

.home-awards-block .swiper-container-clients-new[data-clients-strip="1"] .clients-new__context-wrapper {
  display: flex !important;
  align-items: flex-start !important;
}

.home-awards-block .swiper-container-clients-new[data-clients-strip="1"] .clients-new__slide {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  flex-shrink: 0 !important;
  box-sizing: border-box;
  text-align: initial !important;
  position: relative;
  overflow: visible;
}

.home-awards-block .swiper-container-clients-new[data-clients-strip="1"] .clients-new__slide img {
  max-width: none !important;
}

.home-awards-block .home-awards-slide-shell {
  position: relative;
  width: 148px;
  max-width: 148px;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: visible;
}

.home-awards-block a.home-awards-slide-shell {
  text-decoration: none;
  color: inherit;
}

.home-awards-block .awards__card-wraper {
  display: block;
  width: 148px;
  box-sizing: border-box;
  color: #777;
  text-decoration: none;
}

.home-awards-block .awards__card {
  position: relative;
  display: block;
  width: 148px;
  box-sizing: border-box;
}

.home-awards-block .awards__card-info {
  position: absolute;
  top: 30px;
  left: 28px;
  width: 92px;
  z-index: 2;
  text-align: center;
  pointer-events: none;
}

/* Прод: rating/year color #fff + opacity 0.5, lh 18.2px / 15.4px */
.home-awards-block .awards__card-rating {
  display: block;
  margin: 0 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  opacity: 0.5;
  font-family: MuseoSansCyrl, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.home-awards-block .awards__card-year {
  display: block;
  margin: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 300;
  line-height: 15.4px;
  opacity: 0.5;
  font-family: MuseoSansCyrl, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.home-awards-block .awards__card-img {
  display: block;
  width: 148px !important;
  height: 131px !important;
  max-width: none !important;
  flex-shrink: 0;
  object-fit: contain;
  position: relative;
}

/* Прод: второй img в разметке есть, но opacity:0 — виден один «серый» венок, без второго градиентного слоя */
.home-awards-block .awards__card-img + .awards__card-img {
  margin-top: -131px;
  opacity: 0 !important;
  pointer-events: none;
}

/* Hover (как на прод): только венок — градиент; текст и подпись без изменений. */
@media screen and (min-width: 1025px) {
  .home-awards-block .awards__card {
    isolation: isolate;
  }

  .home-awards-block .awards__card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 148px;
    height: 131px;
    z-index: 1;
    pointer-events: none;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.28s ease;
    background: linear-gradient(
      142deg,
      #f472b6 0%,
      #d946ef 16%,
      #a855f7 38%,
      #6366f1 62%,
      #4338ca 88%,
      #312e81 100%
    );
    -webkit-mask-image: url("../../img/home/award-wreath-union.svg");
    mask-image: url("../../img/home/award-wreath-union.svg");
    -webkit-mask-size: 148px 131px;
    mask-size: 148px 131px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    mask-position: center top;
  }

  .home-awards-block .awards__card-img:first-of-type {
    transition: opacity 0.28s ease;
  }

  .home-awards-block .awards__card-wraper:hover .awards__card::before,
  .home-awards-block .awards__card-wraper:focus-visible .awards__card::before {
    opacity: 1;
  }

  .home-awards-block .awards__card-wraper:hover .awards__card-img:first-of-type,
  .home-awards-block .awards__card-wraper:focus-visible .awards__card-img:first-of-type {
    opacity: 0 !important;
  }
}

/* Ниже венка: +4px, затем ещё +25px по ТЗ */
.home-awards-block .awards__card-description {
  margin: 29px 0 0;
  padding: 0;
  width: 148px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  line-height: 19.6px;
  opacity: 0.5;
  font-family: MuseoSansCyrl, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  position: relative;
  z-index: 1;
  word-break: break-word;
  overflow-wrap: anywhere;
}