 .myshape_2 .tn-atom { border-radius: 30px 30px 30px 30px;  background: linear-gradient(45deg, #cd90ea60 -10%, #f9fb7960 110%); background: -webkit-linear-gradient(45deg, #cd90ea60 -10%, #f9fb7960 110%);   -webkit-box-shadow: inset 0px 0px px px 00; -moz-box-shadow: inset 0px 0px px px 00; box-shadow: inset 0px 0px px px 00; } .myshape_2 {} .myshape_2 > .tn-atom__sbs-anim-wrapper > .tn-atom, .myshape_2 > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 30px 30px 30px 30px; }.myshape_2 > .tn-atom {backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 30px 30px 30px 30px; opacity: unset!important;background-color: #ffffff60!important;}
 
/* === Стили для бегущей строки логотипов === */
.marquee-container {
  width: 100vw; /* Или 100% если блок ограничен по ширине родительским элементом в Tilda */
  height: 100px;
  overflow: hidden;
  background: transparent;
  display: flex; /* Добавлено для выравнивания, если потребуется */
  align-items: center; /* Добавлено для выравнивания, если потребуется */
  padding: 0;
  position: relative;
}

.marquee {
  display: flex; /* Заставляет .marquee-item-set выстроиться в ряд */
  /* Ширина .marquee должна быть достаточной, чтобы вместить оба .marquee-item-set.
     Можно задать через JavaScript или использовать очень большое значение,
     либо, если .marquee-item-set имеют естественную ширину, можно использовать width: fit-content или max-content.
     Для простоты, если анимация translateX(-50%), то ширина должна быть такой,
     чтобы 50% было равно ширине одного .marquee-item-set.
     Здесь мы оставим ваш подход с width: 200% относительно .marquee-container,
     но теперь это будет означать, что каждый .marquee-item-set должен стремиться занять 100% ширины контейнера,
     что не совсем то. Лучше, если .marquee будет равен сумме ширин двух .marquee-item-set.
     Давайте упростим: .marquee будет содержать два блока, и мы сдвинем на один блок.
  */
  width: fit-content; /* Позволит .marquee быть по ширине содержимого (двух .marquee-item-set) */
  /* Если fit-content не поддерживается или дает не тот результат, можно будет
     задать очень большую ширину (например, 400%) и анимировать translateX на соответствующее значение в пикселях или процентах от этой большой ширины.
     Однако, стандартный подход с translateX(-[ширина одного блока]) более надежен.
  */

  animation: marquee-animation 30s linear infinite;
  will-change: transform;
}

.marquee-item-set {
  display: flex;
  align-items: center;
  gap: 60px;
  height: 100%;
  flex-shrink: 0; /* Важно, чтобы элементы не сжимались */
  /* padding-right: 60px; /* Чтобы создать отступ между концом одного набора и началом следующего, если они плотно прилегают */
  /* min-width оставляем без изменений, т.к. теперь .marquee-item-set сам определяет свою ширину */
}

.marquee-item-set img {
  height: 80px;
  max-height: 100%;
  width: auto;
  opacity: 0.7;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.marquee-item-set img:hover {
  transform: scale(1.1);
  filter: brightness(1.2);
  opacity: 1;
}

@keyframes marquee-animation {
  0% {
    transform: translateX(0%);
  }
  100% {
    /* Мы сдвигаем на ширину одного .marquee-item-set.
       Поскольку .marquee теперь содержит два .marquee-item-set,
       и его ширина равна сумме их ширин, сдвиг на 50% от ширины .marquee
       будет равен ширине одного .marquee-item-set.
    */
    transform: translateX(-50%);
  }
}

/* Адаптивность */
@media (max-width: 768px) {
  .marquee-container {
    height: 70px;
  }
  .marquee-item-set {
    gap: 30px;
    /* padding-right: 30px; */
  }
  .marquee-item-set img {
    height: 50px;
  }
  /* Уменьшим скорость на мобильных, если нужно */
  /* .marquee { animation-duration: 20s; } */
}

@media (max-width: 480px) {
  .marquee-container {
    height: 50px;
  }
  .marquee-item-set {
    gap: 20px;
    /* padding-right: 20px; */
  }
  .marquee-item-set img {
    height: 40px;
  }
}