.carousel-wrapper {
        position: relative;
        max-width: 320px;
        margin: auto;
    }

    .carousel-inner img {
        border-radius: 15px;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .custom-side-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        background-color: #ff5722;
        /* Warna oranye solid */
        border: none;
        color: white;
        width: 48px;
        height: 48px;
        font-size: 20px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.3s ease;
    }

    .custom-side-nav:hover {
        background-color: #e64a19;
        /* Oranye gelap saat hover */
    }

    .custom-prev {
        left: -55px;
    }

    .custom-next {
        right: -55px;
    }

    @media (max-width: 768px) {
        .custom-side-nav {
            width: 42px;
            height: 42px;
            font-size: 18px;
        }

        .custom-prev {
            left: -45px;
        }

        .custom-next {
            right: -45px;
        }
    }