:root{
  --ink:#0c1b13; --bg:#f2fbf6; --card:#ffffff; --line:#dbe7df; --muted:#4b6b57;
  --brand:#16a34a; --brand2:#22c55e; --dark:#0a2a17;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:
    radial-gradient(800px 500px at 10% -10%, #dff7e8 20%, transparent 60%),
    radial-gradient(900px 600px at 90% -10%, #e5faf0 15%, transparent 60%),
    var(--bg);
  font-family:"Noto Sans Bengali",system-ui,-apple-system,Segoe UI,Roboto,Inter,Manrope,Arial;
  color:var(--ink);
}
.container{max-width:1180px;margin:0 auto;padding:0 20px}

/* Buttons */
.btn{appearance:none;border:1px solid var(--line);background:#fff;color:#123b23;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}
.btn-primary{border:none;color:#05240f;background:linear-gradient(135deg,var(--brand),var(--brand2))}
.btn-ghost{background:#fff;border:1px solid var(--line);font-weight:900;border-radius:12px;padding:12px 16px}

/* Header */
header.site-header{
  position:sticky; top:0; z-index:20;
  background:linear-gradient(180deg,#e7fbef,rgba(231,251,239,.9));
  border-bottom:1px solid var(--line); backdrop-filter:saturate(180%) blur(6px);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:min(98px,14vw);gap:16px}
.logoWrap{display:flex;align-items:center;gap:12px}
/* ⬇️ লোগো বড় করা হয়েছে */
.logo{height:min(96px,14vw);width:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}
@media (max-width:640px){ .logo{height:72px} }

/* Footer */
footer.site-footer{background:#0f2a1b;color:#e9fff1;margin-top:24px}
.ftwrap{padding:34px 0;border-top:1px solid #16452d}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}
@media (max-width:920px){ .fgrid{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .fgrid{grid-template-columns:1fr} }
.fcol h4{margin:0 0 10px;font-weight:900}
.fcol a{display:block;color:#d8ffe7;text-decoration:none;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
.fcol a:hover{color:#b7ffd6}
.addr{color:#a6e7c3;font-weight:700}
.copy{border-top:1px solid #16452d;padding:14px 0;color:#bdf0d3;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.soc a{margin-right:10px;color:#bdf0d3;text-decoration:none}

/* Sections / grid */
.sec{padding:28px 0}
.sec h2{font-size:clamp(22px,3.2vw,32px);margin:0 0 10px;font-weight:900}
.lead{margin:-6px 0 12px;color:#4b6b57;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:900px){ .grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:520px){ .grid{grid-template-columns:1fr} }

/* Card (base) */
.card{
  background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease
}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(20,115,52,.10)}
.card .thumb{
  height:140px;background:#e9f7ef url('img/placeholder.svg') center/cover no-repeat;
  border-bottom:1px solid var(--line); position:relative
}
.card .pad{padding:14px}
.card .t{font-weight:900;margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card .s{color:var(--muted);font-weight:700;font-size:14px}

/* Area cards — gradient overlay + subtle zoom on hover */
.card.area .thumb::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.55) 95%);
}
.card.area:hover .thumb{filter:saturate(1.05) contrast(1.02)}

/* Status Tags */
.tag{
  display:inline-block; font-size:12px; padding:2px 8px; border-radius:999px;
  border:1px solid #bfe9ca; background:#def7e7; color:#0a6a36; font-weight:800
}
.tag.soon{background:#e6fbff;border-color:#bfeaf2;color:#055c68}
.tag.running{background:#def7e7;border-color:#bfe9ca;color:#0a6a36}

/* Hero */
.hero{padding:34px 0 10px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}
.tabs{display:flex;gap:8px;margin-bottom:12px}
.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;color:#1a3a28}
.tab.active{background:#eafff0;border-color:#bfe9ca;color:#0d6b35}
.hero h1{font-size:clamp(28px,5.2vw,54px);line-height:1.06;margin:8px 0 8px;font-weight:900;letter-spacing:-.02em}
.brand-em{color:var(--brand)}
.hero p{color:var(--muted);font-weight:700;margin:0 0 14px}
.hero-badges{display:flex;gap:10px;align-items:center}
.store{height:44px;width:auto}
.phonewrap{display:grid;place-items:center}
.phonewrap img{max-width:420px;width:100%;height:auto;border-radius:28px;box-shadow:0 12px 40px rgba(0,0,0,.08)}
@media (max-width:920px){ .hero-grid{grid-template-columns:1fr} .phonewrap{order:-1} }

/* Categories */
.catgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media (max-width:1024px){ .catgrid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:520px){ .catgrid{grid-template-columns:repeat(2,1fr)} }
.cat{
  background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;
  transition:transform .2s ease, box-shadow .2s ease
}
.cat:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.08)}
.cat .pic{height:120px;background:#eef7f1 url('img/cat-placeholder.svg') center/cover no-repeat;border-bottom:1px solid var(--line)}
.cat .cap{padding:12px}
.cat .cap .t{font-weight:900}
.cat .cap .s{color:var(--muted);font-weight:700;font-size:13px}

/* Join us (page global harmless) */
.join{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:760px){ .join{grid-template-columns:1fr} }
.join .jcard{
  border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center
}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#eafff0;border:1px solid #bfe9ca;color:#0d6b35;font-weight:800}

/* CTA */
.cta{
  background:linear-gradient(135deg,#ccf6d9,#e7fff0);border:1px solid #c6ead2;border-radius:18px;padding:18px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap
}
.cta-title{font-weight:900;font-size:18px}
.cta-sub{color:#29533b;font-weight:700}
.cta-badges{display:flex;gap:10px;align-items:center}

/* Rider page additions */
.container.narrow{max-width:1000px}
.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
@media (max-width:860px){.hgrid{grid-template-columns:1fr}}
.hero h1.small{font-size:clamp(26px,4.6vw,44px)}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-weight:800}
.card .hd{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:900}
.card .bd{padding:16px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:680px){.row{grid-template-columns:1fr}}
label{font-weight:800;font-size:14px;margin-bottom:6px;display:block}
input,select,textarea{
  width:100%;padding:12px 12px;border-radius:12px;border:1px solid #cfe4d6;background:#f9fefb;color:#0e2d1c;
  font-size:16px;outline:none
}
input::placeholder{color:#8fb09b}
.note{color:#5b7d68;font-size:13px;margin-top:4px}
.chk{display:flex;align-items:flex-start;gap:10px;margin-top:6px}

/* Toast */
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#052d18;color:#c9ffe0;
  padding:12px 16px;border-radius:10px;border:1px solid #0b5e34;box-shadow:0 10px 24px rgba(0,0,0,.18);display:none;z-index:1000}
.toast.show{display:block}