/* =========================================================
   HERNE CHITRA — FINAL CLIENT REQUIREMENTS PATCH
   2026-08-16
   Loaded AFTER style.css so these rules intentionally win.
========================================================= */

/* ---------- Shared ---------- */
:root {
    --hc-blue: #062f68;
    --hc-deep-blue: #081451;
    --hc-red: #d40000;
    --hc-green: #0d4d00;
    --hc-border: #c2c8d0;
    --hc-soft: #eef0f2;
}

.logo-ad-area {
    background: #fff !important;
}

.social-tiktok {
    background: #000 !important;
    color: #fff !important;
}

/* ---------- Breaking news: •News 1      •News 2 ---------- */
.breaking-track a {
    color: #fff !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    position: relative !important;
    text-decoration: none !important;
    padding-left: 11px !important;
    padding-right: 0 !important;
    margin-right: 36px !important;
}

.breaking-track a::before {
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.breaking-track a::after { display: none !important; }

/* =========================================================
   HOMEPAGE LIVE PLAYER
   1920x1080 proportion = exact 16:9 responsive box
========================================================= */
.hc-home-top {
    align-items: start !important;
}

.hc-home-main-feature.hc-live-radio-feature {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background: #000 !important;
}

.hc-live-frame-inner {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
}

.hc-live-frame-inner iframe,
.hc-live-radio-feature > iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: #000 !important;
}

