/* ==========================================
BS360NEWS - HEADER AND BRAND
========================================== */

* {
    box-sizing: border-box;
}

/* BS360NEWS HEADER LOGO FIX */

.bs-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.bs-brand > a {
    display: block;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    line-height: 0;
}

.bs-logo {
    display: block;
    width: 48px;
    height: 48px;
    max-width: 48px;
    object-fit: contain;
}

/* BS 360 NEWS TITLE */
.bs-brand-title {
    font-size: 22px;
    line-height: 1.15;
    font-weight: 900;
}

/* TAGLINE */
.bs-tagline {
    margin-top: 3px;
    font-size: 11px;
    line-height: 1.3;
}

/* MOBILE */
@media (max-width: 700px) {
    .bs-brand > a {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .bs-logo {
        width: 40px;
        height: 40px;
        max-width: 40px;
    }

    .bs-brand-title {
        font-size: 18px;
    }

    .bs-tagline {
        font-size: 10px;
    }
}

/* SMALL MOBILE */
@media (max-width: 400px) {
    .bs-brand > a {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }

    .bs-logo {
        width: 36px;
        height: 36px;
        max-width: 36px;
    }

    .bs-brand-title {
        font-size: 16px;
    }
}





body {
margin: 0;
font-family: Arial, "Noto Sans Telugu", sans-serif;
background: #fff;
color: #111;
}

/* HEADER */

.bs-header {
width: 100%;
background: #fff;
color: #000;
border-bottom: 1px solid #ddd;
}

.bs-header-top {
width: 100%;
max-width: 1250px;
min-height: 82px;
margin: 0 auto;
padding: 12px 22px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}

/* BRAND AND LOGO */

.bs-brand {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}

.bs-brand > a {
display: block;
flex-shrink: 0;
line-height: 0;
}

.bs-logo {
display: block;
width: 54px;
height: 54px;
max-width: 54px;
object-fit: contain;
}

.bs-brand-name {
display: flex;
flex-direction: column;
min-width: 0;
}

.bs-brand-name > a {
text-decoration: none;
}

.bs-brand-title {
display: inline-flex;
align-items: center;
text-decoration: none;
font-size: 25px;
line-height: 1.1;
font-weight: 900;
letter-spacing: -0.5px;
}

.brand-bs,
.brand-news {
color: #111;
}

.brand-360 {
color: #e60000;
margin-left: 3px;
}

.bs-tagline {
margin-top: 4px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
color: #555;
}

/* HEADER ACTIONS */

.bs-header-actions {
display: flex;
align-items: center;
gap: 18px;
flex-shrink: 0;
}

.bs-dark-btn {
padding: 8px 14px;
border: 1px solid #222;
border-radius: 20px;
background: #fff;
color: #000;
font-size: 13px;
font-weight: 700;
cursor: pointer;
}

.bs-dark-btn:hover {
background: #000;
color: #fff;
}

/* LIVE INDICATOR */

.bs-live {
display: flex;
align-items: center;
gap: 7px;
color: #000;
font-size: 13px;
font-weight: 900;
}

.bs-live-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #e60000;
animation: bsLivePulse 1.2s infinite;
}

@keyframes bsLivePulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.25; }
}

/* NAVIGATION */

.bs-navigation {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
overflow-x: auto;
border-top: 1px solid #eee;
border-bottom: 1px solid #ddd;
scrollbar-width: none;
}

.bs-navigation::-webkit-scrollbar {
display: none;
}

.bs-navigation a {
padding: 14px 24px;
border-right: 1px solid #eee;
color: #000;
text-decoration: none;
font-size: 14px;
font-weight: 800;
white-space: nowrap;
transition: 0.2s ease;
}

.bs-navigation a:first-child {
border-left: 1px solid #eee;
}

.bs-navigation a:hover {
background: #000;
color: #fff;
}

/* HEADLINES BAR */

.headlines-bar {
width: 100%;
border-bottom: 1px solid #ddd;
background: #f5f5f5;
}

.headlines-bar .container {
display: flex;
align-items: center;
gap: 14px;
max-width: 1400px;
margin: 0 auto;
padding: 10px 16px;
}

.headlines-label {
flex-shrink: 0;
color: #e60000;
font-size: 12px;
font-weight: 900;
}

.headlines-text {
font-size: 13px;
line-height: 1.5;
}

/* DARK MODE HEADER */

body.dark-mode .bs-header {
background: #111;
color: #fff;
border-color: #333;
}

body.dark-mode .brand-bs,
body.dark-mode .brand-news {
color: #fff;
}

body.dark-mode .brand-360 {
color: #ff3333;
}

body.dark-mode .bs-tagline {
color: #aaa;
}

body.dark-mode .bs-dark-btn {
background: #111;
color: #fff;
border-color: #777;
}

body.dark-mode .bs-dark-btn:hover {
background: #fff;
color: #000;
}

body.dark-mode .bs-live {
color: #fff;
}

body.dark-mode .bs-navigation {
border-color: #333;
}

body.dark-mode .bs-navigation a {
color: #fff;
border-color: #333;
}

body.dark-mode .bs-navigation a:hover {
background: #fff;
color: #000;
}

body.dark-mode .headlines-bar {
background: #191919;
border-color: #333;
}

/* MOBILE HEADER */

@media (max-width: 700px) {
.bs-header-top {
min-height: 68px;
padding: 9px 12px;
}

.bs-logo {  
    width: 42px;  
    height: 42px;  
    max-width: 42px;  
}  

.bs-brand {  
    gap: 8px;  
}  

.bs-brand-title {  
    font-size: 19px;  
}  

.bs-tagline {  
    font-size: 9px;  
    margin-top: 2px;  
}  

.bs-header-actions {  
    gap: 8px;  
}  

.bs-dark-btn {  
    padding: 6px 9px;  
    font-size: 11px;  
}  

.bs-live {  
    gap: 4px;  
    font-size: 10px;  
}  

.bs-live-dot {  
    width: 6px;  
    height: 6px;  
}  

.bs-navigation {  
    justify-content: flex-start;  
}  

.bs-navigation a {  
    padding: 12px 15px;  
    font-size: 12px;  
}  

.headlines-bar .container {  
    align-items: flex-start;  
    flex-direction: column;  
    gap: 5px;  
    padding: 10px 12px;  
}  

.headlines-text {  
    font-size: 12px;  
}

}

/* VERY SMALL MOBILE */

@media (max-width: 400px) {
.bs-tagline {
display: none;
}

.bs-brand-title {  
    font-size: 17px;  
}  

.bs-logo {  
    width: 38px;  
    height: 38px;  
    max-width: 38px;  
}

}

/* ==========================================
BS360NEWS - HOMEPAGE LAYOUT
LAPTOP: TOP | MORE TOP | LATEST | TRENDING
ENTERTAINMENT: BELOW FIRST TWO COLUMNS
========================================== */

.homepage-news-layout {
display: grid;
grid-template-columns:
minmax(0, 1.2fr)
minmax(0, 1fr)
minmax(0, 1fr)
minmax(0, 1fr);
gap: 16px;
width: 100%;
max-width: 1400px;
margin: 20px auto;
padding: 0 16px;
align-items: start;
}

.homepage-news-layout > * {
min-width: 0;
}

.section-heading {
font-size: 19px;
font-weight: 800;
margin: 0 0 14px;
padding-bottom: 8px;
border-bottom: 2px solid #e60000;
}

.homepage-news-layout a {
color: inherit;
text-decoration: none;
}

.homepage-news-layout a:hover {
color: #e60000;
}

.homepage-news-layout img {
display: block;
max-width: 100%;
object-fit: cover;
}

/* TOP NEWS MAIN IMAGE */

.main-top-article {
margin-bottom: 16px;
}

.main-top-article img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}

.main-top-article h3 {
font-size: 21px;
line-height: 1.4;
margin: 10px 0 6px;
}

.main-top-article p {
font-size: 14px;
line-height: 1.7;
margin: 0;
}

/* MORE TOP NEWS TEXT ARTICLES */

.top-bottom-section {
width: 100%;
margin-top: 16px;
}

.top-bottom-articles {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}

.bottom-news-card {
padding: 10px 0;
border-bottom: 1px solid #ddd;
}

.bottom-news-card h3 {
font-size: 14px;
line-height: 1.5;
margin: 0 0 5px;
}

.bottom-news-card p {
font-size: 12px;
line-height: 1.6;
margin: 0;
}

/* MORE TOP NEWS - TEXT LEFT, IMAGE RIGHT */

.top-side-article {
display: flex;
align-items: center;
gap: 9px;
padding-bottom: 13px;
margin-bottom: 13px;
border-bottom: 1px solid #ddd;
}

.top-side-article .article-text {
flex: 1;
min-width: 0;
}

.top-side-article h3 {
font-size: 14px;
line-height: 1.5;
margin: 0 0 5px;
}

.top-side-article p {
font-size: 12px;
line-height: 1.5;
margin: 0;
}

.top-side-article > a {
flex: 0 0 76px;
}

.top-side-article img {
width: 76px;
height: 65px;
object-fit: cover;
}

/* LATEST AND TRENDING */

.latest-news-item,
.trending-news-item {
margin-bottom: 17px;
padding-bottom: 13px;
border-bottom: 1px solid #ddd;
}

.latest-news-item img,
.trending-news-item img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}

.latest-news-item h3,
.trending-news-item h3 {
font-size: 14px;
line-height: 1.5;
margin: 7px 0 5px;
}

.latest-news-item p,
.trending-news-item p {
font-size: 12px;
line-height: 1.6;
margin: 0;
}

