@font-face{font-family:DBH3Bangla;src:url('fonts/noto-bengali.woff2') format('woff2');font-display:swap}
.dbh3,.dbh3 *{box-sizing:border-box}
.dbh3{--dbh3-ink:#163f3e;--dbh3-teal:#008487;--dbh3-cream:#faf7ee;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",DBH3Bangla,sans-serif;color:var(--dbh3-ink);background:var(--dbh3-cream);isolation:isolate;max-width:1240px;margin:28px auto;padding:28px 30px 32px;border:1px solid #e4e8df;border-radius:30px;text-align:start;overflow:visible}
.dbh3[hidden]{display:none!important}
.dbh3 .dbh3__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:0}

.dbh3 .dbh3__title{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",DBH3Bangla,sans-serif;color:var(--dbh3-ink);font-size:clamp(25px,3vw,34px);line-height:1.15;font-weight:750;letter-spacing:-1.5px;margin:0;padding:0;text-transform:none}
.dbh3 .dbh3__intro{color:#5c7470;font-size:14px;line-height:1.6;margin:8px 0 0;padding:0}

.dbh3 .dbh3__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.dbh3 .dbh3__cell{list-style:none;margin:0;padding:0;min-width:0;perspective:900px;background:none;border:0}
.dbh3 .dbh3__cell::before,.dbh3 .dbh3__cell::marker{content:none}
.dbh3 .dbh3__card{--tone:#d9efe5;--line:#a9ccbc;--spark:#69a889;--rx:0deg;--ry:0deg;--lift:0px;display:flex;position:relative;flex-direction:column;height:100%;min-height:255px;background:linear-gradient(145deg,#fffef9,#f5f8f3);border:1px solid #ffffff;border-radius:23px;text-decoration:none!important;color:var(--dbh3-ink)!important;box-shadow:0 5px 0 #dce3d7,0 7px 0 1px #cdd9ce,0 14px 23px -15px #244b4436;transform:translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease;outline-offset:6px;-webkit-tap-highlight-color:transparent}
.dbh3 .dbh3__card::before{position:absolute;content:'';inset:1px;pointer-events:none;border-radius:22px;background:radial-gradient(circle at var(--mx,30%) var(--my,0%),#ffffffb0,transparent 62%);opacity:.6}
.dbh3 .dbh3__card--deals{--tone:#ffebbd;--line:#e5c986;--spark:#d0a23a}
.dbh3 .dbh3__card--digital{--tone:#e4dff6;--line:#c3b5e6;--spark:#9b82cd}
.dbh3 .dbh3__card--games{--tone:#d7ebf1;--line:#a9cdd9;--spark:#63a3b6}
.dbh3 .dbh3__card--gift{--tone:#f8dfe4;--line:#dcb3bd;--spark:#ce8d9e}
.dbh3 .dbh3__card--subscriptions{--tone:#ffe1cc;--line:#e8bea1;--spark:#d3976e}
.dbh3 .dbh3__card--topup{--tone:#f5ebbf;--line:#dfce87;--spark:#bfa141}
.dbh3 .dbh3__scene{display:block;position:relative;height:196px;flex-shrink:0;transform:translateZ(16px);border-radius:23px 23px 0 0}
.dbh3 .dbh3__halo{position:absolute;width:146px;height:146px;left:50%;top:24px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 20%,#fff9 0,transparent 70%),var(--tone);box-shadow:inset 0 2px 3px #fff8}
.dbh3 .dbh3__orbit{position:absolute;width:170px;height:76px;border:1px solid var(--line);border-radius:50%;top:74px;left:50%;transform:translateX(-50%) rotate(-27deg);opacity:.52}
.dbh3 .dbh3__pedestal{position:absolute;width:132px;height:25px;bottom:16px;left:50%;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#fff,#e5ebe1);box-shadow:0 7px 0 #d5dfd4,0 13px 9px -5px #687d6c2e}
.dbh3 .dbh3__art{position:absolute;display:block;width:220px;height:184px;max-width:100%;object-fit:contain;left:50%;top:6px;transform:translateX(-50%);filter:drop-shadow(0 12px 5px #34504722);transition:transform .35s ease;pointer-events:none;border:0;border-radius:0;margin:0;padding:0}
.dbh3 .dbh3__art--custom{width:148px;height:148px;top:18px;object-fit:contain;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(6px 12px 4px #34504725);border-radius:13px}
.dbh3 .dbh3__spark{position:absolute;color:var(--spark);font-size:24px;font-weight:400;line-height:1;transition:transform .35s ease;user-select:none}
.dbh3 .dbh3__spark--one{left:13%;top:39px}.dbh3 .dbh3__spark--two{right:11%;bottom:38px;font-size:17px}
.dbh3 .dbh3__caption{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;padding:10px 19px 19px;position:relative;transform:translateZ(22px)}
.dbh3 .dbh3__name{font-size:16px;line-height:1.35;font-weight:700;letter-spacing:-.25px;overflow-wrap:anywhere}
.dbh3 .dbh3__arrow{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#eaf2e9;color:#356c60;transition:background .2s,color .2s,transform .2s}
.dbh3 .dbh3__arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dbh3 .dbh3__card:focus-visible{outline:3px solid #007d80}
.dbh3 .dbh3__card:focus-visible .dbh3__arrow{background:#008487;color:#fff}
@media(hover:hover) and (pointer:fine){.dbh3[data-dbh3-motion='1'] .dbh3__card:hover{--lift:-7px;box-shadow:0 6px 0 #dce3d7,0 8px 0 1px #cdd9ce,0 26px 30px -16px #244b4450}.dbh3[data-dbh3-motion='1'] .dbh3__card:hover .dbh3__art{transform:translateX(-50%) translateY(-5px) rotate(-4deg)}.dbh3[data-dbh3-motion='1'] .dbh3__card:hover .dbh3__spark--one{transform:rotate(35deg) scale(1.15)}.dbh3 .dbh3__card:hover .dbh3__arrow{background:#008487;color:#fff;transform:rotate(-35deg)}}
.dbh3[data-dbh3-motion='1'] .dbh3__card:active{--lift:3px;--rx:0deg;--ry:0deg}
@media(min-width:1000px){.dbh3 .dbh3__grid:has(>.dbh3__cell:only-child){grid-template-columns:repeat(1,minmax(0,280px))}.dbh3 .dbh3__grid:has(>.dbh3__cell:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.dbh3 .dbh3__grid:has(>.dbh3__cell:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}

.dbh3 .dbh3__swipe{display:none}
.dbh3 .dbh3__swipe[hidden]{display:none!important}
.dbh3 .dbh3__grid:focus-visible{outline:2px solid #008487;outline-offset:3px;border-radius:12px}
/* Mobile is a native, single-row touch carousel. Depth never depends on hover. */
@media(max-width:900px){
 .dbh3{max-width:100%;min-width:0;padding:22px 0 18px;margin:18px auto;border-radius:25px;overflow:hidden}
 .dbh3 .dbh3__head{margin:0;padding:0 22px;gap:15px}

 .dbh3 .dbh3__title{font-size:28px;letter-spacing:-1px;margin:0}
 .dbh3 .dbh3__intro{font-size:13px;line-height:1.5}
 .dbh3 .dbh3__grid{display:flex;position:relative;flex-flow:row nowrap;align-items:stretch;gap:17px;width:100%;max-width:100%;min-width:0;margin:0;padding:22px 22px 32px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:22px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;list-style:none}
 .dbh3 .dbh3__grid::-webkit-scrollbar{display:none}
 .dbh3 .dbh3__cell{flex:0 0 176px;width:176px;min-width:0;perspective:650px;scroll-snap-align:start;scroll-snap-stop:normal;align-self:stretch}
 .dbh3 .dbh3__card{--rx:7deg;--ry:-10deg;--lift:-3px;min-height:225px;border-radius:21px;transform:translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));transform-origin:50% 65%;box-shadow:1px 7px 0 #dce5d7,4px 11px 0 #b9cbbb,5px 22px 20px -10px #244b444d;transition:transform .14s ease-out,box-shadow .2s ease}
 .dbh3 .dbh3__card::before{border-radius:20px}
 .dbh3 .dbh3__scene{height:165px;transform:translateZ(22px)}
 .dbh3 .dbh3__halo{width:119px;height:119px;top:20px}
 .dbh3 .dbh3__orbit{width:141px;height:63px;top:65px}
 .dbh3 .dbh3__pedestal{width:107px;height:21px;bottom:12px;box-shadow:0 7px 0 #c8d7ca,0 13px 9px -5px #687d6c40}
 .dbh3 .dbh3__art{width:184px;max-width:112%;height:157px;top:1px;transform:translateX(-50%) translateZ(14px) rotate(-6deg);filter:drop-shadow(4px 13px 4px #34504730)}
 .dbh3 .dbh3__art--custom{width:118px;height:118px;top:19px;transform:translateX(-50%) translateZ(14px) rotate(-8deg)}
 .dbh3 .dbh3__spark--one{left:8%;top:30px;font-size:21px}
 .dbh3 .dbh3__spark--two{right:7%;bottom:30px;font-size:15px}
 .dbh3 .dbh3__caption{padding:10px 13px 17px;gap:7px;transform:translateZ(26px)}
 .dbh3 .dbh3__name{font-size:15px;line-height:1.35;letter-spacing:-.3px}
 .dbh3 .dbh3__arrow{width:28px;height:28px;background:#e3eee2}
 .dbh3 .dbh3__arrow svg{width:16px;height:16px}
 .dbh3[data-dbh3-motion='1'] .dbh3__card:active{transform:translateY(1px) rotateX(5deg) rotateY(-5deg)}
 .dbh3 .dbh3__swipe{display:flex;align-items:center;gap:13px;padding:0 22px;color:#53756d;font-size:11px;font-weight:600;letter-spacing:.15px;line-height:1.4}
 .dbh3 .dbh3__track{position:relative;height:4px;width:70px;border-radius:5px;background:#dce7db;overflow:hidden;margin-inline-start:auto}
 .dbh3 .dbh3__thumb{position:absolute;inset-block:0;inset-inline-start:var(--thumb-left,0%);width:var(--thumb-width,35%);border-radius:5px;background:#008487}
 .dbh3 .dbh3__swipe svg{width:22px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
}
@media(max-width:540px){
 .dbh3{padding-top:22px;border-radius:23px}
 .dbh3 .dbh3__head{padding-inline:18px}

 .dbh3 .dbh3__title{font-size:26px;letter-spacing:-.8px}
 .dbh3 .dbh3__intro{font-size:12px;max-width:300px}

 .dbh3 .dbh3__grid{gap:16px;padding-inline:18px;scroll-padding-inline:18px}
 .dbh3 .dbh3__cell{flex-basis:clamp(150px,44vw,180px);width:clamp(150px,44vw,180px)}
 .dbh3 .dbh3__swipe{padding-inline:18px}
}
@media(prefers-reduced-motion:reduce){
 .dbh3 .dbh3__card,.dbh3 .dbh3__art,.dbh3 .dbh3__spark,.dbh3 .dbh3__arrow{transition:none!important;animation:none!important}
 .dbh3 .dbh3__grid{scroll-behavior:auto!important}
 .dbh3 .dbh3__card{transform:none!important}
}
/* Reduced motion keeps static mobile depth; only movement is removed. */
@media(max-width:900px) and (prefers-reduced-motion:reduce){
 .dbh3 .dbh3__card{transform:rotateX(7deg) rotateY(-10deg)!important}
 .dbh3 .dbh3__card .dbh3__art{transform:translateX(-50%) translateZ(14px) rotate(-6deg)!important}
}

/* A compact payment highlight, independent of the category carousel. */
.dbh-payment,.dbh-payment *{box-sizing:border-box}
.dbh-payment{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1240px;margin:20px auto;padding:18px 22px;border:1px solid #c7e1d4;border-radius:20px;background:linear-gradient(115deg,#e6f4ed,#f5faf6);box-shadow:inset 0 1px 0 #fff,0 3px 0 #dceae1;color:#163f3e;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:start}
.dbh-payment .dbh-payment__summary{display:flex;align-items:center;gap:12px;min-width:0}
.dbh-payment .dbh-payment__icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #c6dfd2;border-radius:12px;background:#d9eee2;color:#007b70;box-shadow:inset 0 1px 0 #f6fff9}
.dbh-payment .dbh-payment__icon svg{display:block;width:25px;height:25px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dbh-payment .dbh-payment__label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:16px;font-weight:700;line-height:1.4}
.dbh-payment .dbh-payment__provider{display:inline-flex;align-items:center;gap:7px;color:#48675e;font-size:13px;font-weight:450;white-space:nowrap}
.dbh-payment .dbh-payment__provider strong{display:inline-block;padding:4px 9px;border:1px solid #cce1d5;border-radius:8px;background:#fff;color:#00796d;font-size:19px;font-weight:800;letter-spacing:.8px;line-height:1.2}
.dbh-payment .dbh-payment__methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:0 1 376px;min-width:0;list-style:none;margin:0!important;padding:0!important}
.dbh-payment .dbh-payment__method{display:flex;align-items:center;justify-content:center;min-width:0;height:50px;margin:0!important;padding:6px 9px!important;list-style:none;background:#fff;border:1px solid #d9e7df;border-radius:11px;box-shadow:0 2px 3px #16473704;overflow:hidden}
.dbh-payment .dbh-payment__method::before,.dbh-payment .dbh-payment__method::marker{content:none}
.dbh-payment .dbh-payment__method img{display:block;width:100%;max-width:78px;height:36px;object-fit:contain;object-position:center;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;filter:none;mix-blend-mode:normal}
.dbh-payment .dbh-payment__method--visa img{height:50px;object-fit:cover}
.dbh-shell>.dbh-payment:first-child{margin-top:0;margin-bottom:24px}
@media(max-width:760px){.dbh-payment{flex-direction:column;align-items:stretch;gap:13px;padding:16px 18px}.dbh-payment .dbh-payment__summary{justify-content:center}.dbh-payment .dbh-payment__methods{flex:auto;width:100%;max-width:376px;align-self:center}}
@media(max-width:540px){.dbh-payment{margin:16px auto;padding:14px;border-radius:18px;gap:12px}.dbh-payment .dbh-payment__summary{gap:10px}.dbh-payment .dbh-payment__icon{flex-basis:32px;width:32px;height:32px;border-radius:10px}.dbh-payment .dbh-payment__icon svg{width:22px;height:22px}.dbh-payment .dbh-payment__label{font-size:14px;gap:6px}.dbh-payment .dbh-payment__provider{font-size:12px;gap:6px}.dbh-payment .dbh-payment__provider strong{font-size:18px;padding:3px 7px}.dbh-payment .dbh-payment__methods{gap:6px}.dbh-payment .dbh-payment__method{height:44px;padding:5px 7px!important;border-radius:9px}.dbh-payment .dbh-payment__method img{height:30px}.dbh-payment .dbh-payment__method--visa img{height:42px}}