/* Контейнер с логотипами авиакомпаний (внутри .outbound_logo/.return_logo .tn-atom) */
.carrier-logos{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  min-height:32px;
}

/* Один круг с логотипом */
.carrier-circle{
  display:inline-flex;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,0.06);
  overflow:hidden;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
  margin-right: 3px;
}

/* картинка внутри кружка */
.carrier-circle img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Кружок «+N» (когда авиакомпаний больше 4) */
.carrier-circle--more{
  background:#f0f3f5;
  color:#0b1f35;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.2px;
}

/* Текстовый фолбэк в кружке, если картинка логотипа не загрузилась */
.carrier-code-fallback{
  font-size:12px;
  font-weight:600;
  letter-spacing:0.2px;
}

.reset_filters {
  cursor: pointer;
}

.tn-elem.timesfilter.filter-active .tn-atom a,
.tn-elem.timesfilter.filter-active .tn-atom {
  color: #FF8B21 !important;
}



/* Когда идёт пересчёт — прячем текст цены и показываем loader */
.ticket_price.sr-price-loading .tn-atom {
  visibility: hidden;          /* текст есть, но его не видно */
  position: relative;
}

/* Круглая крутилка поверх цены */
.ticket_price.sr-price-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;   /* чтобы центрировать */
  margin-left: -9px;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,0.15);
  border-top-color: rgba(0,0,0,0.6);
  animation: sr-price-spin 0.7s linear infinite;
}

@keyframes sr-price-spin {
  to {
    transform: rotate(360deg);
  }
}




/* ================== АДАПТИВ ПО ДИАПАЗОНАМ ================== */

/* 0–382px — самые маленькие телефоны */
@media (max-width: 382px){            /* 358–382 */
  .carrier-circle{ width:22px; height:22px; }
}

/* 383–410px — компактные телефоны */
@media (min-width: 383px) and (max-width: 410px){ /* 382–410 */
  .carrier-circle{ width:24px; height:24px; }
}

/* 411–766px — ОСТАВЛЯЕМ КАК ЕСТЬ (твои 28×28) */
@media (min-width: 411px) and (max-width: 766px){  /* 410–766 */
  .carrier-circle{ width:28px; height:28px; }
}

/* 767–980px — планшеты / мелкие ноутбуки */
@media (min-width: 767px) and (max-width: 980px){  /* 766–980 */
  .carrier-circle{ width:22px; height:22px; }
}

/* 981–1278px — стандартные ноутбуки */
@media (min-width: 981px) and (max-width: 1278px){ /* 980–1278 */
  .carrier-circle{ width:22px; height:22px; }
}

/* 1279–1332px — чуть шире ноутбуки */
@media (min-width: 1279px) and (max-width: 1332px){/* 1278–1332 */
  .carrier-circle{ width:24px; height:24px; }
}

/* 1333–1438px */
@media (min-width: 1333px) and (max-width: 1438px){/* 1332–1438 */
  .carrier-circle{ width:24px; height:24px; }
}

/* 1439–1678px — нормальные десктопы */
@media (min-width: 1439px) and (max-width: 1678px){/* 1438–1678 */
  .carrier-circle{ width:26px; height:26px; }
}

/* 1679–1918px — крупные мониторы */
@media (min-width: 1679px) and (max-width: 1918px){/* 1678–1918 */
  .carrier-circle{ width:27px; height:27px; }
}

/* ≥1919px — ОСТАВЛЯЕМ КАК ЕСТЬ (твои 28×28) */
@media (min-width: 1919px){           /* 1918–max */
  .carrier-circle{ width:28px; height:28px; }
}