body.account-page{background:#19191a;color:#ececf0;min-height:100vh}.account-top{height:68px;border-bottom:1px solid #343438;display:flex;align-items:center;padding:0 16px;gap:22px;background:#1b1b1c}.account-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.account-logo span{width:40px;height:40px;border-radius:8px;background:#f2f2f4;color:#171719;display:grid;place-items:center;font-size:25px;font-weight:1000}.account-logo b{font-size:15px}.account-back{color:#aaa7b0;text-decoration:none;font-weight:800}.account-top-right{margin-left:auto;display:flex;align-items:center;gap:9px}.account-balance{background:#46582a;color:#d8ed9c;padding:11px 14px;border-radius:7px;font-weight:900}.account-logout,.steam-profile-link{background:#343437;color:#eee;text-decoration:none;padding:10px 14px;border-radius:7px;font-weight:800}.account-shell{max-width:1300px;margin:auto}.account-hero{display:flex;align-items:center;gap:14px;padding:18px 15px;border-bottom:1px solid #343438}.account-hero img,.big-avatar{width:56px;height:56px;border-radius:9px;object-fit:cover}.big-avatar{display:grid;place-items:center;background:#eee;color:#111;font-size:30px;font-weight:1000}.account-hero h1{font-size:22px;margin:0 0 3px}.account-hero p{margin:0;color:#aaa7b0;font-size:13px}.steam-profile-link{margin-left:auto}.account-tabs{display:flex;gap:4px;padding:16px;border-bottom:1px solid #343438}.account-tabs button{border:0;background:transparent;color:#aaa7b0;padding:10px 14px;border-radius:7px;font-weight:850;cursor:pointer}.account-tabs button.active{background:#4a4a4d;color:#fff}.account-tabs small{font-size:inherit}.account-panel{display:none}.account-panel.active{display:block}.profile-grid{display:grid;grid-template-columns:1fr 1fr}.profile-left{border-right:1px solid #343438}.profile-left article,.profile-links article{min-height:86px;padding:14px;border-bottom:1px solid #343438}.profile-left small,.profile-links small{display:block;color:#85828c;font-weight:900;font-size:11px;margin-bottom:15px}.balance-row,.promo,.profile-links article{display:flex;align-items:center;gap:10px}.balance-row strong{font-size:24px}.balance-row button,.profile-links button{margin-left:auto}.profile-left button,.profile-links button,.promo input{border:0;border-radius:7px;background:#303033;color:#a6a3ac;padding:10px 14px;font-weight:800}.promo input{flex:1}.profile-links strong{font-size:20px;color:#aaa7b0}.table-head,.table-row{display:grid;grid-template-columns:2fr 1.4fr 1.4fr 1fr;gap:10px;padding:13px 16px;border-bottom:1px solid #343438;align-items:center}.table-head{background:#303033;color:#aaa7b0;font-size:11px;font-weight:900}.table-head.tx,.table-row.tx{grid-template-columns:2fr 1fr 1fr}.table-row{min-height:58px;color:#bbb8c1;font-weight:750}.account-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.account-empty span{color:#9996a0}@media(max-width:760px){.account-logo b,.account-back{display:none}.profile-grid{grid-template-columns:1fr}.profile-left{border-right:0}.account-hero h1{font-size:16px}.table-head,.table-row{grid-template-columns:1.5fr 1fr 1fr}.table-head span:last-child,.table-row span:last-child{display:none}}

/* V72 — исходная шапка магазина остаётся на своих местах; профиль только под ней */
.account-under-main-header{margin:0!important;padding:0!important;background:#1b1b1b!important}
.account-under-main-header>.topbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important;z-index:2147483600!important;overflow:visible!important}
.account-profile-layer{position:relative;width:100%;margin:0;padding:0;background:#1b1b1b;border-top:1px solid rgba(255,255,255,.06);animation:profile-under-header-in .22s cubic-bezier(.22,.8,.22,1) both}
.account-under-main-header .account-shell{width:100%!important;max-width:none!important;margin:0!important;min-height:calc(100vh - 68px);background:#1b1b1b}
.account-under-main-header .account-top{display:none!important}
.account-under-main-header .account-dropdown{z-index:2147483647!important}
@keyframes profile-under-header-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}

/* V73 — профиль той же ширины, что основной контейнер магазина */
.account-profile-layer{
  width:calc(100% - 28px)!important;
  max-width:1232px!important;
  margin:14px auto 0!important;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px 8px 0 0;
  overflow:visible;
}
.account-under-main-header .account-shell{
  width:100%!important;
  max-width:1232px!important;
  margin:0 auto!important;
}
@media(max-width:1260px){
  .account-profile-layer{
    width:calc(100% - 28px)!important;
  }
}

/* V74 — жёстко совпадает с реальной шириной .store-section (1280px) */
html body.account-page.account-under-main-header .account-profile-layer{
  box-sizing:border-box!important;
  display:block!important;
  width:calc(100% - 48px)!important;
  max-width:1280px!important;
  min-width:0!important;
  margin:30px auto 0!important;
  padding:0!important;
  left:auto!important;
  right:auto!important;
}
html body.account-page.account-under-main-header .account-profile-layer > .account-shell{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  left:auto!important;
  right:auto!important;
}
@media(max-width:700px){
 html body.account-page.account-under-main-header .account-profile-layer{
   width:calc(100% - 24px)!important;
   margin-top:16px!important;
 }
}

/* V75 — без скачка страницы вниз */
html body.account-page.account-under-main-header .account-profile-layer{margin-top:0!important}
html{scroll-behavior:auto!important;scroll-padding-top:0!important}

/* V77 — плавный активный квадратик в Профиль / Хранилище / Транзакции */
.account-tabs{
  position:relative!important;
  isolation:isolate;
}
.account-tabs .account-tab-slider{
  position:absolute;
  top:3px;
  left:0;
  height:calc(100% - 6px);
  border-radius:7px;
  background:#4b4b4d;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 4px 14px rgba(0,0,0,.18);
  opacity:0;
  pointer-events:none;
  z-index:0;
  transition:
    transform .28s cubic-bezier(.22,.8,.22,1),
    width .28s cubic-bezier(.22,.8,.22,1),
    opacity .15s ease;
}
.account-tabs [data-tab]{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
  transition:color .2s ease!important;
}
.account-tabs [data-tab].active{
  background:transparent!important;
}

/* V78 — компактные вкладки аккаунта как на референсе */
.account-tabs{
  width:max-content!important;
  min-height:42px!important;
  padding:3px!important;
  gap:0!important;
  border-radius:8px!important;
}
.account-tabs [data-tab]{
  min-height:34px!important;
  height:34px!important;
  padding:0 12px!important;
  gap:7px!important;
  font-size:13px!important;
  line-height:34px!important;
  border-radius:6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.account-tabs .account-tab-slider{
  top:3px!important;
  height:34px!important;
  border-radius:6px!important;
}
.tab-icon{
  position:relative;
  display:inline-block;
  flex:0 0 13px;
  width:13px;height:13px;
  opacity:.9;
}
.tab-user:before{
  content:"";position:absolute;left:4px;top:1px;width:5px;height:5px;
  border-radius:50%;background:currentColor;
}
.tab-user:after{
  content:"";position:absolute;left:2px;bottom:0;width:9px;height:6px;
  border-radius:5px 5px 2px 2px;background:currentColor;
}
.tab-storage:before{
  content:"";position:absolute;left:2px;top:2px;width:9px;height:9px;
  border:1.5px solid currentColor;border-radius:2px;
}
.tab-storage:after{
  content:"";position:absolute;left:4px;top:4px;width:5px;height:1.5px;
  background:currentColor;box-shadow:0 3px 0 currentColor;
}
.tab-transactions:before{
  content:"";position:absolute;left:1px;top:3px;width:11px;height:8px;
  border-radius:2px;background:currentColor;
}
.tab-transactions:after{
  content:"";position:absolute;left:4px;top:5px;width:5px;height:1.5px;
  background:#1b1b1b;box-shadow:0 3px 0 #1b1b1b;
}

/* V79 — выравнивание профиля по референсу */
.account-under-main-header .account-profile-layer{
  overflow:hidden!important;
}
.account-under-main-header .account-shell{
  padding:0!important;
}

/* Верхняя строка профиля */
.account-under-main-header .profile-head,
.account-under-main-header .account-hero,
.account-under-main-header .profile-header{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:90px!important;
  margin:0!important;
  padding:16px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

/* Аватар + имя */
.account-under-main-header .profile-identity,
.account-under-main-header .account-identity,
.account-under-main-header .profile-user{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.account-under-main-header .profile-name,
.account-under-main-header .account-name,
.account-under-main-header .profile-user-name{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  font-kerning:normal!important;
  font-variant-ligatures:normal!important;
  text-shadow:none!important;
  transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-spacing:normal!important;
}

/* Вкладки сразу под шапкой профиля */
.account-under-main-header .account-tabs{
  box-sizing:border-box!important;
  margin:10px 12px 14px!important;
}

/* Основная сетка как на втором фото */
.account-under-main-header .account-panel.active{
  width:100%!important;
}
.account-under-main-header .profile-grid,
.account-under-main-header .account-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  width:100%!important;
  align-items:stretch!important;
}
.account-under-main-header .profile-left,
.account-under-main-header .profile-right,
.account-under-main-header .account-left,
.account-under-main-header .account-right{
  min-width:0!important;
  width:100%!important;
}

/* Левая и правая половины должны начинаться строго на одной линии */
.account-under-main-header .profile-right,
.account-under-main-header .account-right{
  border-left:1px solid rgba(255,255,255,.08)!important;
}

/* Строки одинаковой высоты и с одинаковыми отступами */
.account-under-main-header .profile-row,
.account-under-main-header .account-row{
  box-sizing:border-box!important;
  min-height:86px!important;
  margin:0!important;
  padding:13px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

/* Поле промокода не должно быть уже/выше соседних строк */
.account-under-main-header input[type="text"]{
  box-sizing:border-box!important;
}

/* Исправление налезания букв Steam-ника */
.account-under-main-header h1,
.account-under-main-header h2,
.account-under-main-header .profile-name,
.account-under-main-header .account-name,
.account-under-main-header .profile-user-name{
  font-family:Inter,Arial,sans-serif!important;
  font-stretch:normal!important;
  font-style:normal!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}

@media(max-width:760px){
  .account-under-main-header .profile-grid,
  .account-under-main-header .account-grid{
    grid-template-columns:1fr!important;
  }
  .account-under-main-header .profile-right,
  .account-under-main-header .account-right{
    border-left:0!important;
  }
}

/* V80 — точное выравнивание основной таблицы профиля */
.account-under-main-header #profile .profile-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:stretch!important;
  width:100%!important;
}
.account-under-main-header #profile .profile-left{
  border-right:1px solid #343438!important;
}
.account-under-main-header #profile .profile-left article,
.account-under-main-header #profile .profile-links article{
  box-sizing:border-box!important;
  height:86px!important;
  min-height:86px!important;
  padding:13px 14px!important;
  margin:0!important;
  border-bottom:1px solid #343438!important;
}

/* Правая строка: TG/DS/VK сверху, статус под ним, кнопка справа по центру */
.account-under-main-header #profile .profile-links article{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:20px 1fr!important;
  column-gap:14px!important;
  align-items:center!important;
}
.account-under-main-header #profile .profile-links article small{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  margin:0!important;
  line-height:16px!important;
}
.account-under-main-header #profile .profile-links article strong{
  grid-column:1!important;
  grid-row:2!important;
  align-self:center!important;
  margin:0!important;
  line-height:24px!important;
}
.account-under-main-header #profile .profile-links article button{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  margin:0!important;
}

