/* Дизайн-система «Досье» — уникальные стили страницы «Услуги» (page-services-dosie.php).
   Общие токены/компоненты (.plate, .wrap, .ph, .fin, .prose, .pill, .rv) — в core.css,
   здесь не дублируются. Источник — /opt/vyaznikov-com/makety-2026/services-v11-dosie.html.
   Брейкпоинты макета: 991px (меню шапки, уже в core.css), 860px (сетка карточек услуг). */

/* ---- сетка карточек услуг ---- */
.dosie .ug{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}
.dosie .uc{background:linear-gradient(160deg,#FFFFFF 0%,var(--warm) 100%);border:1px solid rgba(23,42,85,.08);
 border-radius:18px;padding:28px;box-shadow:0 3px 0 rgba(23,42,85,.08),0 14px 26px rgba(23,42,85,.06);
 display:flex;flex-direction:column;gap:10px}
.dosie .uc__n{font-size:15px;color:var(--gold-d)}
.dosie .uc b{font-family:'Inter',sans-serif;font-weight:800;font-size:19px;color:var(--navy);letter-spacing:-.01em}
.dosie .uc p{font-size:14px;line-height:1.6;color:var(--body)}

/* ---- дудл-вставки серии «Досье» (V-22, 2026-08-05) ----
   Приём и параметры повторяют /vnedrit-ii/ (.vz-ii-srv__doodle): дудл в правом-нижнем
   углу карточки, лёгкий поворот, текст поверх по z-index.
   🚨 Гоча 05.08 (DEVLOG, эталон): НЕ поднимать текст через `.uc>*{position:relative}` —
   такое правило перебивает position:absolute у самого дудла (та же специфичность,
   каскад позже) и роняет его в поток. Перечисляем текстовые элементы поимённо. */
.dosie .uc{position:relative;overflow:hidden}
.dosie .uc__doodle{position:absolute;right:10px;bottom:6px;width:124px;height:auto;opacity:.95;
 pointer-events:none;-webkit-user-drag:none;user-select:none;transform:rotate(-3deg);z-index:0}
.dosie .uc__n,.dosie .uc b,.dosie .uc p{position:relative;z-index:1}
.dosie .uc p{max-width:calc(100% - 112px)}
/* лёгкий «организованный беспорядок»: у соседних карточек разный наклон */
.dosie .uc:nth-child(2) .uc__doodle{transform:rotate(2deg)}
.dosie .uc:nth-child(3) .uc__doodle{transform:rotate(-1.5deg)}
.dosie .uc:nth-child(4) .uc__doodle{transform:rotate(3deg)}

@media(max-width:860px){
 .dosie .ug{grid-template-columns:1fr}
}

/* Мобильная карточка: дудл не налезает на текст — ярлык и заголовок слева на уровне
   дудла (грид-зоны), описание ниже во всю ширину. Схема эталона /vnedrit-ii/. */
@media(max-width:700px){
 .dosie .uc{display:grid;grid-template-columns:minmax(0,1fr) 96px;
  grid-template-areas:"n d" "b d" "p p";column-gap:14px;align-items:center;gap:6px}
 .dosie .uc__n{grid-area:n;align-self:end}
 .dosie .uc b{grid-area:b;align-self:start}
 .dosie .uc p{grid-area:p;margin-top:8px;max-width:100%}
 .dosie .uc__doodle{grid-area:d;position:static;width:96px;margin:0;justify-self:end;opacity:1}
}

/* ---- блок «Сколько это стоит» (V-22, 2026-08-05) ----
   Текст слева, дудл-рукопожатие справа — плита не пустует на широком экране. */
.dosie .vz-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);
 gap:48px;align-items:center}
.dosie .vz-price__txt{max-width:640px}
.dosie .vz-price__txt .sub{margin-bottom:14px}
.dosie .vz-price__txt .pill{margin-top:10px}
.dosie .vz-price__doodle{width:100%;height:auto;justify-self:center;
 pointer-events:none;-webkit-user-drag:none;user-select:none;transform:rotate(-2deg)}

@media(max-width:860px){
 .dosie .vz-price{grid-template-columns:1fr;gap:20px}
 .dosie .vz-price__doodle{width:180px;justify-self:start;order:-1;transform:rotate(-3deg)}
}

/* ---- мобильный брейкпоинт (в макете отсутствовал, добавлен по заданию шага 8) ---- */
@media(max-width:600px){
 .dosie .uc{padding:22px}
 .dosie .uc b{font-size:17px}
 .dosie .vz-price__doodle{width:148px}
}