/* ══ Плашки персонажей, призывы, отступы призывов (правки по приёмке 05.10.2026) ═══
   Подключается последним (zz-), поэтому при равной специфичности побеждает прежние
   локальные правила страниц. Светлую тему не трогает, кроме отступов призывов (п. 9, 14). */

/* ── 1. Общий компонент «плашка персонажа» в тёмной теме ───────────────────
   Вырезка лежит на белом скруглённом поле (`--ds-кадр:#fff`, как на главной),
   чтобы не висеть на тёмно-синем и не давать каёмку по контуру.
   Параметры в токенах: отступ вокруг фигуры, радиус, расстояние до линии/дна. */
:root[data-theme="dark"]{--ds-pl-p:28px;--ds-pl-r:24px;--ds-pl-gap:28px}
@media (max-width:1199px){:root[data-theme="dark"]{--ds-pl-p:24px;--ds-pl-r:22px;--ds-pl-gap:24px}}
@media (max-width:809px){:root[data-theme="dark"]{--ds-pl-p:20px;--ds-pl-r:20px;--ds-pl-gap:24px}}

:root[data-theme="dark"] :is(
  .ds-pers-plashka,
  .ds-cta__lico,.ds-usl__lico,.ds-usl__img,
  .ds-ceny__lico,.ds-ceny__prizyv-lico,
  .ds-kontakty__lico,.ds-kontakty__prizyv-lico,
  .ds-otzyvy__lico,.ds-otzyvy__forma-lico,
  .ds-osebe__lico,.ds-osebe__kak-lico,.ds-osebe__prizyv-lico,.ds-osebe__nisha-img,
  .ds-n404__lico,.ds-pravo__lico,
  .ds-statya__prizyv-lico){
  box-sizing:border-box;
  padding:var(--ds-pl-p);
  border-radius:var(--ds-pl-r);
  background:var(--ds-кадр);
  object-fit:contain;
}

/* С 1.8.0 позы лежат на сплошном белом #fff (без прозрачности). В светлой теме на
   голубых плашках (призывы, карточка «Сайты под ключ») белый прямоугольник виден —
   multiply убирает его, как на обложках статей. В тёмной теме плашка белая намеренно,
   там blend отключён (иначе она стала бы тёмной). Multiply — только на светлых плашках
   (белая, светло-голубая). */
:is(.ds-cta__lico,.ds-usl__lico,.ds-usl__img,
    .ds-ceny__lico,.ds-ceny__prizyv-lico,
    .ds-kontakty__lico,.ds-kontakty__prizyv-lico,
    .ds-otzyvy__lico,.ds-otzyvy__forma-lico,
    .ds-osebe__lico,.ds-osebe__kak-lico,.ds-osebe__prizyv-lico,
    .ds-n404__lico,.ds-pravo__lico,.ds-statya__prizyv-lico){mix-blend-mode:multiply}
:root[data-theme="dark"] :is(.ds-cta__lico,.ds-usl__lico,.ds-usl__img,
    .ds-ceny__lico,.ds-ceny__prizyv-lico,
    .ds-kontakty__lico,.ds-kontakty__prizyv-lico,
    .ds-otzyvy__lico,.ds-otzyvy__forma-lico,
    .ds-osebe__lico,.ds-osebe__kak-lico,.ds-osebe__prizyv-lico,
    .ds-n404__lico,.ds-pravo__lico,.ds-statya__prizyv-lico){mix-blend-mode:normal}

/* Фигура в шапке страницы: не прижата к линии раздела — снизу просвет */
:root[data-theme="dark"] :is(.ds-ceny__lico,.ds-kontakty__lico,.ds-otzyvy__lico,.ds-osebe__lico,.ds-n404__lico,.ds-pravo__lico){
  margin-bottom:var(--ds-pl-gap);
}
:root[data-theme="dark"] .ds-kontakty__lico{width:300px}
:root[data-theme="dark"] .ds-pravo__lico{margin-top:0}

/* Услуги, карточка 01: плашка не липнет к краю карточки */
:root[data-theme="dark"] .ds-usl__lico{
  align-self:center;max-width:calc(100% - var(--ds-pl-gap));
  margin:var(--ds-pl-gap) var(--ds-pl-gap) var(--ds-pl-gap) 0;
}

/* Услуги, карточки 02–04: плашка на всю ширину текстовой колонки, по левому краю текста */
@media (min-width:810px){
  :root[data-theme="dark"] .ds-usl--karta:nth-of-type(n+2):nth-of-type(-n+4) .ds-usl__img{
    width:100%;max-width:none;margin:0;height:210px;
  }
  :root[data-theme="dark"] .ds-usl--karta:nth-of-type(n+5) .ds-usl__img{height:200px}
}
@media (min-width:810px) and (max-width:1199px){
  :root[data-theme="dark"] .ds-usl--karta:nth-of-type(n+2):nth-of-type(-n+4) .ds-usl__img{height:180px}
}