/* Левая строка: те же вертикальные размеры, чтобы разделители совпадали пиксель-в-пиксель */
.account-under-main-header #profile .profile-left article{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.account-under-main-header #profile .profile-left article > small{
  flex:0 0 20px!important;
  margin:0!important;
  line-height:16px!important;
}
.account-under-main-header #profile .profile-left article > strong{
  margin:auto 0!important;
  line-height:24px!important;
}
.account-under-main-header #profile .balance-row,
.account-under-main-header #profile .promo{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  align-items:center!important;
}
.account-under-main-header #profile .promo input,
.account-under-main-header #profile .promo button{
  height:40px!important;
  box-sizing:border-box!important;
}

/* Steam-ник: отдельный безопасный шрифт без сжатия/наложения символов */
.account-under-main-header .account-hero > div > h1{
  display:block!important;
  margin:0 0 4px!important;
  padding:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:20px!important;
  font-weight:800!important;
  font-style:normal!important;
  font-stretch:normal!important;
  line-height:24px!important;
  letter-spacing:.15px!important;
  word-spacing:0!important;
  font-kerning:none!important;
  font-variant:none!important;
  font-feature-settings:"kern" 0,"liga" 0!important;
  text-transform:none!important;
  text-indent:0!important;
  text-shadow:none!important;
  transform:none!important;
  scale:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.account-under-main-header .account-hero > div > p{
  line-height:18px!important;
  letter-spacing:0!important;
}

@media(max-width:760px){
  .account-under-main-header #profile .profile-grid{grid-template-columns:1fr!important}
  .account-under-main-header #profile .profile-left{border-right:0!important}
}

/* V81 — профиль открывается внутри текущей страницы, без reload */
.account-spa-host[hidden]{display:none!important}
.account-spa-host{
  box-sizing:border-box;
  width:calc(100% - 48px);
  max-width:1280px;
  margin:0 auto;
  position:relative;
  z-index:20;
  animation:account-spa-in .22s cubic-bezier(.22,.8,.22,1) both;
}
.account-spa-host .account-shell{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
.account-spa-host .account-top{display:none!important}
body.account-spa-open{overflow-x:hidden}
@keyframes account-spa-in{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:700px){
 .account-spa-host{width:calc(100% - 24px)}
}

/* V82 — восстановление точной геометрии профиля внутри SPA */
.account-spa-host{
  box-sizing:border-box!important;
  width:calc(100% - 48px)!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:0!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  background:#1b1b1b!important;
}
.account-spa-host .account-shell{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#1b1b1b!important;
}

/* Верх профиля */
.account-spa-host .account-hero{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:90px!important;
  margin:0!important;
  padding:16px 14px!important;
  border-bottom:1px solid #343438!important;
}

/* Вкладки */
.account-spa-host .account-tabs{
  margin:10px 12px 14px!important;
}

/* Две половины строго 50/50 */
.account-spa-host #profile .profile-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}
.account-spa-host #profile .profile-left,
.account-spa-host #profile .profile-links{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.account-spa-host #profile .profile-left{
  border-right:1px solid #343438!important;
}

/* Баланс=TG, Пополнения=DS, Промокод=VK — одинаковые строки */
.account-spa-host #profile .profile-left article,
.account-spa-host #profile .profile-links article{
  box-sizing:border-box!important;
  width:100%!important;
  height:86px!important;
  min-height:86px!important;
  max-height:86px!important;
  margin:0!important;
  padding:13px 14px!important;
  border-bottom:1px solid #343438!important;
}

