/* Home Block Six — news */
.home-block-six { position:relative; padding: 0; }
.home-block-six .container { max-width:1322px; margin:0 auto; position:relative; z-index:2; }
.hb6__bg { position:absolute; inset:0; background:#F6F6F6; height:473px; }

/* Center content vertically within background area */
.hb6 { min-height:473px; display:flex; flex-direction:column; justify-content:center; }

.hb6__title { margin:0 0 35px; font-weight:400; font-size:28px; line-height:31px; color:#000; }

.hb6__slider { position: relative; }
.hb6__viewport { overflow: hidden; }

.hb6__track {
  --hb6-gap: 22px;
  display: flex;
  gap: var(--hb6-gap);
  scroll-behavior: smooth;
  overflow-x: auto;
  scrollbar-width: none;
}
.hb6__track::-webkit-scrollbar { display: none; }

.hb6-card {
  flex: 0 0 calc((100% - (var(--hb6-gap) * 3)) / 4);
  display:flex;
  flex-direction:column;
}
.hb6-card__imgwrap { display:block; width:100%; height:auto; aspect-ratio: 313 / 203; border-radius:8px; overflow:hidden; background:#ddd; }
.hb6-card__img { width:100%; height:100%; object-fit:cover; display:block; }
.hb6-card__meta { padding-top:18px; }
.hb6-card__date { font-size:12px; line-height:22px; color:#727272; margin-bottom:18px; }
.hb6-card__title { font-size:14px; line-height:22px; color:#000; text-decoration:none; display:block; }

.hb6__arrow {
  position: absolute;
  top: var(--hb6-arrow-top, 50%);
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 6px 14px rgba(0,0,0,0.14);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: box-shadow .15s ease, transform .15s ease, opacity .15s ease;
  z-index: 2;
}
.hb6__arrow[hidden] { display: none !important; }
.hb6__arrow[disabled] {
  opacity: 0.45;
  cursor: default;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.hb6__arrow:hover:not([disabled]) { transform: translateY(-50%); }
.hb6__arrow .i { width: 14px; height: 14px; color: #242C6E80; fill: currentColor; }
.hb6__arrow:hover .i { color: #242C6E; }
.hb6__arrow--prev { left: -16px; }
.hb6__arrow--next { right: -16px; }
.hb6__arrow--prev .i { transform: rotate(180deg); }

.hb5__all_mobile-s {
  display: none;
  position: relative;
  z-index: 2;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  margin: 0px auto 0; /* центр */
  padding-bottom: 30px;
}

@media (max-width: 1360px){
  .home-block-six .container {
    padding: 24px;
  }
  .hb6__track {
    --hb6-gap: 16px;
  }
}

@media (max-width: 1100px){
  .hb6__bg {
    height: 100%;
    min-height: 100%;
    top: 0;
    bottom: 0;
  }
  .hb6-card { flex: 0 0 calc((100% - var(--hb6-gap)) / 2); }
}

@media (max-width: 720px) {
  .hb6__bg { border-radius: 10px; }
  .hb6__title { margin: 26px 16px 0px; font-weight: 400; }

  .hb6__arrow { display: none; }

  .hb6__track {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: stretch; /* растягиваем по ширине контейнера */
    margin: 26px 16px 35px;
    overflow: visible;
  }

  .hb6-card {
    display: none;
    width: 100%;
    max-width: none;
  }

  .hb6-card:first-child {
    display: flex;
  }

  .hb6-card__imgwrap {
    width: 100%;
    height: auto;
    aspect-ratio: 313 / 203; /* сохраняем пропорции вместо фиксированного height */
  }

  .hb6-card__meta {
    padding-top: 18px;
    max-width: none;
  }

  .hb5__all_mobile-s {
    display: flex;
  }
}

@media (max-width: 425px) {
    .home-block-six .container {
        padding: 0px;
    }
    .hb6__track {
      margin: 26px 16px 8px;
    }
}

@media (min-width: 319px) and (max-width: 424px) {
  .hb6__title {
    font-size: 20px;
    margin: 0px 16px 0px;
  }
  .hb6__bg {
    height: 390px;
  }
  .hb6 {
      min-height: 420px;
  }
}

@media (min-width: 374px) and (max-width: 424px) {
  .hb6__title {
    margin: 16px 16px 0px;
  }
  .hb6__bg {
    height: 427px;
  }
}