/* =====================================================================
   Baxmali.az — mobil görünüş (2026-11-16)
   Yalnız ≤760px. Kompüter görünüşünə təsir etmir. Söndürmək: idarə paneli →
   Abunəçilər və bildirişlər → Parametrlər → "Mobil görünüş" (body-dən .bx-mob sinfi çıxır).
   ===================================================================== */
.bxmb-bar,.bxmb-sheet,.bxmb-load,.bxmb-prog{display:none}

@media (max-width:760px){
  /* ---------- Başlıq: loqo solda, sağda yalnız lazım olanlar ---------- */
  .bx-mob .bx-hamb,
  .bx-mob .bx-actions .bxa-open--icon,
  .bx-mob #bxSearchToggle{display:none!important}
  .bx-mob .bx-top__in{height:58px;gap:6px;padding-left:16px;padding-right:12px}
  .bx-mob .bx-logo__word{font-size:20px}
  .bx-mob .bx-actions{gap:0}
  .bx-mob .bx-actions .bx-iconbtn{width:40px;height:40px}
  .bx-mob #bxPostAd{width:40px;height:40px;padding:0;border-radius:12px;justify-content:center;margin-left:4px;flex:0 0 40px}
  .bx-mob #bxPostAd .bx-btn__txt{display:none}

  /* Bənövşəyi menyu sətri altdakı menyu ilə əvəz olunur (təkrar olmasın) */
  .bx-mob .bx-nav{display:none}

  /* ---------- Altda sabit menyu ---------- */
  .bx-mob .bxmb-bar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;
    background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);
    border-top:1px solid var(--bx-line);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}
  .bx-mob .bxmb-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:4px 2px;
    color:var(--bx-ink-3);font:600 10.5px/1.1 var(--bx-font);letter-spacing:.01em;text-decoration:none;background:none;border:0;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .bx-mob .bxmb-tab .bxmb-ico{width:23px;height:23px;transition:transform .15s}
  .bx-mob .bxmb-tab.is-on,.bx-mob .bxmb-tab[aria-expanded="true"]{color:var(--bx-violet)}
  .bx-mob .bxmb-tab.is-on .bxmb-ico,.bx-mob .bxmb-tab[aria-expanded="true"] .bxmb-ico{stroke-width:2.2}
  .bx-mob .bxmb-tab:active .bxmb-ico{transform:scale(.9)}
  .bx-mob.bxmb-locked .bxmb-tab.is-on:not([aria-expanded="true"]){color:var(--bx-ink-3)}
  .bx-mob.bxmb-locked .bxmb-tab.is-on:not([aria-expanded="true"]) .bxmb-ico{stroke-width:1.8}
  .bxmb-sform:focus-within{border-bottom-color:var(--bx-violet-2)}
  .bx-mob .bxmb-tab:focus-visible{outline:2px solid var(--bx-violet);outline-offset:-2px}
  /* Məzmun altdakı menyunun altında qalmasın */
  .bx-mob{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  /* Ekranın altına yapışan digər elementlər (cookie, abunə banneri və s.) menyunun üstündə dursun */
  .bx-mob .bxa-bar,.bx-mob .cookie-banner,.bx-mob .bx-cookie{bottom:calc(64px + env(safe-area-inset-bottom))!important}

  /* ---------- Panellər (Bölmələr, Axtarış) ---------- */
  .bx-mob .bxmb-sheet{display:block;position:fixed;left:0;right:0;top:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:69;background:#fff;
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 16px 24px;
    transform:translateY(12px);opacity:0;transition:opacity .18s,transform .18s}
  .bx-mob .bxmb-sheet[hidden]{display:none}
  .bx-mob .bxmb-sheet.is-open{transform:none;opacity:1}
  .bx-mob.bxmb-locked{overflow:hidden}
  .bxmb-sheet__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:58px;margin:0 -16px 6px;padding:0 8px 0 16px;background:#fff;border-bottom:1px solid var(--bx-line)}
  .bxmb-sheet__head b{font:700 17px/1 var(--bx-font);letter-spacing:.02em;text-transform:uppercase;color:var(--bx-ink)}
  .bxmb-x{width:42px;height:42px;display:grid;place-items:center;border:0;background:none;color:var(--bx-ink-2);border-radius:12px;cursor:pointer}
  .bxmb-x:active{background:var(--bx-lilac)}
  .bxmb-sec{padding:14px 0 6px}
  .bxmb-sec h3{margin:0 0 12px;font:700 13px/1 var(--bx-font);letter-spacing:.06em;text-transform:uppercase;color:var(--bx-ink-3)}
  .bxmb-chips{display:flex;flex-wrap:wrap;gap:8px}
  .bxmb-chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border:1px solid var(--bx-line);border-radius:999px;background:#fff;
    color:var(--bx-ink);font:500 14px/1 var(--bx-font);text-decoration:none}
  .bxmb-chips a:active{background:var(--bx-lilac);border-color:var(--bx-lilac-2);color:var(--bx-violet)}
  .bxmb-list{border:1px solid var(--bx-line);border-radius:var(--bx-r-lg);overflow:hidden;background:#fff}
  .bxmb-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;border:0;border-top:1px solid var(--bx-line);background:none;
    color:var(--bx-ink);font:500 15px/1.2 var(--bx-font);text-align:left;text-decoration:none;cursor:pointer}
  .bxmb-row:first-child{border-top:0}
  .bxmb-row>span{flex:1}
  .bxmb-row .bxmb-ico{width:20px;height:20px;color:var(--bx-violet);flex:0 0 20px}
  .bxmb-row .bxmb-ico:last-child{color:var(--bx-ink-3);width:16px;height:16px;flex-basis:16px}
  .bxmb-row:active{background:var(--bx-lilac)}
  .bxmb-row--lang{cursor:default}
  .bxmb-langs{display:flex;gap:6px}
  .bxmb-langs a{min-width:38px;height:32px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--bx-line);color:var(--bx-ink-2);font:700 12px/1 var(--bx-font);text-decoration:none}
  .bxmb-langs a.is-on{background:var(--bx-violet);border-color:var(--bx-violet);color:#fff}
  .bxmb-soc{display:flex;justify-content:center;gap:12px;padding:18px 0 4px}
  .bxmb-soc a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--bx-lilac);color:var(--bx-violet)}
  .bxmb-hot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;min-height:48px;border:1.5px solid var(--bx-violet);border-radius:999px;
    color:var(--bx-violet);font:600 15px/1 var(--bx-font);text-decoration:none}
  .bxmb-hot .bxmb-ico{width:19px;height:19px}

  /* Axtarış paneli */
  .bxmb-sform{display:flex;align-items:center;gap:6px;margin:10px 0 4px;border-bottom:2px solid var(--bx-violet)}
  .bxmb-sform input{outline:0!important;box-shadow:none!important;flex:1;min-width:0;height:50px;border:0;outline:0;background:none;font:500 17px/1 var(--bx-font);color:var(--bx-ink)}
  .bxmb-sform input::placeholder{color:var(--bx-ink-3)}
  .bxmb-sform button{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--bx-violet)}

  /* ---------- Xəbər kartları: böyük şəkil (oxu.az tipli, saytın üslubunda) ---------- */
  .bx-mob--big .bx-grid--3 .bx-news,.bx-mob--big .bx-grid--4 .bx-news{flex-direction:column}
  .bx-mob--big .bx-grid--3 .bx-news__img,.bx-mob--big .bx-grid--4 .bx-news__img{flex:none;aspect-ratio:16/9;min-height:0}
  .bx-mob--big .bx-grid--3 .bx-news h3,.bx-mob--big .bx-grid--4 .bx-news h3{font-size:17px;line-height:1.38;-webkit-line-clamp:4}
  .bx-mob--big .bx-news__body{padding:12px 14px 14px}
  .bx-mob--big .bx-grid--3,.bx-mob--big .bx-grid--4{gap:14px}

  /* Gündəm hashtaqları — barmaqla sürüşən bir sətir */
  .bx-mob .bxnt-topics__in,.bx-mob .bx-topics__in{scrollbar-width:none}
  .bx-mob .bxnt-topics__in::-webkit-scrollbar,.bx-mob .bx-topics__in::-webkit-scrollbar{display:none}
}

