/* Реальные специалисты: портреты, опубликованные цитаты и действующие профили. */
.hl-social-section { margin-top: var(--space-section); padding: var(--hl-space-lg); background: var(--color-primary); border-radius: var(--radius-xl); }
.hl-social-section h2, .hl-social-section .hl-eyebrow, .hl-social-section .hl-section-heading > p:last-child { color: var(--color-white); }
.hl-social-section .hl-section-heading > p:last-child { opacity: .85; }
.hl-people-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--hl-space-sm); }
.hl-person-card { display: flex; flex-direction: column; min-width: 0; margin: 0; border-radius: var(--radius-md); background: var(--color-white); }
.hl-person-photo { display: block; border-radius: var(--radius-md) var(--radius-md) 0 0; }
.hl-person-photo img { display: block; width: 100%; height: auto; aspect-ratio: 6 / 5; object-fit: cover; border-radius: inherit; }
.hl-person-card figcaption { display: flex; flex-direction: column; flex: 1; padding: var(--space-after-h3); }
.hl-quote-sign { color: var(--color-purple); font-size: var(--text-4xl); font-weight: var(--weight-bold); line-height: var(--leading-tight); }
.hl-person-card blockquote { flex: 1; margin: 0 0 var(--hl-space-md); padding: 0; border: 0; color: var(--color-body); font-size: var(--text-md); line-height: var(--leading-relaxed); }
.hl-landing .hl-person-name { min-height: calc(var(--text-md) * var(--leading-heading) * 2); font-size: var(--text-md); font-weight: var(--weight-bold); line-height: var(--leading-heading); text-decoration: none; }
.hl-person-name:hover { text-decoration: underline; }
.hl-person-meta { display: block; margin-top: var(--hl-space-xs); color: var(--color-muted); font-size: var(--text-xs); line-height: var(--leading-relaxed); }
.hl-landing .hl-person-profile { display: flex; align-items: center; justify-content: space-between; gap: var(--hl-space-xs); margin-top: var(--hl-space-sm); padding-top: var(--hl-space-sm); border-top: thin solid var(--border-default); font-size: var(--text-sm); text-decoration: none; }
.hl-swipe-hint { display: none; color: var(--color-white); font-size: var(--text-sm); }

.hl-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--hl-space-md); margin: 0; padding: 0; list-style: none; }
.hl-steps li { padding-top: var(--hl-space-md); border-top: thin solid var(--color-primary); }
.hl-steps p { margin-bottom: 0; color: var(--color-muted); }
.hl-steps .hl-number { margin-bottom: var(--hl-space-sm); }
.hl-profile-search { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: var(--hl-space-lg); margin-top: var(--hl-space-lg); padding: var(--hl-space-md); border-radius: var(--radius-lg); background: var(--color-blend); }
.hl-profile-search p { margin-bottom: 0; color: var(--color-muted); }
.hl-profile-search label { display: block; margin-bottom: var(--hl-space-xs); font-size: var(--text-sm); font-weight: var(--weight-bold); }
.hl-search-row { display: flex; flex-wrap: wrap; gap: var(--hl-space-xs); }
.hl-search-row input { width: 100%; min-width: 0; min-height: var(--h-big); padding: var(--hl-space-xs) var(--hl-space-sm); border: thin solid var(--color-gray-border); border-radius: var(--radius-sm); background: var(--color-white); font: inherit; color: var(--color-body); }
.hl-price-card { display: flex; flex-direction: column; align-items: flex-start; }
.hl-price-card:first-child { border-color: var(--color-primary); }
.hl-price-card h3 { font-size: var(--text-3xl); margin-bottom: var(--hl-space-md); }
.hl-price-card .hl-button { margin-top: auto; }
.hl-price-card .hl-checklist { margin-bottom: var(--hl-space-md); }
.hl-price-promoted { background: var(--gradient-brand-panel); border-color: transparent; }
.hl-operator { display: grid; grid-template-columns: 2fr 1fr; gap: var(--hl-space-lg); padding: var(--hl-space-md); border-radius: var(--radius-md); background: var(--color-blend); }
.hl-operator p { margin: 0; color: var(--color-muted); font-size: var(--text-base); }
.hl-operator-links { display: flex; flex-direction: column; align-items: flex-start; gap: var(--hl-space-xs); font-size: var(--text-base); }
.hl-operator-section { padding-top: var(--hl-space-lg); }

