/* Отключает обрезку слайдов */
.t-slds__slide {
  overflow: visible !important;
}

/* Общий стиль для изображений с рамкой */
.gallery-img {
  border: 3px solid #333333 !important;
  border-radius: 3px !important;
  transform: scale(0.99); /* Небольшое уменьшение в обычном состоянии */
  background: white;
  box-sizing: border-box;
  transition: all 0.3s ease !important; /* Общая плавность изменений */
}

/* Ховер-эффект (только для десктопов) */
.gallery-img:hover {
  border: 5px solid transparent !important;
  transform: scale(1.01); /* Легкое увеличение при наведении */
  background: 
    linear-gradient(white, white) padding-box,
    linear-gradient(to right, #EEBC75, #9A6123) border-box;
}

/* Мобильная адаптация (отключаем ховер-эффекты) */
@media (max-width: 1199px) {
  .gallery-img {
    border: 1px solid #333333 !important;
    border-radius: 1px !important;
    transform: none !important; /* Убираем scale (и уменьшение, и увеличение) */
  }
  
  .gallery-img:hover {
    border: 1px solid #333333 !important; /* Оставляем обычную рамку */
    transform: none !important; /* Отключаем увеличение */
    background: white !important; /* Убираем градиент */
  }
}