/*
 * Тема «Шалфей» (sage). Макет: холст тем, страница «Адаптация · taps-web»,
 * ряд «Шалфей».
 *
 * Файл подключается только на страницах автора с этой темой (ThemeScope).
 * Все правила начинаются с .profile-theme--v2.profile-theme--sage: так они
 * сильнее общих правил base.css и не задевают другие темы. Акцент —
 * var(--theme-accent), его вариант выбирает автор; кнопки — акцент,
 * затемнённый на 10%, как в макете.
 */

.profile-theme--v2.profile-theme--sage {
  --s-accent: var(--theme-accent, #4f6e55);
  --s-fill: color-mix(in srgb, var(--s-accent) 90%, #000);
  --s-bg: #e4eadf;
  --s-surface: #f4f7f1;
  --s-chip: #d3ddcc;
  --s-line: #dfe6da;
  --s-text: #26322a;
  --s-muted: #55645a;
  --s-photo:
    radial-gradient(
      circle at 30% 34%,
      rgba(255, 255, 255, 0.7) 0 12px,
      rgba(255, 255, 255, 0) 13px
    ),
    radial-gradient(
      circle at 70% 66%,
      rgba(95, 125, 100, 0.22) 0 18px,
      rgba(95, 125, 100, 0) 19px
    ),
    linear-gradient(160deg, #eef3ea 0%, #d3ddcc 100%);

  --profile-bg: var(--s-bg);
  --profile-surface: var(--s-surface);
  --profile-surface-solid: var(--s-surface);
  --profile-surface-muted: var(--s-bg);
  --profile-border: var(--s-line);
  --profile-avatar-border: var(--s-bg);
  --profile-banner-background: linear-gradient(180deg, #cdd9c6, #d8e2d2);
  --profile-text: var(--s-text);
  --profile-text-muted: var(--s-muted);
  --profile-accent: var(--s-fill);
  --profile-accent-foreground: #fff;
  --profile-accent-secondary: var(--s-fill);
  --profile-accent-secondary-foreground: #fff;
  --profile-glow-1: transparent;
  --profile-glow-2: transparent;
  --profile-radius-card: 26px;
  --profile-radius-sm: 18px;
  --profile-radius-pill: 999px;
  --profile-radius-tab: 16px;
  --profile-radius-tab-inner: 12px;
  --profile-shadow-card: 0 10px 30px rgba(38, 50, 42, 0.08);
  --profile-shadow-accent: none;
  --profile-shadow-glow: none;
  --profile-font-family: var(--font-t-golos-text), sans-serif;
  --profile-letter-spacing: 0;

  font-family: var(--profile-font-family);
  color: var(--s-text);
}

/* ---------- Фон страницы ---------- */

.profile-theme--v2.profile-theme--sage [data-profile-page-bg] {
  background: var(--s-bg);
}

/* ---------- Шапка ---------- */

/* Обложка во всю ширину экрана, без отступов контейнера страницы. */
.profile-theme--v2.profile-theme--sage [data-profile-cover] {
  width: auto;
  margin: -16px -16px 0;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-cover][data-variant='cover'] {
  justify-content: flex-start;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-cover][data-variant='cover']
  [data-profile-identity] {
  padding: 44px 20px 12px;
  gap: 10px;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-cover][data-variant='banner'] {
  height: 120px;
  border-radius: 0 0 32px 32px;
  background: linear-gradient(180deg, #cdd9c6 0%, #d8e2d2 100%);
}

/* Своя обложка: фото, которое снизу растворяется в фоне страницы. */
.profile-theme--v2.profile-theme--sage
  [data-cover-source='own']
  [data-profile-cover][data-variant='cover']
  [data-profile-identity] {
  padding-bottom: 28px;
}

.profile-theme--v2.profile-theme--sage
  [data-cover-source='own']
  [data-variant='cover']
  [data-profile-cover-overlay] {
  background: linear-gradient(
    180deg,
    rgba(228, 234, 223, 0) 0%,
    rgba(228, 234, 223, 0.25) 26%,
    rgba(228, 234, 223, 0.82) 50%,
    rgba(228, 234, 223, 0.96) 66%,
    #e4eadf 100%
  );
}

.profile-theme--v2.profile-theme--sage
  [data-cover-source='own']
  [data-variant='banner']
  [data-profile-cover-overlay] {
  background: linear-gradient(
    180deg,
    rgba(228, 234, 223, 0) 55%,
    rgba(228, 234, 223, 0.35) 100%
  );
}

.profile-theme--v2.profile-theme--sage
  [data-cover-source='own']
  [data-variant='cover']
  [data-profile-name],
.profile-theme--v2.profile-theme--sage
  [data-cover-source='own']
  [data-variant='cover']
  [data-profile-about] {
  text-shadow: 0 1px 12px rgba(244, 247, 241, 0.96);
}

.profile-theme--v2.profile-theme--sage
  [data-profile-header][data-cover='none']
  [data-profile-identity] {
  padding-top: 28px;
  gap: 10px;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-header][data-cover='standard']
  [data-profile-identity] {
  gap: 10px;
}

/* Аватар — мягкий «скруглённый квадрат» макета, квадратный — строже. */
.profile-theme--v2.profile-theme--sage [data-profile-avatar] {
  width: 112px;
  height: 112px;
  border-radius: 40px;
  background: var(--s-surface);
}

.profile-theme--v2.profile-theme--sage
  [data-profile-avatar][data-shape='square'] {
  border-radius: 22px;
}

.profile-theme--v2.profile-theme--sage [data-profile-avatar-initial] {
  font-size: 42px;
  font-weight: 500;
  line-height: 1;
  color: var(--s-fill);
}

.profile-theme--v2.profile-theme--sage [data-profile-name-row] {
  margin-top: 4px;
}

.profile-theme--v2.profile-theme--sage [data-profile-name] {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--s-text);
  overflow-wrap: anywhere;
}

.profile-theme--v2.profile-theme--sage [data-profile-ambassador] {
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--s-chip);
  color: var(--s-text);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
}

.profile-theme--v2.profile-theme--sage [data-profile-ambassador-icon] {
  display: none;
}

.profile-theme--v2.profile-theme--sage [data-profile-about] {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--s-muted);
  text-align: center;
}

/* Соцсети иконками: квадраты 48px со скруглением 16px. */
.profile-theme--v2.profile-theme--sage [data-profile-social-list] {
  gap: 10px;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-identity]
  [data-profile-social-list] {
  margin-top: 4px;
}

.profile-theme--v2.profile-theme--sage [data-profile-social-link] {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 16px;
  background: var(--s-surface);
  color: var(--s-text);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.profile-theme--v2.profile-theme--sage [data-profile-social-link]:hover {
  background: #fff;
  color: var(--s-fill);
}

.profile-theme--v2.profile-theme--sage
  [data-profile-social-link]
  [data-profile-social-icon] {
  width: 20px;
  height: 20px;
}

.profile-theme--v2.profile-theme--sage [data-profile-social-tile],
.profile-theme--v2.profile-theme--sage [data-profile-social-row] {
  border: 0;
  background: var(--s-surface);
  color: var(--s-text);
  backdrop-filter: none;
}

.profile-theme--v2.profile-theme--sage [data-profile-social-tile] {
  border-radius: 20px;
}

.profile-theme--v2.profile-theme--sage [data-profile-social-tile] span {
  font-size: 14px;
  font-weight: 600;
}

.profile-theme--v2.profile-theme--sage [data-profile-social-row] {
  border-radius: 18px;
}

.profile-theme--v2.profile-theme--sage [data-profile-social-row] span {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-social-row]
  svg:last-child {
  color: var(--s-accent);
}

/* ---------- Декор обложки: всплывающие пузырьки ---------- */

.profile-theme--v2.profile-theme--sage .sage-decor {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.profile-theme--v2.profile-theme--sage .sage-bubble {
  position: absolute;
  display: block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  opacity: 0;
  animation: sage-float var(--d, 10s) ease-out var(--delay, 0s) infinite;
}

/* Крупные пузырьки — только на компьютере. */
.profile-theme--v2.profile-theme--sage .sage-bubble--wide {
  display: none;
}

/* Положение, размер и ритм пузырьков — из макета (телефон, полоса, компьютер). */
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='cover']
  .sage-bubble:nth-child(1) {
  top: 80%;
  left: 2.6%;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.8);
  --dx: 10px;
  --d: 13s;
  --delay: -0.9s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='cover']
  .sage-bubble:nth-child(2) {
  top: 88%;
  left: 20.5%;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.55);
  --dx: -16px;
  --d: 11s;
  --delay: -6s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='cover']
  .sage-bubble:nth-child(3) {
  top: 80%;
  left: 33.9%;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.55);
  --dx: 16px;
  --d: 11s;
  --delay: -8.2s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='cover']
  .sage-bubble:nth-child(4) {
  top: 80%;
  left: 51.7%;
  width: 36px;
  height: 36px;
  background: rgba(95, 125, 100, 0.22);
  --dx: -10px;
  --d: 8s;
  --delay: -6.6s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='cover']
  .sage-bubble:nth-child(5) {
  top: 88%;
  left: 65.8%;
  width: 30px;
  height: 30px;
  background: rgba(95, 125, 100, 0.25);
  --dx: 10px;
  --d: 13s;
  --delay: -5.8s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='cover']
  .sage-bubble:nth-child(6) {
  top: 75%;
  left: 84.3%;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.7);
  --dx: -16px;
  --d: 10s;
  --delay: -9.7s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='banner']
  .sage-bubble:nth-child(1) {
  top: 88%;
  left: 1.5%;
  width: 24px;
  height: 24px;
  background: rgba(95, 125, 100, 0.25);
  --dx: -16px;
  --d: 11s;
  --delay: -8.9s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='banner']
  .sage-bubble:nth-child(2) {
  top: 90%;
  left: 16.1%;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.55);
  --dx: -24px;
  --d: 10s;
  --delay: -9.3s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='banner']
  .sage-bubble:nth-child(3) {
  top: 80%;
  left: 31.4%;
  width: 46px;
  height: 46px;
  background: rgba(95, 125, 100, 0.22);
  --dx: 10px;
  --d: 11s;
  --delay: -6.8s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='banner']
  .sage-bubble:nth-child(4) {
  top: 90%;
  left: 52.7%;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.55);
  --dx: 20px;
  --d: 10s;
  --delay: -0.2s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='banner']
  .sage-bubble:nth-child(5) {
  top: 75%;
  left: 67.9%;
  width: 36px;
  height: 36px;
  background: rgba(95, 125, 100, 0.22);
  --dx: 10px;
  --d: 9s;
  --delay: -5s;
}
.profile-theme--v2.profile-theme--sage
  .sage-decor[data-variant='banner']
  .sage-bubble:nth-child(6) {
  top: 80%;
  left: 81.4%;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.55);
  --dx: 10px;
  --d: 9s;
  --delay: -0.7s;
}

