/* Cabinet spacing and component sizing. Kept after the shared visual theme. */
.page-cabinet .site-header .header-inner { grid-template-columns: minmax(180px, 1fr) auto minmax(250px, 1fr); gap: 24px; }
.page-cabinet .header-session { display: flex; align-items: center; justify-self: end; gap: 12px; min-width: 0; }
.page-cabinet .site-header .account-chip { margin: 0; padding: 11px 13px; border-radius: 12px; border-color: #f5ab2d35; background: #f5ab2d0b; color: #f5bd60; font: 500 11px/1.4 var(--mono); white-space: nowrap; }
.page-cabinet .site-header #logout-button { min-height: 40px; padding: 10px 16px; font-size: 12px; }
.page-cabinet .cabinet-wrap { max-width: 1240px; }
.page-cabinet.cabinet-ready .cabinet-wrap { padding-top: 32px; }
.page-cabinet #cabinet-view.cabinet-organized { grid-template-columns: 184px minmax(0, 1fr); gap: 24px 32px; }
.page-cabinet .cabinet-organized > .cabinet-tabs { top: 116px; padding: 8px; border-radius: 20px; }
.page-cabinet .cabinet-organized > .cabinet-tabs .cabinet-tab { min-height: 44px; padding: 12px 15px; font-size: 13px; color: #a8a39a; }
.page-cabinet .dashboard-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; padding: 0 0 26px !important; min-width: 0; }
.page-cabinet .dashboard-hero > div { min-width: 0; }
.page-cabinet .dashboard-hero .hero-eyebrow { margin-bottom: 10px; font-size: 11px; letter-spacing: .08em; }
.page-cabinet .dashboard-hero h1 { margin: 0 0 10px; font: 450 clamp(21px, 2.1vw, 29px)/1.35 var(--mono); letter-spacing: -.045em; overflow-wrap: anywhere; }
.page-cabinet .dashboard-hero #account-meta { font-size: 12px; line-height: 1.7; }
.page-cabinet .dashboard-hero .balance-box { min-width: 215px; margin: 0; padding: 4px 0 4px 26px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; border: 0; border-left: 1px solid var(--line2); }
.page-cabinet .balance-box > span { font: 500 11px/1.5 var(--font); letter-spacing: .05em; }
.page-cabinet .balance-box strong { font-size: 30px; line-height: 1.25; letter-spacing: -.045em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.page-cabinet .balance-box .btn { min-height: 42px; margin-top: 3px; padding: 11px 18px; font-size: 12px; }
.page-cabinet .cabinet-main-panel { gap: 22px; }
.page-cabinet .subscription-tabs { gap: 6px; margin: 0; width: fit-content; max-width: 100%; }
.page-cabinet .subscription-tab { min-height: 43px; padding: 11px 16px; font-size: 12px; white-space: nowrap; }
.page-cabinet .cabinet-main-panel > .cabinet-panel > .card { padding: 0; border: 0; background: none; }
.page-cabinet .subscription-heading { gap: 10px; margin-bottom: 18px; }
.page-cabinet .subscription-heading h2 { margin: 0; font-size: 21px; line-height: 1.4; }
.page-cabinet .subscription-heading > .counter { min-width: 27px; height: 27px; font-size: 11px; }
.page-cabinet .subscription-heading > .btn { min-height: 40px; padding: 10px 17px; }
.page-cabinet :is(#subscriptions-list, #proxies-list) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 16px; }
.page-cabinet :is(#subscriptions-list, #proxies-list).empty-state { display: block; padding: 24px; }
.page-cabinet :is(#subscriptions-list, #proxies-list) .service-card { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; padding: 20px; border: 1px solid #ffffff20; border-radius: 20px; background: linear-gradient(140deg, #ffffff06, transparent 75%), #10100f; box-shadow: inset 0 1px 0 #ffffff0c; min-width: 0; }
.page-cabinet :is(#subscriptions-list, #proxies-list) .service-card > * { width: 100%; align-self: stretch; min-width: 0; }
.page-cabinet .service-card .service-header { align-items: center; flex-wrap: nowrap; gap: 10px; }
.page-cabinet .service-card .service-symbol { width: 34px; height: 34px; flex-basis: 34px; border-radius: 11px; }
.page-cabinet .service-symbol svg { width: 19px; height: 19px; }
.page-cabinet .service-caption { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 9px; margin-bottom: 4px; }
.page-cabinet .service-caption .service-kind { margin: 0; font-size: 11px; line-height: 1.5; }
.page-cabinet .service-country { display: inline-flex; align-items: center; gap: 5px; color: #a8a39a; font-size: 10px; line-height: 1.5; }
.page-cabinet .service-country .cabinet-country-flag { width: 16px; height: auto; border-radius: 2px; }
.page-cabinet :is(#subscriptions-list, #proxies-list) .service-header .item-title { display: block; margin: 0; font-size: 18px !important; font-weight: 500 !important; line-height: 1.4; overflow-wrap: anywhere; }
.page-cabinet .service-card .service-status { margin: 0; align-self: center; padding: 5px 7px; font-size: 10px; }
.page-cabinet .service-card .service-facts { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 12px 16px; margin: 17px 0; padding: 14px 0; }
.page-cabinet .service-facts > div { display: grid; align-content: start; justify-content: start; gap: 5px; min-width: 0; }
.page-cabinet .service-facts dt { font-size: 11px; line-height: 1.5; }
.page-cabinet .service-facts dd { font-size: 12px; line-height: 1.6; text-align: left; font-variant-numeric: tabular-nums; }
.page-cabinet .service-toolbar { display: flex; flex-wrap: wrap; align-items: start; gap: 8px; margin-top: auto; }
.page-cabinet .service-card .service-primary { display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: 8px; margin: 0; }
.page-cabinet .service-card .service-primary > .mini-button { flex: 1 1 auto; width: auto; min-height: 40px; margin: 0; padding: 9px 12px !important; border-radius: 11px !important; font-size: 12px !important; line-height: 1.5; text-align: center; }
.page-cabinet .service-card .service-settings { flex: 1 1 100%; width: 100%; margin: 0; border: 0; background: none; }
.page-cabinet .service-card .service-menu-trigger { width: 100%; max-width: none; min-height: 37px; padding: 9px 11px; gap: 8px; border: 1px solid var(--line); border-radius: 11px; font-size: 11px; }
.page-cabinet .service-menu-trigger svg { width: 15px; height: 15px; }
.page-cabinet .service-menu-popup { border-radius: 16px; }
.page-cabinet .service-menu-popup .mini-button { min-height: 42px; font-size: 12px !important; padding: 10px 12px !important; }
.page-cabinet .settings-grid { gap: 14px; }
.page-cabinet .settings-tile { min-height: 96px; padding: 18px; gap: 13px; }
.page-cabinet .settings-tile-copy strong { font-size: 14px; }
.page-cabinet .settings-tile-copy > span { font-size: 12px; line-height: 1.6; }
.page-cabinet :is(#cabinet-panel-account, #cabinet-panel-security) .settings-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
.page-cabinet .settings-tile { margin: 0; transition: background .2s ease, color .2s ease; }
.page-cabinet .settings-tile:hover { padding: 18px; background: #ffffff04; }
.page-cabinet .cabinet-select-options.is-floating { position: fixed; right: auto; bottom: auto; z-index: 1000; box-sizing: border-box; overscroll-behavior: contain; overflow-x: hidden; max-height: 320px; padding: 6px; }
.page-cabinet .cabinet-select-value { display: flex; align-items: center; gap: 10px; min-width: 0; text-align: left; }
.page-cabinet .cabinet-select-value > span { min-width: 0; overflow-wrap: anywhere; }
.page-cabinet .cabinet-select-value .cabinet-country-flag { flex: 0 0 auto; width: 22px; height: auto; transform: none; }
.page-cabinet .cabinet-select-value .cabinet-country-flag.is-neutral { height: 22px; border: 0; box-shadow: none; color: var(--muted); }
.page-cabinet .cabinet-select-option { min-height: 42px; display: flex; align-items: center; }

/* Dialogs use one heading and a consistent content rhythm. */
.page-cabinet .cabinet-section-dialog { width: min(900px, calc(100% - 40px)); max-height: calc(100dvh - 48px); border-radius: 25px; }
.page-cabinet .cabinet-section-dialog[data-section="gifts"] { width: min(660px, calc(100% - 40px)); }
.page-cabinet .cabinet-section-dialog[data-section="balance"] { width: min(760px, calc(100% - 40px)); }
.page-cabinet .cabinet-section-dialog[data-section="referrals"] { width: min(860px, calc(100% - 40px)); }
.page-cabinet .cabinet-section-heading { padding: 21px 26px; gap: 20px; }
.page-cabinet .cabinet-section-heading h2 { margin: 0; font-size: 22px; line-height: 1.35; }
.page-cabinet .cabinet-section-close { width: 36px; height: 36px; }
.page-cabinet :is(.cabinet-section-close, .cabinet-toast-close) { display: grid; place-items: center; padding: 0; line-height: 1; }
.page-cabinet :is(.cabinet-section-close, .cabinet-toast-close) svg { display: block; width: 16px; height: 16px; margin: 0; pointer-events: none; }
.page-cabinet .cabinet-toast-close svg { width: 14px; height: 14px; }
.page-cabinet .cabinet-section-scroll { padding: 24px 26px 28px; scrollbar-gutter: auto; }
.page-cabinet .cabinet-section-scroll .cabinet-panel { gap: 22px; }
.page-cabinet .cabinet-section-scroll .cabinet-panel > .card { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.page-cabinet .cabinet-section-scroll .cabinet-panel > .card + .card { padding-top: 22px; border-top: 1px solid var(--line); }
.page-cabinet .cabinet-section-scroll h2, .page-cabinet .cabinet-section-scroll h3 { font-size: 18px; line-height: 1.45; margin-bottom: 16px; }
.page-cabinet .cabinet-section-scroll .muted, .page-cabinet .cabinet-section-scroll .form-note { font-size: 13px; line-height: 1.75; }
.page-cabinet .cabinet-section-scroll .compact-form, .page-cabinet .cabinet-section-scroll .service-form { gap: 17px; }
.page-cabinet .cabinet-section-scroll label { gap: 8px; font-size: 13px; line-height: 1.6; }
.page-cabinet .cabinet-section-scroll .btn { min-height: 44px; padding: 12px 18px; }
.page-cabinet .cabinet-section-scroll .facts { margin: 0; padding: 0; border: 0; gap: 12px; }
.page-cabinet #cabinet-content-telegram .facts > div { padding: 0; border: 0; }
.page-cabinet #cabinet-content-telegram #telegram-status { color: #c6d8c7; }
.page-cabinet #cabinet-content-telegram :is(.telegram-link-box, .telegram-unlink-box, .telegram-merge-box) { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--line); }
.page-cabinet #cabinet-content-telegram .form-note { margin-bottom: 16px; }
.page-cabinet #cabinet-content-telegram .btn-full { width: auto; max-width: 100%; }
.page-cabinet .cabinet-section-scroll .panel-heading { margin-bottom: 18px; }
.page-cabinet .cabinet-section-scroll .panel-heading h2 { margin: 0; }
.page-cabinet #topup-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.page-cabinet #topup-form #custom-topup-row { display: grid; gap: 9px; }
.page-cabinet #topup-form input[name="custom_amount"] { width: 100%; min-height: 50px; padding: 12px 15px; font-size: 16px; font-variant-numeric: tabular-nums; }
.page-cabinet #topup-form > .btn { width: 100%; justify-self: stretch; min-height: 46px; }
.page-cabinet #custom-topup-hint { font-size: 12px; line-height: 1.6; }

/* Two independent gift flows. All original forms and their state stay mounted. */
.page-cabinet #cabinet-panel-gifts { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.page-cabinet .gift-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.page-cabinet .gift-tabs { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line2); border-radius: 14px; background: #0002; }
.page-cabinet .gift-tab { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; min-height: 42px; border: 1px solid transparent; border-radius: 10px; background: none; color: #a8a39a; font: 500 13px/1.5 var(--font); }
.page-cabinet .gift-tab svg { width: 17px; height: 17px; }
.page-cabinet .gift-tab[aria-selected="true"] { color: #f5bd60; border-color: #f5ab2d30; background: #f5ab2d0d; box-shadow: inset 0 1px 0 #ffffff08; }
.page-cabinet .gift-tab:focus-visible { outline: 2px solid var(--c); outline-offset: 3px; }
.page-cabinet .gift-toolbar #gift-refresh { min-height: 40px; padding: 10px 14px; font-size: 12px; }
.page-cabinet .gift-tab-panel { display: grid; gap: 24px; min-width: 0; }
.page-cabinet .gift-tab-panel[hidden] { display: none !important; }
.page-cabinet .gift-tab-panel > .card { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.page-cabinet .gift-tab-panel > .card::before { display: none; }
.page-cabinet .gift-tab-panel > .card + .card { border-top: 1px solid var(--line); padding-top: 24px; }
.page-cabinet .gift-intro { margin-bottom: 20px; }
.page-cabinet .gift-tab-panel .reward-heading { margin-bottom: 18px; gap: 12px; align-items: center; }
.page-cabinet .gift-tab-panel .reward-heading h2 { margin: 0; }
.page-cabinet .gift-tab-panel .reward-form { gap: 17px; }
.page-cabinet .gift-tab-panel .reward-form textarea { min-height: 80px; }
.page-cabinet .gift-tab-panel .reward-form .reward-check { display: flex; align-items: center; gap: 10px; }
.page-cabinet .gift-tab-panel .reward-price { padding: 14px 0 0; }
.page-cabinet .gift-tab-panel .reward-price strong { font-size: 23px; }
.page-cabinet .gift-tab-panel .reward-list { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 16px; }
.page-cabinet .gift-tab-panel .reward-item { padding: 17px; gap: 12px; border-radius: 15px; }
.page-cabinet .gift-tab-panel .reward-item h3 { font-size: 15px; margin: 0; }
.page-cabinet .gift-tab-panel #gift-use-form { grid-template-columns: minmax(0, 1fr); }
.page-cabinet .gift-tab-panel #gift-use-form > * { grid-column: auto; }

/* Referral links, totals and personal invitation are separate compact groups. */
.page-cabinet .cabinet-section-scroll #cabinet-panel-referrals { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px 18px; }
.page-cabinet #referral-card .referral-heading { gap: 16px; margin-bottom: 14px; }
.page-cabinet #referral-card .referral-heading h2 { font-size: 19px; margin: 0; }
.page-cabinet #referral-terms { margin: 0; }
.page-cabinet #referral-summary { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 20px 0; padding: 0; border: 0; }
.page-cabinet .referral-stat { gap: 8px; padding: 12px; border-radius: 13px; }
.page-cabinet .referral-stat span { font-size: 11px; line-height: 1.45; }
.page-cabinet .referral-stat strong { font-size: 18px; line-height: 1.4; font-weight: 550; }
.page-cabinet .referral-links { gap: 16px; margin: 20px 0 0; }
.page-cabinet .referral-links label { font-size: 12px; }
.page-cabinet .referral-link-row { flex-wrap: nowrap; gap: 7px; }
.page-cabinet .referral-link-row input { flex: 1 1 0; width: 0; min-width: 0; min-height: 44px; font: 11px/1.5 var(--mono); }
.page-cabinet .referral-link-row .btn { flex: 0 0 auto; min-height: 44px; padding: 11px 13px; font-size: 11px; border-radius: 12px; }
.page-cabinet .cabinet-section-scroll :is(#referral-invitation-card, #referral-history-card) { align-self: start; min-width: 0; padding: 18px; border: 1px solid var(--line2); border-radius: 17px; background: #ffffff03; }
.page-cabinet #referral-invitation-card > h2, .page-cabinet #referral-history-card > h2 { font-size: 17px; margin-bottom: 14px; }
.page-cabinet #referral-claim-form { margin-top: 16px; }
.page-cabinet #referral-claim-form .btn { width: 100%; }
.page-cabinet .referral-history { gap: 13px; }
.page-cabinet .referral-history-row { padding: 0 0 13px; gap: 6px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.page-cabinet .referral-history-row:last-child { padding-bottom: 0; border-bottom: 0; }
.page-cabinet .referral-progress { margin-top: 16px; }
.page-cabinet #referral-progress-note:not(:empty) { margin-top: 12px; }

@media (max-width: 1180px) and (min-width: 1001px) {
  .page-cabinet .site-header .header-inner { grid-template-columns: auto 1fr auto; gap: 18px; }
  .page-cabinet .site-header nav { justify-self: center; }
  .page-cabinet .site-header nav > a:not(.btn-primary) { padding-inline: 10px; }
  .page-cabinet .site-header .account-chip { padding-inline: 10px; font-size: 10px; }
  .page-cabinet .header-session { gap: 8px; }
}
@media (max-width: 1100px) {
  .page-cabinet #cabinet-view.cabinet-organized { grid-template-columns: 158px minmax(0, 1fr); column-gap: 24px; }
  .page-cabinet .settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  .page-cabinet .site-header .header-inner { grid-template-columns: 1fr auto; gap: 18px; }
  .page-cabinet .header-session { display: none; }
  .page-cabinet #mobile-menu .account-chip:not(.hidden) { display: block; width: fit-content; max-width: 100%; margin: 8px 12px 12px; overflow-wrap: anywhere; white-space: normal; }
  .page-cabinet #cabinet-view.cabinet-organized { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .page-cabinet .cabinet-organized > .cabinet-tabs { top: 86px; border-radius: 18px; padding: 5px; }
  .page-cabinet .cabinet-organized > .cabinet-tabs .cabinet-tab { text-align: center; padding: 11px 12px; min-height: 43px; }
  .page-cabinet :is(#subscriptions-list, #proxies-list) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .page-cabinet .dashboard-hero { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-bottom: 24px !important; }
  .page-cabinet .dashboard-hero h1 { font-size: clamp(20px, 4.4vw, 27px); }
  .page-cabinet .dashboard-hero .balance-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 18px; min-width: 0; padding: 18px 0 0; border: 0; border-top: 1px solid var(--line); }
  .page-cabinet .balance-box > span { grid-column: 1; }
  .page-cabinet .balance-box strong { grid-column: 1; font-size: 27px; }
  .page-cabinet .balance-box .btn { grid-column: 2; grid-row: 1 / 3; margin: 0; width: auto; }
  .page-cabinet :is(#subscriptions-list, #proxies-list) { grid-template-columns: minmax(0, 1fr); }
  .page-cabinet .cabinet-organized > .cabinet-tabs { top: 76px; }
  .page-cabinet .cabinet-section-dialog, .page-cabinet .cabinet-section-dialog[data-section] { width: calc(100% - 24px); max-height: calc(100dvh - 24px); border-radius: 22px; }
  .page-cabinet .cabinet-section-heading { padding: 18px 20px; }
  .page-cabinet .cabinet-section-heading h2 { font-size: 21px; }
  .page-cabinet .cabinet-section-scroll { padding: 20px; }
  .page-cabinet .cabinet-section-scroll #cabinet-panel-referrals { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .page-cabinet #referral-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-cabinet #referral-summary .referral-stat:last-child { grid-column: span 2; }
  .page-cabinet .referral-links { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .page-cabinet.cabinet-ready .cabinet-wrap { padding-top: 20px; }
  .page-cabinet .subscription-tabs { width: 100%; }
  .page-cabinet .subscription-tab { flex: 1; padding-inline: 9px; font-size: 11px; }
  .page-cabinet .subscription-heading h2 { font-size: 19px; }
  .page-cabinet .subscription-heading > .btn { width: auto; margin-left: auto; padding-inline: 14px; font-size: 11px; }
  .page-cabinet :is(#subscriptions-list, #proxies-list) .service-card { padding: 17px; border-radius: 18px; }
  .page-cabinet .service-card .service-status { font-size: 10px; }
  .page-cabinet .service-card .service-facts { margin-block: 15px; }
  .page-cabinet .service-facts dd { font-size: 11px; }
  .page-cabinet .settings-grid { grid-template-columns: minmax(0, 1fr); }
  .page-cabinet .settings-tile { min-height: 84px; }
  .page-cabinet .gift-tabs { flex: 1; min-width: 0; }
  .page-cabinet .gift-tab { flex: 1; padding: 10px; font-size: 12px; gap: 6px; }
  .page-cabinet .gift-toolbar { flex-wrap: wrap; gap: 10px; }
  .page-cabinet .gift-toolbar #gift-refresh { padding: 10px; font-size: 11px; }
  .page-cabinet .referral-heading { flex-direction: row; align-items: center; gap: 10px; }
  .page-cabinet #referral-card .referral-heading h2 { font-size: 18px; }
  .page-cabinet #referral-refresh { font-size: 11px; padding: 10px 12px; }
  .page-cabinet #referral-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-cabinet #referral-summary .referral-stat:last-child { grid-column: 1 / -1; }
}
@media (max-width: 380px) {
  .page-cabinet .dashboard-hero .balance-box { grid-template-columns: minmax(0, 1fr); }
  .page-cabinet .balance-box .btn { grid-column: 1; grid-row: auto; margin-top: 7px; width: 100%; }
  .page-cabinet .service-card .service-header { flex-wrap: wrap; }
  .page-cabinet .service-card .service-status { margin-left: 44px; }
  .page-cabinet .service-card .service-primary > .mini-button { flex-basis: calc(50% - 8px); }
  .page-cabinet .cabinet-section-scroll { padding: 18px; }
  .page-cabinet .gift-toolbar #gift-refresh { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .page-cabinet .gift-tab { transition: none; }
}
/* Шапка кабинета — поведение как на главной */
body.page-cabinet > header.site-header {
  position: sticky;
  top: 0;
  z-index: 200;
  width: 100%;
  margin: 0;
  padding: 23px 0;
  background: transparent;
  border: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: background .4s, padding .4s;
}

body.page-cabinet > header.site-header.is-scrolled {
  padding: 14px 0;
  background: #080808b8;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

@media (max-width: 1000px) {
  body.page-cabinet > header.site-header {
    padding: 18px 0;
  }
}

@media (max-width: 700px) {
  body.page-cabinet > header.site-header {
    padding: 15px 0;
  }

  body.page-cabinet > header.site-header.is-scrolled {
    padding: 10px 0;
  }
}

body.page-cabinet > header.site-header {
  position: sticky;
  top: 0;
  z-index: 200;
  width: 100%;
  margin: 0;
  border: 0;
  transition: background .4s, padding .4s;
}

/* Верх страницы */
body.page-cabinet > header.site-header:not(.cabinet-header-scrolled) {
  padding: 23px 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* После прокрутки — параметры с главной */
body.page-cabinet > header.site-header.cabinet-header-scrolled {
  padding: 14px 0;
  background: #080808b8;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

@media (max-width: 1000px) {
  body.page-cabinet > header.site-header:not(.cabinet-header-scrolled) {
    padding: 18px 0;
  }
}

@media (max-width: 700px) {
  body.page-cabinet > header.site-header:not(.cabinet-header-scrolled) {
    padding: 15px 0;
  }

  body.page-cabinet > header.site-header.cabinet-header-scrolled {
    padding: 10px 0;
  }
}