/* Базовые стили для карточки */
.t786 {
  overflow: visible !important;
  padding: 15px !important; /* Отступ для тени */
  position: relative;
}

/* Стили для круглого изображения */
.t786__bgimg.js-product-img {
  border-radius: 50% !important;
  width: 100% !important;        /* Занимает 80% ширины карточки */
  aspect-ratio: 1/1 !important; /* Сохраняет пропорции 1:1 */
  max-width: 280px !important;  /* Максимальный размер */
  background-size: cover !important;
  background-position: center !important;
  margin: 0 auto !important;
  display: block !important;
  transform-origin: center;
  transition: all 0.3s ease;
  overflow: hidden !important;
}

/* Анимация вращения */
@keyframes uc-rotate-clockwise {
  0% { 
    transform: rotate(0deg) scale(1); 
    box-shadow: 0 0 0 rgba(0,0,0,0); 
  }
  50% { 
    transform: rotate(180deg) scale(1.05);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2); 
  }
  100% { 
    transform: rotate(360deg) scale(1);
    box-shadow: 0 0 0 rgba(0,0,0,0); 
  }
}

/* Активация анимации */
.t786__bgimg.js-product-img:hover {
  animation: uc-rotate-clockwise 2s linear infinite;
  z-index: 10;
}