/* ==========================================
LAPTOP: TWO-COLUMN GROUP ON LEFT
IMPORTANT HTML STRUCTURE:
.top-news-group
.top-main-column
.top-side-column
#entertainmentSection
========================================== */

@media (min-width: 1051px) {

.homepage-news-layout {  
    grid-template-columns:  
        minmax(0, 1.2fr)  
        minmax(0, 1fr)  
        minmax(0, 1fr)  
        minmax(0, 1fr);  
    column-gap: 16px;  
    row-gap: 24px;  
    align-items: start;  
}  

/* Group uses the first two outer columns */  
.top-news-group {  
    grid-column: 1 / 3;  
    grid-row: 1;  
    display: grid;  
    grid-template-columns:  
        minmax(0, 1.2fr)  
        minmax(0, 1fr);  
    column-gap: 16px;  
    row-gap: 24px;  
    min-width: 0;  
    align-items: start;  
}  

.top-news-group > .top-main-column {  
    grid-column: 1;  
    grid-row: 1;  
    min-width: 0;  
}  

.top-news-group > .top-side-column {  
    grid-column: 2;  
    grid-row: 1;  
    min-width: 0;  
}  

/* Entertainment sits below both left columns */  
.top-news-group > #entertainmentSection {  
    grid-column: 1 / 3;  
    grid-row: 2;  
    width: 100%;  
    min-width: 0;  
    margin: 0;  
    padding: 0;  
}  

/* Latest and Trending remain in columns 3 and 4 */  
.homepage-news-layout > #latestSection {  
    grid-column: 3;  
    grid-row: 1;  
    min-width: 0;  
}  

.homepage-news-layout > #trendingSection {  
    grid-column: 4;  
    grid-row: 1;  
    min-width: 0;  
}  

/* Entertainment heading */  
#entertainmentSection > h2,  
#entertainmentSection > .section-heading {  
    font-size: 21px;  
    margin: 0 0 14px;  
    padding-bottom: 9px;  
    border-bottom: 2px solid #e60000;  
}  

/* First entertainment row: big image + four small stories */  
#entertainmentSection .entertainment-layout {  
    display: grid;  
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);  
    gap: 14px;  
    width: 100%;  
    align-items: start;  
}  

#entertainmentSection .entertainment-featured {  
    min-width: 0;  
}  

#entertainmentSection .entertainment-featured img {  
    width: 100%;  
    height: 230px;  
    aspect-ratio: auto;  
    object-fit: cover;  
}  

#entertainmentSection .entertainment-featured h3 {  
    font-size: 18px;  
    line-height: 1.5;  
    margin: 8px 0;  
}  

#entertainmentSection .entertainment-small-grid {  
    display: grid;  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 14px 12px;  
    width: 100%;  
    min-width: 0;  
}  

#entertainmentSection .entertainment-small-grid article {  
    min-width: 0;  
    width: 100%;  
}  

#entertainmentSection .entertainment-small-grid img {  
    width: 100%;  
    height: 105px;  
    aspect-ratio: auto;  
    object-fit: cover;  
}  

#entertainmentSection .entertainment-small-grid h3,  
#entertainmentSection .entertainment-bottom-grid h3 {  
    font-size: 13px;  
    line-height: 1.45;  
    margin: 6px 0;  
}  

/* Four additional stories underneath */  
#entertainmentSection .entertainment-bottom-grid {  
    display: grid;  
    grid-template-columns: repeat(4, minmax(0, 1fr));  
    gap: 12px;  
    width: 100%;  
    margin-top: 16px;  
}  

#entertainmentSection .entertainment-bottom-grid article {  
    min-width: 0;  
}  

#entertainmentSection .entertainment-bottom-grid img {  
    width: 100%;  
    height: 100px;  
    aspect-ratio: auto;  
    object-fit: cover;  
}

}

/* ==========================================
TABLET
========================================== */

@media (min-width: 701px) and (max-width: 1050px) {

.homepage-news-layout {  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 22px 14px;  
}  

.top-news-group {  
    grid-column: 1 / -1;  
    display: grid;  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 20px 14px;  
    min-width: 0;  
}  

.top-news-group > .top-main-column {  
    grid-column: 1;  
    grid-row: 1;  
}  

.top-news-group > .top-side-column {  
    grid-column: 2;  
    grid-row: 1;  
}  

.top-news-group > #entertainmentSection {  
    grid-column: 1 / -1;  
    grid-row: 2;  
    min-width: 0;  
}  

.homepage-news-layout > #latestSection {  
    grid-column: 1;  
}  

.homepage-news-layout > #trendingSection {  
    grid-column: 2;  
}  

#entertainmentSection .entertainment-layout {  
    display: grid;  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 12px;  
}  

#entertainmentSection .entertainment-small-grid {  
    display: grid;  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 12px;  
}  

#entertainmentSection .entertainment-bottom-grid {  
    display: grid;  
    grid-template-columns: repeat(4, minmax(0, 1fr));  
    gap: 10px;  
    margin-top: 14px;  
}  

#entertainmentSection img {  
    width: 100%;  
    height: auto;  
    aspect-ratio: 4 / 3;  
    object-fit: cover;  
}

}

/* ==========================================
MOBILE
========================================== */

@media (max-width: 700px) {

.homepage-news-layout {  
    display: flex;  
    flex-direction: column;  
    gap: 24px;  
    margin: 14px auto;  
    padding: 0 12px;  
}  

.top-news-group {  
    display: flex;  
    flex-direction: column;  
    gap: 24px;  
    width: 100%;  
    min-width: 0;  
}  

.top-news-group > .top-main-column,  
.top-news-group > .top-side-column,  
.top-news-group > #entertainmentSection,  
.homepage-news-layout > #latestSection,  
.homepage-news-layout > #trendingSection {  
    width: 100%;  
    min-width: 0;  
}  

.section-heading {  
    font-size: 18px;  
}  

.main-top-article img {  
    width: 100%;  
    height: auto;  
    aspect-ratio: 16 / 9;  
}  

.main-top-article h3 {  
    font-size: 19px;  
}  

.top-bottom-articles {  
    grid-template-columns: 1fr;  
}  

.top-side-article > a {  
    flex: 0 0 95px;  
}  

.top-side-article img {  
    width: 95px;  
    height: 72px;  
}  

/* Latest/Trending first article */  
#latestGrid > :first-child,  
#trendingSidebar > :first-child {  
    display: flex;  
    flex-direction: column;  
}  

#latestGrid > :first-child img,  
#trendingSidebar > :first-child img {  
    width: 100%;  
    height: auto;  
    aspect-ratio: 16 / 9;  
}  

/* Other Latest/Trending articles */  
#latestGrid > :not(:first-child),  
#trendingSidebar > :not(:first-child) {  
    display: flex;  
    flex-direction: row;  
    align-items: flex-start;  
    gap: 10px;  
}  

#latestGrid > :not(:first-child) > a,  
#trendingSidebar > :not(:first-child) > a {  
    flex: 0 0 105px;  
}  

#latestGrid > :not(:first-child) img,  
#trendingSidebar > :not(:first-child) img {  
    width: 105px;  
    height: 78px;  
    aspect-ratio: auto;  
}  

#latestGrid > :not(:first-child) h3,  
#trendingSidebar > :not(:first-child) h3 {  
    font-size: 14px;  
    line-height: 1.45;  
    margin-top: 0;  
}  

/* Entertainment */  
#entertainmentSection {  
    margin-top: 0;  
    width: 100%;  
}  

#entertainmentSection .entertainment-layout {  
    display: flex;  
    flex-direction: column;  
    gap: 14px;  
}  

#entertainmentSection .entertainment-featured,  
#entertainmentSection .entertainment-small-grid {  
    width: 100%;  
}  

#entertainmentSection .entertainment-featured img {  
    width: 100%;  
    height: auto;  
    aspect-ratio: 16 / 9;  
}  

#entertainmentSection .entertainment-featured h3 {  
    font-size: 17px;  
}  

#entertainmentSection .entertainment-small-grid {  
    display: grid;  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 12px;  
}  

#entertainmentSection .entertainment-small-grid img {  
    width: 100%;  
    height: auto;  
    aspect-ratio: 4 / 3;  
}  

#entertainmentSection .entertainment-small-grid h3 {  
    font-size: 13px;  
}  

#entertainmentSection .entertainment-bottom-grid {  
    display: grid;  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 12px;  
    margin-top: 14px;  
}  

#entertainmentSection .entertainment-bottom-grid img {  
    width: 100%;  
    height: auto;  
    aspect-ratio: 4 / 3;  
}

}

/* VERY SMALL MOBILE */
@media (max-width: 400px) {
#entertainmentSection .entertainment-bottom-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

/* LATEST & TRENDING NEWS - COMPACT ARTICLE STYLE */

#latestGrid .news-item.post,
#trendingSidebar .news-item.post {
display: flex;
flex-direction: column;
width: 100%;
min-width: 0;
margin: 0 0 12px;
padding: 0 0 10px;
border-bottom: 1px solid #ddd;
}

/* Image height తగ్గించడానికి */
#latestGrid .news-item.post img,
#trendingSidebar .news-item.post img {
display: block;
width: 100%;
height: 120px;
object-fit: cover;
}

/* News text */
#latestGrid .news-content,
#trendingSidebar .news-content {
width: 100%;
padding: 6px 0 0;
}

#latestGrid .news-content p,
#trendingSidebar .news-content p {
font-size: 13px;
line-height: 1.5;
margin: 0;
font-weight: 600;
}

/* Mobile */
@media (max-width: 700px) {
#latestGrid .news-item.post img,
#trendingSidebar .news-item.post img {
height: 150px;
}
}

/* TOP NEWS - BOTTOM THREE IMAGE ARTICLES */

.top-bottom-articles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}