/* Левая колонка */
.account-spa-host #profile .profile-left article{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.account-spa-host #profile .profile-left article > small{
  flex:0 0 20px!important;
  margin:0!important;
  line-height:16px!important;
}
.account-spa-host #profile .profile-left article > strong{
  margin:auto 0!important;
  line-height:24px!important;
}
.account-spa-host #profile .balance-row,
.account-spa-host #profile .promo{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}

/* Правая колонка */
.account-spa-host #profile .profile-links article{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:20px 1fr!important;
  column-gap:14px!important;
  align-items:center!important;
}
.account-spa-host #profile .profile-links article small{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  margin:0!important;
  line-height:16px!important;
}
.account-spa-host #profile .profile-links article strong{
  grid-column:1!important;
  grid-row:2!important;
  align-self:center!important;
  margin:0!important;
  line-height:24px!important;
}
.account-spa-host #profile .profile-links article button{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  margin:0!important;
}

/* Промокод */
.account-spa-host #profile .promo{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
.account-spa-host #profile .promo input,
.account-spa-host #profile .promo button{
  box-sizing:border-box!important;
  height:40px!important;
  margin:0!important;
}

/* Разделительные линии не растягиваются за контейнер */
.account-spa-host #profile{
  box-sizing:border-box!important;
  width:100%!important;
  overflow:hidden!important;
}

