/* =========================================================
   БАЗА: отталкиваемся от большого десктопа (1919+)
   ========================================================= */
.uc-parentblock {
  display: flex;
  flex-wrap: wrap;
  width: 80%;              /* как на большом экране */
  margin: 0 auto;
}

.uc-childblock,
.uc-childblock_oneway {
  display: flex;
  flex: 1 1 calc(25% - 30px);   /* по умолчанию — 4 карточки в ряд */
  margin: 30px;
  height: auto;
  max-width: 447px;             /* твой исходный максимум */
}

/* =========================================================
   0–382px — Телефон (очень узкие)
   ========================================================= */
@media (max-width: 382px){  /* Телефон */
  .uc-parentblock {
    width: 100%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 100%;         /* одна карточка в строку */
    max-width: 100%;
    margin: 12px auto;      /* чуть компактнее отступы */
  }
}

/* =========================================================
   383–410px — Телефон (компактные)
   ========================================================= */
@media (min-width: 383px) and (max-width: 410px){  /* Телефон */
  .uc-parentblock {
    width: 100%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 100%;
    max-width: 100%;
    margin: 14px auto;
  }
}

/* =========================================================
   411–766px — Телефон (оставляем как есть)
   ========================================================= */
@media (min-width: 411px) and (max-width: 766px){  /* Телефон */
  .uc-parentblock {
    width: 100%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 100%;
    max-width: 100%;
    margin: 15px auto;      /* как у тебя сейчас — красиво и «дышит» */
  }
}

/* =========================================================
   767–980px — Планшет вертикальный (2 карточки)
   ========================================================= */
@media (min-width: 767px) and (max-width: 980px){  /* планшет вертикальный */
  .uc-parentblock {
    width: 96%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 calc(50% - 30px);  /* 2 карточки в ряд */
    max-width: 360px;
    margin: 20px 15px;
  }
}

/* =========================================================
   981–1278px — Планшет горизонтальный (2 карточки, чуть шире)
   ========================================================= */
@media (min-width: 981px) and (max-width: 1278px){ /* планшет горизонтальный */
  .uc-parentblock {
    width: 90%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 calc(50% - 30px);  /* 2 карточки в ряд */
    max-width: 380px;
    margin: 22px 15px;
  }
}

/* =========================================================
   1279–1332px — Десктоп (3 карточки)
   ========================================================= */
@media (min-width: 1279px) and (max-width: 1332px){ /* Десктоп */
  .uc-parentblock {
    width: 88%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 calc(33.333% - 30px);  /* 3 карточки в ряд */
    max-width: 360px;
    margin: 24px 15px;
  }
}

/* =========================================================
   1333–1438px — Десктоп (3 карточки, чуть свободнее)
   ========================================================= */
@media (min-width: 1333px) and (max-width: 1438px){ /* Десктоп */
  .uc-parentblock {
    width: 88%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 calc(33.333% - 30px);
    max-width: 380px;
    margin: 26px 15px;
  }
}

/* =========================================================
   1439–1678px — Десктоп (3 карточки, шире)
   ========================================================= */
@media (min-width: 1439px) and (max-width: 1678px){ /* Десктоп */
  .uc-parentblock {
    width: 86%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 calc(33.333% - 30px);
    max-width: 400px;
    margin: 28px 18px;
  }
}

/* =========================================================
   1679–1918px — Десктоп (3 карточки, почти как 1919+)
   ========================================================= */
@media (min-width: 1679px) and (max-width: 1918px){ /* Десктоп */
  .uc-parentblock {
    width: 84%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 calc(33.333% - 30px);
    max-width: 420px;
    margin: 30px 20px;
  }
}

/* =========================================================
   1919px+ — Десктоп (оставляем как есть, 4 карточки)
   ========================================================= */
@media (min-width: 1919px){ /* Десктоп, большой экран */
  .uc-parentblock {
    width: 80%;
    margin: 0 auto;
  }

  .uc-childblock,
  .uc-childblock_oneway {
    flex: 1 1 calc(25% - 30px);  /* 4 карточки в ряд */
    max-width: 447px;
    margin: 30px;
  }
}