.hl-faq-layout { display: grid; grid-template-columns: 1fr 1.65fr; align-items: start; gap: var(--hl-space-lg); }
.hl-faq-layout .hl-section-heading { position: sticky; top: var(--hl-anchor-gap); margin: 0; padding: var(--hl-space-md); background: var(--gradient-brand-panel); border-radius: var(--radius-lg); overflow-wrap: anywhere; }
.hl-faq-item { margin-bottom: var(--hl-space-xs); border: thin solid var(--border-default); border-radius: var(--radius-md); }
.hl-faq-item[open] { border-color: var(--color-primary); }
.hl-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: var(--hl-space-sm); min-height: var(--h-big); padding: var(--hl-space-sm); cursor: pointer; color: var(--color-heading); font-size: var(--text-md); font-weight: var(--weight-bold); line-height: var(--leading-heading); list-style: none; }
.hl-faq-item summary::-webkit-details-marker { display: none; }
.hl-faq-item summary::after { content: '+'; flex-shrink: 0; color: var(--color-primary); font-size: var(--text-2xl); font-weight: var(--weight-regular); }
.hl-faq-item[open] summary::after { content: '−'; }
.hl-faq-answer { padding: 0 var(--hl-space-sm) var(--hl-space-sm); color: var(--color-muted); }
.hl-faq-answer > :last-child { margin-bottom: 0; }
.hl-faq-answer :is(ul, ol) { padding-left: var(--hl-space-md); }
.hl-final { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: 1.6fr 1fr; align-items: center; gap: var(--hl-space-lg); margin-block: var(--space-section); padding: var(--hl-space-lg); border-radius: var(--radius-xl); background: var(--color-primary); }
.hl-final::before { position: absolute; content: ''; right: 0; top: 0; bottom: 0; width: 40%; background: url('../../img/platforma/harant-symbol.svg') center / contain no-repeat; opacity: .1; filter: brightness(0) invert(1); z-index: -1; }
.hl-final h2, .hl-final .hl-eyebrow, .hl-final p:last-child { color: var(--color-white); }
.hl-final p:last-child { margin-bottom: 0; opacity: .85; }
.hl-final-actions { display: flex; flex-direction: column; align-items: center; gap: var(--hl-space-sm); }
.hl-final .hl-button { background: var(--color-white); color: var(--color-primary); border-color: var(--color-white); }
.hl-final .hl-button:hover { background: var(--color-bg-tint-purple); border-color: var(--color-bg-tint-purple); color: var(--color-primary); }
.hl-final .hl-text-link, .hl-final .hl-text-link:hover { color: var(--color-white); }

