/* STREAK DM — общая шапка для всех внутренних страниц (ПК + телефон) */
@font-face{font-family:SiteGotham;src:url('../fonts/dbd71dab0245af66-s.p.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SiteGotham;src:url('../fonts/aeae14db12b07391-s.p.woff2') format('woff2');font-weight:700;font-display:swap}

.site-top{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0 24px;min-height:96px;padding:0 max(24px,2.5vw);background:#1c1c1e;border-bottom:1px solid #28282a;font-family:SiteGotham,Arial,sans-serif;box-sizing:border-box}
.site-top *{box-sizing:border-box}
.site-top__brand{justify-self:start;display:block;line-height:0}
.site-top__brand img{display:block;width:160px;max-width:100%;height:auto;max-height:70px;object-fit:contain}
.site-top__nav{display:flex;align-items:center;justify-content:center;gap:clamp(24px,3.2vw,56px)}
.site-top__nav a,.site-top__login{position:relative;padding:8px 0;color:#7c7c80;text-decoration:none;text-transform:uppercase;font:700 13px/1 SiteGotham,Arial,sans-serif;letter-spacing:.04em;white-space:nowrap;background:none;border:0;cursor:pointer;transition:color .15s}
.site-top__nav a:hover,.site-top__login:hover{color:#fff}
.site-top__nav a.is-active{color:#fff}
.site-top__nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:#ff7a00}
.site-top__actions{justify-self:end;display:flex;align-items:center;gap:22px}
.site-top__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 28px;background:#ff7a00;color:#fff!important;text-decoration:none;text-transform:uppercase;font:700 13px/1 SiteGotham,Arial,sans-serif;letter-spacing:.04em;white-space:nowrap;transition:filter .15s}
.site-top__btn:hover{filter:brightness(1.08)}
.site-top a:focus-visible,.site-top button:focus-visible{outline:2px solid #ff7a00;outline-offset:3px}

/* планшет: меньше отступы */
@media(max-width:980px){
  .site-top{gap:0 16px}
  .site-top__brand img{width:130px}
  .site-top__nav{gap:22px}
}
/* телефон: логотип + кнопка сверху, все разделы вторым рядом */
@media(max-width:760px){
  .site-top{grid-template-columns:auto 1fr;grid-template-rows:auto auto;min-height:0;padding:12px 16px 0}
  .site-top__brand img{width:120px}
  .site-top__actions{grid-column:2;grid-row:1;gap:14px}
  .site-top__btn{min-height:40px;padding:0 16px;font-size:12px}
  .site-top__login{font-size:12px}
  .site-top__nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 0 13px;border-top:1px solid #28282a;overflow-x:auto;scrollbar-width:none}
  .site-top__nav::-webkit-scrollbar{display:none}
  .site-top__nav a{font-size:12px;padding:4px 0}
  .site-top__nav a.is-active:after{bottom:-6px}
}
@media(max-width:360px){
  .site-top__nav{gap:10px}
  .site-top__nav a{font-size:11px;letter-spacing:.02em}
  .site-top__btn{padding:0 12px}
}

/* мобильная строка разделов на главной (там своя шапка, добавляем только ссылки) */
.home-quicknav{display:none}
@media(max-width:699px){
  .home-quicknav{position:relative;z-index:1000;display:flex;justify-content:space-between;gap:12px;margin:0 16px;padding:12px 0 13px;border-top:1px solid #2c2c2e;border-bottom:1px solid #2c2c2e;overflow-x:auto;scrollbar-width:none;font-family:SiteGotham,Arial,sans-serif}
  .home-quicknav::-webkit-scrollbar{display:none}
  .home-quicknav a{color:#8a8a8e;text-decoration:none;text-transform:uppercase;font:700 12px/1 SiteGotham,Arial,sans-serif;letter-spacing:.04em;white-space:nowrap;padding:4px 0}
  .home-quicknav a.is-active{color:#fff}
}
@media(max-width:699px){
  .home-quicknav{margin-top:80px}
  #home-quicknav + main > section:first-of-type{margin-top:28px!important}
}
/* главная на ПК: те же разделы по центру шапки вместо двух старых ссылок */
@media(min-width:700px){
  #__next nav > ul{visibility:hidden!important}
  .home-quicknav{position:absolute;z-index:1000;top:66px;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(28px,3.4vw,64px);font-family:SiteGotham,Arial,sans-serif}
  .home-quicknav a{color:rgba(255,255,255,.45);text-decoration:none;text-transform:uppercase;font:500 15px/1 SiteGotham,Arial,sans-serif;white-space:nowrap;transition:color .2s}
  .home-quicknav a:hover,.home-quicknav a.is-active{color:#fff}
}
@media(min-width:700px) and (max-width:1100px){
  .home-quicknav{gap:24px}
  .home-quicknav a{font-size:13px}
}

/* кнопка «Пополнить» в шапке главной на телефоне */
.home-cta{display:none}
@media(max-width:1023px){
  .home-cta{position:absolute;z-index:1000;top:22px;right:16px;display:inline-flex;align-items:center;min-height:38px;padding:0 16px;background:#ff7a00;color:#fff;text-decoration:none;text-transform:uppercase;font:700 12px/1 SiteGotham,Arial,sans-serif;letter-spacing:.04em}
}
@media(max-width:699px){
  .home-quicknav{margin-top:80px;align-self:stretch;width:auto}
}