.bottom-news-card {
min-width: 0;
overflow: hidden;
}

.bottom-news-card > a {
display: block;
}

.bottom-news-card img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
object-fit: cover;
border-radius: 4px;
}

.bottom-news-card h3 {
font-size: 14px;
line-height: 1.5;
margin: 7px 0 4px;
}

.bottom-news-card h3 a {
color: inherit;
text-decoration: none;
}

.bottom-news-card p {
font-size: 12px;
line-height: 1.5;
margin: 0;
}

/* MOBILE */
@media (max-width: 700px) {
.top-bottom-articles {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}

.bottom-news-card h3 {  
    font-size: 13px;  
}

}

/* =========================================
BS360NEWS - SPORTS SECTION
Entertainment లాంటి డిజైన్
========================================= */

#sportsSection {
width: 100%;
margin: 25px 0;
min-width: 0;
}

/* BIG ARTICLE + FOUR SMALL ARTICLES */
#sportsSection .entertainment-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
align-items: start;
width: 100%;
}

/* BIG SPORTS ARTICLE */
#sportsSection .entertainment-featured {
width: 100%;
min-width: 0;
}

#sportsSection .entertainment-featured > a {
display: block;
color: inherit;
text-decoration: none;
}

#sportsSection .entertainment-featured img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
object-fit: cover;
border-radius: 5px;
}

#sportsSection .entertainment-featured h3 {
font-size: 20px;
line-height: 1.5;
margin: 8px 0;
}

/* FOUR SMALL ARTICLES */
#sportsSection .entertainment-small-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
width: 100%;
min-width: 0;
}

#sportsSection .entertainment-small-grid article {
width: 100%;
min-width: 0;
}

#sportsSection .entertainment-small-grid a {
display: block;
color: inherit;
text-decoration: none;
}

#sportsSection .entertainment-small-grid img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
object-fit: cover;
border-radius: 4px;
}

#sportsSection .entertainment-small-grid h3 {
font-size: 14px;
line-height: 1.5;
margin: 6px 0 0;
}

/* BOTTOM FOUR ARTICLES */
#sportsSection .entertainment-bottom-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
width: 100%;
margin-top: 15px;
}

#sportsSection .entertainment-bottom-grid article {
min-width: 0;
}

#sportsSection .entertainment-bottom-grid a {
display: block;
color: inherit;
text-decoration: none;
}

#sportsSection .entertainment-bottom-grid img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
object-fit: cover;
border-radius: 4px;
}

#sportsSection .entertainment-bottom-grid h3 {
font-size: 14px;
line-height: 1.5;
margin: 6px 0;
}

/* TABLET */
@media (min-width: 701px) and (max-width: 1000px) {
#sportsSection .entertainment-layout {
gap: 10px;
}

#sportsSection .entertainment-featured h3 {  
    font-size: 17px;  
}  

#sportsSection .entertainment-small-grid {  
    gap: 8px;  
}  

#sportsSection .entertainment-bottom-grid {  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
}

}

/* MOBILE */
@media (max-width: 700px) {
#sportsSection .entertainment-layout {
grid-template-columns: 1fr;
gap: 12px;
}

#sportsSection .entertainment-featured h3 {  
    font-size: 18px;  
}  

#sportsSection .entertainment-small-grid {  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 10px;  
}  

#sportsSection .entertainment-small-grid h3 {  
    font-size: 13px;  
}  

#sportsSection .entertainment-bottom-grid {  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 10px;  
    margin-top: 12px;  
}  

#sportsSection .entertainment-bottom-grid h3 {  
    font-size: 13px;  
}

}

/* SPORTS SIZE - MATCH ENTERTAINMENT */

#sportsSection {
width: 100%;
max-width: none;
box-sizing: border-box;
}

#sportsSection .entertainment-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
width: 100%;
align-items: start;
}

#sportsSection .entertainment-featured,
#sportsSection .entertainment-small-grid {
width: 100%;
min-width: 0;
}

#sportsSection .entertainment-featured img {
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
object-fit: cover;
}

#sportsSection .entertainment-small-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}

#sportsSection .entertainment-small-grid img {
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
object-fit: cover;
}

#sportsSection .entertainment-bottom-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
width: 100%;
margin-top: 15px;
}

#sportsSection .entertainment-bottom-grid img {
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
object-fit: cover;
}

/* MOBILE */
@media (max-width: 700px) {
#sportsSection .entertainment-layout {
grid-template-columns: 1fr;
}

#sportsSection .entertainment-bottom-grid {  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
}

}

/* MOBILE HOMEPAGE ORDER FIX */
@media screen and (max-width: 700px) {

.homepage-news-layout {
display: flex !important;
flex-direction: column !important;
}

.top-news-group {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
order: 1 !important;
}

#latestSection {
display: block !important;
position: static !important;
order: 2 !important;
width: 100% !important;
}

#trending-section,
.trending-section {
display: block !important;
position: static !important;
order: 3 !important;
width: 100% !important;
}

#latestGrid,
#trendingSidebar {
width: 100% !important;
min-width: 0 !important;
}
}

/* SPORTS SECTION - SAME SIZE AS ENTERTAINMENT */

#sportsSection {
width: 100%;
min-width: 0;
box-sizing: border-box;
}

#sportsSection .entertainment-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 14px;
width: 100%;
align-items: start;
}

#sportsSection .entertainment-featured,
#sportsSection .entertainment-small-grid,
#sportsSection .entertainment-bottom-grid {
min-width: 0;
width: 100%;
box-sizing: border-box;
}

#sportsSection .entertainment-featured img {
display: block;
width: 100%;
height: 230px;
object-fit: cover;
}

#sportsSection .entertainment-small-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}

#sportsSection .entertainment-small-grid img {
width: 100%;
height: 105px;
object-fit: cover;
}

#sportsSection .entertainment-bottom-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}

#sportsSection .entertainment-bottom-grid img {
width: 100%;
height: 100px;
object-fit: cover;
}

/* TABLET */
@media (min-width: 701px) and (max-width: 1050px) {
#sportsSection .entertainment-layout {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

#sportsSection .entertainment-bottom-grid {  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
}

}

/* MOBILE */
@media (max-width: 700px) {
#sportsSection .entertainment-layout {
display: flex;
flex-direction: column;
gap: 10px;
}

#sportsSection .entertainment-featured img {  
    height: 200px;  
}  

#sportsSection .entertainment-small-grid,  
#sportsSection .entertainment-bottom-grid {  
    display: grid;  
    grid-template-columns: repeat(2, minmax(0, 1fr));  
    gap: 10px;  
}  

#sportsSection .entertainment-small-grid img {  
    height: 110px;  
}  

#sportsSection .entertainment-bottom-grid img {  
    height: 110px;  
}

}

/* BIGG BOSS SECTION POSITION FIX */

.bigboss-section {
display: block;
position: relative;
clear: both;
width: 100%;
box-sizing: border-box;
margin: 25px 0;
overflow: hidden;
}

.bigboss-heading,
.bigboss-scroll {
box-sizing: border-box;
}

.bigboss-scroll {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
}

.bigboss-card {
flex: 0 0 250px;
min-width: 0;
}

.bigboss-card img {
display: block;
width: 100%;
height: 155px;
object-fit: cover;
}

@media (max-width: 768px) {
.bigboss-card {
flex: 0 0 210px;
}

.bigboss-card img {  
    height: 135px;  
}

}

/* LAPTOP HOMEPAGE LAYOUT FIX */

@media screen and (min-width: 1051px) {

.homepage-news-layout {  
    display: grid !important;  
    grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr) !important;  
    grid-template-rows: auto auto !important;  
    align-items: start !important;  
    gap: 20px !important;  
}  

.top-news-group {  
    grid-column: 1 !important;  
    grid-row: 1 !important;  
    display: grid !important;  
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;  
    align-items: start !important;  
    gap: 15px !important;  
    width: 100% !important;  
    min-width: 0 !important;  
}  

.top-main-column,  
.top-side-column {  
    grid-row: 1 !important;  
    min-width: 0 !important;  
    width: 100% !important;  
}  

#latestSection {  
    grid-column: 2 !important;  
    grid-row: 1 !important;  
    display: block !important;  
    min-width: 0 !important;  
    width: 100% !important;  
}  

#trending-section,  
.trending-section {  
    grid-column: 2 !important;  
    grid-row: 2 !important;  
    display: block !important;  
    min-width: 0 !important;  
    width: 100% !important;  
}  

#latestGrid,  
#trendingSidebar {  
    min-width: 0 !important;  
    width: 100% !important;  
}

}









/* ==========================================
   BS360NEWS - HOMEPAGE LAYOUT FIX
   Desktop + Tablet + Mobile
========================================== */

* {
    box-sizing: border-box;
}

.homepage-news-layout {
    width: 100%;
    max-width: 1500px;
    margin: 20px auto;
    padding: 0 15px;

    display: grid;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 22px;
    align-items: start;
}

/* TOP NEWS + MORE TOP NEWS */
.top-news-group {
    grid-column: 1 / span 2;
    grid-row: 1;

    display: grid;
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(0, 1fr);

    gap: 18px;
    min-width: 0;
    align-items: start;
}

.top-main-column,
.top-side-column,
.latest-news-column,
.trending-news-column {
    min-width: 0;
}

/* SECTION HEADINGS */
.section-heading {
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
    margin: 0 0 14px;
    padding: 0 0 9px;

    border-bottom: 2px solid #d71920;
    color: #181818;
}

/* TOP FEATURED ARTICLE */
.top-main-column > .news-item.post {
    display: block;
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
}

.top-main-column > .news-item.post > a {
    display: block;
    width: 100%;
}