.hc-live-radio-placeholder {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    text-align: center !important;
    color: #fff !important;
    background: linear-gradient(135deg, #062f68, #8c0000) !important;
}

/* ---------- ताजा समाचार ---------- */
.hc-latest-box {
    background: #fff !important;
}

.hc-latest-list a {
    display: grid !important;
    grid-template-columns: 94px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 82px !important;
    padding: 10px 8px !important;
    margin: 0 !important;
    border-bottom: 2px solid #aeb5bf !important;
}

.hc-latest-list a:last-child { border-bottom: 0 !important; }

.hc-latest-list img,
.hc-latest-list .hc-mini-thumb {
    width: 94px !important;
    height: 62px !important;
    margin: 0 !important;
    object-fit: cover !important;
    border-radius: 2px !important;
}

.hc-latest-list h4 {
    margin: 0 !important;
    color: var(--hc-green) !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* ---------- Section headings ---------- */
.hc-dark-section-heading,
.hc-section-bar.hc-section-bar-centered {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 8px 58px !important;
    margin: 0 !important;
    color: #fff !important;
    background: linear-gradient(110deg, #07144e 0%, #07144e 70%, #c90000 70%, #e00000 100%) !important;
    border: 0 !important;
    overflow: hidden !important;
}

.hc-dark-section-heading h2,
.hc-section-bar.hc-section-bar-centered h3 {
    width: 100% !important;
    margin: 0 !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.hc-section-bar.hc-section-bar-centered > span {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #fff !important;
    font-size: 16px !important;
}

.hc-section-bar.hc-section-bar-centered::after,
.hc-dark-section-heading::after { display: none !important; }

.hc-section-bar.hc-section-bar-compact,
.hc-section-bar.hc-section-bar-compact h3 {
    min-height: 42px !important;
}

.hc-section-bar.hc-section-bar-compact h3 {
    font-size: 18px !important;
}

/* ---------- Pratikriti slider ---------- */
.hc-pratikriti-section {
    overflow: hidden !important;
}

.hc-slider-controls {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    display: flex !important;
    gap: 6px !important;
    transform: translateY(-50%) !important;
    z-index: 4 !important;
}

.hc-slider-arrow {
    width: 31px !important;
    height: 31px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(255,255,255,.13) !important;
    cursor: pointer !important;
}

.hc-pratikriti-slider {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(280px, calc((100% - 48px) / 4)) !important;
    gap: 16px !important;
    width: 100% !important;
    padding: 14px 0 9px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: #b40000 #d9dde2 !important;
}

.hc-pratikriti-slider::-webkit-scrollbar { height: 5px !important; }
.hc-pratikriti-slider::-webkit-scrollbar-track { background: #d9dde2 !important; }
.hc-pratikriti-slider::-webkit-scrollbar-thumb { background: #b40000 !important; border-radius: 10px !important; }
.hc-pratikriti-card { scroll-snap-align: start !important; }

/* ---------- Playable cards ---------- */
.hc-playable-card {
    min-width: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
}

.hc-playable-thumb {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: #000 !important;
}

.hc-playable-thumb img,
.hc-playable-thumb iframe,
.hc-playable-thumb .hc-video-placeholder {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    background: #000 !important;
}

.hc-thumb-play-btn,
.category-play-btn,
.mini-play-icon {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(214,0,0,.94) !important;
    border: 2px solid #fff !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.35) !important;
    cursor: pointer !important;
    z-index: 8 !important;
}

.hc-thumb-play-btn,
.category-play-btn {
    width: 56px !important;
    height: 56px !important;
}

.mini-play-icon {
    width: 32px !important;
    height: 32px !important;
}

.hc-thumb-play-btn i,
.category-play-btn i,
.mini-play-icon i {
    color: #fff !important;
    margin-left: 3px !important;
}

/* News titles: visible, clean, same feel as the older homepage. */
.hc-card-news-title,
.hc-playable-card h3,
.hc-playable-card h4 {
    margin: 0 !important;
    padding: 10px 10px 11px !important;
    color: var(--hc-green) !important;
    background: #fff !important;
    font-size: 17px !important;
    line-height: 1.38 !important;
    font-weight: 800 !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 58px !important;
}

.hc-card-news-title a,
.hc-playable-card h3 a,
.hc-playable-card h4 a {
    color: inherit !important;
    text-decoration: none !important;
}

.hc-card-news-title a:hover,
.hc-playable-card h3 a:hover,
.hc-playable-card h4 a:hover {
    color: var(--hc-red) !important;
}

/* ---------- Two-column video groups ---------- */
.hc-two-video,
.hc-bottom-feature,
.hc-message-feature-grid,
.hc-podcast-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: start !important;
}

.hc-podcast-grid { padding-top: 14px !important; }
.hc-message-feature-grid { margin-top: 22px !important; margin-bottom: 22px !important; }

.hc-video-section-card,
.hc-message-feature-card,
.hc-podcast-card {
    min-width: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
}

/* =========================================================
   CATEGORY PAGE
========================================================= */
.category-hero {
    padding: 18px 25px !important;
    margin-bottom: 18px !important;
    border-left-width: 6px !important;
}

.category-hero h1 {
    margin: 2px 0 4px !important;
    font-size: 29px !important;
    line-height: 1.2 !important;
}

.category-hero p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.category-card {
    background: #fff !important;
    border: 1px solid #d3d7dc !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.06) !important;
}

.category-thumb,
.category-video-thumb,
.category-click-video {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    overflow: hidden !important;
    background: #000 !important;
}

.category-thumb img,
.category-click-video img,
.category-click-video iframe,
.category-thumb iframe,
.category-placeholder {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    object-fit: cover !important;
}

.category-breaking-badge {
    position: absolute !important;
    left: 9px !important;
    top: 9px !important;
    z-index: 10 !important;
    padding: 5px 9px !important;
    color: #fff !important;
    background: #d40000 !important;
    border-radius: 3px !important;
    font-weight: 800 !important;
}

.category-card-body h2 {
    margin: 0 0 8px !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 56px !important;
}

.category-card-body h2 a {
    color: var(--hc-green) !important;
    text-decoration: none !important;
}
.category-card-body h2 a:hover { color: var(--hc-red) !important; }

.category-card-body p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.sidebar-news-item-final,
.sidebar-news-list .sidebar-news-item {
    border-bottom: 2px solid #b6bcc4 !important;
}

.sidebar-news-item-final {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 8px !important;
}

.sidebar-news-item-final:last-child,
.sidebar-news-list .sidebar-news-item:last-child { border-bottom: 0 !important; }

.sidebar-thumb-video {
    position: relative !important;
    width: 92px !important;
    height: 64px !important;
    overflow: hidden !important;
    background: #000 !important;
}

.sidebar-thumb-video img,
.sidebar-thumb-video iframe {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border: 0 !important;
    object-fit: cover !important;
}

.sidebar-news-text h4,
.sidebar-news-item h4 {
    margin: 0 0 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.35 !important;
    max-height: 2.7em !important;
}

.sidebar-news-text h4 a {
    color: var(--hc-green) !important;
    text-decoration: none !important;
}

.category-bottom-ad-wrap {
    margin-bottom: 22px !important;
}

.category-page > section.container:last-of-type {
    padding-bottom: 0 !important;
}

/* =========================================================
   SINGLE NEWS PAGE
========================================================= */
.single-news-page {
    padding-top: 30px !important;
    padding-bottom: 24px !important;
}

.article-top-ad {
    min-height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.article-header-card {
    padding: 36px 32px !important;
    min-height: 210px !important;
}

.article-featured-image.video-feature-box {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    background: #000 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.article-featured-image.video-feature-box > img,
.video-feature-trigger,
.video-feature-trigger img,
.article-featured-image.video-feature-box iframe {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
}

.video-feature-trigger {
    position: relative !important;
    background: #000 !important;
    cursor: pointer !important;
}

.article-share-row {
    gap: 10px !important;
}

.article-share-row a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 10px 15px !important;
    color: #fff !important;
    text-decoration: none !important;
}

.article-share-row .share-facebook { background: #1877f2 !important; }
.article-share-row .share-whatsapp { background: #16a34a !important; }

.related-news-section {
    padding-bottom: 6px !important;
}

.related-grid {
    gap: 18px !important;
}

.related-card {
    border: 1px solid #bdc3ca !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.08) !important;
}

.related-card h3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.article-bottom-ad {
    margin-top: 26px !important;
    margin-bottom: 6px !important;
    min-height: 100px !important;
}

/* Darker visual divider between news rows/cards */
.sidebar-news-list > a + a,
.sidebar-news-list > .sidebar-news-item-final + .sidebar-news-item-final {
    border-top: 0 !important;
}

/* =========================================================
   CONTACT / SOCIAL
========================================================= */
.contact-social {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.contact-social a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

/* =========================================================
   FOOTER
========================================================= */
.site-footer {
    margin-top: 0 !important;
}

.footer-grid {
    align-items: stretch !important;
    gap: 18px !important;
}

.site-footer .footer-box {
    min-width: 0 !important;
}

.site-footer .footer-box h3 {
    font-size: 23px !important;
}

.site-footer .footer-box p {
    margin: 5px 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.footer-team-list {
    display: grid !important;
    gap: 4px !important;
}

.footer-team-row {
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
    gap: 7px !important;
    margin: 0 !important;
    align-items: baseline !important;
}

.footer-team-row strong { white-space: nowrap !important; }

.footer-social-only {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin-top: 10px !important;
}

.footer-social-only a {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #fff !important;
    text-decoration: none !important;
}

.footer-social-only .social-facebook { background: #1877f2 !important; }
.footer-social-only .social-youtube { background: #f00 !important; }
.footer-social-only .social-tiktok { background: #000 !important; border: 1px solid rgba(255,255,255,.35) !important; }

.footer-registration {
    margin-top: 2px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    opacity: .82 !important;
}

.footer-bottom .bottom-flex {
    gap: 14px !important;
}

.footer-bottom a {
    color: inherit !important;
    text-decoration: underline !important;
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 1100px) {
    .hc-pratikriti-slider {
        grid-auto-columns: minmax(280px, calc((100% - 16px) / 2)) !important;
    }
}

@media (max-width: 768px) {
    .breaking-track a {
        font-size: 14px !important;
        margin-right: 26px !important;
        padding-left: 10px !important;
    }

    .hc-dark-section-heading,
    .hc-section-bar.hc-section-bar-centered {
        min-height: 44px !important;
        padding: 7px 48px !important;
    }

    .hc-dark-section-heading h2,
    .hc-section-bar.hc-section-bar-centered h3 {
        font-size: 18px !important;
    }

    .hc-pratikriti-slider {
        grid-auto-columns: 84% !important;
        gap: 13px !important;
    }

    .hc-two-video,
    .hc-bottom-feature,
    .hc-message-feature-grid,
    .hc-podcast-grid {
        grid-template-columns: 1fr !important;
        gap: 17px !important;
    }

    .hc-card-news-title,
    .hc-playable-card h3,
    .hc-playable-card h4 {
        font-size: 16px !important;
        min-height: 54px !important;
    }

    .article-header-card {
        padding: 26px 22px !important;
        min-height: 0 !important;
    }

    .article-top-ad {
        min-height: 90px !important;
    }

    .footer-team-row {
        grid-template-columns: 108px minmax(0, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .hc-latest-list a {
        grid-template-columns: 82px minmax(0, 1fr) !important;
    }

    .hc-latest-list img,
    .hc-latest-list .hc-mini-thumb {
        width: 82px !important;
        height: 58px !important;
    }

    .hc-pratikriti-slider { grid-auto-columns: 91% !important; }

    .footer-team-row {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }
}

/* =========================================================
   CLIENT VIDEO FINAL CORRECTIONS — 2026-08-16
========================================================= */

/* Hide the browser scrollbar below प्रतिकृति. Navigation remains available
   through the arrow buttons, mouse/touch drag and automatic sliding. */
.hc-pratikriti-slider {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding-bottom: 12px !important;
}
.hc-pratikriti-slider::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.hc-slider-arrow {
    background: rgba(255,255,255,.2) !important;
    border-color: rgba(255,255,255,.9) !important;
    transition: transform .2s ease, background .2s ease !important;
}
.hc-slider-arrow:hover {
    background: rgba(255,255,255,.34) !important;
    transform: scale(1.06) !important;
}

/* Home/card text must remain readable on the white card background. */
.hc-card-news-title,
.hc-playable-card h3,
.hc-playable-card h4,
.hc-latest-list h4,
.category-card-body h2,
.category-card-body h2 a,
.sidebar-news-text h4,
.sidebar-news-text h4 a,
.sidebar-news-item h4,
.sidebar-news-item h4 a,
.related-card h3,
.related-card h3 a {
    color: #172235 !important;
}

.hc-card-news-title a:hover,
.hc-playable-card h3 a:hover,
.hc-playable-card h4 a:hover,
.category-card-body h2 a:hover,
.sidebar-news-text h4 a:hover,
.sidebar-news-item h4 a:hover,
.related-card h3 a:hover {
    color: #b40000 !important;
}

.hc-playable-card,
.hc-video-section-card,
.hc-message-feature-card,
.hc-podcast-card {
    border: 1px solid #d9dde3 !important;
    box-shadow: 0 3px 12px rgba(20,33,54,.06) !important;
}

/* Active advertisements only. Empty placements collapse instead of leaving
   large white gaps in the homepage. */
.hc-ad-space {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.hc-ad-space img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Two-column video sections stay balanced. */
.hc-two-video,
.hc-bottom-feature,
.hc-message-feature-grid,
.hc-podcast-grid {
    align-items: stretch !important;
}
.hc-two-video > *,
.hc-bottom-feature > *,
.hc-message-feature-grid > *,
.hc-podcast-grid > * {
    height: 100% !important;
}

/* News detail header requested slightly taller in client feedback. */
.article-header-card {
    min-height: 235px !important;
    padding: 42px 36px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.article-header-card h1 {
    line-height: 1.32 !important;
}

/* Stronger visual separation between related/latest news items. */
.related-grid {
    gap: 20px !important;
}
.related-card {
    border: 1px solid #aeb6c0 !important;
    background: #fff !important;
    box-shadow: 0 4px 15px rgba(17,31,49,.09) !important;
}
.related-card + .related-card {
    border-left-color: #929ba7 !important;
}
.sidebar-news-item-final,
.sidebar-news-list .sidebar-news-item,
.hc-latest-list a {
    border-bottom-color: #919aa5 !important;
}

/* About page: six people in a clean 3 x 2 desktop grid. */
.about-team .team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
}
.about-team .team-card {
    border: 1px solid #d9dde3 !important;
    box-shadow: 0 4px 14px rgba(20,33,54,.07) !important;
}
.about-team .team-card h3 {
    color: #18263a !important;
    font-size: 21px !important;
}
.about-team .team-card span {
    background: #0c356d !important;
}

/* Contact details were too faint in the recording. */
.contact-info-box,
.contact-team-box {
    border: 1px solid #d7dce2 !important;
    box-shadow: 0 4px 16px rgba(20,33,54,.07) !important;
}
.contact-info-box h2,
.contact-team-box h2 {
    color: #102d58 !important;
}
.contact-info-item strong,
.team-contact-item strong {
    color: #a90000 !important;
    font-weight: 900 !important;
}
.contact-info-item p,
.team-contact-item p {
    color: #202a36 !important;
    font-weight: 600 !important;
}
.contact-social a {
    color: #fff !important;
}
.contact-social a:nth-child(1) { background: #1877f2 !important; }
.contact-social a:nth-child(2) { background: #e00000 !important; }
.contact-social a:nth-child(3) { background: #111 !important; }

/* Footer readability and alignment. */
.site-footer .footer-box {
    border-color: rgba(255,255,255,.24) !important;
}
.site-footer .footer-box h3 {
    color: #fff !important;
    font-size: 22px !important;
}
.site-footer .footer-box p,
.site-footer .footer-box strong,
.site-footer .footer-box span {
    color: #f4f6fb !important;
}
.site-footer .footer-box p {
    font-size: 14px !important;
    line-height: 1.62 !important;
}
.footer-team-row {
    grid-template-columns: 126px minmax(0,1fr) !important;
    gap: 8px !important;
}
.footer-bottom,
.footer-bottom p,
.footer-bottom a {
    color: #fff !important;
}

@media (max-width: 1100px) {
    .about-team .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .article-header-card {
        min-height: 175px !important;
        padding: 28px 22px !important;
    }

    .about-team .team-grid {
        grid-template-columns: 1fr !important;
    }

    .site-footer .footer-box p {
        font-size: 13px !important;
    }
}

/* =========================================================
   CLIENT VIDEO 2026-08-17 — FINAL VISIBILITY / LAYOUT FIXES
   These rules intentionally sit at the very end so they win.
========================================================= */

/* Keep the homepage dense and aligned like the client's reference. */
.hc-home-dynamic {
    background: #ececec !important;
    padding-bottom: 28px !important;
}

.hc-home-dynamic > .container,
.hc-home-dynamic .container {
    box-sizing: border-box !important;
}

.hc-home-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 16px !important;
    padding-top: 16px !important;
    align-items: start !important;
}

/* Exact responsive 16:9 live player – no white frame/padding. */
.hc-home-main-feature.hc-live-radio-feature {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.hc-live-frame-inner,
.hc-live-frame-inner iframe,
.hc-live-radio-feature > iframe {
    border-radius: 0 !important;
}

/* Latest news: 4 items, strong divider and readable titles. */
.hc-latest-box {
    border: 1px solid #c7ccd3 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
    overflow: hidden !important;
}

.hc-latest-box .hc-widget-title {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 16px !important;
}

.hc-latest-box .hc-widget-title h3 {
    margin: 0 !important;
    font-size: 23px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #fff !important;
}

.hc-latest-list a {
    min-height: 86px !important;
    background: #fff !important;
    border-bottom: 3px solid #aab1bb !important;
    transition: background .2s ease !important;
}

.hc-latest-list a:hover {
    background: #f4f6f8 !important;
}

.hc-latest-list a:last-child {
    border-bottom: 0 !important;
}

.hc-latest-list h4 {
    color: #102a1d !important;
    font-size: 16px !important;
    line-height: 1.42 !important;
    font-weight: 900 !important;
}

/* Strong, consistent section separation. */
.hc-block,
.hc-two-video,
.hc-bottom-feature,
.hc-message-feature-grid {
    margin-top: 18px !important;
}

.hc-dark-section-heading,
.hc-section-bar.hc-section-bar-centered {
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.16) !important;
}

.hc-dark-section-heading h2,
.hc-section-bar.hc-section-bar-centered h3 {
    letter-spacing: 0 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.2) !important;
}

/* Pratikriti slider – 4 visible cards on desktop and no ugly scrollbar. */
.hc-pratikriti-slider {
    grid-auto-columns: calc((100% - 48px) / 4) !important;
    gap: 16px !important;
    padding: 14px 0 4px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.hc-pratikriti-slider::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* Every homepage video/news card has a visible title area. */
.hc-playable-card,
.hc-video-section-card,
.hc-podcast-card,
.hc-message-feature-card {
    border: 1px solid #c9ced5 !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}

.hc-playable-card .hc-card-news-title,
.hc-playable-card h3.hc-card-news-title,
.hc-playable-card h4.hc-card-news-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 11px 12px 12px !important;
    border-top: 1px solid #d4d9df !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 18px !important;
    line-height: 1.42 !important;
    font-weight: 900 !important;
    text-align: left !important;
}

.hc-playable-card .hc-card-news-title a,
.hc-playable-card h3.hc-card-news-title a,
.hc-playable-card h4.hc-card-news-title a {
    color: #111827 !important;
    text-decoration: none !important;
}

.hc-playable-card .hc-card-news-title a:hover,
.hc-playable-card h3.hc-card-news-title a:hover,
.hc-playable-card h4.hc-card-news-title a:hover {
    color: #c60000 !important;
}

/* Keep all image/video blocks in true 16:9. */
.hc-playable-thumb,
.hc-large-home-video .hc-playable-thumb,
.hc-podcast-card .hc-playable-thumb,
.hc-pratikriti-card .hc-playable-thumb {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
}

.hc-playable-thumb img,
.hc-playable-thumb iframe {
    object-fit: cover !important;
}

/* Slightly smaller play icon so it does not cover thumbnail text. */
.hc-thumb-play-btn {
    width: 52px !important;
    height: 52px !important;
}

.hc-thumb-play-btn i {
    font-size: 18px !important;
}

/* Podcast cards were specifically hard to read in the client video. */
.hc-podcast-grid {
    gap: 16px !important;
    padding-top: 12px !important;
}

.hc-podcast-card .hc-card-news-title {
    min-height: 64px !important;
    font-size: 18px !important;
    color: #111827 !important;
}

/* Vlog / photo / message rows: equal widths and clear separation. */
.hc-bottom-feature,
.hc-message-feature-grid,
.hc-two-video,
.hc-podcast-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

/* Footer – make all text readable, aligned and balanced. */
.site-footer .footer-grid {
    grid-template-columns: 1.15fr 1fr 1.15fr .85fr !important;
    gap: 16px !important;
    align-items: stretch !important;
}

.site-footer .footer-box {
    padding: 22px 18px !important;
    min-height: 245px !important;
}

.site-footer .footer-box h3 {
    margin-bottom: 16px !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}

.site-footer .footer-box p,
.site-footer .footer-box li,
.site-footer .footer-box span,
.site-footer .footer-box strong {
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.footer-team-list {
    gap: 6px !important;
}

.footer-team-row {
    grid-template-columns: 126px minmax(0, 1fr) !important;
    gap: 8px !important;
}

.footer-social-only a {
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
}

.footer-registration {
    font-size: 11px !important;
    line-height: 1.35 !important;
}

/* About page – six people look balanced as 3 + 3, not 4 + 2. */
.about-team .team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

.about-team .team-card {
    padding: 24px 18px !important;
    border: 1px solid #d7dce2 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.07) !important;
}

.about-team .team-card h3 {
    margin: 6px 0 8px !important;
    color: #111827 !important;
    font-size: 21px !important;
    line-height: 1.3 !important;
}

.about-team .team-card span {
    margin: 0 !important;
    padding: 6px 11px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

/* Desktop/tablet safety. */
@media (max-width: 1180px) {
    .hc-home-top {
        grid-template-columns: minmax(0, 1fr) 315px !important;
    }

    .hc-pratikriti-slider {
        grid-auto-columns: calc((100% - 32px) / 3) !important;
    }

    .site-footer .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .about-team .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .hc-home-top {
        grid-template-columns: 1fr !important;
    }

    .hc-pratikriti-slider {
        grid-auto-columns: calc((100% - 16px) / 2) !important;
    }
}

@media (max-width: 768px) {
    .hc-pratikriti-slider {
        grid-auto-columns: 86% !important;
    }

    .hc-two-video,
    .hc-podcast-grid,
    .hc-bottom-feature,
    .hc-message-feature-grid,
    .site-footer .footer-grid,
    .about-team .team-grid {
        grid-template-columns: 1fr !important;
    }

    .hc-playable-card .hc-card-news-title,
    .hc-playable-card h3.hc-card-news-title,
    .hc-playable-card h4.hc-card-news-title {
        min-height: 56px !important;
        font-size: 16px !important;
        padding: 9px 10px 10px !important;
    }

    .site-footer .footer-box {
        min-height: 0 !important;
    }

    .footer-team-row {
        grid-template-columns: 118px minmax(0, 1fr) !important;
    }
}

/* Final safety: inactive ad placeholders must never create blank blocks. */
.empty-ad {
    display: none !important;
}

/* Keep the two large media-section headings polished without oversized text. */
.hc-two-video .hc-section-bar.hc-section-bar-centered h3 {
    font-size: 20px !important;
}

/* Clearer article/category/latest titles on the pale page background. */
.sidebar-news-list .sidebar-news-item h4,
.single-sidebar-widget .sidebar-news-item h4,
.related-card h3,
.category-card-body h2,
.category-card-body h2 a {
    color: #111827 !important;
    font-weight: 900 !important;
}

/* Desktop news detail hero: deliberately roomier than the old version. */
@media (min-width: 901px) {
    .article-header-card {
        min-height: 250px !important;
        padding: 46px 40px !important;
    }
}

/* =========================================================
   CLIENT SCREENSHOT REFINEMENT — 2026-08-17 (UI2)
   1) Live Radio CTA
   2) Full thumbnail + fill treatment
   3) Centered dark-red card titles
   4) Vlog/Photo heading clipping fix
   5) Footer registration placement/border
   6) Stronger Pratikriti arrows
========================================================= */

/* ---------- 1. Live Radio button inside the live panel ---------- */
.hc-live-radio-cta {
    position: absolute !important;
    left: 18px !important;
    bottom: 18px !important;
    z-index: 20 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 9px 16px !important;
    border: 2px solid rgba(255,255,255,.96) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #c90000 0%, #e30000 100%) !important;
    color: #fff !important;
    box-shadow: 0 7px 22px rgba(0,0,0,.36) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: .35px !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.hc-live-radio-cta:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #9f0000 0%, #d40000 100%) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.42) !important;
    color: #fff !important;
}

.hc-live-radio-cta i {
    font-size: 15px !important;
    color: #fff !important;
}

.hc-live-radio-cta strong {
    color: #fff !important;
    font-weight: 900 !important;
}

.hc-live-radio-dot {
    width: 9px !important;
    height: 9px !important;
    flex: 0 0 9px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 0 0 0 rgba(255,255,255,.75) !important;
    animation: hcRadioPulse 1.6s infinite !important;
}

.hc-live-radio-cta.is-disabled {
    cursor: default !important;
    opacity: .9 !important;
}

@keyframes hcRadioPulse {
    0% { box-shadow: 0 0 0 0 rgba(255,255,255,.72); }
    70% { box-shadow: 0 0 0 8px rgba(255,255,255,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}

/* ---------- 2. Thumbnail: show the COMPLETE image while still filling the 16:9 box ---------- */
.hc-playable-thumb {
    isolation: isolate !important;
    background: #111 !important;
}

.hc-playable-thumb::before {
    content: "" !important;
    position: absolute !important;
    inset: -12px !important;
    z-index: 0 !important;
    background-image: var(--hc-thumb-bg) !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    filter: blur(10px) brightness(.58) !important;
    transform: scale(1.06) !important;
    opacity: .92 !important;
    pointer-events: none !important;
}

.hc-playable-thumb > img {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
}

.hc-playable-thumb > iframe,
.hc-playable-thumb > .hc-video-placeholder {
    position: relative !important;
    z-index: 3 !important;
}

.hc-playable-thumb .hc-thumb-play-btn {
    z-index: 9 !important;
}

/* ---------- 2b. Every card/news title: centered and dark red ---------- */
.hc-playable-card .hc-card-news-title,
.hc-playable-card h3.hc-card-news-title,
.hc-playable-card h4.hc-card-news-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 64px !important;
    padding: 10px 14px 12px !important;
    color: #7c0808 !important;
    text-align: center !important;
    background: #fff !important;
    border-top: 2px solid #d9dde2 !important;
    font-size: 18px !important;
    line-height: 1.42 !important;
    font-weight: 900 !important;
    overflow: hidden !important;
}

.hc-playable-card .hc-card-news-title a,
.hc-playable-card h3.hc-card-news-title a,
.hc-playable-card h4.hc-card-news-title a {
    display: -webkit-box !important;
    width: 100% !important;
    margin: 0 auto !important;
    color: #7c0808 !important;
    text-align: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.hc-playable-card .hc-card-news-title a:hover,
.hc-playable-card h3.hc-card-news-title a:hover,
.hc-playable-card h4.hc-card-news-title a:hover {
    color: #bd0000 !important;
}

/* ---------- 3. Prevent हेर्ने भ्लग / फोटो चित्र headings from clipping ---------- */
.hc-section-bar.hc-section-bar-centered.hc-section-bar-compact {
    min-height: 52px !important;
    height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.hc-section-bar.hc-section-bar-centered.hc-section-bar-compact h3 {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 2px 0 3px !important;
    font-size: 19px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow: visible !important;
}

.hc-bottom-feature .hc-section-bar,
.hc-message-feature-grid .hc-section-bar {
    overflow: hidden !important;
}

/* ---------- 4. Footer: registration inside contact box + stronger box borders ---------- */
.site-footer .footer-box {
    border: 2px solid rgba(255,255,255,.34) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.site-footer .footer-registration-inside {
    margin-top: 13px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(255,255,255,.22) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    opacity: .9 !important;
}

.site-footer .footer-registration-inside strong {
    font-size: 11px !important;
    font-weight: 800 !important;
}

/* ---------- 5. Pratikriti slider arrows: bolder and easier to see ---------- */
.hc-slider-arrow {
    width: 38px !important;
    height: 38px !important;
    border: 2px solid #fff !important;
    background: rgba(0,0,0,.20) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
}

.hc-slider-arrow i {
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    -webkit-text-stroke: .45px #fff !important;
}

.hc-slider-arrow:hover {
    background: #b80000 !important;
    border-color: #fff !important;
    transform: scale(1.05) !important;
}

@media (max-width: 768px) {
    .hc-live-radio-cta {
        left: 10px !important;
        bottom: 10px !important;
        min-height: 36px !important;
        padding: 7px 12px !important;
        font-size: 11px !important;
    }

    .hc-live-radio-dot {
        width: 8px !important;
        height: 8px !important;
        flex-basis: 8px !important;
    }

    .hc-playable-card .hc-card-news-title,
    .hc-playable-card h3.hc-card-news-title,
    .hc-playable-card h4.hc-card-news-title {
        min-height: 58px !important;
        font-size: 16px !important;
        padding: 9px 10px !important;
    }

    .hc-section-bar.hc-section-bar-centered.hc-section-bar-compact {
        min-height: 48px !important;
        padding-left: 48px !important;
        padding-right: 48px !important;
    }

    .hc-section-bar.hc-section-bar-centered.hc-section-bar-compact h3 {
        font-size: 17px !important;
    }

    .hc-slider-arrow {
        width: 34px !important;
        height: 34px !important;
    }
}
.hc-live-radio-cta.is-disabled {
    pointer-events: none !important;
}


/* =========================================================
   FINAL THUMBNAIL + HERNE SAMBAD + FOOTER REFINEMENT
   2026-08-17
========================================================= */

/*
 * Preserve every uploaded thumbnail.
 * The complete image stays visible instead of being zoomed/cropped.
 * The media holder itself remains a consistent 16:9 card.
 */
.hc-playable-thumb {
    aspect-ratio: 16 / 9 !important;
    background: #111827 !important;
}

.hc-playable-thumb > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Category/listing thumbnails: keep the complete uploaded thumbnail too. */
.category-thumb,
.category-video-thumb,
.category-click-video {
    aspect-ratio: 16 / 9 !important;
    background: #eef1f4 !important;
}

.category-thumb img,
.category-click-video img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #eef1f4 !important;
}

/* Do not affect an iframe after the viewer presses Play. */
.category-thumb iframe,
.category-click-video iframe {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
    background: #000 !important;
}

/* Keep sidebar mini-thumbnails neat and undistorted. */
.sidebar-thumb-video img,
.sidebar-news-item img {
    object-fit: contain !important;
    object-position: center center !important;
    background: #eef1f4 !important;
}

/* हेर्ने सम्वाद deliberately mirrors the हेर्ने पोडकास्ट layout. */
.hc-sambad-section {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

.hc-sambad-section .hc-dark-section-heading {
    margin-bottom: 0 !important;
}

.hc-sambad-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    padding-top: 14px !important;
}

/* Stronger and much more visible footer cards, as requested. */
.site-footer .footer-box {
    border: 3px solid rgba(255,255,255,.58) !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.08),
        inset 0 0 0 1px rgba(255,255,255,.06),
        0 8px 22px rgba(0,0,0,.12) !important;
}

.site-footer .footer-box:hover {
    border-color: rgba(255,255,255,.74) !important;
}

@media (max-width: 760px) {
    .hc-sambad-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .site-footer .footer-box {
        border-width: 2px !important;
    }
}
\n\n/* =========================================================
   FINAL PODCAST + SAMBAD SLIDERS
   2026-08-17
========================================================= */

/* Keep both sections visually identical and clip only the slider overflow. */
.hc-media-slider-section {
    overflow: hidden !important;
}

/* Two large cards visible on desktop, matching the original podcast layout. */
.hc-media-slider {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 18px) / 2) !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    width: 100% !important;
    padding: 14px 0 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.hc-media-slider::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.hc-media-slider > .hc-slider-media-card,
.hc-media-slider > .hc-podcast-card,
.hc-media-slider > .hc-sambad-card {
    width: 100% !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
}

/* Podcast/Sambad use the same strong navigation controls as Pratikriti. */
.hc-media-slider-section .hc-slider-arrow,
.hc-pratikriti-section .hc-slider-arrow {
    width: 42px !important;
    height: 42px !important;
    border: 3px solid #fff !important;
    background: rgba(5, 19, 74, .90) !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.34) !important;
    font-weight: 900 !important;
}

.hc-media-slider-section .hc-slider-arrow i,
.hc-pratikriti-section .hc-slider-arrow i {
    font-size: 18px !important;
    font-weight: 900 !important;
    -webkit-text-stroke: .65px #fff !important;
}

.hc-media-slider-section .hc-slider-arrow:hover,
.hc-pratikriti-section .hc-slider-arrow:hover {
    background: #b40000 !important;
    border-color: #fff !important;
    transform: scale(1.07) !important;
}

.hc-media-slider-section .hc-slider-arrow:focus-visible,
.hc-pratikriti-section .hc-slider-arrow:focus-visible {
    outline: 3px solid rgba(255,255,255,.55) !important;
    outline-offset: 2px !important;
}

/* Enough room for the stronger buttons without covering the centered heading. */
.hc-media-slider-section .hc-slider-section-heading,
.hc-pratikriti-section .hc-slider-section-heading {
    padding-right: 112px !important;
    padding-left: 112px !important;
}

@media (max-width: 900px) {
    .hc-media-slider {
        grid-auto-columns: 72% !important;
        gap: 15px !important;
    }
}

@media (max-width: 760px) {
    .hc-media-slider {
        grid-auto-columns: 88% !important;
        gap: 13px !important;
        padding-top: 11px !important;
    }

    .hc-media-slider-section .hc-slider-section-heading,
    .hc-pratikriti-section .hc-slider-section-heading {
        padding-left: 78px !important;
        padding-right: 78px !important;
    }

    .hc-media-slider-section .hc-slider-arrow,
    .hc-pratikriti-section .hc-slider-arrow {
        width: 36px !important;
        height: 36px !important;
        border-width: 2px !important;
    }

    .hc-media-slider-section .hc-slider-arrow i,
    .hc-pratikriti-section .hc-slider-arrow i {
        font-size: 16px !important;
    }
}