/* =========================
   HOME: WHAT'S NEW slider
   ========================= */

.ag-home-whats{
  padding: 70px 0 30px;
  background:#fff;
}

/* ---------- HEAD ---------- */
.ag-home-whats__head{
  width: 100%;
  max-width: 1710px;
  margin: 0 auto 26px;

  display:grid;
  grid-template-columns: 420px 1fr 120px; /* слева текст | центр title | справа стрелки */
  align-items:center;
  column-gap: 40px;
}

.ag-home-whats__desc{
  font-size: 15px;
  line-height: 1.55;
  color:#8b8b8b;
  max-width: 420px;
}

.ag-home-whats__title{
  margin:0;
  text-align:center;
  font-size: 56px;
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: uppercase;
  color:#2a2a2a;
  white-space: nowrap;
}

.ag-home-whats__nav{
  display:flex;
  justify-content:flex-end;
  gap:12px;
}

.ag-home-whats__nav button{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid #e5e5e5;
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  transition: opacity .15s ease, transform .15s ease;
}

.ag-home-whats__nav button:hover{ opacity:.9; }
.ag-home-whats__nav button:active{ transform: scale(.98); }

/* ---------- SLIDER ---------- */
.ag-home-whats__slider{
  width:100%;
  overflow:hidden;
}

/* ТРЮК как на макете: лента начинается ровно от контейнера,
   но тянется на всю ширину экрана */
.ag-home-whats__track{
  display:flex;
  gap: 6px;

  
  padding-right: 0;

  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;

  /* чтобы на iOS/маке приятно скроллилось */
  -webkit-overflow-scrolling: touch;

  /* убираем скроллбар */
  scrollbar-width: none;
}
.ag-home-whats__track::-webkit-scrollbar{ display:none; }

.ag-home-whats__slide{
  flex: 0 0 320px;   /* ширина карточки как на скрине */
  height: 320px;     /* ровная высота */
  background:#f2f2f2;
}

.ag-home-whats__slide a{
  display:block;
  width:100%;
  height:100%;
}

.ag-home-whats__slide img{
  width:100%;
  height:100%;
  object-fit: cover; /* как на твоём скрине */
  display:block;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1200px){
  .ag-home-whats__head{
    grid-template-columns: 340px 1fr 120px;
    width: calc(100% - 60px);
  }
  .ag-home-whats__title{ font-size: 48px; }
  .ag-home-whats__track{
    padding-left: 30px;
  }
}

@media (max-width: 900px){
  .ag-home-whats__head{
    grid-template-columns: 1fr;
    row-gap: 16px;
    text-align:left;
  }
  .ag-home-whats__title{ text-align:left; }
  .ag-home-whats__nav{ justify-content:flex-start; }
  .ag-home-whats__track{ padding-left: 20px; }
}

@media (max-width: 520px){
  .ag-home-whats{ padding: 45px 0 20px; }
  .ag-home-whats__title{ font-size: 38px; }
  .ag-home-whats__slide{ flex-basis: 260px; height: 260px; }
}

/* === MARQUEE FIX for your styles === */
.ag-home-whats__track.ag-marquee-track{
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  scroll-behavior: auto !important;
  -webkit-overflow-scrolling: auto !important;
}

.ag-home-whats__track.ag-marquee-track::-webkit-scrollbar{ display:none !important; }

.ag-home-whats__track .ag-marquee-inner{
  display:flex;
  gap: 6px;                 /* твой gap */
  width: max-content;
  will-change: transform;
  transform: translate3d(0,0,0);
  animation: agMarqueeLeft var(--ag-dur, 18s) linear infinite;
}

.ag-home-whats__track.ag-marquee-right .ag-marquee-inner{
  animation-name: agMarqueeRight;
}

@keyframes agMarqueeLeft{
  from{ transform: translate3d(0,0,0); }
  to  { transform: translate3d(calc(-1 * var(--ag-shift, 0px)),0,0); }
}
@keyframes agMarqueeRight{
  from{ transform: translate3d(calc(-1 * var(--ag-shift, 0px)),0,0); }
  to  { transform: translate3d(0,0,0); }
}

/* гарантируем твои размеры */
.ag-home-whats__track .ag-home-whats__slide{
  flex: 0 0 320px;
  height: 320px;
  background:#f2f2f2;
}
.ag-home-whats__track .ag-home-whats__slide a{
  display:block;
  width:100%;
  height:100%;
}
.ag-home-whats__track .ag-home-whats__slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* responsive как у тебя */
@media (max-width: 520px){
  .ag-home-whats__track .ag-home-whats__slide{ flex-basis:260px; height:260px; }
}