.top-main-column > .news-item.post img {
    display: block;
    width: 100%;
    height: 245px;
    object-fit: cover;
    border-radius: 5px;
}

.top-main-column > .news-item.post .news-content {
    padding: 10px 0;
}

.top-main-column > .news-item.post .news-content p {
    margin: 0;
    font-size: 19px;
    line-height: 1.55;
    font-weight: 800;
}

.news-content a,
.top-side-article h3 a,
.bottom-news-card h3 a {
    color: inherit;
    text-decoration: none;
}

.news-content a:hover,
.top-side-article h3 a:hover,
.bottom-news-card h3 a:hover {
    color: #d71920;
}

/* TOP NEWS BOTTOM THREE CARDS */
.top-bottom-section {
    width: 100%;
    margin-top: 12px;
}

.top-bottom-articles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.bottom-news-card {
    min-width: 0;
    overflow: hidden;
}

.bottom-news-card img {
    display: block;
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
}

.bottom-news-card h3 {
    font-size: 14px;
    line-height: 1.45;
    margin: 7px 0 4px;
}

.bottom-news-card p {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    color: #666;
}

/* MORE TOP NEWS */
.top-side-articles {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.top-side-article {
    display: flex;
    align-items: center;
    gap: 10px;

    padding-bottom: 11px;
    border-bottom: 1px solid #e3e3e3;
    min-width: 0;
}

.top-side-article .article-text {
    flex: 1;
    min-width: 0;
}

.top-side-article h3 {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 5px;
}

.top-side-article p {
    font-size: 12px;
    line-height: 1.45;
    color: #666;
    margin: 0;
}

.top-side-article > a {
    display: block;
    flex: 0 0 85px;
}

.top-side-article img {
    display: block;
    width: 85px;
    height: 65px;
    object-fit: cover;
    border-radius: 4px;
}

/* LATEST NEWS - COLUMN 3 */
#latestSection {
    grid-column: 3;
    grid-row: 1;
}

/* TRENDING NEWS - COLUMN 4 */
#trendingSection {
    grid-column: 4;
    grid-row: 1;
}

/* LATEST AND TRENDING CARDS */
#latestGrid .news-item.post,
#trendingSidebar .news-item.post {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;

    margin: 0 0 14px;
    padding: 0 0 12px;

    border-bottom: 1px solid #ddd;
}

#latestGrid .news-item.post > a:first-child,
#trendingSidebar .news-item.post > a:first-child {
    display: block;
    width: 100%;
}

#latestGrid .news-item.post img,
#trendingSidebar .news-item.post img {
    display: block;
    width: 100%;
    height: 125px;
    object-fit: cover;
    border-radius: 4px;
}

#latestGrid .news-item.post .news-content,
#trendingSidebar .news-item.post .news-content {
    width: 100%;
    padding-top: 7px;
}

#latestGrid .news-item.post .news-content p,
#trendingSidebar .news-item.post .news-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
}

/* BIGG BOSS */
.bigboss-section {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    margin: 22px 0;
    overflow: hidden;
}

.bigboss-heading {
    margin-bottom: 14px;
    border-bottom: 2px solid #d71920;
    padding-bottom: 9px;
    font-size: 20px;
    font-weight: 800;
}

.bigboss-scroll {
    display: grid;
    grid-auto-columns: 210px;
    grid-auto-flow: column;
    gap: 14px;

    overflow-x: auto;
    padding-bottom: 12px;
    scroll-snap-type: x mandatory;
}

.bigboss-card {
    min-width: 0;
    cursor: pointer;
    scroll-snap-align: start;
}

.bigboss-card img {
    display: block;
    width: 100%;
    height: 125px;
    object-fit: cover;
    border-radius: 5px;
}

.bigboss-card h3 {
    font-size: 14px;
    line-height: 1.5;
    margin: 8px 0 0;
}

/* ENTERTAINMENT AND SPORTS */
#entertainmentSection,
#sportsSection {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    margin: 22px 0;
}

.entertainment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.entertainment-featured {
    min-width: 0;
}

.entertainment-featured > a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.entertainment-featured img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 5px;
}

.entertainment-featured h3 {
    font-size: 20px;
    line-height: 1.5;
    margin: 9px 0;
}

.entertainment-small-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.entertainment-small-grid article,
.entertainment-bottom-grid article {
    min-width: 0;
}

.entertainment-small-grid a,
.entertainment-bottom-grid a {
    color: inherit;
    text-decoration: none;
}

.entertainment-small-grid img {
    display: block;
    width: 100%;
    height: 115px;
    object-fit: cover;
    border-radius: 4px;
}

.entertainment-small-grid h3 {
    font-size: 14px;
    line-height: 1.45;
    margin: 6px 0 0;
}

.entertainment-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.entertainment-bottom-grid img {
    display: block;
    width: 100%;
    height: 115px;
    object-fit: cover;
    border-radius: 4px;
}

.entertainment-bottom-grid h3 {
    font-size: 14px;
    line-height: 1.45;
    margin: 6px 0 0;
}

/* SPORTS SAME SIZE AS ENTERTAINMENT */
#sportsSection .entertainment-featured img {
    height: 260px;
}

#sportsSection .entertainment-small-grid img,
#sportsSection .entertainment-bottom-grid img {
    height: 115px;
}

/* FOOTER */
.site-footer {
    margin-top: 35px;
    background: #171717;
    color: #fff;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 28px 20px;
}

.footer-column,
.footer-contact {
    min-width: 0;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.footer-contact p {
    margin: 7px 0;
}

.copyright {
    text-align: center;
    padding: 14px;
    border-top: 1px solid #444;
    font-size: 13px;
}

/* TABLET */
@media (min-width: 701px) and (max-width: 1050px) {
    .homepage-news-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .top-news-group {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    #latestSection {
        grid-column: 1;
        grid-row: auto;
    }

    #trendingSection {
        grid-column: 2;
        grid-row: auto;
    }

    .bigboss-section,
    #entertainmentSection,
    #sportsSection {
        grid-column: 1 / -1;
    }

    .entertainment-featured img,
    #sportsSection .entertainment-featured img {
        height: 230px;
    }
}

/* MOBILE */
@media (max-width: 700px) {
    .homepage-news-layout {
        display: flex;
        flex-direction: column;
        gap: 22px;

        width: 100%;
        margin: 14px auto;
        padding: 0 12px;
    }

    .top-news-group {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 22px;
    }

    .top-main-column,
    .top-side-column,
    #latestSection,
    #trendingSection,
    .bigboss-section,
    #entertainmentSection,
    #sportsSection {
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    .section-heading {
        font-size: 18px;
    }

    .top-main-column > .news-item.post img {
        height: 220px;
    }

    .top-main-column > .news-item.post .news-content p {
        font-size: 18px;
    }

    .top-bottom-articles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bottom-news-card img {
        height: 115px;
    }

    .top-side-article h3 {
        font-size: 14px;
    }

    .top-side-article > a {
        flex-basis: 100px;
    }

    .top-side-article img {
        width: 100px;
        height: 75px;
    }

    #latestGrid .news-item.post img,
    #trendingSidebar .news-item.post img {
        height: 180px;
    }

    #latestGrid .news-item.post .news-content p,
    #trendingSidebar .news-item.post .news-content p {
        font-size: 15px;
    }

    .bigboss-scroll {
        grid-auto-columns: 170px;
        gap: 12px;
    }

    .bigboss-card img {
        height: 105px;
    }

    .entertainment-layout {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .entertainment-featured img,
    #sportsSection .entertainment-featured img {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .entertainment-featured h3 {
        font-size: 18px;
    }

    .entertainment-small-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .entertainment-small-grid img,
    #sportsSection .entertainment-small-grid img {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .entertainment-small-grid h3 {
        font-size: 13px;
    }

    .entertainment-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 14px;
    }

    .entertainment-bottom-grid img,
    #sportsSection .entertainment-bottom-grid img {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .entertainment-bottom-grid h3 {
        font-size: 13px;
    }

    .footer-inner {
        flex-direction: column;
        gap: 22px;
    }
}

/* DARK MODE */
body.dark-mode {
    background: #111;
    color: #eee;
}

body.dark-mode .section-heading {
    color: #eee;
}

body.dark-mode .news-content a,
body.dark-mode .top-side-article h3 a,
body.dark-mode .bottom-news-card h3 a,
body.dark-mode .entertainment-small-grid a,
body.dark-mode .entertainment-bottom-grid a {
    color: #eee;
}

body.dark-mode .top-side-article,
body.dark-mode #latestGrid .news-item.post,
body.dark-mode #trendingSidebar .news-item.post {
    border-color: #383838;
}

body.dark-mode .top-side-article p,
body.dark-mode .bottom-news-card p {
    color: #bbb;
}




/* SAME DESIGN: ENTERTAINMENT, SPORTS, BUSINESS, AP & TS */

#entertainmentSection,
#sportsSection,
#businessSection,
#aptsSection {
    box-sizing: border-box;
    min-width: 0;
}

#entertainmentSection .entertainment-layout,
#sportsSection .entertainment-layout,
#businessSection .entertainment-layout,
#aptsSection .entertainment-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

#entertainmentSection .entertainment-small-grid,
#sportsSection .entertainment-small-grid,
#businessSection .entertainment-small-grid,
#aptsSection .entertainment-small-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

#entertainmentSection .entertainment-bottom-grid,
#sportsSection .entertainment-bottom-grid,
#businessSection .entertainment-bottom-grid,
#aptsSection .entertainment-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

#entertainmentSection img,
#sportsSection img,
#businessSection img,
#aptsSection img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (min-width: 1051px) {
    #entertainmentSection,
    #sportsSection,
    #businessSection,
    #aptsSection {
        width: 50%;
        max-width: 50%;
        margin-left: 0;
        margin-right: auto;
    }
}

