/* Стиль для индикатора скролла на главной странице */
.absolute.bottom-8,
.animate-bounce,
.hero-slider .absolute.bottom-8,
.hero-slider .animate-bounce {
    cursor: pointer !important;
}

/* Стиль для карточек сварщиков */
.grid .bg-\[\#2D2D2D\],
section .bg-\[\#2D2D2D\] {
    cursor: pointer !important;
}

/* Стиль для карточек отзывов */
.reviews-slider .swiper-slide,
.swiper-slide .bg-\[\#2D2D2D\] {
    cursor: pointer !important;
}

/* Стиль для элементов внутри карточек, которые имеют интерактивные действия */
.bg-\[\#2D2D2D\] button {
    cursor: pointer !important;
} 

/* Стили для прозрачной шапки сайта */
header#header, 
.transparent-header {
  background-color: transparent !important;
  height: 80px !important;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  box-shadow: none;
}

/* Стили для шапки при скролле */
header#header.scrolled, 
.transparent-header.scrolled {
  background-color: #000000 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Стили для элементов внутри шапки */
header#header .container {
  height: 100%;
  display: flex;
  align-items: center;
}

/* Убираем паддинги у контейнера шапки */
header#header .container {
  padding-top: 0;
  padding-bottom: 0;
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
  main {
    padding-top: 0;
  }
}

/* Hero slider zoom animation on slide change */
.hero-slider .slide-bg { 
    transform-origin: center center !important; 
    transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transform: scale(1.02) !important;
}

.hero-slider .slide {
    transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hero-slider .slide.active .slide-bg { 
    animation: heroKenburnsZoom 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite !important; 
}

@keyframes heroKenburnsZoom {
    0% { 
        transform: scale(1.02) !important; 
    }
    20% { 
        transform: scale(1.08) !important; 
    }
    40% { 
        transform: scale(1.15) !important; 
    }
    60% { 
        transform: scale(1.25) !important; 
    }
    80% { 
        transform: scale(1.35) !important; 
    }
    100% { 
        transform: scale(1.45) !important; 
    }
}

/* Дополнительные эффекты для более плавной анимации */
.hero-slider .slide:not(.active) .slide-bg {
    transform: scale(1.02) !important;
}

/* Плавное появление слайдов */
.hero-slider .slide.opacity-0 {
    opacity: 0 !important;
    transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hero-slider .slide.opacity-100 {
    opacity: 1 !important;
    transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Принудительная анимация для активного слайда */
.hero-slider .slide.active {
    opacity: 1 !important;
    z-index: 1 !important;
}

.hero-slider .slide:not(.active) {
    opacity: 0 !important;
    z-index: 0 !important;
}