/* Единая публичная шапка Feelody. Все селекторы изолированы от контента страниц. */
.site-header{
  position:fixed;top:16px;left:0;right:0;z-index:100;color:#f2f3f6;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
}
.site-header *{box-sizing:border-box}
.site-header a{color:inherit;text-decoration:none}
.site-header__inner{
  width:min(calc(100% - 48px),1180px);height:68px;margin:0 auto;padding:0 12px 0 16px;
  display:flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.09);
  border-radius:21px;background:rgba(13,10,24,.82);box-shadow:0 16px 46px rgba(0,0,0,.28);
  backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);
}
.site-header__brand{display:flex;align-items:center;gap:.65em;flex:none;font-size:1.16rem;font-weight:780;letter-spacing:-.035em}
.site-header__brand img{display:block;width:38px;height:38px;flex:none;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.site-header__links{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:.86rem;font-weight:500}
.site-header__links a{color:#aaa3b3;transition:color .15s}
.site-header__links a:hover,.site-header__links a[aria-current="page"]{color:#f2f3f6}
.site-header__actions{display:flex;align-items:center;gap:8px;margin-left:7px}
.site-header__button{
  min-height:44px;padding:.72em 1.05em;display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  border:1px solid transparent;border-radius:14px;color:#fff;font:inherit;font-size:.84rem;font-weight:720;
  letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;
}
.site-header__button--ghost{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09)}
.site-header__button--ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16)}
.site-header__button--primary{
  background:linear-gradient(100deg,#ff7a59 0%,#ff4d7d 50%,#8b5cf6 100%);
  box-shadow:0 16px 40px -16px rgba(255,77,125,.34),inset 0 1px rgba(255,255,255,.28);
}
.site-header__button--primary:hover{transform:translateY(-2px);box-shadow:0 21px 44px -16px rgba(255,79,139,.58)}
.site-header__history{display:none;width:42px;padding:0;font-size:1.08rem}
.site-header #langSwitch{flex:none}
.site-header #langBtn{min-width:72px;padding-inline:10px}
.site-header .lang-flag{display:block;width:22px;height:15px;flex:0 0 22px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
body.site-page{padding-top:112px}

@media(max-width:1000px){
  .site-header__links{display:none}
  .site-header__actions{margin-left:auto}
}
@media(max-width:899px){.site-header__history{display:inline-flex}}
@media(max-width:720px){
  .site-header{top:10px}
  .site-header__inner{width:calc(100% - 20px);height:62px;padding:0 10px;border-radius:18px;gap:8px}
  .site-header__brand{font-size:1.04rem}.site-header__brand img{width:34px;height:34px}
  .site-header__login{display:none}
  body.site-page{padding-top:90px}
}
@media(max-width:460px){
  .site-header__inner{padding-left:9px}
  .site-header__brand span{display:none}
  .order-page .site-header__brand{display:none}
  .site-header #langBtn{min-width:58px;padding-inline:8px}
  .site-header__button--primary{min-height:42px;padding:.62em .82em;font-size:.77rem}
  .site-header__button--primary .site-header__arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.site-header__button,.site-header__links a{transition:none}}