/* BDMag — homepage layout (front page only). All classes use the bm- prefix. */
.bm-wrap{max-width:1200px;margin:0 auto;padding-left:15px;padding-right:15px;box-sizing:border-box}
@media(min-width:1025px){.bm-wrap{max-width:1230px}}
.bm-wrap>*,.bm-top-main>*,.bm-top-cols>*,.bm-wg>*,.bm-lead2>*{min-width:0}
.bm-band{overflow-x:clip}
.nl-hs-bm_top,.nl-hs-bm_feat,.nl-hs-bm_bd,.nl-hs-bm_jobshow,.nl-hs-bm_specworld,.nl-hs-bm_media,.nl-hs-bm_en,.nl-hs-bm_vote{margin:0}
.bm-s{min-width:0}
.bm-i{display:block;position:relative;overflow:hidden;background:#f1f1f1;border-radius:0;aspect-ratio:3/2}
.bm-i img,.bm-i .nl-ph{width:100%;height:100%;object-fit:cover;display:block}
.bm-t{margin:10px 0 0;font-size:18px;font-weight:400;line-height:1.45}
.bm-x{margin:8px 0 0;font-size:13.5px;line-height:1.6;color:#666}
.bm-i.is-play::after{content:'';position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,255,255,.88) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/26px no-repeat;box-shadow:0 1px 6px rgba(0,0,0,.25)}
/* section heading: title + grey rule */
.bm-h{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.bm-h h2{margin:0;font-size:26px;font-weight:400;line-height:1.2;white-space:nowrap}
.bm-h i{flex:1;height:2px;background:#8a8a8a}
/* overlay card (title on image) */
.bm-over{position:relative;border-radius:0;overflow:hidden}
.bm-over .bm-i{border-radius:0;aspect-ratio:auto;height:100%}
.bm-over::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0) 62%);pointer-events:none}
.bm-over .bm-b{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 16px}
.bm-over .bm-t{margin:0;color:#fff;font-size:19px;font-weight:600}
.bm-over .bm-t a:hover{color:#fff}
/* 1. top: [ lead | 4 rows ] + feature strip  |  ad + video box */
.bm-top{display:grid;grid-template-columns:minmax(0,72.4fr) minmax(0,27.6fr);gap:0;padding-top:16px;padding-bottom:24px;align-items:stretch}
.bm-top-nr{grid-template-columns:minmax(0,1fr)}
.bm-top-main{min-width:0;padding-right:12px}
.bm-top-nr .bm-top-main{padding-right:0}
.bm-top-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0}
.bm-top-l{min-width:0;padding-right:19px;border-right:1px solid #d9d9d9}
.bm-top-m{min-width:0;padding-left:18px}
.bm-top-l .bm-lead{padding-bottom:16px;border-bottom:1px solid #d9d9d9}
.bm-lead .bm-i{aspect-ratio:900/520}
.bm-lead .bm-t{margin:16px 0 0;font-size:31.1px;font-weight:600;line-height:1.3}
.bm-lead .bm-x{margin:8px 0 0;font-size:15.4px;line-height:1.56;color:#555}
.bm-tm{display:block;margin-top:9px;font-size:12px;line-height:1.4;color:#777}
.bm-top-m .bm-row{display:grid;grid-template-columns:minmax(0,1fr) 123px;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid #d9d9d9}
.bm-top-m .bm-row:first-child{padding-top:0}
.bm-top-m .bm-row:last-child{border-bottom:1px solid #d9d9d9}
.bm-top-m .bm-row .bm-i{order:2;aspect-ratio:3/2}
.bm-top-m .bm-row .bm-b{order:1}
.bm-top-m .bm-row .bm-t{font-size:20px;font-weight:600;line-height:1.12}
.bm-top-m .bm-row .bm-tm{margin-top:9px;font-size:14px;color:#888}
.bm-top-r{min-width:0;padding-left:22px;border-left:1px solid #d9d9d9}
.bm-top-nr .bm-top-r{display:none}
.bm-adbox{margin:0 0 11px}
.bm-adbox .nl-ad{margin:0}
.bm-adbox .nl-ad-ph{position:relative;flex-direction:column;gap:6px;min-height:280px;background:linear-gradient(#d6d6d6,#bcbcbc);border:1px solid #a9a9a9;color:#666;text-align:center;line-height:1.3}
.bm-adbox .nl-ad-ph::before{content:'বিজ্ঞাপন';font-size:20px;font-weight:600;color:#555}
.bm-adbox .nl-ad-ph::after{content:'Home: lead side · ৩০০×২৫০ (শুধু অ্যাডমিন দেখে)';font-size:13px;color:#777;padding:0 10px}
.bm-adbox .nl-ad:not(.nl-ad-ph){background:#f3f3f3;border:1px solid #d9d9d9;padding:6px;text-align:center}
.bm-adbox .nl-ad:not(.nl-ad-ph)::before{content:'বিজ্ঞাপন';display:block;font-size:12px;color:#777;margin:0 0 4px}
.bm-adbox .nl-ad img{margin:0 auto}
.bm-vbox{background:#2b2b2b;padding:6px;color:#fff}
.bm-vbh{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.5;padding:2px 0 0 2px}
.bm-vbh a,.bm-vbh a:hover{color:#fff}
.bm-vbh i{font-style:normal;color:#eab14a;margin-left:3px}
.bm-vtop{background:#1f1f1f}
.bm-vtop .bm-i{aspect-ratio:5/3}
.bm-vtop .bm-b{padding:10px 6px 16px}
.bm-vtop .bm-t{margin:0;font-size:18px;font-weight:600;line-height:1.4;color:#fff}
.bm-vtop .bm-t a,.bm-vtop .bm-t a:hover{color:#fff}
.bm-vtop .bm-tm{margin-top:7px;font-size:14px;color:#9a9a9a}
.bm-vtop .bm-i.is-play::after{left:6px;top:6px;margin:0;width:15px;height:15px;background:#e53935 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:none}
.bm-i.is-audio::after{content:"";position:absolute;left:8px;top:8px;width:28px;height:28px;border-radius:50%;background:#0f8a5f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M8 15v-1.5a6 6 0 0112 0V15'/%3E%3Crect x='7' y='15' width='3.4' height='5' rx='1.2' fill='%23fff'/%3E%3Crect x='17.6' y='15' width='3.4' height='5' rx='1.2' fill='%23fff'/%3E%3C/svg%3E") center/28px 28px no-repeat;z-index:2}
/* feature strip (beige, round photos) */
.bm-fs{margin-top:19px;background:#f3f1ec;padding:9px 0 9px 27px;overflow:hidden}
.bm-fs .bm-track{gap:12px}
.bm-fs.bm-sl3 .bm-slide{flex:0 0 32.7%}
.bm-fi{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center}
.bm-fi-i{display:block;width:100px;height:100px;aspect-ratio:1/1;border-radius:50%!important;overflow:hidden;background:#e2dfd8}
.bm-fi-i img,.bm-fi-i .nl-ph{width:100%;height:100%;object-fit:cover;display:block}
.bm-fk{display:inline-flex;align-items:center;gap:6px;font-size:12.8px;line-height:1.3;color:#8b3a3a}
.bm-fk:hover{color:#8b3a3a}
.bm-fk i{display:inline-block;width:11px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 15'%3E%3Cpath fill='%238b3a3a' d='M11 0A7.5 7.5 0 0 0 11 15z'/%3E%3C/svg%3E") center/contain no-repeat}
.bm-fi .bm-t{margin:0;font-size:18px;font-weight:500;line-height:1.4;color:#222}
.bm-fs .bm-arr{position:absolute;right:8px;top:50%;margin:-11px 0 0;opacity:0;transition:opacity .2s}
.bm-fs:hover .bm-arr{opacity:1}
.bm-fs .bm-arr button{border-color:#8b3a3a;color:#8b3a3a;background:#fff}
.bm-wg-r .bm-row2{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:start;padding:12px 0;border-bottom:1px solid #e3e3e3}
.bm-wg-r .bm-row2:first-child{padding-top:0}
.bm-wg-r .bm-row2:last-child{border-bottom:0}
.bm-row .bm-i,.bm-row2 .bm-i{aspect-ratio:4/3}
.bm-row .bm-t,.bm-row2 .bm-t{margin:0;font-size:18px;line-height:1.4}
/* 2. feature band */
.bm-band{padding:18px 0 22px}
/* sliders */
.bm-sl{position:relative}
.bm-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.bm-track::-webkit-scrollbar{display:none}
.bm-slide{flex:0 0 calc((100% - 36px)/4);scroll-snap-align:start;min-width:0}
.bm-sl3 .bm-slide{flex-basis:calc((100% - 24px)/3)}
.bm-arr{display:flex;gap:6px;margin-top:10px}
.bm-arr button{width:22px;height:22px;line-height:18px;padding:0;border:1px solid rgba(255,255,255,.7);background:transparent;color:#fff;font-size:16px;cursor:pointer}
.bm-arr button:disabled{opacity:.4;cursor:default}
/* 3. Bangladesh + sports */
.bm-bd{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;padding-top:14px;padding-bottom:28px;align-items:stretch}
.bm-bd-l,.bm-bd-r{min-width:0}
.bm-bd-l{display:flex;flex-direction:column;padding-top:14px}
.bm-bd-l .bm-g3{margin-top:auto}
.bm-bd-r{display:flex}
.bm-bd-lead{padding-bottom:14px;border-bottom:1px solid #e3e3e3;margin-bottom:14px}
.bm-lead2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;align-items:center}
.bm-lead2 .bm-i{order:2;aspect-ratio:900/520;border-radius:0}
.bm-lead2 .bm-b{order:1}
.bm-lead2 .bm-t{margin:0;font-size:22px;font-weight:700;line-height:1.35}
.bm-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bm-g3 .bm-t{font-size:16.5px}
.bm-spbox{flex:1;min-width:0;background:#f3e8cc;padding:14px 16px 18px;margin-top:0;display:flex;flex-direction:column}
.bm-spbox .bm-h h2{font-size:26px}
.bm-spbox .bm-h i{display:block}
.bm-spc .bm-i{aspect-ratio:16/9}
.bm-spc .bm-t{font-size:18px;line-height:1.4}
.bm-spc{padding-bottom:14px}
.bm-spbox .bm-spr{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;border-top:1px solid rgba(0,0,0,.18)}
.bm-spbox .bm-spr:last-child{padding-bottom:0}
.bm-spr .bm-i{aspect-ratio:3/2}
.bm-spr .bm-t{margin:0;font-size:18px;line-height:1.4}
/* 4. jobs + showbiz */
.bm-green{background:#e4efdc;padding:22px 0 24px}
.bm-js{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:32px}
.bm-g3b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bm-green .bm-t{font-size:16.5px}
/* 5. special + world */
.bm-sw{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;padding-top:14px;padding-bottom:26px;align-items:stretch}
.bm-sw-l,.bm-sw-r{min-width:0}
.bm-sw-l{display:flex}
.bm-sw-r{padding-top:14px}
.bm-specbox{flex:1;background:#d0d0d0;padding:14px 16px 18px;display:flex;flex-direction:column}
.bm-specbox .bm-h{margin-bottom:14px}
.bm-specbox .bm-h h2,.bm-sw-r .bm-h h2{font-size:26px}
.bm-auto{flex:1;display:flex;flex-direction:column;min-width:0}
.bm-atrack{flex:1;display:flex;align-items:stretch;transition:transform .6s ease;will-change:transform}
.bm-aslide{flex:0 0 100%;min-width:0;display:flex}
.bm-aslide .bm-specc{flex:1}
.bm-auto{overflow:hidden}
.bm-adots{display:flex;gap:8px;justify-content:center;padding-top:14px}
.bm-adots span{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.6;cursor:pointer}
.bm-adots span.on{background:#333;opacity:1}
@media(prefers-reduced-motion:reduce){.bm-atrack{transition:none}}
.bm-specc{flex:1}
.bm-specc .bm-i{aspect-ratio:4/5;border-radius:0}
.bm-specc .bm-t{font-size:18px;margin-top:12px}
.bm-wg{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px;align-items:stretch}
.bm-wg-r{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}
.bm-wg-r .bm-row2{flex:0 0 auto;align-items:start}
.bm-lead3 .bm-i{aspect-ratio:900/520}
.bm-lead3 .bm-t{font-size:20px}
.bm-lead3 .bm-x{font-size:14px}
/* 6. photo + video */
.bm-grey{background:#7b7b7b;color:#fff;padding:22px 0 26px}
.bm-grey .bm-h h2,.bm-grey .bm-h h2 a{color:#fff}
.bm-grey .bm-h i{background:rgba(255,255,255,.5)}
.bm-mv{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:28px}
.bm-photo{aspect-ratio:900/520}
.bm-photo .bm-t{font-size:20px;font-weight:400}
.bm-g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 14px}
.bm-vc .bm-i{background:#ececec}
.bm-vc .bm-t{color:#fff;font-size:15.5px;margin-top:6px}
.bm-vc .bm-t a:hover{color:#ffe9de}
/* 7. english */
.bm-en{padding-top:24px}
.bm-enbar{margin:0 0 14px;background:#dc3030;text-align:center;font-size:21px;letter-spacing:6px;font-weight:400;padding:6px 0}
.bm-enbar a,.bm-enbar a:hover{color:#fff}
.bm-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-bottom:18px;border-bottom:2px solid #1d6fb0}
.bm-g4 .bm-t{font-size:16.5px}
/* 8. election slider */
.bm-vote{padding-top:12px;padding-bottom:30px}
.bm-vh{margin:0 0 10px;text-align:center;font-size:18px;font-weight:400}
.bm-vh i{font-style:normal;color:#d71920}
.bm-vcard{display:block;background:#e8f2fb}
.bm-vi{display:block;aspect-ratio:3/2;background:#efefef;overflow:hidden}
.bm-vi img,.bm-vi .nl-ph{width:100%;height:100%;object-fit:cover}
.bm-vcard b{display:block;padding:12px 14px;font-weight:700;font-size:14.5px;text-align:center;line-height:1.5}
.bm-vs .bm-track{gap:16px;align-items:stretch}
.bm-vs .bm-slide{flex:0 0 calc((100% - 48px)/4);display:flex}
.bm-vs .bm-vcard{display:flex;flex-direction:column;width:100%}
.bm-vs .bm-vcard b{flex:1;display:flex;align-items:center;justify-content:center}
.bm-vs .bm-vi{flex:0 0 auto}
.bm-dots{display:flex;gap:9px;justify-content:center;margin-top:14px}
.bm-dots span{width:8px;height:8px;border-radius:50%;background:#d0d0d0;cursor:pointer}
.bm-dots span.on{background:#0f6aa6}
/* tablet */
@media(max-width:991px){
.bm-top{grid-template-columns:minmax(0,1fr)}
.bm-top-main{padding-right:0}
.bm-top-r{padding:18px 0 0;border-left:0;margin-top:18px;border-top:1px solid #d9d9d9}
.bm-top-r{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.bm-adbox,.bm-vbox{flex:1 1 280px;margin:0}
.bm-vbh{font-size:18px}
.bm-vtop .bm-t{font-size:18px}
.bm-vtop .bm-tm{font-size:14px}
.bm-vtop .bm-b{padding-bottom:12px}
.bm-fs.bm-sl3 .bm-slide{flex-basis:calc((100% - 12px)/2)}

.bm-bd{grid-template-columns:minmax(0,1fr)}
.bm-js{grid-template-columns:minmax(0,1fr)}
.bm-sw{grid-template-columns:minmax(0,1fr)}.bm-specc .bm-i{aspect-ratio:16/10}
.bm-mv{grid-template-columns:minmax(0,1fr)}
.bm-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.bm-slide{flex-basis:calc((100% - 12px)/2)}
.bm-vs .bm-slide{flex-basis:calc((100% - 16px)/2)}
}
/* phone */
@media(max-width:600px){
.bm-top-cols{grid-template-columns:minmax(0,1fr)}
.bm-top-l{padding-right:0;border-right:0}
.bm-top-m{padding-left:0;padding-top:14px}
.bm-lead .bm-t{font-size:26px}
.bm-fs{padding:12px}
.bm-fs.bm-sl3 .bm-slide{flex-basis:88%}
.bm-vs .bm-slide{flex-basis:78%}
.bm-lead2{grid-template-columns:minmax(0,1fr)}.bm-lead2 .bm-i{order:0}.bm-lead2 .bm-b{order:1}
.bm-g3,.bm-g3b{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bm-wg{grid-template-columns:minmax(0,1fr)}
.bm-h h2{font-size:22px}
.bm-sl3 .bm-slide,.bm-slide{flex-basis:84%}
.bm-enbar{letter-spacing:4px}
}