@media (max-width: 700px) {
    #entertainmentSection,
    #sportsSection,
    #businessSection,
    #aptsSection {
        width: 100%;
        max-width: 100%;
    }

    #entertainmentSection .entertainment-bottom-grid,
    #sportsSection .entertainment-bottom-grid,
    #businessSection .entertainment-bottom-grid,
    #aptsSection .entertainment-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ==========================================
   BS360NEWS - ALL CATEGORY SECTIONS
   Compact Laptop Width
========================================== */

/* All category sections */
#entertainmentSection,
#sportsSection,
#businessSection,
#aptsSection {
    display: block;
    grid-column: 1 !important;
    grid-row: auto !important;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 18px 0;
    padding: 0;
    box-sizing: border-box;
}

/* Featured article + small articles */
#entertainmentSection .entertainment-layout,
#sportsSection .entertainment-layout,
#businessSection .entertainment-layout,
#aptsSection .entertainment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    width: 100%;
    min-width: 0;
}

/* Four small articles */
#entertainmentSection .entertainment-small-grid,
#sportsSection .entertainment-small-grid,
#businessSection .entertainment-small-grid,
#aptsSection .entertainment-small-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
    min-width: 0;
}

/* Four bottom articles */
#entertainmentSection .entertainment-bottom-grid,
#sportsSection .entertainment-bottom-grid,
#businessSection .entertainment-bottom-grid,
#aptsSection .entertainment-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-top: 10px;
    width: 100%;
    min-width: 0;
}

/* Images */
#entertainmentSection img,
#sportsSection img,
#businessSection img,
#aptsSection img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* Prevent long titles from expanding cards */
#entertainmentSection *,
#sportsSection *,
#businessSection *,
#aptsSection * {
    box-sizing: border-box;
    min-width: 0;
}

/* Laptop */
@media (min-width: 1051px) {
    #entertainmentSection,
    #sportsSection,
    #businessSection,
    #aptsSection {
        grid-column: 1 !important;
        width: 100%;
        max-width: 100%;
        margin: 16px 0;
    }
}

/* Tablet */
@media (min-width: 701px) and (max-width: 1050px) {
    #entertainmentSection,
    #sportsSection,
    #businessSection,
    #aptsSection {
        grid-column: 1 / -1 !important;
        width: 100%;
        max-width: 100%;
    }

    #entertainmentSection .entertainment-bottom-grid,
    #sportsSection .entertainment-bottom-grid,
    #businessSection .entertainment-bottom-grid,
    #aptsSection .entertainment-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 700px) {
    #entertainmentSection,
    #sportsSection,
    #businessSection,
    #aptsSection {
        grid-column: 1 / -1 !important;
        width: 100%;
        max-width: 100%;
        margin: 16px 0;
    }

    #entertainmentSection .entertainment-layout,
    #sportsSection .entertainment-layout,
    #businessSection .entertainment-layout,
    #aptsSection .entertainment-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    #entertainmentSection .entertainment-bottom-grid,
    #sportsSection .entertainment-bottom-grid,
    #businessSection .entertainment-bottom-grid,
    #aptsSection .entertainment-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
}
/* ==============================
   NATIONAL NEWS SECTION
============================== */

#nationalSection {
    width: 100%;
    min-width: 0;
    margin-top: 24px;
}

#nationalSection h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #d71920;
    color: #111;
}

#nationalSection .national-world-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

#nationalSection .national-world-grid a {
    display: block;
    min-width: 0;
    text-decoration: none;
    color: #111;
    overflow: hidden;
}

#nationalSection .national-world-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
}

#nationalSection .national-world-grid h3 {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    margin: 8px 0 0;
    overflow-wrap: anywhere;
}

#nationalSection .national-world-grid a:hover h3 {
    color: #d71920;
}

/* TABLET */
@media (min-width: 600px) and (max-width: 900px) {
    #nationalSection .national-world-grid {
        gap: 12px;
    }

    #nationalSection .national-world-grid h3 {
        font-size: 14px;
    }
}

/* MOBILE */
@media (max-width: 599px) {
    #nationalSection {
        margin-top: 20px;
    }

    #nationalSection h2 {
        font-size: 20px;
    }

    #nationalSection .national-world-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    #nationalSection .national-world-grid h3 {
        font-size: 13px;
        line-height: 1.45;
        margin-top: 6px;
    }
}
/* NATIONAL NEWS - BELOW LATEST NEWS */
#latestSection {
    grid-column: 1 / -1;
}

#nationalSection {
    display: block;
    width: 100%;
    margin-top: 20px;
    grid-column: 1 / -1;
    grid-row: auto;
    clear: both;
}


/* NATIONAL NEWS - BESIDE LATEST NEWS */
@media (min-width: 1051px) {
    .homepage-news-layout {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        align-items: start;
        gap: 20px;
    }

    #latestSection {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        min-width: 0;
    }

    #nationalSection {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        min-width: 0;
        margin-top: 20px;
    }
}

@media (max-width: 1050px) {
    #nationalSection {
        grid-column: 1 / -1;
        width: 100%;
        margin-top: 20px;
    }
}

/* ==========================================
   CSS ONLY: ENTERTAINMENT పక్కన NATIONAL NEWS
========================================== */

@media (min-width: 1051px) {
    /* మెయిన్ కంటైనర్ లో ఎంటర్‌టైన్‌మెంట్ మరియు నేషనల్ న్యూస్‌ని పక్కపక్కన ఉంచడానికి */
    .homepage-news-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
        gap: 20px !important;
    }

    /* ఎంటర్‌టైన్‌మెంట్ సెక్షన్ ఎడమ వైపు ఉంటుంది */
    #entertainmentSection {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
    }

    /* నేషనల్ న్యూస్ సెక్షన్ ఎంటర్‌టైన్‌మెంట్ పక్కన కుడి వైపు వస్తుంది */
    #nationalSection {
        grid-column: 2 !important;
        grid-row: auto !important;
        width: 100% !important;
        margin-top: 0 !important;
    }

    /* నేషనల్ న్యూస్ 16 ఆర్టికల్స్ 2 కాలమ్స్‌లో అమర్చడానికి */
    #nationalSection .national-world-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #nationalSection .national-world-grid img {
        width: 100% !important;
        height: 80px !important;
        object-fit: cover !important;
        border-radius: 4px;
    }

    #nationalSection .national-world-grid h3 {
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin: 4px 0 0 !important;
    }
}

@media (min-width: 1051px) {
    .national-world-layout {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px;
        align-items: start;
        width: 100%;
    }

    #nationalSection,
    #worldSection {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    #nationalGrid,
    #worldGrid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 10px;
    }
}



/* LATEST NEWS + TRENDING NEWS */

.latest-trending-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    align-items: start;
}

.latest-trending-layout > section {
    min-width: 0;
}

@media (max-width: 700px) {
    .latest-trending-layout {
        grid-template-columns: 1fr;
    }
}


/* LAPTOP: LATEST + TRENDING EQUAL WIDTH */

@media (min-width: 701px) {
    .latest-trending-layout {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px;
        width: 100%;
        align-items: start;
    }

    .latest-trending-layout > #latestSection,
    .latest-trending-layout > #trendingSection {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        grid-column: auto !important;
    }
}










/* ALL SECTION HEADINGS - SMALL SIZE */

.homepage-news-layout section > h2,
.homepage-news-layout section > h3,
.homepage-news-layout .section-heading,
.homepage-news-layout .news-heading,
.homepage-news-layout .top-news-heading,
.homepage-news-layout .bigboss-heading span {
    font-size: 15px !important;
    line-height: 1.4 !important;
}

/* LAPTOP */
@media (min-width: 769px) {
    .homepage-news-layout section > h2,
    .homepage-news-layout section > h3,
    .homepage-news-layout .section-heading,
    .homepage-news-layout .news-heading,
    .homepage-news-layout .top-news-heading {
        font-size: 15px !important;
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .homepage-news-layout section > h2,
    .homepage-news-layout section > h3,
    .homepage-news-layout .section-heading,
    .homepage-news-layout .news-heading,
    .homepage-news-layout .top-news-heading {
        font-size: 14px !important;
    }
}









/* NATIONAL NEWS LEFT + WORLD NEWS RIGHT */

.national-world-layout {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px;
    align-items: start;
    width: 100%;
    min-width: 0;
    margin: 24px 0;
}

.national-world-section {
    display: block;
    width: 100%;
    min-width: 0;
    grid-column: auto !important;
    grid-row: auto !important;
}

.national-world-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

.national-world-grid article {
    min-width: 0;
}

.national-world-grid article img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
}

.national-world-grid article h3 {
    font-size: 15px;
    line-height: 1.5;
    margin: 7px 0 0;
}

.national-world-grid article a {
    color: inherit;
    text-decoration: none;
}

/* MOBILE */
@media (max-width: 700px) {
    .national-world-layout {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px;
    }

    .national-world-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 10px;
    }
}


/* NATIONAL NEWS - REMOVE RIGHT SIDE SPACE */

.national-world-layout {
    display: block !important;
    width: 100% !important;
}

#nationalSection,
#worldSection {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.national-world-grid {
    width: 100% !important;
    max-width: 100% !important;
}

/* ================= MOVIE REVIEWS ================= */

