/* Hero Cards - Static Display - No Animations - ALWAYS VISIBLE */
#hero-tour-cards-content {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  min-height: 320px !important;
}

.tour-cards-carousel-section,
.tour-cards-carousel-container,
.tour-cards-carousel-wrapper,
.tour-cards-scroll-container {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

.tour-card-item {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

.tour-card,
.tour-card-container,
.tour-card-image-wrapper,
.tour-card-content {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

/* Prevent any fade-in or slide-in animations */
.hero-card {
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* Ensure images load immediately with no transition */
.tour-card-img {
  opacity: 1 !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
  image-rendering: auto !important;
}

/* Remove any WOW.js or AOS animations from hero section */
.home1-banner-section .wow,
.home1-banner-section [data-aos],
.home1-banner-section .animated,
.home1-banner-section .fadeIn,
.home1-banner-section .slideIn,
.home1-banner-section .zoomIn {
  animation: none !important;
  animation-delay: 0s !important;
  animation-duration: 0s !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  will-change: auto !important;
}

/* Disable all CSS transitions in hero */
.home1-banner-section * {
  transition: none !important;
  animation: none !important;
}

/* Force immediate rendering */
.tour-cards-scroll-container {
  contain: layout style paint !important;
}

/* Hero Card Skeleton Styles */
.hero-card .skeleton-image {
  width: 100%;
  height: 200px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s ease-in-out infinite;
  border-radius: 15px 15px 0 0;
}

.hero-card .skeleton-title {
  height: 20px;
  width: 70%;
  margin-bottom: 8px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s ease-in-out infinite;
  border-radius: 4px;
}

.hero-card .skeleton-text {
  height: 16px;
  width: 50%;
  margin-bottom: 6px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s ease-in-out infinite;
  border-radius: 4px;
}

.hero-card .skeleton-text-full {
  height: 16px;
  width: 90%;
  margin-bottom: 8px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s ease-in-out infinite;
  border-radius: 4px;
}

.hero-card .skeleton-button {
  height: 20px;
  width: 80px;
  margin-top: 8px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s ease-in-out infinite;
  border-radius: 4px;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}