/*
header.css — হেডার: গোলাকার কার্ড (লোগো ব্যাজ + সার্চ পিল + আপনিও লেখুন) + স্ক্রলেবল নেভ পিল
+ হ্যামবার্গার ড্রয়ার + লাইভ সার্চ ওভারলে
বাঁয়ে হোম আইকন ও ডানে সার্চ/মেনু বাটন সবসময় স্থির — মাঝের বিভাগগুলো চাকা বা টেনে স্ক্রল হয়।
রঙ/ফন্ট টোকেন base.css এর :root-এ। */

/* --- স্টিকি শেল: স্ক্রলে মাস্টহেড ভেঙে শুধু নেভ সারি থাকে --- */
.kx-head{position:sticky; top:0; z-index:60; background:var(--paper); padding:10px 0 8px;}
.kx-hcard{position:relative; overflow:hidden; border-radius:20px; border:1px solid var(--line);
  background:var(--card);
  box-shadow:0 8px 22px -14px rgba(23,19,16,.35);}
.kx-mast{position:relative; overflow:hidden; max-height:520px;
  transition:max-height .38s cubic-bezier(.3,.8,.3,1), opacity .28s ease;}
.kx-head.is-stuck .kx-mast{max-height:0; opacity:0;}

/* --- মাস্টহেড: তারিখ → লোগো ব্যাজ + সার্চ পিল → আপনিও লেখুন --- */
.kx-top{position:relative; display:grid; justify-items:center; gap:10px;
  padding:16px 24px 14px; border-bottom:1px solid var(--line-soft);}
.kx-date{font-family:'Hind Siliguri',sans-serif; font-size:14px; font-weight:700; color:var(--ink); text-align:center;}
.kx-hero{width:100%; max-width:760px; display:grid; justify-items:center; gap:12px;}
.kx-logowrap{display:grid; justify-items:center; gap:8px; width:100%;}
.kx-badge{display:grid; place-items:center; padding:0; border:0; border-radius:0;
  background:none; box-shadow:none;}
.kx-brand-link{display:block; text-decoration:none; line-height:0; max-width:100%;}
/* লোগো সাধারণ ওয়েবসাইটের মতো স্ট্যান্ডার্ড হেডার-উচ্চতায় অটো-ফিট হয় (পিসি ৫৬px, মোবাইল ৪৬px);
   অনুপাত ঠিক থাকে, চওড়া হলে ধারকের মধ্যে ফিট কতে ছোট হয় */
.kx-logo{display:block; width:auto; height:56px; max-width:100%; object-fit:contain; mix-blend-mode:multiply;}
.kx-brand{display:block; font-family:'Tiro Bangla',serif; font-size:clamp(30px,5vw,44px); line-height:1.15; color:var(--ink); white-space:nowrap;}
.kx-searchbox{width:min(100%,480px); min-height:42px; display:flex; align-items:center; justify-content:center; gap:9px;
  padding:10px 18px; border-radius:999px; border:1px solid rgba(156,42,17,.18); background:rgba(255,255,255,.72);
  color:var(--muted); font-family:'Hind Siliguri',sans-serif; font-size:15px; font-weight:700; cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5); transition:color .16s, border-color .16s;}
.kx-searchbox:hover{color:var(--red); border-color:var(--red);}
.kx-searchbox svg{width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; flex:0 0 auto;}
.kx-cta{width:min(100%,380px); display:grid; justify-items:center; gap:10px; text-align:center;}

/* --- মাস্টহেডের ডান অংশের CTA: “আপনিও লেখুন” + সাইন ইন / সাইন আপ --- */
.kx-join{display:grid; justify-items:center; gap:9px; min-width:0;}
.kx-join-kicker{font-family:'Hind Siliguri',sans-serif; font-size:clamp(20px,2.6vw,26px); font-weight:800;
  color:var(--red); line-height:1.15;}
