/* Grid container */
.playlist-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    width: calc(100% + 10px);
    max-width: calc(100% + 10px);
    margin: 0;
    margin-right: -10px;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

/* Playlist item container */
.playlist-item {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

/* Exclusive Badge */
.exclusive-badge {
    position: absolute;
    top: 10px;
    right: 10px; /* Changed from left to right */
    z-index: 100;
    width: 100px;
    height: auto;
    max-width: 50%;
}

/* Further refined size adjustments for the player components */
.elementor-widget-shortcode .playlist-item .ai-wrap {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Tighter spacing around control elements */
.elementor-widget-shortcode .playlist-item .ai-wrap .ai-audio-control-wrap {
    padding: 8px 0 !important;
}

/* More compact track list items */
.elementor-widget-shortcode .playlist-item .ai-wrap .ai-playlist-item {
    padding: 6px 10px !important;
}

/* Further reduce cover image size while maintaining aspect ratio */
.elementor-widget-shortcode .playlist-item .ai-wrap .ai-track-thumb {
    max-height: 150px !important;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
    .playlist-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .playlist-grid {
        grid-template-columns: 1fr;
        width: 100%;
        margin-right: 0;
    }
}