/* ════════════════════════════════════════════════════════════════
   cms.css — Page Builder পাবলিক স্টাইল
   গঠন:  .cms-page[data-theme][data-density]  →  section.cs[.p-<preset>]
   প্রতিটি টাইপের একাধিক ডিজাইন প্রিসেট এখানেই থাকে; অ্যাডমিন থেকে
   preset বদলালেই ক্লাস বদলায় → চেহারা বদলায়। কোনো ইনলাইন স্টাইল নয়।
   ════════════════════════════════════════════════════════════════ */

.cms-page{
  --a:#e53935;            /* accent          */
  --a2:#ff6f60;           /* accent light    */
  --ad:#b71c1c;           /* accent dark     */
  --hero-a:#1a1a2e;
  --hero-b:#16213e;
  --ink:#0f172a;
  --ink2:#475569;
  --ink3:#64748b;
  --line:#e2e8f0;
  --card:#fff;
  --page:#f4f7fd;
  --sh:0 2px 10px rgba(37,99,235,.10);
  --sh2:0 8px 26px rgba(37,99,235,.16);
  --r:6px;
  --gap:14px;
  --secY:34px;
  --wrap:1240px;
  color:var(--ink);
  background:var(--page);
}

/* ── থিম প্রিসেট (পেজ-লেভেল) ───────────────────────────────── */
.cms-page[data-theme="classic"]{--a:#e53935;--a2:#ff6f60;--ad:#b71c1c;--hero-a:#1a1a2e;--hero-b:#16213e}
.cms-page[data-theme="ocean"]  {--a:#2563eb;--a2:#60a5fa;--ad:#1d4ed8;--hero-a:#0b2545;--hero-b:#13315c;--page:#f2f6fd}
.cms-page[data-theme="emerald"]{--a:#059669;--a2:#34d399;--ad:#047857;--hero-a:#053b30;--hero-b:#0b5345;--page:#f1fbf7}
.cms-page[data-theme="royal"]  {--a:#7c3aed;--a2:#a78bfa;--ad:#5b21b6;--hero-a:#241247;--hero-b:#3b1d73;--page:#f7f4ff}
.cms-page[data-theme="sunset"] {--a:#ea580c;--a2:#fb923c;--ad:#c2410c;--hero-a:#3b1608;--hero-b:#7c2d12;--page:#fff7f1}
.cms-page[data-theme="slate"]  {--a:#334155;--a2:#64748b;--ad:#1e293b;--hero-a:#0f172a;--hero-b:#1e293b;--page:#f5f7fa}

/* ── ডেনসিটি ────────────────────────────────────────────────── */
.cms-page[data-density="compact"]{--secY:22px;--gap:10px}
.cms-page[data-density="normal"] {--secY:34px;--gap:14px}
.cms-page[data-density="roomy"]  {--secY:56px;--gap:22px}

/* ── বেস ────────────────────────────────────────────────────── */
.cms-page *{box-sizing:border-box}
.cms-page .cs{padding:var(--secY) 0;position:relative}
.cms-page .cs-in{max-width:var(--wrap);margin:0 auto;padding:0 16px;width:100%}
.cms-page .cs+.cs{padding-top:0}
.cms-page .cs.cs-hero{padding:0}
.cms-page .cs.cs-hero+.cs{padding-top:var(--secY)}

/* সেকশন ব্যাকগ্রাউন্ড */
.cms-page .cs.bg-soft{background:#fff}
.cms-page .cs.bg-tint{background:color-mix(in srgb,var(--a) 7%,#fff)}
.cms-page .cs.bg-dark{background:linear-gradient(135deg,var(--hero-a),var(--hero-b));color:#fff}
.cms-page .cs.bg-grad{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff}
.cms-page .cs.bg-dark .cs-t,.cms-page .cs.bg-grad .cs-t,
.cms-page .cs.bg-dark h3,.cms-page .cs.bg-grad h3,
.cms-page .cs.bg-dark h4,.cms-page .cs.bg-grad h4{color:#fff}
.cms-page .cs.bg-dark .cs-s,.cms-page .cs.bg-grad .cs-s,
.cms-page .cs.bg-dark p,.cms-page .cs.bg-grad p{color:rgba(255,255,255,.86)}
.cms-page .cs.bg-soft,.cms-page .cs.bg-tint,.cms-page .cs.bg-dark,.cms-page .cs.bg-grad{padding:var(--secY) 0}

/* অ্যালাইন */
.cms-page .cs.al-center .cs-head,.cms-page .cs.al-center .cs-body{text-align:center}
.cms-page .cs.al-center .cs-head .cs-t{justify-content:center}
.cms-page .cs.al-center .cs-body{margin-left:auto;margin-right:auto}
.cms-page .cs.al-right .cs-head,.cms-page .cs.al-right .cs-body{text-align:right}

/* সেকশন হেড */
.cms-page .cs-head{margin-bottom:12px}
.cms-page .cs-t{font-size:1.55rem;font-weight:700;line-height:1.35;margin:0;color:var(--ink);
  display:flex;align-items:center;gap:9px}
.cms-page .cs-t::before{content:"";width:5px;height:22px;background:var(--a);border-radius:3px;flex:none}
.cms-page .cs.al-center .cs-t::before,.cms-page .cs.al-right .cs-t::before{display:none}
.cms-page .cs.al-center .cs-t::after{content:"";display:block}
.cms-page .cs-s{margin:6px 0 0;color:var(--ink2);font-size:.98rem;line-height:1.7}

/* বডি টেক্সট */
.cms-page .cs-body{color:var(--ink2);font-size:1rem;line-height:1.8}
.cms-page .cs-body>*:first-child{margin-top:0}
.cms-page .cs-body>*:last-child{margin-bottom:0}
.cms-page .cs-body p{margin:0 0 10px}
.cms-page .cs-body h2,.cms-page .cs-body h3,.cms-page .cs-body h4{color:var(--ink);margin:16px 0 8px;line-height:1.4}
.cms-page .cs-body h2{font-size:1.25rem;font-weight:700}
.cms-page .cs-body h3{font-size:1.08rem;font-weight:700}
.cms-page .cs-body a{color:var(--a);font-weight:600;text-decoration:none}
.cms-page .cs-body a:hover{text-decoration:underline}
.cms-page .cs-body strong{color:var(--ink)}
.cms-page .cs-body ul,.cms-page .cs-body ol{margin:0 0 10px;padding-left:20px}
.cms-page .cs-body li{margin:0 0 6px}
.cms-page .cs-body ul.chk{list-style:none;padding:0}
.cms-page .cs-body ul.chk li{display:flex;gap:9px;align-items:flex-start;padding:6px 0;border-bottom:1px dashed var(--line)}
.cms-page .cs-body ul.chk li:last-child{border-bottom:0}
.cms-page .cs-body ul.chk li>i{color:var(--a);margin-top:4px;flex:none}
.cms-page .cs-body img{max-width:100%;height:auto;border-radius:var(--r)}
.cms-page .cs-body table{width:100%;border-collapse:collapse;margin:0 0 10px}
.cms-page .cs-body th,.cms-page .cs-body td{border:1px solid #94a3b8;padding:6px 9px;text-align:left;font-size:.94rem}
.cms-page .cs-body th{background:#f1f5f9;color:var(--ink);font-weight:600}

/* বাটন (styled div/a — সাইট রুল: ছোট radius, blue-ish shadow, inverted hover) */
.cms-page .cs-btn{display:inline-flex;align-items:center;gap:7px;box-sizing:border-box;height:40px;
  padding:0 18px;border-radius:3px;border:1px solid var(--a);cursor:pointer;text-decoration:none;
  font:600 14px/1 inherit;color:#fff;background:linear-gradient(135deg,var(--a),var(--a2));
  box-shadow:0 2px 8px color-mix(in srgb,var(--a) 34%,transparent);transition:all .18s ease;margin-top:12px}
.cms-page .cs-btn:hover{background:#fff;color:var(--a);transform:translateY(-1px);
  box-shadow:0 4px 14px color-mix(in srgb,var(--a) 45%,transparent)}
.cms-page .cs-btn:active{transform:translateY(0)}

/* ══════════════ HERO ══════════════ */
.cms-page .cs-hero .cs-in{max-width:none;padding:0}
.cms-page .cs-hero .hero-wrap{position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--hero-a),var(--hero-b));color:#fff;
  padding:46px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cms-page .cs-hero .hero-body{position:relative;z-index:2;max-width:820px;width:100%}
.cms-page .cs-hero h1{font-size:2.1rem;font-weight:700;margin:0 0 10px;line-height:1.35;color:#fff}
.cms-page .cs-hero p{font-size:1.06rem;opacity:.9;margin:0;line-height:1.7;color:#fff}
.cms-page .cs-hero .hero-ic{font-size:2rem;margin-bottom:10px;opacity:.9}
.cms-page .cs-hero .hero-btn{border-color:#fff;background:#fff;color:var(--hero-a)}
.cms-page .cs-hero .hero-btn:hover{background:transparent;color:#fff}

/* preset: aurora — ঘূর্ণায়মান আলোকচ্ছটা */
.cms-page .cs-hero.p-aurora .hero-wrap::before{content:"";position:absolute;inset:-50%;
  background:radial-gradient(circle at 30% 70%,color-mix(in srgb,var(--a2) 26%,transparent) 0%,transparent 68%);
  animation:cmsSpin 22s linear infinite}
@keyframes cmsSpin{to{transform:rotate(360deg)}}

/* preset: split — লেখা বামে, ছবি ডানে */
.cms-page .cs-hero.p-split .hero-wrap{flex-direction:row;gap:26px;text-align:left;
  max-width:var(--wrap);margin:0 auto;padding:38px 18px;border-radius:0}
.cms-page .cs-hero.p-split .hero-body{flex:1 1 52%;max-width:none}
.cms-page .cs-hero.p-split .hero-img{flex:1 1 44%;min-width:0}
.cms-page .cs-hero.p-split .hero-img img{width:100%;border-radius:var(--r);display:block;
  box-shadow:0 10px 30px rgba(2,8,23,.35)}

/* preset: minimal — হালকা, ব্র্যান্ড রঙে টেক্সট */
.cms-page .cs-hero.p-minimal .hero-wrap{background:#fff;color:var(--ink);border-bottom:1px solid var(--line);padding:32px 18px}
.cms-page .cs-hero.p-minimal h1{color:var(--ink);font-size:1.9rem}
.cms-page .cs-hero.p-minimal h1::after{content:"";display:block;width:52px;height:4px;background:var(--a);
  border-radius:3px;margin:10px auto 0}
.cms-page .cs-hero.p-minimal p{color:var(--ink2);opacity:1}
.cms-page .cs-hero.p-minimal .hero-ic{color:var(--a)}
.cms-page .cs-hero.p-minimal .hero-btn{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;border-color:var(--a)}
.cms-page .cs-hero.p-minimal .hero-btn:hover{background:#fff;color:var(--a)}

/* preset: cover — ব্যাকগ্রাউন্ড ছবি + ডার্ক ওভারলে */
.cms-page .cs-hero.p-cover .hero-wrap{padding:70px 18px}
.cms-page .cs-hero.p-cover .hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.cms-page .cs-hero.p-cover .hero-wrap::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(2,8,23,.55),rgba(2,8,23,.78))}

/* preset: wave */
.cms-page .cs-hero.p-wave .hero-wrap{padding-bottom:56px}
.cms-page .cs-hero .hero-wave{display:block;width:100%;height:52px;margin-top:-54px;position:relative;z-index:3}
.cms-page .cs-hero .hero-wave path{fill:var(--page)}

/* preset: card — ভাসমান সাদা কার্ড */
.cms-page .cs-hero.p-card{padding:var(--secY) 0 0}
.cms-page .cs-hero.p-card .cs-in{max-width:var(--wrap);padding:0 16px}
.cms-page .cs-hero.p-card .hero-wrap{border-radius:var(--r);box-shadow:var(--sh2);padding:38px 22px}

/* ══════════════ RICHTEXT ══════════════ */
.cms-page .cs-richtext.p-card .cs-in>.cs-head,
.cms-page .cs-richtext.p-card .cs-in>.cs-body{background:var(--card);border-radius:var(--r);box-shadow:var(--sh)}
.cms-page .cs-richtext.p-card .cs-in>.cs-head{padding:12px 16px 10px;margin-bottom:8px}
.cms-page .cs-richtext.p-card .cs-in>.cs-body{padding:14px 16px}
.cms-page .cs-richtext.p-accent .cs-in{border-left:4px solid var(--a);padding-left:16px}
.cms-page .cs-richtext.p-accent .cs-t::before{display:none}
.cms-page .cs-richtext.p-doc .cs-in{max-width:900px;background:var(--card);border-radius:var(--r);
  box-shadow:var(--sh);padding:18px 20px}
.cms-page .cs-richtext.p-doc .cs-t{font-size:1.3rem}
.cms-page .cs-richtext.p-doc .cs-body{font-size:.98rem}

/* ══════════════ SPLIT ══════════════ */
.cms-page .sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;width:100%}
.cms-page .cs-split.p-img-top .sp-grid{grid-template-columns:1fr}
.cms-page .cs-split.p-img-top .sp-img{order:-1}
.cms-page .sp-img img{width:100%;display:block;border-radius:var(--r);box-shadow:var(--sh2);
  transition:transform .3s ease}
.cms-page .sp-img img:hover{transform:scale(1.015)}
.cms-page .cs-split.p-overlap .sp-grid{gap:0;position:relative}
.cms-page .cs-split.p-overlap .sp-txt{background:var(--card);border-radius:var(--r);box-shadow:var(--sh2);
  padding:18px 20px;position:relative;z-index:2;margin-right:-40px}
.cms-page .cs-split.p-overlap .sp-img img{border-radius:var(--r)}

/* ══════════════ CARDS ══════════════ */
.cms-page .cd-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--gap);width:100%}
.cms-page .cd{background:var(--card);border-radius:var(--r);padding:14px;border:1px solid var(--line);
  box-shadow:var(--sh);transition:all .22s ease;text-decoration:none;color:inherit;display:block}
.cms-page .cd:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:color-mix(in srgb,var(--a) 40%,var(--line))}
.cms-page .cd h3{margin:0 0 4px;font-size:1rem;font-weight:700;color:var(--ink);line-height:1.45}
.cms-page .cd p{margin:0;font-size:.9rem;line-height:1.65;color:var(--ink2)}
.cms-page .cd p a{color:var(--a);font-weight:600;text-decoration:none}
.cms-page .cd-ic{width:42px;height:42px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;
  font-size:19px;color:#fff;background:linear-gradient(135deg,var(--a),var(--a2));margin-bottom:9px;
  box-shadow:0 3px 10px color-mix(in srgb,var(--a) 32%,transparent)}
.cms-page .cd-n{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--a),var(--a2));margin-bottom:9px}
/* preset variants */
.cms-page .cs-cards.p-icon-left .cd{display:flex;gap:11px;align-items:flex-start}
.cms-page .cs-cards.p-icon-left .cd-ic{margin-bottom:0;flex:none}
.cms-page .cs-cards.p-minimal .cd{border:0;box-shadow:none;background:transparent;padding:10px 0}
.cms-page .cs-cards.p-minimal .cd:hover{transform:none}
.cms-page .cs-cards.p-minimal .cd-ic{background:none;color:var(--a);box-shadow:none;width:auto;height:auto;font-size:22px}
.cms-page .cs-cards.p-glass .cd{background:rgba(255,255,255,.62);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.8);box-shadow:0 6px 22px rgba(15,23,42,.10)}
.cms-page .cs-cards.p-tile .cd{background:linear-gradient(135deg,var(--a),var(--a2));border:0;color:#fff}
.cms-page .cs-cards.p-tile .cd h3,.cms-page .cs-cards.p-tile .cd p{color:#fff}
.cms-page .cs-cards.p-tile .cd p{opacity:.9}
.cms-page .cs-cards.p-tile .cd-ic{background:rgba(255,255,255,.2);box-shadow:none}
.cms-page .cs-cards.p-numbered .cd{border-left:3px solid var(--a)}

/* ══════════════ TAGS ══════════════ */
.cms-page .tg-wrap{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.cms-page .tg{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:.88rem;font-weight:600;
  background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:999px;
  box-shadow:var(--sh);transition:all .18s ease;text-decoration:none}
.cms-page .tg i{color:var(--a);transition:color .18s ease}
.cms-page .tg:hover{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;border-color:transparent;
  transform:translateY(-1px)}
.cms-page .tg:hover i{color:#fff}
.cms-page .cs-tags.p-square .tg{border-radius:3px}
.cms-page .cs-tags.p-outline .tg{background:transparent;border:1px solid var(--a);color:var(--a);box-shadow:none}
.cms-page .cs-tags.p-soft .tg{background:color-mix(in srgb,var(--a) 10%,#fff);border-color:transparent;
  color:var(--ad);box-shadow:none;border-radius:3px}

/* ══════════════ STEPS ══════════════ */
.cms-page .st-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap);width:100%}
.cms-page .st{background:var(--card);border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--sh);
  padding:14px;text-align:center;position:relative;transition:all .22s ease}
.cms-page .st:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.cms-page .st-n{width:38px;height:38px;margin:0 auto 9px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-weight:700;font-size:16px;color:#fff;
  background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 3px 10px color-mix(in srgb,var(--a) 32%,transparent)}
.cms-page .st h4{margin:0 0 4px;font-size:.98rem;font-weight:700;color:var(--ink)}
.cms-page .st p{margin:0;font-size:.87rem;line-height:1.6;color:var(--ink2)}
/* flow — মাঝে ড্যাশ কানেক্টর */
.cms-page .cs-steps.p-flow .st:not(:last-child)::after{content:"";position:absolute;top:32px;right:calc(var(--gap)*-1);
  width:var(--gap);height:2px;background:repeating-linear-gradient(90deg,var(--a) 0 5px,transparent 5px 10px)}
/* vertical timeline */
.cms-page .cs-steps.p-vertical .st-wrap{grid-template-columns:1fr;gap:0}
.cms-page .cs-steps.p-vertical .st{display:flex;gap:12px;text-align:left;border:0;box-shadow:none;background:transparent;
  padding:0 0 16px 0;position:relative}
.cms-page .cs-steps.p-vertical .st:hover{transform:none}
.cms-page .cs-steps.p-vertical .st-n{margin:0;flex:none}
.cms-page .cs-steps.p-vertical .st:not(:last-child)::before{content:"";position:absolute;left:18px;top:40px;bottom:2px;
  width:2px;background:linear-gradient(var(--a),transparent)}
/* circles */
.cms-page .cs-steps.p-circles .st{border:0;box-shadow:none;background:transparent}
.cms-page .cs-steps.p-circles .st:hover{transform:none}
.cms-page .cs-steps.p-circles .st-n{width:66px;height:66px;font-size:24px;border:4px solid #fff;
  box-shadow:0 6px 18px color-mix(in srgb,var(--a) 30%,transparent)}

/* ══════════════ FAQ ══════════════ */
.cms-page .fq-wrap{display:flex;flex-direction:column;gap:8px;width:100%}
.cms-page .cs-faq.p-two .fq-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cms-page .fq{background:var(--card);border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--sh);
  overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease;align-self:start;width:100%}
.cms-page .fq.open{border-color:color-mix(in srgb,var(--a) 45%,var(--line));box-shadow:var(--sh2)}
.cms-page .fq-q{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:none;border:0;
  cursor:pointer;text-align:left;font:600 .98rem/1.5 inherit;color:var(--ink)}
.cms-page .fq-q i{width:22px;height:22px;flex:none;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:11px;color:#fff;background:linear-gradient(135deg,var(--a),var(--a2));
  transition:transform .25s ease}
.cms-page .fq.open .fq-q i{transform:rotate(45deg)}
.cms-page .fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.cms-page .fq.open .fq-a{grid-template-rows:1fr}
.cms-page .fq-ai{overflow:hidden;padding:0 14px}
.cms-page .fq.open .fq-ai{padding:0 14px 12px}
.cms-page .fq-ai p{margin:0;color:var(--ink2);font-size:.93rem;line-height:1.75}
.cms-page .fq-ai a{color:var(--a);font-weight:600;text-decoration:none}
.cms-page .cs-faq.p-plain .fq{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}
.cms-page .cs-faq.p-plain .fq-q{padding:11px 0}
.cms-page .cs-faq.p-plain .fq-ai,.cms-page .cs-faq.p-plain .fq.open .fq-ai{padding-left:0;padding-right:0}
.cms-page .cs-faq.p-boxed .fq{border-left:3px solid var(--a)}

/* ══════════════ CONTACT INFO ══════════════ */
.cms-page .ci-wrap{display:flex;flex-direction:column;gap:9px;width:100%}
.cms-page .cs-contact.p-grid .ci-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--gap)}
.cms-page .ci{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:11px 13px;box-shadow:var(--sh);transition:all .2s ease;
  text-decoration:none;color:inherit;width:100%}
.cms-page .ci:hover{transform:translateY(-2px);box-shadow:var(--sh2);
  border-color:color-mix(in srgb,var(--a) 42%,var(--line))}
.cms-page .ci-ic{width:40px;height:40px;flex:none;border-radius:var(--r);display:flex;align-items:center;
  justify-content:center;font-size:17px;color:#fff;background:linear-gradient(135deg,var(--a),var(--a2));
  box-shadow:0 3px 10px color-mix(in srgb,var(--a) 30%,transparent)}
.cms-page .ci-tx{min-width:0;flex:1}
.cms-page .ci-tx h4{margin:0 0 2px;font-size:.82rem;font-weight:600;color:var(--ink3,#64748b);
  text-transform:uppercase;letter-spacing:.03em}
.cms-page .ci-tx p{margin:0;font-size:.96rem;font-weight:600;color:var(--ink);line-height:1.5;word-break:break-word}
.cms-page .ci-tx p a{color:var(--ink);text-decoration:none}
.cms-page .cs-contact.p-compact .ci{padding:7px 10px;gap:8px}
.cms-page .cs-contact.p-compact .ci-ic{width:30px;height:30px;font-size:13px}
.cms-page .cs-contact.p-compact .ci-tx p{font-size:.9rem}

/* ══════════════ FORM ══════════════ */
.cms-page .fm-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh2);padding:16px 18px;width:100%}
.cms-page .cs-form.p-plain .fm-card{background:transparent;border:0;box-shadow:none;padding:0}
.cms-page .fm{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.cms-page .fm-g{display:flex;flex-direction:column;gap:4px;min-width:0}
.cms-page .fm-g.full{grid-column:1/-1}
.cms-page .fm-g label{font-size:.84rem;font-weight:600;color:var(--ink)}
.cms-page .fm-g input,.cms-page .fm-g textarea{width:100%;height:40px;padding:0 11px;font:400 .95rem/1 inherit;
  color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:3px;box-shadow:0 1px 3px rgba(37,99,235,.10);
  transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box}
.cms-page .fm-g textarea{height:auto;padding:9px 11px;line-height:1.6;resize:vertical}
.cms-page .fm-g input:focus,.cms-page .fm-g textarea:focus{outline:0;border-color:var(--a);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 16%,transparent)}
.cms-page .fm-g input::placeholder,.cms-page .fm-g textarea::placeholder{color:#94a3b8}
.cms-page .fm-sub{margin-top:0;width:100%;justify-content:center;user-select:none}
.cms-page .fm-sub.busy{opacity:.7;pointer-events:none}
.cms-page .fm-sp{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff;border-radius:50%;animation:cmsSpin .7s linear infinite}
.cms-page .fm-sub.busy .fm-sp{display:inline-block}
.cms-page .fm-alert{display:none;align-items:center;gap:8px;padding:9px 12px;border-radius:3px;
  font-size:.9rem;font-weight:600;margin-bottom:10px}
.cms-page .fm-alert.show{display:flex}
.cms-page .fm-alert.ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.cms-page .fm-alert.no{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
/* split preset — ফর্ম + পাশের তথ্য একসাথে বসে (গ্রিড পূরণ) */
.cms-page .cs-form.p-split .cs-in{display:grid;grid-template-columns:1fr;gap:var(--gap)}

/* ══════════════ MAP ══════════════ */
.cms-page .mp{width:100%;height:340px;overflow:hidden;box-shadow:var(--sh2);background:#e2e8f0}
.cms-page .mp iframe{width:100%;height:100%;border:0;display:block}
.cms-page .cs-map.p-rounded .mp{border-radius:var(--r)}
.cms-page .cs-map.p-bordered .mp{border-radius:var(--r);border:3px solid var(--a);padding:0}
.cms-page .mp-note{margin:10px 0 0;text-align:center;font-size:.9rem;color:var(--ink2)}
/* ম্যাপের নিচের লিংক = আসল বাটন (.cs-btn-ও পায়) — গ্রেডিয়েন্ট + হোভার জুম */
.cms-page .mp-link{margin-top:0;height:38px;padding:0 16px;font-size:13px;text-decoration:none}
.cms-page .mp-link:hover{text-decoration:none}

/* ══════════════ CTA ══════════════ */
.cms-page .cta{display:flex;align-items:center;gap:14px;width:100%;background:var(--card);
  border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh2);padding:16px 18px}
.cms-page .cta-ic{width:48px;height:48px;flex:none;border-radius:var(--r);display:flex;align-items:center;
  justify-content:center;font-size:21px;color:#fff;background:linear-gradient(135deg,var(--a),var(--a2))}
.cms-page .cta-tx{flex:1;min-width:0}
.cms-page .cta-tx h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--ink);line-height:1.45}
.cms-page .cta-tx p{margin:3px 0 0;color:var(--ink2);font-size:.94rem;line-height:1.6}
.cms-page .cta-btn{margin-top:0;flex:none}
.cms-page .cs-cta.p-center .cta{flex-direction:column;text-align:center}
.cms-page .cs-cta.p-banner .cta{background:linear-gradient(135deg,var(--a),var(--a2));border:0;color:#fff}
.cms-page .cs-cta.p-banner .cta-tx h2,.cms-page .cs-cta.p-banner .cta-tx p{color:#fff}
.cms-page .cs-cta.p-banner .cta-btn{background:#fff;color:var(--a);border-color:#fff}
.cms-page .cs-cta.p-banner .cta-btn:hover{background:transparent;color:#fff}
.cms-page .cs-cta.p-box .cta{border-left:4px solid var(--a);box-shadow:var(--sh)}

/* ══════════════ STATS ══════════════ */
.cms-page .sx-wrap{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:var(--gap);width:100%}
.cms-page .sx{text-align:center;padding:12px 8px}
.cms-page .sx>i{font-size:20px;color:var(--a);margin-bottom:6px;display:block}
.cms-page .sx-n{font-size:1.7rem;font-weight:800;line-height:1.2;
  background:linear-gradient(135deg,var(--a),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.cms-page .sx-l{font-size:.87rem;color:var(--ink2);margin-top:2px}
.cms-page .cs-stats.p-cards .sx{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh);transition:all .22s ease}
.cms-page .cs-stats.p-cards .sx:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.cms-page .cs-stats.p-bar .sx-wrap{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  background:linear-gradient(135deg,var(--a),var(--a2));border-radius:var(--r);gap:0;overflow:hidden}
.cms-page .cs-stats.p-bar .sx{color:#fff}
.cms-page .cs-stats.p-bar .sx>i{color:#fff}
.cms-page .cs-stats.p-bar .sx-n{color:#fff;background:none;-webkit-text-fill-color:#fff}
.cms-page .cs-stats.p-bar .sx-l{color:rgba(255,255,255,.86)}
.cms-page .cs-stats.p-bar .sx+.sx{border-left:1px solid rgba(255,255,255,.18)}

/* ══════════════ GALLERY ══════════════ */
.cms-page .gl-wrap{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:var(--gap);width:100%}
.cms-page .gl{position:relative;display:block;overflow:hidden;border-radius:var(--r);box-shadow:var(--sh);
  aspect-ratio:4/3;background:#eef2f7}
.cms-page .gl img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.cms-page .gl:hover img{transform:scale(1.05)}
.cms-page .gl span{position:absolute;left:0;right:0;bottom:0;padding:16px 10px 7px;color:#fff;font-size:.85rem;
  font-weight:600;background:linear-gradient(transparent,rgba(2,8,23,.75))}
.cms-page .cs-gallery.p-strip .gl-wrap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.cms-page .cs-gallery.p-strip .gl{flex:0 0 260px;scroll-snap-align:start}
.cms-page .cs-gallery.p-masonry .gl-wrap{display:block;column-count:var(--cols,4);column-gap:var(--gap)}
.cms-page .cs-gallery.p-masonry .gl{aspect-ratio:auto;margin:0 0 var(--gap);break-inside:avoid}

/* ══════════════ NOTICE ══════════════ */
.cms-page .nt{display:flex;gap:11px;align-items:flex-start;width:100%;padding:12px 14px;border-radius:var(--r);
  border-left:4px solid;font-size:.95rem;line-height:1.7}
.cms-page .nt>i{font-size:17px;margin-top:2px;flex:none}
.cms-page .nt-tx{min-width:0;flex:1}
.cms-page .nt-tx strong{display:block;margin-bottom:2px;font-size:1rem}
.cms-page .nt-tx p{margin:0 0 6px}
.cms-page .nt-tx p:last-child{margin-bottom:0}
.cms-page .nt-tx a{font-weight:600;text-decoration:none}
.cms-page .cs-notice.p-info    .nt{background:#eff6ff;border-color:#2563eb;color:#1e3a8a}
.cms-page .cs-notice.p-info    .nt>i,.cms-page .cs-notice.p-info .nt a{color:#2563eb}
.cms-page .cs-notice.p-warn    .nt{background:#fffbeb;border-color:#d97706;color:#92400e}
.cms-page .cs-notice.p-warn    .nt>i,.cms-page .cs-notice.p-warn .nt a{color:#b45309}
.cms-page .cs-notice.p-success .nt{background:#ecfdf5;border-color:#059669;color:#065f46}
.cms-page .cs-notice.p-success .nt>i,.cms-page .cs-notice.p-success .nt a{color:#047857}
.cms-page .cs-notice.p-danger  .nt{background:#fef2f2;border-color:#dc2626;color:#991b1b}
.cms-page .cs-notice.p-danger  .nt>i,.cms-page .cs-notice.p-danger .nt a{color:#dc2626}

/* ══════════════ HTML block ══════════════ */
.cms-page .cs-html.p-card .cs-body{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh);padding:14px 16px}

/* ══════════════ প্রিভিউ ব্যাজ ══════════════ */
.cms-prev{position:fixed;left:10px;bottom:10px;z-index:99990;display:flex;align-items:center;gap:8px;
  background:#0f172a;color:#fff;padding:7px 12px;border-radius:3px;font:600 12px/1 system-ui;
  box-shadow:0 4px 16px rgba(37,99,235,.45)}
.cms-prev b{color:#93c5fd}

/* ══════════════ রেসপন্সিভ ══════════════ */
@media (max-width:900px){
  .cms-page .cd-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
  .cms-page .sx-wrap{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
  .cms-page .gl-wrap{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .cms-page .cs-gallery.p-masonry .gl-wrap{column-count:2}
  .cms-page .cs-faq.p-two .fq-wrap{grid-template-columns:1fr}
}
@media (max-width:768px){
  .cms-page{--secY:20px;--gap:10px}
  .cms-page .sp-grid{grid-template-columns:1fr}
  .cms-page .cs-split.p-overlap .sp-txt{margin-right:0}
  .cms-page .cs-hero.p-split .hero-wrap{flex-direction:column;text-align:center}
  .cms-page .cs-hero h1{font-size:1.6rem}
  .cms-page .cs-hero p{font-size:.98rem}
  .cms-page .cs-t{font-size:1.3rem}
  .cms-page .fm{grid-template-columns:1fr}
  .cms-page .cta{flex-direction:column;text-align:center}
  .cms-page .cta-btn{width:100%;justify-content:center}
  .cms-page .cs-steps.p-flow .st:not(:last-child)::after{display:none}
  .cms-page .mp{height:250px}
}
@media (max-width:480px){
  .cms-page .cd-grid,.cms-page .sx-wrap{grid-template-columns:1fr 1fr}
  .cms-page .cs-cards.p-icon-left .cd{flex-direction:column}
}

/* ════════════════════════════════════════════════════════════════
   v2 — প্রিমিয়াম লেয়ার (২০২৬-০৯-০৫)
   উপরের বেস স্টাইল অটুট; এখানে শুধু চেহারা উন্নত করা হয়েছে —
   গভীর হিরো + ব্লুপ্রিন্ট গ্রিড · গ্রেডিয়েন্ট অ্যাকসেন্ট বার · কার্ডে
   টপ-লাইন ও লিফট · গ্রেডিয়েন্ট আইকন টাইল · হোভার জুম · স্টেপ কানেক্টর ·
   স্ক্রল-রিভিল। কোনো নতুন মার্কআপ লাগে না, তাই সব CMS পেজেই প্রযোজ্য।
   ════════════════════════════════════════════════════════════════ */

.cms-page{--wrap:1180px;
  --sh:0 1px 2px rgba(15,23,42,.04),0 4px 14px rgba(37,99,235,.07);
  --sh2:0 10px 30px rgba(37,99,235,.16);
  --hair:#e6edf8}

/* ── সেকশন হেড: গ্রেডিয়েন্ট বার + পড়ার মতো মাপের সাবটাইটেল ── */
.cms-page .cs-head{margin-bottom:14px}
.cms-page .cs-t{font-size:1.62rem;letter-spacing:-.3px}
.cms-page .cs-t::before{width:5px;height:24px;border-radius:99px;
  background:linear-gradient(180deg,var(--a),var(--a2));
  box-shadow:0 2px 8px color-mix(in srgb,var(--a) 40%,transparent)}
.cms-page .cs-s{max-width:78ch}
.cms-page .cs.al-center .cs-s{margin-left:auto;margin-right:auto}
.cms-page .cs-body{color:var(--ink2)}

/* ── বাটন: সবসময় গ্রেডিয়েন্ট, হোভারে জুম ── */
.cms-page .cs-btn{border:0;font-weight:700;letter-spacing:-.1px;
  box-shadow:0 3px 12px color-mix(in srgb,var(--a) 38%,transparent);
  transition:transform .22s cubic-bezier(.2,.8,.3,1.4),box-shadow .22s ease,filter .22s ease}
.cms-page .cs-btn:hover{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;filter:brightness(1.08);
  transform:translateY(-2px) scale(1.07);
  box-shadow:0 10px 26px color-mix(in srgb,var(--a) 52%,transparent)}
.cms-page .cs-btn:active{transform:translateY(0) scale(1.01)}

/* ══════════════ HERO ══════════════ */
.cms-page .cs-hero .hero-wrap{padding:62px 18px 58px;
  background:radial-gradient(125% 150% at 50% -25%,
    color-mix(in srgb,var(--a) 42%,var(--hero-b)) 0%,var(--hero-b) 46%,var(--hero-a) 100%)}
/* ব্লুপ্রিন্ট গ্রিড — জরিপ-ব্র্যান্ডের সাথে মানানসই, খুব হালকা */
.cms-page .cs-hero:not(.p-cover):not(.p-minimal) .hero-wrap::after{content:"";position:absolute;inset:0;z-index:1;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(120% 92% at 50% 38%,#000 30%,transparent 76%);
          mask-image:radial-gradient(120% 92% at 50% 38%,#000 30%,transparent 76%)}
.cms-page .cs-hero h1{font-size:2.35rem;letter-spacing:-.6px;margin:0 0 12px;
  text-shadow:0 2px 18px rgba(2,8,23,.35)}
.cms-page .cs-hero p{font-size:1.08rem;opacity:.92;max-width:70ch;margin:0 auto}
.cms-page .cs-hero .hero-ic{width:56px;height:56px;margin:0 auto 12px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;font-size:24px;opacity:1;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
  box-shadow:0 8px 24px rgba(2,8,23,.35)}
.cms-page .cs-hero .hero-btn{margin-top:18px;background:#fff;color:var(--hero-a);
  box-shadow:0 8px 24px rgba(2,8,23,.34)}
.cms-page .cs-hero .hero-btn:hover{background:#fff;color:var(--a);filter:none;
  box-shadow:0 12px 30px rgba(2,8,23,.45)}
/* হিরো থেকে পেজে নরম বিদায় */
.cms-page .cs-hero:not(.p-card):not(.p-wave) .hero-wrap::before{z-index:0}
.cms-page .cs-hero.p-aurora .hero-wrap{box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}

/* ══════════════ SPLIT ══════════════ */
.cms-page .sp-grid{gap:30px}
.cms-page .sp-img img{box-shadow:0 16px 44px rgba(37,99,235,.20);transition:transform .35s ease,box-shadow .35s ease}
.cms-page .sp-img img:hover{transform:translateY(-3px) scale(1.012);
  box-shadow:0 22px 54px rgba(37,99,235,.26)}
.cms-page .cs-split .sp-txt .cs-body{font-size:1.02rem;line-height:1.85}

/* ══════════════ CARDS ══════════════ */
.cms-page .cd{border-color:var(--hair);padding:15px;position:relative;overflow:hidden;
  transition:transform .24s cubic-bezier(.2,.8,.3,1.2),box-shadow .24s ease,border-color .24s ease}
.cms-page .cd::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--a),var(--a2));transform:scaleX(0);transform-origin:left;
  transition:transform .32s cubic-bezier(.2,.8,.3,1)}
.cms-page .cd:hover::before{transform:scaleX(1)}
.cms-page .cd:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(37,99,235,.17);
  border-color:color-mix(in srgb,var(--a) 34%,var(--hair))}
.cms-page .cd-ic{border-radius:10px;font-size:18px;
  box-shadow:0 5px 14px color-mix(in srgb,var(--a) 36%,transparent);
  transition:transform .26s cubic-bezier(.2,.8,.3,1.4),box-shadow .26s ease}
.cms-page .cd:hover .cd-ic{transform:scale(1.09) rotate(-5deg);
  box-shadow:0 8px 20px color-mix(in srgb,var(--a) 48%,transparent)}
.cms-page .cd h3{font-size:1.02rem;letter-spacing:-.15px}
.cms-page .cs-cards.p-tile .cd::before{display:none}
.cms-page .cs-cards.p-minimal .cd::before{display:none}

/* ══════════════ STATS ══════════════ */
.cms-page .cs-stats.p-cards .sx{padding:16px 10px;border-color:var(--hair);position:relative;overflow:hidden}
.cms-page .cs-stats.p-cards .sx::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--a),var(--a2));opacity:0;transition:opacity .3s ease}
.cms-page .cs-stats.p-cards .sx:hover::before{opacity:1}
.cms-page .cs-stats.p-cards .sx:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(37,99,235,.16)}
.cms-page .sx>i{width:40px;height:40px;margin:0 auto 9px;border-radius:50%;font-size:16px;
  display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--a) 10%,#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 20%,transparent);
  transition:transform .26s cubic-bezier(.2,.8,.3,1.4)}
.cms-page .cs-stats.p-cards .sx:hover>i{transform:scale(1.1)}
.cms-page .sx-n{font-size:2rem;letter-spacing:-.6px}
.cms-page .sx-l{font-size:.88rem;margin-top:3px}
.cms-page .cs-stats.p-bar .sx>i{background:rgba(255,255,255,.16);box-shadow:none}

/* ══════════════ TAGS ══════════════ */
.cms-page .tg{padding:8px 14px;border-color:var(--hair);
  transition:transform .22s cubic-bezier(.2,.8,.3,1.4),box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.cms-page .tg:hover{transform:translateY(-2px) scale(1.06);
  box-shadow:0 8px 20px color-mix(in srgb,var(--a) 34%,transparent)}
.cms-page .cs-tags.p-outline .tg{background:color-mix(in srgb,var(--a) 5%,#fff);
  border-color:color-mix(in srgb,var(--a) 30%,transparent);font-weight:700}
.cms-page .cs-tags.p-outline .tg:hover{background:linear-gradient(135deg,var(--a),var(--a2));
  color:#fff;border-color:transparent}

/* ══════════════ STEPS ══════════════ */
.cms-page .st{border-color:var(--hair);padding:16px 13px;
  transition:transform .24s cubic-bezier(.2,.8,.3,1.2),box-shadow .24s ease,border-color .24s ease}
.cms-page .st:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(37,99,235,.16);
  border-color:color-mix(in srgb,var(--a) 30%,var(--hair))}
.cms-page .st-n{width:42px;height:42px;font-size:17px;
  box-shadow:0 0 0 4px #fff,0 6px 16px color-mix(in srgb,var(--a) 34%,transparent);
  transition:transform .26s cubic-bezier(.2,.8,.3,1.4)}
.cms-page .st:hover .st-n{transform:scale(1.08)}
/* flow — ড্যাশের বদলে পেছনে একটানা রেখা */
.cms-page .cs-steps.p-flow .st-wrap{position:relative}
.cms-page .cs-steps.p-flow .st-wrap::before{content:"";position:absolute;left:9%;right:9%;top:37px;height:2px;z-index:0;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--a) 32%,transparent) 12%,
    color-mix(in srgb,var(--a) 32%,transparent) 88%,transparent)}
.cms-page .cs-steps.p-flow .st{position:relative;z-index:1}
.cms-page .cs-steps.p-flow .st:not(:last-child)::after{display:none}

/* ══════════════ CONTACT ══════════════ */
/* কম্প্যাক্ট প্রিসেট এক কলামে পুরো সারি খালি ফেলত — এখন গ্রিড, সারি ভরে যায় */
.cms-page .cs-contact.p-compact .ci-wrap{display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap)}
.cms-page .cs-contact.p-compact .ci{padding:10px;gap:8px}
.cms-page .cs-contact.p-compact .ci-ic{width:32px;height:32px;font-size:13px}
/* ইমেইলের মতো লম্বা মান যেন মাঝপথে ভেঙে না যায় — ঘর একটু চওড়া, লেখা একটু ছোট */
.cms-page .cs-contact.p-compact .ci-tx p{font-size:.84rem;letter-spacing:-.1px;
  word-break:normal;overflow-wrap:break-word}
.cms-page .cs-contact.p-compact .ci-tx h4{font-size:.73rem}
.cms-page .ci{border-color:var(--hair);
  transition:transform .22s cubic-bezier(.2,.8,.3,1.2),box-shadow .22s ease,border-color .22s ease}
.cms-page .ci-ic{border-radius:9px;transition:transform .24s cubic-bezier(.2,.8,.3,1.4)}
.cms-page .ci:hover .ci-ic{transform:scale(1.08)}
.cms-page .ci:hover{box-shadow:0 10px 26px rgba(37,99,235,.15)}

/* ══════════════ FAQ ══════════════ */
.cms-page .fq{border-color:var(--hair)}
.cms-page .fq-q{padding:13px 15px}
.cms-page .fq-q:hover{color:var(--a)}
.cms-page .fq-q i{width:24px;height:24px;font-size:12px;
  box-shadow:0 3px 9px color-mix(in srgb,var(--a) 32%,transparent)}

/* ══════════════ CTA ══════════════ */
.cms-page .cta{border-color:var(--hair);padding:18px 20px}
.cms-page .cs-cta.p-banner .cta{position:relative;overflow:hidden;padding:22px 24px;
  background:linear-gradient(135deg,var(--ad) 0%,var(--a) 52%,var(--a2) 100%);
  box-shadow:0 12px 32px color-mix(in srgb,var(--a) 40%,transparent)}
.cms-page .cs-cta.p-banner .cta::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 130% at 100% 0%,rgba(255,255,255,.22),transparent 62%)}
.cms-page .cs-cta.p-banner .cta>*{position:relative;z-index:1}
.cms-page .cs-cta.p-banner .cta-tx h2{font-size:1.28rem;letter-spacing:-.2px}
.cms-page .cs-cta.p-banner .cta-btn:hover{background:#fff;color:var(--ad);filter:none}
.cms-page .cta-ic{border-radius:11px;box-shadow:0 6px 16px color-mix(in srgb,var(--a) 34%,transparent)}

/* ══════════════ NOTICE / RICHTEXT ══════════════ */
.cms-page .nt{box-shadow:var(--sh)}
.cms-page .cs-richtext.p-card .cs-in>.cs-head,
.cms-page .cs-richtext.p-card .cs-in>.cs-body,
.cms-page .cs-richtext.p-doc .cs-in,
.cms-page .cs-html.p-card .cs-body{border:1px solid var(--hair)}
/* soft ব্যাকগ্রাউন্ডে উদ্ধৃতি-ধাঁচের ব্লক আরও সুন্দর দেখায় */
.cms-page .cs-richtext.bg-soft.al-center .cs-body{max-width:78ch;font-size:1.05rem;line-height:1.9;
  color:var(--ink);font-weight:500}

/* ══════════════ ফর্ম ══════════════ */
.cms-page .fm-card{border-color:var(--hair)}
.cms-page .fm-g input,.cms-page .fm-g textarea{border-color:#cbd5e1;background:#fff;color:#0f172a}

/* ══════════════ স্ক্রল-রিভিল (JS ক্লাস দিলে তবেই) ══════════════ */
@media (prefers-reduced-motion:no-preference){
  .cms-page.cms-rv .cs{opacity:0;transform:translateY(16px);
    transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.3,1)}
  .cms-page.cms-rv .cs.rv-in{opacity:1;transform:none}
}



/* ── ব্র্যান্ড চিপ (কার্ডের ভেতরে বসে; <p>-এর ভেতর তাই সব ইনলাইন এলিমেন্ট) ── */
.cms-page .bwrap{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.cms-page .bx{display:inline-flex;align-items:center;padding:4px 9px;border-radius:3px;
  font:700 12px/1 Inter,"Segoe UI",system-ui,sans-serif;letter-spacing:-.1px;white-space:nowrap;
  color:var(--ad);background:color-mix(in srgb,var(--a) 8%,#fff);
  border:1px solid color-mix(in srgb,var(--a) 20%,transparent);text-decoration:none;
  transition:transform .18s cubic-bezier(.2,.8,.3,1.4),background .18s ease,color .18s ease,
             box-shadow .18s ease,border-color .18s ease}
.cms-page a.bx:hover{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;
  border-color:transparent;transform:translateY(-1px) scale(1.06);
  box-shadow:0 6px 14px color-mix(in srgb,var(--a) 34%,transparent)}
.cms-page span.bx{color:var(--ink3);background:#f8fafc;border-color:var(--line)}

/* ── হিরোর উপর ভাসমান পরিসংখ্যান-স্ট্রিপ (:has সমর্থন থাকলেই) ── */
@supports selector(:has(*)){
  /* শিরোনামহীন স্ট্রিপ হলেই কেবল ওভারল্যাপ — নইলে শিরোনাম গাঢ় হিরোর উপর পড়ে অদৃশ্য হয় */
  .cms-page .cs-hero:has(+ .cs-stats.p-cards:not(:has(.cs-head))) .hero-wrap{padding-bottom:86px}
  .cms-page .cs-hero + .cs-stats.p-cards:not(:has(.cs-head)){margin-top:-48px;padding-top:0;
    position:relative;z-index:3}
  .cms-page .cs-hero + .cs-stats.p-cards:not(:has(.cs-head)) .sx{box-shadow:0 14px 36px rgba(11,37,69,.20)}
}

/* ══════════════ রেসপন্সিভ (v2) ══════════════ */
@media (max-width:768px){
  .cms-page .cs-hero .hero-wrap{padding:44px 16px 42px}
  .cms-page .cs-hero h1{font-size:1.72rem;letter-spacing:-.4px}
  .cms-page .cs-hero p{font-size:1rem}
  .cms-page .cs-t{font-size:1.34rem}
  .cms-page .sx-n{font-size:1.75rem}
  .cms-page .cs-steps.p-flow .st-wrap::before{display:none}
  /* মোবাইলে বাটন প্রায়ই পুরো প্রস্থ — বড় জুম দিলে সারি উপচে যায় */
  .cms-page .cs-btn:hover{transform:translateY(-2px) scale(1.02)}
  .cms-page .cs-cta.p-banner .cta{padding:18px 16px}
  @supports selector(:has(*)){
    .cms-page .cs-hero:has(+ .cs-stats.p-cards:not(:has(.cs-head))) .hero-wrap{padding-bottom:72px}
    .cms-page .cs-hero + .cs-stats.p-cards:not(:has(.cs-head)){margin-top:-40px}
  }
}