.plan-with-ai-city-item {
    border-radius: var(--bs-border-radius);
    padding: 0.75rem;
}

.plan-with-ai-city-item:hover {
    background-color: var(--bg-muted);
}

.plan-with-ai-city-item.active {
    background-color: var(--bg-muted);
}

.trip-images-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 1rem;
    justify-items: center;
}

@media (max-width: 575.98px) {
    .trip-images-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

#plan-with-ai-recommendations {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

#plan-with-ai-carousel-view-more {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


@media (max-width: 768px) {
    .carousel-item .plan-with-ai-items {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        justify-items: center;
        padding: 0 1rem;
    }

    .plan-with-ai-city-item {
        width: 100%;
        max-width: 140px;
        text-align: center;
    }

    .btn-close {
        margin-top: 10px !important;
    } 

    #places-list-container {
        padding-bottom: 25%;
    }
}