/* Large Image */
.designer-left-half {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.designer-left-half img {
  object-fit: cover;
  transition: all 0.3s ease;
}

/* Content Info */
.designer-info-section {
  padding: 20px;
}

#designer-name {
  font-size: 2em;
  margin: 0 0 10px 0;
  color: #333;
}

.designer-description {
  font-size:16px;
  color: #555;
  line-height: 1.6;
}

/* Carousel */
.designers-carousel-container {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 20px;
  white-space: nowrap;
  scrollbar-width: none; 
  cursor: grab;
}
.designers-carousel-container::-webkit-scrollbar {
      display: none; 
  }

.designers-carousel-track {
  display: flex;
  gap: 16px;
  transition: transform 2s ease;
}

.designer-carousel-item {
  flex: 0 0 calc(33.333% - 0px);
  cursor: pointer;
  transition: transform 2s ease;
}

/* .designer-carousel-item:hover {
  transform: scale(1.05);
} */

.designer-carousel-item.active {
  transform: scale(1.01);

}

.designer-carousel-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
  .designer-left-half img {
    width: 300px;
    height: 300px;
  }
  
  .designer-info-section {
    padding: 5px;
  }
  
  #designer-name {
    font-size: 1.5em;
  }
  
  .designer-carousel-item {
    flex: 0 0 calc(50% - 5px);
  }
}

@media (max-width: 480px) {
  .designer-left-half img {
    width: 250px;
    height: 250px;
  }
  
  .designer-info-section {
    padding: 0px;
  }
  
  #designer-name {
    font-size: 1.3em;
  }
  
  .designer-carousel-item {
    flex: 0 0 100%;
  }
}