@media (min-width: 768px) {
  .profile-theme--v2.profile-theme--sage .sage-decor .sage-bubble:nth-child(1) {
    top: 88%;
    left: 4.2%;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.8);
    --dx: -16px;
    --d: 9s;
    --delay: -7.2s;
  }

  .profile-theme--v2.profile-theme--sage .sage-decor .sage-bubble:nth-child(2) {
    top: 80%;
    left: 9.6%;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.7);
    --dx: -16px;
    --d: 8s;
    --delay: -4.3s;
  }

  .profile-theme--v2.profile-theme--sage .sage-decor .sage-bubble:nth-child(3) {
    top: 90%;
    left: 16.5%;
    width: 39px;
    height: 39px;
    background: rgba(95, 125, 100, 0.25);
    --dx: 20px;
    --d: 13s;
    --delay: -8.5s;
  }

  .profile-theme--v2.profile-theme--sage .sage-decor .sage-bubble:nth-child(4) {
    top: 90%;
    left: 19.7%;
    width: 66px;
    height: 66px;
    background: rgba(255, 255, 255, 0.55);
    --dx: -16px;
    --d: 9s;
    --delay: -5.4s;
  }

  .profile-theme--v2.profile-theme--sage .sage-decor .sage-bubble:nth-child(5) {
    top: 90%;
    left: 28.4%;
    width: 50px;
    height: 50px;
    background: rgba(95, 125, 100, 0.22);
    --dx: 20px;
    --d: 10s;
    --delay: -5s;
  }

  .profile-theme--v2.profile-theme--sage .sage-decor .sage-bubble:nth-child(6) {
    top: 85%;
    left: 33.8%;
    width: 39px;
    height: 39px;
    background: rgba(255, 255, 255, 0.8);
    --dx: -24px;
    --d: 10s;
    --delay: -3.2s;
  }

  .profile-theme--v2.profile-theme--sage .sage-decor .sage-bubble:nth-child(7) {
    top: 75%;
    left: 43.2%;
    width: 26px;
    height: 26px;
    background: rgba(255, 255, 255, 0.55);
    --dx: 10px;
    --d: 8s;
    --delay: -6.8s;
  }

  .profile-theme--v2.profile-theme--sage .sage-decor .sage-bubble:nth-child(8) {
    top: 75%;
    left: 47.4%;
    width: 50px;
    height: 50px;
    background: rgba(95, 125, 100, 0.22);
    --dx: -16px;
    --d: 9s;
    --delay: -8.3s;
  }

  .profile-theme--v2.profile-theme--sage .sage-decor .sage-bubble:nth-child(9) {
    top: 88%;
    left: 56.7%;
    width: 22px;
    height: 22px;
    background: rgba(255, 255, 255, 0.8);
    --dx: 20px;
    --d: 9s;
    --delay: -7s;
  }

  .profile-theme--v2.profile-theme--sage
    .sage-decor
    .sage-bubble:nth-child(10) {
    top: 85%;
    left: 62.7%;
    width: 33px;
    height: 33px;
    background: rgba(255, 255, 255, 0.7);
    --dx: -24px;
    --d: 9s;
    --delay: -2.2s;
  }

  .profile-theme--v2.profile-theme--sage
    .sage-decor
    .sage-bubble:nth-child(11) {
    top: 88%;
    left: 67.6%;
    width: 22px;
    height: 22px;
    background: rgba(95, 125, 100, 0.22);
    --dx: 20px;
    --d: 13s;
    --delay: -2.4s;
  }

  .profile-theme--v2.profile-theme--sage
    .sage-decor
    .sage-bubble:nth-child(12) {
    top: 80%;
    left: 75.6%;
    width: 66px;
    height: 66px;
    background: rgba(255, 255, 255, 0.7);
    --dx: -24px;
    --d: 11s;
    --delay: -4.6s;
  }

  .profile-theme--v2.profile-theme--sage
    .sage-decor
    .sage-bubble:nth-child(13) {
    top: 90%;
    left: 81.3%;
    width: 26px;
    height: 26px;
    background: rgba(255, 255, 255, 0.55);
    --dx: -16px;
    --d: 9s;
    --delay: -3.5s;
  }

  .profile-theme--v2.profile-theme--sage
    .sage-decor
    .sage-bubble:nth-child(14) {
    top: 75%;
    left: 92%;
    width: 66px;
    height: 66px;
    background: rgba(255, 255, 255, 0.55);
    --dx: -16px;
    --d: 11s;
    --delay: -2.8s;
  }
}

