/* Шапка (sticky), поиск, колокольчик, «Мои сделки», профиль, поповер уведомлений */
/* ---------- header ---------- */
.hdr{position:sticky;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:40;width:min(1801px,100%);height:var(--hdr-h);display:flex;align-items:center;gap:18px;
  padding:0 10px 0 18px;border-radius:18px;background:rgba(14,13,14,.82);border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 18px 40px -20px #000}
.logo{display:flex;align-items:center;gap:10px;flex:none;color:#fff;text-decoration:none;font-weight:600;font-size:16px;letter-spacing:.22em}
.logo i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#fd002f,#4a0410);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 18px -6px rgba(253,0,47,.6)}
.logo i svg{width:18px;height:18px;stroke:#fff}
.hnav{display:flex;gap:2px;min-width:0}
.hnav a{padding:8px 12px;border-radius:10px;font-size:14px;font-weight:500;color:rgba(255,255,255,.58);text-decoration:none;white-space:nowrap;transition:color .2s,background-color .2s}
.hnav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.hsearch{flex:1;max-width:400px;margin-left:auto;display:flex;align-items:center;gap:10px;height:40px;padding:0 10px 0 12px;border-radius:11px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.45);transition:border-color .2s}
.hsearch:focus-within{border-color:rgba(255,255,255,.25)}
.hsearch input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:500 14px var(--font)}
.hsearch input::placeholder{color:rgba(255,255,255,.4)}
.hsearch kbd{font:500 12px var(--font);padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}
.hact{display:flex;align-items:center;gap:8px;flex:none}
.hbtn{position:relative;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:rgba(255,255,255,.75);
  transition:background-color .2s,color .2s,transform .3s var(--spring)}
.hbtn:hover{background:rgba(255,255,255,.1);color:#fff}
.hbtn:active{transform:scale(.9)}
.hbtn.msrch{display:none}
.bdg{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#fd002f;color:#fff;font-size:12px;font-weight:600;
  display:grid;place-items:center;border:2px solid #0e0d0e;font-variant-numeric:tabular-nums}
.bdg:empty{display:none}
.hdeals{display:flex;align-items:center;gap:8px;height:40px;padding:0 8px 0 12px;border-radius:11px;font-size:14px;font-weight:600;color:#2b1a05;
  background:linear-gradient(180deg,var(--gold-hi),#b98d3c);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(90,60,10,.3),0 6px 16px -6px rgba(212,174,98,.55);
  transition:transform .3s var(--spring),filter .2s}
.hdeals:hover{filter:brightness(1.06)}.hdeals:active{transform:scale(.95)}
.hdeals b{min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:rgba(43,26,5,.85);color:var(--gold-hi);font-size:13px;display:grid;place-items:center}
.hme{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:12px;transition:background-color .2s}
.hme:hover{background:rgba(255,255,255,.06)}
.hme .av{width:32px;height:32px;border-radius:8px;overflow:hidden;flex:none}
.hme .av svg{display:block;width:100%;height:100%}
.hme .meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.hme .meta b{font-size:14px;font-weight:600;color:#eae2de;white-space:nowrap}
.hme .meta small{font-size:12px;color:rgba(255,255,255,.45)}
.npop{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-width:calc(100vw - 32px);padding:8px;border-radius:16px;background:#141416;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.7);animation:tbin2 .25s var(--spring) both;z-index:5;text-align:left}
.npop h4{margin:4px 8px 8px;font-size:14px;font-weight:600;color:#eae2de}
.nit{display:flex;gap:10px;padding:10px 8px;border-radius:10px;font-size:14px;line-height:1.35;color:rgba(255,255,255,.75);width:100%;text-align:left}
.nit:hover{background:rgba(255,255,255,.05)}
.nit i{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none;background:var(--c,#fd002f)}
.nit small{display:block;margin-top:2px;font-size:12px;color:rgba(255,255,255,.4)}
.hwrap{position:relative}
@media (max-width:1380px){.hnav a:nth-child(n+4){display:none}}
@media (max-width:1100px){.hnav{display:none}.hme .meta{display:none}}