.rev-detail-activity {
    #additional {
        .fa-solid.fa-gear {
            color: #65558f;
            font-size: 20px;
        }
    }

    #rate {
        .rounded-circle.overflow-hidden {
            width: 50px;
            height: 50px;
        }
    }

    .bg-dark-50 {
        background-color: var(--bg-dark-50);
    }

    .type-alpha {
        mask-type: alpha;
    }
    .header {
        .fit-cover {
            object-fit: cover;
        }
        /* Modal arrows styling */
        /* Modal arrows styling */
        #galleryModalNonDescription .splide__arrow {
            background: rgba(255, 255, 255, 0.9);
            border: none;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 10px rgba(0,0,0,.15);
            transition: transform .15s ease, box-shadow .15s ease;
        }
        #galleryModalNonDescription .splide__arrow:hover {
            transform: translateY(-1px);
            box-shadow: 0 6px 18px rgba(0,0,0,.2);
        }
        #galleryModalNonDescription .splide__arrow i {
            color: #333;
        }
    }

    /* Comment pagination + arrows styling to match /activities */
    #rate .carousel-indicators-banner {
        display: inline-flex;
        gap: 8px;
        align-items: center;
    }
    #rate .carousel-indicators-banner .page-item { list-style: none; }
    #rate .carousel-indicators-banner .page-link {
        min-width: 44px;
        height: 44px;
        border-radius: 10px;
        border: 1px solid #DADADA;
        background: #fff;
        color: #2e2e2e;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    #rate .carousel-indicators-banner .page-link:hover {
        background: #f7f7f7;
    }
    #rate .carousel-indicators-banner .page-link.active,
    #rate .carousel-indicators-banner .page-item .page-link.active {
        background: #FF6100;
        color: #fff;
        border-color: transparent;
    }

    /* Prev/Next buttons */
    #rate #comment-prev,
    #rate #comment-next {
        width: 44px;
        height: 44px;
        border-radius: 10px;
        border: 1px solid #DADADA !important;
        background: #fff !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    #rate #comment-prev i,
    #rate #comment-next i { color: #6c757d; }
    #rate #comment-prev.swiper-button-disabled,
    #rate #comment-next.swiper-button-disabled,
    #rate #comment-prev:disabled,
    #rate #comment-next:disabled {
        opacity: .5;
        background: #f3f3f3 !important;
        cursor: not-allowed;
    }

    #itinerary {
        .itinerary-item svg {
            left: -43px;
        }
        .cursor-pointer.toggle-details img {
            width: 24px;
            height: 24px;
        }

        img.itinerary-img {
            height: 140px;
        }

        .detail-content {
            display: none;
        }
    }

    #sidebar_revisi {
        p.mb-0.text-muted {
            font-size: 0.8rem;
        }
    }
    .sticky-top#sidebar_revisi {
        top: 100px !important;
    }

    .color-orange {
        color: var(--tc-orange);
    }
    .related-activities {
        .custom-width {
            width: 150px;
        }

        .bg-orange {
            background-color: var(--tc-dark-orange) !important;
        }
        .border-top-left {
            border-top-left-radius: 0.8rem;
        }
        .card .position-relative img.card-img-top {
            height: 140px;
            object-fit: cover;
        }

        .bg-dark-orange {
            background-color: var(--tc-dark-orange);
        }
        .custom-height-4 {
            height: 4px;
        }

        .star-color {
            color: var(--star-color);
        }

        .fs-06-rem {
            font-size: 0.6rem;
        }
    }
    #price {
        .display-none {
            display: none;
        }
        .w-20 {
            width: 20px;
        }
    }
}

@media (max-width: 1287px) {
    .rev-detail-activity {
        .icon-cart {
            display: none !important;
        }
    }
}

.section1.second-navbar{
    display: none;
}