/* ================== AGENCIES (продавцы) ================== */

/* контейнер в карточке */
/* ДОБАВИЛ height:auto, чтобы блок был по содержимому */
.agencies .tn-atom{
  padding:12px;
  height:auto !important;
}
/* на всякий случай — сама t396-обёртка тоже по содержимому */
.t396__elem.agencies{
  height:auto !important;
}

/* ОБНОВЛЕНО: коробка с агентствами
   — добавлены display:flex, flex-direction и gap,
   чтобы строки агентств красиво складывались друг под другом */
.agencies-box{
  background:#F5FDFF;
  border:1px solid #E6ECF0;
  border-radius:16px;
  padding:8px 5px;
  display:flex;
  flex-direction:column;
  gap:6px; /* вместо margin-bottom у .agency-row */
}

/* НОВОЕ: модификаторы в зависимости от количества агентств
   (добавляются из JS: agencies-box--single / --double / --many) */

/* 1 агентство — компактно, по центру, без ощущения пустоты */
.agencies-box.agencies-box--single .agency-row{
  max-width:100%;
  margin:0 auto;
}

/* 2 агентства — тянутся на всю ширину, но без "дыр" */
.agencies-box.agencies-box--double .agency-row{
  width:100%;
}

/* подпись при 1–2 агентствах — по центру и чуть компактнее */
.agencies-box.agencies-box--single .agency-note,
.agencies-box.agencies-box--double .agency-note{
  margin-top:4px;
  font-size:12px;
  text-align:center;
  opacity:0.85;
}

/* одна строка продавца */
/* УБРАЛ margin-bottom:6px; — теперь расстояние задаёт gap в .agencies-box */
.agency-row{
  display:flex; align-items:center;
  gap:10px; padding:6px 10px;
  border:1px solid #F0F3F5; border-radius:10px;
  background:#fff;
}

/* круглый логотип (строго круг 30×30) */
.agency-logo{
  width:30px; height:30px; flex:0 0 30px;
  border-radius:50%; overflow:hidden;
  background:#fff; border:1px solid #E6ECF0;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.agency-logo img{
  width:100%; height:100%; object-fit:cover; border-radius:50%;
  display:block;
}

/* цена и имя */
.agency-price{
  font-weight:700; font-size:14px; min-width:65px; text-align:left;
}
.agency-name{
  font-size:13px; font-weight:600; color:#0b1f35;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100px;
}

/* кнопка «Купить» */
.agency-buy{
  margin-left:auto;
  height:34px; min-width:100px;
  padding:0 16px;
  border-radius:999px; background:#FF8B21; color:#fff;
  font-weight:700; font-size:13px; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center; white-space:nowrap;
}
.agency-buy:hover{ background:#ff9e47; }

/* подвал секции */
.agency-more{
  margin-top:6px; font-size:13px; font-weight:600;
  color:#006C83; cursor:pointer; display:flex; justify-content:space-between; align-items:center;
  padding:6px 0; border-top:1px solid #eee;
}
.agency-more-text{ flex:1; }
.agency-more-arrow{ font-size:18px; line-height:1; }
.agency-more:hover{ text-decoration:underline; }
.agency-sub{ font-size:12px; color:#6b7a8c; }
.agency-note{ margin-top:8px; font-size:12px; color:#6b7a8c; }

/* модалка со всеми агентствами */
.agencies-modal__overlay{
  position: fixed; inset:0; background:rgba(0,0,0,.4);
  z-index:10000001 !important; display:none;
}
.agencies-modal{
  position: fixed; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(560px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  background:#fff; border-radius:18px; overflow:hidden; color:#006C83;
  z-index:10000002 !important; display:none; box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.agencies-modal__header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid rgba(0,0,0,.06);
  font-weight:700; font-size:16px;
}
.agencies-modal__close{ cursor:pointer; font-weight:700; font-size:20px; padding:4px 8px; }
.agencies-modal__body{
  padding:12px; overflow:auto;
  max-height:calc(100vh - 24px - 54px - 16px);
}
.agencies-modal__body .agency-row{ margin-bottom:5px; }
.agencies-modal__body .agency-sub{ font-size:11.5px; }

/* =========================================================
   АДАПТИВ ДЛЯ AGENCIES
   ========================================================= */

/* 0–420px — очень узкие экраны */
@media (max-width:420px){
  .agency-logo{ width:28px; height:28px; flex:0 0 28px; }
  .agency-price{ font-size:13px; min-width:60px; }
  .agency-name{ font-size:12px; max-width:34vw; }
  .agency-buy{ height:34px; min-width:92px; padding:0 0px; font-size:12.5px; }
}

/* === AGENCIES-MODAL: поверх всех слоёв на всех устройствах === */
.agencies-modal__overlay{
  z-index:10000001 !important;
}

.agencies-modal{
  z-index:10000002 !important;
}