/* Perfume Image Carousel */
.perfume-carousel {
    position: relative;
    overflow: hidden;
    border-radius: 1rem 1rem 0 0;
}

.carousel-slides {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-slide {
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;
}

.carousel-slide.hidden {
    display: none;
}

/* Navigation Arrows */
.carousel-prev,
.carousel-next {
    cursor: pointer;
    user-select: none;
}

.carousel-prev:hover,
.carousel-next:hover {
    transform: translateY(-50%) scale(1.1);
}

.carousel-prev:active,
.carousel-next:active {
    transform: translateY(-50%) scale(0.95);
}

/* Dots */
.carousel-dots {
    cursor: pointer;
}

.dot {
    cursor: pointer;
    transition: all 0.2s ease;
}

.dot:hover {
    transform: scale(1.3);
}

/* Mobile touch improvements */
@media (max-width: 768px) {
    .perfume-carousel {
        touch-action: pan-y;
        -webkit-user-select: none;
        user-select: none;
    }
    
    .carousel-slide {
        width: 100%;
        height: 256px; /* Fixed height for consistency */
        object-fit: cover;
    }
}

/* Desktop improvements */
@media (min-width: 769px) {
    .carousel-slide {
        cursor: zoom-in;
    }
    
    .carousel-slide:hover {
        opacity: 0.95;
    }
}

/* Image Uploader */
.perfume-image-uploader .drop-zone {
    transition: all 0.2s ease;
}

.perfume-image-uploader .drop-zone:hover {
    background-color: #faf5ff;
}

.perfume-image-uploader .drop-zone.dragging {
    background-color: #fff4d9;
    border-color: #e69a2e;
    border-width: 3px;
}

.perfume-image-uploader .image-item {
    position: relative;
    cursor: move;
}

.perfume-image-uploader .image-item img {
    transition: transform 0.2s ease;
}

.perfume-image-uploader .image-item:hover img {
    transform: scale(1.02);
}

/* Sortable ghost */
.sortable-ghost {
    opacity: 0.4;
}

.sortable-drag {
    opacity: 0.8;
}