/* dgr 06.09.2026: файл из пакета вёрстки заказчика (css/udm-svoy-shablon.css) с одной правкой —
   классы, совпавшие с уже занятыми в custom-templates.css (udm-page, udm-q, udm-tbl, udm-stars,
   udm-t, udm-ghost, udm-n, udm-pr, udm-side и блоки старого лендинга), переименованы udm-X → udm-vz-X,
   udm-page → udm-vz. Иначе на одной странице сталкивались два набора правил. Остальное — без изменений. */
/* ============================================================
   udm-svoy-shablon.css — новые стили страниц «Свой шаблон».
   ПЕРЕНОСИТСЯ НА ПРОД целиком. Все классы с префиксом udm-;
   состояния (.on, .open) — только внутри udm-родителя.
   Палитра — токены сайта: #382D28 текст, #9B8D85 приглушённый,
   #7CAB3D / #628A2C зелёный, #F7F8E6 крем, #F1F0EA беж,
   #C6B4AC линии, #8D6959 коричневый, #BED597 подложка выбора.
   ============================================================ */

.udm-vz{padding:40px 0 60px}
.udm-h1{font-family:Unbounded,sans-serif;font-weight:600;font-size:40px;line-height:1.15;margin:0 0 16px}
.udm-h2{font-family:Unbounded,sans-serif;font-weight:600;font-size:26px;line-height:1.25;margin:0 0 20px}
.udm-h3{font-family:Unbounded,sans-serif;font-weight:500;font-size:18px;margin:0 0 10px}
.udm-vz p{margin:0 0 14px}
.udm-vz a.my-btn,.udm-vz a.my-btn-small{text-decoration:none}
.udm-muted{color:#9B8D85}

/* CTA сайта (.my-btn) в наших блоках: ширина по содержимому, высота 58 */
.udm-vz-cta .my-btn,.my-btn.udm-fit{display:inline-flex;width:auto;height:58px;padding:0 30px;text-decoration:none;white-space:nowrap;gap:0}
.my-btn.udm-vz-ghost{background:#fff;color:#628A2C;border:2px solid #7CAB3D}
.my-btn.udm-vz-ghost:hover{background:#F7F8E6;color:#628A2C}
.my-btn-small.udm-fit{display:inline-flex;width:auto;padding:0 24px;text-decoration:none}
.my-btn-small.udm-vz-ghost{background:#fff;color:#628A2C;border:2px solid #7CAB3D}
.my-btn-small.udm-vz-ghost:hover{background:#F7F8E6}

/* ---------- герой ---------- */
.udm-vz-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;margin-bottom:34px}
.udm-vz-hero .udm-vz-lead{font-size:18px;color:#5A4F49;margin-bottom:24px}
.udm-vz-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.udm-vz-hero-sub{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#9B8D85;margin-top:16px}
.udm-vz-hero-sub i{display:inline-flex;align-items:center;gap:7px;font-style:normal}
.udm-vz-hero-sub img{width:16px;height:16px;flex:none}
.udm-calc{background:#F7F8E6;border-radius:20px;padding:26px}
.udm-calc .udm-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px dashed #D9D4C8;font-size:15px}
.udm-calc .udm-row:last-of-type{border:none}
.udm-calc .udm-row b{font-family:Unbounded,sans-serif;font-weight:500;font-size:15px;white-space:nowrap}
.udm-calc .udm-row .udm-old{color:#9B8D85;text-decoration:line-through;font-weight:400}
.udm-calc .udm-tot{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 18px;margin-top:14px;font-size:15px}
.udm-calc .udm-tot b{font-family:Unbounded,sans-serif;font-weight:600;font-size:22px;color:#628A2C;white-space:nowrap}
.udm-calc .udm-fine{font-size:12px;color:#9B8D85;margin-top:10px}

/* ---------- цифры ---------- */
.udm-proof{display:flex;gap:34px;align-items:center;flex-wrap:wrap;padding:20px 0;border-top:1px solid #EFE7E3;border-bottom:1px solid #EFE7E3;margin-bottom:36px;font-size:15px}
.udm-proof b{font-family:Unbounded,sans-serif;font-weight:600;font-size:22px;display:block}
.udm-proof span{color:#9B8D85}
.udm-vz-stars{display:flex;gap:3px;margin-bottom:5px}
.udm-vz-stars img{width:16px;height:16px}

/* ---------- было и стало ---------- */
.udm-ba{display:grid;grid-template-columns:1fr 60px 1fr;gap:14px;align-items:start;margin-bottom:14px}
.udm-vz-doc{background:#fff;border:1px solid #C6B4AC;border-radius:20px;padding:26px 28px;font-size:16px;line-height:1.7}
.udm-vz-doc.udm-old{background:#FBFAF7;font-family:'Times New Roman',Times,serif;font-size:16px}
.udm-vz-doc .udm-vz-t{font-family:Unbounded,sans-serif;font-weight:500;font-size:14px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.udm-vz-doc .udm-vz-t img{width:18px;height:18px;flex:none}
.udm-vz-doc .udm-h4{font-weight:800;margin:12px 0 4px}
.udm-vz-doc .udm-num{font-weight:800}
.udm-vz-doc .udm-cl{margin-bottom:6px}
.udm-vz-doc .udm-cl em{font-style:normal;font-weight:800;color:#628A2C;background:#E9F1DA;border-radius:6px;padding:0 5px}
.udm-vz-doc .udm-vz-q{background:#BED597;border-radius:14px;padding:12px 14px;margin:8px 0 10px}
.udm-vz-doc .udm-vz-opts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.udm-vz-chip{border:1px solid transparent;background:#fff;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;color:#382D28;transition:.15s;font-family:Mulish,sans-serif;line-height:1.3}
.udm-vz-chip:hover{border-color:#7CAB3D}
.udm-vz-chip[aria-pressed="true"]{background:#7CAB3D;border-color:#7CAB3D;color:#fff}
.udm-ba-arrow{display:flex;align-items:center;justify-content:center;align-self:stretch}
.udm-ba-arrow img{width:40px;height:15px}
.udm-ba-pain{display:flex;gap:12px;align-items:flex-start;background:#FBFAF7;border:1px dashed #C6B4AC;border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:15px;color:#6C605A}
.udm-ba-pain img{width:24px;height:24px;flex:none}
.udm-ba-foot{display:flex;gap:12px;align-items:center;font-size:14px;color:#6C605A;margin-bottom:36px;flex-wrap:wrap}
.udm-ba-foot img{width:22px;height:22px;flex:none}
.udm-ba-foot i{display:inline-flex;align-items:center;gap:7px;font-style:normal}

/* ---------- три карточки ---------- */
.udm-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:36px}
.udm-vz-card{background:#F7F8E6;border-radius:20px;padding:24px}
.udm-vz-card .udm-ic{width:54px;height:54px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.udm-vz-card .udm-ic img{width:30px;height:30px}
.udm-vz-card b{display:block;font-family:Unbounded,sans-serif;font-weight:500;font-size:15px;margin-bottom:6px}
.udm-vz-card span{font-size:15px;color:#6C605A}

/* ---------- что появится в кабинете ---------- */
.udm-next{background:#F1F0EA;border-radius:20px;padding:30px 32px;margin-bottom:36px}
.udm-next .udm-row{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}
.udm-vz-tbl{background:#fff;border-radius:14px;padding:6px 0;border:1px solid #E6E0DA}
.udm-vz-tbl .udm-r{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:15px;border-bottom:1px solid #F1EDE9}
.udm-vz-tbl .udm-r:last-child{border:none}
.udm-vz-tbl .udm-r img{width:20px;height:20px;flex:none}
.udm-vz-tbl .udm-nm{flex:1;font-weight:700}
.udm-vz-tbl .udm-st{background:#E9F1DA;color:#628A2C;border-radius:8px;padding:2px 10px;font-weight:700;font-size:13px;white-space:nowrap}
.udm-vz-tbl .udm-dt{color:#9B8D85;font-size:13px;white-space:nowrap}
.udm-next ul{list-style:none;padding:0;margin:0 0 18px}
.udm-next li{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin-bottom:10px}
.udm-next li img{width:20px;height:20px;flex:none;margin-top:1px}

/* ---------- FAQ: сайтовый .faq-block, свои только отступы ---------- */
.udm-faq{margin-bottom:36px}
.udm-faq .faq-block{margin-top:0}

/* ---------- гарантия, липкая полоса ---------- */
.udm-guar{display:flex;gap:18px;align-items:center;background:#F7F8E6;border-radius:20px;padding:22px 26px;margin-bottom:36px;flex-wrap:wrap;font-size:16px}
.udm-guar .udm-g{width:46px;height:46px;flex:none}
.udm-guar .udm-g img{width:46px;height:46px}
.udm-guar .udm-txt{flex:1;min-width:260px}
.udm-vz-sticky{position:sticky;bottom:12px;z-index:5;background:#fff;border:1px solid #C6B4AC;box-shadow:0 10px 20px rgba(141,105,89,.25);border-radius:20px;padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
.udm-vz-sticky b{font-family:Unbounded,sans-serif;font-weight:500;font-size:14px}
.udm-vz-sticky span{color:#9B8D85;font-size:14px}
.udm-vz-sticky .my-btn-small{margin-left:auto}
.udm-tag{display:inline-block;background:#7CAB3D;color:#fff;font-size:11px;font-weight:800;text-transform:none;letter-spacing:0;border-radius:8px;padding:3px 9px;vertical-align:middle;margin-left:8px;line-height:1.3}

/* ---------- «Мои шаблоны», пустое состояние ---------- */
.udm-lk{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}
.udm-lk .udm-main{background:#F7F8E6;border-radius:20px;padding:32px}
.udm-lk .udm-vz-side{background:#fff;border:1px solid #C6B4AC;border-radius:20px;padding:26px}
.udm-offer{background:#fff;border-radius:20px;padding:20px 22px;display:flex;gap:18px;align-items:center;margin:20px 0;flex-wrap:wrap}
.udm-offer .udm-vz-pr{font-family:Unbounded,sans-serif;font-weight:600;font-size:22px;color:#628A2C;white-space:nowrap}
.udm-offer .udm-vz-pr small{display:block;font-family:Mulish,sans-serif;font-size:13px;color:#9B8D85;font-weight:400}
.udm-offer .udm-what{font-size:15px;flex:1;min-width:220px}
.udm-ex{background:#fff;border-radius:14px;padding:16px 18px;font-size:14px;border:1px dashed #CFD9B8;margin-top:16px}
.udm-ex b{font-family:Unbounded,sans-serif;font-weight:500;font-size:13px;display:block;margin-bottom:8px}
.udm-ex-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
.udm-ex-cta span{font-size:14px;color:#9B8D85}
.udm-steps{list-style:none;padding:0;margin:0}
.udm-steps li{display:flex;gap:12px;margin-bottom:14px;font-size:15px}
.udm-steps .udm-vz-n{width:26px;height:26px;border-radius:50%;background:#7CAB3D;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;font-size:12px}
.udm-prep{border-top:1px solid #EFE7E3;padding-top:14px;font-size:14px;color:#6C605A}

/* ---------- карточка тарифа: сайтовые .sbs-*, новое — опция «Мои шаблоны» ---------- */
.udm-rate-wrap{max-width:420px;margin:0 auto}
.udm-rate-opt{border:2px solid #7CAB3D;border-radius:14px;padding:14px 12px;margin:0 0 14px;background:#FBFCF3}
.udm-rate-opt .new-rate-price-employee{gap:6px;flex-wrap:wrap;row-gap:10px}
.udm-rate-opt .change-rate-count-block{width:104px}
.udm-opt-tg{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;font:700 16px Mulish,sans-serif;color:#382D28;cursor:pointer;text-align:left;white-space:nowrap}
.udm-opt-tg img{width:8px;height:14px;transition:transform .2s;flex:none}
.udm-rate-opt.open .udm-opt-tg img{transform:rotate(90deg)}
.udm-opt-more{display:none;color:#6C605A;font-size:13px;line-height:1.35;margin-top:10px}
.udm-rate-opt.open .udm-opt-more{display:block}
.udm-opt-more a{color:#628A2C;font-weight:700;text-decoration:none}
.udm-rate-emp{padding:6px 0}
.sbs-sum .udm-sum-note{display:block;font-size:14px;font-weight:400;color:#9B8D85;line-height:1.3;margin-top:4px}

/* ---------- доступность ---------- */
.udm-vz-chip:focus-visible,.udm-opt-tg:focus-visible,.acc-btn:focus-visible,.change-rate-minus:focus-visible,.change-rate-plus:focus-visible,
.udm-vz .my-btn:focus-visible,.udm-vz .my-btn-small:focus-visible{outline:2px solid #628A2C;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.udm-vz *{transition:none!important}}

/* ---------- адаптив (брейкпоинт сайта 760) ---------- */
@media (max-width:900px){
  .udm-vz-hero,.udm-grid3,.udm-ba,.udm-next .udm-row,.udm-lk{grid-template-columns:1fr}
  .udm-ba-arrow{height:40px}
  .udm-ba-arrow img{transform:rotate(90deg)}
}
@media (max-width:760px){
  .udm-vz{padding:24px 0 40px}
  .udm-h1{font-size:28px}.udm-h2{font-size:21px}
  .udm-vz-cta .my-btn,.my-btn.udm-fit{width:100%;white-space:normal;text-align:center;height:auto;min-height:54px;padding:12px 18px;line-height:1.3}
  .my-btn-small.udm-fit{width:100%;white-space:normal;height:auto;min-height:50px;padding:10px 18px;line-height:1.3;text-align:center}
  .udm-vz-sticky .my-btn-small{margin-left:0}
  .udm-vz-doc{padding:20px 18px}
  .udm-next{padding:22px 18px}
  .udm-lk .udm-main,.udm-lk .udm-vz-side{padding:22px 18px}
  .udm-vz-tbl .udm-r{flex-wrap:wrap;row-gap:6px}
  .udm-vz-tbl .udm-nm{flex:1 1 calc(100% - 32px);min-width:0}
  .udm-vz-tbl .udm-dt{white-space:normal}
  .udm-rate-opt .new-rate-price-employee,.udm-rate-emp.new-rate-price-employee{flex-wrap:wrap;row-gap:8px}
  .acc-btn{height:auto;min-height:72px;padding:16px 20px}
  .card-body{padding:0 20px 15px}
}

/* ---------- dgr 06.09.2026: стыковка с custom-templates.css (там .udm-vz h1/h2 задают
   размер заголовков кабинета — здесь заголовки лендинга должны быть как в вёрстке) ---------- */
.udm-vz h1.udm-h1{font-size:40px;font-weight:600;line-height:1.15;margin:0 0 16px}
.udm-vz h2.udm-h2{font-size:26px;font-weight:600;line-height:1.25;margin:0 0 20px}
.udm-vz .udm-vz-cta .my-btn,.udm-vz .my-btn.udm-fit{display:inline-flex;width:auto;height:58px;padding:0 30px;gap:12px;border-radius:20px}
@media (max-width:760px){
  .udm-vz h1.udm-h1{font-size:28px}.udm-vz h2.udm-h2{font-size:21px}
  .udm-vz .udm-vz-cta .my-btn,.udm-vz .my-btn.udm-fit{width:100%;white-space:normal;text-align:center;height:auto;min-height:54px;padding:12px 18px;line-height:1.3}
}

/* dgr 06.09.2026: опция «Мои шаблоны» в родной карточке тарифа (она уже 364px против 420 в вёрстке) */
.udm-rate-opt .new-rate-price-employee{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0}
.udm-rate-opt .number-input{width:104px;min-width:104px;margin:0}
.udm-rate-opt .number-input .udm-kol{width:36px;text-align:center;background:transparent;border:0;font-weight:700}
.udm-rate-opt .udm-stepper .num-input-btn{padding:0}
.udm-rate-opt .udm-opt-tg{font-size:15px;gap:6px}
.udm-rate-opt .udm-opt-tg .udm-tag{margin-left:2px;font-size:10px;padding:3px 7px}
.udm-rate-opt .number-input{width:100px;min-width:100px}
.udm-rate-opt{padding:14px 12px 12px}
.udm-rate-opt{padding:12px 10px 10px}
.udm-rate-opt .udm-opt-tg{font-size:14px;gap:5px}
.udm-rate-opt .udm-opt-tg .udm-tag{font-size:9px;padding:2px 6px;margin-left:0}
.udm-rate-opt .number-input{width:92px;min-width:92px}
.udm-rate-opt .number-input .udm-kol{width:30px}
.udm-rate-opt .number-input{width:auto;min-width:0;padding:0 4px;flex:none}
.udm-rate-opt .number-input .num-input-btn{width:26px;min-width:26px;height:34px;display:flex;align-items:center;justify-content:center;flex:none}
.udm-rate-opt .number-input .udm-kol{width:30px;min-width:30px;flex:none;height:34px}
/* ТЗ 07.09 (п. 1): карточка подписки на тарифах — у родного .sbs-body-rate 30px отступа + 30px поля до черты
   и ещё 30px после; между списком и «Мои шаблоны» выходило 70px пустоты. Только карточка подписки (-dop). */
.sbs-body-rate.sbs-body-rate-dop{padding-bottom:14px;margin-bottom:16px}
/* правки после ТЗ 07.09 (п. 5): карточка подписки на тарифах — меньше воздуха между «Сотрудники», суммой и кнопкой */
.subscribe-buttons-block .sbs-sum{margin-top:14px;margin-bottom:6px}
.subscribe-buttons-block .udm-rate-cancel{margin-top:0;margin-bottom:8px}
.subscribe-buttons-block .sub-rate-btn-block{margin-top:14px}
/* замечание 08.09: «Выбрать документ» и «Оплатить» на одном уровне — у левой ужат пустой отступ перед
   «ОТ 390 ₽» (родные 60px → 24px), правая опущена в пустое место между суммой и кнопкой */
.new-rate-block .sbs-sum.one-doc-sbs{margin-top:24px}
.get-rate-wrapper .rew-rate-btn{margin-top:32px}

/* dgr 09.09.2026: на лендинге плавающая плашка «Свой шаблон — … к подписке» стоит НАД кнопкой «Чат с ИИ»
   (у виджета z-index 99990, плашка была 5 — кнопка чата ложилась на «Добавить мой шаблон»). Пока панель чата
   закрыта, виджет опускаем под плашку; открытая панель снова выше всего. */
body:has(.udm-vz-sticky) .ai-chat-widget:has(.ai-chat-widget__panel[hidden]){z-index:4}