/* Mobile homepage design (admin switch MobileHomeNP). Phones only; desktop/tablet keep the classic layout. */
.bvm-home,.bvm-ticker-dot,.bvm-label-m{display:none}
@media(max-width:767.98px){
 .bvm-on{--bvm-brand:var(--tt_primary_color);--bvm-line:#e3e3e3;--bvm-muted:#6f6f6f;padding-top:0!important}
 [data-theme=dark] .bvm-on{--bvm-line:#4a4a4a;--bvm-muted:#b5b5b5}
 .bvm-on .bv-classic-lead>:not(.bvm-keep){display:none!important}
 .bvm-story-desktop{display:none}

 /* Ticker */
 .bvm-on .bvm-ticker-wrap{margin:4px -12px 10px!important}
 .bvm-on .banglaviews-ticker-container{height:50px;padding:0!important;border:0!important;border-bottom:1px solid var(--bvm-line)!important;border-radius:0!important;background:var(--tt-white-color)!important;overflow:hidden}
 .bvm-on .banglaviews-ticker-container .banglaviews-ticker-title{position:relative;display:flex;align-items:center;gap:8px;flex:0 0 auto;align-self:center;height:42px;margin:0 14px 0 0!important;padding:0 12px 0 10px!important;border-radius:0 2px 2px 0!important;background:var(--bvm-brand)!important;color:#fff!important;font-size:16px!important;line-height:1;white-space:nowrap}
 .bvm-on .banglaviews-ticker-container .banglaviews-ticker-title:after{content:'';position:absolute;right:-7px;top:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-left:7px solid var(--bvm-brand)}
 .bvm-on .bvm-ticker-dot{display:block;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff30;animation:bvm-dot 2s ease-out infinite}
 .bvm-on .bvm-label-m{display:inline}
 .bvm-on .bvm-label-d{display:none}
 .bvm-on #banglaviews-ticker-box{min-width:0;flex:1;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 12px),transparent)}
 .bvm-on #banglaviews-ticker-box.banglaviews-ticker ul{margin-top:0}
 .bvm-on #banglaviews-ticker-box.banglaviews-ticker ul li{margin-right:0}
 .bvm-on #banglaviews-ticker-box.banglaviews-ticker ul li .ticker-item{flex-direction:row-reverse;gap:16px;padding-right:16px}
 .bvm-on #banglaviews-ticker-box.banglaviews-ticker ul li a{padding-left:0;font-weight:500;font-size:17px;color:var(--tt-text-color)!important}
 .bvm-on #banglaviews-ticker-box.banglaviews-ticker ul li img.ticker_img_icon{width:20px;height:20px;object-fit:contain}
 .bvm-on .trandingTag{display:none!important}

 /* Breaking bar above the slider (moved here by bv-mobile-np.js) */
 .bvm-breaking-slot #bv-breaking-updates{margin:0;font-family:inherit}
 .bvm-breaking-slot .bv-roll{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"label news more" "detail detail detail";align-items:center;gap:0;padding:0;border:0;border-radius:0;background:linear-gradient(90deg,#7d0d00,var(--bvm-brand) 45%);color:#fff;overflow:hidden}
 .bvm-breaking-slot .bv-roll-heading{display:contents}
 .bvm-breaking-slot .bv-roll-heading h2{grid-area:label;position:relative;align-self:stretch;display:flex;align-items:center;gap:8px;margin:0 12px 0 0;padding:0 12px 0 14px;background:#fff;color:var(--bvm-brand);font-size:16px;font-weight:700;line-height:1;white-space:nowrap}
 .bvm-breaking-slot .bv-roll-heading h2:after{content:'';position:absolute;right:-8px;top:0;bottom:0;width:16px;background:#fff;transform:skewX(-14deg)}
 .bvm-breaking-slot .bv-roll-heading i{position:relative;z-index:1;width:8px;height:8px;flex:none;border-radius:50%;background:var(--bvm-brand);animation:bvm-breaking 1.4s ease-out infinite}
 .bvm-breaking-slot .bv-roll-viewport{grid-area:news;padding:0 0 0 8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 18px),transparent)}
 .bvm-breaking-slot .bv-roll-news{padding:12px 26px 12px 0;color:#fff;font-size:17px;font-weight:600;line-height:1.4}
 .bvm-breaking-slot .bv-roll-news:after{width:6px;height:6px;margin-left:14px;background:#fff;opacity:.8}
 .bvm-breaking-slot .bv-roll-expand{grid-area:more;display:grid;place-items:center;width:40px;height:44px;padding:0;border:0;border-left:1px solid #ffffff33;border-radius:0;background:transparent;color:#fff}
 .bvm-breaking-slot .bv-roll-expand svg{width:20px;height:20px}
 .bvm-breaking-slot .bv-roll-detail{grid-area:detail;margin:0;padding:0}
 .bvm-breaking-slot .bv-roll-detail-inner{padding:12px 16px 14px;border:0;border-left:4px solid var(--bvm-brand);background:var(--tt-white-color)}
 .bvm-breaking-slot .bv-roll-detail p{color:var(--tt-text-color);font-size:17px;line-height:1.6}

 /* Lead slider */
 .bvm-home{display:block;margin:0 -12px}
 .bvm-leads{position:relative;touch-action:pan-y pinch-zoom;background:#000}
 .bvm-slide[hidden]{display:none!important}
 .bvm-slide.is-active{animation:bvm-in .18s ease both}
 .bvm-slide>a{display:block;color:#fff}
 .bvm-photo{position:relative;background:#000}
 .bvm-photo>img:first-child{display:block;width:100%;height:auto;-webkit-user-drag:none;user-select:none}
 .bvm-photo:before{content:'';position:absolute;inset:auto 0 0;height:64px;background:linear-gradient(180deg,transparent,#000);pointer-events:none}
 .bvm-brand{position:absolute;top:16px;left:16px;width:auto;height:22px;max-width:120px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 3px #0008)}
 .bvm-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:7px;background:rgba(0,0,0,.65);color:#fff;font-size:14px;line-height:1.3}
 .bvm-badge:before,.bvm-cat:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--bvm-brand)}
 .bvm-copy{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;height:var(--bvm-copy-height,auto);padding:12px 20px 30px;background:#000}
 .bvm-backdrop{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);max-width:none;object-fit:cover;filter:blur(18px);opacity:.2;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%);mask-image:linear-gradient(180deg,transparent,#000 30%);z-index:-1;pointer-events:none}
 .bvm-copy h2{flex-shrink:0;margin:0 0 0 -12px;padding-left:12px;border-left:5px solid var(--bvm-brand);color:#fff;font-size:clamp(24px,6.6vw,32px);line-height:1.22;font-weight:700}
 .bvm-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:7px 0 0;color:#eee;font-size:15px;line-height:1.4}
 .bvm-read{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:14px}
 .bvm-read>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--bvm-brand);font-family:sans-serif;font-size:19px}
 .bvm-dots{position:absolute;right:20px;bottom:14px;display:flex;gap:5px;pointer-events:none}
 .bvm-dots span{width:17px;height:4px;border-radius:2px;background:#999}
 .bvm-dots .is-current{width:26px;background:var(--bvm-brand)}

 /* Sections below the slider */
 .bvm-body{position:relative;z-index:2;margin-top:-8px;padding:12px 16px 8px;border-radius:12px 12px 0 0;background:var(--tt-white-color);color:var(--tt-text-color)}
 .bvm-body h2,.bvm-body h3{overflow-wrap:anywhere;color:var(--tt-text-color);margin:0}
 .bvm-body a{color:inherit;text-decoration:none}
 .bvm-body time{display:block;margin-top:6px;color:var(--bvm-muted);font-size:12px;line-height:1.5}
 .bvm-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}
 .bvm-heading h2{padding-left:9px;border-left:3px solid var(--bvm-brand);font-size:22px;line-height:1.35;font-weight:700}
 .bvm-heading>a{flex-shrink:0;color:var(--bvm-muted)!important;font-size:14px}
 .bvm-updates .bvm-heading{margin:0 0 8px}
 .bvm-updates .bvm-heading h2{display:flex;align-items:center;gap:9px;padding:0;border:0;font-size:21px}
 .bvm-pulse{position:relative;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--bvm-brand)}
 .bvm-pulse:after{content:'';position:absolute;inset:-4px;border:1px solid var(--bvm-brand);border-radius:50%;animation:bvm-pulse 2s ease-out infinite}
 .bvm-timeline{display:flex;gap:12px;overflow-x:auto;padding:3px 0 10px;border-bottom:1px solid var(--bvm-line);scrollbar-width:none}
 .bvm-timeline::-webkit-scrollbar,.bvm-scroll::-webkit-scrollbar,.bvm-stories::-webkit-scrollbar{display:none}
 .bvm-timeline>a{position:relative;flex:0 0 44%;min-width:0;padding-left:11px;border-left:2px solid var(--bvm-line)}
 .bvm-timeline>a:before{content:'';position:absolute;left:-2px;top:0;width:2px;height:100%;background:var(--bvm-brand);transform-origin:top;animation:bvm-line 2.8s ease-in-out infinite}
 .bvm-timeline>a:nth-child(even):before{animation-delay:.7s}
 .bvm-timeline time{margin:0 0 3px;color:var(--bvm-brand);font-size:10px}
 .bvm-timeline h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.35;font-weight:500}
 .bvm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .bvm-card{display:block;min-width:0;overflow:hidden;border:1px solid var(--bvm-line);border-radius:7px}
 .bvm-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
 .bvm-card>div{padding:8px}
 .bvm-cat{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:var(--bvm-brand);font-size:13px}
 .bvm-card h3{font-size:17px;line-height:1.35;font-weight:600}
 .bvm-scroll,.bvm-stories{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:8px}
 .bvm-scroll>a{flex:0 0 40%;min-width:0;scroll-snap-align:start}
 .bvm-scroll img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:3px}
 .bvm-scroll h3{margin-top:8px!important;font-size:16px;line-height:1.35;font-weight:500}
 .bvm-more>a{display:flex;align-items:flex-start;gap:12px}
 .bvm-more>a+a{margin-top:12px;padding-top:12px;border-top:1px solid var(--bvm-line)}
 .bvm-more img{flex:0 0 30%;width:30%;aspect-ratio:8/5;object-fit:cover;border-radius:3px}
 .bvm-more>a>div{flex:1;min-width:0}
 .bvm-more h3{font-size:19px;line-height:1.4;font-weight:500}
 .bvm-stories>a.story-single-block{flex:0 0 46%;height:280px;scroll-snap-align:start}
 .bvm-stories h3.news-title-4{color:#fff}
}
@keyframes bvm-in{from{opacity:.3;transform:translateX(20px)}to{opacity:1;transform:none}}
@keyframes bvm-pulse{from{transform:scale(.65);opacity:.85}to{transform:scale(1.7);opacity:0}}
@keyframes bvm-line{0%,100%{transform:scaleY(.35);opacity:.45}50%{transform:scaleY(1);opacity:1}}
@keyframes bvm-breaking{0%{box-shadow:0 0 0 0 rgba(179,27,0,.55)}100%{box-shadow:0 0 0 7px rgba(179,27,0,0)}}
@keyframes bvm-dot{0%{box-shadow:0 0 0 0 #ffffff70}100%{box-shadow:0 0 0 7px #ffffff00}}
@media(prefers-reduced-motion:reduce){.bvm-slide.is-active,.bvm-pulse:after,.bvm-timeline>a:before,.bvm-ticker-dot,.bvm-breaking-slot .bv-roll-heading i{animation:none!important}}
