/* Catalog Grid Banner Styles */

/* Marquee animation for mobile */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Catalog items hover effects */
.catalog-item {
  transition: all 0.2s ease;
}

.catalog-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Mobile scroll gradient */
.mobile-scroll-gradient {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.9) 0%,
    transparent 100%
  );
}

.mobile-scroll-gradient-right {
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.9) 0%,
    transparent 100%
  );
}

/* Icon sizing */
.catalog-icon-desktop {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
}

.catalog-icon-mobile {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

.catalog-icon-tablet {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .catalog-icon-mobile {
    width: 2rem;
    height: 2rem;
  }
}