.movie-reviews-section {
    width: 100%;
    background-image: url("movie-reviews-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 0 24px;
    margin: 25px 0;
    overflow: hidden;
    box-sizing: border-box;
}

.movie-reviews-heading {
    width: min(1400px, 96%);
    margin: 0 auto 15px;
}

.movie-reviews-heading span {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    border-left: 5px solid #1976ff;
    padding-left: 10px;
}

.movie-reviews-scroll {
    width: min(1400px, 96%);
    margin: 0 auto;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-bottom: 10px;
    cursor: grab;
    scrollbar-width: thin;
    scrollbar-color: #1976ff #222;
    box-sizing: border-box;
}

.movie-review-card {
    flex: 0 0 250px;
    min-width: 0;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.movie-review-card:hover {
    transform: translateY(-3px);
}

.movie-review-card img {
    display: block;
    width: 100%;
    height: 155px;
    object-fit: cover;
    border-radius: 5px;
}

.movie-review-card h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.78);
    padding: 8px 9px;
    border-radius: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    .movie-reviews-section {
        padding: 16px 0 20px;
    }

    .movie-reviews-heading {
        width: 94%;
    }

    .movie-reviews-heading span {
        font-size: 19px;
    }

    .movie-reviews-scroll {
        width: 94%;
        gap: 12px;
    }

    .movie-review-card {
        flex: 0 0 210px;
    }

    .movie-review-card img {
        height: 135px;
    }

    .movie-review-card h3 {
        font-size: 14px;
    }
}









/* ================= MOVIE REVIEWS BACKGROUND ================= */

.movie-reviews-section {
    width: 100%;
    background: #0755c9;
    padding: 20px 0 24px;
    margin: 25px 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* HEADING */

.movie-reviews-heading {
    width: min(1400px, 96%);
    margin: 0 auto 15px;
}

.movie-reviews-heading span {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    border-left: 5px solid #fff;
    padding-left: 10px;
}

/* HORIZONTAL MANUAL SCROLL */

.movie-reviews-scroll {
    width: min(1400px, 96%);
    margin: 0 auto;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-bottom: 10px;
    cursor: grab;
    scrollbar-width: thin;
    scrollbar-color: #fff #0645a5;
    box-sizing: border-box;
}

.movie-reviews-scroll:active {
    cursor: grabbing;
}

/* REVIEW CARD */

.movie-review-card {
    flex: 0 0 250px;
    min-width: 0;
    background: transparent;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.movie-review-card:hover {
    transform: translateY(-3px);
}

/* MOVIE POSTER */

.movie-review-card img {
    display: block;
    width: 100%;
    height: 155px;
    object-fit: cover;
    border-radius: 5px;
}

/* REVIEW TITLE */

.movie-review-card h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.78);
    padding: 8px 9px;
    border-radius: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* MOBILE */

@media (max-width: 768px) {
    .movie-reviews-section {
        padding: 16px 0 20px;
    }

    .movie-reviews-heading {
        width: 94%;
    }

    .movie-reviews-heading span {
        font-size: 19px;
    }

    .movie-reviews-scroll {
        width: 94%;
        gap: 12px;
    }

    .movie-review-card {
        flex: 0 0 210px;
    }

    .movie-review-card img {
        height: 135px;
    }

    .movie-review-card h3 {
        font-size: 14px;
    }
}


/* MOVIE REVIEWS - FULL WIDTH */

.movie-reviews-section {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    background: #0755c9;
}

/* SCROLL AREA FULL WIDTH */
.movie-reviews-scroll {
    width: 96% !important;
    max-width: none !important;
    box-sizing: border-box;
}





/* MOBILE: LATEST ABOVE TRENDING */

@media (max-width: 700px) {
    .latest-trending-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 20px !important;
    }

    .latest-trending-layout > #latestSection {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .latest-trending-layout > #trendingSection {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}




/* ADVERTISEMENT SPACE - LAPTOP + MOBILE */

.ad-space {
    display: flex;
    width: 100%;
    min-height: 250px;
    margin: 20px 0;
    padding: 10px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #f5f5f5;
    border: 1px dashed #ccc;
    color: #777;
    font-size: 12px;
}








/* ARTICLE PAGE WIDTH FIX */

body {
    width: 100%;
    margin: 0;
    overflow-x: hidden;
}

.article-page {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px 40px;
    box-sizing: border-box;
}

.article-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 25px;
    width: 100%;
}

.article-main {
    min-width: 0;
}

.article-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

@media (max-width: 800px) {
    .article-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}










/* =========================================
   BS 360 NEWS - TOP NEWS MOBILE FIX
========================================= */

.top-news-group {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    width: 100%;
    box-sizing: border-box;
}

.top-main-column,
.top-side-column {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.top-main-column > .news-item img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.top-bottom-articles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.bottom-news-card {
    min-width: 0;
}

.bottom-news-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.top-side-article {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.top-side-article .article-text {
    flex: 1;
    min-width: 0;
    order: 1;
}

.top-side-article > a {
    flex: 0 0 100px;
    width: 100px;
    order: 2;
}

.top-side-article img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
}

.top-side-article h3 {
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.top-side-article p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

/* MOBILE */

@media (max-width: 768px) {

    .top-news-group {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 0 10px;
    }

    .top-main-column,
    .top-side-column {
        width: 100%;
        min-width: 0;
    }

    .top-bottom-articles {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .bottom-news-card h3 {
        font-size: 13px;
        line-height: 1.4;
        margin: 6px 0;
        overflow-wrap: anywhere;
    }

    .bottom-news-card p {
        font-size: 12px;
    }

    .top-side-article {
        gap: 10px;
        padding: 10px 0;
    }

    .top-side-article > a {
        flex-basis: 105px;
        width: 105px;
    }

    .top-side-article h3 {
        font-size: 14px;
        line-height: 1.4;
    }

    .top-side-article p {
        font-size: 12px;
    }
}






/* =========================================
   LATEST NEWS + TRENDING NEWS
   LEFT IMAGE | RIGHT TEXT
========================================= */

.latest-trending-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
    width: 100%;
    box-sizing: border-box;
}

.latest-news-column,
.trending-news-column {
    min-width: 0;
    width: 100%;
}

#latestGrid,
#trendingSidebar {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

#latestGrid > .news-item,
#trendingSidebar > .news-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

#latestGrid > .news-item > a:first-child,
#trendingSidebar > .news-item > a:first-child {
    display: block;
    flex: 0 0 125px;
    width: 125px;
    min-width: 0;
    overflow: hidden;
}

#latestGrid > .news-item > a:first-child img,
#trendingSidebar > .news-item > a:first-child img {
    display: block;
    width: 100%;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

#latestGrid .news-content,
#trendingSidebar .news-content {
    flex: 1;
    min-width: 0;
    padding: 0;
    margin: 0;
}

#latestGrid .news-content p,
#trendingSidebar .news-content p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    overflow-wrap: anywhere;
}

#latestGrid .news-content a,
#trendingSidebar .news-content a {
    text-decoration: none;
    color: inherit;
}

/* MOBILE */

@media (max-width: 768px) {

    .latest-trending-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        padding: 0 10px;
    }

    #latestGrid > .news-item,
    #trendingSidebar > .news-item {
        gap: 12px;
        padding: 12px 0;
    }

    #latestGrid > .news-item > a:first-child,
    #trendingSidebar > .news-item > a:first-child {
        flex: 0 0 115px;
        width: 115px;
    }

    #latestGrid > .news-item > a:first-child img,
    #trendingSidebar > .news-item > a:first-child img {
        width: 115px;
        height: 76px;
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }

    #latestGrid .news-content p,
    #trendingSidebar .news-content p {
        font-size: 14px;
        line-height: 1.45;
    }
}

/* SMALL MOBILE */

@media (max-width: 360px) {

    #latestGrid > .news-item > a:first-child,
    #trendingSidebar > .news-item > a:first-child {
        flex-basis: 100px;
        width: 100px;
    }

    #latestGrid > .news-item > a:first-child img,
    #trendingSidebar > .news-item > a:first-child img {
        width: 100px;
        height: 68px;
    }

    #latestGrid .news-content p,
    #trendingSidebar .news-content p {
        font-size: 13px;
    }
}




/* =========================================
   BS 360 NEWS - EQUAL TITLE ALIGNMENT FIX
   Laptop + Mobile
   ఈ కోడ్‌ను style.css చివర పెట్టండి
========================================= */

/* 1. TOP FEATURED ARTICLE */
.top-main-column > .news-item.post .news-content p {
    min-height: 4.65em;
    line-height: 1.55;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
}

/* 2. TOP BOTTOM CARDS */
.top-bottom-articles .bottom-news-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
}

.top-bottom-articles .bottom-news-card > a {
    display: block;
    flex-shrink: 0;
}

.top-bottom-articles .bottom-news-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
}

.top-bottom-articles .bottom-news-card h3 {
    min-height: 2.9em;
    margin: 7px 0 5px;
    font-size: 14px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
}

/* 3. LATEST + TRENDING */
#latestGrid > .news-item,
#trendingSidebar > .news-item {
    align-items: flex-start;
    min-width: 0;
}

#latestGrid .news-content,
#trendingSidebar .news-content {
    flex: 1;
    min-width: 0;
}

#latestGrid .news-content p,
#trendingSidebar .news-content p {
    min-height: 4.35em;
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
}

/* 4. MORE TOP NEWS */
.top-side-article .article-text h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
    line-height: 1.45;
    min-height: 4.35em;
}

/* 5. ENTERTAINMENT, SPORTS, BUSINESS, AP & TS */
#entertainmentSection .entertainment-featured h3,
#sportsSection .entertainment-featured h3,
#businessSection .entertainment-featured h3,
#aptsSection .entertainment-featured h3 {
    min-height: 2.9em;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
}

#entertainmentSection .entertainment-small-grid h3,
#sportsSection .entertainment-small-grid h3,
#businessSection .entertainment-small-grid h3,
#aptsSection .entertainment-small-grid h3,
#entertainmentSection .entertainment-bottom-grid h3,
#sportsSection .entertainment-bottom-grid h3,
#businessSection .entertainment-bottom-grid h3,
#aptsSection .entertainment-bottom-grid h3 {
    min-height: 2.9em;
    margin: 6px 0 0;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
}

