:root{--red:oklch(0.55 0.21 27);--red-deep:oklch(0.46 0.19 27);--red-dark:oklch(0.36 0.15 27);--on-red:oklch(0.97 0.01 27);--on-red-soft:oklch(0.88 0.045 27);--bg:oklch(0.99 0 0);--surface:oklch(0.965 0.006 27);--ink:oklch(0.24 0.015 27);--ink-2:oklch(0.44 0.015 27);--line:oklch(0.9 0.008 27);--z-nav:50;--z-menu:60;--z-cookie:80;--r:14px;--ease:cubic-bezier(0.22,1,0.36,1)}
  *{box-sizing:border-box;margin:0} html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--ink);font-family:"Onest",system-ui,sans-serif;line-height:1.6}
  a{color:inherit} .wrap{max-width:1180px;margin:0 auto;padding:0 24px} h1,h2,h3{letter-spacing:-0.02em;font-weight:800}
  nav.main{position:sticky;top:0;background:var(--red);z-index:var(--z-nav)}
  nav.main .wrap{display:flex;align-items:center;gap:26px;height:68px}
  .logo{display:flex;align-items:center;text-decoration:none} .logo img{height:42px;width:auto}
  .links{display:flex;gap:22px;margin-left:auto}
  .links a{text-decoration:none;font-size:.93rem;color:var(--on-red-soft);font-weight:500} .links a:hover{color:var(--on-red)}
  .cta{background:var(--on-red);color:var(--red-deep);font-weight:600;text-decoration:none;padding:11px 22px;border-radius:99px;font-size:.92rem;white-space:nowrap}
  .burger{display:none;background:none;border:1px solid oklch(0.7 0.12 27);color:var(--on-red);border-radius:8px;padding:8px 12px;font-size:1rem;cursor:pointer;margin-left:auto}
  .crumbs{padding:22px 0 0;font-size:.82rem;color:var(--ink-2)} .crumbs a{text-decoration:none} .crumbs a:hover{color:var(--red)} .crumbs span{margin:0 6px;color:oklch(0.62 0.01 27)}
  .p-hero{padding:28px 0 56px}
  .p-hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
  .type-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border-radius:99px;padding:7px 16px;font-size:.82rem;color:var(--ink-2)}
  .type-chip b{color:var(--red);font-weight:800;font-size:.9rem}
  .p-hero h1{margin-top:16px;font-size:clamp(1.7rem,3.8vw,2.7rem);line-height:1.1;text-wrap:balance}
  .p-hero .sub{margin-top:12px;color:var(--ink-2);max-width:58ch;font-size:1rem}
  .buy{margin-top:26px;background:var(--surface);border-radius:var(--r);padding:22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
  .buy .price b{font-weight:800;font-size:1.2rem;display:block} .buy .price span{font-size:.8rem;color:var(--ink-2)}
  .buy .actions{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
  .btn{display:inline-block;text-decoration:none;font-weight:600;font-size:.92rem;padding:12px 24px;border-radius:99px}
  .btn-red{background:var(--red);color:var(--on-red)} .btn-red:hover{filter:brightness(1.1)}
  .btn-ghost{border:1px solid var(--line);color:var(--ink);background:#fff} .btn-ghost:hover{border-color:var(--red);color:var(--red)}
  .tth{background:#fff;border:1px solid var(--line);border-radius:calc(var(--r) + 4px);overflow:hidden;box-shadow:0 10px 30px oklch(0.5 0.05 27 / .08)}
  .tth .cap{background:var(--red);color:var(--on-red);padding:13px 20px;font-weight:800;font-size:.88rem}
  .tth .row{display:flex;justify-content:space-between;gap:14px;padding:11px 20px;border-bottom:1px solid var(--line);font-size:.88rem}
  .tth .row:last-of-type{border-bottom:none} .tth .k{color:var(--ink-2)} .tth .v{text-align:right;font-weight:600}
  section{padding:48px 0} .sec-head h2{font-size:clamp(1.3rem,2.4vw,1.8rem);margin-bottom:20px}
  .prose{max-width:78ch} .prose p{margin-bottom:14px;color:var(--ink-2);font-size:.95rem}
  .analog-mini{background:var(--ink);color:oklch(0.95 0.005 27);border-radius:calc(var(--r) * 2);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .analog-mini h2{color:#fff;font-size:1.3rem;max-width:30ch;text-wrap:balance}
  .analog-mini p{color:oklch(0.72 0.01 27);font-size:.9rem;margin-top:6px;max-width:56ch}
  .analog-mini a{background:var(--red);color:var(--on-red);text-decoration:none;font-weight:600;padding:13px 26px;border-radius:99px;font-size:.92rem;white-space:nowrap}
  .tara{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
  .tara div{background:var(--surface);border-radius:var(--r);padding:20px} .tara b{font-weight:600;display:block} .tara span{color:var(--ink-2);font-size:.85rem}
  .docs-req{background:var(--surface);border-radius:calc(var(--r) * 2);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .docs-req h2{font-size:1.3rem} .docs-req p{color:var(--ink-2);font-size:.9rem;margin-top:6px;max-width:60ch}
  .docs-req a{background:var(--red);color:#fff;text-decoration:none;font-weight:600;padding:13px 26px;border-radius:99px;font-size:.92rem;white-space:nowrap}
  footer{padding:40px 0 52px;font-size:.85rem;color:var(--ink-2)}
  footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
  footer a{text-decoration:none} footer a:hover{color:var(--red)}
  .crumbs {
    padding: 22px 24px 0 !important;
    font-size: .82rem !important;
    color: var(--ink-2) !important;
}
  
  @media (max-width:900px){.p-hero .wrap{grid-template-columns:1fr;gap:30px}
    .links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--red);flex-direction:column;padding:18px 24px 24px;gap:16px;z-index:var(--z-menu)}
    .links.open{display:flex} .burger{display:block} nav.main .cta{display:none}}
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
  .steps .step{background:var(--surface);border-radius:var(--r);padding:20px}
  .steps .step b{display:block;font-weight:600;margin-bottom:6px}
  .steps .step span{color:var(--ink-2);font-size:.88rem}
  .prose ul{margin:0 0 14px 20px;color:var(--ink-2);font-size:.95rem} .prose li{margin-bottom:8px}
  .prose h3{margin:22px 0 10px;font-size:1.08rem}
  .srch{max-width:820px;margin-left:auto;margin-right:auto}
  .srch input{width:100%;font:inherit;font-size:1.15rem;padding:16px 22px;border:2px solid var(--line);border-radius:99px;outline:none}
  .srch input:focus{border-color:var(--red)}
  .sres{margin-top:34px;max-width:820px;margin-left:auto;margin-right:auto}
  .sres .hit{padding:20px 0;border-bottom:1px solid var(--line)}
  .sres .hit a{font-weight:800;font-size:1.08rem;text-decoration:none;color:var(--ink)}
  .sres .hit a:hover{color:var(--red)}
  .sres .hit p{margin-top:6px;color:var(--ink-2);font-size:.92rem}
  .sres mark{background:oklch(0.93 0.06 27);color:var(--red-deep);border-radius:3px;padding:0 2px}
  .sres .none{color:var(--ink-2)}
    .nsearch{margin-left:6px}
  .nsearch input{width:170px;font:inherit;font-size:.88rem;padding:9px 16px;text-align:center;line-height:1.2;border:1px solid oklch(0.7 0.12 27);border-radius:99px;background:oklch(0.5 0.17 27 / .45);color:#fff;outline:none;transition:width .3s cubic-bezier(0.22,1,0.36,1)}
  .nsearch input::placeholder{color:oklch(0.85 0.05 27)}
  .nsearch input:focus{width:230px;border-color:#fff;background:oklch(0.45 0.15 27 / .6)}
  .m-only{display:none!important}
  @media (max-width:900px){.nsearch{display:none} .m-only{display:block!important}}
    footer .wrap.f2{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;flex-wrap:wrap}
  footer .fl{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:.9rem;align-items:center;padding-top:8px}
  footer .req{font-size:.85rem;line-height:1.6}
  footer .wrap.fbot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:.82rem}
  footer .fcols{display:flex;gap:56px;flex-wrap:wrap}
  footer .fcols h4{font-size:.85rem;margin-bottom:10px;color:var(--ink)}
  footer .fcols ul{list-style:none;margin:0;padding:0;font-size:.88rem}
  footer .fcols li{margin-bottom:8px}
  .cookiebar{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 50px rgba(0,0,0,.18);padding:16px 22px;display:none;align-items:center;gap:18px;flex-wrap:wrap;max-width:1180px;margin:0 auto}
.cookiebar.show{display:flex}
.cookiebar p{font-size:.85rem;color:var(--ink-2);flex:1 1 420px;margin:0}
.cookiebar p a{color:var(--red);font-weight:600;text-decoration:none}
.cookiebar button{background:var(--red);color:#fff;border:none;font:inherit;font-weight:600;font-size:.88rem;padding:11px 24px;border-radius:99px;cursor:pointer;transition:filter .2s}
.cookiebar button:hover{filter:brightness(1.1)}
.cookiebar .cb-btns{display:flex;gap:10px;margin-left:auto}
.cookiebar button.ghost{background:none;border:1px solid var(--line);color:var(--ink-2)}
.cookiebar button.ghost:hover{border-color:var(--ink-2);color:var(--ink);filter:none}
    .backfab{position:fixed;left:22px;bottom:22px;z-index:80;background:#fff;border:1.5px solid var(--line);color:var(--ink);font:inherit;font-weight:600;font-size:.9rem;padding:12px 20px;border-radius:99px;cursor:pointer;box-shadow:0 8px 24px oklch(0.5 0.05 27 / .16)}
  .backfab:hover{border-color:var(--red);color:var(--red)}
  @media (max-width:700px){.backfab{left:14px;bottom:14px;padding:10px 16px}}
  /* === RT SYSTEM: единая типографика длинных текстов (вынести в общий CSS на Bitrix) === */
  :root{--text-primary:#241f1f;--text-body:#514a4a;--text-strong:#332d2d;
    --space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:80px;--space-9:96px;
    --reading:1100px}
  .rich-text{max-width:var(--reading);margin-left:auto;margin-right:auto}
  .rich-text p{font-size:18px;line-height:1.7;font-weight:400;color:var(--text-body);margin:0 0 var(--space-4);max-width:none;overflow-wrap:break-word;text-wrap:pretty}
  .rich-text h3{font-size:23px;line-height:1.3;font-weight:700;color:var(--text-primary);margin:var(--space-6) 0 18px}
  .rich-text h4{font-size:19px;line-height:1.35;font-weight:700;color:var(--text-primary);margin:var(--space-5) 0 14px}
  .rich-text ul,.rich-text ol{font-size:18px;line-height:1.7;color:var(--text-body);padding-left:30px;margin:18px 0 30px;max-width:none}
  .rich-text li{margin-bottom:12px}
  .rich-text li::marker{color:var(--red)}
  .rich-text strong{font-weight:700;color:var(--text-strong)}
  .rich-text a{color:var(--red)}
  .rich-text > :last-child{margin-bottom:0}
  .sec-head h2{font-size:clamp(26px,2.6vw,34px);line-height:1.2;color:var(--text-primary);margin-bottom:var(--space-4)}
  .rt-note{margin-top:var(--space-2);font-size:15px}
  .rt-note a{color:var(--red);font-weight:600;text-decoration:none}
  /* аналоги: чипы вместо сплошного абзаца */
  .analog-mini:has(.a-chips){flex-direction:column;align-items:flex-start;gap:18px}
  .a-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:2px}
  .a-chip{background:oklch(0.30 0.02 27);color:oklch(0.88 0.01 27);padding:8px 13px;border-radius:999px;font-size:14px;line-height:1.2;white-space:nowrap}
  /* фасовка: крупнее предметы, ровные карточки */
  .tara img{height:140px;width:auto;object-fit:contain;align-self:center;margin:0 0 4px}
  .tara div{justify-content:flex-start}
  /* документы: мобильная кнопка вниз */
  @media (max-width:700px){.docs-req{flex-direction:column;align-items:flex-start}.docs-req a{width:100%;text-align:center}}
  /* форма: плейсхолдеры и консент читаемы */
  .pform input::placeholder,.pform textarea::placeholder{color:#8a8482}
  /* фиксированная «Назад»: не перекрывает футер */
  footer{padding-bottom:96px}
  @media (max-width:700px){.backfab{padding:9px 14px;font-size:.85rem}}
  @media (max-width:1024px){.rich-text p,.rich-text ul,.rich-text ol{font-size:17px}}
  @media (max-width:768px){.rich-text p,.rich-text ul,.rich-text ol{font-size:16px;line-height:1.65}
    .sec-head h2{font-size:27px}.rich-text h3{font-size:21px}}
  section[id],div[id],aside[id],header[id]{scroll-margin-top:88px}
  .ph-btn{display:inline-flex;align-items:center;gap:8px;color:var(--on-red);text-decoration:none;font-weight:600;font-size:.93rem;white-space:nowrap;flex:none}
  .ph-btn:hover{opacity:.85}
  .ph-btn .num{display:inline}
  @media (max-width:900px){.ph-btn{width:42px;height:42px;justify-content:center;border-radius:99px;background:var(--on-red);color:var(--red-deep);margin-left:auto}
    .ph-btn .num{display:none} nav.main .burger{margin-left:8px}}
  nav.main .wrap{gap:16px}
  .links{gap:16px}
  .links a{white-space:nowrap}
  .nsearch input{width:140px}
  .nsearch input:focus{width:190px}
  @media (max-width:1340px){.nsearch{display:none}}
  @media (max-width:1120px){.ph-btn .num{display:none} .ph-btn{width:40px;height:40px;justify-content:center;border-radius:99px;background:var(--on-red);color:var(--red-deep)}}
  .srch-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:99px;color:var(--on-red);text-decoration:none;flex:none;transition:background .15s ease}
  .srch-btn:hover{background:oklch(0.5 0.17 27 / .45)}
  @media (max-width:900px){.srch-btn{display:none}}
  .ph-btn svg{display:none}
  @media (max-width:1120px){.ph-btn svg{display:block}}