:root{--c:#0f766e;--ink:#1d2b2a;--bg:#fbfaf6;--line:#e4e2da}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
nav{position:sticky;top:0;z-index:5;background:#fffe;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;gap:18px;padding:10px 20px;align-items:center;flex-wrap:wrap}
nav b{margin-right:auto;font-size:1.15rem;color:var(--c)}nav a{color:var(--ink);text-decoration:none;font-size:.95rem}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;max-width:1040px;margin:0 auto;padding:44px 20px}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.2;margin:0 0 12px}
.btn,button{font:inherit;background:var(--c);color:#fff;border:0;border-radius:999px;padding:9px 20px;cursor:pointer;text-decoration:none;display:inline-block}
button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.steps{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.steps span{border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:.9rem;background:#fff}
section{max-width:1040px;margin:0 auto;padding:30px 20px}h2{font-size:1.7rem;margin:0 0 14px}
.maker{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mapbox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}
svg.m polygon{stroke:#fff;stroke-width:3;cursor:pointer;transition:fill-opacity .2s}svg.m polygon:hover{stroke:var(--ink)}
svg.m text{font-size:13px;font-weight:600;pointer-events:none;fill:var(--ink)}
.pct{font-size:2.6rem;font-weight:700;color:var(--c);line-height:1}
.progress{height:10px;background:var(--line);border-radius:9px;overflow:hidden;margin:8px 0 14px}.progress i{display:block;height:100%;background:var(--c);width:0;transition:width .3s}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.sw{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);padding:0}
input[type=text],input[type=number],select{font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:6px 0;padding:8px 14px}summary{cursor:pointer;font-weight:600}
details label{display:inline-block;width:48%;font-size:.92rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.card h3{margin:0 0 6px;color:var(--c)}
.opt{display:block;width:100%;text-align:left;margin:6px 0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px}
.note{font-size:.85rem;background:#fff7e0;border-radius:10px;padding:8px 12px}
footer{text-align:center;padding:26px;font-size:.85rem;opacity:.7}
@media(max-width:760px){.hero,.maker{grid-template-columns:1fr}}

body.dark{--ink:#e8efee;--bg:#10181a;--line:#26353a}body.dark nav,body.dark .mapbox,body.dark .card,body.dark details,body.dark .steps span,body.dark input,body.dark select,body.dark button.ghost,body.dark .opt{background:#16222500;background-color:#162225;color:var(--ink)}body.dark nav{background:#10181aee}
.hero{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 16%,transparent),transparent 65%);max-width:none;padding:56px max(20px,calc(50% - 500px))}
.hero h1{letter-spacing:-.5px}nav{box-shadow:0 2px 14px #0000000d}nav a:hover{color:var(--c)}
.stats{display:flex;gap:28px;margin:22px 0 4px}.stats div{font-size:.9rem}.stats b{display:block;font-size:1.9rem;color:var(--c);line-height:1.1}
section h2{border-left:5px solid var(--c);padding-left:12px}.card{transition:box-shadow .2s}.card:hover{box-shadow:0 6px 20px #0000001a}
.star{background:none;color:var(--c);padding:0 6px;font-size:1.1rem}.sp{display:flex;justify-content:space-between;align-items:center}
.badge{text-align:center;opacity:.4;filter:grayscale(1)}.badge.on{opacity:1;filter:none}.badge i{font-size:2.2rem;font-style:normal;display:block}
.maker{grid-template-columns:1.35fr .65fr}#map text{font-size:5.6px;font-weight:600}svg.m polygon.u{stroke:#fff;stroke-width:.8}svg.m polygon.u:hover{stroke:var(--ink);stroke-width:1.4}@media(max-width:760px){.maker{grid-template-columns:1fr}}
#map{filter:drop-shadow(0 8px 12px #0000002e)}.chip{color:#1d2b2a;font-size:.85rem;padding:5px 12px;border:1px solid #fff}.chip:hover{filter:brightness(.95)}svg.m polygon.u{transition:fill .15s}

/* নতুন হিরো */
.top{position:sticky;top:0;z-index:5;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px max(16px,calc(50% - 575px))}
.brand{font-weight:700;font-size:1.1rem;color:var(--c)}
.pill{display:flex;gap:2px;align-items:center;background:color-mix(in srgb,var(--ink) 7%,var(--bg));border-radius:999px;padding:5px;flex-wrap:wrap}
.pill a{padding:7px 15px;border-radius:999px;color:var(--ink);text-decoration:none;font-size:.92rem}.pill a:hover{background:var(--bg)}
.pill button{padding:5px 12px;margin-left:4px}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;margin:6px max(16px,calc(50% - 575px)) 0;max-width:none;min-height:560px;border-radius:28px;padding:60px 20px;
 background:linear-gradient(rgba(8,24,20,.5),rgba(8,24,20,.78)),url(hero.jpg) center/cover,linear-gradient(135deg,#12332c,#1f5a4a 55%,#2f6f5f)}
.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);max-width:760px;margin:16px 0 12px}
.hero p{max-width:620px;font-size:1.05rem;opacity:.92}
.grad{background:linear-gradient(90deg,#8fe0c0,#f4a3b0);-webkit-background-clip:text;background-clip:text;color:transparent}
.tag{background:#ffffff26;border-radius:999px;padding:5px 16px;font-size:.88rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cta{background:#fff;color:#14221c;border-radius:999px;padding:14px 30px;text-decoration:none;font-weight:600;margin:14px 0 22px}
.hero .steps{justify-content:center}.hero .steps span{background:#ffffff1f;color:#fff;border-color:#ffffff33}
.hero .stats{justify-content:center}.hero .stats b{color:#fff}

.brand{display:flex;align-items:center;gap:10px}.logo{width:36px;height:36px;flex:none}
.w{display:inline-block;opacity:0;transform:translateY(14px);filter:blur(6px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i)*.14s)}
@keyframes rise{to{opacity:1;transform:none;filter:none}}
.grad{background:linear-gradient(90deg,#8fe0c0,#f4a3b0,#8fe0c0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards,shine 5s linear 1s infinite;animation-delay:calc(var(--i)*.14s),1s}
@keyframes shine{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.w,.grad{animation:none;opacity:1;transform:none;filter:none}}
.ft{background:#10231f;color:#d8e6e2;margin-top:40px;padding:36px max(20px,calc(50% - 520px)) 18px;text-align:left;opacity:1;font-size:1rem}.ft .brand{color:#fff}.ft p{opacity:.8;max-width:420px}
.ftc{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.fl{display:flex;flex-direction:column;gap:8px}.fl a,.link{color:#d8e6e2;background:none;padding:0;text-align:left;text-decoration:none;font-size:.95rem}.fl a:hover,.link:hover{color:#fff}
.cp{border-top:1px solid #ffffff22;margin-top:24px;padding-top:14px;font-size:.85rem;opacity:.7;text-align:center}
dialog{border:0;border-radius:18px;max-width:460px;padding:22px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#0008}
.chip2{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;display:inline-block;color:var(--ink)}#pd{gap:8px}
#plan h3{font-size:1.02rem;margin:16px 0 4px}
@media print{body>*:not(#plan){display:none!important}#plan>.row,#plan>.note,#plan>h3{display:none}#out{border:0}}

.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin:14px 0}
.ph2{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1.05rem}
.pill{background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);border-radius:999px;padding:3px 14px;font-size:.85rem;font-weight:600}
.panel input[type=search]{width:100%;font:inherit;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#faf7ee}
.lk{display:flex;gap:14px;margin:10px 0 8px}.link2{background:none;color:var(--ink);text-decoration:underline;padding:0;font-size:.85rem;border-radius:0}
#list{max-height:340px;overflow:auto;border-top:1px solid var(--line);padding-top:6px}
.gh{display:flex;justify-content:space-between;align-items:center;margin:12px 0 4px}.gh small{opacity:.6;font-weight:400}
.uc{background:#f0ece3;color:var(--ink);padding:6px 14px;border-radius:999px;margin:3px 2px;font-size:.9rem}.uc:hover{filter:brightness(.96)}.uc.on{background:var(--c);color:#fff}
body.dark .panel{background:#162225}body.dark .panel input[type=search]{background:#10181a}body.dark .uc{background:#1f2f33}body.dark .uc.on{background:var(--c)}

.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#12332c,#1f5a4a 55%,#2f6f5f)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(8,24,20,.5),rgba(8,24,20,.78));z-index:1}
.hero>*{position:relative;z-index:2}.hero>.slides{position:absolute;inset:0;z-index:0}
.slides video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sl{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity 1.4s ease}.sl.on{opacity:1}

.prev{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;margin:14px 0}.prev canvas{width:100%;height:auto;border-radius:10px;display:block}
.dls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dls button{border-radius:12px;padding:13px}#png{background:#1d2b2a}
.sw.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}#ps .gh{margin-top:14px}
.fbtn{display:inline-block;border:1.5px dashed var(--c);color:var(--c);border-radius:12px;padding:9px 16px;cursor:pointer;font-size:.92rem}.fbtn:hover{background:color-mix(in srgb,var(--c) 8%,transparent)}.sw{width:26px;height:26px}

.sub{max-width:640px;opacity:.8}.sc{padding:0;overflow:hidden}.sh{height:92px;display:flex;justify-content:space-between;padding:10px 12px}.em{font-size:2.3rem}
.sc h4{margin:10px 14px 0;font-size:1.05rem}.sc small,.sc p,.sc>.pill{margin:6px 14px;display:block}.sc>.pill{width:fit-content;font-size:.78rem}.sc p{font-size:.88rem}.nt{color:#9a4d00}
.mh{display:flex;justify-content:space-between;align-items:center}.car{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 10px}.car .sc{min-width:260px;max-width:260px;scroll-snap-align:start}
.warn{background:#fff7e0;color:#4a3b00;border-radius:12px;padding:12px 16px;font-size:.9rem}.chip2.act{background:var(--ink);color:var(--bg)}#etabs{gap:8px;margin-top:10px}

/* বহু-পেজ ও মোবাইল */
.ph{text-align:center;padding:40px 16px 8px;max-width:760px;margin:0 auto}.ph h1{font-size:clamp(1.9rem,6vw,3rem);margin:12px 0 8px;line-height:1.2}.ph .sub{margin:0 auto}
.ph .w{color:var(--ink)}.ph .grad{color:transparent}
.doc{max-width:720px;margin:0 auto;padding:36px 20px}.doc h1{font-size:2rem}.doc h3{margin:22px 0 4px;color:var(--c)}
.top .brand{order:1;text-decoration:none}.top #dark{order:2;margin-left:auto}.top .pill{order:3}.pill a.cur{background:var(--bg);color:var(--c);font-weight:600;box-shadow:0 1px 4px #0000001a}
.ft .brand{text-decoration:none}.fl b{color:#fff;margin-bottom:2px}.ftc{align-items:flex-start}.ft .cp div{margin:3px 0}
@media(min-width:761px){.top{flex-wrap:nowrap}.top #dark{margin-left:0;order:4}.top .pill{margin-left:auto}}
@media(max-width:760px){.top{padding:10px 14px;gap:8px}.top .pill{width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:space-between;scrollbar-width:none}.pill a{flex:1 0 auto;text-align:center;white-space:nowrap;padding:8px 10px;font-size:.88rem}
 .hero{min-height:480px;padding:40px 16px;border-radius:22px;margin:4px 12px 0}.stats{gap:20px}.cta{padding:12px 24px}
 section{padding:22px 14px}.mapbox{padding:6px}.ftc{flex-direction:column;gap:18px}.fl{flex-direction:row;flex-wrap:wrap;gap:6px 16px}.fl b{width:100%}
 .grid{grid-template-columns:1fr}#bg{grid-template-columns:repeat(2,1fr)}.car .sc{min-width:240px;max-width:240px}.dls button{padding:12px 6px}.panel{padding:12px}#list{max-height:300px}
 .ph{padding:26px 14px 4px}.row{gap:8px}input[type=text],input[type=number],select{max-width:100%}}
img,svg,canvas{max-width:100%}body{overflow-x:hidden}
.ph .pill,.sc>.pill,.ph span.pill{display:inline-block;width:auto;padding:4px 14px;border-radius:999px}
.top #dark{padding:7px 13px;font-size:1rem}
@media(max-width:760px){.hero{min-height:420px;padding:32px 16px}.hero h1{margin:12px 0 8px}.cta{margin:8px 0 14px}}

.chip{background:#f0ece3}.gl{font-size:20px;font-weight:700;fill:#0000001a;pointer-events:none}
#map circle.u{cursor:pointer;transition:fill .15s}#map circle.u:hover{stroke:var(--ink);stroke-width:2}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.grid4 label{display:flex;flex-direction:column;font-size:.88rem;gap:4px}
.ct{width:100%;border-collapse:collapse;margin:6px 0}.ct td{padding:7px 4px;border-bottom:1px solid var(--line)}.ct td:last-child{text-align:right;white-space:nowrap}.ct .tt td{font-weight:700;color:var(--c)}
.lnk{display:inline-block;background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c);border-radius:999px;padding:3px 12px;margin:2px 4px 2px 0;text-decoration:none;font-size:.85rem}.okc{color:#15803d}.mut{opacity:.75;font-size:.9rem}
#out h3{margin:18px 0 6px}
#map text.gl{font-size:22px}

.maker.wide{grid-template-columns:1fr}.mapbox{overflow-x:auto}.wide svg.m{min-width:760px}
svg.m g.t{cursor:pointer}svg.m g.t rect{transition:fill .15s}svg.m g.t:hover rect{stroke:var(--ink);stroke-width:1.5}svg.m g.t text{pointer-events:none;font-weight:600}
svg.m polygon.u{stroke:#fff;stroke-width:1.1}#map{filter:none}
.ct td:last-child{text-align:right;white-space:nowrap}
svg.m polygon.d{fill:none;stroke:#1d2b2a;stroke-width:1.5;pointer-events:none}

.land{fill:var(--c);fill-opacity:.1;stroke:var(--c);stroke-opacity:.45;stroke-width:1.5;stroke-linejoin:round;pointer-events:none}
.spot{max-width:820px;margin:0 auto;padding:16px 16px 40px}.spot h1{font-size:clamp(24px,6vw,36px);margin:8px 0 2px}.back{display:inline-block;margin:6px 0;color:var(--c);font-weight:600}
.gal{display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:150px;gap:8px;margin:14px 0}.gal img{width:100%;height:100%;object-fit:cover;border-radius:14px}.gal img:first-child{grid-row:span 2}
.ph3{grid-column:1/-1;grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:64px;border-radius:14px;background:linear-gradient(135deg,var(--c),#0003);color:#fff}.ph3 small{font-size:13px}
.vid video,.vid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.facts{display:grid;gap:10px;margin:14px 0}.facts>div{padding:12px 14px;border-radius:12px;background:#0000000a}
.body p{line-height:1.8;font-size:17px}.cost{width:100%;border-collapse:collapse}.cost td{padding:10px 4px;border-bottom:1px solid #8884}.cost td:last-child{text-align:right;white-space:nowrap}.cost .tot{font-weight:700;color:var(--c)}
.cta2{display:inline-block;margin:6px 0;color:var(--c);font-weight:600}a.more{color:inherit;text-decoration:none}
@media(max-width:600px){.gal{grid-template-columns:1fr;grid-auto-rows:200px}.gal img:first-child{grid-row:auto}.spot{padding:12px}}
.m .t{cursor:pointer}.m .t:hover path{opacity:.8}

.sl2{position:relative;margin:14px 0;border-radius:16px;overflow:hidden;background:#0001}.trk{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.trk::-webkit-scrollbar{display:none}
.trk img{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:16/10;object-fit:cover;width:100%}
.sl2 button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:#fffd;font-size:24px;cursor:pointer}.pv{left:8px}.nx{right:8px}
.cnt{position:absolute;right:10px;bottom:10px;background:#000a;color:#fff;border-radius:12px;padding:2px 10px;font-size:13px}
.sl2.one button,.sl2.one .cnt{display:none}.sl2 .ph3{display:none;aspect-ratio:16/10;margin:0}.sl2.none .ph3{display:flex}.sl2.none button,.sl2.none .cnt{display:none}
.dp{display:flex;gap:16px;align-items:center}.thmw{width:90px;flex:none}.thm{width:100%;height:auto}.dp h2{margin:2px 0}
#etabs small{display:block;margin:10px 0 4px;color:#777;font-weight:600}
@media(max-width:600px){.sl2 button{width:34px;height:34px}}

/* এই মাসে কোথায় যাবেন: ছবি আগে, নিচে ছোট তথ্য */
.car .mc{padding:0;overflow:hidden;min-width:250px;max-width:250px;scroll-snap-align:start;text-decoration:none;color:inherit;display:block}
.mph{height:175px;display:flex;align-items:flex-start;padding:10px}.mph .em{font-size:1.8rem;background:#ffffffb3;border-radius:12px;padding:0 8px}
.mb{padding:10px 14px 14px}.mb b{display:block;font-size:1.02rem}.mb small{display:block;opacity:.7;margin:2px 0 8px}.mb .pill{display:inline-block;font-size:.78rem;padding:3px 12px}
@media(max-width:760px){.car .mc{min-width:220px;max-width:220px}.mph{height:150px}}



/* মোবাইল ফিট: ম্যাপ পুরো স্ক্রিনে ধরবে, পাশে স্ক্রল লাগবে না */
html,body{overflow-x:hidden}
.m,.wide svg.m{min-width:0!important;width:100%;height:auto;display:block}
.mapbox{overflow:visible}
@media(max-width:760px){
 .mapbox{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
 svg.m{max-height:72vh}.wm{max-height:none}
 .maker,.maker.wide{gap:12px}
 .prev canvas,#pv{width:100%;height:auto}
 section{padding-left:12px;padding-right:12px}
}

.m g.t,.m polygon.u{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* কার্ড: পুরো কার্ডে ক্লিক, আলাদা নীল লিংক নেই */
.sc{position:relative;transition:transform .2s,box-shadow .2s}.sc:hover{transform:translateY(-3px)}
.sc h4{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.sc h4 .arr{font-style:normal;opacity:.35;transition:.2s}.sc:hover h4 .arr{opacity:1;color:var(--c);transform:translate(2px,-2px)}
.sc a.more{color:inherit;text-decoration:none}.sc a.more::after{content:"";position:absolute;inset:0;z-index:1}
.sc .star{position:relative;z-index:2}
.sc:last-child{padding-bottom:6px}

html.nav body>section,html.nav body>.ph,html.nav body>article{opacity:.6;transition:opacity .15s}

/* ===== ম্যাপে নাম সব সময় দেখা যাবে + জুম + ভাষা বোতাম ===== */
.m text,.m tspan{pointer-events:none;-webkit-user-select:none;user-select:none}
.m text{paint-order:stroke;stroke-linejoin:round}
#map:not(.wm) text{stroke:none}
.zw{position:relative;overflow:hidden;touch-action:pan-y;border-radius:14px}
.zw.zd{touch-action:none;cursor:grab}
.zw>svg{transform-origin:0 0;display:block}
.zb{position:absolute;left:8px;bottom:8px;display:flex;flex-direction:column;gap:6px;z-index:3}
.zb button{width:36px;height:36px;border-radius:50%;border:1px solid #0002;background:#fffd;color:#1d2b2a;font-size:20px;line-height:1;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0002;display:flex;align-items:center;justify-content:center;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.zb button:active{transform:scale(.92)}
body.dark .zb button{background:#1f2a2ad9;color:#fff;border-color:#fff3}
/* টাচ ফোনে "হোভার" আটকে থাকে — সেটা বন্ধ */
@media(hover:none){svg.m polygon:hover,svg.m polygon.u:hover{stroke:#fff!important;stroke-width:1.1!important}svg.m g.t:hover rect{stroke:none!important}.m .t:hover path{opacity:1!important}}
/* ভাষা বদলের বোতাম (চাঁদের পাশে) */
.lg{color:var(--ink);display:inline-flex;border:1px solid #0002;border-radius:999px;overflow:hidden;background:var(--card,#fff);flex:none}
.lg button{border:0;background:transparent;color:inherit;font:inherit;font-size:.9rem;font-weight:700;padding:7px 12px;cursor:pointer;line-height:1.2}
.lg button.on{background:var(--c);color:#fff}
.top #lang{order:2}
@media(min-width:761px){.top #lang{order:5}}
@media(max-width:760px){.lg button{padding:6px 10px}}
body.dark .lg{border-color:#fff3;background:#1f2a2a}

/* ---- নতুন ফিচার (রং এখন থিম/ডার্ক মোড মেনে চলে) ---- */
:root{--ct:var(--c)}
body{--soft:color-mix(in srgb,var(--ink) 4%,var(--bg))}
body.dark{--ct:color-mix(in srgb,var(--c) 45%,#fff)}
.btn{display:inline-block;background:var(--c);color:#fff;border:1px solid var(--c);border-radius:999px;padding:9px 18px;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;margin:6px 6px 6px 0;line-height:1.3}
.btn:hover{filter:brightness(1.08)}.btn.alt{background:transparent;color:var(--ink);border-color:var(--line)}.btn[hidden]{display:none}
#modes{margin-bottom:8px;align-items:center}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:#10181a;color:#fff;padding:12px 18px;border-radius:12px;opacity:0;pointer-events:none;transition:.3s;z-index:99;max-width:92vw;text-align:center;font-size:.95rem}
#toast.show{opacity:1;transform:translate(-50%,0)}
.uc.want{background:#facc15;color:#1d2b2a;border-color:#eab308}
#calc .row{display:flex;gap:12px;flex-wrap:wrap}#calc .row label{display:flex;flex-direction:column;gap:4px;font-size:.88rem;flex:1 1 130px}
#calc input,#calc select,#chal input,#lbd input,#diary input,section input[type=date],section select,section textarea{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:.95rem;width:100%;background:var(--soft);color:var(--ink)}
table.cost{width:100%;border-collapse:collapse;margin:12px 0;font-size:.95rem}table.cost td{padding:8px 4px;border-bottom:1px solid var(--line)}table.cost td:last-child{text-align:right;white-space:nowrap}table.cost tr.tot td{font-weight:700;color:var(--ct)}
table.cost small{opacity:.75;font-weight:400;margin-left:4px}
.progress{height:12px;background:var(--line);border-radius:999px;overflow:hidden;margin:8px 0}.progress i{display:block;height:100%;width:0;background:var(--c);transition:width .3s}
.infoboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0;align-items:start}
.ibox{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--soft);color:var(--ink);font-size:.92rem;line-height:1.5}
.ibox b{font-size:.95rem}.ibox p{margin:6px 0 0}.ibox ul{margin:6px 0 0;padding-left:0;list-style:none}.ibox li{padding:6px 0;border-top:1px solid var(--line);font-size:.88rem}.ibox li:first-child{border-top:0}
.ibox li a{font-weight:700;font-size:1rem;white-space:nowrap}
.ibox.emgbox,.ibox.emg{}
#emgbox{background:color-mix(in srgb,#ef4444 9%,var(--bg));border-color:color-mix(in srgb,#ef4444 35%,var(--bg))}
.spot a:not([class]),.gdoc a:not([class]),.ibox a,.panel a:not([class]),#dqc a:not(.btn){color:var(--ct);text-decoration:underline;text-underline-offset:2px}
.gdoc{max-width:760px;margin:0 auto;padding:0 16px 40px;line-height:1.7}.gdoc h2{margin-top:28px}.gdoc ul{padding-left:20px}
#dqc .opt{display:block;width:100%;text-align:left;margin:8px 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font:inherit;cursor:pointer;color:var(--ink)}
#dqc .opt:not(:disabled):hover{border-color:var(--c)}
#dqc .opt.ok{background:color-mix(in srgb,#16a34a 22%,var(--bg));border-color:#16a34a;color:var(--ink)}
#dqc .opt.bad{background:color-mix(in srgb,#dc2626 20%,var(--bg));border-color:#dc2626;color:var(--ink)}
.spons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0;font-size:.9rem;color:var(--ink)}.spons img{vertical-align:middle;border-radius:4px}.spons a{color:var(--ct)}
.slab{background:#facc15;color:#1d2b2a;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.mbox{background:var(--bg);color:var(--ink);border-radius:14px;padding:16px;max-width:900px;max-height:94vh;overflow:auto}
.nl{display:flex;gap:6px;margin:6px 0}.nl input{flex:1;padding:8px;border:1px solid #ffffff44;border-radius:8px;min-width:0;background:#ffffff14;color:#fff}.nl .btn{margin:0}
.sc{position:relative}.sc .slab{position:absolute;top:8px;left:8px;z-index:2}
#pl{padding-left:20px;margin:8px 0}
.etq{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.etq{grid-template-columns:1fr}}.etq .do{border-left:5px solid #16a34a}.etq .dont{border-left:5px solid #dc2626}.etq ul{padding-left:18px;line-height:1.6}
.hotel{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:6px 0}.hotel.feat{border-color:#facc15;background:color-mix(in srgb,#facc15 14%,var(--bg))}
.vid{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* ডার্ক মোডে আগে থেকে থাকা উপাদানের পড়ার-অযোগ্য রং ঠিক */
body.dark .brand,body.dark nav a.cur,body.dark span.pill,body.dark .pct,body.dark .fbtn,body.dark a.back,body.dark a.cta2,body.dark .star,body.dark #etabs b{color:var(--ct)}
body.dark .chip2{background:var(--soft);color:var(--ink);border-color:var(--line)}body.dark .chip2.act{background:var(--ink);color:var(--bg)}
body.dark .note{background:#2b2512;color:#f1e3b0}body.dark .nt{color:#fbbf6a}
body.dark .guide a:not([class]),body.dark section h3 a{color:var(--ct)}
.ph3,.ph3 small{color:var(--ink)}
#etabs small,small.mut{color:color-mix(in srgb,var(--ink) 70%,var(--bg))}
body.dark .card h3,body.dark .panel h3,body.dark #dqc h3{color:var(--ct)}

.stars{display:flex;gap:2px;margin:6px 0}.stars button{background:none;border:0;font-size:1.7rem;color:#eab308;cursor:pointer;padding:0 3px;line-height:1}
.rvbox textarea,.rvbox input:not([tabindex]),.panel textarea,.panel input[type=text]{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;font:inherit;margin:6px 0;background:var(--bg);color:var(--ink)}
.rate{display:inline-block;font-size:.82rem;font-weight:600;color:#a16207;margin:2px 0}body.dark .rate{color:#facc15}
.pic{width:100%;max-height:360px;object-fit:cover;border-radius:10px;margin:8px 0}
.likeb{background:none;border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--ink);font:inherit}.likeb.on{background:#fee2e2;border-color:#ef4444}body.dark .likeb.on{background:#7f1d1d}
.ans{border-left:3px solid var(--line);padding:4px 10px;margin:8px 0}.ans.best{border-color:#16a34a;background:color-mix(in srgb,#16a34a 10%,transparent)}
.win{border:2px solid #facc15;border-radius:14px;padding:12px;margin:16px 0;display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:14px;align-items:center}@media(max-width:560px){.win{grid-template-columns:1fr}}.win img{width:100%;border-radius:10px}

/* hidden অ্যাট্রিবিউট যেন কোনো display নিয়মে বাতিল না হয় */
[hidden]{display:none!important}
.wx{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.wxc{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:3px}.wxn{font-size:1.4rem;font-weight:700}.pk{display:flex;flex-wrap:wrap;gap:6px}.mut{color:#6b6a60;font-size:.85rem}

/* কার্ডের ছবি: ডেস্কটপে কেটে যাওয়া ঠিক — সব স্ক্রিনে একই অনুপাতে পুরো ছবি */
.sc .sh{height:auto!important;aspect-ratio:4/3;min-height:140px;align-items:flex-start;background-size:cover!important;background-position:center!important}

/* ===== নতুন ফুটার ===== */
.ft{background:linear-gradient(180deg,#0f2b25,#0b1c18);padding-top:0}
.ftcta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 30px;padding:22px 24px;border-radius:0 0 22px 22px;background:linear-gradient(135deg,var(--c),#0f766e);color:#fff}
.ftcta b{font-size:1.15rem}.ftcta p{margin:4px 0 0;opacity:.92;max-width:520px}
.ftbtn{background:#fff;color:#0f3d34!important;font-weight:700;padding:11px 20px;border-radius:999px;text-decoration:none;white-space:nowrap}
.ft .ftc{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.ft .fl{gap:10px}.ft .fl a{text-decoration:none;opacity:.85}.ft .fl a:hover{opacity:1;text-decoration:underline}
.ft .fl b{font-size:.95rem;letter-spacing:.04em;margin-bottom:6px;color:#fff}
.soc{display:flex;gap:10px;margin-top:14px}.soc a{width:40px;height:40px;border-radius:50%;background:#ffffff1c;color:#fff;display:flex;align-items:center;justify-content:center}.soc a:hover{background:var(--c)}
.ft .cp{display:flex;flex-direction:column;gap:2px;align-items:center}
@media(max-width:720px){.ft .ftc{grid-template-columns:1fr 1fr;gap:22px}.ft .ftb{grid-column:1/-1}.ftcta{border-radius:0 0 16px 16px;padding:18px}.ftbtn{width:100%;text-align:center}.ft .fl{flex-direction:column}}
/* ===== লুকানো রত্ন ===== */
.gf{display:grid;gap:14px}.gf label{display:grid;gap:5px;font-weight:600}.gf input:not([type=checkbox]):not([type=file]),.gf select,.gf textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit}
.gf small{font-weight:400;opacity:.7}.gf fieldset{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:12px}.gf legend{font-weight:700;padding:0 6px}
.chk{display:inline-flex!important;grid-template-columns:none;align-items:center;gap:6px;font-weight:400!important;background:#0000000a;padding:7px 12px;border-radius:999px;margin:0 6px 6px 0}
.exr{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-bottom:8px}
.thumbs{display:flex;flex-wrap:wrap;gap:8px}.th{position:relative;width:84px;height:84px}.th img{width:100%;height:100%;object-fit:cover;border-radius:10px}.th button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:0;background:#c0392b;color:#fff;cursor:pointer;line-height:1}
.btn{background:var(--c);color:#fff;border:0;padding:13px 22px;border-radius:12px;font:inherit;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6}
.gcard{cursor:pointer;padding:0 0 12px;overflow:hidden}.gcard h4,.gcard small,.gcard p{padding:0 14px;margin:6px 0 0}.gph{aspect-ratio:4/3;background:#0001 center/cover}
#gdlg{width:min(720px,94vw);max-height:92vh;border:0;border-radius:18px;padding:16px;overflow:auto}#gdlg::backdrop{background:#000a}.gx{position:sticky;top:0;float:right;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:#000b;color:#fff;font-size:22px;cursor:pointer}
.gr{display:grid;grid-template-columns:130px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}@media(max-width:560px){.gr{grid-template-columns:1fr;gap:2px}.exr{grid-template-columns:1fr}}
.leaders{list-style:none;padding:0;display:grid;gap:8px}.leaders li{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:14px}
.leaders .rk{width:28px;font-weight:700;color:var(--c)}.leaders .av{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--c);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.leaders .who{flex:1;display:grid}.leaders .pt{font-weight:700;color:var(--c);font-size:.9rem;text-align:right}
body.dark .gcard,body.dark .leaders li,body.dark .gf input,body.dark .gf select,body.dark .gf textarea{background:#16242a}

/* ===== v30: ফুটার, মেনু, লুকানো রত্ন ফর্ম ===== */
footer.ft{background:linear-gradient(180deg,#0e2420,#0a1a17);padding:0 max(20px,calc(50% - 560px)) 22px;margin-top:56px;position:relative}
footer.ft .ftcta{margin:-28px 0 38px;padding:22px 26px;border-radius:22px;background:linear-gradient(120deg,var(--c),#0f766e 60%,#115e59);box-shadow:0 14px 34px #0004;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer.ft .ftct{display:flex;gap:14px;align-items:center;flex:1 1 360px}.ftcta .fte{font-size:2rem;background:#ffffff26;border-radius:16px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex:none}
footer.ft .ftcta b{font-size:1.2rem;color:#fff}footer.ft .ftcta p{margin:4px 0 0;opacity:.92;max-width:560px;font-size:.93rem}
footer.ft .ftbtn{background:#fff;color:#0f3d34!important;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s}footer.ft .ftbtn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0003}
footer.ft .ftc{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;padding-bottom:6px}
footer.ft .fl b{color:#fff;font-size:1rem;letter-spacing:.2px;margin-bottom:4px;position:relative;padding-bottom:8px}footer.ft .fl b::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:3px;border-radius:3px;background:var(--c)}
footer.ft .fl a{opacity:.82;transition:opacity .15s,transform .15s,color .15s}footer.ft .fl a:hover{opacity:1;transform:translateX(4px);color:#fff}
footer.ft .ftb p{max-width:360px;line-height:1.7}
.ftnl{display:flex;margin-top:16px;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:4px;max-width:380px}.ftnl input{flex:1;min-width:0;background:none;border:0;color:#fff;padding:8px 14px;font:inherit;outline:0}.ftnl input::placeholder{color:#ffffff99}.ftnl button{background:var(--c);color:#fff;border:0;border-radius:999px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer}
footer.ft .cp{display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:center;text-align:left;margin-top:30px;opacity:1;color:#d8e6e2}.cp .cpl{font-size:.9rem}.cp .cpm,.cp .cpn{grid-column:1;font-size:.8rem;opacity:.65}.cp .totop{grid-column:2;grid-row:1/span 3;align-self:center;background:#ffffff14;color:#fff;border:1px solid #ffffff2b;border-radius:999px;padding:9px 18px;font:inherit;cursor:pointer}.cp .totop:hover{background:var(--c)}
@media(max-width:860px){footer.ft .ftc{grid-template-columns:1fr 1fr;gap:26px}footer.ft .ftb{grid-column:1/-1}}
@media(max-width:520px){footer.ft .ftc{grid-template-columns:1fr 1fr}footer.ft .ftcta{margin-top:-22px;padding:18px}footer.ft .cp{grid-template-columns:1fr}.cp .totop{grid-column:1;grid-row:auto;justify-self:start;margin-top:6px}footer.ft .ftbtn{width:100%;text-align:center}}
/* স্পট পেজের লুকানো রত্ন কার্ড */
.gemcta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:26px 0 8px;padding:18px 20px;border-radius:20px;border:1px solid color-mix(in srgb,var(--c) 28%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 10%,#fff),#fff)}.gemcta>div{flex:1 1 260px}.gemcta b{font-size:1.05rem}.gemcta p{margin:4px 0 0;font-size:.9rem;opacity:.8}.gemcta .gci{font-size:1.9rem;width:54px;height:54px;border-radius:16px;background:var(--c);display:flex;align-items:center;justify-content:center;flex:none}
.gemcta .ftbtn{background:var(--c);color:#fff!important;font-weight:700;padding:11px 20px;border-radius:999px;text-decoration:none;white-space:nowrap}.gemlink{display:inline-block;margin:6px 0 18px;color:var(--c);font-weight:600;text-decoration:none}.gemlink:hover{text-decoration:underline}
body.dark .gemcta{background:#16242a;border-color:#ffffff22}
/* লুকানো রত্ন ফর্ম */
.gwrap{background:#fff;border:1px solid var(--line);border-radius:24px;padding:0;margin:14px 0;overflow:hidden;box-shadow:0 10px 30px #0000000d}
.gintro{padding:22px 24px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 14%,#fff),#fff);border-bottom:1px solid var(--line);display:grid;gap:14px}.gintro h2{margin:0 0 6px}.gintro p{margin:0;opacity:.8}
.gpbar{height:9px;border-radius:9px;background:#0001;overflow:hidden}.gpbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--c),#14b8a6);border-radius:9px;transition:width .35s}.gprog small{display:block;margin-top:6px;opacity:.7}
.gfrom{margin:12px 24px 0;padding:10px 14px;background:color-mix(in srgb,var(--c) 10%,#fff);border-radius:12px;font-size:.92rem}
.gwrap .gf{padding:18px 24px 26px;gap:18px}
.gs{border:1px solid var(--line);border-radius:18px;padding:16px 16px 18px;display:grid;gap:14px;background:#fffffff2}.gs>header{display:flex;gap:12px;align-items:center}.gs>header b{display:block;font-size:1.05rem}.gs>header small{opacity:.65;font-weight:400}
.gnum{width:34px;height:34px;border-radius:50%;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none;box-shadow:0 4px 10px color-mix(in srgb,var(--c) 40%,transparent)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.g2{grid-template-columns:1fr}.gwrap .gf{padding:14px 12px 22px}.gintro{padding:18px 16px 14px}}
.gwrap .gf input:not([type=checkbox]):not([type=file]),.gwrap .gf select,.gwrap .gf textarea{transition:border-color .15s,box-shadow .15s;background:#fcfcfb}.gwrap .gf input:focus,.gwrap .gf select:focus,.gwrap .gf textarea:focus{outline:0;border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.gsub{display:block;margin-bottom:8px}.glrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.gup{display:flex!important;align-items:center;justify-content:center;gap:8px;border:2px dashed color-mix(in srgb,var(--c) 45%,#fff);border-radius:16px;padding:18px;cursor:pointer;color:var(--c);background:color-mix(in srgb,var(--c) 6%,#fff);transition:background .15s}.gup:hover{background:color-mix(in srgb,var(--c) 13%,#fff)}
.gcons{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;padding:12px 14px;border-radius:14px;background:#0000000a}
.gwrap .chk:has(input:checked){background:color-mix(in srgb,var(--c) 16%,#fff);color:var(--c);font-weight:600!important}
.gwrap #sb.btn{padding:15px 24px;font-size:1.05rem;border-radius:14px;box-shadow:0 8px 18px color-mix(in srgb,var(--c) 35%,transparent);transition:transform .15s}.gwrap #sb.btn:hover{transform:translateY(-2px)}
.gcard{border-radius:18px;transition:transform .18s,box-shadow .18s}.gcard:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0000001a}
.leaders li{transition:transform .15s}.leaders li:hover{transform:translateX(4px)}
body.dark .gwrap,body.dark .gs{background:#121e23;border-color:#ffffff1f}body.dark .gintro{background:#16242a}body.dark .gwrap .gf input:not([type=checkbox]):not([type=file]),body.dark .gwrap .gf select,body.dark .gwrap .gf textarea{background:#16242a}body.dark .gup{background:#16242a}
/* মেনুতে লুকানো রত্ন */
.top nav.pill a[href="gems.html"]{font-weight:700}
.gwrap .gs{max-width:none;margin:0;padding:16px 16px 18px}.gintro h2{border-left:0;padding-left:0;font-size:1.5rem}

footer.ft .ftc>.fl:has(form.nl){grid-column:1/-1;margin-top:6px;padding:20px 22px;border-radius:18px;background:#ffffff0f;border:1px solid #ffffff1c;display:grid;grid-template-columns:1fr auto;gap:10px 22px;align-items:center}
footer.ft .ftc>.fl:has(form.nl)>b{grid-column:1;margin:0}footer.ft .ftc>.fl:has(form.nl)>b::after{display:none}
footer.ft form.nl{grid-column:2;grid-row:1/span 2;display:flex;gap:8px}footer.ft form.nl input[type=email]{background:#ffffff14;border:1px solid #ffffff2b;color:#fff;border-radius:999px;padding:10px 16px;font:inherit;min-width:240px}footer.ft form.nl input::placeholder{color:#ffffff99}footer.ft form.nl .btn{border-radius:999px;padding:10px 20px}
footer.ft .ftc>.fl:has(form.nl)>small{grid-column:1;opacity:.7}
@media(max-width:640px){footer.ft .ftc>.fl:has(form.nl){grid-template-columns:1fr}footer.ft form.nl{grid-column:1;grid-row:auto;flex-direction:column}footer.ft form.nl input[type=email]{min-width:0}}

/* ===== v31: নতুন ফুটার (ft2) ===== */
footer.ft2{position:relative;margin-top:60px;background:linear-gradient(180deg,#f6f3e8 0%,#eef5ec 70%,#e4f0e6 100%);color:#27413a;padding:44px max(20px,calc(50% - 560px)) 0;overflow:hidden;text-align:left}
footer.ft2 a{color:inherit;text-decoration:none}
.ft2in{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;position:relative;z-index:2}
.ft2l{max-width:440px}.ft2l .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;color:#0f3d34}
.ft2l p{margin:12px 0 18px;line-height:1.8;color:#47625a}
.ft2by{display:flex;align-items:center;gap:12px;font-size:.92rem}.ft2by b{border-bottom:2px solid #0f766e}
.fbc{width:40px;height:40px;border-radius:50%;background:#1877f2;color:#fff!important;display:flex;align-items:center;justify-content:center;transition:transform .15s}.fbc:hover{transform:scale(1.08)}
.ft2r{min-width:200px;gap:4px!important}.ft2r b{font-size:1rem;color:#0f3d34;margin-bottom:6px}
.ft2r a{padding:4px 0;border-bottom:1px dashed transparent;width:fit-content;color:#35544b;transition:color .15s,border-color .15s,transform .15s}.ft2r a:hover{color:var(--c);border-color:var(--c);transform:translateX(4px)}
.ft2in>.fl:not(.ft2r){flex:1 1 100%;display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;padding:16px 20px;border-radius:18px;background:#ffffffa8;border:1px solid #cfe0d4}
.ft2in>.fl:not(.ft2r)>b{color:#0f3d34}.ft2in>.fl:not(.ft2r) form.nl{grid-row:1/span 2;grid-column:2;display:flex;gap:8px}.ft2in>.fl:not(.ft2r) input[type=email]{border:1px solid #bcd3c4;border-radius:999px;padding:9px 16px;font:inherit;min-width:230px;background:#fff;color:#27413a}.ft2in>.fl:not(.ft2r) .btn{border-radius:999px}
.ft2b{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:30px;padding:18px 0 4px;border-top:1px solid #c9dccf;position:relative;z-index:2}
.ft2b a{color:#4d6a61;font-size:.92rem;border-bottom:1px dashed #9db8aa;padding-bottom:1px;transition:color .15s,border-color .15s}.ft2b a:hover{color:var(--c);border-color:var(--c)}
.ft2n{text-align:center;font-size:.78rem;color:#6d857c;margin:14px 0 0;position:relative;z-index:2}
.ft2art{display:block;width:calc(100% + 40px);margin:-6px -20px 0;height:clamp(130px,17vw,230px);position:relative;z-index:1}
@media(max-width:700px){.ft2in{flex-direction:column;gap:24px}.ft2in>.fl:not(.ft2r){grid-template-columns:1fr}.ft2in>.fl:not(.ft2r) form.nl{grid-column:1;grid-row:auto;flex-direction:column}.ft2in>.fl:not(.ft2r) input[type=email]{min-width:0}.ft2b{justify-content:flex-start}}
body.dark footer.ft2{background:linear-gradient(180deg,#0e1a17,#0b1512);color:#cfe3da}body.dark .ft2l .brand,body.dark .ft2r b,body.dark .ft2in>.fl:not(.ft2r)>b{color:#fff}body.dark .ft2l p,body.dark .ft2r a,body.dark .ft2b a{color:#a9c4ba}body.dark .ft2b,body.dark .ft2in>.fl:not(.ft2r){border-color:#ffffff1f}body.dark .ft2in>.fl:not(.ft2r){background:#ffffff0d}body.dark .ft2n{color:#7f998f}body.dark .ft2art{filter:brightness(.55) saturate(.8)}
/* স্পটের ছবি কাটা যাবে না — পুরো ছবি দেখা যাবে */
.trk img{object-fit:contain!important;background:#0b1512;aspect-ratio:16/10;max-height:70vh}
.gal img{object-fit:contain;background:#0b1512}
@media(min-width:900px){.trk img{aspect-ratio:16/9}}
/* ===== লিডারবোর্ড পোডিয়াম ===== */
.lbsec{padding-bottom:6px}.lbwrap{margin-top:6px}
.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end;max-width:640px;margin:18px auto 14px}
.pd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-width:0}
.pd .crown{height:26px;font-size:1.5rem;line-height:1;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-4px)}}
.pd .avw{position:relative}.pd .av{width:74px;height:74px;border-radius:50%;object-fit:cover;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.6rem;border:4px solid #e5e7eb;box-shadow:0 8px 18px #0002}
.pd.p1 .av{width:104px;height:104px;border-color:#facc15;font-size:2.2rem}.pd.p2 .av{border-color:#cbd5e1}.pd.p3 .av{border-color:#d6a06b}
.pd .medal{position:absolute;right:-6px;bottom:-4px;font-size:1.6rem;filter:drop-shadow(0 2px 3px #0004)}
.pinfo{display:grid;gap:1px;padding:0 4px;min-width:0}.pinfo b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinfo small{opacity:.65}.pinfo .pt{font-size:.8rem;font-weight:700;color:var(--c)}
.pbase{width:100%;border-radius:14px 14px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));color:#fff;display:flex;align-items:flex-start;justify-content:center;font-size:1.6rem;font-weight:700;padding-top:8px}
.pd.p1 .pbase{height:96px;background:linear-gradient(180deg,#fbbf24,#d97706)}.pd.p2 .pbase{height:68px;background:linear-gradient(180deg,#cbd5e1,#64748b)}.pd.p3 .pbase{height:48px;background:linear-gradient(180deg,#e0b184,#a8683a)}
.lbempty{padding:22px;text-align:center;border:2px dashed var(--line);border-radius:18px;opacity:.8}
.leaders .av{object-fit:cover}
@media(max-width:480px){.pd .av{width:58px;height:58px}.pd.p1 .av{width:82px;height:82px}.podium{gap:6px}.pinfo .pt{font-size:.72rem}}

footer.ft2{opacity:1;font-size:1rem;padding-bottom:clamp(120px,16vw,215px)}
.ft2art{position:absolute!important;left:0;right:0;bottom:0;width:100%!important;margin:0!important;height:clamp(130px,17vw,230px)!important}
.ft2r{display:grid!important;grid-template-columns:repeat(2,minmax(150px,auto));column-gap:36px;row-gap:2px;align-content:start;min-width:0}.ft2r b{grid-column:1/-1}
@media(max-width:700px){.ft2r{grid-template-columns:1fr 1fr;column-gap:20px;width:100%}}
/* ডেস্কটপে স্পটের ছবির স্লাইডার পুরো প্রস্থে, উচ্চতা সীমা ছাড়া */
.gal:has(>.sl2){display:block!important;grid-template-columns:none;grid-auto-rows:auto}.gal>.sl2{width:100%;margin:14px 0;grid-column:1/-1;grid-row:auto}
.gal>.sl2 .trk img{height:auto;max-height:72vh}
/* রিভিউ ও রেটিং */
.st{display:inline-block;letter-spacing:1px;background:linear-gradient(90deg,#f59e0b var(--p,0%),#d6d3c8 var(--p,0%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:1}
.rate{display:block;font-size:.84rem;color:var(--ink);margin:4px 14px}.rate .st{font-size:1rem}.rate.none{color:#8a887c}
.rchip{position:absolute;right:8px;top:8px;z-index:2;background:rgba(255,255,255,.95);color:#92400e;font-weight:700;font-size:.8rem;padding:3px 8px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.rtop2{position:absolute;left:8px;bottom:8px;z-index:2;background:#92400e;color:#fff;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:999px}
.sc .sh{position:relative}
.rsort{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.rsort button,.chips button,.hbtn{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:5px 12px;cursor:pointer;font:inherit;font-size:.85rem}
.rsort button.on,.chips button.on,.hbtn.on{background:var(--c);color:#fff;border-color:var(--c)}
.rtop{display:inline-flex;gap:6px;align-items:center;margin:4px 0 8px;text-decoration:none;color:var(--ink);font-size:.95rem}.rtop .st{font-size:1.1rem}
.rsm{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:8px 0}.rbig{display:flex;flex-direction:column;align-items:center;min-width:90px}.rbig b{font-size:2.6rem;line-height:1}.rbig .st{font-size:1.15rem;margin:4px 0}
.rbars{flex:1;min-width:200px;display:flex;flex-direction:column;gap:3px}.rbars button{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);cursor:pointer;font:inherit;font-size:.82rem;padding:2px 4px;border-radius:6px}.rbars button.on{background:rgba(0,0,0,.07)}
.rbars span{width:2.3em;text-align:left}.rbars i{flex:1;height:8px;background:#e5e2d6;border-radius:99px;overflow:hidden}.rbars u{display:block;height:100%;background:#f59e0b}.rbars em{width:2em;font-style:normal;color:#8a887c;text-align:right}
.rtool{display:flex;gap:10px;align-items:center;margin:8px 0}.rtool select{padding:6px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}
.rph{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.rph img{width:84px;height:84px;object-fit:cover;border-radius:10px}.rpv{display:flex;gap:6px;flex-wrap:wrap}.rpv span{position:relative}.rpv img{width:70px;height:70px;object-fit:cover;border-radius:10px}.rpv button{position:absolute;top:-6px;right:-6px;border:0;border-radius:50%;background:#000;color:#fff;width:20px;height:20px;cursor:pointer;line-height:1}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.rv{margin:8px 0}
.rmut{color:#6b6a60!important;font-size:.82rem;background:none!important;padding:0!important;display:inline-block;margin:2px 0}.rv>*{margin-top:6px}

/* লেখার ভেতরে হালকা কমিউনিটি লাইন */
.inl{display:flex;gap:12px;align-items:flex-start;margin:18px 0;padding:11px 14px;border-left:3px solid var(--c);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--c) 6%,transparent);font-size:.93rem}
.inl p{margin:0;line-height:1.55}.inl .ii{font-size:1.25rem;line-height:1.3;flex:none}.inl a{color:var(--c);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.inl b{font-weight:600}

/* =====================================================================
   ✦ নতুন লুক v3 — "শান্ত বিলাসী এডিটোরিয়াল" (quiet-luxury travel editorial)
   নীতি: সংযত রং · মার্জিত সেরিফ · কম গোল কোণ · বড় ফাঁকা জায়গা ·
         ছবিই রং, UI চুপচাপ · ধীর, নরম অ্যানিমেশন
   ===================================================================== */
:root{
 --bg:#f5f1ea;--surface:#fbf8f3;--card:#fffdf9;--ink:#14201c;--mut:#5f6b65;--line:#e0d8ca;--line2:#cbbfab;
 --green:#0f3b33;--green2:#1b5a4d;--gold:#a7783a;--gold2:#e2bd82;--sand:#f2e6cf;
 --c:#1b5a4d;--ct:#1b5a4d;--soft:#f0eadf;
 --serif:"Noto Serif Bengali","Tiro Bangla",Georgia,serif;--ease:cubic-bezier(.16,1,.3,1);
 --r:12px;--r2:6px;--hero-art:url(hero-art.svg);
 --sh:0 1px 0 rgba(20,32,28,.04),0 24px 44px -30px rgba(20,32,28,.34);--sh2:0 2px 0 rgba(20,32,28,.04),0 34px 60px -28px rgba(20,32,28,.42);
 --fbg:#0b2a24;
}
body.dark{
 --bg:#09130f;--surface:#0d1914;--card:#0f1d18;--ink:#ece5d8;--mut:#9aa79f;--line:#22342d;--line2:#355247;
 --green:#e6dcc6;--green2:#59b79c;--gold:#d6ab6a;--gold2:#d6ab6a;--sand:#1a2b25;--c:#59b79c;--ct:#7fd0b6;--soft:#12231d;
 --hero-art:url(hero-art-night.svg);--sh:0 1px 0 rgba(0,0,0,.4),0 26px 46px -30px rgba(0,0,0,.8);--sh2:0 2px 0 rgba(0,0,0,.4),0 36px 64px -28px rgba(0,0,0,.9);--fbg:#050c09;
}
html{background:var(--bg);scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);background-image:none;font-size:16.5px;line-height:1.72;-webkit-font-smoothing:antialiased}
::selection{background:var(--green2);color:#fff}
h1,h2,h3,.pct,.stats b,.gnum,.rbig{font-family:var(--serif)}
a{color:inherit}

/* ── হেডার: হিরোর ওপর স্বচ্ছ, স্ক্রলে ঝাপসা কাগজ ── */
.top{position:sticky;top:0;z-index:70;max-width:none!important;margin:0!important;border-radius:0!important;padding:14px max(20px,calc(50% - 620px))!important;
 background:rgba(245,241,234,.86);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none;transition:background .4s var(--ease),border-color .4s,padding .4s var(--ease)}
body.dark .top{background:rgba(9,19,15,.82)}
.top::after{display:none}
.top.over{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent!important;padding-top:22px!important}
.top .brand{font-family:var(--serif);font-weight:700;font-size:1.18rem;letter-spacing:-.01em;color:var(--ink);gap:10px;transition:color .3s}
.brand svg.logo{width:34px;height:34px;color:var(--ink);filter:none}
.brand svg.logo circle:first-child{fill:transparent!important;stroke:currentColor}
.brand svg.logo path{fill:var(--gold)!important;stroke:currentColor}
.brand svg.logo circle:last-child{fill:var(--bg)!important}
.pill{background:transparent!important;border-radius:0;padding:0;gap:2px;box-shadow:none}
.pill a{border-radius:0;border:0;border-bottom:2px solid transparent;padding:8px 13px;font-weight:500;font-size:.93rem;letter-spacing:.01em;color:var(--ink);background:none;transition:color .25s,border-color .25s}
.pill a:hover{background:none;color:var(--gold);transform:none}
.pill a.cur{background:none!important;color:var(--ink);border-bottom-color:var(--gold);box-shadow:none;font-weight:700}
.top nav.pill a[href="gems.html"]:not(.cur){color:var(--gold)}
.top #dark{width:38px;height:38px;border-radius:6px;border:1px solid var(--line2);background:transparent;box-shadow:none;padding:0;color:inherit}
.lg{border:1px solid var(--line2);border-radius:6px;background:transparent;box-shadow:none;overflow:hidden}
.lg button{padding:7px 12px;font-weight:600;font-size:.8rem;letter-spacing:.04em;color:var(--ink)}
.lg button.on{background:var(--green);color:var(--bg)}
body.dark .lg button.on{background:var(--gold);color:#09130f}
/* স্বচ্ছ অবস্থায় সাদা লেখা */
.top.over .brand,.top.over .pill a,.top.over #dark,.top.over .lg button{color:#fbf6ec}
.top.over .pill a.cur{border-bottom-color:var(--gold2)}
.top.over .pill a:hover{color:var(--gold2)}
.top.over .lg,.top.over #dark{border-color:rgba(255,255,255,.4)}
.top.over .lg button.on{background:#fbf6ec;color:#0f3b33}
.top.over .brand svg.logo circle:last-child{fill:#0f3b33!important}
.top.over nav.pill a[href="gems.html"]:not(.cur){color:var(--gold2)}

/* ── হিরো: সিনেমাটিক, বাঁ-ঘেঁষা, নিচে স্ট্যাটস ── */
.top + .hero,.top + .ph{margin-top:calc(-1*var(--th,82px))!important}
.hero{max-width:none!important;margin:0!important;border:0;border-radius:0!important;min-height:min(92vh,800px);padding:150px max(20px,calc(50% - 620px)) 56px!important;
 display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-end;text-align:left!important;color:#fbf6ec!important;position:relative;overflow:hidden;
 background:#0a2220 var(--hero-art) 62% bottom/cover no-repeat!important;box-shadow:none}
.hero::after{content:""!important;display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,20,17,.72) 0,rgba(6,20,17,.38) 42%,rgba(6,20,17,0) 72%),linear-gradient(180deg,rgba(6,20,17,.55) 0,rgba(6,20,17,0) 30%,rgba(6,20,17,.0) 62%,rgba(6,20,17,.55) 100%)!important}
.hero::before{display:none!important}
.hero>*{position:relative;z-index:2}
.hero>.slides{position:absolute!important;inset:0!important;z-index:0!important;transform:none;aspect-ratio:auto;max-height:none;border:0;box-shadow:none;background:none;width:auto;animation:none}
.hero>.slides::after{display:none}
.tag{background:none!important;border:0!important;border-radius:0;padding:0!important;color:var(--gold2)!important;font-weight:600;font-size:.85rem;letter-spacing:.16em;backdrop-filter:none;box-shadow:none;transform:none;margin:0 0 20px;display:inline-flex;align-items:center}
.tag::before{content:"";display:inline-block;width:40px;height:1px;background:currentColor;margin-right:14px}
.hero h1{font-size:clamp(2.3rem,5.4vw,4.4rem)!important;line-height:1.14;font-weight:600;letter-spacing:-.012em;color:#fbf6ec;margin:0 0 20px;max-width:15ch;text-shadow:0 2px 30px rgba(0,0,0,.35)}
h1 .grad,.grad{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;color:var(--gold2)!important;text-decoration:none}
.hero p{color:rgba(251,246,236,.86);font-size:clamp(1rem,1.5vw,1.15rem);max-width:30em;margin:0 0 4px;line-height:1.8}
.cta{background:var(--gold2);color:#14201c;border:0;border-radius:var(--r2);padding:15px 30px;font-weight:700;font-size:1rem;letter-spacing:.02em;box-shadow:none;margin:26px 0 26px;transition:background .3s,transform .4s var(--ease)}
.cta:hover{background:#f0d29d;transform:translateY(-2px)}
.hero .steps{justify-content:flex-start;gap:0;margin:0 0 34px;flex-wrap:wrap}
.hero .steps span,.steps span{background:none;color:rgba(251,246,236,.82);border:0;border-radius:0;padding:0 22px 0 0;margin-right:22px;border-right:1px solid rgba(255,255,255,.28);backdrop-filter:none;font-size:.9rem}
.hero .steps span:last-child{border-right:0}
.hero .stats{justify-content:flex-start;gap:0;margin:0;border:0;border-top:1px solid rgba(255,255,255,.28);padding:22px 0 0;width:100%;max-width:720px}
.hero .stats div{background:none;border:0;border-radius:0;padding:0 44px 0 0;margin:0 44px 0 0;border-right:1px solid rgba(255,255,255,.22);backdrop-filter:none;color:rgba(251,246,236,.8);font-size:.9rem}
.hero .stats div:last-child{border-right:0}
.hero .stats b,.stats b{color:#fbf6ec;font-size:2.3rem;font-weight:500;font-family:var(--serif);display:block;line-height:1.1}

/* ── পেজ-হেডার ── */
.ph{max-width:none!important;width:100%;margin:0!important;padding:150px max(20px,calc(50% - 620px)) 64px!important;box-sizing:border-box;text-align:left;color:#fbf6ec;position:relative;overflow:hidden;border-radius:0;
 background:#0a2220 var(--hero-art) 70% 92%/cover no-repeat}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,17,.8),rgba(6,20,17,.45) 55%,rgba(6,20,17,.1)),linear-gradient(180deg,rgba(6,20,17,.5),transparent 40%);pointer-events:none}
.ph>*{position:relative;z-index:2}
.ph h1,.ph h1 .w{color:#fbf6ec!important;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:600;letter-spacing:-.01em;margin:6px 0 12px;max-width:18ch}
.ph h1 .grad{color:var(--gold2)!important}
.ph p{color:rgba(251,246,236,.86)!important;max-width:36em;margin:0}
.ph .pill,.ph span.pill{background:none!important;border:0;color:var(--gold2)!important;padding:0!important;font-weight:600;letter-spacing:.14em;font-size:.82rem;display:inline-flex;align-items:center;margin-bottom:10px}
.ph .pill::before{content:"";display:inline-block;width:34px;height:1px;background:currentColor;margin-right:12px}


/* ── সেকশন ও শিরোনাম ── */
section{max-width:1240px;margin-top:92px}
section h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:600;letter-spacing:-.01em;border-left:0!important;padding-left:0!important;margin:0 0 18px}
section>h2:first-child::after{content:"";display:block;width:46px;height:2px;background:var(--gold);margin-top:14px}
section>h2:first-child::before{display:none}

/* ── প্যানেল/কার্ড: হেয়ারলাইন বর্ডার, সূক্ষ্ম ছায়া ── */
.mapbox,.panel,.card,.gcard,.gwrap,.gs,.gintro,.gemcta,.ibox,.sc,details,.rvbox,.winbox,.mbox{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh);color:var(--ink)}
.mapbox{background:var(--card) radial-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1.2px) 0 0/22px 22px!important}
.gwrap .gintro,.gwrap .gs,.gwrap .gcard,.gwrap .card,.gwrap details{box-shadow:none;border-radius:10px!important}
details{border-radius:10px!important}
summary{font-weight:600}
.card,.gcard,.sc{transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .3s}
.card:hover,.gcard:hover,.sc:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--line2)!important}
.card h3,.gcard h3{font-family:var(--serif);font-weight:600}
input[type=text],input[type=number],input[type=search],input[type=email],input[type=date],select,textarea,.panel input[type=search]{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line2)!important;border-radius:var(--r2)!important}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--green2) 55%,transparent);outline-offset:1px}
.note{background:color-mix(in srgb,var(--gold2) 22%,var(--card));border:0;border-left:3px solid var(--gold);border-radius:var(--r2);color:var(--ink)}
body.dark .note{background:#1d2418;color:#e9dcb5}

/* ── বোতাম ও চিপ ── */
.btn,.dls button,#share,.fbtn{background:var(--green);color:#fbf6ec;border:1px solid var(--green)!important;border-radius:var(--r2)!important;font-weight:600;letter-spacing:.02em;box-shadow:none;transition:background .3s,color .3s,transform .4s var(--ease)}
body.dark .btn,body.dark .dls button,body.dark #share{background:var(--gold);color:#09130f;border-color:var(--gold)!important}
.btn:hover,.dls button:hover,#share:hover,.fbtn:hover{background:var(--green2);transform:translateY(-2px)}
.dls button.ghost,#share.ghost,button.ghost,.fbtn{background:transparent!important;color:var(--ink)!important;border:1px solid var(--line2)!important}
.dls button.ghost:hover,.fbtn:hover{border-color:var(--ink)!important;background:color-mix(in srgb,var(--ink) 5%,transparent)!important}
.link2,.cta2{color:var(--gold);font-weight:600;background:none!important;border:0!important;box-shadow:none!important}
.chip,.chip2,.rsort button,.chips button,.hbtn{border:1px solid var(--line2)!important;border-radius:var(--r2)!important;background:transparent;color:var(--ink)!important;font-weight:500;transition:all .25s}
.chip:hover,.chip2:hover{border-color:var(--ink)!important}
.chip2.act,.rsort button.on,.chips button.on,.hbtn.on{background:var(--green)!important;color:#fbf6ec!important;border-color:var(--green)!important}
body.dark .chip2.act,body.dark .rsort button.on,body.dark .chips button.on{background:var(--gold)!important;color:#09130f!important;border-color:var(--gold)!important}
span.pill,.mb .pill,.sc>.pill{background:color-mix(in srgb,var(--gold2) 30%,transparent);color:var(--ink);border:0;border-radius:4px;padding:2px 10px;font-size:.84rem;display:inline-block;width:auto}
.sw{border:2px solid var(--card);box-shadow:0 0 0 1px var(--line2);border-radius:50%}
.sw.on,.sw.act{transform:scale(1.16);box-shadow:0 0 0 2px var(--ink)}

/* ── প্রগ্রেস, ব্যাজ ── */
.pct{color:var(--ink);font-weight:500;font-size:3.2rem}
.progress{height:6px;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden}
.progress i{background:var(--gold);border-radius:999px}
.badge{border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:none;transform:none}
.badge.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold2) 20%,var(--card));box-shadow:var(--sh)}
.zb button{border:1px solid var(--line2);border-radius:6px;background:var(--card);color:var(--ink);box-shadow:none}

/* ── স্পট কার্ড: ছবি-প্রধান ── */
.sh,.mph{background-color:#0f3b33;position:relative;border-radius:var(--r) var(--r) 0 0;overflow:hidden}
.sh{height:200px}
.sh::after,.mph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,17,0) 55%,rgba(6,20,17,.45));pointer-events:none}
.sh .em,.mph .em{display:none}
.sh .star{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(8,22,18,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:1rem;z-index:3}
.sc h4{font-family:var(--serif);font-weight:600;font-size:1.12rem;margin:16px 18px 2px}
.sc small,.mc small{color:var(--mut)}
.sc>small{margin:0 18px;display:block}
.sc>p,.sc>.pill{margin-left:18px;margin-right:18px}
.sc>p:last-child,.sc>.pill:last-child{margin-bottom:16px}
.mc .mb{padding:14px 16px}
.pic,.vid,.gal img,.thumbs img{border:0!important;border-radius:var(--r)!important;box-shadow:var(--sh2)}
.ph3{background-size:cover!important;color:rgba(255,255,255,.9)}

/* ── ফুটার: গাঢ় সবুজ, সোনালি রেখা ── */
footer.ft2{background:var(--fbg)!important;color:#e8dfcc!important;margin-top:110px;padding-bottom:34px!important;position:relative;border:0}
footer.ft2::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);mask:none;-webkit-mask:none}
footer.ft2::after{display:none}
.ft2art{display:none!important}
.ft2l .brand,.ft2r b,.ft2in>.fl:not(.ft2r)>b{color:#fbf6ec!important;font-family:var(--serif)}
.ft2l .brand svg.logo{color:#e8dfcc;filter:none}
.ft2l .brand svg.logo circle:last-child{fill:#0b2a24!important}
.ft2l p,.ft2r a,.ft2b a,.ft2n{color:#b9bfb3!important}
.ft2r a:hover,.ft2b a:hover{color:#fbf6ec!important;border-color:var(--gold2)!important}
.ft2by b{border-bottom:1px solid var(--gold2)}
.ft2b{border-top:1px solid rgba(255,255,255,.14)!important}
.ft2in>.fl:not(.ft2r){background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:var(--r)!important}
.ft2in>.fl:not(.ft2r) input[type=email]{border-radius:var(--r2)!important;background:#fbf8f3!important;color:#14201c!important}
.ft2in>.fl:not(.ft2r) .btn{background:var(--gold);border-color:var(--gold)!important;color:#14201c}
.fbc{border:1px solid rgba(255,255,255,.35);border-radius:var(--r2)!important;background:transparent;color:#fbf6ec}

/* ── ধীরে ফুটে-ওঠা ── */
.rv:not(.in){opacity:0}
.rv.in{animation:rvIn 1.1s var(--ease) backwards}
@keyframes rvIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .hero h1,.hero p,.hero .cta,.hero .steps,.hero .stats,.hero .tag,.ph>*{animation:heroIn 1.3s var(--ease) both}
 .hero .tag{animation-delay:.05s}.hero h1{animation-delay:.15s}.hero p{animation-delay:.3s}.hero .cta{animation-delay:.42s}.hero .steps{animation-delay:.5s}.hero .stats{animation-delay:.6s}
 @keyframes heroIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.rv:not(.in){opacity:1}}

@media(max-width:820px){
 .top{padding:10px 16px!important}
 .top.over{padding-top:14px!important}
 .top .pill{width:100%;overflow-x:auto;flex-wrap:nowrap;padding:0;scrollbar-width:none}
 .top .pill::-webkit-scrollbar{display:none}
 .pill a{white-space:nowrap;padding:8px 11px}
 .hero{padding:170px 20px 40px!important;min-height:min(92vh,720px);background-position:70% bottom!important}
 .hero::after{background:linear-gradient(180deg,rgba(6,20,17,.6) 0,rgba(6,20,17,.35) 40%,rgba(6,20,17,.55) 100%)!important}
 .hero h1{max-width:none}
 .hero .stats{padding-top:18px}.hero .stats div{padding-right:24px;margin-right:24px}
 .ph{padding:170px 20px 44px!important}
 section{margin-top:64px}
 .sh{height:170px}
}
.ph p{margin:0!important;max-width:36em!important;text-align:left!important}
.ph{text-align:left!important}
section{margin-left:auto!important;margin-right:auto!important;width:100%;box-sizing:border-box;padding-left:20px!important;padding-right:20px!important}

/* ===== চলমান ডিজাইন (motion.js) ===== */
#spbar{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:linear-gradient(90deg,var(--c),#e2bd82);z-index:9999;pointer-events:none}
.mo .rv0{opacity:0;translate:0 24px;transition:opacity .85s var(--ease),translate .85s var(--ease);transition-delay:var(--d,0ms)}
.mo .rv0.rvin{opacity:1;translate:0 0}
@keyframes popc{0%{transform:scale(.55)}55%{transform:scale(1.14)}100%{transform:scale(1)}}
svg.m .pop{transform-box:fill-box;transform-origin:center;animation:popc .6s var(--ease)}
@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r,-8deg)) scale(2.6)}22%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r,-8deg)) scale(.92)}32%{transform:translate(-50%,-50%) rotate(var(--r,-8deg)) scale(1.04)}42%{transform:translate(-50%,-50%) rotate(var(--r,-8deg)) scale(1)}78%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r,-8deg)) scale(1)}}
.stamp{position:fixed;z-index:9998;pointer-events:none;width:128px;height:128px;border-radius:50%;display:grid;place-content:center;text-align:center;gap:2px;color:var(--c);border:3px solid var(--c);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--bg,#fff) 92%,transparent),inset 0 0 0 7px var(--c);background:color-mix(in srgb,var(--bg,#fff) 86%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:stampIn 1.45s var(--ease) forwards;font-family:var(--serif)}
.stamp b{font-size:1rem;line-height:1.15;padding:0 14px;max-height:2.4em;overflow:hidden}.stamp i{font-style:normal;font-size:.68rem;letter-spacing:.04em;opacity:.85}
.confetti{position:fixed;inset:0;z-index:9997;pointer-events:none}
.cta,.btn,.dls button{transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.cta:hover,.btn:hover,.dls button:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(0,0,0,.35)}.cta:active,.btn:active,.dls button:active{transform:translateY(0) scale(.97)}
.sc{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.sc:hover{transform:translateY(-4px)}
@keyframes spin1{to{transform:rotate(360deg)}}.spin{animation:spin1 .7s var(--ease)}
.hero>.slides{will-change:transform}.hero>.slides video{width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:reduce){.rv0{opacity:1!important;translate:none!important;transition:none!important}.stamp,.confetti,#spbar{display:none!important}}

/* ===== নতুন হোম ডিজাইন (h2o) ===== */
.top+.h2o{margin-top:calc(-1*var(--th,82px))}
.h2o{position:relative;min-height:min(100svh,820px);display:flex;flex-direction:column;justify-content:center;color:#fff;overflow:hidden;background:#0b2a24;padding:130px max(20px,calc(50% - 560px)) 110px}
.h2v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.h2o::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 100%,rgba(6,22,18,.85),transparent 60%),linear-gradient(180deg,rgba(6,22,18,.55),rgba(6,22,18,.25) 45%,rgba(6,22,18,.7))}
.h2in,.h2k,.h2st{position:relative;z-index:2}
.h2in{max-width:760px;text-align:left}
.h2tag{display:inline-block;padding:7px 16px;border-radius:999px;background:#ffffff22;backdrop-filter:blur(10px);border:1px solid #ffffff44;font-size:.9rem}
.h2o h1{font-size:clamp(2.4rem,6.4vw,4.8rem);line-height:1.12;margin:18px 0 14px;font-weight:700;letter-spacing:-.01em;text-shadow:0 4px 40px #0006}
.h2o h1 em{font-style:normal;background:linear-gradient(90deg,#fde68a,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}
.h2o p{font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.8;max-width:34em;opacity:.92;margin:0 0 24px}
.h2s{display:flex;gap:8px;background:#fffffff2;border-radius:999px;padding:7px;max-width:560px;box-shadow:0 18px 50px #0006}
.h2s input{flex:1;min-width:0;border:0;background:none;font:inherit;padding:10px 18px;color:#1d2b2a;outline:0}
.h2s button{border:0;border-radius:999px;padding:0 26px;background:linear-gradient(135deg,var(--c),#0f766e);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.h2c{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.h2c a{padding:8px 15px;border-radius:999px;background:#ffffff1c;border:1px solid #ffffff3d;color:#fff;text-decoration:none;backdrop-filter:blur(8px);font-size:.92rem;transition:.2s}.h2c a:hover{background:#fff;color:#0f3d34;transform:translateY(-2px)}
.h2k{position:absolute!important;right:max(20px,calc(50% - 560px));top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(2,92px);gap:14px}
.h2k span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;font-size:2rem;border-radius:22px;background:#ffffff1f;border:1px solid #ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fl 5s ease-in-out infinite;animation-delay:calc(var(--d)*-1s)}
.h2k span:nth-child(odd){transform:translateY(14px)}.h2k small{font-size:.72rem;opacity:.85}
@keyframes fl{50%{translate:0 -10px}}
.h2st{position:absolute!important;left:max(20px,calc(50% - 560px));right:max(20px,calc(50% - 560px));bottom:28px;display:flex;align-items:center;gap:34px;padding-top:18px;border-top:1px solid #ffffff40}
.h2st div{font-size:.88rem;opacity:.9}.h2st b{display:block;font-size:2rem;font-weight:600;line-height:1.1}
.h2go{margin-left:auto;color:#fff;text-decoration:none;padding:10px 20px;border-radius:999px;background:#ffffff22;border:1px solid #ffffff44}
.bento{max-width:1120px;margin:0 auto;padding:60px 20px 10px}.bento h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:0 0 20px}
.bg2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bt{position:relative;overflow:hidden;min-height:170px;border-radius:24px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;text-decoration:none;background:linear-gradient(145deg,var(--a),var(--b));transition:.3s;box-shadow:0 10px 30px #0000001f}
.bt.wide{grid-column:span 2}.bt:hover{transform:translateY(-6px);box-shadow:0 22px 44px #00000030}
.bt span{position:absolute;top:10px;right:16px;font-size:3.6rem;opacity:.95;filter:drop-shadow(0 6px 10px #0004);transition:.3s}.bt:hover span{transform:scale(1.15) rotate(-6deg)}
.bt b{font-size:1.3rem}.bt small{opacity:.9}
@media(max-width:820px){.h2k{display:none}.bg2{grid-template-columns:1fr 1fr}.h2o{padding:110px 18px 150px}.h2st{gap:20px;flex-wrap:wrap}.h2go{margin-left:0}}
@media(max-width:520px){.h2s{flex-direction:column;border-radius:22px}.h2s button{padding:12px}.bt{min-height:140px}.bt span{font-size:2.8rem}.bt.wide{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){.h2k span{animation:none}}

/* =====================================================================
   UI v2 — নতুন ডিজাইন সিস্টেম (বনসবুজ + বালুরঙ + সোনালি)। সবার শেষে, তাই সব পেজে প্রযোজ্য।
   রং বদলাতে শুধু নিচের ৬টি ভ্যারিয়েবল বদলান।
   ===================================================================== */
:root{--c:#0f5a45;--forest:#0b3b2e;--sand:#f7f0e3;--paper:#fffdf8;--gold:#e8a33d;--ink:#1b2a25;--bg:#f7f0e3;--line:#e6dcc8;--r:22px;--sh:0 10px 30px rgba(11,59,46,.10)}
body.dark{--bg:#0d1714;--paper:#14211d;--sand:#0d1714;--line:#27403a;--ink:#e9efe9;--forest:#dff3e8}
body{background:radial-gradient(1200px 500px at 85% -10%,#e8a33d22,transparent 60%),radial-gradient(900px 500px at -10% 10%,#0f5a4522,transparent 60%),var(--bg)}
h1,h2,h3{font-family:var(--serif);color:var(--forest);letter-spacing:-.01em}
section>h2{font-size:clamp(1.7rem,3.6vw,2.5rem);margin:0 0 6px;position:relative}
section>h2::after{content:"";display:block;width:54px;height:4px;border-radius:4px;margin-top:10px;background:linear-gradient(90deg,var(--gold),transparent)}
/* হেডার: ভাসমান কাচের বার */
.top{margin:10px max(10px,calc(50% - 575px)) 0;padding:9px 14px!important;border-radius:999px;background:color-mix(in srgb,var(--paper) 82%,transparent)!important;backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--sh)}
.top .brand{font-weight:700;color:var(--forest);text-decoration:none}
.pill a{border-radius:999px;transition:.2s}.pill a.cur{background:var(--forest)!important;color:#fff!important}
.top+.h2o{margin-top:-84px}
/* কার্ড: ছবিপ্রধান, নরম ছায়া */
.card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.sc{border-radius:var(--r)!important;transition:transform .3s,box-shadow .3s}.sc:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(11,59,46,.18)}
.sc .sh{border-radius:0!important;position:relative}.sc .sh::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(6,22,18,.55));pointer-events:none}
.sc h4{font-family:var(--serif);font-size:1.12rem;color:var(--forest);margin:12px 14px 2px}
.sc small{padding:0 14px}
/* বোতাম ও চিপ */
.cta,.btn,.dls button,.fbtn{border-radius:999px!important;font-weight:700;background:linear-gradient(135deg,var(--c),#0b3b2e)!important;color:#fff!important;border:0;box-shadow:0 8px 20px rgba(11,59,46,.28);transition:.25s}
.cta:hover,.btn:hover,.dls button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(11,59,46,.35)}
.ghost,.dls .ghost{background:var(--paper)!important;color:var(--forest)!important;border:1px solid var(--line)!important;box-shadow:none}
.chip2{border-radius:999px;border:1px solid var(--line);background:var(--paper);transition:.2s}.chip2.act{background:var(--forest);color:#fff;border-color:var(--forest)}.chip2:hover{border-color:var(--gold)}
input[type=search],input[type=text],select,textarea{border-radius:14px!important;border:1px solid var(--line)!important;background:var(--paper)}
input:focus,select:focus,textarea:focus{outline:3px solid #e8a33d55;outline-offset:1px}
/* ম্যাপের বাক্স */
.mapbox{background:var(--paper);border-radius:28px;border:1px solid var(--line);box-shadow:var(--sh)}
.pct{font-family:var(--serif);color:var(--c)}.progress{background:#0f5a4518;border-radius:99px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--c),var(--gold))}
/* স্থানের পেজ */
.spot{max-width:900px}.spot h1{font-size:clamp(1.9rem,5vw,3rem)}.sl2{border-radius:var(--r);box-shadow:var(--sh)}
.facts>div{background:var(--paper);border:1px solid var(--line);border-radius:16px}
.cost{background:var(--paper);border-radius:16px;overflow:hidden}.cost .tot{background:#e8a33d22}
/* টাইল (হোম) */
.bt{border-radius:28px}.bento{padding-top:72px}
/* সেকশনের ছন্দ */
section{padding-top:30px;padding-bottom:30px}
@media(max-width:720px){.top{margin:8px;border-radius:22px}.top+.h2o{margin-top:-72px}section>h2{font-size:1.6rem}}

/* হোম সেকশন (নতুন কাঠামো) */
.hm{max-width:1120px;margin:0 auto;padding:56px 20px 6px}.hmh{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.hmh h2{margin:0}.sub2{margin:4px 0 0;opacity:.75}
.more2{color:var(--c);font-weight:700;text-decoration:none}.more2:hover{text-decoration:underline}
.hrow{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:thin}
.hc{flex:0 0 min(260px,72vw);scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:.3s;display:flex;flex-direction:column;padding-bottom:14px}
.hc:hover{transform:translateY(-6px);box-shadow:0 24px 46px rgba(11,59,46,.2)}.hc b{font-family:var(--serif);font-size:1.1rem;margin:12px 16px 2px;color:var(--forest)}.hc small{margin:0 16px;opacity:.7}
.hci{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#0f5a45,#e8a33d) center/cover}.hci span{position:absolute;left:12px;top:10px;font-size:2rem;filter:drop-shadow(0 4px 8px #0006)}.hci i{position:absolute;left:12px;bottom:10px;font-style:normal;font-size:.78rem;color:#fff;background:#0009;padding:3px 10px;border-radius:99px}
.hdiv{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hdiv a{padding:20px 12px;text-align:center;border-radius:20px;background:var(--paper);border:1px solid var(--line);color:var(--forest);font-family:var(--serif);font-weight:700;text-decoration:none;transition:.25s}.hdiv a:hover{background:var(--forest);color:#fff;transform:translateY(-3px)}
.gband{max-width:1080px;margin:56px auto 10px;padding:34px clamp(20px,4vw,44px);border-radius:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#0b3b2e,#0f766e 60%,#e8a33d);color:#fff}
.gband h2{color:#fff;margin:0 0 6px;font-size:clamp(1.4rem,3vw,2rem)}.gband h2::after{display:none}.gband p{margin:0;max-width:540px;opacity:.92}.gband .cta{background:#fff!important;color:#0b3b2e!important}
@media(max-width:720px){.hdiv{grid-template-columns:1fr 1fr}.hm{padding:44px 16px 4px}.gband{margin:44px 12px 8px;border-radius:24px}}

/* ===== ভেতরের সব পেজের নতুন ব্যানার (এক্সপ্লোর, রত্ন, গল্প, প্ল্যানার ইত্যাদি) ===== */
.top+.ph,.ph{position:relative;overflow:hidden;margin:14px max(12px,calc(50% - 560px)) 0!important;padding:clamp(34px,6vw,64px) clamp(20px,5vw,56px)!important;border-radius:34px;background:linear-gradient(135deg,#0b3b2e 0%,#0f766e 70%,#14917f)!important;color:#fff;text-align:left}
.ph::before{content:"";position:absolute;right:-60px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#e8a33d88,transparent 65%);pointer-events:none}
.ph::after{content:"";position:absolute;left:-40px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#ffffff22,transparent 65%);pointer-events:none}
.ph>*{position:relative;z-index:1}.ph h1{color:#fff!important;font-size:clamp(2rem,5.5vw,3.4rem);margin:12px 0 8px}.ph .sub,.ph p{color:#ffffffd9!important;max-width:620px}
.ph .pill{display:inline-block;background:#ffffff24!important;color:#fff!important;border:1px solid #ffffff44!important;padding:6px 14px;border-radius:999px;font-size:.88rem}
/* এক্সপ্লোর: ভাসমান খোঁজার বার, বড় কার্ডের গ্রিড */
#explore{max-width:1120px;margin:0 auto;padding:22px 16px 20px}
#explore>.panel:first-child{position:sticky;top:76px;z-index:4;padding:14px 16px;background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#esrch{width:100%;font-size:1.05rem;padding:14px 18px}
#spots,.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
#explore h3{font-size:1.5rem;margin:30px 0 14px}
.car{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.car>*{scroll-snap-align:start}
.dp{background:linear-gradient(135deg,var(--paper),#e8a33d14)}
/* স্থানের পেজ */
.spot{max-width:1000px;padding-top:18px}.spot .back{padding:8px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);text-decoration:none;font-weight:600}
.spot h1{margin:18px 0 4px}.spot .sub{color:var(--c);font-weight:600}
.sl2{margin:18px 0}.trk img{aspect-ratio:16/9!important}
.spot .facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.spot .facts>div{padding:16px 18px;box-shadow:var(--sh)}.spot .facts b{color:var(--forest);display:block;margin-bottom:2px}
.spot h3{font-size:1.5rem;margin:30px 0 10px}.spot .body p{font-size:1.06rem;line-height:1.95}
.cost td{padding:13px 16px}.cost .tot td{font-size:1.1rem}
@media(max-width:720px){.ph{border-radius:24px;margin:10px 10px 0!important}#explore>.panel:first-child{top:66px}#spots,.grid{grid-template-columns:1fr 1fr;gap:12px}.sc h4{font-size:1rem}}
@media(max-width:420px){#spots,.grid{grid-template-columns:1fr}}

/* ===== মোবাইল নিচের মেনু ===== */
#bnav{display:none}
@media(max-width:720px){
 #bnav{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:50;justify-content:space-around;padding:8px 6px;border-radius:24px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 12px 34px rgba(11,59,46,.25)}
 #bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.7rem;color:var(--ink);text-decoration:none;padding:4px 0;border-radius:16px}
 #bnav a span{font-size:1.35rem;line-height:1.2}#bnav a.on{background:var(--forest);color:#fff}
 body{padding-bottom:86px}.top .pill{display:none}
}
/* ===== ম্যাপ বানানো, কুইজ, প্ল্যানার: ভেতরের অংশ ===== */
.maker{align-items:start;gap:28px}.mapbox{position:sticky;top:84px}
#list label,#list div{border-radius:12px}.prev canvas{width:100%;height:auto;border-radius:22px;box-shadow:var(--sh);border:1px solid var(--line)}
.themes button,#themes button{border-radius:999px}
.dls{display:flex;gap:10px;flex-wrap:wrap}.dls button{padding:12px 26px}
.pct{font-size:clamp(2.6rem,7vw,4rem);line-height:1}
#qz,.quiz,.qcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px}
.opt,.qopt,.choices button{border-radius:16px;border:1px solid var(--line);background:var(--paper);padding:14px 16px;transition:.2s}.opt:hover,.qopt:hover,.choices button:hover{border-color:var(--gold);transform:translateX(3px)}
table{border-collapse:collapse;width:100%}th{background:#0f5a4514;text-align:left}td,th{padding:10px 12px;border-bottom:1px solid var(--line)}
@media(max-width:900px){.mapbox{position:static}}

/* =====================================================================
   v54 — চূড়ান্ত স্থিতিশীল স্তর (ফোন · আইওএস · ডেস্কটপ · রঙের বাগ · নতুন ফুটার)
   এই অংশ সবার শেষে থাকে বলে আগের স্তরগুলোর ভুল এখানে ঠিক হয়।
   ===================================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:clip}
body{-webkit-tap-highlight-color:transparent;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:root{--serif:"Hind Siliguri","Noto Serif Bengali","Kohinoor Bangla","Bangla Sangam MN",Georgia,serif}
body{font-family:"Hind Siliguri","Kohinoor Bangla","Bangla Sangam MN","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",sans-serif}
img,svg,video,canvas{max-width:100%}
img{height:auto}
/* আইওএস: ইনপুটে ফোকাসে অটো-জুম বন্ধ (১৬px) ও নেটিভ স্টাইল বাদ */
input,select,textarea{font-size:16px;-webkit-appearance:none;appearance:none;border-radius:var(--r2)}
input[type=checkbox],input[type=radio]{-webkit-appearance:auto;appearance:auto}
button,a,summary,[role=button]{touch-action:manipulation}
:focus-visible{outline:3px solid var(--gold2);outline-offset:2px;border-radius:6px}
a.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:10px 14px;z-index:999}a.skip:focus{left:8px;top:8px}

/* ---------- হেডার ---------- */
.top{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
@supports not (background:color-mix(in srgb,red 50%,blue)){.top{background:rgba(251,248,243,.92)!important}body.dark .top{background:rgba(9,19,15,.9)!important}#bnav{background:rgba(251,248,243,.97)}body.dark #bnav{background:rgba(13,25,20,.97)}}
.top.over,.top.over .brand,.top.over .pill a,.top.over #dark,.top.over .lg button{color:inherit}
.top .brand{white-space:nowrap}
.top #dark,.lg button{min-width:40px;min-height:40px}

/* ---------- হোম হিরো (.h2o) : রঙের বাগ ঠিক ---------- */
.h2o,.h2o h1,.h2o h2,.h2o p,.h2o .h2tag,.h2o .h2st,.h2o .h2st div,.h2o .h2st b{color:#fff}
.h2o h1{color:#fff!important;text-wrap:balance}
.h2o h1 em{color:transparent!important;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;padding-bottom:.08em}
.h2o .h2tag{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;line-height:1.3}
.h2o .h2s{background:#fff;color:#14201c}
.h2o .h2s input{color:#14201c;background:transparent;border:0;outline:0;min-width:0;flex:1;padding:14px 18px;font-size:16px}
.h2o .h2s input::placeholder{color:#6b7772}
.h2o .h2s button{color:#fff;background:var(--green,#0f3b33);border:0;cursor:pointer;min-height:48px}
.h2o .h2c a{color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none;white-space:nowrap}
.h2o .h2go{color:#0b2a24;background:#fde68a;text-decoration:none;font-weight:700}
.h2v{background:#0b2a24;pointer-events:none}
.h2o{background:#0b2a24 url(hero-poster.jpg) center/cover no-repeat}
body.dark .h2o{background-image:url(hero-poster-night.jpg)}
@supports not (height:100svh){.h2o{min-height:min(100vh,820px)}}
@media(prefers-reduced-motion:reduce){.h2v{display:none}}

/* ---------- ফোন: হিরো আর পুরো স্ক্রিন জুড়ে নয়, কনটেন্ট অনুযায়ী ---------- */
@media(max-width:820px){
 .h2o{min-height:0!important;display:block!important;padding:calc(env(safe-area-inset-top,0px) + 96px) 18px 26px!important}
 .h2in{max-width:none}
 .h2o h1{font-size:clamp(2.05rem,9.4vw,2.7rem);margin:14px 0 12px}
 .h2o p{font-size:1rem;line-height:1.75;margin-bottom:18px}
 .h2s{margin-bottom:14px}
 .h2c{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:2px 18px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .h2c::-webkit-scrollbar{display:none}
 .h2c a{flex:0 0 auto;padding:9px 14px;border-radius:999px;font-size:.92rem}
 .h2st{position:relative!important;z-index:2;left:auto!important;right:auto!important;bottom:auto!important;margin-top:24px;padding-top:16px;display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px!important;border-top:1px solid rgba(255,255,255,.28)}
 .h2st div{text-align:left;font-size:.8rem;line-height:1.3}
 .h2st b{font-size:1.55rem}
 .h2st .h2go{grid-column:1/-1;display:flex;justify-content:center;align-items:center;min-height:46px;border-radius:999px;margin:6px 0 0!important}
 .top+.h2o{margin-top:-72px!important}
}
@media(max-width:380px){.h2st b{font-size:1.3rem}.h2o h1{font-size:1.95rem}}

/* ---------- ফোনের নিচের মেনু: আইফোনের নিচের দাগ (home indicator) এড়িয়ে ---------- */
@media(max-width:760px){
 #bnav{bottom:max(10px,env(safe-area-inset-bottom))!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
 #bnav a{min-height:48px;justify-content:center}
 body{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
 .top{margin:max(8px,env(safe-area-inset-top)) 8px 0!important}
 section{scroll-margin-top:84px}
 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* ---------- নতুন ফুটার ---------- */
footer.ft2{margin-top:96px!important;padding:0 max(20px,calc(50% - 560px)) calc(30px + env(safe-area-inset-bottom))!important;background:var(--fbg,#0b2a24)!important;color:#e8dfcc!important;position:relative;overflow:visible!important;text-align:left}
footer.ft2::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold2,#e2bd82),transparent)}
.ft3cta{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap;transform:translateY(-50%);margin-bottom:-6px;padding:22px 26px;border-radius:20px;background:linear-gradient(120deg,#e2bd82,#f6dca4);color:#14201c;box-shadow:0 24px 50px -26px rgba(0,0,0,.55);position:relative;z-index:2}
.ft3cta>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.ft3cta b{font-size:1.2rem;line-height:1.35;color:#14201c}
.ft3cta span{font-size:.95rem;color:#3a3220}
.ft3btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:#0b2a24;color:#fff!important;font-weight:700;text-decoration:none;white-space:nowrap;border:0!important;transition:transform .2s,background .2s}
.ft3btn:hover{background:#14473c;transform:translateY(-2px)}
footer.ft2 .ft2in{display:grid;grid-template-columns:1.5fr 1fr 1.1fr;gap:34px 48px;align-items:start;margin-top:4px}
footer.ft2 .ft2l{max-width:none}
footer.ft2 .ft2l p{color:#b9c2b8!important;max-width:34em;margin:12px 0 16px;line-height:1.8}
footer.ft2 .ft2r{display:flex!important;flex-direction:column;gap:2px!important;min-width:0;grid-template-columns:none!important}
footer.ft2 .ft2r b{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2,#e2bd82)!important;margin-bottom:8px;font-family:inherit}
footer.ft2 .ft2r a{display:block;padding:7px 0;min-height:36px;color:#d9dfd3!important;border:0!important;width:auto}
footer.ft2 .ft2r a:hover{color:#fff!important;transform:none;text-decoration:underline;text-underline-offset:4px}
footer.ft2 .ft2x{display:grid!important;grid-template-columns:1fr 1fr;column-gap:18px}
footer.ft2 .ft2x b{grid-column:1/-1}
footer.ft2 .ft2in>.fl:not(.ft2r){grid-column:1/-1}
footer.ft2 .ft2b{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 22px;margin-top:34px;padding:18px 0 4px;border-top:1px solid rgba(255,255,255,.16)!important}
footer.ft2 .ft2b a{border:0!important;padding:8px 0;min-height:36px;display:inline-flex;align-items:center}
.ft3top{margin-left:auto;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:999px;min-height:40px;padding:0 16px;font:inherit;cursor:pointer}
.ft3top:hover{background:rgba(255,255,255,.2)}
footer.ft2 .ft2n{text-align:left;font-size:.8rem;margin-top:10px}
footer.ft2 .ft2by{gap:14px;font-size:.95rem}
footer.ft2 .fbc{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.12);border:0!important}
@media(max-width:860px){footer.ft2 .ft2in{grid-template-columns:1fr 1fr}footer.ft2 .ft2l{grid-column:1/-1}}
@media(max-width:520px){
 footer.ft2{margin-top:84px!important;padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
 .ft3cta{padding:20px;border-radius:18px}.ft3btn{width:100%}
 footer.ft2 .ft2in{grid-template-columns:1fr;gap:26px}
 footer.ft2 .ft2x{grid-template-columns:1fr 1fr}
 footer.ft2 .ft2b{gap:2px 18px}.ft3top{margin-left:0}
}

/* ---------- বড় পর্দা (ডেস্কটপ/ট্যাবলেট) ---------- */
@media(min-width:1500px){html{font-size:106%}}
@media(min-width:821px) and (max-width:1100px){.h2o{padding-top:120px!important}}
@media(hover:none){.bt:hover,.card:hover{transform:none}}
@media print{.top,#bnav,footer.ft2,.h2v{display:none!important}}

/* ---- মূল বাগ: পুরোনো গ্লোবাল `nav{position:sticky;top:0}` নিচের মেনুকে পুরো স্ক্রিন জুড়ে টেনে লম্বা করত ---- */
#bnav{top:auto!important;height:auto!important;max-height:none!important;flex-wrap:nowrap!important;gap:0!important;align-items:stretch!important;border-bottom:1px solid var(--line)!important;margin:0}
footer.ft2 nav{position:static!important;top:auto!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;padding:0!important;flex-wrap:nowrap}
footer.ft2 nav.ft2x{display:grid!important}

/* ---- হেডার: স্থির, পরিষ্কার, সবসময় পড়া যায় (হিরোর ওপর ভাসানো বন্ধ — রঙ/ওভারল্যাপ বাগ শেষ) ---- */
.top{margin:0!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:0 6px 24px -18px rgba(20,32,28,.45)!important;background:rgba(251,248,243,.94)!important;padding-top:max(10px,env(safe-area-inset-top))!important}
body.dark .top{background:rgba(9,19,15,.94)!important}
.top+.h2o,.top+.ph,.top+.hero{margin-top:0!important}
.h2o{padding-top:84px!important}
@media(max-width:820px){.h2o{padding-top:32px!important}.top{margin:0!important}}
@media(min-width:821px){.top .pill{gap:2px}}
.bg2{grid-auto-flow:dense}
@media(max-width:520px){.h2o .h2s input{padding:12px 16px;min-height:50px}.h2o .h2s{padding:6px}}
footer.ft2 .ft2r.ft2x{grid-template-columns:1fr 1fr!important;column-gap:18px}
footer.ft2 .ft2r.ft2x>b{grid-column:1/-1}
footer.ft2 .ft2r{text-align:left!important;align-items:flex-start!important}
footer.ft2 .ft2r a{text-align:left}
footer.ft2 .ft2r:not(.ft2x){display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:18px}
footer.ft2 .ft2r:not(.ft2x)>b{grid-column:1/-1}
@media(min-width:861px){footer.ft2 .ft2in{grid-template-columns:1.2fr 1.3fr 1.1fr}}
/* ডার্ক মোডে বাটনের রঙ উল্টে যাওয়া বাগ */
.h2o .h2s button{background:#0f3b33!important;color:#fff!important}
body.dark #bnav a.on{background:#59b79c;color:#06120e}


/* ===== প্রতি পেজের চলমান হেডার-দৃশ্য ===== */
.ph{position:relative;overflow:hidden;isolation:isolate;background:#0a2220!important}
.ph>svg.pa{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
.ph>*:not(svg.pa){position:relative;z-index:2}
.ph::after{z-index:1!important;content:""!important;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,18,16,.72) 0,rgba(5,18,16,.4) 48%,rgba(5,18,16,.05) 85%),linear-gradient(180deg,rgba(5,18,16,.35),transparent 40%)!important}
.pa *{transform-box:fill-box}
.pa-drift{animation:paDrift 90s linear infinite}
@keyframes paDrift{from{transform:translateX(-500px)}to{transform:translateX(2100px)}}
.pa-fly{animation:paFly 26s linear infinite}
@keyframes paFly{from{transform:translate(-150px,30px)}to{transform:translate(1800px,-90px)}}
.pa-glide{animation:paGlide 70s linear infinite;transform:translateX(0)}
@keyframes paGlide{from{transform:translateX(-300px)}to{transform:translateX(1900px)}}
.pa-bob{animation:paBob 4.5s ease-in-out infinite alternate}
@keyframes paBob{from{transform:translateY(0) rotate(-.6deg)}to{transform:translateY(-8px) rotate(.8deg)}}
.pa-sway{transform-origin:50% 100%;animation:paSway 5s ease-in-out infinite alternate}
@keyframes paSway{from{transform:rotate(-1.8deg)}to{transform:rotate(1.8deg)}}
.pa-tw{animation:paTw 4s ease-in-out infinite}
@keyframes paTw{0%,100%{opacity:.15}50%{opacity:1}}
.pa-float{animation:paFloat 8s ease-in-out infinite}
@keyframes paFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}}
.pa-pulse{transform-origin:50% 50%;animation:paPulse 3.2s ease-in-out infinite}
@keyframes paPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.75}}
.pa-glint{animation:paGlint 3.4s ease-in-out infinite}
@keyframes paGlint{0%,60%,100%{opacity:0}75%{opacity:1}}
.pa-ff{animation:paFF 12s ease-in-out infinite}
@keyframes paFF{0%,100%{transform:translate(0,0);opacity:.1}30%{opacity:.95}50%{transform:translate(60px,-40px)}80%{transform:translate(-30px,20px);opacity:.6}}
.pa-spin{transform-origin:50% 50%;animation:paSpin 60s linear infinite}
@keyframes paSpin{to{transform:rotate(360deg)}}
.pa-draw{animation:paDraw 7s ease-in-out infinite}
@keyframes paDraw{0%{stroke-dashoffset:1000}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-1000}}
.pa-shim{animation:paShim 3.4s ease-in-out infinite}
@keyframes paShim{0%,100%{opacity:.15}50%{opacity:.8}}
.pa-rise{animation:paRise 16s linear infinite}
@keyframes paRise{from{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(-760px);opacity:0}}
.pa-rise-sun{animation:paSun 14s ease-in-out infinite alternate}
@keyframes paSun{from{transform:translateY(46px)}to{transform:translateY(0)}}
.pa-aur{animation:paAur 18s ease-in-out infinite alternate}.pa-aur2{animation:paAur 22s ease-in-out infinite alternate-reverse}
@keyframes paAur{from{transform:translate(-80px,0) scale(1)}to{transform:translate(120px,40px) scale(1.15)}}
@media(prefers-reduced-motion:reduce){.pa *{animation:none!important}}

/* ===== ফোন: হেডারের মেনু ফিরিয়ে আনা (পাশে স্ক্রল করা যায়) ===== */
@media(max-width:760px){
 .top{display:flex!important;flex-wrap:wrap!important;align-items:center;row-gap:6px}
 .top .pill{display:flex!important;order:5;flex:0 0 100%;width:100%;overflow-x:auto;flex-wrap:nowrap;gap:2px;padding:2px 0 4px;margin:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .top .pill::-webkit-scrollbar{display:none}
 .top .pill a{flex:0 0 auto;white-space:nowrap;padding:9px 13px;font-size:.92rem}
 .top .brand{margin-right:auto}
}

/* ===== হোমের পোস্ট-স্লাইডার: বাটন + প্রগ্রেস ===== */
.hm .hmh{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.hnav{display:flex;gap:8px;margin-left:auto}
.hn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line2,#cbbfab);background:var(--card,#fff);color:var(--ink,#14201c);font-size:1.5rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh);transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s,color .25s,opacity .25s}
.hn:hover:not(:disabled){background:var(--green,#0f3b33);color:#fbf6ec;border-color:var(--green,#0f3b33);transform:translateY(-2px)}
body.dark .hn:hover:not(:disabled){background:var(--gold,#d6ab6a);color:#09130f}
.hn:disabled{opacity:.35;cursor:default}
.hn:active:not(:disabled){transform:scale(.94)}
#mrow{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;cursor:grab}
#mrow.drag{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing}
#mrow.drag a{pointer-events:none}
.hprog{position:relative;height:3px;border-radius:3px;background:color-mix(in srgb,var(--ink,#14201c) 12%,transparent);margin:14px 2px 0;overflow:hidden}
.hprog i{position:absolute;top:0;bottom:0;left:0;border-radius:3px;background:var(--gold,#a7783a);transition:left .15s linear,width .2s}
.hc{--r:20px}
@media(max-width:760px){.hn{width:42px;height:42px}}

/* ===== পেজ-হেডার: একটাই চূড়ান্ত নিয়ম (পুরোনো কার্ড-ধাঁচ বাতিল) ===== */
.top+.ph,.ph{margin:0!important;width:100%!important;max-width:none!important;box-sizing:border-box;border-radius:0 0 34px 34px!important;
 padding:clamp(54px,8vw,96px) max(20px,calc(50% - 560px)) clamp(44px,6vw,70px)!important;min-height:clamp(250px,34vw,340px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left!important;color:#fbf6ec;background:#0a2220!important}
.ph::before{display:none!important}
.ph::after{content:""!important;position:absolute;inset:0;left:0;bottom:0;width:auto;height:auto;border-radius:0;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,rgba(5,18,16,.62) 0,rgba(5,18,16,.28) 46%,rgba(5,18,16,0) 78%),linear-gradient(0deg,rgba(5,18,16,.25),transparent 40%)!important}
.ph h1{margin:12px 0 10px!important;max-width:16ch}
.ph p{margin:0!important}
.ph .pill,.ph span.pill{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fbf6ec!important;border-radius:999px;padding:6px 16px!important;letter-spacing:.02em;font-size:.88rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ph .pill::before{display:none!important}
@media(max-width:760px){.ph{border-radius:0 0 26px 26px!important;min-height:230px}}
.hm .hmh .more2{margin-left:auto}
.hm .hmh .hnav{margin-left:0}

/* ═════════ v56 ═════════ */
/* নিচের মেনু বাদ (হেডারেই মেনু আছে) */
#bnav{display:none!important}
[id]{scroll-margin-top:96px}
/* হিরো: রংপুরের নিজস্ব অ্যানিমেশন */
.h2o picture.h2v{position:absolute;inset:0;display:block;z-index:0;pointer-events:none;width:100%;height:100%}
.h2o picture.h2v img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block}
picture.h2n{display:none!important}body.dark picture.h2d{display:none!important}body.dark picture.h2n{display:block!important}
@media(prefers-reduced-motion:reduce){picture.h2v.h2d{display:block!important}body.dark picture.h2v.h2d{display:none!important}body.dark picture.h2v.h2n{display:block!important}}
/* আরও দেখান */
.spmore{display:flex;justify-content:center;margin:26px 0 8px}.spmore .btn{min-width:240px}
/* লুকানো রত্নের ফর্ম: মোবাইলে কাটা না পড়ে */
@media(max-width:640px){.gwrap{overflow:visible!important}.gwrap .gs{border:0!important;background:transparent!important;padding:6px 0 12px!important;box-shadow:none!important}.gwrap .gf{padding:12px 14px 22px!important}.gintro{padding:18px 16px 12px!important}}

/* সবুজ ফুটার: পাহাড়ি ঢেউ, তিস্তার সবুজ, ম্যাপের রেখা */
footer.ft2{background:linear-gradient(180deg,#0f5a37 0%,#0a4a2e 38%,#06311f 100%)!important;color:#e6f6ec!important;margin-top:128px!important;position:relative;overflow:visible!important;padding-bottom:calc(38px + env(safe-area-inset-bottom))!important}
footer.ft2::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:-76px!important;height:78px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%2334d399' fill-opacity='.28' d='M0 80V40C140 6 260 4 400 28s260 40 400 16 260-44 400-26 180 20 240 8V80Z'/%3E%3Cpath fill='%230f5a37' d='M0 80V58C120 26 240 24 380 44s280 30 420 8 260-34 380-18 180 14 260 4V80Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat!important;mask:none!important;-webkit-mask:none!important;pointer-events:none}
footer.ft2::after{content:""!important;display:block!important;position:absolute;inset:0;background:url(topo-dark.svg) center/720px repeat;opacity:.2;pointer-events:none;z-index:0}
footer.ft2>*{position:relative;z-index:2}
body.dark footer.ft2{background:linear-gradient(180deg,#0b3d28 0%,#072c1d 45%,#041a12 100%)!important}
body.dark footer.ft2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%2334d399' fill-opacity='.2' d='M0 80V40C140 6 260 4 400 28s260 40 400 16 260-44 400-26 180 20 240 8V80Z'/%3E%3Cpath fill='%230b3d28' d='M0 80V58C120 26 240 24 380 44s280 30 420 8 260-34 380-18 180 14 260 4V80Z'/%3E%3C/svg%3E")!important}
.ft3cta{background:linear-gradient(120deg,#17c964 0%,#0fa968 45%,#0b8a6a 100%)!important;color:#fff!important;transform:translateY(-52%)!important;border-radius:26px!important;box-shadow:0 30px 60px -26px rgba(2,40,24,.75),inset 0 1px 0 rgba(255,255,255,.4)!important;overflow:hidden}
.ft3cta::after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.38),transparent 70%);pointer-events:none}
.ft3cta b{color:#fff!important;font-size:1.3rem}.ft3cta span{color:#eafff3!important}
.ft3btn{background:#fff!important;color:#0a6a43!important;box-shadow:0 12px 26px -12px rgba(0,0,0,.5)}.ft3btn:hover{background:#eafff3!important}
footer.ft2 .ft2l p{color:#cfe9da!important}
footer.ft2 .ft2l .brand{color:#fff!important}footer.ft2 .ft2l .brand svg.logo{color:#7ff0b0!important}
footer.ft2 .ft2r b{color:#7ff0b0!important;position:relative;padding-bottom:10px;margin-bottom:10px}
footer.ft2 .ft2r b::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:3px;background:linear-gradient(90deg,#7ff0b0,transparent)}
footer.ft2 .ft2r a{color:#e3f4ea!important;border-radius:10px;padding-left:8px!important;transition:background .15s,padding .15s}
footer.ft2 .ft2r a::before{content:"›";margin-right:8px;color:#7ff0b0;opacity:.8}
footer.ft2 .ft2r a:hover{color:#fff!important;text-decoration:none!important;background:rgba(255,255,255,.08);padding-left:14px!important}
footer.ft2 .ft2b{border-top:1px solid rgba(255,255,255,.18)!important}
footer.ft2 .ft2b a{color:#d8ecdf!important;padding:8px 16px!important;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)!important;transition:background .15s}
footer.ft2 .ft2b a:hover{background:rgba(255,255,255,.18);color:#fff!important}
.ft3top{background:linear-gradient(135deg,#7ff0b0,#34d399)!important;color:#05311f!important;border:0!important;font-weight:700;box-shadow:0 12px 22px -10px rgba(0,0,0,.55)}
footer.ft2 .ft2n{color:#a8cdb8!important;border-top:1px dashed rgba(255,255,255,.2);padding-top:14px;margin-top:18px}
footer.ft2 .fbc{background:rgba(255,255,255,.16)!important;color:#fff!important;transition:background .2s,transform .2s}footer.ft2 .fbc:hover{background:#1877f2!important;transform:translateY(-2px)}
footer.ft2 .ft2by b{border-bottom:2px solid #7ff0b0}
@media(max-width:700px){footer.ft2{padding-bottom:calc(34px + env(safe-area-inset-bottom))!important;margin-top:110px!important}.ft3cta{transform:translateY(-46%)!important}}

/* হিরো: নতুন দৃশ্য উজ্জ্বল রাখতে ছায়া হালকা (শুধু লেখার জায়গায় একটু গাঢ়) */
.h2o::after{background:linear-gradient(90deg,rgba(6,22,18,.55) 0%,rgba(6,22,18,.18) 55%,rgba(6,22,18,0) 100%),linear-gradient(180deg,rgba(6,22,18,.28) 0%,rgba(6,22,18,0) 30%,rgba(6,22,18,0) 62%,rgba(6,22,18,.62) 100%)!important}
body.dark .h2o::after{background:linear-gradient(90deg,rgba(2,10,8,.5) 0%,rgba(2,10,8,.12) 60%,rgba(2,10,8,0) 100%),linear-gradient(180deg,rgba(2,10,8,.2) 0%,rgba(2,10,8,0) 30%,rgba(2,10,8,0) 62%,rgba(2,10,8,.6) 100%)!important}
.h2o h1,.h2o p{text-shadow:0 2px 22px rgba(4,16,12,.55)}
@media(max-width:820px){.h2o::after{background:linear-gradient(180deg,rgba(6,22,18,.5) 0%,rgba(6,22,18,.3) 45%,rgba(6,22,18,.1) 70%,rgba(6,22,18,.6) 100%)!important}body.dark .h2o::after{background:linear-gradient(180deg,rgba(2,10,8,.5),rgba(2,10,8,.3) 45%,rgba(2,10,8,.1) 70%,rgba(2,10,8,.6))!important}}

/* ===== বাগ-ফিক্স (ফোনের স্ক্রিনশট অনুযায়ী) ===== */
/* ১) ফোনে মেনু-স্লাইডার: ওপর-নিচে নড়া বন্ধ, কিনারায় ফেড, সক্রিয় ট্যাব সমান উচ্চতার */
.top .pill{overflow-y:hidden!important;touch-action:pan-x;overscroll-behavior-x:contain;align-items:center}
@media(max-width:760px){
 .top .pill{min-height:46px;padding:0 14px!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);scroll-padding-inline:16px}
 .top .pill a{display:inline-flex;align-items:center;height:36px;padding:0 13px!important;line-height:1;box-shadow:none!important;transform:none!important;border-radius:999px}
 .top .pill a.cur{height:36px;margin:0}
 .top{padding-bottom:6px!important}
}
/* ২) লুকানো রত্ন ফর্ম (iPhone Safari): ঘরগুলো কার্ডের বাইরে ডানে উপচে পড়ত */
.gf,.gs,.g2{grid-template-columns:minmax(0,1fr)!important}
.gwrap,.gwrap *{min-width:0}
.gwrap input,.gwrap select,.gwrap textarea{max-width:100%;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.gwrap select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.gwrap input[type=date],.gwrap input[type=month]{min-height:46px;display:block}
.gwrap fieldset{min-inline-size:0;max-width:100%}
.gwrap{overflow-x:clip!important}
@media(max-width:760px){.gwrap input:not([type=checkbox]):not([type=file]),.gwrap select,.gwrap textarea{font-size:16px}}
/* ৩) কোথায় ঘুরবেন: ফিল্টার প্যানেল আর কার্ডের ওপর চেপে বসবে না */
#explore>.panel:first-child{position:static!important;top:auto!important}
/* ৪) আমার বিশ্ব / ছোট স্ক্রিন: ম্যাপ-বক্স স্টিকি হয়ে নিচের কন্ট্রোলের ওপর উঠত */
.maker.wide .mapbox{position:relative!important;top:auto!important;overflow:hidden}
@media(max-width:980px){.mapbox{position:relative!important;top:auto!important}}
.mapbox{isolation:isolate}
/* বাংলাদেশ/বিশ্ব: ম্যাপ-বক্স স্টিকি হবে শুধু তখনই যখন সেটা স্ক্রিনের চেয়ে ছোট (নইলে কন্ট্রোল ঢেকে ফেলে) */
.mapbox{max-height:none}
@media(min-width:981px) and (max-height:1250px){.mapbox{position:relative!important;top:auto!important}}

/* ===== v58 সংশোধন ===== */
.h2o h1{color:#fff}
html body .ph{width:auto!important;max-width:none!important;box-sizing:border-box}

/* ===== v58 ফুটার: সাইটের থিম (বন-সবুজ + সোনালি + ক্রিম) + প্রকৃতির চলমান দৃশ্য ===== */
footer.ft2{--fah:clamp(96px,15vw,176px);margin-top:calc(var(--fah) + 8px)!important;overflow:visible!important;
 background:linear-gradient(180deg,#0d3b30 0%,#0a2c24 52%,#071d18 100%)!important;color:#efe6d2!important;padding-top:26px!important;
 padding-bottom:calc(34px + env(safe-area-inset-bottom))!important}
footer.ft2::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--gold2,#e2bd82),transparent)!important;-webkit-mask:none!important;mask:none!important}
footer.ft2::after{content:""!important;display:block!important;position:absolute;inset:0;background:url(topo-dark.svg) center/720px repeat;opacity:.14;pointer-events:none;z-index:0}
footer.ft2>*{position:relative;z-index:2}
footer.ft2>svg.fa{position:absolute;left:0;right:0;top:calc(-1*var(--fah) + 1px);width:100%;height:var(--fah);z-index:1;pointer-events:none;display:block}
body.dark footer.ft2>svg.fa{filter:brightness(.62) saturate(.85)}
/* CTA কার্ড: সোনালি-ক্রিম (থিমের সাথে মিলিয়ে), আর উপরে ভেসে না থেকে দৃশ্যের নিচে বসে */
.ft3cta{transform:none!important;margin:0 0 34px!important;background:linear-gradient(120deg,#f3d58f 0%,#e8a33d 100%)!important;color:#1d1a10!important;border-radius:22px!important;box-shadow:0 18px 40px -22px rgba(0,0,0,.6)!important;overflow:hidden}
.ft3cta::after{background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%)!important}
.ft3cta b{color:#1d1a10!important}.ft3cta span{color:#4a3d1c!important}
.ft3btn{background:#0b2a24!important;color:#fbf6ec!important;box-shadow:0 12px 24px -12px rgba(0,0,0,.6)!important}
.ft3btn:hover{background:#14473c!important}
/* কলামের শিরোনাম/লিংক: সবুজ-মিন্ট সরিয়ে সোনালি */
footer.ft2 .ft2r b{color:var(--gold2,#e2bd82)!important}
footer.ft2 .ft2r b::after{background:linear-gradient(90deg,var(--gold2,#e2bd82),transparent)!important}
footer.ft2 .ft2r a{color:#efe6d2!important}
footer.ft2 .ft2r a::before{color:var(--gold,#e8a33d)!important}
footer.ft2 .ft2l p{color:#cdd6c9!important}
footer.ft2 .ft2l .brand svg.logo{color:#f3d58f!important}
footer.ft2 .ft2by b{border-bottom:2px solid var(--gold,#e8a33d)!important}
footer.ft2 .fbc:hover{background:#1877f2!important}
/* নিচের চারটি লিংক + উপরে বোতাম: ফোনে ২×২ গ্রিড কার্ড, আইকনসহ; ডেস্কটপে সারিতে */
footer.ft2 .ft2b{display:flex;flex-wrap:wrap;gap:10px!important;justify-content:flex-start;border-top:1px solid rgba(243,213,143,.22)!important}
footer.ft2 .ft2b a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(243,213,143,.28)!important;color:#efe6d2!important;font-size:.95rem;transition:background .15s,border-color .15s,transform .15s}
footer.ft2 .ft2b a:hover{background:rgba(243,213,143,.16)!important;border-color:var(--gold2,#e2bd82)!important;color:#fff!important;transform:translateY(-2px)}
footer.ft2 .ft2b a::before{font-size:1.05rem;line-height:1}
footer.ft2 .ft2b a[href*="guide"]::before{content:"📖"}
footer.ft2 .ft2b a[href*="about"]::before{content:"🧭"}
footer.ft2 .ft2b a[href*="privacy"]::before{content:"🔒"}
footer.ft2 .ft2b a[href*="facebook"]::before{content:"👍"}
footer.ft2 .ft2b #fbs::before{content:"📣"}
.ft3top{background:linear-gradient(135deg,#f3d58f,#e8a33d)!important;color:#1d1a10!important;border:0!important;font-weight:700;min-height:44px!important;padding:0 20px!important;border-radius:14px!important;box-shadow:0 10px 22px -12px rgba(0,0,0,.6)!important}
@media(max-width:700px){
 footer.ft2 .ft2b{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
 footer.ft2 .ft2b a{justify-content:flex-start;padding:0 14px!important;min-height:52px;font-size:.92rem;line-height:1.25}
 .ft3top{grid-column:1/-1;margin:2px 0 0!important;justify-content:center;width:100%;min-height:50px!important}
 .ft3cta{padding:18px!important}
}
footer.ft2 .ft2n{border-top:1px dashed rgba(243,213,143,.25)!important;color:#b7c2b4!important}
@media(prefers-reduced-motion:reduce){footer.ft2>svg.fa *{animation:none!important}}

/* ===== v58 স্মার্ট ট্রিপ প্ল্যানার ===== */
.pl2{max-width:1180px;margin:0 auto;padding:22px max(14px,3vw) 70px}
.pl2 .pl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:22px;align-items:start}
@media(max-width:920px){.pl2 .pl-grid{grid-template-columns:1fr}}
.pl2 .pl-card{background:var(--paper,#fff);border:1px solid var(--line);border-radius:20px;padding:18px;margin:0 0 16px;box-shadow:var(--sh,0 10px 30px -18px rgba(11,42,36,.35))}
.pl2 h3{margin:0 0 12px;font-size:1.08rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pl2 h3 i{font-style:normal;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold,#e8a33d);color:#1d1a10;font-weight:700;font-size:.9rem;flex:none}
.pl2 .pl-mut,.pl2 small{color:var(--mut,#6d7a73)}
.pl2 .pl-sel,.pl2 input[type=number]{font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;min-height:44px;width:100%;box-sizing:border-box}
.pl2 input:focus,.pl2 select:focus{outline:2px solid var(--gold,#e8a33d);outline-offset:1px}
.pl2 .pl-row{display:flex;flex-wrap:wrap;gap:12px 16px;margin:10px 0}.pl2 .pl-row>label{flex:1 1 150px;display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem}
.pl2 .pl-chk{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important}
.pl2 .pl-lab{font-weight:600;font-size:.92rem;margin:12px 0 6px}
.pl2 .pl-st{display:flex;align-items:stretch;gap:6px}.pl2 .pl-st input{text-align:center;min-width:0}
.pl2 .pl-st button{width:44px;min-height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font-size:1.3rem;cursor:pointer}
.pl2 .pl-money{display:flex;align-items:center;gap:6px}.pl2 .pl-money input{flex:1}
.pl2 .pl-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pl2 .pl-seg button{font:inherit;text-align:left;padding:10px 12px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;min-height:58px;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,background .15s}
.pl2 .pl-seg button b{font-size:.95rem}.pl2 .pl-seg button small{font-size:.74rem;line-height:1.25}
.pl2 .pl-seg button.on{border-color:var(--gold,#e8a33d);background:color-mix(in srgb,var(--gold,#e8a33d) 16%,var(--paper,#fff));box-shadow:inset 0 0 0 1px var(--gold,#e8a33d)}
.pl2 .pl-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none;margin-bottom:6px}.pl2 .pl-tabs::-webkit-scrollbar{display:none}
.pl2 .pl-tabs button{flex:none;font:inherit;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;min-height:40px}
.pl2 .pl-tabs button.on{background:var(--forest,#0f3b2e);color:#fbf6ec;border-color:var(--forest,#0f3b2e)}
.pl2 .pl-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.pl2 .pl-dc{position:relative;font:inherit;text-align:left;padding:10px 12px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:56px}
.pl2 .pl-dc small{font-size:.74rem}.pl2 .pl-dc.on{border-color:var(--forest,#0f3b2e);background:color-mix(in srgb,var(--forest,#0f3b2e) 10%,var(--paper,#fff))}
.pl2 .pl-dc em{position:absolute;right:8px;top:8px;font-style:normal;font-size:.72rem;min-width:20px;height:20px;border-radius:10px;background:var(--gold,#e8a33d);color:#1d1a10;display:grid;place-items:center;font-weight:700;padding:0 5px}
.pl2 .pl-sg{margin-top:14px;border-top:1px dashed var(--line);padding-top:10px}.pl2 .pl-sh{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.pl2 .pl-sh span button{font:inherit;font-size:.8rem;padding:4px 10px;margin-left:6px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer}
.pl2 .pl-sp{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0;border-radius:10px}
.pl2 .pl-sp label{flex:1;display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.pl2 .pl-sp input{width:20px;height:20px;accent-color:var(--forest,#0f3b2e)}
.pl2 .pl-star{font-size:1.25rem;line-height:1;width:44px;height:44px;border-radius:12px;border:0;background:none;color:#c9c3b0;cursor:pointer}.pl2 .pl-star.on{color:var(--gold,#e8a33d)}.pl2 .pl-star:disabled{opacity:.25;cursor:default}
.pl2 .pl-adv{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px}.pl2 .pl-adv summary{cursor:pointer;font-weight:600;min-height:36px;display:flex;align-items:center}
.pl2 .pl-grid4{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:10px 0}.pl2 .pl-grid4 label{display:flex;flex-direction:column;gap:5px;font-size:.84rem;font-weight:600}
/* ফল */
.pl2 .pl-v{border-radius:18px;padding:14px 16px;margin:0 0 12px;border:1.5px solid}.pl2 .pl-v p{margin:4px 0 0}.pl2 .pl-v.ok{background:#e9f6ec;border-color:#9bd3ab;color:#14502a}.pl2 .pl-v.warn{background:#fff5e0;border-color:#f0c673;color:#5c4210}.pl2 .pl-v.bad{background:#fdecec;border-color:#eba3a3;color:#6b1f1f}
.pl2 .pl-drop{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}.pl2 .pl-drop span{background:#fff;border:1px dashed #d6a84a;border-radius:999px;padding:3px 10px;font-size:.84rem;text-decoration:line-through;text-decoration-color:#b9852a}
.pl2 .pl-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pl2 .pl-acts button,.pl2 .pl-acts a{font:inherit;font-weight:600;min-height:44px;padding:0 16px;border-radius:12px;border:1.5px solid var(--forest,#0f3b2e);background:var(--paper,#fff);color:var(--forest,#0f3b2e);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.pl2 .pl-acts button:hover,.pl2 .pl-acts a:hover{background:var(--forest,#0f3b2e);color:#fbf6ec}
.pl2 .pl-bar{height:10px;border-radius:6px;background:var(--line);overflow:hidden;margin:0 0 12px}.pl2 .pl-bar i{display:block;height:100%;background:linear-gradient(90deg,#4aa56a,#e8a33d);border-radius:6px;transition:width .4s}.pl2 .pl-bar i.bad{background:linear-gradient(90deg,#e8a33d,#d94a4a)}
.pl2 .pl-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}.pl2 .pl-sum>div{background:linear-gradient(160deg,#0f3b2e,#0b2a24);color:#fbf6ec;border-radius:16px;padding:12px 14px}.pl2 .pl-sum small{color:#e2bd82;display:block;font-size:.74rem}.pl2 .pl-sum b{font-size:1.15rem;display:block;margin-top:2px}
@media(max-width:520px){.pl2 .pl-sum{grid-template-columns:1fr 1fr}.pl2 .pl-sum>div:first-child{grid-column:1/-1}.pl2 .pl-seg{grid-template-columns:1fr}.pl2 .pl-seg button{flex-direction:row;align-items:center;gap:10px;justify-content:space-between}}
.pl2 .pl-day{background:var(--paper,#fff);border:1px solid var(--line);border-radius:20px;margin:0 0 14px;overflow:hidden;box-shadow:var(--sh,0 10px 30px -18px rgba(11,42,36,.35))}
.pl2 .pl-day header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:12px 16px;background:linear-gradient(110deg,#0f3b2e,#17503f);color:#fbf6ec}.pl2 .pl-day header span{font-weight:700;color:#f3d58f}.pl2 .pl-day header small{color:#d9e6dd}
.pl2 .pl-day ol{list-style:none;margin:0;padding:6px 14px 8px;position:relative}.pl2 .pl-day li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}.pl2 .pl-day li:last-child{border:0}
.pl2 .pl-day li>i{font-style:normal;font-size:1.3rem;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--gold,#e8a33d) 18%,var(--paper,#fff));flex:none}
.pl2 .pl-day li>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pl2 .pl-day li small{font-size:.82rem;line-height:1.45}.pl2 .pl-day .pl-t{font-size:.74rem;color:var(--mut,#6d7a73);white-space:nowrap}.pl2 .pl-day em{color:var(--gold,#e8a33d);font-style:normal}
.pl2 .pl-leg>i{background:#e6f0f7!important}.pl2 .pl-leg b{color:#1b5d86}
.pl2 .pl-day footer{padding:10px 16px;background:color-mix(in srgb,var(--gold,#e8a33d) 10%,var(--paper,#fff));font-size:.88rem;border-top:1px solid var(--line)}
.pl2 .pl-ok{color:#1f7a3f;font-size:.78rem}.pl2 .pl-warn{color:#a35a00;font-size:.78rem}
.pl2 .pl-tb{width:100%;border-collapse:collapse}.pl2 .pl-tb td{padding:9px 4px;border-bottom:1px dashed var(--line);vertical-align:top}.pl2 .pl-tb td:last-child{text-align:right;white-space:nowrap;font-weight:600}.pl2 .pl-tb small{display:block}.pl2 .pl-tb .tt td{font-size:1.1rem;font-weight:700;border-bottom:0;color:var(--forest,#0f3b2e)}
.pl2 .pl-pack{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 14px}.pl2 .pl-pack label{display:flex;gap:8px;align-items:flex-start;min-height:40px;padding:6px 0}.pl2 .pl-pack input{margin-top:4px;accent-color:var(--forest,#0f3b2e)}
.pl2 .pl-wx{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pl2 .pl-wx>div{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:3px}
.pl2 #pl-saved a{display:block;padding:8px 0;border-bottom:1px dashed var(--line);color:var(--forest,#0f3b2e);text-decoration:none}.pl2 #pl-saved:empty{display:none}
.pl2 .pl-empty{text-align:center;padding:34px 18px;border:2px dashed var(--line);border-radius:22px;background:var(--paper,#fff)}.pl2 .pl-empty h3{justify-content:center}
body.dark .pl2 .pl-v.ok{background:#12301f;color:#bfe8cc;border-color:#2e6b44}body.dark .pl2 .pl-v.warn{background:#3a2e12;color:#f3d58f;border-color:#7a5d1d}body.dark .pl2 .pl-v.bad{background:#3a1717;color:#f3b7b7;border-color:#7a2d2d}body.dark .pl2 .pl-drop span{background:#1d2a25}
@media print{.pl2 .pl-col{display:none}.pl2 .pl-grid{display:block}.pl2 .pl-acts,.pl2 #pl-extra{display:none}}

.pl2 .pl-grid>*,.pl2 .pl-col,.pl2 .pl-col2,.pl2 .pl-card{min-width:0;max-width:100%;box-sizing:border-box}
.pl2 .pl-tabs{max-width:100%}.pl2{overflow-x:clip}

/* ===== v58: লুকানো রত্ন ফর্ম — ফোনে চেকবক্স/চিপ ঠিক করা ===== */
.gwrap input[type=checkbox],.gwrap input[type=radio],.gf input[type=checkbox]{width:22px!important;height:22px!important;min-width:22px!important;flex:none!important;margin:0!important;padding:0!important;accent-color:var(--forest,#0f3b2e);-webkit-appearance:auto;appearance:auto;cursor:pointer}
.gwrap .chk,.gf .chk{flex:0 0 auto!important;display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:8px 14px!important;margin:0!important;border-radius:999px!important;border:1.5px solid var(--line);background:var(--paper,#fff)!important;white-space:normal;line-height:1.3;max-width:100%;box-sizing:border-box}
.gwrap .row:has(.chk),.gf .row:has(.chk){display:flex;flex-wrap:wrap;gap:8px 8px}
.gwrap .chk:has(input:checked){background:color-mix(in srgb,var(--gold,#e8a33d) 18%,var(--paper,#fff))!important;border-color:var(--gold,#e8a33d);color:var(--ink)!important}
.gcons,.gwrap label.gcons{display:flex!important;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper,#fff);line-height:1.6;cursor:pointer}
.gcons input[type=checkbox]{margin-top:3px!important;width:26px!important;height:26px!important;min-width:26px!important}
.gcons:has(input:checked){border-color:var(--forest,#0f3b2e);background:color-mix(in srgb,var(--forest,#0f3b2e) 8%,var(--paper,#fff))}

.gwrap input[type=file]{width:100%;font:inherit;color:var(--ink);padding:8px;border:1.5px dashed var(--line);border-radius:14px;background:var(--paper,#fff);box-sizing:border-box}
.gwrap input[type=file]::file-selector-button{font:inherit;font-weight:600;min-height:40px;padding:0 16px;margin-right:12px;border:0;border-radius:10px;background:var(--forest,#0f3b2e);color:#fbf6ec;cursor:pointer}
/* ===== v59: কীভাবে কাজ করে — চলমান ডেমো ===== */
@keyframes hwHm{0%{left:88%;top:98%;opacity:0}8%{left:84%;top:72%;opacity:1}15%{left:15%;top:36%;opacity:1}22%{left:15%;top:36%;opacity:1}28%{left:33%;top:70%;opacity:1}34%{left:33%;top:70%;opacity:1}40%{left:50%;top:36%;opacity:1}48%{left:50%;top:36%;opacity:1}56%{left:80%;top:56%;opacity:1}88%{left:80%;top:56%;opacity:1}95%{left:86%;top:98%;opacity:0}100%{left:88%;top:98%;opacity:0}}
@keyframes hwHmR{0%{transform:scale(.2);opacity:0}14.5%{transform:scale(.2);opacity:0}16%{transform:scale(.7);opacity:.9}20%{transform:scale(2.2);opacity:0}27.5%{transform:scale(.2);opacity:0}29%{transform:scale(.7);opacity:.9}33%{transform:scale(2.2);opacity:0}39.5%{transform:scale(.2);opacity:0}41%{transform:scale(.7);opacity:.9}45%{transform:scale(2.2);opacity:0}56.5%{transform:scale(.2);opacity:0}58%{transform:scale(.7);opacity:.9}62%{transform:scale(2.2);opacity:0}}
@keyframes hwT1{0%{background:#dfe7e0}16%{background:#dfe7e0}18%{background:#0f3b2e;transform:scale(1.08)}21%{background:#0f3b2e;transform:scale(1)}94%{background:#0f3b2e}97%{background:#dfe7e0}100%{background:#dfe7e0}}
@keyframes hwT2{0%{background:#dfe7e0}28%{background:#dfe7e0}30%{background:#e8a33d;transform:scale(1.08)}33%{background:#e8a33d;transform:scale(1)}94%{background:#e8a33d}97%{background:#dfe7e0}100%{background:#dfe7e0}}
@keyframes hwT3{0%{background:#dfe7e0}40%{background:#dfe7e0}42%{background:#3b82c4;transform:scale(1.08)}45%{background:#3b82c4;transform:scale(1)}94%{background:#3b82c4}97%{background:#dfe7e0}100%{background:#dfe7e0}}
@keyframes hwDl{0%{transform:scale(1)}57%{transform:scale(1)}59%{transform:scale(.9);background:#0f3b2e;color:#fff}63%{transform:scale(1);background:#0f3b2e;color:#fff}94%{background:#0f3b2e;color:#fff}97%{background:#fff;color:#0f3b2e}100%{background:#fff;color:#0f3b2e}}
@keyframes hwToast{0%{opacity:0;transform:translateY(8px)}60%{opacity:0;transform:translateY(8px)}65%{opacity:1;transform:translateY(0)}90%{opacity:1}95%{opacity:0}100%{opacity:0}}
@keyframes hwHq{0%{left:90%;top:98%;opacity:0}10%{left:66%;top:40%;opacity:1}26%{left:42%;top:48%;opacity:1}32%{left:42%;top:48%;opacity:1}50%{left:42%;top:70%;opacity:1}58%{left:42%;top:70%;opacity:1}66%{left:70%;top:86%;opacity:1}90%{left:70%;top:86%;opacity:1}96%{left:90%;top:98%;opacity:0}100%{left:90%;top:98%;opacity:0}}
@keyframes hwHqR{0%{transform:scale(.2);opacity:0}28.5%{transform:scale(.2);opacity:0}30%{transform:scale(.7);opacity:.9}34%{transform:scale(2.2);opacity:0}53.5%{transform:scale(.2);opacity:0}55%{transform:scale(.7);opacity:.9}59%{transform:scale(2.2);opacity:0}}
@keyframes hwO1{0%{background:#fff;border-color:#d9d4c3;transform:translateX(0)}29%{background:#fff;border-color:#d9d4c3}31%{background:#fde2e2;border-color:#e05a5a;transform:translateX(-5px)}33%{transform:translateX(5px)}35%{transform:translateX(-3px)}37%{transform:translateX(0)}44%{background:#fde2e2;border-color:#e05a5a}48%{background:#fff;border-color:#d9d4c3}100%{background:#fff;border-color:#d9d4c3}}
@keyframes hwO2{0%{background:#fff;border-color:#d9d4c3;transform:scale(1)}54%{background:#fff;border-color:#d9d4c3}56%{background:#d9f4df;border-color:#2e9e57;transform:scale(1.04)}60%{transform:scale(1)}94%{background:#d9f4df;border-color:#2e9e57}97%{background:#fff;border-color:#d9d4c3}100%{background:#fff;border-color:#d9d4c3}}
@keyframes hwX{0%{opacity:0;transform:scale(.4)}31%{opacity:0;transform:scale(.4)}34%{opacity:1;transform:scale(1)}46%{opacity:1}49%{opacity:0}100%{opacity:0}}
@keyframes hwV{0%{opacity:0;transform:scale(.3) rotate(-30deg)}55%{opacity:0;transform:scale(.3) rotate(-30deg)}59%{opacity:1;transform:scale(1.2) rotate(0)}63%{transform:scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwPlus{0%{opacity:0;transform:translateY(10px)}57%{opacity:0;transform:translateY(10px)}62%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(-14px)}86%{opacity:0}100%{opacity:0}}
@keyframes hwSc0{0%{opacity:1}57%{opacity:1}58%{opacity:0}95%{opacity:0}96%{opacity:1}100%{opacity:1}}
@keyframes hwSc1{0%{opacity:0}57%{opacity:0}58%{opacity:1}95%{opacity:1}96%{opacity:0}100%{opacity:0}}
@keyframes hwHe{0%{left:90%;top:98%;opacity:0}8%{left:60%;top:30%;opacity:1}22%{left:36%;top:28%;opacity:1}30%{left:24%;top:56%;opacity:1}36%{left:24%;top:56%;opacity:1}56%{left:40%;top:70%;opacity:1}78%{left:40%;top:76%;opacity:1}84%{left:40%;top:76%;opacity:1}95%{left:90%;top:98%;opacity:0}100%{left:90%;top:98%;opacity:0}}
@keyframes hwHeR{0%{transform:scale(.2);opacity:0}32.5%{transform:scale(.2);opacity:0}34%{transform:scale(.7);opacity:.9}38%{transform:scale(2.2);opacity:0}80.5%{transform:scale(.2);opacity:0}82%{transform:scale(.7);opacity:.9}86%{transform:scale(2.2);opacity:0}}
@keyframes hwTy{0%{width:0}8%{width:0}24%{width:100%}94%{width:100%}96%{width:0}100%{width:0}}
@keyframes hwChip{0%{background:#fff;color:#27413a}33%{background:#fff;color:#27413a}36%{background:#0f3b2e;color:#fff}94%{background:#0f3b2e;color:#fff}97%{background:#fff;color:#27413a}100%{background:#fff;color:#27413a}}
@keyframes hwC1{0%{opacity:0;transform:translateY(14px) scale(.9)}42%{opacity:0;transform:translateY(14px) scale(.9)}47%{opacity:1;transform:translateY(0) scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwC2{0%{opacity:0;transform:translateY(14px) scale(.9)}50%{opacity:0;transform:translateY(14px) scale(.9)}55%{opacity:1;transform:translateY(0) scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwC3{0%{opacity:0;transform:translateY(14px) scale(.9)}58%{opacity:0;transform:translateY(14px) scale(.9)}63%{opacity:1;transform:translateY(0) scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwC2tap{0%{box-shadow:0 0 0 0 rgba(232,163,61,0)}81%{box-shadow:0 0 0 0 rgba(232,163,61,0)}84%{box-shadow:0 0 0 5px rgba(232,163,61,.55)}94%{box-shadow:0 0 0 5px rgba(232,163,61,.55)}97%{box-shadow:0 0 0 0 rgba(232,163,61,0)}100%{box-shadow:0 0 0 0 rgba(232,163,61,0)}}
@keyframes hwHp{0%{left:90%;top:98%;opacity:0}10%{left:14%;top:40%;opacity:1}18%{left:14%;top:24%;opacity:1}24%{left:14%;top:24%;opacity:1}30%{left:40%;top:24%;opacity:1}35%{left:40%;top:24%;opacity:1}60%{left:72%;top:50%;opacity:1}86%{left:72%;top:50%;opacity:1}95%{left:90%;top:98%;opacity:0}100%{left:90%;top:98%;opacity:0}}
@keyframes hwHpR{0%{transform:scale(.2);opacity:0}17.5%{transform:scale(.2);opacity:0}19%{transform:scale(.7);opacity:.9}23%{transform:scale(2.2);opacity:0}31.5%{transform:scale(.2);opacity:0}33%{transform:scale(.7);opacity:.9}37%{transform:scale(2.2);opacity:0}}
@keyframes hwPa{0%{background:#fff;border-color:#d9d4c3;color:#27413a}18%{background:#fff;border-color:#d9d4c3;color:#27413a}20%{background:#e8a33d;border-color:#c98a1e;color:#1d1a10}94%{background:#e8a33d;border-color:#c98a1e;color:#1d1a10}97%{background:#fff;border-color:#d9d4c3;color:#27413a}100%{background:#fff;border-color:#d9d4c3;color:#27413a}}
@keyframes hwPc{0%{background:#fff;border-color:#d9d4c3;color:#27413a}32%{background:#fff;border-color:#d9d4c3;color:#27413a}34%{background:#e8a33d;border-color:#c98a1e;color:#1d1a10}94%{background:#e8a33d;border-color:#c98a1e;color:#1d1a10}97%{background:#fff;border-color:#d9d4c3;color:#27413a}100%{background:#fff;border-color:#d9d4c3;color:#27413a}}
@keyframes hwRoute{0%{stroke-dashoffset:260}36%{stroke-dashoffset:260}52%{stroke-dashoffset:0}94%{stroke-dashoffset:0}97%{stroke-dashoffset:260}100%{stroke-dashoffset:260}}
@keyframes hwPin1{0%{opacity:0;transform:scale(0)}19%{opacity:0;transform:scale(0)}24%{opacity:1;transform:scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwPin2{0%{opacity:0;transform:scale(0)}33%{opacity:0;transform:scale(0)}38%{opacity:1;transform:scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwD1{0%{opacity:0;transform:translateX(24px)}54%{opacity:0;transform:translateX(24px)}60%{opacity:1;transform:translateX(0)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwD2{0%{opacity:0;transform:translateX(24px)}62%{opacity:0;transform:translateX(24px)}68%{opacity:1;transform:translateX(0)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwCost{0%{opacity:0;transform:scale(.8)}70%{opacity:0;transform:scale(.8)}76%{opacity:1;transform:scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwHg{0%{left:90%;top:98%;opacity:0}8%{left:52%;top:26%;opacity:1}30%{left:52%;top:26%;opacity:1}36%{left:22%;top:62%;opacity:1}40%{left:22%;top:62%;opacity:1}46%{left:22%;top:62%;opacity:1}52%{left:22%;top:62%;opacity:1}56%{left:22%;top:62%;opacity:1}70%{left:50%;top:88%;opacity:1}76%{left:50%;top:88%;opacity:1}95%{left:90%;top:98%;opacity:0}100%{left:90%;top:98%;opacity:0}}
@keyframes hwHgR{0%{transform:scale(.2);opacity:0}36.5%{transform:scale(.2);opacity:0}38%{transform:scale(.7);opacity:.9}42%{transform:scale(2.2);opacity:0}44.5%{transform:scale(.2);opacity:0}46%{transform:scale(.7);opacity:.9}50%{transform:scale(2.2);opacity:0}52.5%{transform:scale(.2);opacity:0}54%{transform:scale(.7);opacity:.9}58%{transform:scale(2.2);opacity:0}70.5%{transform:scale(.2);opacity:0}72%{transform:scale(.7);opacity:.9}76%{transform:scale(2.2);opacity:0}}
@keyframes hwGty{0%{width:0}8%{width:0}28%{width:100%}94%{width:100%}96%{width:0}100%{width:0}}
@keyframes hwPh1{0%{opacity:0;transform:scale(.4)}39%{opacity:0;transform:scale(.4)}43%{opacity:1;transform:scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwPh2{0%{opacity:0;transform:scale(.4)}47%{opacity:0;transform:scale(.4)}51%{opacity:1;transform:scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwPh3{0%{opacity:0;transform:scale(.4)}55%{opacity:0;transform:scale(.4)}59%{opacity:1;transform:scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwSend{0%{transform:scale(1)}71%{transform:scale(1)}73%{transform:scale(.92)}77%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes hwOk{0%{opacity:0;transform:scale(.5)}76%{opacity:0;transform:scale(.5)}82%{opacity:1;transform:scale(1)}93%{opacity:1}96%{opacity:0}100%{opacity:0}}
@keyframes hwHs{0%{left:90%;top:98%;opacity:0}6%{left:34%;top:24%;opacity:1}16%{left:60%;top:24%;opacity:1}18%{left:34%;top:44%;opacity:1}30%{left:62%;top:44%;opacity:1}32%{left:34%;top:64%;opacity:1}44%{left:50%;top:64%;opacity:1}62%{left:76%;top:86%;opacity:1}68%{left:76%;top:86%;opacity:1}95%{left:90%;top:98%;opacity:0}100%{left:90%;top:98%;opacity:0}}
@keyframes hwHsR{0%{transform:scale(.2);opacity:0}64.5%{transform:scale(.2);opacity:0}66%{transform:scale(.7);opacity:.9}70%{transform:scale(2.2);opacity:0}}
@keyframes hwL1{0%{width:0}6%{width:0}16%{width:82%}94%{width:82%}97%{width:0}100%{width:0}}
@keyframes hwL2{0%{width:0}18%{width:0}30%{width:86%}94%{width:86%}97%{width:0}100%{width:0}}
@keyframes hwL3{0%{width:0}32%{width:0}44%{width:56%}94%{width:56%}97%{width:0}100%{width:0}}
@keyframes hwPub{0%{transform:scale(1)}65%{transform:scale(1)}67%{transform:scale(.92)}71%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes hwDone{0%{opacity:0;transform:translateY(8px)}70%{opacity:0;transform:translateY(8px)}76%{opacity:1;transform:translateY(0)}93%{opacity:1}96%{opacity:0}100%{opacity:0}}
@keyframes hwHa{0%{left:90%;top:98%;opacity:0}18%{left:60%;top:70%;opacity:1}34%{left:40%;top:76%;opacity:1}40%{left:40%;top:76%;opacity:1}60%{left:70%;top:52%;opacity:1}90%{left:70%;top:52%;opacity:1}95%{left:90%;top:98%;opacity:0}100%{left:90%;top:98%;opacity:0}}
@keyframes hwHaR{0%{transform:scale(.2);opacity:0}36.5%{transform:scale(.2);opacity:0}38%{transform:scale(.7);opacity:.9}42%{transform:scale(2.2);opacity:0}}
@keyframes hwQ{0%{opacity:0;transform:translateY(10px) scale(.9)}6%{opacity:0;transform:translateY(10px) scale(.9)}14%{opacity:1;transform:translateY(0) scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwAn{0%{opacity:0;transform:translateY(10px) scale(.9)}46%{opacity:0;transform:translateY(10px) scale(.9)}54%{opacity:1;transform:translateY(0) scale(1)}94%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes hwBest{0%{opacity:0;transform:scale(.4) rotate(-20deg)}66%{opacity:0;transform:scale(.4) rotate(-20deg)}72%{opacity:1;transform:scale(1.15) rotate(0)}76%{transform:scale(1)}93%{opacity:1}96%{opacity:0}100%{opacity:0}}
@keyframes hwReply{0%{transform:scale(1)}37%{transform:scale(1)}39%{transform:scale(.92)}43%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes hwHc{0%{left:90%;top:98%;opacity:0}10%{left:44%;top:66%;opacity:1}26%{left:44%;top:66%;opacity:1}30%{left:44%;top:66%;opacity:1}40%{left:44%;top:66%;opacity:1}46%{left:44%;top:66%;opacity:1}56%{left:44%;top:66%;opacity:1}62%{left:44%;top:66%;opacity:1}95%{left:90%;top:98%;opacity:0}100%{left:90%;top:98%;opacity:0}}
@keyframes hwHcR{0%{transform:scale(.2);opacity:0}26.5%{transform:scale(.2);opacity:0}28%{transform:scale(.7);opacity:.9}32%{transform:scale(2.2);opacity:0}42.5%{transform:scale(.2);opacity:0}44%{transform:scale(.7);opacity:.9}48%{transform:scale(2.2);opacity:0}58.5%{transform:scale(.2);opacity:0}60%{transform:scale(.7);opacity:.9}64%{transform:scale(2.2);opacity:0}}
@keyframes hwHt1{0%{opacity:0;transform:translateY(0) scale(.5)}28%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1;transform:translateY(-6px) scale(1.1)}40%{opacity:0;transform:translateY(-44px) scale(.9)}100%{opacity:0}}
@keyframes hwHt2{0%{opacity:0;transform:translateY(0) scale(.5)}44%{opacity:0;transform:translateY(0) scale(.5)}46%{opacity:1;transform:translateY(-6px) scale(1.1)}56%{opacity:0;transform:translateY(-44px) scale(.9)}100%{opacity:0}}
@keyframes hwHt3{0%{opacity:0;transform:translateY(0) scale(.5)}60%{opacity:0;transform:translateY(0) scale(.5)}62%{opacity:1;transform:translateY(-6px) scale(1.1)}72%{opacity:0;transform:translateY(-44px) scale(.9)}100%{opacity:0}}
@keyframes hwHeart{0%{color:#b9b2a0;transform:scale(1)}27%{color:#b9b2a0;transform:scale(1)}29%{color:#e0245e;transform:scale(1.3)}34%{color:#e0245e;transform:scale(1)}94%{color:#e0245e}97%{color:#b9b2a0}100%{color:#b9b2a0}}
@keyframes hwN0{0%{opacity:1}28%{opacity:1}29%{opacity:0}95%{opacity:0}96%{opacity:1}100%{opacity:1}}
@keyframes hwN1{0%{opacity:0}28%{opacity:0}29%{opacity:1}44.5%{opacity:1}45.5%{opacity:0}100%{opacity:0}}
@keyframes hwN2{0%{opacity:0}44%{opacity:0}45%{opacity:1}60.5%{opacity:1}61.5%{opacity:0}100%{opacity:0}}
@keyframes hwN3{0%{opacity:0}60%{opacity:0}61%{opacity:1}95%{opacity:1}96%{opacity:0}100%{opacity:0}}
.how{max-width:1120px;margin:18px auto 0;padding:0 max(14px,3vw);position:relative;z-index:3}
.how-in{--D:9s;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:center;background:var(--paper,#fff);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--sh,0 14px 36px -22px rgba(11,42,36,.4));position:relative}
.how-x{position:absolute;right:10px;top:8px;width:34px;height:34px;border:0;background:none;color:var(--mut,#6d7a73);font-size:1.1rem;cursor:pointer;border-radius:50%}
.how-t{font-weight:700;font-size:1.02rem;margin:0 36px 8px 0}
.hw-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hw-steps li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:12px;border:1px solid transparent;opacity:.62;line-height:1.45;font-size:.95rem}
.hw-steps li b{flex:none;width:26px;height:26px;border-radius:50%;background:var(--gold,#e8a33d);color:#1d1a10;display:grid;place-items:center;font-size:.85rem}
.hw-steps li:nth-child(1){animation:hwS1 var(--D) linear infinite}.hw-steps li:nth-child(2){animation:hwS2 var(--D) linear infinite}.hw-steps li:nth-child(3){animation:hwS3 var(--D) linear infinite}
@keyframes hwS1{0%,34%{opacity:1;background:color-mix(in srgb,var(--gold,#e8a33d) 14%,var(--paper,#fff));border-color:var(--gold,#e8a33d)}38%,100%{opacity:.62;background:none;border-color:transparent}}
@keyframes hwS2{0%,34%{opacity:.62;background:none;border-color:transparent}38%,64%{opacity:1;background:color-mix(in srgb,var(--gold,#e8a33d) 14%,var(--paper,#fff));border-color:var(--gold,#e8a33d)}68%,100%{opacity:.62;background:none;border-color:transparent}}
@keyframes hwS3{0%,64%{opacity:.62;background:none;border-color:transparent}68%,95%{opacity:1;background:color-mix(in srgb,var(--gold,#e8a33d) 14%,var(--paper,#fff));border-color:var(--gold,#e8a33d)}98%,100%{opacity:.62;background:none;border-color:transparent}}
.hw-stage{position:relative;height:178px;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#eef4ee,#f7f1e1);border:1px solid var(--line)}
.hw-stage *{box-sizing:border-box}
.hw-h{position:absolute;width:30px;height:30px;margin:-4px 0 0 -9px;z-index:9;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.hw-h svg{width:100%;height:100%;display:block}.hw-h i{position:absolute;left:5px;top:0;width:22px;height:22px;border-radius:50%;border:2.5px solid #e8a33d;opacity:0}
.hw-b0{position:absolute;font:inherit;font-size:.78rem;font-weight:600;border-radius:10px;border:1.5px solid #cfd9d0;background:#fff;color:#27413a;display:grid;place-items:center;padding:0 8px;white-space:nowrap}
@media(max-width:820px){.how-in{grid-template-columns:1fr}.hw-stage{height:168px}}
@media(prefers-reduced-motion:reduce){.how-in *{animation:none!important}}
body.dark .hw-stage{background:linear-gradient(160deg,#16251f,#1c2a22)}body.dark .hw-b0{background:#233229;color:#e8dfcc;border-color:#3a4a40}
.hw-map .bd{position:absolute;left:5%;top:10%;width:54%;height:80%;display:grid;grid-template:1fr 1fr/1fr 1fr 1fr;gap:6px}
.hw-map .bd b{background:#dfe7e0;border:0;display:block}
.hw-map .bd b:nth-child(1){clip-path:polygon(8% 12%,92% 0,100% 70%,60% 100%,0 86%)}.hw-map .bd b:nth-child(2){clip-path:polygon(0 8%,70% 0,100% 40%,86% 100%,12% 92%)}.hw-map .bd b:nth-child(3){clip-path:polygon(14% 0,100% 14%,92% 88%,40% 100%,0 60%)}
.hw-map .bd b:nth-child(4){clip-path:polygon(0 20%,78% 0,100% 62%,52% 100%,6% 82%)}.hw-map .bd b:nth-child(5){clip-path:polygon(10% 0,92% 18%,100% 80%,34% 100%,0 70%)}.hw-map .bd b:nth-child(6){clip-path:polygon(0 0,86% 10%,100% 52%,70% 100%,10% 86%)}
.hw-map .bd b:nth-child(1){animation:hwT1 var(--D) linear infinite}
.hw-map .bd b:nth-child(5){animation:hwT2 var(--D) linear infinite}
.hw-map .bd b:nth-child(3){animation:hwT3 var(--D) linear infinite}
.hw-map .dl{position:absolute;left:66%;top:34%;width:28%;height:34px}
.hw-map .dl{animation:hwDl var(--D) linear infinite}
.hw-map .sm{position:absolute;left:66%;top:74%;width:28%;font-size:.72rem;font-weight:600;color:#0f3b2e;text-align:center}.hw-map .sm{animation:hwToast var(--D) linear infinite}
.hw-map .fm{position:absolute;left:66%;top:12%;width:28%;display:flex;gap:6px}
.hw-quiz .qq{position:absolute;left:6%;top:8%;width:60%;font-weight:700;font-size:.86rem}
.hw-quiz .op{position:absolute;left:6%;width:60%;height:28px;border:1.5px solid #d9d4c3;border-radius:10px;background:#fff;display:flex;align-items:center;padding:0 10px;font-size:.84rem;color:#27413a}
.hw-quiz .o1{top:32%}.hw-quiz .o2{top:54%}.hw-quiz .o3{top:76%}.hw-quiz .o1{animation:hwO1 var(--D) linear infinite}.hw-quiz .o2{animation:hwO2 var(--D) linear infinite}
.hw-quiz .mk{position:absolute;right:8px;font-weight:700}.hw-quiz .o1 .mk{color:#d33;animation:hwX var(--D) linear infinite}.hw-quiz .o2 .mk{color:#1f8a46;animation:hwV var(--D) linear infinite}
.hw-quiz .pt{position:absolute;left:72%;top:34%;width:24%;text-align:center;border-radius:14px;background:#0f3b2e;color:#f3d58f;padding:10px 4px;font-size:.75rem}.hw-quiz .pt b{display:block;font-size:1.3rem;color:#fff}
.hw-quiz .pt span{display:block}.hw-quiz .pt .s0{animation:hwSc0 var(--D) linear infinite}.hw-quiz .pt .s1{position:absolute;left:0;right:0;top:10px;animation:hwSc1 var(--D) linear infinite}
.hw-quiz .plus{position:absolute;left:78%;top:26%;font-weight:800;color:#1f8a46;font-size:1.05rem;animation:hwPlus var(--D) linear infinite}
.hw-exp .sb{position:absolute;left:5%;top:8%;width:62%;height:30px;border-radius:999px;background:#fff;border:1.5px solid #cfd9d0;display:flex;align-items:center;padding:0 12px;font-size:.84rem;overflow:hidden}
.hw-exp .sb span{display:block;overflow:hidden;white-space:nowrap;animation:hwTy var(--D) steps(8,end) infinite;border-right:2px solid #0f3b2e}
.hw-exp .ch{position:absolute;top:34%;display:flex;gap:6px;left:5%}.hw-exp .ch b{font-size:.74rem;font-weight:600;padding:5px 12px;border-radius:999px;border:1.5px solid #cfd9d0;background:#fff;color:#27413a}.hw-exp .ch b:first-child{animation:hwChip var(--D) linear infinite}
.hw-exp .cd{position:absolute;top:56%;width:20%;height:38%;border-radius:12px;background:#fff;border:1px solid #d6dfd7;overflow:hidden;display:flex;flex-direction:column}.hw-exp .cd i{flex:1;display:block}.hw-exp .cd em{font-style:normal;font-size:.62rem;padding:3px 6px;font-weight:600}
.hw-exp .c1{left:5%;animation:hwC1 var(--D) linear infinite}.hw-exp .c2{left:28%;animation:hwC2 var(--D) linear infinite,hwC2tap var(--D) linear infinite}.hw-exp .c3{left:51%;animation:hwC3 var(--D) linear infinite}
.hw-exp .c1 i{background:linear-gradient(135deg,#9bc65a,#2f6c28)}.hw-exp .c2 i{background:linear-gradient(135deg,#f0a45d,#c26a62)}.hw-exp .c3 i{background:linear-gradient(135deg,#6fa8dc,#274b8a)}
.hw-exp .mp{position:absolute;right:6%;top:12%;width:22%;height:76%;border-radius:12px;background:repeating-linear-gradient(0deg,#e3ece4 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,#e3ece4 0 1px,transparent 1px 22px),#f4f8f2;border:1px solid #d6dfd7}
.hw-plan .ch{position:absolute;left:5%;top:8%;display:flex;gap:6px}.hw-plan .ch b{font-size:.72rem;font-weight:600;padding:5px 9px;border-radius:999px;border:1.5px solid #d9d4c3;background:#fff;color:#27413a}.hw-plan .ch b:nth-child(1){animation:hwPa var(--D) linear infinite}.hw-plan .ch b:nth-child(3){animation:hwPc var(--D) linear infinite}
.hw-plan svg.rt{position:absolute;left:3%;top:36%;width:50%;height:60%}.hw-plan .rt path{fill:none;stroke:#e8a33d;stroke-width:3;stroke-dasharray:260;stroke-linecap:round;animation:hwRoute var(--D) linear infinite}
.hw-plan .rt circle{transform-box:fill-box;transform-origin:center;fill:#0f3b2e;stroke:#fff;stroke-width:3}.hw-plan .rt .p1{animation:hwPin1 var(--D) linear infinite}.hw-plan .rt .p2{animation:hwPin2 var(--D) linear infinite}
.hw-plan .dy{position:absolute;left:58%;width:36%;height:30px;border-radius:10px;background:#0f3b2e;color:#f3d58f;font-size:.74rem;font-weight:600;display:flex;align-items:center;padding:0 10px}.hw-plan .d1{top:12%;animation:hwD1 var(--D) linear infinite}.hw-plan .d2{top:34%;animation:hwD2 var(--D) linear infinite}
.hw-plan .tc{position:absolute;left:58%;top:62%;width:36%;border-radius:12px;background:#fff;border:1.5px solid #e8a33d;padding:7px 10px;font-size:.72rem;color:#27413a;animation:hwCost var(--D) linear infinite}.hw-plan .tc b{display:block;font-size:1.1rem;color:#0f3b2e}
.hw-gem .fl{position:absolute;left:5%;top:9%;width:60%;height:30px;border-radius:10px;border:1.5px solid #cfd9d0;background:#fff;padding:0 10px;display:flex;align-items:center;font-size:.82rem;overflow:hidden}.hw-gem .fl span{display:block;overflow:hidden;white-space:nowrap;animation:hwGty var(--D) steps(10,end) infinite;border-right:2px solid #0f3b2e}
.hw-gem .gp{position:absolute;top:44%;width:19%;height:36%;border-radius:10px;border:1.5px dashed #b9c8bc;display:grid;place-items:center;font-size:1.1rem;color:#8da193}.hw-gem .a1{left:5%}.hw-gem .a2{left:26%}.hw-gem .a3{left:47%}
.hw-gem .gp i{position:absolute;inset:0;border-radius:8px;opacity:0}.hw-gem .a1 i{background:linear-gradient(135deg,#9bc65a,#2f6c28);animation:hwPh1 var(--D) linear infinite}.hw-gem .a2 i{background:linear-gradient(135deg,#f0a45d,#c26a62);animation:hwPh2 var(--D) linear infinite}.hw-gem .a3 i{background:linear-gradient(135deg,#6fa8dc,#274b8a);animation:hwPh3 var(--D) linear infinite}
.hw-gem .sn{position:absolute;left:5%;top:84%;width:46%;height:26px;border-radius:9px;background:#0f3b2e;color:#f3d58f;font-size:.74rem;font-weight:700;display:grid;place-items:center;animation:hwSend var(--D) linear infinite;top:80%}
.hw-gem .ok{position:absolute;right:5%;top:30%;width:26%;text-align:center;border-radius:14px;background:#d9f4df;border:1.5px solid #2e9e57;color:#14502a;padding:12px 6px;font-size:.72rem;font-weight:600;animation:hwOk var(--D) linear infinite}.hw-gem .ok b{display:block;font-size:1.5rem}
.hw-story .pg{position:absolute;left:5%;top:8%;width:62%;height:70%;border-radius:12px;background:#fffdf6;border:1px solid #e1d9bf;padding:14px 12px;display:flex;flex-direction:column;gap:12px}.hw-story .pg i{display:block;height:7px;border-radius:4px;background:#cdbf94;width:0}
.hw-story .pg i:nth-child(1){animation:hwL1 var(--D) linear infinite}.hw-story .pg i:nth-child(2){animation:hwL2 var(--D) linear infinite}.hw-story .pg i:nth-child(3){animation:hwL3 var(--D) linear infinite}
.hw-story .pb{position:absolute;left:5%;top:82%;width:30%;height:24px;border-radius:9px;background:#0f3b2e;color:#f3d58f;font-size:.72rem;font-weight:700;display:grid;place-items:center;animation:hwPub var(--D) linear infinite}
.hw-story .dn{position:absolute;right:5%;top:30%;width:24%;text-align:center;border-radius:14px;background:#d9f4df;border:1.5px solid #2e9e57;color:#14502a;padding:12px 6px;font-size:.72rem;font-weight:600;animation:hwDone var(--D) linear infinite}.hw-story .dn b{display:block;font-size:1.4rem}
.hw-qa .bq,.hw-qa .ba{position:absolute;border-radius:14px;padding:8px 12px;font-size:.78rem;max-width:62%}.hw-qa .bq{left:5%;top:8%;background:#0f3b2e;color:#f3d58f;animation:hwQ var(--D) linear infinite;border-bottom-left-radius:4px}
.hw-qa .ba{right:5%;top:46%;background:#fff;border:1.5px solid #d6dfd7;color:#27413a;animation:hwAn var(--D) linear infinite;border-bottom-right-radius:4px}.hw-qa .bs{position:absolute;right:8%;top:76%;font-size:.74rem;font-weight:700;color:#14502a;background:#d9f4df;border:1.5px solid #2e9e57;border-radius:999px;padding:3px 10px;animation:hwBest var(--D) linear infinite}
.hw-qa .rp{position:absolute;left:5%;top:62%;height:28px;padding:0 14px;border-radius:9px;background:#e8a33d;color:#1d1a10;font-size:.76rem;font-weight:700;display:grid;place-items:center;animation:hwReply var(--D) linear infinite}
.hw-con .im{position:absolute;left:5%;top:8%;width:48%;height:84%;border-radius:12px;background:linear-gradient(180deg,#6fa8dc 0 46%,#f3d58f 46% 52%,#4f9a5a 52%);overflow:hidden}.hw-con .im:before{content:"";position:absolute;left:62%;top:14%;width:18%;aspect-ratio:1;border-radius:50%;background:#fff6d0}.hw-con .im:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(120deg,#2f6c28 30%,transparent 30%),#4f9a5a;clip-path:polygon(0 60%,30% 20%,55% 55%,80% 10%,100% 50%,100% 100%,0 100%)}
.hw-con .vt{position:absolute;left:60%;top:30%;display:flex;flex-direction:column;align-items:center;gap:2px}.hw-con .hr{font-size:2.2rem;line-height:1;color:#b9b2a0;animation:hwHeart var(--D) linear infinite}.hw-con .cn{position:relative;width:60px;height:24px;text-align:center;font-weight:800;color:#0f3b2e}.hw-con .cn span{position:absolute;inset:0;animation:none}
.hw-con .cn .n0{animation:hwN0 var(--D) linear infinite}.hw-con .cn .n1{animation:hwN1 var(--D) linear infinite}.hw-con .cn .n2{animation:hwN2 var(--D) linear infinite}.hw-con .cn .n3{animation:hwN3 var(--D) linear infinite}
.hw-con .fh{position:absolute;left:64%;top:36%;font-size:1.4rem;color:#e0245e;opacity:0}.hw-con .f1{animation:hwHt1 var(--D) linear infinite}.hw-con .f2{left:70%;animation:hwHt2 var(--D) linear infinite}.hw-con .f3{left:58%;animation:hwHt3 var(--D) linear infinite}
.hw-con .lb{position:absolute;left:60%;top:76%;font-size:.7rem;color:#27413a;width:34%}
.hw-map .hw-h{animation:hwHm var(--D) linear infinite}.hw-map .hw-h i{animation:hwHmR var(--D) linear infinite}
.hw-quiz .hw-h{animation:hwHq var(--D) linear infinite}.hw-quiz .hw-h i{animation:hwHqR var(--D) linear infinite}
.hw-exp .hw-h{animation:hwHe var(--D) linear infinite}.hw-exp .hw-h i{animation:hwHeR var(--D) linear infinite}
.hw-plan .hw-h{animation:hwHp var(--D) linear infinite}.hw-plan .hw-h i{animation:hwHpR var(--D) linear infinite}
.hw-gem .hw-h{animation:hwHg var(--D) linear infinite}.hw-gem .hw-h i{animation:hwHgR var(--D) linear infinite}
.hw-story .hw-h{animation:hwHs var(--D) linear infinite}.hw-story .hw-h i{animation:hwHsR var(--D) linear infinite}
.hw-qa .hw-h{animation:hwHa var(--D) linear infinite}.hw-qa .hw-h i{animation:hwHaR var(--D) linear infinite}
.hw-con .hw-h{animation:hwHc var(--D) linear infinite}.hw-con .hw-h i{animation:hwHcR var(--D) linear infinite}
/* ===== v59: খেলার নতুন মোড ===== */
.g2tabs{display:flex;gap:8px;overflow-x:auto;max-width:900px;margin:18px auto 0;padding:0 max(14px,3vw);scrollbar-width:none}.g2tabs::-webkit-scrollbar{display:none}
.g2tabs button{flex:none;font:inherit;font-weight:600;min-height:46px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper,#fff);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.g2tabs button.on{background:var(--forest,#0f3b2e);color:#fbf6ec;border-color:var(--forest,#0f3b2e)}
.g2{max-width:900px;margin:14px auto 40px;padding:0 max(14px,3vw);position:relative}.g2[hidden]{display:none}
.g2>*{box-sizing:border-box}
.g2h{background:var(--paper,#fff);border:1px solid var(--line);border-radius:18px;padding:12px 14px;margin-bottom:12px}
.g2bar{height:8px;background:var(--line);border-radius:5px;overflow:hidden}.g2bar i{display:block;height:100%;background:linear-gradient(90deg,#4aa56a,#e8a33d);transition:width .4s}
.g2inf{display:flex;justify-content:space-between;margin-top:8px;font-weight:600;font-size:.92rem}
.g2q{font-size:1.15rem;font-weight:700;margin:10px 2px}.g2q b{color:var(--forest,#0f3b2e);background:color-mix(in srgb,var(--gold,#e8a33d) 25%,transparent);padding:2px 10px;border-radius:10px}
.g2map{display:block;width:100%;max-width:440px;margin:0 auto;background:linear-gradient(160deg,#eef4ee,#f7f1e1);border:1px solid var(--line);border-radius:20px;padding:10px}.g2map.mini{max-width:300px}
.g2map path{fill:#dfe7e0;stroke:#fff;stroke-width:2;transition:fill .25s}.g2map.tap path{cursor:pointer}.g2map.tap path:hover{fill:#c9dccd}
.g2map path.hi{fill:#e8a33d;animation:g2pulse 1.2s ease-in-out infinite}.g2map path.ok{fill:#2e9e57!important}.g2map path.no{fill:#e05a5a!important;animation:g2shake .4s}.g2map path.show{fill:#e8a33d!important;animation:g2pulse .9s ease-in-out 3}
@keyframes g2pulse{50%{filter:brightness(1.18)}}@keyframes g2shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.g2o{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.g2o button{position:relative;font:inherit;font-weight:600;min-height:56px;padding:10px 14px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper,#fff);color:var(--ink);cursor:pointer;transition:transform .12s,background .2s,border-color .2s}.g2o button:hover{border-color:var(--gold,#e8a33d)}
.g2o button.ok{background:#d9f4df;border-color:#2e9e57;color:#14502a;animation:g2pop .35s}.g2o button.no{background:#fde2e2;border-color:#e05a5a;color:#7a1f1f;animation:g2shake .4s}
.g2o button em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:800}
@keyframes g2pop{50%{transform:scale(1.05)}}
.g2img{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#9bc65a,#2f6c28 60%,#0f3b2e);border:1px solid var(--line)}.g2img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.g2fb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;z-index:0}.g2fb span{font-size:4rem;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.g2fb small{background:rgba(0,0,0,.35);padding:3px 12px;border-radius:999px}.g2img img{z-index:1}
.g2f{position:sticky;bottom:12px;margin-top:14px;padding:12px 16px;border-radius:14px;font-weight:700;animation:g2pop .35s}.g2f.ok{background:#d9f4df;color:#14502a;border:1.5px solid #2e9e57}.g2f.no{background:#fde2e2;color:#7a1f1f;border:1.5px solid #e05a5a}
.g2hint{text-align:center;color:var(--mut,#6d7a73);font-size:.88rem}
.g2end{text-align:center;background:var(--paper,#fff);border:1px solid var(--line);border-radius:24px;padding:28px 18px}.g2trophy{font-size:4rem;animation:g2pop 1.4s ease-in-out infinite}.g2mut{color:var(--mut,#6d7a73)}
.g2acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.g2acts button,.g2acts a{font:inherit;font-weight:700;min-height:46px;padding:0 20px;border-radius:14px;border:1.5px solid var(--forest,#0f3b2e);background:var(--forest,#0f3b2e);color:#fbf6ec;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}.g2acts a{background:var(--paper,#fff);color:var(--forest,#0f3b2e)}
@media(max-width:520px){.g2o{grid-template-columns:1fr}}
body.dark .g2map{background:linear-gradient(160deg,#16251f,#1c2a22)}body.dark .g2map path{fill:#2d3d34;stroke:#16251f}

/* ===== v59: স্পট পেজের বিস্তারিত অংশ ===== */
.sp-plus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.sp-card{background:var(--paper,#fff);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--sh,0 10px 28px -20px rgba(11,42,36,.35))}.sp-card:nth-child(1),.sp-card:nth-child(6){grid-column:1/-1}
.sp-card h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:1.05rem}.sp-card h3 i{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--gold,#e8a33d) 22%,var(--paper,#fff));font-size:1.1rem}
.sp-card ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:8px}.sp-card li,.sp-card p{line-height:1.7;margin:0 0 4px}.sp-card small{color:var(--mut,#6d7a73)}.sp-card a{color:var(--forest,#0f3b2e);font-weight:600}
@media(max-width:720px){.sp-plus{grid-template-columns:1fr}}


/* ---- স্লাইডার বাটন: দুটো সমান উচ্চতায়, ডেস্কটপ-মোবাইল একই ---- */
.hm .hmh .hnav{display:flex;align-items:center;gap:8px;margin:0;flex:none}
.hm .hmh .hnav .hn{margin:0;padding:0;flex:none;align-self:center;transform:none}
.hm .hmh .hnav .hn:hover:not(:disabled){transform:none}
.hm .hmh .hnav .hn:active:not(:disabled){transform:scale(.94)}


/* ===== প্ল্যানার ফর্ম: ডেস্কটপ ও মোবাইলে সোজা, সমান মাপ (v64 ফিক্স) ===== */
.pl2{padding:24px max(14px,3vw) 72px}
.pl2 .pl-grid>*,.pl2 .pl-col,.pl2 .pl-col2,.pl2 #pl-out{min-width:0;width:100%}
.pl2 .pl-card{padding:20px;margin:0 0 18px;overflow:hidden}
.pl2 .pl-card h3{margin:0 0 14px;line-height:1.35}
.pl2 .pl-card h3 i{margin:0}
.pl2 .pl-sel,.pl2 input[type=number]{-moz-appearance:textfield;appearance:none;-webkit-appearance:none}
.pl2 .pl-sel{background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.pl2 input[type=number]::-webkit-outer-spin-button,.pl2 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pl2 .pl-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 16px;align-items:end;margin:12px 0}
.pl2 .pl-row>label{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-width:0}
.pl2 .pl-st{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;width:100%}
.pl2 .pl-st button{width:44px;height:44px;padding:0;display:grid;place-items:center;line-height:1}
.pl2 .pl-st input{text-align:center;padding:0 4px;height:44px}
.pl2 .pl-money{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;font-weight:700}
.pl2 .pl-money input{height:44px}
.pl2 .pl-row>.pl-chk{flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px!important;min-height:44px;align-self:end}
.pl2 .pl-chk input{width:20px;height:20px;margin:0;accent-color:var(--forest,#0f3b2e);flex:none}
.pl2 .pl-seg button{align-items:flex-start}
.pl2 .pl-adv summary{list-style:none;padding:0 14px;min-height:46px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);justify-content:space-between}
.pl2 .pl-adv summary::-webkit-details-marker{display:none}
.pl2 .pl-adv summary::after{content:'+';font-size:1.3rem;line-height:1;color:var(--mut)}
.pl2 .pl-adv[open] summary::after{content:'−'}
.pl2 .pl-tb{width:100%;table-layout:auto}
.pl2 .pl-day,.pl2 .pl-v,.pl2 .pl-sum,.pl2 .pl-bar{width:100%}
.pl2 .pl-acts button,.pl2 .pl-acts a{flex:1 1 auto;justify-content:center}
@media(max-width:520px){
 .pl2{padding:16px 12px 56px}
 .pl2 .pl-card{padding:16px;border-radius:18px}
 .pl2 .pl-row{grid-template-columns:1fr 1fr}
 .pl2 .pl-row>label:nth-child(3),.pl2 .pl-row>.pl-chk{grid-column:1/-1}
 .pl2 .pl-sh span button{min-height:36px}
 .pl2 .pl-acts button,.pl2 .pl-acts a{flex:1 1 calc(50% - 8px);padding:0 10px}
}

.pl2 .pl-tb{display:table!important;width:100%!important;max-width:100%}
.pl2 details.pl-adv{background:none;border:0;border-top:1px dashed var(--line);border-radius:0;box-shadow:none;padding:12px 0 0;margin-top:12px}
@media(max-width:520px){.pl2 .pl-row>label:has(#pl-mon){grid-column:1/-1}}

.pl2 details.pl-adv{background:none!important;border:0!important;border-top:1px dashed var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:12px 0 0!important}
@media(max-width:520px){.pl2 .pl-seg button{align-items:center!important}}
/* লুকানো রত্ন ফর্ম: দুই-কলামের জোড়া ঘর (আগে .g2 নাম গেমের কনটেইনারের সাথে মিলে সরু হয়ে মাঝখানে বসে যেত) */
.gwrap .gpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;width:100%;max-width:none;margin:0;padding:0}
.gwrap .gpair>label{min-width:0}
@media(max-width:640px){.gwrap .gpair{grid-template-columns:minmax(0,1fr)}}

/* বাংলাদেশ গাইড হাব */
.gdiv{margin:14px 0}.gdiv>summary{cursor:pointer;font-size:1.15rem;padding:10px 0;border-bottom:1px solid var(--line)}.gdiv>summary small{color:var(--mut);font-weight:400;margin-left:6px}
.gdiv .grid{margin-top:12px}.gdist h3{margin:0 0 6px}.gdist p{margin:6px 0;font-size:.95rem}
#gq{max-width:100%;min-width:220px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:transparent;color:inherit}