/* 6. NATIONAL + WORLD NEWS */
#nationalGrid h3,
#worldGrid h3,
#nationalSection .national-world-grid h3,
#worldSection .national-world-grid h3 {
    min-height: 2.9em;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
}

/* 7. MOBILE */
@media (max-width: 700px) {

    .top-main-column > .news-item.post .news-content p {
        min-height: 4.65em;
        font-size: 17px;
    }

    .top-bottom-articles .bottom-news-card h3 {
        min-height: 2.8em;
        font-size: 13px;
    }

    #latestGrid .news-content p,
    #trendingSidebar .news-content p {
        min-height: 4.2em;
        font-size: 13px;
        line-height: 1.4;
    }

    .top-side-article .article-text h3 {
        min-height: 4.2em;
        font-size: 13px;
    }

    #entertainmentSection .entertainment-featured h3,
    #sportsSection .entertainment-featured h3,
    #businessSection .entertainment-featured h3,
    #aptsSection .entertainment-featured h3 {
        min-height: 2.8em;
        font-size: 16px;
    }

    #entertainmentSection .entertainment-small-grid h3,
    #sportsSection .entertainment-small-grid h3,
    #businessSection .entertainment-small-grid h3,
    #aptsSection .entertainment-small-grid h3,
    #entertainmentSection .entertainment-bottom-grid h3,
    #sportsSection .entertainment-bottom-grid h3,
    #businessSection .entertainment-bottom-grid h3,
    #aptsSection .entertainment-bottom-grid h3 {
        min-height: 2.8em;
        font-size: 12px;
    }

    #nationalGrid h3,
    #worldGrid h3,
    #nationalSection .national-world-grid h3,
    #worldSection .national-world-grid h3 {
        min-height: 2.8em;
        font-size: 12px;
    }
}

/* VERY SMALL MOBILE */
@media (max-width: 360px) {
    #latestGrid .news-content p,
    #trendingSidebar .news-content p {
        font-size: 12px;
    }

    .top-bottom-articles .bottom-news-card h3 {
        font-size: 12px;
    }
}








/* ======================================
   BS 360 NEWS - TOP SIDEBAR ALIGNMENT FIX
====================================== */

.top-news-group {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

.top-main-column,
.top-side-column {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-side-column {
    display: block !important;
    align-self: start !important;
}

.top-side-articles {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-side-article {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 105px !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box !important;
}

.top-side-article .article-text {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-side-article .article-text h3 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
    font-size: 14px !important;
    min-height: 0 !important;
    overflow-wrap: anywhere;
}

.top-side-article > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-side-article > a img {
    display: block !important;
    width: 100% !important;
    height: 72px !important;
    object-fit: cover !important;
    margin: 0 !important;
}

/* MOBILE */
@media (max-width: 768px) {
    .top-news-group {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .top-side-articles {
        gap: 10px !important;
    }

    .top-side-article {
        grid-template-columns: minmax(0, 1fr) 100px !important;
        gap: 10px !important;
        padding-bottom: 10px !important;
    }

    .top-side-article > a img {
        height: 68px !important;
    }

    .top-side-article .article-text h3 {
        font-size: 13px !important;
    }
}





/* =========================================
   BS 360 NEWS - HOMEPAGE SECTION LAYOUT
========================================= */

.homepage-news-layout {
    width: min(1400px, 96%);
    margin: 20px auto;
    display: block;
    box-sizing: border-box;
}

.top-content-layout,
.sports-apts-trending-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 0.85fr);
    gap: 22px;
    align-items: start;
    margin-bottom: 28px;
}

.top-left-column,
.sports-apts-main {
    min-width: 0;
}

.top-main-column,
.top-side-column,
.entertainment-section,
.latest-news-column,
.trending-news-column,
.sports-section,
.apts-section,
.business-section,
.national-world-section {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.top-news-group {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 18px;
    margin-bottom: 28px;
}

.latest-news-column,
.trending-news-column {
    position: relative;
    align-self: stretch;
    height: fit-content;
}

.latest-news-list,
.trending-news-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.latest-news-list .news-item,
.trending-news-list .news-item {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.latest-news-list img,
.trending-news-list img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 5px;
}

.latest-news-list a,
.trending-news-list a {
    text-decoration: none;
}

.entertainment-section,
.sports-section,
.apts-section,
.business-section {
    margin: 0 0 28px;
}

.entertainment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.entertainment-featured img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.entertainment-small-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.entertainment-small-grid img,
.entertainment-bottom-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.entertainment-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.national-world-section {
    margin-bottom: 28px;
}

/* Business / World / National featured layout */
.featured-news-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.featured-news-main img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.featured-news-small {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.featured-news-small img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.featured-news-main a,
.featured-news-small a {
    text-decoration: none;
}

/* Keep Bigg Boss and Movie Reviews styles independent */
.bigboss-section,
.movie-reviews-section {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 28px;
}

/* Tablet */
@media (max-width: 900px) {
    .top-content-layout,
    .sports-apts-trending-layout {
        grid-template-columns: minmax(0, 1.7fr) minmax(220px, 0.9fr);
        gap: 14px;
    }

    .top-news-group {
        grid-template-columns: 1fr;
    }

    .entertainment-layout {
        grid-template-columns: 1fr;
    }

    .entertainment-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .featured-news-layout {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .homepage-news-layout {
        width: 94%;
    }

    .top-content-layout,
    .sports-apts-trending-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .top-news-group {
        grid-template-columns: minmax(0, 1fr);
    }

    .top-side-article {
        min-width: 0;
    }

    .entertainment-small-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .entertainment-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .latest-news-list .news-item,
    .trending-news-list .news-item {
        grid-template-columns: 95px minmax(0, 1fr);
    }

    .featured-news-small {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}



/* ==========================================
   BS 360 NEWS - HOMEPAGE LAYOUT
========================================== */

.homepage-news-layout {
    display: flex;
    flex-direction: column;
    gap: 26px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Top News + Entertainment LEFT, Latest RIGHT */
.top-content-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 0.85fr);
    gap: 22px;
    align-items: stretch;
    width: 100%;
}

.top-left-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.top-news-group {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.top-main-column,
.top-side-column,
.latest-news-column,
.trending-news-column,
.sports-apts-left-column {
    min-width: 0;
}

.top-main-column > .news-item img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.top-bottom-articles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.top-bottom-articles img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
}

.top-side-articles {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.top-side-article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 100px;
    gap: 10px;
    align-items: center;
}

.top-side-article img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

/* Latest News */
.latest-news-column {
    height: 100%;
}

.latest-news-list,
.trending-news-list {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.latest-news-list .news-item,
.trending-news-list .news-item {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.latest-news-list img,
.trending-news-list img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
}

/* Entertainment / Sports / AP-TS / Business */
.entertainment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 14px;
}

.entertainment-featured img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.entertainment-small-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.entertainment-small-grid img,
.entertainment-bottom-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.entertainment-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

/* Sports + AP-TS LEFT, Trending RIGHT */
.sports-apts-trending-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 0.85fr);
    gap: 22px;
    align-items: stretch;
    width: 100%;
}

.sports-apts-left-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.trending-news-column {
    height: 100%;
}

/* World / National: first article large, next two small */
.national-world-section {
    width: 100%;
    min-width: 0;
}

.national-world-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.national-world-grid article:first-child {
    grid-column: 1 / -1;
}

.national-world-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.national-world-grid article:not(:first-child) img {
    aspect-ratio: 16 / 9;
}

/* Business main + smaller stories */
#businessSection {
    width: 100%;
    min-width: 0;
}

/* Prevent layout overflow */
.homepage-news-layout section,
.homepage-news-layout article {
    min-width: 0;
    box-sizing: border-box;
}

.homepage-news-layout img {
    max-width: 100%;
}

.homepage-news-layout a {
    overflow-wrap: anywhere;
}

/* Mobile */
@media (max-width: 768px) {
    .top-content-layout,
    .sports-apts-trending-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .top-news-group {
        grid-template-columns: minmax(0, 1fr);
    }

    .top-bottom-articles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .top-side-article {
        grid-template-columns: minmax(0, 1fr) 95px;
    }

    .entertainment-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .entertainment-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .latest-news-list .news-item,
    .trending-news-list .news-item {
        grid-template-columns: 95px minmax(0, 1fr);
    }

    .latest-news-column,
    .trending-news-column {
        height: auto;
    }

    .national-world-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .national-world-grid article:first-child {
        grid-column: 1 / -1;
    }
}



/* =========================================
   BS 360 NEWS - HOMEPAGE LAYOUT CORRECTION
   Add this CSS at the END of style.css
========================================= */

/* MAIN CONTAINER */
.homepage-news-layout {
    display: block !important;
    width: min(1400px, 96%) !important;
    max-width: 1400px;
    margin: 0 auto !important;
    box-sizing: border-box;
}

.homepage-news-layout *,
.homepage-news-layout *::before,
.homepage-news-layout *::after {
    box-sizing: border-box;
}

/* =========================================
   1. TOP NEWS + ENTERTAINMENT LEFT
      LATEST NEWS RIGHT
========================================= */

.top-content-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 0.85fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
    width: 100%;
}

.top-left-column {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0;
}

.top-news-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start;
    min-width: 0;
}

.top-main-column,
.top-side-column {
    min-width: 0;
    width: 100%;
}

.top-main-column .news-item img,
.top-main-column > article img {
    max-width: 100%;
}