/* Малые превью: на 390 строка «картинка | текст» и ниши — отступ пропорционален */
:root[data-theme="dark"] .ds-osebe__nisha-img{--ds-pl-p:0px;--ds-pl-r:14px;height:auto;aspect-ratio:1/1}
@media (max-width:809px){
  :root[data-theme="dark"] .ds-usl--karta .ds-usl__img{--ds-pl-p:10px;--ds-pl-r:14px;
    width:100%;height:170px;max-height:none}
  :root[data-theme="dark"] .ds-osebe__nisha-img{--ds-pl-p:0px;--ds-pl-r:12px;aspect-ratio:1/1}
  :root[data-theme="dark"] .ds-usl--glavnaya .ds-usl__lico{margin:0;max-width:none;width:100%}
}

/* ── Призывы: тёмно-синий фон, белая плашка только под персонажем ───────────
   Общий `.ds-cta--lico` (Работы, Услуги, Блог) и локальные призывы страниц. */
:root[data-theme="dark"] .ds-cta--lico{padding-top:var(--ds-pl-gap);padding-bottom:var(--ds-pl-gap);min-height:0}
:root[data-theme="dark"] .ds-cta__lico{height:332px;align-self:center;margin:0}
@media (max-width:1199px){
  :root[data-theme="dark"] .ds-cta__lico{height:262px}
}
@media (max-width:809px){
  :root[data-theme="dark"] .ds-cta--lico{padding-top:0;padding-bottom:var(--ds-pl-gap)}
  :root[data-theme="dark"] .ds-cta__lico{height:200px;margin:0;align-self:flex-end}
}

/* Низ карточки-призыва: плашка не срезана линией и не прижата ко дну */
@media (max-width:1199px){
  :root[data-theme="dark"] :is(.ds-kontakty__prizyv,
    .ds-page--osebe .ds-osebe__prizyv,.ds-statya__prizyv-plashka){padding-bottom:var(--ds-pl-gap)}
}
:root[data-theme="dark"] .ds-statya__prizyv-lico{height:376px}
@media (max-width:1199px){:root[data-theme="dark"] .ds-statya__prizyv-lico{height:320px}}
@media (max-width:809px){
  :root[data-theme="dark"] .ds-statya__prizyv-lico{height:200px;margin-top:0;align-self:flex-end}
  :root[data-theme="dark"] .ds-osebe__prizyv-lico{width:240px;max-width:100%;height:auto}
  /* «Контакты»: на телефоне та же поза с почтовым ящиком, что и в шапке на 1440 (портрет 515×764) */
  :root[data-theme="dark"] .ds-kontakty__prizyv-lico{width:auto;max-width:100%;height:230px}
}

/* ── Статья, тёмная тема: карточка и призыв — тёмно-синие, как на Работах/Услугах/Блоге ── */
:root[data-theme="dark"] .ds-statya__bok,
:root[data-theme="dark"] .ds-statya__prizyv-plashka{background:var(--ds-tile);color:var(--ds-ink)}

/* ── 9. Просвет вокруг призывов ────────────────────────────────────────────
   Было: отступ секции (96 px под контейнером, там нет боковых линий) плюс отступ
   карточки. Стало: ≈20 px до призыва и ≈20 px после, линии рамки идут до подвала. */
.ds-page:is(.ds-page--raboty,.ds-page--uslugi,.ds-page--blog,.ds-page--ceny,.ds-kontakty,.ds-otzyvy,
  .ds-page--osebe,.ds-page--pravo,.ds-statya){padding-bottom:0}
.ds-page:is(.ds-page--raboty,.ds-page--uslugi,.ds-page--blog,.ds-page--ceny,.ds-kontakty,.ds-otzyvy,
  .ds-page--osebe,.ds-page--pravo) .ds-container{padding-bottom:20px}
.ds-page .ds-container > :is(.ds-cta--lico,.ds-kontakty__prizyv){margin-top:20px;margin-bottom:0}
.ds-page--osebe .ds-osebe__prizyv-mesto{padding-top:20px;padding-bottom:0}
.ds-statya__prizyv{padding-top:20px}
.ds-statya .ds-statya__esche{padding-bottom:0}

/* ── 14. Блог: линия раздела под пагинацией, перед призывом ── */
.ds-page--blog .ds-pager{border-bottom:1px solid var(--ds-line)}

/* ── Цены, первый экран: фигура не стоит на линии раздела ──────────────────
   В светлой теме у фигуры был отрицательный нижний отступ (-6 px), подошвы
   сидели на линии. Тёмная тема получает отступ от общего правила плашки. */
:root:not([data-theme="dark"]) .ds-ceny__lico{margin-bottom:24px}