/* Мобильная версия ≤720: двойная нижняя навигация, шторка фильтров */
/* ---------- mobile double nav ---------- */
.mnav{display:none}
@media (max-width:720px){
  :root{--hdr-h:56px}
  body{padding-block:8px calc(var(--nav-h) + env(safe-area-inset-bottom,0px));gap:12px}
  .hdr{top:calc(env(safe-area-inset-top,0px) + 8px);padding:0 6px 0 12px;gap:8px;border-radius:16px}
  .logo{font-size:15px;letter-spacing:.18em}.logo i{width:30px;height:30px}
  .hsearch,.hdeals{display:none}
  .hact{margin-left:auto;gap:6px}
  .hbtn.msrch{display:grid}
  .hme{padding:0}
  .ctrl{display:none}
  .deck{gap:12px}
  body:not([data-view="chat"]) .chat{display:none}
  body[data-view="chat"] .chat{height:calc(100dvh - var(--hdr-h) - 8px - 12px - var(--nav-h) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:360px;border-radius:20px}
  body[data-view="chat"] .ftr{display:none}
  body:not([data-view="arts"]) .articles{display:none}
  .articles{border-radius:20px}
  body:not([data-view="trade"]) .trade{display:none}
  .tp-tabs{display:none}
  .tp-bar{gap:12px}.tp-search{flex:1 1 100%}
  .tp-title{font-size:20px}
  .trade{border-radius:20px}
  /* filters become a bottom sheet (moved to <body> by script while open) */
  .tp-filters{display:none}
  .tp-filters.sheet{display:flex;position:fixed;z-index:66;left:0;right:0;bottom:0;max-height:82dvh;overflow:auto;border-radius:22px 22px 0 0;
    padding:20px max(16px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
    background:#0b1422;color:#e3e9f1;border-top:1px solid rgba(255,255,255,.1);animation:sheetIn .4s cubic-bezier(.2,.8,.2,1) both}
  .tp-filters.sheet .tf-x{display:grid}
  .sr-stats span{min-width:0;padding:6px 8px}
  .sr-btns{flex:1}.sr-btns .tbtn{flex:1}
  .sr-g{order:2}
  .tp-grid.news,.tp-sub.news{grid-template-columns:1fr}
  /* deals: drawer turns into a screen */
  .dl{position:static;transform:none;visibility:visible;width:100%;max-width:none;box-shadow:none;border-radius:20px;z-index:auto;transition:none;padding:16px}
  .dl .xbtn,.dl .seg{display:none}
  body:not([data-view="deals"]) .dl{display:none}
  /* modal → bottom sheet */
  .odm{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;max-height:90dvh;border-radius:22px 22px 0 0;padding:20px max(16px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:sheetIn .4s cubic-bezier(.2,.8,.2,1) both}
  .how{grid-template-columns:1fr 1fr}
  .frow{grid-template-columns:1fr}
  .odm-f .btn{flex:1;min-width:0}
  /* deal room fills the screen */
  .room{inset:0;border-radius:0;border:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
  .rh{padding:10px 12px;gap:10px}
  .rh-t h3{font-size:16px}
  .ppl{display:none}
  .rf{padding:14px 12px}
  .dm{max-width:90%}
  .ra{margin:0 12px;flex-wrap:wrap;padding:12px}
  .ra-b{flex-basis:100%}.ra-b .btn{flex:1}
  .rin{margin:10px 12px 12px}
  .toast{bottom:calc(var(--nav-h) + 8px + env(safe-area-inset-bottom,0px))}
  body.modal-open .toast{bottom:calc(24px + env(safe-area-inset-bottom,0px))}

  .mnav{display:flex;flex-direction:column;gap:8px;position:fixed;z-index:50;left:0;right:0;bottom:0;
    padding:28px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9) 40%);pointer-events:none}
  .mnav>*{pointer-events:auto}
  .msub{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px;border-radius:14px;background:rgba(22,21,23,.9);border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .msub::-webkit-scrollbar{display:none}
  .msub button{flex:none;display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:500;color:rgba(255,255,255,.55);white-space:nowrap;transition:background-color .2s,color .2s}
  .msub button .ico{width:16px;height:16px}
  .msub button[aria-pressed="true"]{background:var(--sub,rgba(255,255,255,.12));color:var(--subfg,#fff)}
  .msub button b{font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:6px;background:rgba(255,255,255,.1);font-size:12px;display:grid;place-items:center}
  .msub .ficon{position:sticky;left:0;background:rgba(22,21,23,.98);color:#fff;border:1px solid rgba(255,255,255,.12)}
  .msub .ficon i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
  .mtab{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border-radius:20px;background:rgba(16,15,17,.94);border:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(0,0,0,.6)}
  .mtab button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;border-radius:14px;font-size:12px;font-weight:500;color:rgba(255,255,255,.45);
    transition:color .2s,background-color .2s,transform .3s var(--spring)}
  .mtab button:active{transform:scale(.92)}
  .mtab button .ico2{width:22px;height:22px}
  .mtab button[aria-current="page"]{color:#fff;background:rgba(255,255,255,.07)}
  .mtab button[aria-current="page"]::before{content:"";position:absolute;top:3px;width:18px;height:3px;border-radius:2px;background:var(--c)}
  .mtab .bdg{top:2px;right:calc(50% - 22px);border-color:#100f11}
}

.sr-g{width:176px;justify-content:center}
@media (max-width:720px){
  .chat .mshow{display:none!important}.chat:not(.mem){--pside:10px}
  .rh-st,.rdl{display:none}.rdet{width:40px;padding:0}
  .sr-stats span:nth-child(3){display:none}.sr-g{width:auto}
  .lotbox .who{flex-wrap:wrap}
}
@keyframes sheetIn{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.stp.c .n,.dots i{animation:none!important}}