/* ===== হোম ডিজাইনার (landing.css এর সাথে একসাথে চলে) ===== */
.hm{padding-bottom:20px}.hm-load{padding:40px;text-align:center;color:var(--mut)}
.hm-prev{background:#fff3cd;border:1px solid #ffe08a;color:#6b5200;border-radius:10px;padding:8px 12px;margin:10px 0;font-size:14px}
.hm.w-boxed{max-width:1000px;margin:0 auto}
.hm-sec{margin:var(--hmg,22px) 0}.hm>.hm-sec:first-child{margin-top:12px}
.hm-sec .lp-hero{margin:0}
.hm-sec.lp-rv .lp-item{opacity:0}.hm-sec.lp-rv.in .lp-item,.hm-sec.lp-rv[data-anim=none] .lp-item{opacity:1}
@media(max-width:639px){.hm-m-hide{display:none!important}}
@media(min-width:640px){.hm-d-hide{display:none!important}}
/* হেডার */
.hm-head{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;margin:0 0 10px}
.hm-ht{flex:1;min-width:0}.hm-head h2{margin:0;font-size:clamp(18px,2.4vw,23px);line-height:1.25}.hm-head p{margin:2px 0 0;color:var(--mut);font-size:14px}
.hm-head.ctr{justify-content:center;text-align:center}.hm-head.ctr .hm-ht{flex:0 1 auto}
.hm-all{font-size:14px;font-weight:700;color:var(--pri);white-space:nowrap}
/* টাইমার বক্স */
.hm-cd{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.hm-cd i{font-style:normal;background:#111c;color:#fff;border-radius:7px;min-width:34px;padding:3px 6px 2px;text-align:center;font-weight:800;font-size:15px;line-height:1.15;position:relative}
.hm-cd i::after{content:attr(data-l);display:block;font-size:8.5px;font-weight:500;opacity:.8}
.hm-cdl{font-size:13px;font-weight:700;margin-right:4px}
/* হিরো + সাইড ব্যানার */
.hm-heroside{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.hm-hside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hm-hside a,.hm-hside div{display:block;overflow:hidden;border-radius:12px;background:var(--sec)}.hm-hside a,.hm-hside div{aspect-ratio:2/1}.hm-hside img{display:block;width:100%;height:100%;object-fit:cover}
@media(min-width:800px){.hm-heroside{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.hm-hside{grid-template-columns:1fr;grid-template-rows:repeat(var(--n,2),1fr)}.hm-heroside.n3 .hm-hside{--n:3}.hm-hside{contain:size}.hm-hside a,.hm-hside div{min-height:0;height:100%;aspect-ratio:auto}.hm-hside img{height:100%}}
/* ব্যানার মোজাইক */
.lp-ban.hm-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-ban.hm-mosaic>:first-child{grid-column:1/-1}
@media(min-width:640px){.lp-ban.hm-mosaic{grid-template-columns:2fr 1fr;grid-auto-flow:row}.lp-ban.hm-mosaic>:first-child{grid-column:1;grid-row:1/span 6}.lp-ban.hm-mosaic>*{align-self:stretch}.lp-ban.hm-mosaic .lp-b img{height:100%;object-fit:cover}.lp-ban.hm-mosaic>:not(:first-child){grid-column:2}}
/* ক্যাটাগরি */
.hm-catrow{display:grid;gap:12px}
.hm-catrow.scroll{display:flex;overflow-x:auto;scrollbar-width:none;gap:14px;padding:2px 2px 6px;-webkit-overflow-scrolling:touch}.hm-catrow.scroll::-webkit-scrollbar{display:none}
.hm-catrow.L-cards{grid-template-columns:repeat(var(--mc,3),minmax(0,1fr))}.hm-catrow.L-tiles{grid-template-columns:repeat(var(--mc,3),minmax(0,1fr))}
@media(min-width:640px){.hm-catrow.L-cards,.hm-catrow.L-tiles{grid-template-columns:repeat(var(--c,6),minmax(0,1fr))}}
.hm-circ{flex:none;width:78px;text-align:center;font-size:12.5px;font-weight:600}.hm-circ img{width:68px;height:68px;border-radius:50%;object-fit:cover;background:var(--sec);border:2px solid var(--bd);display:block;margin:0 auto 6px;transition:transform .25s,border-color .25s}
.hm-circ:hover img{transform:scale(1.07);border-color:var(--pri)}.hm-circ span{display:block;line-height:1.25}
@media(min-width:800px){.hm-circ{width:96px;font-size:13.5px}.hm-circ img{width:84px;height:84px}}
.hm-chip{flex:none;background:#fff;border:1.5px solid var(--bd);border-radius:99px;padding:7px 16px;font-size:14px;font-weight:600;white-space:nowrap}.hm-chip:hover{border-color:var(--pri);color:var(--pri)}
.hm-tile{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--sec)}.hm-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.hm-tile:hover img{transform:scale(1.06)}.hm-tile span{position:absolute;left:0;right:0;bottom:0;padding:22px 8px 8px;background:linear-gradient(transparent,#000b);color:#fff;font-weight:700;font-size:13.5px;text-align:center}
/* পণ্য: স্ক্রল + নেভ */
.hm-scrollwrap{position:relative}
.hm-sl.lp-slider>*{flex:0 0 calc((100% - (var(--mc,3) - 1) * var(--g,10px)) / var(--mc,3))}
@media(min-width:640px){.hm-sl.lp-slider>*{flex-basis:calc((100% - (var(--c,5) - 1) * var(--g,10px)) / var(--c,5))}}
.hm-nv{position:absolute;top:42%;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px #0004;font-size:20px;cursor:pointer;display:none;line-height:1;color:#111}
.hm-nv.p{left:-10px}.hm-nv.n{right:-10px}@media(min-width:800px){.hm-nv{display:block}}
/* ফ্ল্যাশ সেল */
.hm-flash{background:var(--ac,#e11d48);background-image:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.28) 100%);border-radius:16px;padding:14px 12px 16px;color:#fff}
.hm-fh{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-bottom:10px}.hm-fh h2{margin:0;font-size:clamp(18px,2.6vw,24px);flex:1;min-width:120px}
.hm-fs{margin:-4px 0 10px;opacity:.9;font-size:14px}.hm-flash .hm-all{color:#fff;background:#ffffff33;border-radius:99px;padding:4px 12px}
.hm-flash .hm-cd i{background:#fff;color:var(--ac,#e11d48)}.hm-flash .hm-cdl{color:#fff}
.hm-flash .card{color:var(--fg)}.hm-flash .hm-nv{top:40%}
.hm-sec.hm-noframe{background:none!important;padding:0!important}
/* লিস্ট কার্ড */
.hm-lgrid{display:grid;gap:10px;grid-template-columns:repeat(var(--mc,1),minmax(0,1fr))}@media(min-width:640px){.hm-lgrid{grid-template-columns:repeat(var(--c,2),minmax(0,1fr))}}
.hm-lc{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:8px;color:var(--fg)}
.hm-lci{position:relative;flex:none;width:76px;height:76px;background:#fff;border:1px solid var(--bd);border-radius:10px;padding:4px}.hm-lci img{width:100%;height:100%;object-fit:contain}.hm-lci .badge{top:2px;left:2px}
.hm-lcb{flex:1;min-width:0}.hm-lcb .nm{display:block;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:1px}.hm-lcb .un{font-size:12px;color:var(--mut)}.hm-lcb .pr b{color:var(--pri);font-size:16px}.hm-lcb .pr s{font-size:12px;color:var(--mut);margin-left:5px}
/* ডিল অব দ্য ডে */
.hm-dgrid{display:grid;gap:12px;grid-template-columns:repeat(var(--mc,1),minmax(0,1fr))}@media(min-width:800px){.hm-dgrid{grid-template-columns:repeat(var(--c,2),minmax(0,1fr))}}
.hm-deal{display:grid;grid-template-columns:42% 1fr;gap:12px;background:#fff;border:1px solid var(--bd);border-radius:16px;overflow:hidden;color:var(--fg)}
.hm-dimg{position:relative;background:#fff;border-right:1px solid var(--bd);display:flex;align-items:center;justify-content:center;padding:10px;min-height:150px}.hm-dimg img{width:100%;max-height:230px;object-fit:contain}
.hm-dpct{position:absolute;top:8px;left:8px;color:#fff;border-radius:50%;width:54px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:15px;line-height:1}.hm-dpct small{font-size:10px;font-weight:600}
.hm-dbody{padding:12px 12px 12px 0;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0}.hm-dn{font-weight:700;font-size:clamp(15px,2vw,19px);line-height:1.3}
.hm-dp b{font-size:clamp(20px,3vw,28px)}.hm-dp s{color:var(--mut);margin-left:8px}.hm-dbody .btn{padding:9px 12px}.hm-dbody .hm-cd i{background:#111;font-size:13px;min-width:30px}.hm-dbody .hm-cdl{color:var(--mut)}
/* স্পটলাইট */
.hm-spot{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}@media(min-width:800px){.hm-spot:not(.nob){grid-template-columns:minmax(0,260px) minmax(0,1fr)}}
.hm-spb{display:block;border-radius:14px;overflow:hidden;background:var(--sec)}.hm-spb img{display:block;width:100%;height:100%;max-height:340px;object-fit:cover}
@media(max-width:799px){.hm-spb img{max-height:none;height:auto}}
/* প্রোমো */
.hm-promo{position:relative;display:block;overflow:hidden;border-radius:16px;background:var(--sec)}.hm-promo.sq{border-radius:0}
.hm-promo img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hm-promo.h-sm{min-height:130px}.hm-promo.h-md{min-height:200px}.hm-promo.h-lg{min-height:300px}
@media(min-width:800px){.hm-promo.h-sm{min-height:170px}.hm-promo.h-md{min-height:270px}.hm-promo.h-lg{min-height:400px}}
.hm-pov{position:absolute;inset:0}.hm-pt{position:relative;z-index:2;padding:22px clamp(16px,4vw,48px);min-height:inherit;display:flex;flex-direction:column;justify-content:center;gap:8px;max-width:640px}
.hm-pt.center{margin:0 auto;align-items:center;text-align:center}.hm-pt.right{margin-left:auto;align-items:flex-end;text-align:right}.hm-pt.left{align-items:flex-start}
.hm-pt h2{margin:0;font-size:clamp(22px,4.2vw,42px);line-height:1.15;text-shadow:0 2px 10px #0006}.hm-pt p{margin:0;font-size:clamp(13px,1.8vw,18px);text-shadow:0 1px 6px #0006;white-space:pre-line}
/* স্প্লিট */
.hm-split{display:grid;gap:14px;align-items:center;background:#fff;border:1px solid var(--bd);border-radius:16px;overflow:hidden}@media(min-width:700px){.hm-split{grid-template-columns:1fr 1fr}.hm-split.rev .hm-simg{order:2}}
.hm-simg img{display:block;width:100%;height:100%;object-fit:cover;max-height:380px}.hm-stx{padding:16px 18px}.hm-stx h2{margin:0 0 8px}.hm-stx p{margin:0 0 10px;white-space:pre-line}.hm-stx ul{margin:0 0 12px;padding-left:20px}.hm-stx li{margin:2px 0}
/* ফিচার */
.hm-feat{display:grid;gap:10px;grid-template-columns:repeat(var(--mc,2),minmax(0,1fr))}@media(min-width:800px){.hm-feat{grid-template-columns:repeat(var(--c,4),minmax(0,1fr))}}
.hm-fi{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:10px 12px}.hm-fic{font-size:26px;flex:none;line-height:1}.hm-fi b{display:block;font-size:14px;line-height:1.3}.hm-fi small{color:var(--mut);font-size:12.5px;line-height:1.3;display:block}
.hm-feat.inline .hm-fi{background:none;border:0;padding:4px}
/* কুপন */
.hm-cps{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.hm-cp{display:flex;align-items:center;gap:12px;background:#fff;border:2px dashed var(--pri);border-radius:14px;padding:10px 12px;color:var(--fg)}
.hm-cpo{flex:none;text-align:center;background:var(--pri);color:#fff;border-radius:10px;padding:8px 10px;min-width:64px}.hm-cpo b{display:block;font-size:20px;line-height:1.1}.hm-cpo small{font-size:11px}
.hm-cpm{flex:1;min-width:0}.hm-cpm code{display:block;font-size:17px;font-weight:800;letter-spacing:.08em}.hm-cpm small{color:var(--mut);font-size:12px}
/* কাউন্টডাউন ব্যানার */
.hm-cdb{display:flex;align-items:center;justify-content:center;gap:10px 18px;flex-wrap:wrap;text-align:center;border-radius:14px;padding:14px 16px}.hm-cdb b{display:block;font-size:clamp(16px,2.4vw,22px)}.hm-cdb small{opacity:.9}
.hm-cdb .hm-cd i{background:#0004;font-size:clamp(16px,2.6vw,22px);min-width:44px}.hm-cdb .btn{padding:8px 18px}
/* টেক্সট */
.hm-text{padding:8px 4px}.hm-text h2{margin:0 0 6px}.hm-text p{margin:0 0 12px;white-space:pre-line}
/* টিকার */
.hm-tick{overflow:hidden;background:var(--pri);color:#fff;border-radius:10px;padding:8px 0;white-space:nowrap}
.hm-tk{display:inline-flex;gap:46px;padding-left:46px;animation:hmtk var(--sp,30s) linear infinite;font-weight:600;font-size:14px}.hm-tick:hover .hm-tk{animation-play-state:paused}
@keyframes hmtk{to{transform:translateX(-50%)}}
/* ব্র্যান্ড */
.hm-brands{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;align-items:center;padding:2px}.hm-brands::-webkit-scrollbar{display:none}
.hm-brands a,.hm-brands div{flex:none;width:110px;height:64px;background:#fff;border:1px solid var(--bd);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px}.hm-brands img{max-width:100%;max-height:100%;object-fit:contain}
.hm-spacer hr{border:0;border-top:1px solid var(--bd);margin:0;position:relative;top:50%}
@media(prefers-reduced-motion:reduce){.hm-tk{animation:none}}