/*
Theme Name: Vande Bharat News
Theme URI: https://vandebharattv.com/
Author: Vande Bharat News
Description: Custom light/orange Hindi news theme with dynamic categories, infinite scrolling, advertisements, social sharing, app-download badges and built-in SEO controls.
Version: 1.10.54
Text Domain: vande-bharat-news
*/
:root{--vbn-orange:#ff6a00;--vbn-orange2:#ffb000;--vbn-ink:#151719;--vbn-muted:#73777d;--vbn-bg:#f4f5f6;--vbn-card:#fff;--vbn-border:#e5e7eb;--vbn-max:1420px;--vbn-shadow:0 8px 26px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--vbn-bg);color:var(--vbn-ink);font-family:"Noto Sans Devanagari","Nirmala UI",system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.vbn-container{width:min(calc(100% - 32px),var(--vbn-max));margin:auto}
.vbn-header{background:#fff;border-bottom:1px solid var(--vbn-border);position:sticky;top:0;z-index:999;box-shadow:0 2px 14px rgba(0,0,0,.06)}.admin-bar .vbn-header{top:32px}.admin-bar .vbn-progress{top:32px}.vbn-head-inner{height:70px;display:flex;align-items:center;gap:18px}.vbn-logo{display:flex;align-items:center;min-width:220px}.vbn-logo img{max-height:52px;width:auto}.vbn-text-logo{font-weight:900;font-size:20px;line-height:1.05}.vbn-nav{margin-left:auto;display:flex;align-items:stretch;height:70px}.vbn-nav a{display:flex;align-items:center;gap:7px;padding:0 14px;border-left:1px solid #eee;font-weight:800;font-size:14px;transition:.2s}.vbn-nav a:hover{color:var(--vbn-orange);background:#fff8f2}.vbn-live{color:#e11!important}.vbn-live i{width:8px;height:8px;border-radius:50%;background:#e11;box-shadow:0 0 0 0 #e11;animation:vbnpulse 1.5s infinite}.vbn-search-toggle{cursor:pointer}.vbn-menu-btn{display:none;border:1px solid var(--vbn-border);background:#fff;border-radius:10px;padding:9px 11px;font-size:20px}.vbn-search-panel{display:none;background:#fff;border-top:1px solid var(--vbn-border);padding:12px}.vbn-search-panel.open{display:block}.vbn-search-form{display:flex;gap:8px;max-width:900px;margin:auto}.vbn-search-form input{flex:1;padding:12px 14px;border:1px solid #ddd;border-radius:10px;font-size:15px}.vbn-search-form button{border:0;border-radius:10px;padding:0 18px;background:linear-gradient(135deg,var(--vbn-orange),var(--vbn-orange2));color:#fff;font-weight:800}
.vbn-progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--vbn-orange),var(--vbn-orange2));width:0;z-index:1001}
.vbn-ad{background:#fff;border:1px dashed #d7d7d7;border-radius:10px;overflow:hidden}.vbn-ad img{width:100%;height:auto;object-fit:cover}.vbn-ad-banner{margin:14px auto}.vbn-ad-placeholder{min-height:120px;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;background:linear-gradient(135deg,#fff,#fafafa)}.vbn-ad-code{padding:10px;border:0;background:transparent}.vbn-ad-code>*{max-width:100%}
.vbn-home-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 342px;gap:18px;align-items:start}.vbn-left{position:sticky;top:86px;height:auto;max-height:none;overflow:visible;scrollbar-width:thin}.vbn-sidebar{background:#fff;border:1px solid var(--vbn-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.vbn-category-scroll{min-height:0;overflow:visible;scrollbar-width:thin;flex:none}.vbn-cats a{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #f1f1f1;font-weight:800;font-size:14px}.vbn-cats a:hover,.vbn-cats a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--cat-color,#e85d04) 10%,#fff),#fff);color:var(--cat-color,#e85d04)}.vbn-cats .ico{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--cat-color,#e85d04) 10%,#fff);color:var(--cat-color,#e85d04);flex:none}.vbn-left .vbn-ad{margin-top:14px}
.vbn-sidebar-app-social{padding:16px 10px 14px;background:#fff;color:#151719;border-radius:0 0 12px 12px;text-align:center;display:block!important;position:relative;z-index:5;border-top:1px solid #e5e7eb;flex:none}
.vbn-app-download{display:flex;flex-direction:column;align-items:center;gap:10px}
.vbn-app-label{font-size:13px;color:#73777d;font-weight:600;margin-bottom:2px;letter-spacing:.1px}
.vbn-store-badge{width:176px;height:52px;flex:none;border:1px solid #bfc3c8;border-radius:7px;background:#111315;color:#fff;display:flex;align-items:center;text-align:left;padding:5px 11px;gap:8px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.vbn-store-badge:hover{transform:translateY(-1px);border-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.22)}
.vbn-store-badge.is-disabled{opacity:.8;cursor:default}
.vbn-store-badge.is-disabled:hover{transform:none;box-shadow:none}
.vbn-store-icon{width:29px;height:29px;flex:0 0 29px;color:#fff}
.vbn-store-copy{display:flex;flex-direction:column;line-height:1}
.vbn-store-copy small{font:500 9px/1.1 Arial,sans-serif;letter-spacing:.15px}
.vbn-store-copy strong{font:500 18px/1.05 Arial,sans-serif;letter-spacing:-.2px;margin-top:2px}
.vbn-store-google .vbn-store-copy strong{font-size:18px}
.vbn-store-apple .vbn-store-copy strong{font-size:18px}
.vbn-follow-block{margin-top:24px;padding-top:0}
.vbn-social-row{display:flex;justify-content:center;gap:11px;margin-top:9px}
.vbn-social-btn{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#7b7d80;color:#fff;transition:transform .18s ease,background .18s ease}
.vbn-social-btn svg{width:18px;height:18px;display:block}
.vbn-social-btn:hover{transform:translateY(-2px);background:#96989b}
.vbn-social-btn.is-disabled{opacity:.8;cursor:default}
.vbn-social-btn.is-disabled:hover{transform:none;background:#7b7d80}

.vbn-main{min-width:0}.vbn-section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 12px}.vbn-section-head h1,.vbn-section-head h2{margin:0;font-size:28px}.vbn-section-head small{color:var(--vbn-muted)}
.vbn-featured{display:grid;grid-template-columns:1.35fr 1fr;background:#fff;border:1px solid var(--vbn-border);border-radius:14px;overflow:hidden;box-shadow:var(--vbn-shadow);margin-bottom:16px}.vbn-featured .featured-thumb{min-height:260px;background:#eee}.vbn-featured .featured-thumb img{width:100%;height:100%;object-fit:cover}.vbn-featured .featured-body{padding:22px}.vbn-featured .vbn-tag{margin-bottom:9px}.vbn-featured h2{font-size:30px;line-height:1.28;margin:0 0 12px}.vbn-featured p{color:#666;line-height:1.7;margin:0}.vbn-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vbn-card{background:#fff;border:1px solid var(--vbn-border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.vbn-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.vbn-card .thumb{aspect-ratio:16/9;background:#eee;overflow:hidden}.vbn-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.vbn-card:hover .thumb img{transform:scale(1.04)}.vbn-card-body{padding:11px 12px 13px}.vbn-tag{display:inline-block;color:#c84f00;background:#fff0e5;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:800;margin-bottom:7px}.vbn-card h3{font-size:17px;line-height:1.4;margin:0 0 7px}.vbn-meta{font-size:11px;color:var(--vbn-muted)}
.vbn-side-block{background:#fff;border:1px solid var(--vbn-border);border-radius:12px;padding:14px;margin-bottom:15px}.vbn-side-block h3{margin:0 0 12px;font-size:18px}.vbn-video{aspect-ratio:9/16;background:#111;border-radius:9px;overflow:hidden}.vbn-video iframe{width:100%;height:100%;border:0}.vbn-side-block .vbn-ad{border:0}.vbn-side-block .vbn-ad img{width:100%}
.vbn-loader{display:none;justify-content:center;padding:24px}.vbn-loader.show{display:flex}.vbn-spinner{width:30px;height:30px;border:3px solid #eee;border-top-color:var(--vbn-orange);border-radius:50%;animation:spin .8s linear infinite}.vbn-load-more{display:flex;justify-content:center;margin:22px 0}.vbn-load-more button{border:0;border-radius:999px;padding:11px 18px;background:linear-gradient(135deg,var(--vbn-orange),var(--vbn-orange2));color:#fff;font-weight:900;cursor:pointer}.vbn-load-more button:disabled{opacity:.6;cursor:wait}
.vbn-footer{margin-top:35px;background:#17191b;color:#fff}.vbn-footer-top{padding:38px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.vbn-footer-brand{min-width:0}.vbn-footer-logo{display:flex;align-items:center;min-height:56px;margin-bottom:14px}.vbn-footer-logo a{display:inline-flex;align-items:center}.vbn-footer-logo img{max-height:58px;width:auto;max-width:260px;object-fit:contain}.vbn-footer-logo .custom-logo{max-height:58px;width:auto;max-width:260px}.vbn-footer-logo .vbn-text-logo{font-weight:900;font-size:22px;line-height:1.05;color:#fff}.vbn-footer h3{margin:0 0 13px;font-size:17px}.vbn-footer p,.vbn-footer a{color:#c9c9c9;font-size:13px;line-height:1.8}.vbn-footer a:hover{color:#ffb06b}.vbn-footer-bottom{border-top:1px solid #333;padding:16px 0;color:#aaa;font-size:12px}
.vbn-article{background:#fff;border:1px solid var(--vbn-border);border-radius:14px;padding:25px}.vbn-breadcrumb{font-size:12px;color:#777;margin-bottom:13px}.vbn-article h1{font-size:44px;line-height:1.25;margin:0 0 14px}.vbn-byline{color:#777;font-size:13px;margin-bottom:20px}.vbn-featured-image{border-radius:12px;overflow:hidden;margin-bottom:20px}.vbn-content{font-size:19px;line-height:1.85}.vbn-content p{margin:0 0 20px}.vbn-content h2,.vbn-content h3{line-height:1.4}.vbn-share{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.vbn-share a{padding:8px 12px;border-radius:8px;background:#f3f3f3;font-size:13px;font-weight:700}
.vbn-empty{text-align:center;padding:40px;background:#fff;border:1px dashed var(--vbn-border);border-radius:12px;color:#777}
@keyframes vbnpulse{70%{box-shadow:0 0 0 8px transparent}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.vbn-home-grid{grid-template-columns:210px minmax(0,1fr)}.vbn-right{display:none}.vbn-nav a{padding:0 9px}.vbn-logo{min-width:180px}.vbn-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.vbn-container{width:min(calc(100% - 20px),var(--vbn-max))}.vbn-head-inner{height:62px}.vbn-logo{min-width:0;flex:1}.vbn-logo img{max-height:45px}.vbn-nav{display:none}.vbn-menu-btn{display:block}.vbn-mobile-cats{display:flex;gap:8px;overflow-x:auto;padding:9px 0;scrollbar-width:none}.vbn-mobile-cats::-webkit-scrollbar{display:none}.vbn-mobile-cats a{white-space:nowrap;padding:7px 11px;border:1px solid #eee;background:#fff;border-radius:999px;font-size:12px;font-weight:800}.vbn-home-grid{display:block}.vbn-left{display:none}.vbn-right{display:block;margin-top:15px}.vbn-news-grid{grid-template-columns:1fr;gap:12px}.vbn-card{display:grid;grid-template-columns:120px 1fr}.vbn-card .thumb{aspect-ratio:1/1}.vbn-card-body{padding:9px}.vbn-card h3{font-size:15px}.vbn-featured{grid-template-columns:1fr}.vbn-featured .featured-thumb{min-height:180px}.vbn-featured .featured-body{padding:15px}.vbn-featured h2{font-size:24px}.vbn-footer-top{grid-template-columns:1fr 1fr;gap:20px}.vbn-article{padding:17px;border-radius:10px}.vbn-article h1{font-size:29px}.vbn-content{font-size:18px;line-height:1.8}.vbn-ad-banner{min-height:70px}.vbn-ad-placeholder{min-height:70px}.vbn-search-panel{padding:9px}}
@media(max-width:480px){.vbn-footer-top{grid-template-columns:1fr}.vbn-card{grid-template-columns:105px 1fr}.vbn-card h3{font-size:14px}.vbn-section-head h1,.vbn-section-head h2{font-size:23px}.vbn-featured h2{font-size:22px}}

/* 1.4.0 — Light category-colored middle news list */
.vbn-news-panel{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--vbn-border);box-shadow:0 8px 26px rgba(15,23,42,.07)}
.vbn-news-panel .vbn-section-head{margin:0;padding:18px 20px 15px;border-bottom:1px solid var(--vbn-border);background:linear-gradient(135deg,#fff,#fff8f2);color:var(--vbn-ink)}
.vbn-news-panel .vbn-section-head small{color:#8a8f96;letter-spacing:.05em}.vbn-news-panel .vbn-section-head h1{color:var(--vbn-ink);font-size:27px}
.vbn-news-list{display:block;background:#fff}
.vbn-news-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;padding:20px 20px 19px 24px;border-bottom:1px solid #e9eaec;min-height:164px;background:#fff;transition:background .2s,transform .2s}
.vbn-news-row:hover{background:#fffaf6}
.vbn-row-accent{position:absolute;left:0;top:18px;bottom:18px;width:4px;background:var(--cat-color,#64748b);border-radius:0 4px 4px 0}
.vbn-row-content{min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.vbn-news-row h3{margin:0;color:#151719;font-size:21px;line-height:1.48;font-weight:900}.vbn-title-link{display:block;color:#151719;cursor:pointer}.vbn-title-link::first-line{color:var(--cat-color,#e85d04);font-weight:900}
.vbn-news-row h3 a{color:#151719}.vbn-news-row h3 a:hover{color:#151719}
.vbn-news-row h3 a:focus-visible{outline:2px solid var(--cat-color,#e85d04);outline-offset:3px;border-radius:3px}
.vbn-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.vbn-row-category{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--cat-color,#64748b) 35%,#fff);color:var(--cat-color,#64748b);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:color-mix(in srgb,var(--cat-color,#64748b) 8%,#fff)}
.vbn-row-category span{color:var(--cat-color,#64748b)}.vbn-row-category b{font-size:18px;line-height:10px;font-weight:500;color:var(--cat-color,#64748b)}
.vbn-row-share{display:flex;align-items:center;gap:15px}.vbn-row-share a{display:grid;place-items:center;width:24px;height:24px;color:#7b8087;font-weight:900;font-size:19px;transition:transform .2s,color .2s}.vbn-row-share a:hover{color:var(--cat-color,#e85d04);transform:translateY(-2px)}
.vbn-row-thumb{position:relative;display:block;align-self:start;width:190px;height:116px;border-radius:7px;overflow:hidden;background:#eef0f2;border:1px solid #e5e7eb}.vbn-row-thumb img{width:100%;height:100%;object-fit:cover}.vbn-row-thumb>span:not(.vbn-play){display:grid;place-items:center;height:100%;color:#8b929a;font-weight:900}
.vbn-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);border:2px solid var(--cat-color,#64748b);color:var(--cat-color,#64748b);display:grid;place-items:center;font-size:13px;padding-left:2px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.vbn-news-panel .vbn-loader{background:#fff}.vbn-news-panel .vbn-load-more{background:#fff;margin:0;padding:18px}.vbn-news-panel .vbn-load-more button{background:linear-gradient(135deg,var(--vbn-orange),var(--vbn-orange2));color:#fff}.vbn-news-panel .vbn-scroll-sentinel{height:1px;background:#fff}
@media(max-width:760px){.vbn-news-panel{border-radius:8px}.vbn-news-panel .vbn-section-head{padding:14px}.vbn-news-panel .vbn-section-head h1{font-size:23px}.vbn-news-row{grid-template-columns:minmax(0,1fr) 112px;gap:11px;padding:14px 14px 14px 18px;min-height:145px}.vbn-row-accent{top:13px;bottom:13px;width:3px}.vbn-news-row h3{font-size:16px;line-height:1.5}.vbn-row-thumb{width:112px;height:78px}.vbn-row-bottom{margin-top:10px}.vbn-row-share{gap:9px}.vbn-row-share a{font-size:17px;width:22px}.vbn-row-category{font-size:10px;padding:5px 8px}.vbn-play{width:28px;height:28px;font-size:10px}}
@media(max-width:390px){.vbn-news-row{grid-template-columns:minmax(0,1fr) 98px;padding:12px;gap:9px}.vbn-row-thumb{width:98px;height:70px}.vbn-news-row h3{font-size:15px}.vbn-row-share{gap:6px}}

/* VBN 1.5.0 — force light category/news feed on all archive and homepage views */
.vbn-main .vbn-news-panel, .vbn-main .vbn-news-grid { background:#fff !important; color:#151719 !important; }
.vbn-main .vbn-news-grid { display:block !important; border:1px solid var(--vbn-border); border-radius:14px; overflow:hidden; }
.vbn-main .vbn-news-row { background:#fff !important; color:#151719 !important; box-shadow:none !important; border-bottom:1px solid #e9eaec !important; }
.vbn-main .vbn-news-row:last-child { border-bottom:0 !important; }
.vbn-main .vbn-news-row h3 { color:#151719 !important; }
.vbn-main .vbn-news-row .vbn-title-link { color:#151719 !important; }
.vbn-main .vbn-news-row .vbn-title-link::first-line { color:var(--cat-color,#e85d04) !important; }
.vbn-main .vbn-news-row:hover { background:#fffaf6 !important; }
.vbn-main .vbn-news-row .vbn-row-meta { color:#73777d !important; }
.vbn-main .vbn-news-row .vbn-row-share a { color:#7b8087 !important; background:transparent !important; }
.vbn-main .vbn-news-row .vbn-row-share a:hover { color:var(--cat-color,#e85d04) !important; }
@media(max-width:760px){.vbn-main .vbn-news-grid{border-radius:8px}.vbn-main .vbn-news-row{background:#fff !important}}

/* VBN 1.7.0 — illustrated category icons */
.vbn-cats a .ico{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:linear-gradient(145deg,#fff,#fff7ef);box-shadow:0 4px 10px rgba(20,20,20,.08),inset 0 0 0 1px rgba(255,255,255,.9);transition:transform .2s ease,box-shadow .2s ease}
.vbn-cats a .ico svg{width:27px;height:27px;display:block}
.vbn-cats a:hover .ico,.vbn-cats a.active .ico{transform:translateY(-1px) scale(1.06);box-shadow:0 6px 14px rgba(20,20,20,.12)}
.vbn-cats a{min-height:58px}
@media(max-width:760px){.vbn-cats a .ico{width:32px;height:32px;flex-basis:32px}.vbn-cats a .ico svg{width:25px;height:25px}}

/* VBN 1.8.0 — category icon management */
.vbn-admin-icon svg{width:30px;height:30px}.vbn-admin-icon{vertical-align:middle}

@media(max-width:900px){.vbn-left{height:auto;max-height:none;overflow:visible}.vbn-sidebar{display:block}.vbn-category-scroll{overflow:visible}.vbn-sidebar-app-social{margin-top:0}}

/* VBN 1.10.4 — LIVE NOW sidebar player */
.vbn-live-sidebar{background:#111416;border:1px solid #25282b;border-radius:12px;overflow:hidden;margin-bottom:15px;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.vbn-live-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;background:#17191b;color:#fff;border-bottom:1px solid #2c2f32}
.vbn-live-sidebar-head span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900;letter-spacing:.02em}
.vbn-live-sidebar-head span i,.vbn-live-overlay i{width:8px;height:8px;border-radius:50%;background:#ef233c;display:inline-block;box-shadow:0 0 0 0 rgba(239,35,60,.55);animation:vbnpulse 1.5s infinite}
.vbn-live-sidebar-head a{font-size:11px;color:#cfd2d5;font-weight:800}
.vbn-live-player{position:relative;background:#050606;aspect-ratio:16/9;overflow:hidden}
.vbn-live-video{display:block;width:100%;height:100%;object-fit:cover;background:#050606}
.vbn-live-overlay{position:absolute;top:9px;left:9px;pointer-events:none}
.vbn-live-overlay span{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;background:rgba(0,0,0,.72);color:#fff;font-size:10px;font-weight:900}
.vbn-live-watch{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#17191b;color:#fff!important;font-size:13px;font-weight:900}
.vbn-live-watch:hover{background:#202327;color:#fff!important}
.vbn-live-watch b{font-size:18px;line-height:1}.vbn-live-error{position:absolute;inset:0;display:grid;place-items:center;padding:15px;text-align:center;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:800}.vbn-live-error[hidden]{display:none}

/* VBN 1.10.5 — keep sticky header below the WordPress admin bar while logged in */
@media(max-width:782px){.admin-bar .vbn-header{top:46px}.admin-bar .vbn-progress{top:46px}}

/* VBN 1.10.6 — escaped-newline output cleanup safeguard */

/* VBN 1.10.7 — static left categories + light app/social block */
.vbn-left{height:auto!important;max-height:none!important;overflow:visible!important}
.vbn-category-scroll{height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important}
.vbn-sidebar-app-social{background:#fff!important;color:#151719!important;border-top:1px solid #e5e7eb!important}
.vbn-app-label{color:#73777d!important}
.vbn-social-btn{background:#8b8d90!important;color:#fff!important}
.vbn-store-badge{background:#111315!important;color:#fff!important}

/* VBN Special Live TV page */
.vbn-live-page{max-width:1180px;margin:0 auto;padding:28px 0 50px}
.vbn-live-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#151515,#2b1a1a);color:#fff;border-radius:20px;padding:30px;margin-bottom:20px;box-shadow:0 14px 35px rgba(0,0,0,.12)}
.vbn-live-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff3b30;font-weight:800;font-size:13px;letter-spacing:.08em}.vbn-live-kicker i,.vbn-live-player-head i{width:9px;height:9px;border-radius:50%;background:#ff2d2d;display:inline-block;box-shadow:0 0 0 5px rgba(255,45,45,.12);animation:vbnLivePulse 1.4s infinite}
.vbn-live-hero h1{font-size:34px;margin:8px 0}.vbn-live-hero p{margin:0;color:#d5d5d5;max-width:680px}.vbn-live-hero-badge{font-size:20px;font-weight:900;border:1px solid rgba(255,255,255,.18);padding:16px 18px;border-radius:14px;white-space:nowrap}
.vbn-live-player-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.08)}.vbn-live-player-head{display:flex;justify-content:space-between;padding:13px 17px;font-size:12px;font-weight:800;letter-spacing:.04em}.vbn-live-player-head span:first-child{display:flex;align-items:center;gap:8px;color:#e11d48}.vbn-live-player-wrap{background:#050505;position:relative;aspect-ratio:16/9}.vbn-live-player-wrap video{width:100%;height:100%;display:block;object-fit:contain}.vbn-live-player-overlay{position:absolute;top:15px;left:15px;background:#e11d48;color:#fff;font-size:11px;font-weight:900;padding:6px 9px;border-radius:6px;pointer-events:none}
.vbn-live-player-actions{display:flex;gap:10px;padding:14px;flex-wrap:wrap}.vbn-live-action{appearance:none;border:1px solid #d7dce3;background:#fff;color:#111827;padding:10px 14px;border-radius:9px;text-decoration:none;font-weight:700;cursor:pointer}.vbn-live-action.primary{background:#e11d48;color:#fff;border-color:#e11d48}.vbn-live-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.vbn-live-info-grid>div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.vbn-live-info-grid strong{display:block;margin-bottom:5px}.vbn-live-info-grid span{color:#64748b;font-size:14px}
@keyframes vbnLivePulse{50%{opacity:.45;transform:scale(.82)}}@media(max-width:700px){.vbn-live-page{padding:18px 12px}.vbn-live-hero{padding:22px;display:block}.vbn-live-hero h1{font-size:27px}.vbn-live-hero-badge{display:inline-block;margin-top:16px}.vbn-live-info-grid{grid-template-columns:1fr}}


/* VBN 1.10.18 — native Cricket Centre bridge */
.vbn-cricket-widget{padding:0!important;overflow:hidden!important}
.vbn-cricket-widget .vbnc-mini{border:0!important;box-shadow:none!important;border-radius:0!important}
.vbn-cricket-widget .vbnc-mini-head{height:46px}
.vbn-cricket-widget .vbnc-mini-body{padding:10px}


/* VBN 1.10.19 — custom PNG category icons */
.vbn-cats a .ico .vbn-category-png-icon{width:27px;height:27px;display:block;object-fit:contain;border-radius:7px}
@media(max-width:760px){.vbn-cats a .ico .vbn-category-png-icon{width:25px;height:25px}}

/* VBN 1.10.19 — copy-link controls */
.vbn-row-share .vbn-copy-link{border:0;background:transparent;cursor:pointer;font:inherit;padding:0}
.vbn-share .vbn-copy-link{border:0;padding:8px 12px;border-radius:8px;background:#f3f3f3;font-size:13px;font-weight:700;cursor:pointer;color:inherit}
.vbn-copy-link:hover{color:var(--vbn-orange)!important}

/* VBN 1.10.19 — robust sticky header on ePaper pages; protects nav from plugin CSS collisions */
body.vbn-epaper-page .vbn-header .vbn-head-inner{display:flex!important;align-items:center!important;position:relative!important;overflow:visible!important}
body.vbn-epaper-page .vbn-header .vbn-logo{display:flex!important;align-items:center!important;flex:0 0 auto!important;float:none!important;position:relative!important;z-index:5!important;min-width:220px!important}
body.vbn-epaper-page .vbn-header .vbn-nav{display:flex!important;align-items:stretch!important;height:70px!important;margin-left:auto!important;position:static!important;float:none!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;z-index:4!important}
body.vbn-epaper-page .vbn-header .vbn-nav a{display:flex!important;align-items:center!important;float:none!important;position:static!important;white-space:nowrap!important}
body.vbn-epaper-page .vbn-header .vbn-menu-btn{margin-left:12px!important;float:none!important}
body.vbn-epaper-page .vbn-header{position:sticky!important;top:0!important;z-index:9999!important}
@media(max-width:782px){body.vbn-epaper-page .vbn-header .vbn-logo{min-width:0!important;flex:1 1 auto!important}body.vbn-epaper-page .vbn-header .vbn-nav{display:none!important}}


/* VBN 1.10.21 — larger, more legible header logo.
 * The supplied Vande Bharat News logo is a tall/transparent PNG, so a normal
 * max-height makes the actual artwork appear much smaller than the header.
 * Increase the header and scale the image while preserving its proportions.
 */
.vbn-header .vbn-head-inner{min-height:84px;height:84px}
.vbn-header .vbn-logo{min-width:112px;max-width:150px;height:84px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.vbn-header .vbn-logo img{display:block;width:auto;height:78px;max-height:78px;max-width:none;object-fit:contain;transform:scale(1.18);transform-origin:center left}
.vbn-header .vbn-logo .custom-logo{width:auto;height:78px;max-height:78px;max-width:none;transform:scale(1.18);transform-origin:center left}
.vbn-header .vbn-logo .vbn-text-logo{font-size:22px}
.vbn-header .vbn-nav{height:84px}
.vbn-header .vbn-nav a{height:84px}

@media(max-width:1150px){
  .vbn-header .vbn-head-inner{height:78px;min-height:78px}
  .vbn-header .vbn-logo{height:78px;min-width:100px}
  .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{height:72px;max-height:72px;transform:scale(1.15)}
  .vbn-header .vbn-nav{height:78px}
  .vbn-header .vbn-nav a{height:78px}
}

@media(max-width:760px){
  .vbn-header .vbn-head-inner{height:70px;min-height:70px}
  .vbn-header .vbn-logo{height:70px;min-width:0;max-width:125px;flex:1 1 auto}
  .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{height:64px;max-height:64px;transform:scale(1.12);transform-origin:center left}
  .vbn-header .vbn-logo .vbn-text-logo{font-size:18px}
}


/* VBN 1.10.22 — ePaper and LIVE NOW open inside the existing middle news column. */
.vbn-special-nav.active{color:var(--vbn-orange)!important;background:#fff8f2!important}
.vbn-main.vbn-special-loading{opacity:.65;pointer-events:none;transition:opacity .15s ease}
.vbn-special-inline{width:100%;min-width:0}
.vbn-special-inline-head{background:#fff;border:1px solid var(--vbn-border);border-radius:14px;padding:18px 20px;margin-bottom:14px}
.vbn-special-inline-head small{color:var(--vbn-muted);font-weight:800;letter-spacing:.05em}
.vbn-special-inline-head h1{margin:4px 0 3px;font-size:28px}
.vbn-special-inline-head p{margin:0;color:#6b7280;font-size:14px}
.vbn-special-inline-content{background:#fff;border:1px solid var(--vbn-border);border-radius:14px;padding:16px;min-width:0;overflow:hidden}
.vbn-special-inline-epaper .vbn-special-inline-content img{max-width:100%;height:auto}
.vbn-special-inline-live .vbn-live-page{max-width:none;padding:0}
.vbn-special-inline-live .vbn-live-hero{margin-bottom:14px;border-radius:14px;padding:22px}
.vbn-special-inline-live .vbn-live-hero h1{font-size:28px}
.vbn-special-inline-live .vbn-live-info-grid{margin-top:14px}
.vbn-special-inline-live .vbn-live-player-card{border-radius:14px}
@media(max-width:760px){
 .vbn-special-inline-head{padding:14px}.vbn-special-inline-head h1{font-size:24px}
 .vbn-special-inline-content{padding:10px}.vbn-special-inline-live .vbn-live-hero{padding:18px}
}



/* VBN 1.10.25 — restore a clean, stable header on ePaper pages.  The ePaper
 * plugin must not be able to resize/reposition the site header or logo. */
body.vbn-epaper-page .vbn-header,
body.vbn-epaper-page .vbn-header .vbn-head-inner{
  height:88px!important;
  min-height:88px!important;
}
body.vbn-epaper-page .vbn-header .vbn-head-inner{
  width:min(calc(100% - 32px),var(--vbn-max))!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  position:relative!important;
  overflow:visible!important;
  float:none!important;
}
body.vbn-epaper-page .vbn-header .vbn-logo{
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
  height:88px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
  float:none!important;
  overflow:visible!important;
  z-index:20!important;
}
body.vbn-epaper-page .vbn-header .vbn-logo img,
body.vbn-epaper-page .vbn-header .vbn-logo .custom-logo{
  display:block!important;
  width:auto!important;
  height:88px!important;
  max-width:190px!important;
  max-height:88px!important;
  object-fit:contain!important;
  transform:scale(1.18)!important;
  transform-origin:left center!important;
}
body.vbn-epaper-page .vbn-header .vbn-nav{
  margin-left:auto!important;
  height:88px!important;
  display:flex!important;
  align-items:stretch!important;
  position:static!important;
  float:none!important;
  transform:none!important;
  z-index:10!important;
}
body.vbn-epaper-page .vbn-header .vbn-nav a{
  height:88px!important;
  display:flex!important;
  align-items:center!important;
  position:static!important;
  float:none!important;
  white-space:nowrap!important;
}
body.vbn-epaper-page .vbn-header .vbn-menu-btn{margin-left:10px!important;float:none!important}

/* Keep the native ePaper reader at full usable width inside the middle column. */
.vbn-special-inline-epaper .vbn-special-inline-content{overflow:visible!important;padding:12px!important}
.vbn-special-inline-epaper .vbn-epaper-archive{width:100%!important;max-width:100%!important}
.vbn-special-inline-epaper .vbn-reader,
.vbn-special-inline-epaper .vbn-epaper-reader{width:100%!important;max-width:100%!important}
.vbn-special-inline-epaper .vbn-reader a,
.vbn-special-inline-epaper .vbn-epaper-reader a{cursor:pointer!important}

@media(max-width:1150px){
 body.vbn-epaper-page .vbn-header,
 body.vbn-epaper-page .vbn-header .vbn-head-inner{height:80px!important;min-height:80px!important}
 body.vbn-epaper-page .vbn-header .vbn-logo{width:155px!important;min-width:155px!important;height:80px!important}
 body.vbn-epaper-page .vbn-header .vbn-logo img,
 body.vbn-epaper-page .vbn-header .vbn-logo .custom-logo{height:78px!important;max-height:78px!important;max-width:155px!important;transform:scale(1.12)!important}
 body.vbn-epaper-page .vbn-header .vbn-nav,
 body.vbn-epaper-page .vbn-header .vbn-nav a{height:80px!important}
}
@media(max-width:760px){
 body.vbn-epaper-page .vbn-header,
 body.vbn-epaper-page .vbn-header .vbn-head-inner{height:70px!important;min-height:70px!important}
 body.vbn-epaper-page .vbn-header .vbn-head-inner{width:calc(100% - 20px)!important}
 body.vbn-epaper-page .vbn-header .vbn-logo{width:auto!important;min-width:0!important;max-width:135px!important;height:70px!important;flex:1 1 auto!important}
 body.vbn-epaper-page .vbn-header .vbn-logo img,
 body.vbn-epaper-page .vbn-header .vbn-logo .custom-logo{height:66px!important;max-height:66px!important;max-width:135px!important;transform:scale(1.08)!important}
 body.vbn-epaper-page .vbn-header .vbn-nav{display:none!important}
}

/* VBN 1.10.27 — final header alignment fix.
 * Reserve a real logo column so the transparent PNG can never sit underneath
 * the navigation. The logo is cropped visually inside its box without stretching.
 */
.vbn-header .vbn-head-inner{
  height:82px!important;
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  position:relative!important;
}
.vbn-header .vbn-logo{
  flex:0 0 175px!important;
  width:175px!important;
  min-width:175px!important;
  max-width:175px!important;
  height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:10!important;
}
.vbn-header .vbn-logo a{
  display:flex!important;
  align-items:center!important;
  width:155px!important;
  height:78px!important;
  overflow:hidden!important;
  flex:0 0 155px!important;
}
.vbn-header .vbn-logo img,
.vbn-header .vbn-logo .custom-logo{
  display:block!important;
  width:155px!important;
  height:78px!important;
  max-width:155px!important;
  max-height:78px!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
.vbn-header .vbn-nav{
  flex:1 1 auto!important;
  min-width:0!important;
  margin-left:0!important;
  height:82px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  overflow:visible!important;
  position:relative!important;
  z-index:20!important;
}
.vbn-header .vbn-nav a{
  height:82px!important;
  min-width:78px!important;
  padding:0 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  position:relative!important;
  z-index:21!important;
}
.vbn-header .vbn-nav a:first-child{border-left:1px solid #eee!important}
.vbn-header .vbn-menu-btn{margin-left:12px!important;position:relative!important;z-index:30!important}

@media(max-width:1150px){
  .vbn-header .vbn-head-inner{height:76px!important;min-height:76px!important}
  .vbn-header .vbn-logo{flex-basis:155px!important;width:155px!important;min-width:155px!important;max-width:155px!important;height:76px!important}
  .vbn-header .vbn-logo a{width:140px!important;height:72px!important;flex-basis:140px!important}
  .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{width:140px!important;height:72px!important;max-width:140px!important;max-height:72px!important}
  .vbn-header .vbn-nav,.vbn-header .vbn-nav a{height:76px!important}
  .vbn-header .vbn-nav a{min-width:68px!important;padding:0 10px!important;font-size:13px!important}
}
@media(max-width:760px){
  .vbn-header .vbn-head-inner{height:70px!important;min-height:70px!important}
  .vbn-header .vbn-logo{width:auto!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important;height:70px!important}
  .vbn-header .vbn-logo a{width:132px!important;height:68px!important;flex-basis:132px!important}
  .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{width:132px!important;height:68px!important;max-width:132px!important;max-height:68px!important}
}

/* VBN 1.10.27 — remove accidental oval/pill styling from header containers.
 * Some external/custom CSS can target generic navigation/container elements.
 * Keep the VBN header strictly rectangular and flat. */
.vbn-header .vbn-head-inner,
.vbn-header .vbn-nav,
.vbn-header .vbn-nav::before,
.vbn-header .vbn-nav::after,
.vbn-header .vbn-head-inner::before,
.vbn-header .vbn-head-inner::after{
  border-radius:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
.vbn-header .vbn-head-inner::before,
.vbn-header .vbn-head-inner::after,
.vbn-header .vbn-nav::before,
.vbn-header .vbn-nav::after{
  content:none!important;
  display:none!important;
}
.vbn-header .vbn-nav{
  background:transparent!important;
}
.vbn-header .vbn-nav a{
  border-radius:0!important;
  box-shadow:none!important;
}


/* VBN 1.10.29 — mobile-first refinement.
 * The desktop layout remains unchanged. On phones the header becomes a real
 * compact navigation drawer, content uses the full viewport, cards avoid
 * cramped text/image collisions, and large media/ads cannot overflow.
 */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .vbn-container{width:calc(100% - 16px);max-width:100%;}
  .vbn-header{top:0!important}
  .vbn-header .vbn-head-inner{height:62px!important;min-height:62px!important;width:calc(100% - 16px)!important;gap:8px!important}
  .vbn-header .vbn-logo{height:62px!important;max-width:calc(100% - 54px)!important;flex:1 1 auto!important;overflow:hidden!important}
  .vbn-header .vbn-logo a{width:126px!important;height:60px!important;max-width:126px!important;flex:0 0 126px!important}
  .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{width:126px!important;height:60px!important;max-width:126px!important;max-height:60px!important;object-fit:contain!important;transform:none!important}
  .vbn-header .vbn-menu-btn{display:grid!important;place-items:center;width:42px;height:40px;margin:0!important;padding:0!important;flex:0 0 42px;border-radius:8px;font-size:21px;line-height:1;cursor:pointer}

  /* The previous mobile button toggled a body class but had no visible menu.
     Turn the existing desktop nav into a proper mobile drawer. */
  .vbn-header .vbn-nav{display:none!important;position:absolute!important;left:8px!important;right:8px!important;top:62px!important;height:auto!important;margin:0!important;padding:6px!important;background:#fff!important;border:1px solid var(--vbn-border)!important;border-radius:0 0 12px 12px!important;box-shadow:0 12px 28px rgba(15,23,42,.14)!important;z-index:10000!important;flex-direction:column!important;align-items:stretch!important;overflow:hidden!important}
  body.vbn-mobile-open .vbn-header .vbn-nav{display:flex!important}
  .vbn-header .vbn-nav a{height:48px!important;min-width:0!important;width:100%!important;padding:0 13px!important;justify-content:flex-start!important;gap:10px!important;border:0!important;border-bottom:1px solid #f0f0f0!important;font-size:14px!important;background:#fff!important}
  .vbn-header .vbn-nav a:last-child{border-bottom:0!important}
  .vbn-header .vbn-nav a:hover{background:#fff8f2!important}
  .vbn-header .vbn-nav .vbn-live{justify-content:flex-start!important}
  body.vbn-mobile-open::after{content:"";position:fixed;inset:62px 0 0;background:rgba(0,0,0,.18);z-index:9990}
  body.vbn-mobile-open{overflow:hidden}

  .vbn-search-panel{padding:8px!important}
  .vbn-search-form{width:100%;gap:6px}
  .vbn-search-form input{min-width:0;width:100%;font-size:16px;padding:11px 12px}
  .vbn-search-form button{padding:0 14px;min-height:44px}
  .vbn-mobile-cats{width:100%!important;padding:7px 8px!important;margin:0!important;gap:6px!important;overflow-x:auto!important;background:#fff;border-bottom:1px solid var(--vbn-border)}
  .vbn-mobile-cats .vbn-cats{display:flex!important;gap:6px!important;min-width:max-content}
  .vbn-mobile-cats .vbn-cats a{min-height:38px!important;padding:5px 9px!important;font-size:11px!important;gap:6px!important;border-radius:999px!important}
  .vbn-mobile-cats .vbn-cats a .ico{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:8px!important;box-shadow:none!important}
  .vbn-mobile-cats .vbn-cats a .ico svg{width:19px!important;height:19px!important}

  main.vbn-container{width:100%!important;padding:0 8px!important}
  .vbn-ad-banner{margin:8px 0!important;border-radius:8px!important}
  .vbn-ad-banner img{width:100%!important;height:auto!important;object-fit:contain!important}
  .vbn-home-grid{display:block!important;width:100%!important}
  .vbn-left{display:none!important}
  .vbn-main{width:100%!important;min-width:0!important}
  .vbn-news-panel{width:100%!important;box-shadow:none!important;border:1px solid var(--vbn-border)!important}
  .vbn-news-row{grid-template-columns:minmax(0,1fr) 104px!important;gap:9px!important;padding:12px 10px 12px 14px!important;min-height:0!important}
  .vbn-news-row h3{font-size:15px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .vbn-row-bottom{gap:6px!important;align-items:flex-end!important}
  .vbn-row-category{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important;padding:4px 7px!important}
  .vbn-row-share{gap:5px!important}
  .vbn-row-share a{width:20px!important;height:20px!important;font-size:15px!important}
  .vbn-row-thumb{width:104px!important;height:70px!important;border-radius:6px!important}
  .vbn-right{display:block!important;width:100%!important;margin-top:10px!important}
  .vbn-side-block,.vbn-live-sidebar{border-radius:9px!important;margin-bottom:10px!important}
  .vbn-side-block h3{font-size:16px!important}
  .vbn-live-sidebar{margin-top:0!important}
  .vbn-live-player{aspect-ratio:16/9!important}
  .vbn-article{width:100%!important;padding:13px!important;border-radius:8px!important}
  .vbn-article h1{font-size:25px!important;line-height:1.35!important;margin-bottom:10px!important}
  .vbn-content{font-size:17px!important;line-height:1.85!important;overflow-wrap:anywhere!important}
  .vbn-content img,.vbn-featured-image img,.vbn-special-inline-content img{max-width:100%!important;height:auto!important}
  .vbn-featured-image{margin-left:-13px!important;margin-right:-13px!important}
  .vbn-share{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .vbn-footer{overflow:hidden}
  .vbn-footer-top{grid-template-columns:1fr!important;gap:14px!important;padding-top:22px!important;padding-bottom:22px!important}
  .vbn-footer-top>div{min-width:0}
}
@media (max-width:390px){
  .vbn-header .vbn-logo a,.vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{width:116px!important;max-width:116px!important}
  .vbn-news-row{grid-template-columns:minmax(0,1fr) 92px!important;padding:10px 8px 10px 12px!important}
  .vbn-row-thumb{width:92px!important;height:64px!important}
  .vbn-news-row h3{font-size:14px!important;-webkit-line-clamp:3}
  .vbn-content{font-size:16px!important}
}

/* VBN 1.10.35 — definitive mobile newsroom layout
 * Reworks the phone UI instead of scaling the desktop layout.
 */
@media (max-width:760px){
  html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}
  .vbn-header{height:auto!important;min-height:0!important}
  .vbn-header .vbn-head-inner{
    width:100%!important;height:70px!important;min-height:70px!important;
    padding:0 12px!important;gap:0!important;margin:0!important;
  }
  .vbn-header .vbn-logo{
    width:auto!important;min-width:0!important;max-width:calc(100% - 56px)!important;
    height:70px!important;flex:1 1 auto!important;overflow:hidden!important;
  }
  .vbn-header .vbn-logo a{
    width:112px!important;height:66px!important;max-width:112px!important;
    flex:0 0 112px!important;overflow:hidden!important;
  }
  .vbn-header .vbn-logo img,
  .vbn-header .vbn-logo .custom-logo{
    width:112px!important;height:64px!important;max-width:112px!important;max-height:64px!important;
    object-fit:contain!important;object-position:left center!important;transform:none!important;
  }
  .vbn-header .vbn-menu-btn{
    display:grid!important;place-items:center!important;width:44px!important;height:44px!important;
    min-width:44px!important;margin:0!important;padding:0!important;border:1px solid #ddd!important;
    border-radius:10px!important;background:#fff!important;color:#111!important;font-size:25px!important;
    line-height:1!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important;z-index:10002!important;
  }

  /* Mobile drawer */
  .vbn-header .vbn-nav{
    display:none!important;position:absolute!important;left:10px!important;right:10px!important;
    top:70px!important;width:auto!important;height:auto!important;margin:0!important;padding:6px!important;
    flex-direction:column!important;align-items:stretch!important;background:#fff!important;
    border:1px solid #e5e7eb!important;border-radius:0 0 14px 14px!important;
    box-shadow:0 14px 35px rgba(0,0,0,.16)!important;overflow:hidden!important;z-index:10001!important;
  }
  body.vbn-mobile-open .vbn-header .vbn-nav{display:flex!important}
  .vbn-header .vbn-nav a{
    width:100%!important;min-width:0!important;height:48px!important;padding:0 14px!important;
    justify-content:flex-start!important;border:0!important;border-bottom:1px solid #f0f0f0!important;
    font-size:14px!important;background:#fff!important;white-space:nowrap!important;
  }
  .vbn-header .vbn-nav a:last-child{border-bottom:0!important}
  body.vbn-mobile-open:after{content:"";position:fixed;inset:70px 0 0;background:rgba(0,0,0,.2);z-index:9998!important}
  body.vbn-mobile-open{overflow:hidden!important}

  /* Horizontal category rail: circular icon + label, no overlap. */
  .vbn-mobile-cats{
    display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:9px 8px 10px!important;
    background:#fff!important;border-bottom:1px solid #e5e7eb!important;overflow-x:auto!important;
    overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  .vbn-mobile-cats::-webkit-scrollbar{display:none!important}
  .vbn-mobile-cats .vbn-cats{
    display:flex!important;align-items:flex-start!important;gap:9px!important;min-width:max-content!important;
    width:max-content!important;margin:0!important;padding:0!important;
  }
  .vbn-mobile-cats .vbn-cats a{
    width:78px!important;min-width:78px!important;max-width:78px!important;height:92px!important;
    min-height:92px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;color:#171717!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:flex-start!important;gap:5px!important;
    text-align:center!important;white-space:normal!important;font-size:11px!important;font-weight:800!important;
    line-height:1.2!important;overflow:hidden!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico{
    width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;
    flex:0 0 68px!important;display:grid!important;place-items:center!important;
    border:1px solid #e7e7e7!important;border-radius:50%!important;background:#fff!important;
    box-shadow:0 1px 4px rgba(0,0,0,.04)!important;overflow:hidden!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico svg{
    width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{
    width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;
    object-fit:contain!important;border-radius:0!important;
  }
  .vbn-mobile-cats .vbn-cats a>span:last-child{
    display:block!important;width:100%!important;height:27px!important;overflow:hidden!important;
    text-overflow:ellipsis!important;word-break:keep-all!important;
  }
  .vbn-mobile-cats .vbn-cats a.active .ico{border-color:var(--cat-color,#ff6a00)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--cat-color,#ff6a00) 14%,#fff)!important}
  .vbn-mobile-cats .vbn-cats a.active>span:last-child{color:var(--cat-color,#ff6a00)!important}

  /* Main page spacing */
  main.vbn-container{width:100%!important;max-width:none!important;padding:0 8px!important;margin:0!important}
  .vbn-ad-banner{margin:9px 0!important;border-radius:9px!important;overflow:hidden!important}
  .vbn-ad-banner img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
  .vbn-home-grid{display:block!important;width:100%!important}
  .vbn-main{width:100%!important;min-width:0!important}
  .vbn-left{display:none!important}
  .vbn-right{display:block!important;width:100%!important;margin-top:12px!important}

  /* Article page */
  .vbn-article{
    width:100%!important;min-width:0!important;padding:14px!important;margin:0!important;
    border-radius:10px!important;box-shadow:none!important;overflow:hidden!important;
  }
  .vbn-breadcrumb{font-size:13px!important;line-height:1.5!important;margin-bottom:12px!important}
  .vbn-article h1{
    font-size:27px!important;line-height:1.34!important;letter-spacing:-.25px!important;
    margin:0 0 12px!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  .vbn-byline{font-size:13px!important;line-height:1.5!important;margin-bottom:13px!important}
  .vbn-share{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:12px 0 15px!important}
  .vbn-share a,.vbn-share .vbn-copy-link{
    min-height:42px!important;padding:9px 13px!important;border-radius:9px!important;
    font-size:14px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;
    justify-content:center!important;white-space:nowrap!important;
  }
  .vbn-featured-image{
    margin:0 0 18px!important;border-radius:10px!important;overflow:hidden!important;
  }
  .vbn-featured-image img{width:100%!important;height:auto!important;max-width:100%!important;display:block!important}
  .vbn-content{font-size:17px!important;line-height:1.85!important;overflow-wrap:anywhere!important}
  .vbn-content p{margin:0 0 17px!important}
  .vbn-content h2{font-size:23px!important;line-height:1.4!important}
  .vbn-content h3{font-size:20px!important;line-height:1.45!important}
  .vbn-content iframe,.vbn-content video,.vbn-content embed{width:100%!important;max-width:100%!important}

  /* Cards */
  .vbn-news-grid{grid-template-columns:1fr!important;gap:10px!important}
  .vbn-card{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;width:100%!important;min-width:0!important}
  .vbn-card .thumb{aspect-ratio:1/1!important;width:108px!important;height:108px!important}
  .vbn-card-body{min-width:0!important;padding:10px!important}
  .vbn-card h3{font-size:15px!important;line-height:1.42!important;overflow-wrap:anywhere!important}

  /* Footer */
  .vbn-footer{overflow:hidden!important}
  .vbn-footer-top{grid-template-columns:1fr!important;gap:16px!important}
}
@media (max-width:390px){
  .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{width:104px!important;max-width:104px!important}
  .vbn-mobile-cats .vbn-cats{gap:7px!important}
  .vbn-mobile-cats .vbn-cats a{width:72px!important;min-width:72px!important;max-width:72px!important}
  .vbn-mobile-cats .vbn-cats a .ico{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;flex-basis:64px!important}
  .vbn-mobile-cats .vbn-cats a .ico svg{width:47px!important;height:47px!important}
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{width:50px!important;height:50px!important}
  .vbn-article h1{font-size:25px!important;line-height:1.36!important}
  .vbn-content{font-size:16.5px!important}
  .vbn-card{grid-template-columns:96px minmax(0,1fr)!important}
  .vbn-card .thumb{width:96px!important;height:96px!important}
}


/* VBN 1.10.37 — final mobile newsroom sizing.
 * Keep the category rail compact so the actual news remains visible on phones.
 */
@media (max-width:760px){
  .vbn-mobile-cats{padding:6px 7px 7px!important;height:auto!important;min-height:0!important}
  .vbn-mobile-cats .vbn-cats{gap:6px!important}
  .vbn-mobile-cats .vbn-cats a{
    width:64px!important;min-width:64px!important;max-width:64px!important;
    height:73px!important;min-height:73px!important;gap:3px!important;
    font-size:10px!important;line-height:1.15!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico{
    width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;
    flex:0 0 50px!important;border-radius:50%!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico svg{
    width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{
    width:39px!important;height:39px!important;max-width:39px!important;max-height:39px!important;
  }
  .vbn-mobile-cats .vbn-cats a>span:last-child{
    height:20px!important;max-height:20px!important;font-size:10px!important;line-height:1.15!important;
  }
  main.vbn-container{padding:0 7px!important}
  .vbn-ad-banner{margin:7px 0!important}
  .vbn-news-panel .vbn-section-head{padding:10px 11px!important;margin-bottom:0!important}
  .vbn-news-panel .vbn-section-head h1{font-size:21px!important;line-height:1.3!important}
  .vbn-news-row{
    grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important;
    padding:10px 9px 10px 12px!important;min-height:0!important;
  }
  .vbn-news-row h3{font-size:14px!important;line-height:1.4!important;-webkit-line-clamp:3!important}
  .vbn-row-thumb{width:92px!important;height:64px!important}
  .vbn-row-bottom{margin-top:6px!important}
  .vbn-row-share a{width:18px!important;height:18px!important;font-size:13px!important}
}
@media (max-width:390px){
  .vbn-mobile-cats .vbn-cats{gap:5px!important}
  .vbn-mobile-cats .vbn-cats a{width:59px!important;min-width:59px!important;max-width:59px!important;height:69px!important;min-height:69px!important;font-size:9px!important}
  .vbn-mobile-cats .vbn-cats a .ico{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;flex-basis:46px!important}
  .vbn-mobile-cats .vbn-cats a .ico svg{width:33px!important;height:33px!important}
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{width:35px!important;height:35px!important}
  .vbn-mobile-cats .vbn-cats a>span:last-child{height:19px!important;max-height:19px!important;font-size:9px!important}
  .vbn-news-row{grid-template-columns:minmax(0,1fr) 86px!important;padding:9px 8px 9px 11px!important}
  .vbn-row-thumb{width:86px!important;height:60px!important}
  .vbn-news-row h3{font-size:13.5px!important}
}


/* VBN 1.10.38 — final responsive containment layer.
   Fixes oversized state/map/icon images and prevents page-wide horizontal overflow. */
html,body{max-width:100%;overflow-x:hidden!important}
.vbn-header,.vbn-container,.vbn-home-grid,.vbn-main,.vbn-left,.vbn-right,.vbn-news-panel{min-width:0;max-width:100%}
img,svg,video,iframe{max-width:100%}

/* Content supplied by Elementor/HTML widgets must obey its parent width. */
.elementor,.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,
.elementor-widget,.elementor-widget-container,.elementor-widget-image,.elementor-widget-html,
.elementor-widget-shortcode{min-width:0;max-width:100%}
.elementor img,.elementor-widget-image img,.elementor-widget-html img,.elementor-widget-shortcode img{
  max-width:100%!important;height:auto!important;
}
.elementor svg{max-width:100%!important}

/* Do not let an inline/fixed image width defeat mobile viewport sizing. */
@media(max-width:760px){
  body{width:100%!important}
  .vbn-header .vbn-head-inner{width:calc(100% - 20px)!important;max-width:100%!important}
  main.vbn-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding-left:7px!important;padding-right:7px!important}
  /* State/city and map sections: one compact card per row, image contained. */
  [class*="state"],[class*="State"],[class*="rajya"],[class*="Rajya"],[class*="map"],[class*="Map"]{
    max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }
  [class*="state"] img,[class*="State"] img,[class*="rajya"] img,[class*="Rajya"] img,[class*="map"] img,[class*="Map"] img{
    width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;
  }
  /* Prevent a single state icon/map from becoming a full-screen poster. */
  [class*="state"] img,[class*="State"] img,[class*="rajya"] img,[class*="Rajya"] img{
    max-height:220px!important;
  }

  /* Generic page-builder image containment. */
  .elementor-widget-image img,.elementor-widget-html img,.elementor-widget-shortcode img{
    width:auto!important;max-width:100%!important;height:auto!important;max-height:320px!important;object-fit:contain!important;
  }
  .elementor-widget-image .elementor-image{max-width:100%!important;overflow:hidden!important}
  .elementor-widget-image a{display:block;max-width:100%!important}

  /* Actual news gets priority over decorative/state sections. */
  .vbn-news-panel{width:100%!important;overflow:hidden!important}
  .vbn-news-row{min-width:0!important;max-width:100%!important}
}
@media(max-width:390px){
  .elementor-widget-image img,.elementor-widget-html img,.elementor-widget-shortcode img{max-height:250px!important}
}

/* VBN 1.10.41 — dedicated mobile homepage. This is intentionally a separate
 * mobile composition rather than a shrunken desktop layout. Desktop remains
 * unchanged. */
.vbn-mobile-home{display:none}
@media (max-width:760px){
  body.home .vbn-mobile-home{display:block;width:100%;max-width:100%;padding:0 10px 28px;background:#fff;overflow:hidden}
  body.home .vbn-home-mobile-cats{display:none!important}
  body.home .elementor{display:none!important}
  body.home .elementor-location-single,.home .elementor-location-content,.home .elementor-page{display:none!important}

  .vbn-mobile-breaking{display:flex;align-items:center;gap:9px;height:34px;margin:8px 0 12px;padding:0 10px;border:1px solid #eee;border-radius:8px;background:#fff;overflow:hidden;white-space:nowrap}
  .vbn-mobile-breaking span{flex:0 0 auto;background:#e7193f;color:#fff;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:.05em}
  .vbn-mobile-breaking div{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis}

  .vbn-mobile-category-nav{margin:0 0 14px;padding:0 1px}
  .vbn-mobile-category-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
  .vbn-mobile-category-head strong{font-size:15px;font-weight:900;color:#111}
  .vbn-mobile-category-head a{font-size:10px;font-weight:900;color:#e7193f;text-decoration:none}
  .vbn-mobile-category-scroll{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .vbn-mobile-category-scroll::-webkit-scrollbar{display:none}
  .vbn-mobile-cat-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border:1px solid #dedede;border-radius:18px;background:#fff;color:#222;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
  .vbn-mobile-cat-chip.is-active{background:#111;color:#fff;border-color:#111}

  .vbn-mobile-hero{margin:0 0 18px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 10px rgba(15,23,42,.05)}
  .vbn-mobile-hero-img{display:block;width:100%;height:205px;background:#f2f3f5;overflow:hidden}
  .vbn-mobile-hero-img img{display:block;width:100%;height:100%;object-fit:cover}
  .vbn-mobile-hero-img span{height:100%;display:grid;place-items:center;font-weight:900;color:#777;font-size:14px}
  .vbn-mobile-hero-body{padding:12px 13px 13px}
  .vbn-mobile-kicker{display:inline-block;color:#e7193f;font-size:10px;line-height:1.2;font-weight:900;margin-bottom:5px}
  .vbn-mobile-hero h1{margin:0;font-size:22px;line-height:1.22;font-weight:900;letter-spacing:-.2px}
  .vbn-mobile-hero h1 a,.vbn-mobile-news-card h3 a{color:#111;text-decoration:none}
  .vbn-mobile-meta{margin-top:8px;color:#888;font-size:9px;font-weight:700}

  .vbn-mobile-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 1px 9px;padding-bottom:7px;border-bottom:2px solid #111}
  .vbn-mobile-section-head h2{margin:0;font-size:18px;font-weight:900}
  .vbn-mobile-section-head a{font-size:10px;font-weight:900;color:#e7193f;text-decoration:none}
  .vbn-mobile-news-list{display:flex;flex-direction:column;gap:0}
  .vbn-mobile-news-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;padding:11px 0;border-bottom:1px solid #ececec;min-width:0}
  .vbn-mobile-thumb{display:block;width:112px;height:78px;border-radius:8px;overflow:hidden;background:#f1f2f4}
  .vbn-mobile-thumb img{display:block;width:100%;height:100%;object-fit:cover}
  .vbn-mobile-thumb span{height:100%;display:grid;place-items:center;font-size:18px;font-weight:900;color:#aaa}
  .vbn-mobile-news-body{min-width:0}
  .vbn-mobile-news-body .vbn-mobile-kicker{font-size:9px;margin:0 0 3px}
  .vbn-mobile-news-card h3{margin:0;font-size:14px;line-height:1.28;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .vbn-mobile-news-card time{display:block;margin-top:6px;color:#999;font-size:9px}

  .vbn-mobile-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:17px}
  .vbn-mobile-quick-grid a{display:flex;flex-direction:column;gap:4px;min-width:0;padding:11px 10px;border:1px solid #e7e7e7;border-radius:9px;text-decoration:none;background:#fff}
  .vbn-mobile-quick-grid b{font-size:12px;color:#111}
  .vbn-mobile-quick-grid span{font-size:9px;color:#888}

  /* Mobile header is a clean standalone bar. */
  .vbn-header{position:relative!important;background:#fff!important;z-index:100!important;border-bottom:1px solid #e6e6e6!important;box-shadow:0 1px 5px rgba(0,0,0,.04)!important}
  .vbn-header .vbn-head-inner{height:72px!important;width:100%!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  .vbn-header .vbn-logo{height:60px!important;max-width:135px!important;display:flex!important;align-items:center!important}
  .vbn-header .vbn-logo a{display:flex!important;align-items:center!important;height:60px!important;width:auto!important}
  .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{display:block!important;width:auto!important;height:56px!important;max-width:125px!important;object-fit:contain!important}
  .vbn-header .vbn-menu-btn{display:grid!important;place-items:center!important;width:46px!important;height:44px!important;margin:0!important;border:1px solid #ddd!important;border-radius:10px!important;background:#fff!important;color:#111!important;font-size:24px!important;line-height:1!important;box-shadow:0 2px 7px rgba(0,0,0,.08)!important}
  .vbn-header .vbn-search-panel{top:72px!important}

  /* Do not let desktop containers, state maps, SVGs or Elementor media leak into mobile. */
  body.home .vbn-container{width:100%!important;max-width:100%!important}
  body.home img,body.home svg,body.home video,body.home iframe{max-width:100%!important}
}
@media (max-width:390px){
  body.home .vbn-mobile-home{padding-left:8px;padding-right:8px}
  .vbn-mobile-hero-img{height:190px}
  .vbn-mobile-hero h1{font-size:20px}
  .vbn-mobile-news-card{grid-template-columns:100px minmax(0,1fr);gap:9px}
  .vbn-mobile-thumb{width:100px;height:72px}
  .vbn-mobile-news-card h3{font-size:13px}
}


/* VBN 1.10.42 — mobile homepage refinement: header -> icon-only categories -> website-style news list. */
@media (max-width:760px){
  /* Category rail: icons only, compact and swipeable. */
  body.home .vbn-mobile-cats{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:6px 10px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    background:#fff!important;
    border-bottom:1px solid #e8e8e8!important;
    box-shadow:0 1px 4px rgba(0,0,0,.04)!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.home .vbn-mobile-cats::-webkit-scrollbar{display:none!important}
  body.home .vbn-mobile-cats .vbn-cats{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:max-content!important;
    height:100%!important;
  }
  body.home .vbn-mobile-cats .vbn-cats a{
    position:relative!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e4e6e8!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
  }
  body.home .vbn-mobile-cats .vbn-cats a>span:last-child{display:none!important}
  body.home .vbn-mobile-cats .vbn-cats a .ico{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    flex:0 0 28px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.home .vbn-mobile-cats .vbn-cats a .ico svg{
    width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;
  }
  body.home .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{
    width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;
  }
  body.home .vbn-mobile-cats .vbn-cats a.active{
    border:2px solid var(--cat-color,#e7193f)!important;
    background:color-mix(in srgb,var(--cat-color,#e7193f) 8%,#fff)!important;
  }
  body.home .vbn-mobile-cats .vbn-cats a.active .ico{box-shadow:none!important}

  /* The mobile homepage is the same editorial list pattern used by the main website. */
  body.home .vbn-mobile-home{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0 8px 28px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  body.home .vbn-mobile-section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0!important;
    padding:13px 7px 9px!important;
    border-bottom:2px solid #151719!important;
  }
  body.home .vbn-mobile-section-head small{
    display:block!important;
    margin-bottom:2px!important;
    color:#8a8f95!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }
  body.home .vbn-mobile-section-head h2{
    margin:0!important;
    color:#151719!important;
    font-size:20px!important;
    line-height:1.15!important;
    font-weight:900!important;
  }
  body.home .vbn-mobile-news-list{
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  body.home .vbn-mobile-news-list .vbn-news-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:10px!important;
    min-height:0!important;
    padding:13px 8px 13px 12px!important;
    margin:0!important;
    border-bottom:1px solid #e9eaec!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.home .vbn-mobile-news-list .vbn-news-row:last-child{border-bottom:0!important}
  body.home .vbn-mobile-news-list .vbn-row-accent{top:13px!important;bottom:13px!important;width:3px!important}
  body.home .vbn-mobile-news-list .vbn-news-row h3{
    margin:0!important;
    font-size:15px!important;
    line-height:1.42!important;
    font-weight:900!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.home .vbn-mobile-news-list .vbn-row-content{min-width:0!important}
  body.home .vbn-mobile-news-list .vbn-row-bottom{margin-top:9px!important;gap:7px!important}
  body.home .vbn-mobile-news-list .vbn-row-category{font-size:9px!important;padding:4px 7px!important}
  body.home .vbn-mobile-news-list .vbn-row-share{gap:6px!important}
  body.home .vbn-mobile-news-list .vbn-row-share a{font-size:15px!important;width:19px!important}
  body.home .vbn-mobile-news-list .vbn-row-thumb{
    width:104px!important;height:70px!important;
    border-radius:7px!important;
    align-self:start!important;
  }
  body.home .vbn-mobile-news-list .vbn-row-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.home .vbn-mobile-news-list .vbn-play{width:27px!important;height:27px!important;font-size:10px!important}
  /* No old custom mobile cards/breaking/hero should appear. */
  body.home .vbn-mobile-breaking,
  body.home .vbn-mobile-hero,
  body.home .vbn-mobile-quick-grid{display:none!important}
}
@media(max-width:390px){
  body.home .vbn-mobile-cats{height:50px!important;min-height:50px!important;padding:5px 8px!important}
  body.home .vbn-mobile-cats .vbn-cats{gap:8px!important}
  body.home .vbn-mobile-cats .vbn-cats a{width:35px!important;min-width:35px!important;height:35px!important;min-height:35px!important}
  body.home .vbn-mobile-cats .vbn-cats a .ico{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important}
  body.home .vbn-mobile-cats .vbn-cats a .ico svg{width:20px!important;height:20px!important}
  body.home .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{width:21px!important;height:21px!important}
  body.home .vbn-mobile-news-list .vbn-news-row{grid-template-columns:minmax(0,1fr) 92px!important;gap:9px!important;padding:11px 7px 11px 11px!important}
  body.home .vbn-mobile-news-list .vbn-row-thumb{width:92px!important;height:64px!important}
  body.home .vbn-mobile-news-list .vbn-news-row h3{font-size:14px!important}
}


/* ============================================================
 * VBN 1.10.43 — FINAL MOBILE HOMEPAGE FIX
 * Desktop category navigation is intentionally untouched.
 * Mobile only: compact icon-only category rail + website-style
 * editorial news list. Breaking News/hero/quick blocks are hidden.
 * ============================================================ */
@media (max-width:760px){

  /* ----- MOBILE CATEGORY RAIL ----- */
  body.home .vbn-mobile-cats{
    display:flex!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:5px 9px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #e7e7e7!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.home .vbn-mobile-cats::-webkit-scrollbar{
    display:none!important;
  }

  body.home .vbn-mobile-cats .vbn-cats{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    width:max-content!important;
    min-width:max-content!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }

  /* Category = small icon only. Desktop is not affected. */
  body.home .vbn-mobile-cats .vbn-cats a{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:1px solid #e3e5e8!important;
    border-radius:50%!important;
    background:#fff!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a>span:last-child{
    display:none!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a .ico{
    display:grid!important;
    place-items:center!important;
    width:26px!important;
    min-width:26px!important;
    height:26px!important;
    min-height:26px!important;
    flex:0 0 26px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a .ico svg{
    display:block!important;
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{
    display:block!important;
    width:23px!important;
    height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
    object-fit:contain!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a.active{
    border:2px solid var(--cat-color,#e7193f)!important;
    background:#fff!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a.active .ico{
    box-shadow:none!important;
  }

  /* ----- MOBILE HOMEPAGE ----- */
  body.home .vbn-mobile-home{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 7px 28px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body.home .vbn-mobile-section-head{
    display:block!important;
    margin:0!important;
    padding:11px 6px 7px!important;
    border-bottom:2px solid #151719!important;
  }

  body.home .vbn-mobile-section-head small{
    display:block!important;
    margin:0 0 2px!important;
    color:#8b8f94!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }

  body.home .vbn-mobile-section-head h2{
    display:block!important;
    margin:0!important;
    color:#151719!important;
    font-size:19px!important;
    line-height:1.15!important;
    font-weight:900!important;
  }

  /* Same editorial row pattern as the website feed. */
  body.home .vbn-mobile-news-list{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }

  body.home .vbn-mobile-news-list .vbn-news-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 104px!important;
    align-items:start!important;
    gap:10px!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 6px 12px 11px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-bottom:1px solid #e7e8ea!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.home .vbn-mobile-news-list .vbn-news-row:last-child{
    border-bottom:0!important;
  }

  body.home .vbn-mobile-news-list .vbn-row-content{
    position:relative!important;
    min-width:0!important;
    padding-left:0!important;
  }

  body.home .vbn-mobile-news-list .vbn-row-accent{
    top:1px!important;
    bottom:1px!important;
    left:0!important;
    width:3px!important;
    border-radius:0!important;
  }

  body.home .vbn-mobile-news-list .vbn-news-row h3{
    margin:0!important;
    padding-left:7px!important;
    color:#4b4f53!important;
    font-size:15px!important;
    line-height:1.38!important;
    font-weight:900!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }

  body.home .vbn-mobile-news-list .vbn-row-bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    margin-top:8px!important;
    padding-left:7px!important;
  }

  body.home .vbn-mobile-news-list .vbn-row-category{
    flex:0 1 auto!important;
    max-width:88px!important;
    min-width:0!important;
    padding:3px 7px!important;
    border:1px solid #dfe2e5!important;
    border-radius:999px!important;
    background:#f8f9fa!important;
    color:#858a90!important;
    font-size:8px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.home .vbn-mobile-news-list .vbn-row-share{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    flex:0 0 auto!important;
  }

  body.home .vbn-mobile-news-list .vbn-row-share a{
    display:grid!important;
    place-items:center!important;
    width:18px!important;
    height:18px!important;
    color:#7d8389!important;
    font-size:12px!important;
    text-decoration:none!important;
  }

  body.home .vbn-mobile-news-list .vbn-row-thumb{
    position:relative!important;
    width:104px!important;
    height:70px!important;
    min-width:104px!important;
    margin:0!important;
    border-radius:7px!important;
    overflow:hidden!important;
    align-self:start!important;
    background:#f0f1f2!important;
  }

  body.home .vbn-mobile-news-list .vbn-row-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  body.home .vbn-mobile-news-list .vbn-play{
    width:25px!important;
    height:25px!important;
    font-size:9px!important;
  }

  /* Never show old mobile-only blocks. */
  body.home .vbn-mobile-breaking,
  body.home .vbn-mobile-hero,
  body.home .vbn-mobile-quick-grid{
    display:none!important;
  }
}

@media (max-width:390px){
  body.home .vbn-mobile-cats{
    height:45px!important;
    min-height:45px!important;
    padding:5px 8px!important;
  }

  body.home .vbn-mobile-cats .vbn-cats{
    gap:8px!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a{
    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a .ico{
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    flex-basis:24px!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a .ico svg{
    width:20px!important;
    height:20px!important;
  }

  body.home .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{
    width:21px!important;
    height:21px!important;
  }

  body.home .vbn-mobile-news-list .vbn-news-row{
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:9px!important;
    padding:11px 5px 11px 10px!important;
  }

  body.home .vbn-mobile-news-list .vbn-row-thumb{
    width:92px!important;
    min-width:92px!important;
    height:64px!important;
  }

  body.home .vbn-mobile-news-list .vbn-news-row h3{
    font-size:14px!important;
    line-height:1.38!important;
  }
}

/* ============================================================
 * VBN 1.10.44 — MOBILE CATEGORY PAGE DEFINITIVE FIX
 * Applies to HOME + ALL CATEGORY/ARCHIVE pages.
 * Desktop navigation is not changed.
 * Mobile: small icon-only category rail; labels are hidden.
 * ============================================================ */
@media (max-width:760px){
  .vbn-mobile-cats{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:5px 8px!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:0!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #e5e5e5!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
  }
  .vbn-mobile-cats::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

  .vbn-mobile-cats .vbn-cats{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:7px!important;
    width:max-content!important;
    min-width:max-content!important;
    height:36px!important;
    margin:0!important;
    padding:0!important;
  }

  /* Every category is an icon button only. */
  .vbn-mobile-cats .vbn-cats a,
  .vbn-mobile-cats .vbn-cats a:hover,
  .vbn-mobile-cats .vbn-cats a.active{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:1px solid #e7e7e7!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
    gap:0!important;
    overflow:hidden!important;
    flex:0 0 36px!important;
  }

  /* Hide category names completely on phones. */
  .vbn-mobile-cats .vbn-cats a>span:last-child{
    display:none!important;
    width:0!important;
    height:0!important;
    max-width:0!important;
    max-height:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
  }

  .vbn-mobile-cats .vbn-cats a .ico{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    flex:0 0 30px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    color:inherit!important;
    overflow:hidden!important;
  }

  .vbn-mobile-cats .vbn-cats a .ico svg{
    display:block!important;
    width:27px!important;
    height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
    margin:0!important;
  }

  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{
    display:block!important;
    width:27px!important;
    height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
    object-fit:contain!important;
    border-radius:50%!important;
    margin:0!important;
  }

  .vbn-mobile-cats .vbn-cats a.active{
    border-color:var(--cat-color,#e85d04)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--cat-color,#e85d04) 15%,#fff)!important;
  }

  /* Never display the mobile breaking strip. */
  .vbn-mobile-breaking{display:none!important}
}

@media (max-width:390px){
  .vbn-mobile-cats{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:4px 7px!important;
  }
  .vbn-mobile-cats .vbn-cats{gap:6px!important;height:34px!important}
  .vbn-mobile-cats .vbn-cats a,
  .vbn-mobile-cats .vbn-cats a:hover,
  .vbn-mobile-cats .vbn-cats a.active{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    flex-basis:34px!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    flex-basis:28px!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico svg{width:25px!important;height:25px!important}
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{width:25px!important;height:25px!important}
}

/* VBN 1.10.46 — FINAL MOBILE CATEGORY ICON SIZE */
@media (max-width:760px){
  .vbn-mobile-cats{
    height:34px!important;
    min-height:34px!important;
    padding:4px 8px!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    box-sizing:border-box!important;
  }
  .vbn-mobile-cats .vbn-cats{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:max-content!important;
    height:26px!important;
  }
  .vbn-mobile-cats .vbn-cats a{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    padding:2px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    border:1px solid #ededed!important;
    border-radius:7px!important;
    font-size:0!important;
    line-height:0!important;
    box-sizing:border-box!important;
  }
  .vbn-mobile-cats .vbn-cats a>span:last-child{
    display:none!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    flex:0 0 22px!important;
    padding:0!important;
    margin:0!important;
    border-radius:5px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    display:block!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    display:block!important;
    object-fit:contain!important;
    border-radius:3px!important;
  }
}

/* ============================================================
 * VBN 1.10.46 — MOBILE NEWSROOM LAYOUT
 * Inspired by the compact editorial structure requested by the
 * user. Desktop layout is intentionally untouched.
 * ============================================================ */
@media (max-width:760px){
  body{background:#fff!important}
  .vbn-header{display:none!important}
  .vbn-mobile-topline{
    display:flex!important;align-items:center;justify-content:center;gap:4px;
    height:25px!important;padding:0 8px!important;border-bottom:1px solid #eee!important;
    color:#777!important;background:#fff!important;font-size:10px!important;font-weight:600!important;
    white-space:nowrap!important;
  }
  .vbn-mobile-actionbar{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    height:55px!important;padding:0 14px!important;background:#fff!important;
    border-bottom:1px solid #ececec!important;box-sizing:border-box!important;
  }
  .vbn-mobile-action-logo{display:flex!important;align-items:center!important;height:44px!important;max-width:145px!important;overflow:hidden!important}
  .vbn-mobile-action-logo a{display:flex!important;align-items:center!important;height:44px!important}
  .vbn-mobile-action-logo img,.vbn-mobile-action-logo .custom-logo{width:auto!important;height:40px!important;max-width:130px!important;object-fit:contain!important}
  .vbn-mobile-action-logo .vbn-text-logo{font-size:15px!important;line-height:.9!important;font-weight:900!important;color:#222!important;text-decoration:none!important}
  .vbn-mobile-actions{display:flex!important;align-items:center!important;gap:18px!important}
  .vbn-mobile-actions a,.vbn-mobile-actions button{display:grid!important;place-items:center!important;width:24px!important;height:32px!important;padding:0!important;border:0!important;background:none!important;color:#111!important;text-decoration:none!important;font-size:22px!important;line-height:1!important}
  .vbn-mobile-actions .vbn-menu-btn{font-size:22px!important;width:27px!important}
  .vbn-mobile-primary-nav{
    display:flex!important;align-items:center!important;gap:0!important;width:100%!important;height:38px!important;
    overflow-x:auto!important;overflow-y:hidden!important;background:#fff!important;border-bottom:1px solid #eee!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  .vbn-mobile-primary-nav::-webkit-scrollbar{display:none!important}
  .vbn-mobile-primary-nav a{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:4px!important;height:38px!important;padding:0 12px!important;color:#222!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;border-right:1px solid #f1f1f1!important;white-space:nowrap!important}
  .vbn-mobile-primary-nav a:first-child{color:#e85d04!important}
  .vbn-mobile-primary-nav a span{font-size:10px!important}

  /* Compact topic/category rail: icon + tiny label, never oversized. */
  .vbn-mobile-cats,
  .vbn-home-mobile-cats{
    display:flex!important;width:100%!important;max-width:100%!important;height:43px!important;min-height:43px!important;
    margin:0!important;padding:5px 8px!important;box-sizing:border-box!important;align-items:center!important;
    overflow-x:auto!important;overflow-y:hidden!important;background:#fff!important;border-bottom:1px solid #eee!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  .vbn-mobile-cats::-webkit-scrollbar{display:none!important}
  .vbn-mobile-cats .vbn-cats{display:flex!important;align-items:center!important;gap:7px!important;width:max-content!important;min-width:max-content!important;height:33px!important;margin:0!important;padding:0!important}
  .vbn-mobile-cats .vbn-cats a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:auto!important;max-width:none!important;height:31px!important;min-height:31px!important;padding:0 9px!important;margin:0!important;border:1px solid #e5e5e5!important;border-radius:18px!important;background:#fff!important;color:#222!important;font-size:9px!important;font-weight:700!important;line-height:1!important;flex:0 0 auto!important;box-shadow:none!important;overflow:hidden!important}
  .vbn-mobile-cats .vbn-cats a>span:last-child{display:inline!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;visibility:visible!important;font-size:9px!important;white-space:nowrap!important}
  .vbn-mobile-cats .vbn-cats a .ico{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:50%!important;overflow:hidden!important}
  .vbn-mobile-cats .vbn-cats a .ico svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;object-fit:contain!important;border-radius:50%!important}
  .vbn-mobile-cats .vbn-cats a.active{border-color:#ddd!important;background:#fff!important;color:#e85d04!important;box-shadow:none!important}

  /* Remove the old mobile composition and use the compact editorial feed. */
  body.home .vbn-mobile-home{display:block!important;width:100%!important;max-width:100%!important;padding:0 9px 25px!important;background:#fff!important;box-sizing:border-box!important;overflow:hidden!important}
  body.home .vbn-mobile-breaking,body.home .vbn-mobile-hero,body.home .vbn-mobile-quick-grid{display:none!important}
  body.home .vbn-container{width:100%!important;max-width:100%!important}
  body.home .vbn-mobile-feature{display:block!important;margin:0!important;padding:12px 8px 9px!important;border-bottom:1px solid #e7e7e7!important;background:#fff!important;cursor:pointer!important}
  body.home .vbn-mobile-feature-title>span{display:inline-block!important;margin-bottom:4px!important;color:#e85d04!important;font-size:11px!important;font-weight:900!important}
  body.home .vbn-mobile-feature-title h1{margin:0 0 10px!important;color:#222!important;font-size:18px!important;line-height:1.45!important;font-weight:900!important}
  body.home .vbn-mobile-feature-media{position:relative!important;width:100%!important;height:245px!important;overflow:hidden!important;border-radius:2px!important;background:#f2f2f2!important}
  body.home .vbn-mobile-feature-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  body.home .vbn-mobile-feature-media>span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#999!important;font-weight:900!important}
  body.home .vbn-mobile-feature-media i{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(0,0,0,.72)!important;color:#fff!important;font-size:20px!important;font-style:normal!important}
  body.home .vbn-mobile-feature-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:8px!important;min-height:26px!important}
  body.home .vbn-mobile-feature-meta a{display:inline-flex!important;align-items:center!important;padding:5px 10px!important;border:1px solid #ddd!important;border-radius:16px!important;color:#555!important;text-decoration:none!important;font-size:9px!important;font-weight:700!important}
  body.home .vbn-mobile-feature-meta span{color:#888!important;font-size:9px!important}
  body.home .vbn-mobile-section-head{margin:9px 8px 0!important;padding:0 0 7px!important;border-bottom:2px solid #222!important}
  body.home .vbn-mobile-section-head small{display:none!important}
  body.home .vbn-mobile-section-head h2{margin:0!important;font-size:18px!important;font-weight:900!important;color:#222!important}
  body.home .vbn-mobile-news-list{display:flex!important;flex-direction:column!important;gap:0!important}
  body.home .vbn-mobile-news-list .vbn-news-row{display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;gap:10px!important;padding:12px 8px!important;border-bottom:1px solid #e7e7e7!important}
  body.home .vbn-mobile-news-list .vbn-news-row h3{margin:0!important;font-size:14px!important;line-height:1.4!important;font-weight:800!important;color:#222!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
  body.home .vbn-mobile-news-list .vbn-row-thumb{width:108px!important;height:76px!important;border-radius:2px!important;overflow:hidden!important}
  body.home .vbn-mobile-news-list .vbn-row-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.home .vbn-mobile-news-list .vbn-row-accent{display:none!important}
  body.home .vbn-mobile-news-list .vbn-row-bottom{margin-top:8px!important;gap:5px!important}
  body.home .vbn-mobile-news-list .vbn-row-category{font-size:8px!important;padding:4px 7px!important}
  body.home .vbn-mobile-news-list .vbn-row-share{gap:5px!important}
  body.home .vbn-mobile-news-list .vbn-row-share a{font-size:12px!important;width:16px!important}

  /* Category/archive pages: same editorial language, with first story emphasized. */
  body:not(.home) .vbn-container.vbn-ad-banner,body:not(.home) .vbn-ad-banner{display:none!important}
  body:not(.home) .vbn-container{width:100%!important;max-width:100%!important}
  body:not(.home) .vbn-home-grid{display:block!important;width:100%!important;margin:0!important}
  body:not(.home) .vbn-left,body:not(.home) .vbn-right{display:none!important}
  body:not(.home) .vbn-main{width:100%!important;max-width:100%!important}
  body:not(.home) .vbn-news-panel{width:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  body:not(.home) .vbn-section-head{margin:0!important;padding:10px 14px 7px!important;border-bottom:2px solid #222!important}
  body:not(.home) .vbn-section-head small{font-size:8px!important;color:#999!important;letter-spacing:.12em!important}
  body:not(.home) .vbn-section-head h1{margin:2px 0 0!important;font-size:20px!important;line-height:1.2!important}
  body:not(.home) #vbn-home-feed{display:flex!important;flex-direction:column!important;width:100%!important}
  body:not(.home) #vbn-home-feed .vbn-news-row{grid-template-columns:minmax(0,1fr) 108px!important;gap:10px!important;padding:12px 14px!important;border-bottom:1px solid #e7e7e7!important}
  body:not(.home) #vbn-home-feed .vbn-news-row h3{font-size:14px!important;line-height:1.4!important;font-weight:800!important;-webkit-line-clamp:3!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body:not(.home) #vbn-home-feed .vbn-row-thumb{width:108px!important;height:76px!important;border-radius:2px!important}
  body:not(.home) #vbn-home-feed .vbn-row-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
  body:not(.home) #vbn-home-feed .vbn-row-accent{display:none!important}
  body:not(.home) #vbn-home-feed .vbn-row-bottom{margin-top:8px!important}
}
@media (max-width:390px){
  .vbn-mobile-actionbar{padding:0 11px!important}
  .vbn-mobile-actions{gap:14px!important}
  body.home .vbn-mobile-feature-media{height:225px!important}
  body.home .vbn-mobile-news-list .vbn-news-row,body:not(.home) #vbn-home-feed .vbn-news-row{grid-template-columns:minmax(0,1fr) 98px!important;gap:8px!important;padding-left:10px!important;padding-right:10px!important}
  body.home .vbn-mobile-news-list .vbn-row-thumb,body:not(.home) #vbn-home-feed .vbn-row-thumb{width:98px!important;height:70px!important}
}


/* VBN 1.10.47 — MOBILE: use the compact primary category/navigation row only.
 * The large illustrated third category rail is intentionally removed on phones.
 * Desktop category navigation is untouched.
 */
@media (max-width:760px){
  .vbn-mobile-cats,
  .vbn-home-mobile-cats{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  .vbn-mobile-primary-nav{
    display:flex!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    border-bottom:1px solid #e6e6e6!important;
    background:#fff!important;
  }
  .vbn-mobile-primary-nav a{
    height:42px!important;
    padding:0 13px!important;
    gap:5px!important;
    font-size:11px!important;
    font-weight:800!important;
    border-right:1px solid #eeeeee!important;
  }
  .vbn-mobile-primary-nav a span{
    font-size:11px!important;
    line-height:1!important;
  }
}

/* VBN 1.10.48 — mobile category navigation: use the real site categories
 * in the compact icon + name format. The old illustrated category rail is
 * hidden on phones; desktop category navigation remains untouched.
 */
@media (max-width:760px){
  .vbn-mobile-primary-nav{
    display:flex!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    border-top:1px solid #ececec!important;
    border-bottom:1px solid #ececec!important;
    background:#fff!important;
  }
  .vbn-mobile-primary-nav::-webkit-scrollbar{display:none!important}
  .vbn-mobile-primary-cat{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 11px!important;
    border-right:1px solid #eeeeee!important;
    background:#fff!important;
    color:#222!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .vbn-mobile-primary-cat.is-active{
    color:var(--cat-color,#e85d04)!important;
    background:color-mix(in srgb,var(--cat-color,#e85d04) 7%,#fff)!important;
  }
  .vbn-mobile-primary-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--cat-color,#e85d04)!important;
    line-height:1!important;
  }
  .vbn-mobile-primary-icon svg{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important}
  .vbn-mobile-primary-icon img,
  .vbn-mobile-primary-icon .vbn-category-png-icon{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;object-fit:contain!important}
  .vbn-mobile-primary-name{display:inline!important;font-size:11px!important;font-weight:800!important}
  .vbn-mobile-primary-live{color:#e7193f!important}
  .vbn-mobile-primary-live .vbn-live-dot{font-size:14px!important;color:#e7193f!important}
  .vbn-mobile-cats{display:none!important}
}


/* VBN 1.10.49 — FINAL CATEGORY NAV FIX
 * There is ONE mobile category row only: the existing real category rail.
 * It uses the site's real categories with icon + name, like:
 *   icon + मध्य प्रदेश | icon + राजस्थान | icon + मनोरंजन | icon + खेल | ...
 * The old duplicated primary row and oversized illustrated row are not used.
 * Desktop category navigation/sidebar remains exactly as the original desktop design.
 */
.vbn-mobile-primary-nav{display:none!important}

@media (min-width:761px){
  /* Never allow the mobile category markup to appear on desktop. */
  .vbn-mobile-cats,
  .vbn-home-mobile-cats{display:none!important}
}

@media (max-width:760px){
  /* The single mobile category row. */
  .vbn-mobile-cats,
  .vbn-home-mobile-cats{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:3px 7px!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:0!important;
    background:#fff!important;
    border-top:1px solid #eee!important;
    border-bottom:1px solid #e6e6e6!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .vbn-mobile-cats::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .vbn-mobile-cats .vbn-cats{
    display:flex!important;
    align-items:center!important;
    width:max-content!important;
    min-width:max-content!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
  }
  .vbn-mobile-cats .vbn-cats a,
  .vbn-mobile-cats .vbn-cats a:hover,
  .vbn-mobile-cats .vbn-cats a.active{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:auto!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 11px!important;
    margin:0!important;
    gap:5px!important;
    border:0!important;
    border-right:1px solid #ededed!important;
    border-radius:0!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .vbn-mobile-cats .vbn-cats a:first-child{color:#e85d04!important}
  .vbn-mobile-cats .vbn-cats a.active{color:var(--cat-color,#e85d04)!important;background:#fff!important}
  .vbn-mobile-cats .vbn-cats a .ico{
    display:inline-grid!important;
    place-items:center!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    flex:0 0 18px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--cat-color,#e85d04)!important;
    overflow:hidden!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico svg{
    width:16px!important;height:16px!important;
    min-width:16px!important;min-height:16px!important;
    max-width:16px!important;max-height:16px!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{
    width:18px!important;height:18px!important;
    min-width:18px!important;min-height:18px!important;
    max-width:18px!important;max-height:18px!important;
    object-fit:contain!important;
    border-radius:0!important;
  }
  .vbn-mobile-cats .vbn-cats a>span:last-child{
    display:inline!important;
    width:auto!important;height:auto!important;
    max-width:none!important;max-height:none!important;
    margin:0!important;padding:0!important;
    overflow:visible!important;
    visibility:visible!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
    color:inherit!important;
  }
}

@media (max-width:390px){
  .vbn-mobile-cats,.vbn-home-mobile-cats{height:38px!important;min-height:38px!important;max-height:38px!important;padding:2px 5px!important}
  .vbn-mobile-cats .vbn-cats{height:34px!important}
  .vbn-mobile-cats .vbn-cats a{height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:9px!important;gap:4px!important}
  .vbn-mobile-cats .vbn-cats a .ico{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;max-height:17px!important;flex-basis:17px!important}
  .vbn-mobile-cats .vbn-cats a .ico svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important}
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important}
  .vbn-mobile-cats .vbn-cats a>span:last-child{font-size:9px!important}
}

/* ============================================================
 * VBN 1.10.51 — CLEAN MOBILE/ DESKTOP SEPARATION
 * Desktop is not changed by the mobile navigation markup.
 * Mobile uses ONE compact category row; the old illustrated rail
 * is hidden instead of being restyled into another row.
 * ============================================================ */
/* Mobile-only markup must NEVER appear on desktop. */
.vbn-mobile-topline,
.vbn-mobile-actionbar,
.vbn-mobile-primary-nav{display:none!important}

@media (max-width:760px){
  /* Mobile header rows */
  .vbn-mobile-topline{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    height:26px!important;
    padding:0 8px!important;
    background:#fff!important;
    border-bottom:1px solid #eee!important;
    color:#666!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .vbn-mobile-topline span+span{margin-left:3px!important}
  .vbn-mobile-actionbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    height:55px!important;
    padding:0 14px!important;
    background:#fff!important;
    border-bottom:1px solid #eee!important;
  }
  .vbn-mobile-action-logo{display:flex!important;align-items:center!important;width:105px!important;height:45px!important;overflow:hidden!important}
  .vbn-mobile-action-logo a{display:flex!important;align-items:center!important;width:105px!important;height:45px!important}
  .vbn-mobile-action-logo img,.vbn-mobile-action-logo .custom-logo{width:auto!important;height:40px!important;max-width:105px!important;object-fit:contain!important}
  .vbn-mobile-action-logo .vbn-text-logo{font-size:14px!important;line-height:.9!important;font-weight:900!important}
  .vbn-mobile-actions{display:flex!important;align-items:center!important;gap:18px!important}
  .vbn-mobile-actions a,.vbn-mobile-actions button{display:grid!important;place-items:center!important;width:23px!important;height:32px!important;padding:0!important;border:0!important;background:none!important;color:#111!important;font-size:21px!important;line-height:1!important}
  .vbn-mobile-actions .vbn-menu-btn{display:grid!important;width:27px!important;font-size:22px!important}

  /* ONE category row: icon + category name, like the reference. */
  .vbn-mobile-primary-nav{
    display:flex!important;
    align-items:stretch!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    background:#fff!important;
    border-bottom:1px solid #e6e6e6!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .vbn-mobile-primary-nav::-webkit-scrollbar{display:none!important}
  .vbn-mobile-primary-cat{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    height:38px!important;
    padding:0 12px!important;
    border-right:1px solid #f0f0f0!important;
    color:#222!important;
    background:#fff!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .vbn-mobile-primary-cat.is-active{color:var(--cat-color,#e85d04)!important}
  .vbn-mobile-primary-icon{display:grid!important;place-items:center!important;width:17px!important;height:17px!important;min-width:17px!important;color:var(--cat-color,#e85d04)!important}
  .vbn-mobile-primary-icon svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}
  .vbn-mobile-primary-icon img,.vbn-mobile-primary-icon .vbn-category-png-icon{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;object-fit:contain!important}
  .vbn-mobile-primary-name{display:inline!important;font-size:10px!important;font-weight:800!important}
  .vbn-mobile-primary-live{color:#e7193f!important}
  .vbn-live-dot{font-size:12px!important;color:#e7193f!important}

  /* Remove the old large illustrated category rail entirely on phones. */
  .vbn-mobile-cats,.vbn-home-mobile-cats{display:none!important}

  /* Keep the featured mobile story and feed clean. */
  body.home .vbn-mobile-home{display:block!important;width:100%!important;max-width:100%!important;padding:0 9px 25px!important;background:#fff!important;box-sizing:border-box!important;overflow:hidden!important}
  body.home .vbn-mobile-feature{display:block!important;margin:0!important;padding:12px 6px 9px!important;border-bottom:1px solid #e7e7e7!important;background:#fff!important}
  body.home .vbn-mobile-feature-title>span{display:inline-block!important;margin-bottom:4px!important;color:#e85d04!important;font-size:10px!important;font-weight:900!important}
  body.home .vbn-mobile-feature-title h1{margin:0 0 10px!important;color:#222!important;font-size:19px!important;line-height:1.42!important;font-weight:900!important}
  body.home .vbn-mobile-feature-media{position:relative!important;width:100%!important;height:245px!important;overflow:hidden!important;border-radius:2px!important;background:#f2f2f2!important}
  body.home .vbn-mobile-feature-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  body.home .vbn-mobile-feature-media i{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(0,0,0,.72)!important;color:#fff!important;font-size:20px!important;font-style:normal!important}
  body.home .vbn-mobile-feature-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:8px!important;min-height:26px!important}
  body.home .vbn-mobile-feature-meta a{display:inline-flex!important;align-items:center!important;padding:5px 10px!important;border:1px solid #ddd!important;border-radius:16px!important;color:#555!important;text-decoration:none!important;font-size:9px!important;font-weight:700!important}
  body.home .vbn-mobile-feature-meta span{color:#888!important;font-size:9px!important}
  body.home .vbn-mobile-section-head{margin:9px 6px 0!important;padding:0 0 7px!important;border-bottom:2px solid #222!important}
  body.home .vbn-mobile-section-head small{display:none!important}
  body.home .vbn-mobile-section-head h2{margin:0!important;font-size:18px!important;font-weight:900!important;color:#222!important}
  body.home .vbn-mobile-news-list{display:flex!important;flex-direction:column!important;gap:0!important}
  body.home .vbn-mobile-news-list .vbn-news-row{display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:10px!important;padding:12px 6px 12px 10px!important;border-bottom:1px solid #e7e7e7!important}
  body.home .vbn-mobile-news-list .vbn-news-row h3{font-size:14px!important;line-height:1.4!important;font-weight:800!important}
  body.home .vbn-mobile-news-list .vbn-row-thumb{width:104px!important;height:70px!important;border-radius:4px!important;overflow:hidden!important}
  body.home .vbn-mobile-news-list .vbn-row-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.home .vbn-mobile-breaking{display:none!important}
}
@media (max-width:390px){
  .vbn-mobile-actionbar{padding:0 11px!important}
  .vbn-mobile-actions{gap:14px!important}
  .vbn-mobile-primary-cat{padding:0 10px!important;font-size:9px!important}
  .vbn-mobile-primary-icon,.vbn-mobile-primary-icon img,.vbn-mobile-primary-icon .vbn-category-png-icon{width:16px!important;height:16px!important;min-width:16px!important}
  .vbn-mobile-primary-icon svg{width:15px!important;height:15px!important}
  body.home .vbn-mobile-feature-media{height:225px!important}
  body.home .vbn-mobile-news-list .vbn-news-row{grid-template-columns:minmax(0,1fr) 96px!important;gap:8px!important}
  body.home .vbn-mobile-news-list .vbn-row-thumb{width:96px!important;height:66px!important}
}


/* VBN 1.10.51 — MOBILE CATEGORY ROW: SINGLE REAL CATEGORY RAIL
 * The two previous mobile category rows are removed from markup.
 * The existing real category list is the only mobile category row.
 * Desktop navigation is not changed.
 */
.vbn-mobile-primary-nav{display:none!important}
.vbn-mobile-live-cat{display:none!important}
@media (min-width:761px){
  .vbn-mobile-topline,.vbn-mobile-actionbar,.vbn-mobile-primary-nav,.vbn-mobile-cats,.vbn-home-mobile-cats{display:none!important}
}
@media (max-width:760px){
  .vbn-mobile-primary-nav{display:none!important}
  .vbn-mobile-cats,.vbn-home-mobile-cats{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:2px 0!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    background:#fff!important;
    border-top:1px solid #e9e9e9!important;
    border-bottom:1px solid #e0e0e0!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .vbn-mobile-cats::-webkit-scrollbar{display:none!important}
  .vbn-mobile-cats .vbn-cats{
    display:flex!important;align-items:center!important;width:max-content!important;min-width:max-content!important;
    height:36px!important;margin:0!important;padding:0!important;gap:0!important;
  }
  .vbn-mobile-cats .vbn-cats a,
  .vbn-mobile-cats .vbn-cats a:hover,
  .vbn-mobile-cats .vbn-cats a.active{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;width:auto!important;height:36px!important;min-height:36px!important;
    padding:0 11px!important;margin:0!important;gap:5px!important;
    border:0!important;border-right:1px solid #ededed!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important;color:#222!important;
    font-size:11px!important;font-weight:800!important;line-height:1!important;
    text-decoration:none!important;white-space:nowrap!important;
  }
  .vbn-mobile-cats .vbn-cats a.active{color:var(--cat-color,#e85d04)!important}
  .vbn-mobile-cats .vbn-cats a .ico{
    display:inline-grid!important;place-items:center!important;flex:0 0 18px!important;
    width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
    max-width:18px!important;max-height:18px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    overflow:hidden!important;color:var(--cat-color,#e85d04)!important;
  }
  .vbn-mobile-cats .vbn-cats a .ico svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}
  .vbn-mobile-cats .vbn-cats a .ico img,
  .vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;object-fit:contain!important}
  .vbn-mobile-cats .vbn-cats a>span:last-child{display:inline!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;visibility:visible!important;overflow:visible!important;color:inherit!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
  .vbn-mobile-live-cat{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
    height:36px!important;min-height:36px!important;padding:0 11px!important;gap:5px!important;
    border-right:1px solid #ededed!important;background:#fff!important;color:#e7193f!important;
    font-size:11px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;
  }
  .vbn-mobile-live-dot{font-size:12px!important;line-height:1!important;color:#e7193f!important}
}
@media (max-width:390px){
  .vbn-mobile-cats,.vbn-home-mobile-cats{height:38px!important;min-height:38px!important;max-height:38px!important}
  .vbn-mobile-cats .vbn-cats{height:34px!important}
  .vbn-mobile-cats .vbn-cats a,.vbn-mobile-live-cat{height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:10px!important;gap:4px!important}
  .vbn-mobile-cats .vbn-cats a .ico{width:17px!important;height:17px!important;min-width:17px!important}
  .vbn-mobile-cats .vbn-cats a .ico svg{width:15px!important;height:15px!important}
  .vbn-mobile-cats .vbn-cats a .ico img,.vbn-mobile-cats .vbn-cats a .ico .vbn-category-png-icon{width:17px!important;height:17px!important}
  .vbn-mobile-cats .vbn-cats a>span:last-child,.vbn-mobile-live-cat{font-size:10px!important}
}


/* VBN 1.10.53 — NEW MOBILE CATEGORY NAVIGATION
 * Completely rebuilt for phones. Uses only the text/emoji icons emitted by header.php;
 * it does not use the WordPress category SVG/PNG artwork. Desktop is untouched.
 */
.vbn-mobile-category-rail{display:none!important}
@media (max-width:760px){
  .vbn-mobile-category-rail{
    display:block!important;
    width:100%!important;
    height:39px!important;
    min-height:39px!important;
    max-height:39px!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border-bottom:1px solid #e6e6e6!important;
    box-sizing:border-box!important;
  }
  .vbn-mobile-category-track{
    display:flex!important;
    align-items:stretch!important;
    width:max-content!important;
    min-width:100%!important;
    height:39px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .vbn-mobile-category-track::-webkit-scrollbar{display:none!important}
  .vbn-mobile-category-item{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    height:39px!important;
    min-height:39px!important;
    padding:0 12px!important;
    margin:0!important;
    border:0!important;
    border-right:1px solid #eeeeee!important;
    background:#fff!important;
    color:#222!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    font-weight:800!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }
  .vbn-mobile-category-item:first-child{padding-left:14px!important}
  .vbn-mobile-category-item.is-active{color:#e85d04!important;background:#fffaf5!important}
  .vbn-mobile-category-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:17px!important;
    min-width:17px!important;
    height:17px!important;
    font-size:14px!important;
    line-height:17px!important;
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  }
  .vbn-mobile-category-label{display:inline!important;font-size:10.5px!important;font-weight:800!important}
  .vbn-mobile-category-live{color:#e7193f!important}
  .vbn-mobile-category-live .vbn-mobile-category-icon{font-size:11px!important}
  /* The legacy rails stay completely absent on mobile. */
  .vbn-mobile-primary-nav,.vbn-mobile-cats,.vbn-home-mobile-cats{display:none!important}
}
@media (max-width:390px){
  .vbn-mobile-category-rail,.vbn-mobile-category-track,.vbn-mobile-category-item{height:37px!important;min-height:37px!important}
  .vbn-mobile-category-item{padding:0 10px!important;gap:4px!important;font-size:10px!important}
  .vbn-mobile-category-label{font-size:10px!important}
  .vbn-mobile-category-icon{width:16px!important;min-width:16px!important;height:16px!important;font-size:13px!important;line-height:16px!important}
}


/* VBN 1.10.54 — mobile header + category slider final correction.
 * Mobile uses the real site header: logo + the existing menu button.
 * The old mobile action bar is intentionally absent. The new category rail
 * is the only mobile category navigation and scrolls horizontally via its
 * outer rail; no WordPress SVG/PNG artwork is used.
 */
@media (max-width:760px){
  /* Use the real header only. */
  .vbn-mobile-actionbar{display:none!important}
  .vbn-header{display:block!important;position:sticky!important;top:0!important;z-index:10000!important}
  .vbn-header .vbn-head-inner{display:flex!important;width:100%!important;height:62px!important;min-height:62px!important;padding:0 12px!important;margin:0!important;gap:8px!important}
  .vbn-header .vbn-logo{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 52px)!important;height:62px!important;overflow:hidden!important}
  .vbn-header .vbn-logo a{display:flex!important;align-items:center!important;width:118px!important;height:60px!important;max-width:118px!important;flex:0 0 118px!important;overflow:hidden!important}
  .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{display:block!important;width:auto!important;height:54px!important;max-width:118px!important;max-height:54px!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
  .vbn-header .vbn-menu-btn{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:40px!important;margin:0!important;padding:0!important;border:1px solid #ddd!important;border-radius:8px!important;background:#fff!important;color:#111!important;font-size:22px!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important;z-index:10003!important}

  /* Existing desktop navigation becomes the menu drawer. */
  .vbn-header .vbn-nav{display:none!important;position:absolute!important;left:8px!important;right:8px!important;top:62px!important;width:auto!important;height:auto!important;margin:0!important;padding:5px!important;flex-direction:column!important;align-items:stretch!important;background:#fff!important;border:1px solid #e3e5e8!important;border-radius:0 0 10px 10px!important;box-shadow:0 12px 28px rgba(0,0,0,.14)!important;z-index:10002!important;overflow:hidden!important}
  body.vbn-mobile-open .vbn-header .vbn-nav{display:flex!important}
  .vbn-header .vbn-nav a{display:flex!important;align-items:center!important;width:100%!important;height:45px!important;min-height:45px!important;padding:0 12px!important;margin:0!important;justify-content:flex-start!important;gap:9px!important;border:0!important;border-bottom:1px solid #f0f0f0!important;background:#fff!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important}
  .vbn-header .vbn-nav a:last-child{border-bottom:0!important}
  body.vbn-mobile-open::after{content:"";position:fixed;left:0;right:0;top:62px;bottom:0;background:rgba(0,0,0,.16);z-index:9999!important}
  body.vbn-mobile-open{overflow:hidden!important}

  /* New category slider: the RAIL is the scroll container. */
  .vbn-mobile-category-rail{display:block!important;width:100%!important;height:39px!important;min-height:39px!important;max-height:39px!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;background:#fff!important;border-top:1px solid #ececec!important;border-bottom:1px solid #e0e0e0!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important}
  .vbn-mobile-category-rail::-webkit-scrollbar{display:none!important}
  .vbn-mobile-category-track{display:flex!important;align-items:stretch!important;width:max-content!important;min-width:max-content!important;height:39px!important;overflow:visible!important;margin:0!important;padding:0!important}
  .vbn-mobile-category-item{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;height:39px!important;min-height:39px!important;padding:0 12px!important;margin:0!important;gap:5px!important;border:0!important;border-right:1px solid #ededed!important;border-radius:0!important;background:#fff!important;color:#222!important;font-size:10.5px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;box-sizing:border-box!important}
  .vbn-mobile-category-item.is-active{color:#e85d04!important;background:#fffaf5!important}
  .vbn-mobile-category-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 17px!important;width:17px!important;min-width:17px!important;height:17px!important;font-size:14px!important;line-height:17px!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important}
  .vbn-mobile-category-label{display:inline!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;font-size:10.5px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;color:inherit!important}
  .vbn-mobile-category-live{color:#e7193f!important}
}
@media (max-width:390px){
  .vbn-header .vbn-head-inner{height:58px!important;min-height:58px!important}
  .vbn-header .vbn-logo{height:58px!important}
  .vbn-header .vbn-logo a{height:56px!important;width:108px!important;max-width:108px!important;flex-basis:108px!important}
  .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{height:50px!important;max-height:50px!important;max-width:108px!important}
  .vbn-header .vbn-menu-btn{width:40px!important;min-width:40px!important;height:38px!important}
  .vbn-header .vbn-nav{top:58px!important}
  body.vbn-mobile-open::after{top:58px!important}
  .vbn-mobile-category-rail,.vbn-mobile-category-track,.vbn-mobile-category-item{height:37px!important;min-height:37px!important}
  .vbn-mobile-category-item{padding:0 10px!important;gap:4px!important;font-size:10px!important}
  .vbn-mobile-category-label{font-size:10px!important}
  .vbn-mobile-category-icon{flex-basis:16px!important;width:16px!important;min-width:16px!important;height:16px!important;font-size:13px!important;line-height:16px!important}
}