/* Ник сохраняем исправленным из V80 */
.account-spa-host .account-hero > div > h1{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:24px!important;
  letter-spacing:.15px!important;
  font-kerning:none!important;
  font-feature-settings:"kern" 0,"liga" 0!important;
  text-shadow:none!important;
  transform:none!important;
}

@media(max-width:760px){
  .account-spa-host #profile .profile-grid{
    grid-template-columns:1fr!important;
  }
  .account-spa-host #profile .profile-left{
    border-right:0!important;
  }
}

/* V84: единая анимация переходов управляется page-soft-enter */
.account-spa-host{animation:none!important}

.account-spa-host #profile .topup-trigger{cursor:pointer!important;color:#eee!important;background:#3b3b3e!important}

/* V97 — активный промокод */
.promo .promo-code-input{
  cursor:text!important;
  color:#e8e8ea!important;
  background:#29292b!important;
  outline:none!important;
  border:1px solid transparent!important;
  transition:background .18s ease,border-color .18s ease!important;
}
.promo .promo-code-input:focus{
  background:#2e2e31!important;
  border-color:rgba(255,255,255,.10)!important;
}
.promo .promo-code-input::placeholder{color:#77757e!important}
.promo .promo-apply-button{
  cursor:pointer!important;
  color:#aaa8b0!important;
  background:#303033!important;
  transform:none!important;
  transition:background .18s ease,color .18s ease!important;
}
.promo .promo-apply-button:hover{
  background:#38383b!important;
  color:#d2d1d5!important;
  transform:none!important;
}
.promo .promo-apply-button:disabled{
  opacity:.55!important;
  cursor:wait!important;
}
.promo .promo-code-input.promo-valid{
  border-color:rgba(119,151,67,.55)!important;
}