.top-side-articles {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.top-side-article {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 100px;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.top-side-article img {
    display: block;
    width: 100%;
    height: 70px;
    object-fit: cover;
    border-radius: 5px;
}

.top-side-article h3 {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
}

.top-side-article a {
    text-decoration: none;
}

.top-bottom-articles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.top-bottom-articles .bottom-news-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.top-bottom-articles .bottom-news-card h3 {
    font-size: 14px;
    line-height: 1.5;
    margin: 7px 0;
}

/* Latest column stretches down to Entertainment's bottom */
#latestSection {
    display: flex !important;
    flex-direction: column;
    align-self: stretch !important;
    height: auto !important;
    min-width: 0;
    width: 100%;
    margin: 0 !important;
}

#latestGrid {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

#latestGrid > article {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
}

#latestGrid > article img {
    width: 100%;
    height: 72px;
    object-fit: cover;
    border-radius: 5px;
}

#latestGrid .news-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

/* Entertainment remains underneath Top News */
#entertainmentSection {
    display: block;
    width: 100%;
    min-width: 0;
    margin-top: 24px !important;
}

#entertainmentSection .entertainment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 14px;
}

#entertainmentSection .entertainment-featured img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

#entertainmentSection .entertainment-small-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

#entertainmentSection .entertainment-small-grid img,
#entertainmentSection .entertainment-bottom-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

#entertainmentSection .entertainment-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

/* =========================================
   2. SPORTS + AP & TS LEFT
      TRENDING RIGHT
========================================= */

.sports-apts-trending-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 0.85fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
    width: 100%;
    margin-top: 26px !important;
}

.sports-apts-left-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 26px !important;
    min-width: 0;
}

#sportsSection,
#aptsSection {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
}

#trendingSection {
    display: flex !important;
    flex-direction: column;
    align-self: stretch !important;
    width: 100%;
    height: auto !important;
    min-width: 0;
    margin: 0 !important;
}

#trendingSidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

#trendingSidebar > article {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
}

#trendingSidebar > article img {
    display: block;
    width: 100%;
    height: 72px;
    object-fit: cover;
    border-radius: 5px;
}

#trendingSidebar .news-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

/* Sports and AP/TS cards */
#sportsSection .entertainment-layout,
#aptsSection .entertainment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 14px;
}

#sportsSection .entertainment-featured img,
#aptsSection .entertainment-featured img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

#sportsSection .entertainment-small-grid,
#aptsSection .entertainment-small-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

#sportsSection .entertainment-small-grid img,
#aptsSection .entertainment-small-grid img,
#sportsSection .entertainment-bottom-grid img,
#aptsSection .entertainment-bottom-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

#sportsSection .entertainment-bottom-grid,
#aptsSection .entertainment-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

/* =========================================
   3. WORLD + NATIONAL NEWS
      ONE LARGE + TWO SMALL CARDS
========================================= */

.national-world-section {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 28px 0 !important;
}

.national-world-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100%;
}

.national-world-grid article {
    min-width: 0;
}

.national-world-grid article:first-child {
    grid-column: 1 / -1;
}

.national-world-grid article a {
    display: block;
    text-decoration: none;
}

.national-world-grid article:first-child img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}

.national-world-grid article:not(:first-child) img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}

.national-world-grid article h3 {
    margin: 8px 0;
    font-size: 16px;
    line-height: 1.5;
}

/* =========================================
   BUSINESS: ONE LARGE + TWO SMALL CARDS
========================================= */

#businessSection {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 28px 0 !important;
}

/* Large feature card on top */
#businessSection > .entertainment-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px;
}

#businessSection .entertainment-featured {
    width: 100%;
    min-width: 0;
}

#businessSection .entertainment-featured img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 5px;
}

/* Two small cards underneath */
#businessSection .entertainment-small-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px;
}

/* Show exactly two small cards in this layout */
#businessSection .entertainment-small-grid > article:nth-child(n+3) {
    display: none !important;
}

#businessSection .entertainment-small-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 5px;
}

/* Hide the extra business grid so only two small cards follow */
#businessSection > .entertainment-bottom-grid {
    display: none












/* SIDEBARS: LEFT IMAGE + RIGHT TEXT */

#latestGrid > article,
#trendingSidebar > article,
.top-side-article {
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0;
}

/* Image always on the LEFT */
#latestGrid > article > a:first-child,
#trendingSidebar > article > a:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
}

#latestGrid > article > a:first-child img,
#trendingSidebar > article > a:first-child img,
.top-side-article > a img {
    display: block !important;
    width: 100% !important;
    height: 72px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    border-radius: 5px;
}

/* Text always on the RIGHT */
#latestGrid > article .news-content,
#trendingSidebar > article .news-content,
.top-side-article .article-text {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0;
    text-align: left !important;
}

#latestGrid .news-content p,
#trendingSidebar .news-content p,
.top-side-article .article-text h3 {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#latestGrid .news-content a,
#trendingSidebar .news-content a,
.top-side-article .article-text a {
    display: block;
    text-decoration: none;
}

/* Top sidebar: text first in HTML, image second.
   Explicitly place image left and text right. */
.top-side-article {
    grid-template-columns: 100px minmax(0, 1fr) !important;
}

.top-side-article .article-text {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.top-side-article > a {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* MOBILE */
@media (max-width: 650px) {
    #latestGrid > article,
    #trendingSidebar > article,
    .top-side-article {
        grid-template-columns: 90px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    #latestGrid > article > a:first-child img,
    #trendingSidebar > article > a:first-child img,
    .top-side-article > a img {
        height: 66px !important;
    }

    #latestGrid .news-content p,
    #trendingSidebar .news-content p,
    .top-side-article .article-text h3 {
        font-size: 13px !important;
    }
}






/* BUSINESS - NATIONAL - WORLD: THREE COLUMNS */

.business-national-world-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    align-items: start !important;
}

.business-national-world-row > section {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Business featured article first, then two small cards */
.business-national-world-row #businessSection .entertainment-layout {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

.business-national-world-row #businessSection .entertainment-featured {
    width: 100% !important;
}

.business-national-world-row #businessSection .entertainment-small-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.business-national-world-row #businessSection .entertainment-small-grid article:nth-child(n+3),
.business-national-world-row #businessSection .entertainment-bottom-grid {
    display: none !important;
}

/* National and World: one large card + two small cards */
.business-national-world-row .national-world-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.business-national-world-row .national-world-grid article:first-child {
    grid-column: 1 / -1 !important;
}

.business-national-world-row img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.business-national-world-row h3 {
    overflow-wrap: anywhere;
}

/* Tablet */
@media (max-width: 900px) {
    .business-national-world-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .business-national-world-row {
        grid-template-columns: 1fr !important;
    }
}












/* FORCE BUSINESS, NATIONAL, WORLD SIDE BY SIDE */

body .business-national-world-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    float: none !important;
    box-sizing: border-box !important;
}

body .business-national-world-row > #businessSection,
body .business-national-world-row > #nationalSection,
body .business-national-world-row > #worldSection {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    position: relative !important;
    box-sizing: border-box !important;
}

body .business-national-world-row .entertainment-layout {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

body .business-national-world-row .national-world-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
}

body .business-national-world-row .national-world-grid article:first-child {
    grid-column: 1 / -1 !important;
}

@media (max-width: 700px) {
    body .business-national-world-row {
        grid-template-columns: 1fr !important;
    }
}


/* FINAL FIX: BUSINESS | NATIONAL | WORLD */

@media (min-width: 1051px) {
    .business-national-world-row {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
        align-items: start !important;
        width: 100% !important;
    }

    .business-national-world-row > #businessSection,
    .business-national-world-row > #nationalSection,
    .business-national-world-row > #worldSection {
        display: block !important;
        grid-column: auto !important;
        grid-row: auto !important;
        float: none !important;
        clear: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 701px) and (max-width: 1050px) {
    .business-national-world-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width: 700px) {
    .business-national-world-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
    }
}




/* ===== BS360: BUSINESS | NATIONAL | WORLD ===== */

.business-national-world-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: start !important;
    clear: both !important;
    box-sizing: border-box !important;
}

.business-national-world-row > #businessSection,
.business-national-world-row > #nationalSection,
.business-national-world-row > #worldSection {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    box-sizing: border-box !important;
}

/* Section headings */
.business-national-world-row .section-heading {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

/* Business: one main story + small stories */
.business-national-world-row #businessSection .entertainment-layout {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 12px !important;
}

.business-national-world-row #businessSection .entertainment-featured,
.business-national-world-row #businessSection .entertainment-small-grid {
    width: 100% !important;
    min-width: 0 !important;
}

.business-national-world-row #businessSection .entertainment-featured img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
}

.business-national-world-row #businessSection .entertainment-small-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.business-national-world-row #businessSection .entertainment-small-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
}

/* Hide extra bottom cards only in Business */
.business-national-world-row #businessSection > .entertainment-bottom-grid {
    display: none !important;
}

/* National + World: 1 large card and 2 smaller cards */
.business-national-world-row .national-world-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}

.business-national-world-row .national-world-grid article:first-child {
    grid-column: 1 / -1 !important;
}

.business-national-world-row .national-world-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
}

.business-national-world-row article {
    min-width: 0;
    overflow-wrap: anywhere;
}

.business-national-world-row article h3 {
    font-size: 15px;
    line-height: 1.45;
    margin: 7px 0;
}

/* Tablet */
@media (min-width: 701px) and (max-width: 1050px) {
    .business-national-world-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .business-national-world-row > #worldSection {
        grid-column: 1 / -1 !important;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .business-national-world-row {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
    }

    .business-national-world-row > #businessSection,
    .business-national-world-row > #nationalSection,
    .business-national-world-row > #worldSection {
        grid-column: auto !important;
    }
}