/* ---------- Карточки и кнопки ---------- */

.profile-theme--v2.profile-theme--sage [data-profile-card] {
  border: 0;
  border-radius: 26px;
  background: var(--s-surface);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  padding: 20px;
  gap: 16px;
}

.profile-theme--v2.profile-theme--sage [data-profile-title] {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--s-text);
}

.profile-theme--v2.profile-theme--sage [data-profile-card-text] {
  font-size: 15px;
  line-height: 1.5;
  color: var(--s-muted);
}

.profile-theme--v2.profile-theme--sage [data-profile-channel-title] {
  font-size: 16px;
  font-weight: 600;
  color: var(--s-text);
}

.profile-theme--v2.profile-theme--sage [data-profile-separator] {
  background: var(--s-line);
}

/* Основное действие в карточке: заливка затемнённым акцентом. */
.profile-theme--v2.profile-theme--sage [data-profile-action='primary'] {
  min-height: 54px;
  border: 0;
  border-radius: 18px;
  background: var(--s-fill);
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  box-shadow: none;
}

.profile-theme--v2.profile-theme--sage [data-profile-action='primary']:hover {
  background: color-mix(in srgb, var(--s-accent) 78%, #000);
}

.profile-theme--v2.profile-theme--sage
  [data-profile-action='primary'][data-profile-size='small'] {
  min-height: 38px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
}

/* Кнопки-ссылки страницы: светлая плашка без рамки. */
.profile-theme--v2.profile-theme--sage [data-profile-action='link'] {
  min-height: 54px;
  border: 0;
  border-radius: 18px;
  background: var(--s-surface);
  color: var(--s-text);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  box-shadow: none;
}

.profile-theme--v2.profile-theme--sage [data-profile-action='link']:hover {
  background: #fff;
}

/* Мелкие кнопки «Подробнее», «Все товары», пилюли футера. */
.profile-theme--v2.profile-theme--sage [data-profile-ghost] {
  min-height: 34px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border: 0;
  border-radius: 12px;
  background: var(--s-bg);
  color: var(--s-text);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
}

.profile-theme--v2.profile-theme--sage [data-profile-ghost]:hover {
  background: var(--s-chip);
}

/* ---------- Battle ---------- */

.profile-theme--v2.profile-theme--sage [data-profile-block='battle'] {
  padding: 18px;
  gap: 14px;
  border: 1.5px solid var(--s-accent);
  border-radius: 26px;
  background: var(--s-surface);
  color: var(--s-text);
  backdrop-filter: none;
}

.profile-theme--v2.profile-theme--sage [data-profile-battle-icon] {
  border-radius: 16px;
  background: var(--s-bg);
  color: var(--s-text);
}

.profile-theme--v2.profile-theme--sage [data-profile-battle-status] {
  font-size: 13px;
  font-weight: 700;
  color: #b3261e;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-battle-status]
  > span:last-child {
  color: var(--s-muted);
  font-weight: 500;
}

.profile-theme--v2.profile-theme--sage [data-profile-battle-dot] {
  background: #e5484d;
  animation: sage-blink 1.4s steps(1) infinite;
}

.profile-theme--v2.profile-theme--sage [data-profile-battle-title] {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-block='battle']
  [data-profile-action='primary'] {
  min-height: 48px;
}

.profile-theme--v2.profile-theme--sage [data-profile-block='battle-result'] {
  padding: 14px 18px;
}

/* ---------- Услуга ---------- */

.profile-theme--v2.profile-theme--sage [data-profile-service-format] {
  font-size: 13px;
  font-weight: 600;
  color: var(--s-muted);
}

.profile-theme--v2.profile-theme--sage [data-profile-service-price] {
  font-size: 17px;
  font-weight: 700;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-block='service']
  [data-profile-action='primary'] {
  min-height: 48px;
}

/* ---------- Донат ---------- */

.profile-theme--v2.profile-theme--sage [data-profile-block='donation'] {
  gap: 12px;
}

.profile-theme--v2.profile-theme--sage [data-profile-currency-input-field] {
  height: 54px;
  border: 0;
  border-radius: 16px;
  background: var(--s-bg);
  color: var(--s-text);
  font-size: 20px;
  font-weight: 700;
  box-shadow: none;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-currency-input-field]:focus {
  box-shadow: 0 0 0 2px var(--s-accent);
}

.profile-theme--v2.profile-theme--sage [data-profile-currency-input-suffix] {
  color: var(--s-muted);
  font-weight: 600;
}

.profile-theme--v2.profile-theme--sage [data-profile-quick-amounts] {
  gap: 8px;
}

.profile-theme--v2.profile-theme--sage [data-profile-donation-quick-amount] {
  height: 44px;
  padding: 0 8px;
  border: 0;
  border-radius: 14px;
  background: var(--s-bg);
  color: var(--s-text);
  font-size: 14px;
  font-weight: 400;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-donation-quick-amount][data-active='true'] {
  background: var(--s-fill);
  color: #fff;
  font-weight: 500;
}

.profile-theme--v2.profile-theme--sage [data-profile-block='donation-goal'] {
  gap: 12px;
}

.profile-theme--v2.profile-theme--sage [data-profile-goal-title] {
  font-size: 17px;
  font-weight: 600;
}

.profile-theme--v2.profile-theme--sage [data-profile-goal-progress] {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--s-bg);
}

.profile-theme--v2.profile-theme--sage [data-profile-goal-progress-fill] {
  height: 100%;
  border-radius: 999px;
  background-image: none !important;
  background-color: var(--s-fill) !important;
}

.profile-theme--v2.profile-theme--sage [data-profile-goal-amounts] {
  font-size: 15px;
  font-weight: 600;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-block='donation-goal']
  [data-profile-action='primary'] {
  margin-top: 4px;
}

/* ---------- Магазин ---------- */

.profile-theme--v2.profile-theme--sage [data-profile-block='shop'] {
  gap: 16px;
}

.profile-theme--v2.profile-theme--sage [data-product-card] {
  align-items: center;
  gap: 14px;
}

.profile-theme--v2.profile-theme--sage [data-product-image] {
  width: 84px;
  height: 84px;
  border-radius: 18px;
  background: var(--s-photo);
}

.profile-theme--v2.profile-theme--sage [data-product-image] img {
  border-radius: 18px;
}

.profile-theme--v2.profile-theme--sage [data-product-badge] {
  border-radius: 999px;
  background: var(--s-fill);
}

.profile-theme--v2.profile-theme--sage [data-product-badge] p {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.profile-theme--v2.profile-theme--sage [data-product-title] {
  font-size: 16px;
  font-weight: 600;
  color: var(--s-text);
}

.profile-theme--v2.profile-theme--sage [data-product-price] {
  font-size: 15px;
  color: var(--s-muted);
}

.profile-theme--v2.profile-theme--sage [data-product-buy-mobile] {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--s-bg);
  color: var(--s-text);
}

.profile-theme--v2.profile-theme--sage [data-product-buy] {
  border: 0;
  border-radius: 14px;
  background: var(--s-bg);
  color: var(--s-text);
  font-size: 15px;
  font-weight: 600;
}

/* Мозаика: без размытия, снизу светлая подложка под текст. */
.profile-theme--v2.profile-theme--sage [data-profile-mosaic-tile] {
  border: 0;
  border-radius: 18px;
  background: var(--s-photo);
}

.profile-theme--v2.profile-theme--sage [data-profile-mosaic-blur] {
  display: none;
}

.profile-theme--v2.profile-theme--sage [data-profile-mosaic-overlay] {
  height: 85%;
  border-radius: 0 0 18px 18px;
  background: linear-gradient(
    180deg,
    rgba(244, 247, 241, 0),
    rgba(244, 247, 241, 0.96) 40%
  );
}

.profile-theme--v2.profile-theme--sage [data-profile-mosaic-title] {
  font-weight: 700;
  color: var(--s-text);
  text-shadow: none;
}

.profile-theme--v2.profile-theme--sage [data-profile-mosaic-price] {
  color: var(--s-muted);
  text-shadow: none;
}

.profile-theme--v2.profile-theme--sage
  [data-profile-mosaic-tile]
  [data-product-buy] {
  border-radius: 12px;
  background: var(--s-fill);
  color: #fff;
  font-weight: 700;
}

/* ---------- Видео ---------- */

.profile-theme--v2.profile-theme--sage
  [data-profile-block='video']
  [data-profile-title] {
  font-size: 18px;
}

.profile-theme--v2.profile-theme--sage [data-profile-block='video'] {
  gap: 14px;
}

.profile-theme--v2.profile-theme--sage [data-profile-video-frame] {
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 22% 30%,
      rgba(255, 255, 255, 0.55) 0 22px,
      rgba(255, 255, 255, 0) 23px
    ),
    radial-gradient(
      circle at 80% 70%,
      rgba(255, 255, 255, 0.4) 0 30px,
      rgba(255, 255, 255, 0) 31px
    ),
    linear-gradient(150deg, #a9c3a5 0%, #6f9274 100%);
}

.profile-theme--v2.profile-theme--sage [data-profile-play] {
  width: 56px;
  height: 56px;
  padding: 0;
  border-radius: 50%;
  background: var(--s-fill);
  color: #fff;
  backdrop-filter: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.profile-theme--v2.profile-theme--sage [data-profile-play] svg {
  width: 22px;
  height: 22px;
  color: #fff;
  fill: currentColor;
}

/* ---------- Футер ---------- */

.profile-theme--v2.profile-theme--sage footer [data-profile-ghost] {
  min-height: 40px;
  border-radius: 14px;
  background: var(--s-surface);
  font-size: 14px;
  font-weight: 400;
}

.profile-theme--v2.profile-theme--sage [data-profile-powered-by] {
  font-family:
    var(--font-sf-pro),
    -apple-system,
    sans-serif;
  color: var(--s-muted);
}

.profile-theme--v2.profile-theme--sage footer a,
.profile-theme--v2.profile-theme--sage [data-profile-footer-link] {
  color: var(--s-muted);
}

/* ---------- Компьютер ---------- */

@media (min-width: 768px) {
  .profile-theme--v2.profile-theme--sage [data-profile-cover] {
    width: 100vw;
    margin: -16px 0 0 calc(50% - 50vw);
  }

  .profile-theme--v2.profile-theme--sage
    [data-profile-cover][data-variant='cover']
    [data-profile-identity] {
    padding: 64px 20px 16px;
    gap: 12px;
  }

  .profile-theme--v2.profile-theme--sage
    [data-cover-source='own']
    [data-profile-cover][data-variant='cover']
    [data-profile-identity] {
    padding-bottom: 40px;
  }

  .profile-theme--v2.profile-theme--sage
    [data-profile-cover][data-variant='banner'] {
    height: 200px;
    border-radius: 0 0 40px 40px;
  }

  .profile-theme--v2.profile-theme--sage
    [data-profile-header][data-cover='none']
    [data-profile-identity] {
    padding-top: 48px;
    gap: 12px;
  }

  .profile-theme--v2.profile-theme--sage .sage-bubble--wide {
    display: block;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-avatar] {
    width: 140px;
    height: 140px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-avatar-initial] {
    font-size: 54px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-name] {
    font-size: 38px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-verified] {
    width: 26px;
    height: 26px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-ambassador] {
    padding: 6px 14px;
    font-size: 13px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-about] {
    font-size: 16px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-social-link] {
    width: 52px;
    height: 52px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-card] {
    padding: 24px;
    gap: 18px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-title] {
    font-size: 22px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-card-text] {
    font-size: 16px;
  }

  .profile-theme--v2.profile-theme--sage
    [data-profile-block='video']
    [data-profile-title] {
    font-size: 22px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-channel-title] {
    font-size: 17px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-action='primary'] {
    min-height: 58px;
    font-size: 17px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-action='link'] {
    min-height: 58px;
    font-size: 17px;
  }

  /* Battle на компьютере — одной строкой, кнопка справа. */
  .profile-theme--v2.profile-theme--sage [data-profile-block='battle'] {
    flex-direction: row;
    align-items: center;
    gap: 18px;
    padding: 22px 24px;
  }

  .profile-theme--v2.profile-theme--sage
    [data-profile-block='battle']
    > span:first-child {
    flex: 1;
    min-width: 0;
    gap: 18px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-battle-icon] {
    width: 52px;
    height: 52px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-battle-title] {
    font-size: 20px;
  }

  .profile-theme--v2.profile-theme--sage
    [data-profile-block='battle']
    [data-profile-action='primary'] {
    flex-shrink: 0;
    min-height: 50px;
    padding: 0 28px;
    font-size: 16px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-service-price] {
    font-size: 19px;
  }

  .profile-theme--v2.profile-theme--sage
    [data-profile-block='service']
    [data-profile-action='primary'] {
    min-height: 50px;
    padding: 0 32px;
    font-size: 16px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-block='donation'] {
    gap: 14px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-currency-input-field] {
    height: 58px;
    font-size: 22px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-quick-amounts] {
    gap: 12px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-donation-quick-amount] {
    height: 46px;
    font-size: 15px;
  }

  .profile-theme--v2.profile-theme--sage [data-profile-block='shop'] {
    gap: 20px;
  }

  .profile-theme--v2.profile-theme--sage [data-product-card] {
    align-items: stretch;
    gap: 8px;
  }

  .profile-theme--v2.profile-theme--sage [data-product-image] {
    width: 100%;
    height: auto;
  }

  .profile-theme--v2.profile-theme--sage [data-product-buy] {
    min-height: 42px;
  }
}

/* ---------- Анимации ---------- */

@keyframes sage-float {
  0% {
    transform: translate(0, 0) scale(0.8);
    opacity: 0;
  }
  20% {
    opacity: 0.7;
  }
  100% {
    transform: translate(var(--dx, 0px), -220px) scale(1.15);
    opacity: 0;
  }
}

@keyframes sage-blink {
  0%,
  49% {
    opacity: 0;
  }
  50%,
  100% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .profile-theme--v2.profile-theme--sage .sage-decor *,
  .profile-theme--v2.profile-theme--sage [data-profile-battle-dot] {
    animation: none;
  }

  .profile-theme--v2.profile-theme--sage .sage-bubble {
    opacity: 0.5;
  }
}