.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-8026 .elementor-element.elementor-element-8eea6ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8026 .elementor-element.elementor-element-70bd70d{--display:flex;}.elementor-widget-heading .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-heading .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8026 .elementor-element.elementor-element-973eccc{text-align:center;}.elementor-8026 .elementor-element.elementor-element-973eccc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-8026 .elementor-element.elementor-element-68cd716{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8026 .elementor-element.elementor-element-5a08e7d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-8026 .elementor-element.elementor-element-16179b7 .elementor-icon-list-icon i{color:var( --e-global-color-4dc3b64 );transition:color 0.3s;}.elementor-8026 .elementor-element.elementor-element-16179b7 .elementor-icon-list-icon svg{fill:var( --e-global-color-4dc3b64 );transition:fill 0.3s;}.elementor-8026 .elementor-element.elementor-element-16179b7{--e-icon-list-icon-size:18px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-8026 .elementor-element.elementor-element-16179b7 .elementor-icon-list-text{transition:color 0.3s;}.elementor-8026 .elementor-element.elementor-element-84efcc4{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8026 .elementor-element.elementor-element-39f6701 .elementor-icon-list-icon i{color:var( --e-global-color-4dc3b64 );transition:color 0.3s;}.elementor-8026 .elementor-element.elementor-element-39f6701 .elementor-icon-list-icon svg{fill:var( --e-global-color-4dc3b64 );transition:fill 0.3s;}.elementor-8026 .elementor-element.elementor-element-39f6701{--e-icon-list-icon-size:18px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-8026 .elementor-element.elementor-element-39f6701 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-divider .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-8026 .elementor-element.elementor-element-e7054a9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-8026 .elementor-element.elementor-element-e7054a9 .elementor-divider-separator{width:100%;}.elementor-8026 .elementor-element.elementor-element-e7054a9 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8026 .elementor-element.elementor-element-e7054a9 .elementor-divider__text{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-widget-shortcode .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-shortcode .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}@media(max-width:767px){.elementor-8026 .elementor-element.elementor-element-5a08e7d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8026 .elementor-element.elementor-element-84efcc4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8026 .elementor-element.elementor-element-84efcc4.e-con{--align-self:flex-end;}.elementor-8026 .elementor-element.elementor-element-b7f3728{padding:10px 10px 10px 10px;}}/* Start custom CSS for shortcode, class: .elementor-element-b7f3728 *//* --- Global Styles for Chart Plugin --- */
.music-chart-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.chart-section-title {
    margin-top: 40px;
    font-size: 20px;
    font-weight: bold;
}

/* --- Main Music Chart Cards --- */
.music-card {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    gap: 16px;
    flex-wrap: nowrap; /* Prevent wrapping by default on desktop */
}

.music-rank-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 60px;
}

.music-rank-number {
    font-size: 32px;
    font-weight: 900;
    line-height: 1;
}

.music-movement-icon svg {
    width: 16px;
    height: 16px;
}
.music-movement-icon svg text {
    fill: #999; /* Neutral color */
}
.music-movement-icon svg path[stroke="green"] {
    stroke: green;
}
.music-movement-icon svg path[stroke="red"] {
    stroke: red;
}

.music-cover-image {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
}

.music-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 200px; /* Adjust as needed */
}

.music-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
}

.music-artist {
    font-size: 14px;
    color: #666;
}

.label-new {
    background: #FF4081;
    color: #fff;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 8px;
    white-space: nowrap; /* Prevent breaking line */
}

/* --- Music Chart Out Cards --- */
.music-chart-out {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

.music-card-out {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 12px;
    gap: 16px;
}

.music-out-rank {
    font-size: 24px;
    color: #999;
    font-weight: bold;
    min-width: 40px;
    text-align: center;
}

.music-cover-out-image {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    object-fit: cover;
}

.music-out-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.music-out-title {
    font-size: 16px;
    font-weight: 600;
}

.music-out-artist {
    font-size: 14px;
    color: #777;
}

.label-out {
    background: #333;
    color: #fff;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 6px;
    white-space: nowrap; /* Prevent breaking line */
}

/* --- Link Buttons (Spotify/YouTube) --- */
.music-links-wrapper {
    display: flex;
    gap: 8px; /* For main chart, adjust for out/globe/backdate below */
    flex-shrink: 0; /* Prevent shrinking on desktop */
}

.music-link-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 6px;
    text-decoration: none;
}

.music-link-button svg {
    width: 16px;
    height: 16px;
}

.spotify-link {
    border: 1px solid #1DB954;
    color: #1DB954;
}

.spotify-link svg {
    fill: #1DB954;
}

.youtube-link {
    border: 1px solid #FF0000;
    color: #FF0000;
}

.youtube-link svg {
    fill: #FF0000;
}

/* --- VOKS GLOBE CHART & BACK DATE CHART (Horizontal Layout) --- */
.music-globe-chart-list,
.music-backdate-chart-list {
    /* Flex column as parent for overall list */
    display: flex;
    flex-direction: column;
    gap: 10px; /* Adjusted gap */
    margin-top: 16px;
}

.music-chart-header {
    display: grid;
    grid-template-columns: 50px 80px 60px 50px auto 70px; /* Adjust columns as needed for desktop */
    gap: 10px;
    padding: 10px 16px;
    font-weight: bold;
    background: #f0f0f0;
    border-radius: 8px;
    align-items: center;
    font-size: 14px;
    color: #555;
    text-align: center; /* Center header text */
}

/* Specific alignments for headers */
.music-chart-header .header-chart { text-align: left; }
.music-chart-header .header-country { text-align: left; }
.music-chart-header .header-position { text-align: center; }
.music-chart-header .header-cover { text-align: center; }
.music-chart-header .header-info { text-align: left; } /* Text aligns left */
.music-chart-header .header-links { text-align: right; } /* Links align right */


.music-card-horizontal {
    display: grid;
    grid-template-columns: 50px 80px 60px 50px auto 70px; /* Match header columns */
    gap: 10px;
    align-items: center;
    padding: 10px 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
    font-size: 14px;
}

.music-chart-item, .music-country-item, .music-rank-item {
    white-space: nowrap; /* Prevent text wrapping in columns */
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center; /* Center rank/position */
}
.music-chart-item { text-align: left; } /* Align chart name left */
.music-country-item { text-align: left; } /* Align country name left */


.music-cover-item img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    object-fit: cover;
    display: block; /* Remove extra space below image */
    margin: 0 auto; /* Center cover image */
}

