/* =========================================================
   BEC — موبايل ډرور (Mobile off-canvas sidebar)
   د ټولو نورو CSS فایلونو وروسته لوستل کېږي.
   په کوچنیو سکرینونو کې (≤ 800px) سایډبار د پاڼې په سر کې نه پراتوي؛
   د پټ ډرور په څېر (کيڼ لوري، د ☰ سره سم) د hamburger (☰) تڼۍ سره خلاصېږي.
   ========================================================= */
.bec-drawer-overlay{display:none}

@media (max-width:800px){
  html{overflow-x:hidden;-webkit-text-size-adjust:100%}
  html body.pd-v2{--pd-side:0px!important;overflow-x:clip}

  /* ---- صفحه د ټول عرض لپاره ---- */
  html body.pd-v2>main.container,
  html body.pd-v2>footer,
  html body.pd-v2>header,
  html body.pd-v2>.top-bar,
  html body.pd-v2 #pdTopbar{margin-left:0!important;margin-right:0!important}
  html body.pd-v2>main.container{width:100%!important;max-width:100%!important;padding:14px 12px 10px!important}
  html body.pd-v2 #pdTopbar{width:100%;box-sizing:border-box;padding:0 10px;gap:6px}
  html body.pd-v2 #pdTopbar .pd-burger{display:grid!important;flex:0 0 auto}
  html body.pd-v2 .pd-spacer,html body.pd-v2 .pd-uname{display:none}
  html body.pd-v2 .pd-search{width:auto;flex:1 1 auto;min-width:0}

  /* ---- سایډبار = ډرور ---- */
  html body.pd-v2 .bec-sidebar,
  html body.pd-v2.pd-collapsed .bec-sidebar{
    display:flex!important;flex-direction:column;
    position:fixed!important;top:0!important;bottom:0!important;height:100dvh!important;
    left:0!important;right:auto!important;inset-inline:auto!important;
    width:min(84vw,310px)!important;max-width:310px;
    z-index:2000!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
    padding-bottom:env(safe-area-inset-bottom,0px);
    transform:translateX(-105%);visibility:hidden;
    transition:transform .28s cubic-bezier(.2,.85,.3,1),visibility 0s linear .28s;
    box-shadow:none!important;
  }

  html body.pd-v2.pd-m-open .bec-sidebar{
    transform:translateX(0)!important;visibility:visible;
    transition:transform .28s cubic-bezier(.2,.85,.3,1),visibility 0s;
    box-shadow:14px 0 44px rgba(2,8,28,.55)!important;
  }

  /* پس‌منظر تور (overlay) */
  html body .bec-drawer-overlay{
    display:block;position:fixed;inset:0;z-index:1990;background:rgba(3,10,30,.55);
    -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;transition:opacity .25s ease;
  }
  html body.pd-m-open .bec-drawer-overlay{opacity:1;pointer-events:auto}
  html body.pd-m-open{overflow:hidden}

  /* ---- د ډرور دننه مېنو: یو ستون، لوستل اسانه ---- */
  html body.pd-v2 .bec-sidebar .bec-brand{height:76px!important;flex:0 0 auto;padding:0 16px!important}
  html body.pd-v2 .bec-sidebar .bec-logo{width:46px!important;height:46px!important;flex:0 0 46px!important}
  html body.pd-v2 .bec-sidebar .bec-nav{
    display:flex!important;flex-direction:column;grid-template-columns:none!important;
    padding:6px 10px 10px!important;gap:3px!important;flex:0 0 auto;
  }
  html body .bec-sidebar .bm-group{grid-column:auto;padding:14px 8px 4px}
  html body.pd-v2 .bec-sidebar .bec-nav-item,
  html body.pd-v2 .bec-sidebar .bec-nav-item.bec-nav-subitem{
    width:100%!important;margin:0!important;min-height:46px;padding:6px 10px!important;gap:12px;
    font-size:14.5px!important;border-radius:13px!important;
  }
  html body.pd-v2 .bec-sidebar .bec-nav-item.bec-nav-subitem{padding-inline-start:22px!important}
  html body.pd-v2 .bec-sidebar .bec-nav-item .bm-ic{flex:0 0 34px!important;width:34px!important;height:34px!important;padding:7px}
  html body.pd-v2 .bec-sidebar .bec-nav-item:hover{transform:none!important}
  html body.pd-v2 .bec-sidebar .bec-nav-item{animation:none!important}
  html body.pd-v2 .bec-sidebar .pd-sidefoot{flex:0 0 auto;margin:auto 10px 12px}
}

@media (prefers-reduced-motion:reduce){
  html body.pd-v2 .bec-sidebar,html body .bec-drawer-overlay{transition:none!important}
}
@media print{.bec-drawer-overlay{display:none!important}}