/* =========================================
   NEW CATEGORY CAROUSEL STYLES
   ========================================= */
.new-category-card {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 12px 25px;
  background-color: #f6f6f6;
  border-radius: 50px; /* Pill shape */
  border: 1px solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  text-decoration: none !important;
}

.new-category-card:hover {
  background-color: var(--ul-primary);
  color: var(--white);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(239, 40, 83, 0.2); /* Using primary color shadow */
}

.new-category-card .category-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--ul-primary);
  transition: color 0.3s ease;
}

.new-category-card:hover .category-icon {
  color: var(--white);
}

.new-category-card .category-name {
  font-weight: 600;
  font-size: 15px;
  color: var(--black);
  text-transform: capitalize;
  transition: color 0.3s ease;
  margin: 0; /* Remove default margin */
}

.new-category-card:hover .category-name {
  color: var(--white);
}

/* Swiper Container Adjustments */
.newCategorySwiper {
  padding: 20px 0 30px 0 !important; /* Space for shadow/hover effect */
  overflow: hidden;
}