/* якорь: сам shape-result становится позиционируемым контейнером */
.uc-childblock .shape-result,
.uc-childblock_oneway .shape-result{
  position: relative;
}

/* прячем штатные тильдовские иконки */
.uc-childblock .tn-elem.visa_rules_required,
.uc-childblock .tn-elem.night_transfer,
.uc-childblock .tn-elem.long_layover,
.uc-childblock_oneway .tn-elem.visa_rules_required,
.uc-childblock_oneway .tn-elem.night_transfer,
.uc-childblock_oneway .tn-elem.long_layover{
  display: none !important;
}





/* НАША рейка иконок: теперь она должна быть ВНУТРИ .shape-result */
.shape-result .sr-badges{
  position: absolute;
  top: clamp(10px, 1.8vw, 20px);   /* адаптивный отступ сверху */
  right: clamp(12px, 2.0vw, 24px); /* адаптивный отступ справа */
  display: flex;
  gap: clamp(4px, 0.6vw, 6px);
  align-items: center;
  z-index: 50;
}

/* размер кружков — адаптивно, без кучи медиа-запросов */
.shape-result .sr-badge{
  display: inline-block;
  width: clamp(18px, 2.2vw, 24px);
  height: clamp(18px, 2.2vw, 24px);
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 1px 2px rgba(0,0,0,.12);
  cursor: default;
}

/* ===== Если хочешь строго по твоим диапазонам экранов =====
   (значения можно подправить — я дал аккуратные стартовые)
*/
@media (max-width: 382px){            /* 358–382 */
  .shape-result .sr-badges{ top: 14px; right: 13px;   gap: clamp(4px, 0.6vw, 6px);}
  .shape-result .sr-badge{  width: 21px; height: 21px; }
}
@media (min-width: 383px) and (max-width: 410px){ /* 382–410 */
  .shape-result .sr-badges{ top: 15px; right: 13px;   gap: clamp(4px, 0.6vw, 6px);}
  .shape-result .sr-badge{  width: 22px; height: 22px; }
}
@media (min-width: 411px) and (max-width: 766px){  /* 410–766 */
  .shape-result .sr-badges{ top: 16px; right: 11px;   gap: clamp(5px, 0.6vw, 6px);}
  .shape-result .sr-badge{  width: 23px; height: 23px; }
}
@media (min-width: 767px) and (max-width: 980px){  /* 766–980 */
  .shape-result .sr-badges{ top: 13px; right: 13px;   gap: clamp(2px, 0.6vw, 4px);}
  .shape-result .sr-badge{  width: 15px; height: 15px; }
}
@media (min-width: 981px) and (max-width: 1278px){ /* 980–1278 */
  .shape-result .sr-badges{ top: 13px; right: 13px;   gap: clamp(2px, 0.6vw, 4px);}
  .shape-result .sr-badge{  width: 15px; height: 15px; }
}
@media (min-width: 1279px) and (max-width: 1332px){/* 1278–1332 */
  .shape-result .sr-badges{ top: 13px; right: 13px;   gap: clamp(2px, 0.6vw, 4px);}
  .shape-result .sr-badge{  width: 15px; height: 15px; }
}
@media (min-width: 1333px) and (max-width: 1438px){/* 1332–1438 */
  .shape-result .sr-badges{ top: 15px; right: 14px;   gap: clamp(2px, 0.6vw, 6px);}
  .shape-result .sr-badge{  width: 17px; height: 17px; }
}
@media (min-width: 1439px) and (max-width: 1678px){/* 1438–1678 */
  .shape-result .sr-badges{ top: 17px; right: 19px; }
  .shape-result .sr-badge{  width: 21px; height: 21px; }
}
@media (min-width: 1679px) and (max-width: 1918px){/* 1678–1918 */
  .shape-result .sr-badges{ top: 18px; right: 19px; }
  .shape-result .sr-badge{  width: 24px; height: 24px; }
}
@media (min-width: 1919px){           /* 1918–max */
  .shape-result .sr-badges{ top: 20px; right: 20px; }
  .shape-result .sr-badge{  width: 26px; height: 26px; }
}