.music-info-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 100px; /* Ensure info has enough space */
    text-align: left;
}

.music-title-item {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.3;
}

.music-artist-item {
    font-size: 12px;
    color: #777;
    line-height: 1.3;
}

.music-globe-links, .music-backdate-links {
    justify-content: flex-end; /* Align links to the right */
    gap: 4px; /* Smaller gap for horizontal links */
}

/* Adjust button size for horizontal lists */
.music-globe-links .music-link-button,
.music-backdate-links .music-link-button {
    padding: 4px;
    width: 28px; /* fixed width */
    height: 28px; /* fixed height */
}
.music-globe-links .music-link-button svg,
.music-backdate-links .music-link-button svg {
    width: 14px;
    height: 14px;
}


/* --- MOBILE SPECIFIC STYLES (Media Queries) --- */
@media (max-width: 768px) {
    /* Adjustments for general music cards */
    .music-card {
        flex-direction: row; /* Keep row for main card, it works well */
        padding: 10px;
        gap: 12px;
    }

    .music-rank-col {
        min-width: 50px; /* Reduce min-width */
    }

    .music-rank-number {
        font-size: 28px; /* Slightly smaller font for rank */
    }

    .music-cover-image {
        width: 70px; /* Slightly smaller cover */
        height: 70px;
    }

    .music-info {
        min-width: unset; /* Remove min-width to allow shrinking */
    }

    .music-title {
        font-size: 15px; /* Slightly smaller title */
    }

    .music-artist {
        font-size: 13px; /* Slightly smaller artist */
    }

    .label-new {
        font-size: 9px;
        padding: 1px 5px;
        margin-left: 5px;
    }

    .music-links-wrapper {
        flex-direction: column; /* Stack buttons vertically for main chart */
        gap: 6px;
    }

    .music-link-button {
        padding: 6px 8px; /* Adjust padding for easier tapping */
        font-size: 12px; /* Smaller font for text if any */
        width: 32px; /* Fixed width for icon only */
        height: 32px; /* Fixed height for icon only */
    }

    /* Music Chart Out adjustments */
    .music-card-out {
        padding: 10px;
        gap: 12px;
    }

    .music-out-rank {
        font-size: 20px;
        min-width: 30px;
    }

    .music-cover-out-image {
        width: 50px;
        height: 50px;
    }

    .music-out-title {
        font-size: 15px;
    }

    .music-out-artist {
        font-size: 13px;
    }

    .label-out {
        font-size: 9px;
        padding: 1px 5px;
        margin-left: 5px;
    }

    .music-out-links-wrapper {
        flex-direction: column; /* Stack buttons vertically */
        gap: 6px;
    }
    .music-out-links-wrapper .music-link-button {
        padding: 6px 8px;
        width: 32px;
        height: 32px;
    }


    /* --- Mobile Specific: VOKS GLOBE CHART & BACK DATE CHART --- */
    .music-chart-header,
    .music-card-horizontal {
        display: flex; /* Change to flexbox for vertical stacking */
        flex-direction: column;
        align-items: flex-start; /* Align items to the start */
        gap: 8px; /* Reduce gap between items */
        padding: 10px; /* Adjust padding */
    }

    .music-chart-header {
        text-align: left; /* Align header text left on mobile */
        padding: 8px 10px;
        font-size: 13px;
    }

    .music-card-horizontal {
        font-size: 13px;
    }

    /* Hide columns that are less important on mobile */
    .music-chart-header .header-chart,
    .music-chart-header .header-country,
    .music-chart-header .header-month-year,
    .music-card-horizontal .music-chart-item,
    .music-card-horizontal .music-country-item,
    .music-card-horizontal .music-month-year-item {
        /* You can choose to hide them, or reorder/style differently */
        /* For now, let's make them display: block and take full width if needed */
        width: 100%; /* Make them take full width on their line */
        text-align: left; /* Align text left */
        order: -1; /* Move them to the top if you want */
        font-weight: bold;
        margin-bottom: 4px;
    }
    
    /* Ensure the chart/country/month-year titles are clear */
    .music-card-horizontal .music-chart-item strong,
    .music-card-horizontal .music-country-item,
    .music-card-horizontal .music-month-year-item {
        display: block; /* Ensure it behaves like a block */
        margin-bottom: 2px;
        font-size: 14px;
        color: #333;
    }
    .music-card-horizontal .music-chart-item strong::before { content: "Chart: "; color: #999; font-weight: normal; }
    .music-card-horizontal .music-country-item::before { content: "Country: "; color: #999; font-weight: normal; }
    .music-card-horizontal .music-month-year-item::before { content: "Month/Year: "; color: #999; font-weight: normal; }


    .music-chart-header .header-position,
    .music-card-horizontal .music-rank-item {
        order: 1; /* Position after chart/country */
        width: auto;
        font-size: 16px;
        font-weight: bold;
        color: #e63946; /* Highlight position */
        align-self: center; /* Center in the flex container */
    }

    .music-chart-header .header-cover,
    .music-card-horizontal .music-cover-item {
        order: 2; /* Position after rank */
        align-self: center; /* Center cover image */
        margin-right: 8px; /* Spacing between cover and info */
    }
    .music-cover-item img {
        width: 60px; /* Larger cover on mobile */
        height: 60px;
    }

    .music-chart-header .header-info,
    .music-card-horizontal .music-info-item {
        order: 3; /* Position after cover */
        flex: 1; /* Take remaining space */
        min-width: unset;
    }
    .music-card-horizontal .music-info-item .music-title-item {
        font-size: 16px;
    }
    .music-card-horizontal .music-info-item .music-artist-item {
        font-size: 14px;
    }

    .music-chart-header .header-links,
    .music-card-horizontal .music-links-wrapper {
        order: 4; /* Position last */
        align-self: flex-end; /* Align links to the right */
        flex-direction: row; /* Keep links horizontal for these charts to save space */
        gap: 6px;
    }
    .music-globe-links .music-link-button,
    .music-backdate-links .music-link-button {
        padding: 6px 8px; /* Adjust padding for easier tapping */
        width: 32px; /* Fixed width for icon only */
        height: 32px; /* Fixed height for icon only */
    }
    .music-globe-links .music-link-button svg,
    .music-backdate-links .music-link-button svg {
        width: 16px;
        height: 16px;
    }

    /* Combine info and position into one line to save vertical space */
    .music-card-horizontal {
        flex-direction: row; /* Change back to row for a compact display */
        flex-wrap: wrap; /* Allow wrapping */
        justify-content: space-between; /* Space out items */
    }

    .music-card-horizontal .music-chart-item,
    .music-card-horizontal .music-country-item,
    .music-card-horizontal .music-month-year-item {
        width: auto; /* Revert width */
        order: unset; /* Revert order */
        margin-bottom: 0;
        font-size: 12px; /* Smaller font for these labels */
        color: #999; /* Less prominent */
    }
    .music-card-horizontal .music-chart-item strong,
    .music-card-horizontal .music-country-item,
    .music-card-horizontal .music-month-year-item {
        display: inline; /* Keep on the same line */
        font-size: 12px;
    }
    .music-card-horizontal .music-chart-item strong::before,
    .music-card-horizontal .music-country-item::before,
    .music-card-horizontal .music-month-year-item::before {
        content: ""; /* Remove content, or make it a colon for brevity */
    }
    .music-card-horizontal .music-chart-item,
    .music-card-horizontal .music-country-item {
        flex-basis: 45%; /* Take up some space */
    }

    .music-card-horizontal .music-cover-item {
        order: unset;
        flex-shrink: 0;
    }
    .music-card-horizontal .music-info-item {
        order: unset;
        flex: 1; /* Take remaining space */
        min-width: 120px; /* Ensure info has enough space */
    }
    .music-card-horizontal .music-rank-item {
        order: unset;
        font-size: 18px; /* Slightly larger position */
        align-self: center;
        flex-shrink: 0; /* Prevent shrinking */
        margin-left: auto; /* Push to right */
    }
    .music-card-horizontal .music-links-wrapper {
        order: unset;
        align-self: center; /* Vertically align links */
        flex-shrink: 0; /* Prevent shrinking */
    }
    
    /* New structure for .music-card-horizontal on mobile to be more compact */
    .music-card-horizontal {
        display: grid;
        grid-template-columns: 60px 1fr auto; /* Cover | Info | Links & Rank */
        grid-template-areas:
            "cover info rank"
            "country monthyear links"; /* Adjusted for mobile readability */
        align-items: center;
        gap: 8px 12px; /* Row gap, column gap */
        padding: 10px;
    }
    .music-card-horizontal .music-cover-item { grid-area: cover; text-align: center; }
    .music-card-horizontal .music-info-item { grid-area: info; }
    .music-card-horizontal .music-rank-item { grid-area: rank; text-align: right; } /* Rank goes next to info */
    .music-card-horizontal .music-links-wrapper { grid-area: links; flex-direction: column; gap: 4px; align-items: flex-end;} /* Links go below rank */
    
    /* Elements to show below info */
    .music-card-horizontal .music-chart-item,
    .music-card-horizontal .music-country-item,
    .music-card-horizontal .music-month-year-item {
        font-size: 11px;
        color: #777;
        font-weight: normal;
        text-align: left;
        display: inline-block; /* Make them inline for compact display */
        margin-right: 8px; /* Small space between them */
    }
    /* Hide some header parts on mobile for the horizontal charts */
    .music-chart-header .header-cover,
    .music-chart-header .header-info,
    .music-chart-header .header-links {
        display: none; /* Hide these headers, as layout changes */
    }

    /* Show only the relevant headers for mobile Globe/Backdate charts */
    .music-globe-header {
        grid-template-columns: 1fr auto; /* Chart | Position */
        grid-template-areas: "chart position";
    }
    .music-globe-header .header-chart { grid-area: chart; text-align: left; }
    .music-globe-header .header-country { display: none; } /* Hide country header */
    .music-globe-header .header-position { grid-area: position; text-align: right; }

    .music-backdate-header {
        grid-template-columns: 1fr auto; /* Chart | Position */
        grid-template-areas: "chart position";
    }
    .music-backdate-header .header-chart { grid-area: chart; text-align: left; }
    .music-backdate-header .header-month-year { display: none; } /* Hide month/year header */
    .music-backdate-header .header-position { grid-area: position; text-align: right; }


    .music-card-horizontal .music-chart-item {
        grid-area: chart; /* Map to grid area */
        font-size: 14px;
        font-weight: bold;
        margin-right: 0;
    }
    .music-card-horizontal .music-country-item {
        grid-area: country;
        font-size: 12px;
        margin-right: 0;
    }
    .music-card-horizontal .music-month-year-item {
        grid-area: monthyear;
        font-size: 12px;
        margin-right: 0;
    }

    /* Ensure link buttons are small on mobile for these horizontal charts */
    .music-card-horizontal .music-links-wrapper .music-link-button {
        width: 28px;
        height: 28px;
        padding: 4px;
    }
    .music-card-horizontal .music-links-wrapper .music-link-button svg {
        width: 14px;
        height: 14px;
    }
}

/* Even smaller screens (e.g., iPhone 5/SE) */
@media (max-width: 480px) {
    .music-rank-number {
        font-size: 24px;
    }
    .music-cover-image {
        width: 60px;
        height: 60px;
    }
    .music-title {
        font-size: 14px;
    }
    .music-artist {
        font-size: 12px;
    }

    .music-link-button {
        width: 28px;
        height: 28px;
    }
    .music-link-button svg {
        width: 14px;
        height: 14px;
    }

    /* Adjust for VOKS GLOBE / BACK DATE on very small screens */
    .music-card-horizontal {
        grid-template-columns: 50px 1fr auto; /* Smaller cover */
    }
    .music-card-horizontal .music-cover-item img {
        width: 50px;
        height: 50px;
    }
    .music-card-horizontal .music-title-item {
        font-size: 14px;
    }
    .music-card-horizontal .music-artist-item {
        font-size: 12px;
    }
}

/* --- MOBILE SPECIFIC STYLES (Media Queries) - Revisi untuk Globe & Back Date Charts --- */
@media (max-width: 768px) {
    /* Umum untuk Header dan Card Horizontal */
    .music-chart-header,
    .music-card-horizontal {
        display: flex; /* Gunakan flexbox */
        flex-direction: column; /* Tumpuk item secara vertikal */
        align-items: flex-start; /* Sejajarkan ke kiri */
        gap: 8px; /* Jarak antar baris */
        padding: 10px;
    }

    .music-chart-header {
        font-size: 13px;
        background: #f0f0f0;
        border-radius: 8px;
        padding: 8px 10px;
    }
    
    .music-card-horizontal {
        font-size: 13px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.03);
    }

    /* Sembunyikan semua header kolom untuk Globe/Backdate chart di mobile */
    .music-chart-header div {
        display: none;
    }

    /* Tampilkan hanya judul utama chart di header mobile (opsional) */
    .music-globe-header::before {
        content: "VOKS GLOBE CHART"; /* Tampilkan sebagai teks biasa jika perlu */
        display: block;
        font-weight: bold;
        color: #333;
        font-size: 14px;
        margin-bottom: 4px;
    }
    .music-backdate-header::before {
        content: "BACK DATE CHART";
        display: block;
        font-weight: bold;
        color: #333;
        font-size: 14px;
        margin-bottom: 4px;
    }


    /* Atur tampilan setiap item lagu di Globe/Back Date Chart */
    .music-card-horizontal {
        /* Kita akan menata ulang dengan flexbox di dalam satu baris */
        flex-direction: row; /* Kembali ke horizontal untuk konten utama */
        flex-wrap: wrap; /* Izinkan wrapping jika terlalu panjang */
        justify-content: space-between; /* Untuk mendorong item ke tepi */
        align-items: center; /* Pusatkan secara vertikal */
        gap: 8px 12px; /* Row gap, column gap */
    }

    .music-card-horizontal .music-cover-item {
        order: 1; /* Paling kiri */
        flex-shrink: 0; /* Jangan menyusut */
        width: 60px; /* Ukuran gambar */
        height: 60px;
        text-align: center;
    }
    .music-card-horizontal .music-cover-item img {
        width: 100%;
        height: 100%;
        border-radius: 4px;
        object-fit: cover;
    }

    .music-card-horizontal .music-info-item {
        order: 2; /* Di tengah */
        flex-grow: 1; /* Ambil sisa ruang */
        min-width: 120px; /* Minimal lebar */
        /* Pastikan teks tidak terlalu kecil */
        font-size: 14px;
    }
    .music-card-horizontal .music-info-item .music-title-item {
        font-size: 15px; /* Lebih jelas untuk judul */
        font-weight: bold;
        line-height: 1.3;
    }
    .music-card-horizontal .music-info-item .music-artist-item {
        font-size: 13px; /* Lebih jelas untuk artis */
        color: #666;
        line-height: 1.3;
    }

    .music-card-horizontal .music-rank-item {
        order: 3; /* Paling kanan atas */
        flex-shrink: 0;
        font-size: 22px; /* Menonjolkan posisi */
        font-weight: 900;
        color: #e63946; /* Warna menonjol */
        text-align: right;
        min-width: 40px; /* Cukup untuk angka */
    }

    /* Informasi tambahan (Chart, Country, Month/Year) */
    .music-card-horizontal .music-chart-item,
    .music-card-horizontal .music-country-item,
    .music-card-horizontal .music-month-year-item {
        order: 4; /* Di baris baru di bawah */
        flex-basis: 100%; /* Ambil lebar penuh */
        font-size: 12px;
        color: #777;
        margin-top: 4px; /* Jarak dari baris atas */
        text-align: left;
    }
    .music-card-horizontal .music-chart-item strong {
        font-weight: normal; /* Untuk mencegah terlalu tebal */
    }
    /* Tambahkan label di depan (opsional, tapi bagus untuk kejelasan) */
    .music-card-horizontal .music-chart-item::before { content: "Chart: "; font-weight: bold; }
    .music-card-horizontal .music-country-item::before { content: "Country: "; font-weight: bold; }
    .music-card-horizontal .music-month-year-item::before { content: "Date: "; font-weight: bold; }


    .music-card-horizontal .music-links-wrapper {
        order: 5; /* Paling kanan bawah */
        flex-shrink: 0;
        display: flex;
        flex-direction: row; /* Biarkan tombol link sejajar horizontal */
        gap: 6px; /* Jarak antar tombol */
        margin-top: 4px; /* Jarak dari baris atas */
        align-items: center; /* Vertically align links */
        margin-left: auto; /* Pendorong ke kanan */
    }
    .music-card-horizontal .music-links-wrapper .music-link-button {
        width: 32px; /* Ukuran tombol link */
        height: 32px;
        padding: 4px;
    }
    .music-card-horizontal .music-links-wrapper .music-link-button svg {
        width: 16px;
        height: 16px;
    }

    /* Sembunyikan kolom header karena tata letak berubah total */
    .music-chart-header .header-cover,
    .music-chart-header .header-info,
    .music-chart-header .header-links,
    .music-chart-header .header-country, /* Sembunyikan Country header */
    .music-chart-header .header-month-year, /* Sembunyikan Month/Year header */
    .music-chart-header .header-position,
    .music-chart-header .header-chart { /* Sembunyikan Chart header juga jika pakai ::before */
        display: none;
    }
}

/* Penyesuaian untuk layar sangat kecil (misal iPhone SE, <= 375px) */
@media (max-width: 480px) {
    .music-card-horizontal .music-cover-item {
        width: 50px;
        height: 50px;
    }
    .music-card-horizontal .music-rank-item {
        font-size: 20px;
    }
    .music-card-horizontal .music-info-item {
        min-width: 100px;
    }
    .music-card-horizontal .music-info-item .music-title-item {
        font-size: 14px;
    }
    .music-card-horizontal .music-info-item .music-artist-item {
        font-size: 12px;
    }
    .music-card-horizontal .music-links-wrapper .music-link-button {
        width: 28px;
        height: 28px;
    }
    .music-card-horizontal .music-links-wrapper .music-link-button svg {
        width: 14px;
        height: 14px;
    }
}

/* --- Global Styles for Chart Plugin (Revisi Desktop) --- */

/* Penyesuaian font dan margin judul bagian chart */
.chart-section-title {
    margin-top: 40px;
    font-size: 24px; /* Perbesar judul bagian */
    font-weight: bold;
    margin-bottom: 20px; /* Tambah jarak bawah */
}

/* Header untuk VOKS GLOBE CHART & BACK DATE CHART */
.music-chart-header {
    display: grid;
    /* Sesuaikan lebar kolom untuk desktop */
    /* Contoh: Chart (100px), Country/MonthYear (100px), Position (80px), Cover (60px), Info (auto), Links (80px) */
    grid-template-columns: 100px 100px 80px 60px auto 80px; 
    gap: 15px; /* Tambah jarak antar kolom */
    padding: 12px 20px; /* Tambah padding */
    font-weight: bold;
    background: #f0f0f0;
    border-radius: 8px;
    align-items: center;
    font-size: 15px; /* Perbesar font header */
    color: #555;
    text-align: left; /* Default text-align */
}

/* Penyesuaian alignment spesifik untuk header */
.music-chart-header .header-position { text-align: center; } /* Posisi tetap di tengah */
.music-chart-header .header-cover { text-align: center; } /* Cover di tengah */
.music-chart-header .header-links { text-align: right; } /* Links di kanan */


/* Setiap baris data di VOKS GLOBE CHART & BACK DATE CHART */
.music-card-horizontal {
    display: grid;
    /* Sesuaikan lebar kolom agar sesuai dengan header */
    grid-template-columns: 100px 100px 80px 60px auto 80px;
    gap: 15px; /* Samakan dengan gap header */
    align-items: center;
    padding: 12px 20px; /* Samakan dengan padding header */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
    font-size: 15px; /* Perbesar font untuk info di baris */
}

/* Penyesuaian spesifik untuk elemen di baris horizontal */
.music-chart-item, .music-country-item, .music-rank-item, .music-month-year-item {
    white-space: nowrap; /* Cegah teks pindah baris */
    overflow: hidden;
    text-overflow: ellipsis; /* Tambah elipsis jika teks terlalu panjang */
    text-align: left; /* Default text-align */
    font-size: 15px; /* Pastikan ukuran font memadai */
}
.music-rank-item { text-align: center; font-weight: bold; } /* Posisi di tengah, tebal */

.music-cover-item img {
    width: 50px; /* Ukuran gambar yang konsisten */
    height: 50px;
    border-radius: 4px;
    object-fit: cover;
    display: block;
    margin: 0 auto; /* Tengah gambar */
}

.music-info-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 150px; /* Minimal lebar untuk info lagu */
    text-align: left;
}

.music-title-item {
    font-weight: bold;
    font-size: 16px; /* Perbesar judul lagu */
    line-height: 1.3;
}

.music-artist-item {
    font-size: 14px; /* Perbesar nama artis */
    color: #777;
    line-height: 1.3;
}

.music-globe-links,
.music-backdate-links {
    display: flex;
    justify-content: flex-end; /* Dorong tombol ke kanan */
    gap: 8px; /* Jarak antar tombol */
    flex-shrink: 0;
}

/* Ukuran tombol link untuk desktop */
.music-globe-links .music-link-button,
.music-backdate-links .music-link-button {
    padding: 6px;
    width: 36px; /* Ukuran tombol lebih besar */
    height: 36px;
}
.music-globe-links .music-link-button svg,
.music-backdate-links .music-link-button svg {
    width: 18px; /* Ukuran ikon lebih besar */
    height: 18px;
}

/* Pastikan styling mobile tidak terpengaruh */
/* Jangan ubah media query yang sudah ada. Ini adalah penyesuaian untuk desktop saja. *//* End custom CSS */