/* Инструкции /help/: хаб (группы карточек из инфоблока help_hub), разделы и страницы инструкций.
   Разметка текстов (UF_SUMMARY: .help-summary/.help-steps/.help-video/.help-faq, включаемая область .help-cta) — данные из админки,
   поэтому их классы оформлены здесь. */

/* хаб */
.hx-hub-intro{margin-bottom:clamp(30px,3.4vw,56px)}
.hx-hub-lead{margin:0 0 22px}
.hx-hub-lead>*{margin:0}
.hx-hub-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin:0;padding:0;list-style:none}
.hx-hub-stat{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:var(--hx-paper)}
.hx-hub-stat b{font-size:clamp(22px,1.8vw,30px);line-height:1.1;color:var(--hx-navy)}
.hx-hub-stat span{font-size:13px;color:var(--hx-txt)}
.hx-hub-group .hx-h2{margin-bottom:clamp(14px,1.4vw,22px)}
.hx-hub-note{max-width:var(--hx-measure);margin:6px 0 clamp(22px,2.2vw,34px);color:var(--hx-txt)}
.hx-hub-group .hx-h2--swash+.hx-grid{margin-top:clamp(26px,2.4vw,40px)}
.hx-card--pack .hx-photo{object-fit:contain;padding:12px;background:var(--hx-paper)}

/* блок «Не нашли нужную инструкцию?» (include/help_cta.php) */
.help-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 28px;padding:clamp(22px,2.6vw,40px);background:var(--hx-navy);color:#fff}
.help-cta__text{display:flex;flex-direction:column;gap:6px;max-width:600px}
.help-cta__title{font-size:clamp(19px,1.5vw,26px);font-weight:700;line-height:1.25}
.help-cta__sub{color:rgba(255,255,255,.8)}
.help-cta__actions{display:flex;flex-wrap:wrap;gap:12px}
.help-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:1.5px solid rgba(255,255,255,.6);border-radius:var(--hx-pill);color:#fff;font-weight:700;font-size:15px;text-decoration:none;transition:background .2s,color .2s}
.help-btn:hover{background:#fff;color:var(--hx-navy)}
.help-btn--primary{background:#fff;border-color:#fff;color:var(--hx-navy)}
.help-btn--primary:hover{background:var(--hx-paper);border-color:var(--hx-paper)}

/* раздел инструкций */
.hx-instr-text{margin:0 0 clamp(26px,2.8vw,44px)}
.hx-instr-cards{margin:0 0 clamp(26px,2.8vw,44px)}
.hx-instr-products{--hx-col:180px;margin:0 0 clamp(26px,2.8vw,44px);padding:0;list-style:none}
.hx-instr-thumb{display:grid;place-items:center;aspect-ratio:1;padding:10px;background:var(--hx-paper);margin-bottom:6px}
.hx-instr-thumb img{width:100%;height:100%;object-fit:contain}
.hx-instr-products b{font-size:15px}
.hx-instr-other{margin-bottom:clamp(22px,2.2vw,36px)}

/* «Коротко» в начале раздела (UF_SUMMARY) */
.hx-instr-summary{max-width:var(--hx-measure)}
.hx-instr-summary .help-summary{margin:0 0 clamp(26px,2.8vw,44px);padding:clamp(20px,2.4vw,36px);background:var(--hx-paper)}
.hx-instr-summary h2{margin:0 0 .6em;font-size:clamp(22px,1.8vw,32px);line-height:1.15;letter-spacing:-.015em}
.hx-instr-summary h3{margin:1.2em 0 .4em;font-size:clamp(17px,1.2vw,20px)}
.hx-instr-summary p{margin:0 0 1em}
.hx-instr-summary a{color:var(--hx-navy)}
.hx-instr-summary .help-steps{counter-reset:hxstep;margin:16px 0;padding:0;list-style:none}
.hx-instr-summary .help-steps li{position:relative;margin:0;padding:0 0 12px 42px}
.hx-instr-summary .help-steps li:before{counter-increment:hxstep;content:counter(hxstep);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--hx-navy);color:#fff;font-size:14px;font-weight:700;line-height:28px;text-align:center}
.hx-instr-summary .help-video{margin:20px 0}
.hx-instr-summary .help-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.hx-instr-summary .help-video p{margin-top:8px;font-size:14px;color:var(--hx-mute)}