/* ---------- Yüklənmə göstəricisi (yalnız telefon) ---------- */
@media (max-width:760px){
  .bx-mob .bxmb-load{display:grid;place-items:center;position:fixed;inset:0;z-index:2147483000;background:#fff;transition:opacity .3s ease,visibility .3s}
  .bx-mob .bxmb-load.is-out{opacity:0;visibility:hidden}
  .bxmb-load__in{display:flex;flex-direction:column;align-items:center;gap:14px;animation:bxmbPop .45s cubic-bezier(.2,.8,.2,1) both}
  .bxmb-load__in img{width:44px;height:auto}
  .bxmb-load__word{font:800 26px/1 var(--bx-font);letter-spacing:-.03em;color:var(--bx-ink)}
  .bxmb-load__word span{color:var(--bx-violet-2)}
  .bxmb-load__dots{display:flex;gap:6px;margin-top:4px}
  .bxmb-load__dots span{width:8px;height:8px;border-radius:50%;background:var(--bx-violet);animation:bxmbDot 1s ease-in-out infinite}
  .bxmb-load__dots span:nth-child(2){animation-delay:.15s}.bxmb-load__dots span:nth-child(3){animation-delay:.3s}
  .bx-mob .bxmb-prog{display:block;position:fixed;top:0;left:0;height:3px;width:0;z-index:2147483001;background:linear-gradient(90deg,var(--bx-violet),var(--bx-violet-2),var(--bx-orange));
    box-shadow:0 0 8px rgba(109,40,217,.45);opacity:0;pointer-events:none;transition:width .25s ease,opacity .3s}
  .bx-mob .bxmb-prog.is-on{opacity:1;width:72%;transition:width 6s cubic-bezier(.1,.6,.2,1),opacity .1s}
  .bx-mob .bxmb-prog.is-done{opacity:0;width:100%;transition:width .2s ease,opacity .35s .15s}
}
@keyframes bxmbDot{0%,80%,100%{transform:scale(.6);opacity:.35}40%{transform:scale(1);opacity:1}}
@keyframes bxmbPop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.bx-mob .bxmb-sheet{transition:none}.bxmb-load__in,.bxmb-load__dots span{animation:none}}
@media print{.bxmb-bar,.bxmb-sheet{display:none!important}}