.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;
                    }
                }