/* ============================================================
   ackashi — цветовая ветка поверх системы «ЯЗНАЮ» (design-references.md).
   Решение оператора 01.09.2026: взять блоки и цвет со страницы /olga
   (research/olga-design-notes.md — песочный камень, глубокий сливовый,
   пыльная роза) целиком, без переработки под зелень/золото. Система,
   типографика и сетка не меняются (правило проекта iknow) — меняются
   только заливки кнопок/панелей/цитат, ровно тем же приёмом, что и
   у /olga в site.css («Страница /olga»), но в своём файле — это другой
   репозиторий, не хочется трогать чужой site.css.
   ============================================================ */

:root {
  --color-ackashi-plum: #4B2C3D;
  --color-ackashi-plum-deep: #33202C;
  --color-ackashi-rose: #A96A72;
  --color-ackashi-rose-mist: #EEDADD;
  --color-ackashi-sand: #EFE7DC;
  --color-ackashi-glow: rgba(169, 106, 114, 0.32);
  --gradient-ackashi-action: linear-gradient(128deg, #4B2C3D 0%, #7C4353 52%, #A96A72 100%);
  --gradient-ackashi-action-hover: linear-gradient(128deg, #33202C 0%, #63343F 52%, #8E545C 100%);
  --gradient-ackashi-panel: linear-gradient(128deg, #F3E9DD 0%, #F2E2DC 38%, #EEDADD 70%, #E9D3DA 100%);
  --gradient-ackashi-quote: linear-gradient(135deg, #F6EEE5 0%, #EFDEE0 100%);
}

.page-ackashi .btn--primary {
  background-color: var(--color-ackashi-plum);
  background-image: var(--gradient-ackashi-action);
  color: var(--color-parchment);
}
.page-ackashi .btn--primary:hover { background-image: var(--gradient-ackashi-action-hover); }
.page-ackashi [data-theme="space"] .btn--primary {
  background-color: var(--color-paper);
  background-image: none;
  color: var(--color-ink);
}
.page-ackashi [data-theme="space"] .btn--primary:hover { background-color: var(--color-parchment); }
.page-ackashi .nav--solid .nav__cta {
  background-color: var(--color-ackashi-plum);
  background-image: var(--gradient-ackashi-action);
}
.page-ackashi .nav--solid .nav__cta:hover { background-image: var(--gradient-ackashi-action-hover); }
.page-ackashi .link-arrow,
.page-ackashi .qcard__link { color: var(--color-ackashi-plum); }
.page-ackashi .qcard__facts li::before { background: var(--color-ackashi-rose); }

.page-ackashi .nav__mega-promo--session {
  background-image: linear-gradient(150deg, #1B0F19 0%, #4B2C3D 46%, #7C4353 74%, #C89AA0 132%);
}
.page-ackashi .nav__mega-promo--practice {
  background-image: linear-gradient(150deg, #241320 0%, #63343F 44%, #A96A72 74%, #E7C6C2 132%);
}
.page-ackashi .nav__mega-promo--session .mega-promo__kicker { color: #E7C6C2; }
.page-ackashi .nav__mega-promo--practice .mega-promo__kicker { color: #F1D8D4; }

.page-ackashi .turn-panel--ackashi { background-image: var(--gradient-ackashi-panel); }
.page-ackashi .creed__line.is-on .creed__dot {
  background: var(--color-ackashi-plum);
  box-shadow: 0 0 0 6px rgba(169, 106, 114, 0.16);
}
.page-ackashi .step::before { background: var(--color-ackashi-rose); }
.page-ackashi .rule b { color: var(--color-ackashi-plum); }
.page-ackashi .tariff--first .tariff__price { color: var(--color-ackashi-plum); }
.page-ackashi .qcard figcaption .ico,
.page-ackashi .qcard__link:hover { color: var(--color-ackashi-plum); }
.page-ackashi .voice { background-image: var(--gradient-ackashi-quote); }
.page-ackashi .flow__fill { background-image: var(--gradient-ackashi-action); background-color: var(--color-ackashi-plum); }
.page-ackashi .flow__item.is-on .flow__num { color: var(--color-ackashi-plum); }

.word--ackashi { background-image: var(--gradient-ackashi-panel); }

/* Финал + футер у iknow сидят на --color-night-blue — цвет подобран под их
   ночное фото футера (site/assets/img/footer-scene-3@*.webp), которого у нас
   нет и не будет своего. Заливаем нашим самым тёмным сливовым — тон держит
   ту же партию, что и hero-волны, без чужого фото и без цветового разрыва. */
.page-ackashi .sec--final,
.page-ackashi .footer { background: var(--color-ackashi-plum-deep); }
.page-ackashi .footer.is-art::before { --footer-art: none; }

/* Портрет: фото Татьяны получено 01.09.2026 (source/photo_2023-12-20_00-17-03.jpg
   → site/assets/img/tatiana-portrait.webp) — используется на главной и /o-tatiane.
   Плейсхолдер-монограмма ниже оставлен на случай новых персональных страниц,
   для которых фото ещё не будет готово — не используется сейчас нигде. */
.word__portrait-placeholder {
  width: 100%; aspect-ratio: 3 / 4;
  border-radius: var(--radius-large-cards);
  box-shadow: var(--shadow-border-strong);
  background-image: var(--gradient-ackashi-action);
  display: flex; align-items: center; justify-content: center;
}
.word__portrait-placeholder span {
  font-family: var(--font-display);
  font-size: 64px;
  color: var(--color-ackashi-sand);
}

/* Лестница офферов (Б «Блок с офферами») — 4 продукта в ряд + Менторство
   отдельной широкой строкой снизу (правка оператора 01.09: было 5 узких колонок,
   тесно). Менторство переведено на .lstep--door — готовый вариант библиотеки
   "строка вместо колонки" (grid-column:1/-1, flex-direction:row), раньше не
   использовался нигде на сайте, но описан в BLOCKS.md. Только десктоп (>1024px,
   их брейкпоинт) — 2col/1col ниже не трогаем, там и 5 в столбик нормально. */
@media (min-width: 1025px) {
  .page-ackashi .ladder { grid-template-columns: repeat(4, 1fr); gap: 12px; }
}
.page-ackashi .lstep__kicker { color: var(--color-ackashi-plum); }
.page-ackashi .lstep__points li::before { background: var(--color-ackashi-rose); }
.page-ackashi .lstep__stat { background: var(--color-ackashi-rose-mist); color: var(--color-ackashi-plum); }

/* .lstep--door — kicker+title группируются в один блок (в оригинале библиотеки
   лежат прямо в строке flex, у нас — обёрнуты, чтобы не разъезжались отдельно). */
.page-ackashi .lstep__heading { display: flex; flex-direction: column; gap: 4px; }
.page-ackashi .lstep--door .lstep__heading { flex: none; min-width: 200px; }

/* Карточки офферов: те же 5 эффектов библиотеки, но в песочно-сливовой гамме
   страницы вместо индиго-лавандовой — иначе на одной странице спорят две ветки. */
.page-ackashi .lstep--molten  { background-image: linear-gradient(150deg, #FBF3E4 0%, #F1DDB0 40%, #F3E0D6 70%, #FBF3E4 132%); }
.page-ackashi .lstep--scanner { background-image: linear-gradient(165deg, #F6ECE7 0%, #EEDADD 55%, #F3E2DC 120%); }
.page-ackashi .lstep--liquid  { background-image: radial-gradient(120% 90% at 25% 25%, #EEDADD 0%, rgba(238,218,221,0) 60%),
                                                   radial-gradient(90% 70% at 80% 75%, #E3C7CB 0%, rgba(227,199,203,0) 65%),
                                                   linear-gradient(180deg, #F8F7F2 0%, #F3E9E7 100%); }
.page-ackashi .lstep--bends   { background-image: linear-gradient(150deg, #E3C7CB 0%, #EEDADD 46%, #F2E2DC 72%, #FBF3E4 130%); }
.page-ackashi .lstep--aurora  { background-image: radial-gradient(90% 180% at 30% 110%, #EEDADD 0%, rgba(238,218,221,0) 65%),
                                                   linear-gradient(180deg, #F8F7F2 0%, #F3E5E2 100%); }