/* ========================================= DESKTOP SMALL ========================================= */
@media (max-width: 1200px) {
    .cofast-main-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .cofast-latest-stories-main-section {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Breaking News Responsive - Desktop Small */
    .breaking-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Category Left Styles Responsive - Desktop Small */
    /* Style 1 - Latest Stories Layout */
    .session-get-data.cofast-latest-stories-main-section {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Style 2 - Ports News Layout */
    .session-get-data.ports-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Style 4 - Shipping News Layout */
    .session-get-data.shipping-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* YouTube Videos Responsive - Desktop Small */
    .youtube-videos-section {
        width: 100% !important;
        max-width: 100% !important;
        /* padding-left: 15px !important;
        padding-right: 15px !important; */
        overflow-x: hidden !important;
    }

    .youtube-videos-container,
    #main-youtube-player,
    #youtube-player,
    #related-videos-content,
    .related-videos-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Trade Lanes Responsive - Desktop Small */
    .trade-lanes-section {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .trade-lanes-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}

/* ========================================= TABLET ========================================= */
@media (max-width: 992px) {
    .cofast-news-main-overlay h4 {
        font-size: 1.35rem !important;
        line-height: 1.35 !important;
    }
    .cofast-news-sidebar-overlay h6 {
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }
    .cofast-news-sidebar-overlay p {
        font-size: 1rem !important;
        line-height: 1.35 !important;
    }
    .cofast-news-main-overlay small,
    .cofast-news-sidebar-overlay small {
        font-size: 0.8rem !important;
    }
    .cofast-news-main-overlay .badge,
    .cofast-news-sidebar-overlay .badge {
        font-size: 0.7rem !important;
        padding: 5px 9px !important;
    }

    .hero-grid-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .cofast-news-main-featured-card {
        height: 360px !important;
    }

    .cofast-news-sidebar-top-item {
        height: 220px !important;
        margin-bottom: 8px !important;
    }

    .cofast-news-sidebar-bottom-item {
        height: 170px !important;
    }

    .cofast-news-main-featured-card img,
    .cofast-news-sidebar-top-item img,
    .cofast-news-sidebar-bottom-item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Latest Stories Responsive - Tablet */
    .cofast-latest-stories-main-section {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .cofast-latest-stories-main-image {
        width: 100% !important;
        height: 280px !important;
    }

    .cofast-latest-stories-main-heading {
        font-size: 1.3rem !important;
        line-height: 1.4 !important;
    }

    .cofast-latest-stories-sidebar-list {
        margin-top: 20px !important;
        width: 100% !important;
    }

    .cofast-latest-stories-sidebar-item {
        margin-bottom: 20px !important;
        padding: 10px !important;
    }

    .cofast-latest-stories-sidebar-image {
        width: 100px !important;
        height: 70px !important;
    }

    .cofast-latest-stories-sidebar-title {
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }

    /* .cofast-latest-stories-pagination {
        margin-top: 20px !important;
        justify-content: center !important;
    } */

    /* .cofast-latest-stories-pagination .btn {
        padding: 10px 15px !important;
        font-size: 1rem !important;
    } */

    /* Latest Stories Grid Layout - Tablet */
    #latest-stories-content .row {
        margin: 0 !important;
    }

    #latest-stories-content .col-lg-6 {
        padding: 0 10px !important;
    }

    #latest-stories-content .col-lg-6:first-child {
        margin-bottom: 20px !important;
    }

    /* Skeleton loading - Tablet */
    .skeleton-placeholder.cofast-latest-stories-main-image {
        height: 280px !important;
    }

    .skeleton-placeholder.cofast-latest-stories-sidebar-image {
        width: 100px !important;
        height: 70px !important;
    }

    /* Breaking News Responsive - Tablet */
    .breaking-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 70px !important;
    }

    .cofast-breaking-news-image {
        height: 160px !important;
    }

    .cofast-breaking-news-main-heading {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .cofast-breaking-news-badge {
        font-size: 9px !important;
        padding: 3px 7px !important;
        top: 150px !important;
        left: 8px !important;
    }

    .cofast-breaking-news-pagination {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        position: static !important;
        justify-content: start !important;
        gap: 8px !important;
    }

    /* Category Left Styles Responsive - Tablet */
    /* Style 1 - Latest Stories Layout */
    .session-get-data.cofast-latest-stories-main-section {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 70px !important;
    }

    .cofast-latest-stories-main-image {
        width: 100% !important;
        height: 280px !important;
    }

    .cofast-latest-stories-main-heading {
        font-size: 1.3rem !important;
        line-height: 1.4 !important;
    }

    .cofast-latest-stories-sidebar-list {
        margin-top: 20px !important;
        width: 100% !important;
        padding-left: 0 !important;
    }

    .cofast-latest-stories-sidebar-item {
        margin-bottom: 20px !important;
        padding: 10px !important;
    }

    .cofast-latest-stories-sidebar-image {
        width: 100px !important;
        height: 70px !important;
    }

    .cofast-latest-stories-sidebar-title {
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }

    /* .cofast-latest-stories-pagination {
        margin-top: 20px !important;
        justify-content: start !important;
    }

    .cofast-latest-stories-pagination .btn {
        padding: 10px 15px !important;
        font-size: 1rem !important;
    } */

    /* Style 2 - Ports News Layout */
    .session-get-data.ports-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 80px !important;
    }

    .ports-image {
        height: 140px !important;
    }

    .ports-title {
        font-size: 16px !important;
    }

    .ports-excerpt {
        font-size: 14px !important;
    }

    /* Style 4 - Shipping News Layout */
    .session-get-data.shipping-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 80px !important;
    }

    .shipping-news-section .cofast-latest-stories-main-image {
        height: 180px !important;
    }

    .shipping-news-section .cofast-latest-stories-main-badge {
        top: 150px !important;
    }

    /* YouTube Videos Responsive - Tablet */
    .youtube-videos-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        margin-bottom: 70px !important;
        overflow-x: hidden !important;
    }

    .youtube-videos-container,
    #main-youtube-player,
    #youtube-player,
    #related-videos-content,
    .related-videos-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    #youtube-player {
        height: 350px !important;
    }

    .youtube-videos-section .related-video-item {
        padding: 10px 0 !important;
        margin-bottom: 12px !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .youtube-videos-section .img-fluid {
        height: 80px !important;
        width: 120px !important;
        max-width: 100% !important;
    }

    .youtube-videos-section .video-title {
        font-size: 14px !important;
        line-height: 1.4 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .cofast-youtube-pagination {
        margin-top: 20px !important;
        justify-content: center !important;
    }

    .cofast-youtube-pagination .btn {
        padding: 10px 15px !important;
        font-size: 1rem !important;
    }

    /* Trade Lanes Responsive - Tablet */
    .trade-lanes-section {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 70px !important;
    }

    .trade-lanes-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .trade-lanes-grid {
        max-width: 100% !important;
    }

    .trade-lanes-grid .row {
        margin: 0 !important;
    }

    .trade-lanes-grid .col-6 {
        padding: 0 8px !important;
        margin-bottom: 15px !important;
    }

    .trade-lane-card {
        margin-bottom: 15px !important;
    }

    .trade-image img {
        width: 100% !important;
        height: 120px !important;
        max-width: 100% !important;
    }

    .trade-title {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin: 12px 0 !important;
    }
}

/* ========================================= TABLET SMALL ========================================= */
@media (max-width: 768px) {
    .cofast-news-main-featured-card {
        height: 300px !important;
        cursor: pointer;
    }

    .cofast-news-sidebar-top-item {
        height: 200px !important;
    }

    .cofast-news-sidebar-bottom-item {
        height: 150px !important;
    }

    .cofast-news-main-overlay h4 {
        font-size: 1.2rem !important;
    }

    .cofast-news-sidebar-overlay p {
        display: -webkit-box !important;
        font-size: 0.8rem !important;
    }

    .cofast-latest-stories-sidebar-list {
        padding-left: 0 !important;
        margin-top: 20px !important;
    }

    .cofast-latest-stories-main-image {
        height: 250px !important;
    }

    .cofast-latest-stories-main-heading {
        font-size: 1.1rem !important;
    }

    .cofast-latest-stories-sidebar-title {
        font-size: 0.9rem !important;
    }

    .cofast-newsletter-widget-box,
    .cofast-social-widget-box {
        padding: 15px !important;
    }

    .cofast-newsletter-main-heading {
        font-size: 1rem !important;
    }

    .cofast-social-icon-link {
        width: 40px !important;
        height: 40px !important;
        font-size: 1.1rem !important;
    }

    .featured-main-title {
        font-size: 1.4rem;
    }

    .featured-main-image {
        height: 300px;
    }

    .featured-overlay {
        padding: 20px 20px 20px;
    }

    .side-article-content {
        padding: 12px;
    }

    .side-title {
        font-size: 0.85rem;
    }

    .featured-title {
        font-size: 1.1rem;
    }

    .story-title {
        font-size: 1rem;
    }

    .sidebar-sticky {
        position: static;
        width: 100%;
    }

    /* Trade Lanes Responsive - Tablet Small */
    .trade-lanes-section {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-bottom: 60px !important;
    }

    .trade-lanes-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .trade-lanes-grid {
        max-width: 100% !important;
    }

    .trade-lanes-grid .row {
        margin: 0 !important;
    }

    .trade-lanes-grid .col-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin-bottom: 20px !important;
    }

    .trade-lane-card {
        margin-bottom: 0 !important;
        padding: 15px !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    .trade-image {
        margin-bottom: 12px !important;
    }

    .trade-image img {
        width: 100% !important;
        height: 180px !important;
        max-width: 100% !important;
        border-radius: 6px !important;
    }

    .trade-title {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        text-align: center !important;
        -webkit-line-clamp: 2 !important;
    }

    .cofast-main-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
        /* keep top spacing smaller on mobile if header is fixed */
        padding-top: 8.2rem !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    /* Prevent horizontal overflow on tablet small and smaller */
    .cofast-main-content * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .cofast-main-content .container,
    .cofast-main-content .row,
    .cofast-main-content .col {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Latest Stories Responsive - Tablet Small */
    .cofast-latest-stories-main-section {
        margin-bottom: 60px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .cofast-latest-stories-main-article {
        width: 100% !important;
        margin-bottom: 30px !important;
        padding-bottom: 12px !important;
    }

    .cofast-latest-stories-main-image {
        width: 100% !important;
        height: 240px !important;
    }

    .cofast-latest-stories-main-heading {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
        margin-top: 15px !important;
    }

    .cofast-latest-stories-main-author {
        font-size: 12px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5px !important;
    }

    .cofast-latest-stories-main-excerpt {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .cofast-latest-stories-sidebar-list {
        margin-top: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
    }

    .cofast-latest-stories-sidebar-item {
        flex-direction: column !important;
        text-align: center !important;
        padding: 15px !important;
        margin-bottom: 20px !important;
        background: #fff !important;
        border-radius: 8px !important;
    }

    .cofast-latest-stories-sidebar-image {
        width: 100% !important;
        height: 160px !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        border-radius: 6px !important;
    }

    .cofast-latest-stories-sidebar-title {
        font-size: 1rem !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    .cofast-latest-stories-sidebar-date {
        font-size: 11px !important;
    }

    /* .cofast-latest-stories-pagination {
        margin-top: 30px !important;
        justify-content: center !important;
        position: static !important;
    }

    .cofast-latest-stories-pagination .btn {
        padding: 12px 20px !important;
        font-size: 1.1rem !important;
        min-width: 50px !important;
    } */

    /* Latest Stories Grid Layout - Tablet Small */
    #latest-stories-content .row {
        margin: 0 !important;
        flex-direction: column !important;
    }

    #latest-stories-content .col-lg-6 {
        padding: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #latest-stories-content .col-lg-6:first-child {
        margin-bottom: 25px !important;
    }

    /* Ensure full width on smaller screens */
    .cofast-latest-stories-main-article,
    .cofast-latest-stories-sidebar-list {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Skeleton loading - Tablet Small */
    .skeleton-placeholder.cofast-latest-stories-main-image {
        height: 240px !important;
    }

    .skeleton-placeholder.cofast-latest-stories-sidebar-image {
        width: 100% !important;
        height: 160px !important;
    }

    /* Breaking News Responsive - Tablet Small */
    .breaking-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-bottom: 60px !important;
    }

    .cofast-breaking-news-image {
        height: 180px !important;
    }

    .cofast-breaking-news-main-article {
        margin-bottom: 20px !important;
    }

    .cofast-breaking-news-main-heading {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin-top: 12px !important;
    }

    .cofast-breaking-news-badge {
        font-size: 8px !important;
        padding: 3px 6px !important;
        top: 150px !important;
        left: 8px !important;
    }

    /* .cofast-breaking-news-pagination {
        margin-top: 25px !important;
        justify-content: start !important;
        position: static !important;
    }

    .cofast-breaking-news-pagination .btn {
        padding: 12px 18px !important;
        font-size: 1.1rem !important;
        min-width: 50px !important;
    } */

    /* Breaking News Grid Layout - Tablet Small */
    #breaking-news-content .row {
        margin: 0 !important;
    }

    #breaking-news-content .col-lg-4 {
        padding: 0 8px !important;
        margin-bottom: 15px !important;
    }

    /* Category Left Styles Responsive - Tablet Small */
    /* Style 1 - Latest Stories Layout */
    .session-get-data.cofast-latest-stories-main-section {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-bottom: 60px !important;
    }

    .cofast-latest-stories-main-article {
        margin-bottom: 30px !important;
    }

    .cofast-latest-stories-main-image {
        width: 100% !important;
        height: 240px !important;
    }

    .cofast-latest-stories-main-heading {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
        margin-top: 15px !important;
    }

    .cofast-latest-stories-main-author {
        font-size: 12px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5px !important;
    }

    .cofast-latest-stories-main-excerpt {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .cofast-latest-stories-sidebar-list {
        margin-top: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
    }

    .cofast-latest-stories-sidebar-item {
        flex-direction: column !important;
        text-align: left !important;
        padding: 15px !important;
        margin-bottom: 20px !important;
        background: #fff !important;
        border-radius: 8px !important;
    }

    .cofast-latest-stories-sidebar-image {
        width: 100% !important;
        height: 160px !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        border-radius: 6px !important;
    }

    .cofast-latest-stories-sidebar-title {
        font-size: 1rem !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    /* .cofast-latest-stories-pagination {
        margin-top: 25px !important;
        justify-content: start !important;
        position: static !important;
    }

    .cofast-latest-stories-pagination .btn {
        padding: 12px 18px !important;
        font-size: 1.1rem !important;
        min-width: 50px !important;
    } */

    /* Style 2 - Ports News Layout */
    .session-get-data.ports-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-bottom: 70px !important;
    }

    .ports-news-card {
        margin-bottom: 20px !important;
    }

    .ports-image {
        height: 160px !important;
    }

    .ports-content {
        padding: 15px !important;
        text-align: left !important;
    }

    .ports-title {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    .ports-excerpt {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    /* Style 4 - Shipping News Layout */
    .session-get-data.shipping-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-bottom: 70px !important;
    }

    .shipping-news-section .row {
        margin: 0 !important;
    }

    .shipping-news-section .col-lg-6 {
        padding: 0 8px !important;
        margin-bottom: 20px !important;
    }

    .shipping-news-section .cofast-latest-stories-main-image {
        height: 200px !important;
    }

    .shipping-news-section .cofast-latest-stories-main-badge {
        top: 170px !important;
        left: 18px !important;
    }

    .shipping-news-section .cofast-latest-stories-sidebar-list {
        margin-top: 20px !important;
    }

    /* YouTube Videos Responsive - Tablet Small */
    .youtube-videos-section {
        width: 100% !important;
        max-width: 100% !important;
        /* padding-left: 12px !important;
        padding-right: 12px !important; */
        margin-bottom: 60px !important;
        overflow-x: hidden !important;
    }

    .youtube-videos-container,
    #main-youtube-player,
    #youtube-player,
    #related-videos-content,
    .related-videos-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    #youtube-player {
        height: 320px !important;
    }

    .youtube-videos-section .related-video-item {
        padding: 12px 0 !important;
        margin-bottom: 15px !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .youtube-videos-section .video-thumbnail {
        margin-right: 12px !important;
        max-width: 100% !important;
    }

    .youtube-videos-section .img-fluid {
        height: 90px !important;
        width: 140px !important;
        max-width: 100% !important;
        border-radius: 6px !important;
    }

    .youtube-videos-section .video-title {
        font-size: 15px !important;
        line-height: 1.4 !important;
        margin-bottom: 8px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .youtube-videos-section .cofast-latest-stories-main-author {
        font-size: 12px !important;
    }

    .cofast-youtube-pagination {
        margin-top: 25px !important;
        justify-content: start !important;
        position: static !important;
    }

    .cofast-youtube-pagination .btn {
        padding: 12px 18px !important;
        font-size: 1.1rem !important;
        min-width: 50px !important;
    }
}


/* ========================================= RESPONSIVE STYLES (MOBILE) ========================================= */
@media (max-width: 576px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hero-grid-section,
    .cofast-main-content {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        overflow-x: hidden !important;
    }

    .cofast-main-content .container,
    .cofast-main-content .row,
    .cofast-main-content .col,
    .youtube-videos-container,
    #main-youtube-player,
    #youtube-player,
    #related-videos-content,
    .related-videos-list {
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    /* Prevent horizontal overflow on mobile */
    .cofast-main-content * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* --- SIDEBAR & WIDGETS --- */

    .sidebar-sticky {
        width: 100% !important;
        padding: 0px 12px 0px 6px !important;
        margin-left: 8px;
    }

    .cofast-pagination,
    .cofast-latest-stories-pagination,
    .cofast-breaking-news-pagination,
    .cofast-youtube-pagination {
        position: static !important; /* Đã thống nhất vị trí tĩnh */
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        gap: 8px !important; /* Thống nhất khoảng cách nút */
        justify-content: start !important;
    }

    .cofast-latest-stories-pagination .btn,
    .cofast-breaking-news-pagination .btn,
    .cofast-youtube-pagination .btn {
        font-size: 1rem !important;
        border-radius: 6px !important;
    }

    .cofast-newsletter-widget-box,
    .cofast-social-widget-box {
        padding: 12px !important;
    }

    .cofast-social-icon-link {
        width: 35px !important;
        height: 35px !important;
        font-size: 1rem !important;
    }

    /* --- TYPOGRAPHY & BADGES --- */

    /* Headings */
    .cofast-news-main-overlay h4 {
        font-size: 2rem !important;
        line-height: 1.3 !important;
    }

    .cofast-news-sidebar-overlay h6 {
        font-size: 1.5rem !important;
        line-height: 1.25 !important;
    }

    .cofast-latest-stories-main-heading {
        font-size: 1.8rem !important;
        line-height: 1.3 !important;
    }

    .featured-main-title,
    .section-title {
        font-size: 1.2rem;
    }

    /* Small Text & Paragraphs */
    .cofast-news-sidebar-overlay p,
    .cofast-latest-stories-main-excerpt {
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }

    .cofast-news-sidebar-overlay p {
        font-size: 12px !important;
    }

    .cofast-news-main-overlay small,
    .cofast-news-sidebar-overlay small {
        font-size: 1rem !important;
    }

    .cofast-newsletter-main-heading {
        font-size: 0.95rem !important;
    }

    .cofast-newsletter-description {
        font-size: 0.8rem !important;
    }

    /* Badges & Accents */
    .cofast-news-main-overlay .badge,
    .cofast-news-sidebar-overlay .badge {
        font-size: 0.8rem !important;
        padding: 4px 8px !important;
    }

    .title-accent {
        font-size: 0.9rem;
        padding: 6px 12px;
    }

    /* --- FEATURED & NEWS CARDS --- */

    .cofast-news-main-featured-card {
        height: 250px !important;
        cursor: pointer;
    }

    .cofast-news-sidebar-top-item {
        height: 180px !important;
    }

    .cofast-news-sidebar-bottom-item {
        height: 120px !important;
    }

    .featured-main-image {
        height: 250px;
    }

    .side-article-image {
        height: 80px;
    }

    .side-title {
        font-size: 0.8rem;
        -webkit-line-clamp: 2;
    }

    /* --- LATEST STORIES (General & Category Left Style 1) --- */

    .cofast-latest-stories-main-section,
    .session-get-data.cofast-latest-stories-main-section {
        margin-bottom: 50px !important;
        padding-left: 10px !important;
        padding-right: 8px !important;
        max-width: 100% !important;
    }

    .cofast-latest-stories-section-header {
        margin-bottom: 20px !important;
    }

    .cofast-latest-stories-section-title {
        font-size: 12px !important;
        padding: 5px 10px !important;
    }

    .cofast-latest-stories-main-article {
        width: 100% !important;
        margin-bottom: 25px !important;
        padding: 0 0 12px 0 !important;
    }

    /* Main Article Image & Badge */
    .cofast-latest-stories-main-image,
    .skeleton-placeholder.cofast-latest-stories-main-image {
        width: 100% !important;
        height: 200px !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .cofast-latest-stories-main-badge {
        font-size: 8px !important;
        padding: 3px 6px !important;
        top: 170px !important;
        left: 8px !important;
    }

    /* Main Article Heading & Excerpt */
    .cofast-latest-stories-main-heading {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin-top: 12px !important;
        margin-bottom: 8px !important;
        padding: 0 12px !important;
    }

    .cofast-latest-stories-main-excerpt {
        font-size: 12px !important;
        line-height: 1.4 !important;
        -webkit-line-clamp: 3 !important;
        padding: 0 12px 0 12px !important; /* Chỉ thêm padding bottom */
    }

    /* Sidebar List Items */
    .cofast-latest-stories-sidebar-list {
        margin-top: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
    }

    .cofast-latest-stories-sidebar-item {
        flex-direction: column !important;
        text-align: left !important; /* Giữ left cho sidebar */
        padding: 0 0 12px 0 !important; /* Tùy chỉnh padding riêng cho nội dung */
        margin-bottom: 15px !important;
        background: #fff !important;
        border-radius: 6px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    .cofast-latest-stories-sidebar-image,
    .skeleton-placeholder.cofast-latest-stories-sidebar-image {
        width: 100% !important;
        height: 140px !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .cofast-latest-stories-sidebar-title {
        font-size: 0.9rem !important; /* Dùng 0.9rem cho Latest Stories Sidebar */
        line-height: 1.25 !important;
        margin-bottom: 8px !important;
        -webkit-line-clamp: 2 !important;
        padding: 0 12px !important;
    }

    /* Author & Meta Info (Latest Stories) */
    .cofast-latest-stories-main-author {
        font-size: 10px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 3px !important;
        margin-bottom: 8px !important;
        padding-left: 12px !important;
    }

    .cofast-latest-stories-main-info,
    .cofast-latest-stories-sidebar-date {
        font-size: 10px !important;
        padding: 0 12px !important;
    }

    .cofast-latest-stories-main-info {
        padding-right: 12px;
    }

    .cofast-latest-stories-sidebar-info {
        font-size: 9px !important;
        justify-content: start !important;
        padding-right: 12px !important;
    }

    /* --- BREAKING NEWS (Style 3) --- */

    .breaking-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 50px !important;
    }

    .cofast-breaking-news-main-article {
        margin-bottom: 20px !important;
        background: #f8f9fa !important;
        padding: 0 0 4px 0 !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    .cofast-breaking-news-image {
        height: 160px !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .cofast-breaking-news-main-heading {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin-top: 10px !important;
        margin-bottom: 8px !important;
        -webkit-line-clamp: 2 !important;
        padding: 0 12px;
    }

    .cofast-breaking-news-badge {
        font-size: 7px !important;
        padding: 2px 5px !important;
        top: 140px !important;
        left: 10px !important;
        border-radius: 3px !important;
    }

    /* --- PORTS NEWS (Style 2) --- */

    .session-get-data.ports-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 50px !important;
    }

    .ports-news-card {
        margin-bottom: 20px !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    .ports-image {
        width: 100% !important;
        height: 180px !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .ports-content {
        text-align: left !important;
    }

    .ports-title,
    .cofast-latest-stories-sidebar-title {
        /* Gom Title Shipping & Ports */
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    .ports-excerpt {
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin-bottom: 10px !important;
    }

    .ports-meta {
        font-size: 11px !important;
        justify-content: start !important;
    }

    /* --- SHIPPING NEWS (Style 4) --- */
    .shipping-news-section {
        padding: 12px 12px 12px 20px !important;
    }

    .shipping-news-section .row {
        padding-left: 0 !important;
    }

    .cofast-latest-articles-main-article {
        width: 100% !important;
    }

    .cofast-latest-articles-main-article img {
        width: 100% !important;
    }

    .session-get-data.shipping-news-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 50px !important;
    }

    .shipping-news-section .cofast-latest-stories-main-article {
        background: #fff !important;
        padding: 0 0 12px 0 !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
        margin-bottom: 20px !important;
    }

    .shipping-news-section .cofast-latest-stories-main-image {
        height: 180px !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .shipping-news-section .cofast-latest-stories-main-badge {
        top: 150px !important;
        left: 18px !important;
        font-size: 8px !important;
        padding: 3px 6px !important;
    }

    .shipping-news-section .cofast-latest-stories-main-heading {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .shipping-news-section .cofast-latest-stories-sidebar-list {
        margin-top: 15px !important;
        padding-left: 0 !important;
    }

    .shipping-news-section .cofast-latest-stories-sidebar-item {
        background: #ffffff !important;
        border-radius: 6px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
        margin-bottom: 12px !important;
        padding: 0 0 12px 0 !important;
    }

    /* --- YOUTUBE VIDEOS --- */

    .youtube-videos-section {
        max-width: 100% !important;
        margin-bottom: 50px !important;
        overflow-x: hidden !important;
        padding: 0 12px;
    }

    .youtube-videos-section .row {
        padding-left: 6px;
    }

    #youtube-player {
        height: 250px !important;
        border-radius: 8px !important;
    }

    #main-video-title {
        font-size: 1.1rem !important;
        line-height: 1.3 !important;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .youtube-videos-section .related-video-item {
        flex-direction: column !important;
        padding: 0 0 12px 0 !important;
        margin-bottom: 15px !important;
        background: #fff !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .youtube-videos-section .video-thumbnail {
        margin-right: 0 !important;
        margin-bottom: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .youtube-videos-section .img-fluid {
        width: 100% !important;
        height: 180px !important;
        max-width: 100% !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .youtube-videos-section .video-info {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .youtube-videos-section .video-title {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .youtube-videos-section .cofast-latest-stories-main-author {
        font-size: 11px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5px !important;
    }

    /* --- TRADE LANES --- */

    .trade-lanes-section {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 50px !important;
    }

    .trade-lanes-content,
    .trade-lanes-grid,
    .trade-lanes-grid .row {
        max-width: 100% !important;
        overflow-x: hidden !important;
        margin: 0 !important;
    }

    .trade-lanes-grid .col-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin-bottom: 15px !important;
    }

    .trade-lane-card {
        margin-bottom: 0 !important;
        padding: 0 0 12px 0 !important;
        background: #fff !important;
        border-radius: 6px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    }

    .trade-image {
        margin-bottom: 10px !important;
    }

    .trade-image img {
        width: 100% !important;
        height: 160px !important;
        max-width: 100% !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .trade-title {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        text-align: left !important;
        -webkit-line-clamp: 2 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        padding: 0 12px !important;
    }

    /* --- LAYOUT OPTIMIZATION (No-Code Grid Fixes) --- */

    /* Force columns to stack */
    #latest-stories-content .row,
    #breaking-news-content .row,
    .shipping-news-section .row,
    .ports-news-card .row {
        margin: 0 !important;
        flex-direction: column !important;
    }

    #latest-stories-content .col-lg-6,
    #breaking-news-content .col-lg-4,
    #breaking-news-content .col-md-6,
    .shipping-news-section .col-lg-6,
    .ports-news-card .col-md-4,
    .ports-news-card .col-md-8 {
        padding: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* Fix spacing between stacked sections */
    #latest-stories-content .col-lg-6:first-child {
        margin-bottom: 20px !important;
    }

    .shipping-news-section .col-lg-6 {
        margin-top: 8px;
        margin-bottom: 0px !important;
    }

    /* --- MOBILE INTERACTION & APPEARANCE --- */

    .skeleton-placeholder {
        border-radius: 6px !important;
    }

    .skeleton-text {
        border-radius: 4px !important;
    }

    /* Uniform Border/Shadow for Articles */
    .cofast-latest-stories-main-article,
    .cofast-latest-stories-sidebar-item,
    .ports-news-card,
    .cofast-breaking-news-main-article {
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
        border: 1px solid #e3e3e3;
        border-radius: 8px !important;
    }

    /* Remove hover effects on mobile */
    .cofast-latest-stories-sidebar-item:hover,
    .cofast-breaking-news-main-article:hover,
    .youtube-videos-section .related-video-item:hover {
        transform: none !important;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    }

    .container-link-article,
    .container-link-article .cofast-breaking-news-main-article {
        display: block !important;
        width: 100% !important;
    }

    /* FOOTER */
    #footer-news-sections-container {
        padding: 0px 12px 0 20px;
    }

    #footer-news-sections-container .col-lg-4 {
        padding-right: 0 !important;
        padding-left: 8px !important;
    }

    /* MOST READ */
    #most-read-section .article-title {
        font-size: 12px !important;
        padding: 0 12px !important;
    }

    #most-read-section .featured-most-read {
        border: 1px solid #e3e3e3;
        border-radius: 8px;
        padding: 0 0 10px 0 !important;
    }

    #most-read-section .article-excerpt {
        padding: 0 12px !important;
    }

    /* DETAIL */
    .news-detail {
        width: 100% !important;
    }

    .news-detail .container-news .col-12.col-md-4 {
        padding-left: 0 !important;
    }

    .news-detail .share-btn-text {
        display: none !important;
    }

    .news-group-share-button .share-btn i {
        margin-right: 0 !important;
    }
}