/* Шапка темы зависит от wp_is_mobile(): при сужении десктопного окна нужен запасной вариант. */
@media (max-width: 1124px) {
    body.page-template-templatetemplate-lending-php .main-header { display: none; }
    .hl-mobile-header { display: flex; align-items: center; justify-content: space-between; min-height: var(--header-nav-h); border-bottom: thin solid var(--border-default); gap: var(--hl-space-sm); }
    .hl-landing { --hl-anchor-gap: var(--hl-space-md); }
    body.page-template-templatetemplate-lending-php:has(.nav-menu__mobile) .main-header { display: block; }
    body.page-template-templatetemplate-lending-php:has(.nav-menu__mobile) .hl-mobile-header { display: none; }
    body.page-template-templatetemplate-lending-php:has(.nav-menu__mobile) .hl-landing { --hl-anchor-gap: calc(var(--header-nav-h) + var(--hl-space-md)); }
}
@media (max-width: 1024px) {
    .hl-hero { gap: var(--hl-space-md); }
    .hl-hero .hl-actions { align-items: flex-start; flex-direction: column; }
    .hl-hero-community { flex-wrap: wrap; }
    .hl-showcase { grid-template-columns: minmax(0, 1fr); }
    .hl-showcase-media { max-width: var(--max-width-text); width: 100%; margin-inline: auto; }
    .hl-people-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hl-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hl-final { grid-template-columns: minmax(0, 1fr); }
    .hl-final-actions { align-items: flex-start; }
}
@media (max-width: 767px) {
    .hl-hero { grid-template-columns: minmax(0, 1fr); padding-block: var(--hl-space-lg); gap: var(--hl-space-lg); }
    .hl-hero .hl-actions { flex-direction: row; align-items: center; }
    .hl-hero-community { flex-wrap: nowrap; }
    .hl-hero-visual { max-width: var(--max-width-text); }
    .hl-nav-scroll { gap: var(--hl-space-sm); }
    .hl-grid-three, .hl-grid-two, .hl-profile-search, .hl-operator, .hl-faq-layout, .hl-contact-strip { grid-template-columns: minmax(0, 1fr); }
    .hl-section { padding-top: var(--hl-space-lg); }
    .hl-section-heading { margin-bottom: var(--hl-space-md); }
    .hl-social-section { margin-top: var(--hl-space-lg); padding: var(--hl-space-md); }
    .hl-showcase { padding: var(--hl-space-md); gap: var(--hl-space-md); }
    .hl-visual-copy, .hl-visual-card > .hl-note { padding-inline: var(--hl-space-sm); }
    .hl-visual-media { margin-inline: var(--hl-space-sm); padding: var(--hl-space-sm); }
    .hl-zoom-label { opacity: 1; }
    .hl-faq-layout .hl-section-heading { position: static; }
    .hl-faq-layout, .hl-profile-search, .hl-operator { gap: var(--hl-space-md); }
    .hl-final { margin-block: var(--hl-space-lg); padding: var(--hl-space-md); gap: var(--hl-space-md); }
    .hl-final-actions, .hl-final-actions .hl-button { width: 100%; }
}
@media (max-width: 600px) {
    .hl-people-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 86%; overflow-x: auto; padding-bottom: var(--hl-space-sm); scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--color-primary-disabled) transparent; }
    .hl-person-card { scroll-snap-align: start; }
    .hl-swipe-hint { display: block; }
}
@media (max-width: 480px) {
    .hl-hero .hl-actions { align-items: stretch; flex-direction: column; }
    .hl-hero .hl-text-link { align-self: flex-start; }
    .hl-hero .hl-eyebrow { font-size: var(--text-xs); }
    .hl-hero-community { gap: var(--hl-space-xs); }
    .hl-avatar-stack img { width: var(--but-card-height); height: var(--but-card-height); }
    .hl-hero-community > span:last-child strong { font-size: var(--text-xs); }
    .hl-hero-stage { padding: var(--hl-space-sm); }
    .hl-hero-recommendation > img { width: var(--h-big); height: var(--h-big); }
    .hl-hero-recommendation strong { font-size: var(--text-base); }
    .hl-landing .hl-hero-recommendation { width: 100%; margin: calc(-1 * var(--hl-space-md)) 0 0; padding: var(--hl-space-xs); gap: var(--hl-space-xs); }
    .hl-stage-label { font-size: var(--text-xs); }
    .hl-steps { grid-template-columns: minmax(0, 1fr); }
    .hl-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0 var(--hl-space-sm); }
    .hl-steps .hl-number { grid-row: span 2; }
    .hl-price-card .hl-button, .hl-section-actions .hl-button { width: 100%; }
    .hl-stat-path { grid-template-columns: minmax(0, 1fr); padding-block: var(--hl-space-xs); }
    .hl-stat-path div { display: flex; align-items: baseline; gap: var(--hl-space-sm); }
    .hl-stat-path > span { transform: rotate(90deg); justify-self: start; }
    .hl-action-note { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
    .hl-landing a, .hl-zoom-label { transition: none; }
}