.kx-join-btns{display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:center;}
.kx-join-btns a{display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:3px 18px;
  border-radius:999px; font-family:'Hind Siliguri',sans-serif; font-size:14px; font-weight:700;
  color:#7c2410; text-decoration:none; white-space:nowrap;
  background:rgba(255,255,255,.78); border:1px solid rgba(156,42,17,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  transition:background .16s, color .16s, border-color .16s, transform .16s;}
.kx-join-btns a:hover{transform:translateY(-2px); color:#fff; background:var(--ink); border-color:var(--ink);}
.kx-join-btns a.kx-join-main{color:#fff6ee; background:linear-gradient(135deg, var(--red), #7c2410);
  border-color:transparent; box-shadow:0 12px 22px -10px rgba(124,36,16,.5);}
.kx-join-btns a.kx-join-main:hover{background:var(--ink); border-color:var(--ink);}
.kx-join-btns a.kx-join-out{border-style:dashed; color:var(--muted);}
.kx-join-who{font-family:'Hind Siliguri',sans-serif; font-size:12px; color:var(--muted); max-width:240px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* --- প্রশস্ত ডেস্কটপ (≥1200px): তারিখ বাঁয়ে | লোগো মাঝে | লেখুন-ব্লক ডানে --- */
@media (min-width:1200px){
    .kx-top{padding:16px 32px 14px;}
    .kx-date{position:absolute; left:32px; top:50%; transform:translateY(-50%); text-align:left; max-width:240px; font-size:15px;}
    .kx-searchbox{width:min(100%,440px); font-size:16px;}
    .kx-cta{position:absolute; right:32px; top:50%; transform:translateY(-50%); width:auto; max-width:300px; justify-items:end; text-align:right;}
    .kx-join{justify-items:end; text-align:right;}
    .kx-join-btns{justify-content:flex-end;}
}

/* --- ছোট ল্যাপটপ (1024–1199px): একই সারিতে তিনটি অংশ, ওভারল্যাপ ছাড়া --- */
@media (min-width:1024px) and (max-width:1199px){
    .kx-top{min-height:88px; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); padding:14px 20px 12px;}
    .kx-date{grid-column:1; justify-self:start; align-self:center; max-width:175px; font-size:13px; text-align:left;}
    .kx-hero{grid-column:2; width:auto; max-width:none;}
    .kx-logo{height:48px;}
    .kx-cta{position:absolute; right:20px; top:50%; transform:translateY(-50%);
      width:200px; max-width:22%; justify-items:end; text-align:right;}
    .kx-join{justify-items:end; text-align:right;}
    .kx-join-kicker{font-size:17px;}
    .kx-join-btns{justify-content:flex-end; gap:6px;}
    .kx-join-btns a{min-height:34px; padding:2px 12px 0; font-size:12px;}
}

/* --- নেভ সারি: হোম (বাঁয়ে পিন) | স্ক্রলেবল পিল | সার্চ + মেনু (ডানে পিন) --- */
.kx-navrow{position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center; gap:10px; padding:8px 14px 10px;
  transition:padding .26s ease, gap .26s ease;}
.kx-homebtn{width:33px; height:33px; border-radius:11px; display:grid; place-items:center; flex:0 0 auto;
  background:linear-gradient(135deg, #171310, #2e2521); color:#f6ead9; text-decoration:none;
  box-shadow:0 12px 24px -10px rgba(23,19,16,.55);
  transition:background .18s, transform .18s, width .26s ease, height .26s ease, border-radius .26s ease;}
.kx-homebtn svg{width:15px; height:15px; fill:currentColor;}
.kx-homebtn:hover{transform:translateY(-2px);}
.kx-homebtn.kx-on{background:linear-gradient(135deg, var(--red), #7c2410);}
.kx-scroller{position:relative; min-width:0; overflow:hidden;}
.kx-scroller:before, .kx-scroller:after{content:''; position:absolute; top:0; bottom:0; width:26px; z-index:2; pointer-events:none;}
.kx-scroller:before{left:0; background:linear-gradient(90deg, var(--card), rgba(255,253,247,0));}
.kx-scroller:after{right:0; background:linear-gradient(270deg, var(--card), rgba(255,253,247,0));}
.kx-nav-in{display:flex; align-items:center; gap:8px; width:100%; min-width:0; overflow-x:auto; overflow-y:hidden;
  padding:2px 6px 6px; white-space:nowrap; scroll-behavior:smooth; cursor:grab; touch-action:pan-x;
  overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; -ms-overflow-style:none;}
.kx-nav-in::-webkit-scrollbar{display:none; width:0; height:0;}
.kx-nav-in.kx-drag{cursor:grabbing; user-select:none;}
.kx-nav-in a{flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:33px; padding:2px 13px 0;
  border-radius:999px; border:1px solid transparent; background:#ece4d5; color:var(--ink-soft); position:relative;
  font-family:'Hind Siliguri',sans-serif; font-size:13px; font-weight:600; line-height:1; text-decoration:none;
  white-space:nowrap;
  transition:color .16s, background .16s, border-color .16s, min-height .26s ease, padding .26s ease, font-size .2s ease;}
.kx-nav-in a:hover{color:#7c2410; background:#f1e8d7; border-color:rgba(156,42,17,.18);}
.kx-nav-in a.kx-on{background:transparent; border-color:transparent;
  box-shadow:none;}
.kx-actions{display:inline-flex; align-items:center; gap:8px; flex:0 0 auto;}
.kx-circlebtn{width:33px; height:33px; border-radius:11px; border:0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, #171310, #2e2521); color:#f6ead9; flex:0 0 auto;
  box-shadow:0 12px 24px -10px rgba(23,19,16,.55);
  transition:background .18s, transform .18s, width .26s ease, height .26s ease, border-radius .26s ease;}
.kx-circlebtn svg{width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round;}
.kx-circlebtn:hover{transform:translateY(-2px);}
.kx-burger{flex-direction:column; justify-content:center; align-items:center; gap:3px;}
.kx-burger i{display:block; width:14px; height:2px; border-radius:2px; background:#f6ead9;
  transition:transform .3s cubic-bezier(.3,.8,.3,1), opacity .2s;}
.kx-burger.open i:nth-child(1){transform:translateY(5px) rotate(45deg);}
.kx-burger.open i:nth-child(2){opacity:0;}
.kx-burger.open i:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
.kx-head.is-stuck .kx-navrow{padding-top:5px; padding-bottom:6px;}
.kx-head.is-stuck .kx-homebtn, .kx-head.is-stuck .kx-circlebtn{width:29px; height:29px;}
.kx-head.is-stuck .kx-nav-in a{min-height:30px; font-size:12px;}

/* --- ড্রয়ার মেনু (পুরো স্ক্রিনে সাদা কার্ডের গ্রিড) --- */
.kx-backdrop{position:fixed; inset:0; background:rgba(15,12,10,.5); z-index:95; opacity:0; transition:opacity .3s;}
.kx-backdrop.open{opacity:1;}
.kx-drawer{position:fixed; inset:0; z-index:100; overflow-y:auto; overscroll-behavior:contain; visibility:hidden;
  background:var(--paper); color:var(--ink-soft); padding:20px 20px 44px; transform:translateY(-101%);
  transition:transform .44s cubic-bezier(.22,.8,.2,1), visibility 0s linear .44s;}
.kx-drawer.open{transform:none; visibility:visible; transition:transform .44s cubic-bezier(.22,.8,.2,1);}
.kx-drawer-in{max-width:1180px; margin:0 auto;}
.kx-drawer-top{display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding-bottom:16px; border-bottom:1px solid var(--line);}
.kx-drawer-brand{font-family:'Tiro Bangla',serif; font-size:clamp(26px,4vw,34px); color:var(--ink); line-height:1;}
.kx-drawer-kicker{font-family:'Hind Siliguri',sans-serif; font-size:10px; letter-spacing:.26em; color:var(--red); margin:16px 0 18px;}
.kx-drawer-nav{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.kx-drawer-nav a{display:flex; align-items:center; gap:10px;
  font-family:'Hind Siliguri',sans-serif; font-size:14.5px; font-weight:600; color:var(--ink); text-decoration:none;
  background:var(--card); border:1px solid var(--line-soft); border-radius:10px; padding:15px 16px 14px;
  box-shadow:0 1px 2px rgba(23,19,16,.05); transition:border-color .18s, box-shadow .18s, transform .18s, color .18s;}
.kx-drawer-nav a:before{content:''; flex:0 0 auto; width:7px; height:7px; border-radius:50%; background:var(--line);}
.kx-drawer-nav a:hover{color:var(--red); border-color:var(--red); transform:translateY(-1px); box-shadow:0 10px 22px -16px rgba(23,19,16,.6);}
.kx-drawer-nav a:hover:before, .kx-drawer-nav a.kx-on:before{background:var(--red);}
.kx-drawer-nav a.kx-on{color:var(--red); border-color:var(--red);}
.kx-drawer-foot{margin-top:16px;}
.kx-drawer-search{width:100%; text-align:left; font-family:'Hind Siliguri',sans-serif; font-size:14px; font-weight:600;
  background:var(--card); color:var(--ink-soft); border:1px solid var(--line); border-radius:10px; padding:15px 16px; cursor:pointer;}
.kx-drawer-search:hover{color:var(--red); border-color:var(--red);}
.kx-menu-foot{margin-top:22px; padding-top:14px; border-top:1px solid var(--line);
  font-family:'Hind Siliguri',sans-serif; font-size:11.5px; color:var(--muted);}
.kx-close{background:#ece4d5; border:0; color:var(--ink); font-size:22px; line-height:1; cursor:pointer;
  width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;}
.kx-close:hover{background:var(--ink); color:#fff;}
.kx-close-dark{color:var(--ink);}
body.kx-lock{overflow:hidden;}
@media (min-width:900px){ .kx-drawer{padding:26px 30px 56px;} .kx-drawer-nav{grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;} }
@media (max-width:520px){ .kx-drawer-nav{grid-template-columns:1fr;} }

/* --- লাইভ সার্চ ওভারলে --- */
.kx-search{position:fixed; inset:0; z-index:110; background:rgba(15,12,10,.62); display:none; padding:8vh 18px 18px;}
.kx-search.open{display:block; animation:kx-fade .22s ease both;}
.kx-search-box{max-width:660px; margin:0 auto; background:var(--card); border:1px solid var(--line);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.8); max-height:82vh; overflow:auto;}
.kx-search-row{display:flex; align-items:center; gap:10px; padding:14px 16px; border-bottom:2px solid var(--ink); position:sticky; top:0; background:var(--card);}
.kx-search-row input{flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--ink);
  font-family:'Hind Siliguri',sans-serif; font-size:17px;}
.kx-search-row .kx-close{color:var(--muted);}
.kx-search-hint{font-family:'Hind Siliguri',sans-serif; font-size:12px; color:var(--muted); padding:12px 16px;}
.kx-search-list a{display:block; text-decoration:none; color:inherit; padding:13px 16px; border-bottom:1px solid var(--line-soft);}
.kx-search-list a:hover{background:rgba(156,42,17,.05);}
.kx-search-list h4{font-family:'Tiro Bangla',serif; font-size:17px; font-weight:400; margin:3px 0 2px; line-height:1.5;}
.kx-search-list a:hover h4{color:var(--red);}
.kx-search-none{padding:22px 16px; font-family:'Hind Siliguri',sans-serif; font-size:13.5px; color:var(--muted);}
.kx-search-foot{padding:11px 16px; background:var(--paper); font-family:'Hind Siliguri',sans-serif; font-size:12.5px;}
.kx-search-foot a{color:var(--red); font-weight:700; text-decoration:none;}
.kx-searchform{display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.kx-searchform input{flex:1 1 260px; min-width:0; font-family:'Hind Siliguri',sans-serif; font-size:16px; color:var(--ink);
  background:var(--card); border:1px solid var(--line); padding:13px 16px; outline:none;}
.kx-searchform input:focus{border-color:var(--ink);}
@keyframes kx-fade{from{opacity:0} to{opacity:1}}

/* --- ড্রয়ারের জয়েন বাটন (মাস্টহেড স্ক্রলে ওঠার পরও কাজ করার জন্য) --- */
.kx-drawer-join{display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:16px;}
.kx-drawer-join .kx-join-btns{justify-content:flex-start;}
.kx-drawer-join-note{font-family:'Hind Siliguri',sans-serif; font-size:11.5px; font-weight:600; color:var(--red); letter-spacing:.14em;}

@media (max-width:900px){
    .kx-head{padding:10px 0 8px;}
    .kx-hcard{border-radius:20px;}
    .kx-top{padding:14px 16px 12px; gap:8px;}
    .kx-searchbox{width:min(100%,420px); min-height:40px; font-size:14px;}
    .kx-cta{width:min(100%,340px);}
    .kx-navrow{padding:7px 11px 9px; gap:8px;}
}
@media (max-width:640px){
    .kx-head{padding:8px 0 6px;}
    .kx-hcard{border-radius:16px;}
    .kx-top{gap:8px; padding:10px 12px 10px;}
    .kx-date{font-size:12.5px;}
    .kx-logo{height:46px;}
    .kx-brand{font-size:24px;}
    .kx-searchbox{min-height:38px; font-size:13.5px; padding:8px 14px;}
    .kx-join-kicker{font-size:19px;}
    .kx-join-btns a{min-height:34px; padding:2px 14px 0; font-size:13px;}
    .kx-navrow{grid-template-columns:auto minmax(0,1fr) auto; gap:7px; padding:6px 8px 7px;}
    .kx-homebtn, .kx-circlebtn{width:30px; height:30px; border-radius:10px;}
    .kx-homebtn svg{width:14px; height:14px;}
    .kx-burger i{width:13px;}
    .kx-nav-in a{min-height:30px; padding:2px 11px 0; font-size:12px;}
    .kx-drawer{padding:16px 16px 34px;}
    .kx-search{padding:0;}
    .kx-search-box{max-width:100%; height:100vh; max-height:100vh;}
}

.kx-head a:focus-visible,
.kx-head button:focus-visible{outline:2px solid var(--red); outline-offset:3px;}

/* --- Front Page Masthead: নতুন layout, আগের card ও spacing language --- */
.kx-hcard::before{content:""; display:block; height:5px; background:var(--red);}
.kx-top{display:grid; grid-template-columns:1fr; grid-template-rows:32px 74px auto;
  align-items:center; justify-items:center; gap:0; padding:8px 12px 6px;}
.kx-date{position:static; grid-row:1; display:flex; align-items:center; gap:7px;
  max-width:none; transform:none; font-size:12px; text-align:center; white-space:nowrap;}
.kx-date::before{content:""; display:block; flex:0 0 auto; width:4px; height:16px; background:var(--red);}
.kx-hero{display:contents;}
.kx-logowrap{grid-row:2; width:auto; gap:0;}
.kx-logo{height:56px; max-width:min(84vw,360px);}
.kx-cta{position:static; grid-row:3; width:auto; max-width:100%; transform:none;
  justify-items:center; text-align:center;}
.kx-join{justify-items:center; gap:7px; text-align:center;}
.kx-join-kicker{font-size:17px;}
.kx-join-btns{gap:7px; justify-content:center;}
.kx-join-btns a{min-height:34px; padding:2px 14px 0; font-size:13px;}

.kx-navrow{gap:8px; padding:7px 11px 9px; border-bottom:2px solid var(--ink);}
.kx-nav-in{gap:0;}
.kx-nav-in a{min-height:34px; padding:2px 13px 0; border:0; border-right:1px solid var(--line);
  border-radius:0; background:transparent; color:var(--ink-soft); font-size:13px;}
.kx-nav-in a:hover{color:var(--red); background:rgba(156,42,17,.06); border-color:var(--line);}
.kx-nav-in a:first-child,
.kx-nav-in a.kx-on{color:var(--red); font-weight:700;
  box-shadow:none;}

@media (min-width:901px){
  .kx-top{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);
    grid-template-rows:1fr; min-height:112px; padding:14px 20px 12px; gap:12px; justify-items:stretch;}
  .kx-date{grid-column:1; grid-row:1; justify-self:start; max-width:200px;
    font-size:13px; text-align:left;}
  .kx-logowrap{grid-column:2; grid-row:1; width:auto; justify-self:center;}
  .kx-logo{height:64px; max-width:min(48vw,480px);}
  .kx-cta{grid-column:3; grid-row:1; justify-self:end; width:auto; max-width:240px;
    justify-items:end; text-align:right;}
  .kx-join{justify-items:end; text-align:right;}
  .kx-join-btns{justify-content:flex-end; gap:6px;}
  .kx-join-btns a{min-height:34px; padding:2px 12px 0; font-size:12px;}
  .kx-navrow{gap:10px; padding:8px 14px 10px;}
}

@media (min-width:1200px){
  .kx-top{min-height:142px; padding:16px 32px 14px;}
  .kx-date{max-width:240px; font-size:15px;}
  .kx-logo{height:86px; max-width:min(48vw,560px);}
  .kx-cta{max-width:300px;}
  .kx-join-kicker{font-size:17px;}
  .kx-join-btns{gap:10px;}
  .kx-join-btns a{min-height:38px; padding:3px 18px; font-size:14px;}
}

@media (max-width:640px){
  .kx-top{grid-template-rows:30px 68px auto; padding:8px 10px 6px;}
  .kx-date{font-size:12px;}
  .kx-logo{height:50px; max-width:min(84vw,340px);}
  .kx-join-kicker{font-size:14px;}
  .kx-join-btns a{min-height:34px; padding:2px 14px 0; font-size:13px;}
  .kx-navrow{gap:7px; padding:6px 8px 7px;}
  .kx-homebtn,.kx-circlebtn{width:30px; height:30px; border-radius:10px;}
  .kx-homebtn svg{width:14px; height:14px;}
  .kx-burger i{width:13px;}
  .kx-nav-in a{min-height:30px; padding:2px 11px 0; font-size:11.5px;}
}

/* ডেস্কটপে লেখার আহ্বান ও অ্যাকাউন্ট বাটন একই লাইনে; ছোট পর্দায় আগের stacked layout থাকে */
@media (min-width:901px){
  .kx-join{display:flex; align-items:center; gap:9px;}
  .kx-join-kicker{flex:0 0 auto; white-space:nowrap;}
  .kx-join-btns{flex-wrap:nowrap;}
}

@media (min-width:901px) and (max-width:1023px){
  .kx-top{grid-template-columns:minmax(150px,1fr) auto minmax(210px,1fr); gap:8px; padding-left:18px; padding-right:18px;}
  .kx-logo{max-width:min(43vw,420px);}
  .kx-join{gap:6px;}
  .kx-join-kicker{font-size:13px;}
  .kx-join-btns{gap:4px;}
  .kx-join-btns a{min-height:32px; padding:2px 8px 0; font-size:11px;}
}

@media (min-width:901px) and (max-width:1199px){
  .kx-top{display:block; position:relative; min-height:112px;}
  .kx-date{position:absolute; left:20px; top:50%; transform:translateY(-50%); grid-column:auto; grid-row:auto;}
  .kx-logowrap{position:absolute; left:50%; top:50%; width:auto; transform:translate(-50%,-50%); grid-column:auto; grid-row:auto;}
  .kx-logo{height:60px; max-width:min(44vw,440px);}
  .kx-cta{position:absolute; right:20px; top:50%; width:auto; max-width:min(300px,calc(50vw - 225px));
    transform:translateY(-50%); grid-column:auto; grid-row:auto; justify-self:auto; justify-items:end; text-align:right;}
  .kx-join{display:flex; align-items:center; gap:9px;}
  .kx-join-kicker{white-space:nowrap;}
  .kx-join-btns{justify-content:flex-end; flex-wrap:nowrap;}
}

@media (min-width:1024px) and (max-width:1199px){
  .kx-join{gap:5px;}
  .kx-join-btns{gap:4px;}
  .kx-join-btns a{padding:2px 10px 0;}
}

/* --- ব্যাচ ৩২: ডেস্কটপ নেভ ফন্ট একটু বড় (পিসিতে ছোট লাগছিল) --- */
@media (min-width:641px){
  .kx-nav-in a{min-height:36px; padding:2px 14px 0; font-size:15px;}
  .kx-head.is-stuck .kx-nav-in a{min-height:32px; font-size:13.5px;}
}