/* =====================================================================
 * п.408-413 (комплект metro-site-layouts-and-tz 2.0 от 28.09.2026): меню «О компании»
 * в шапке компьютера, общий блок связи, форма обратного звонка, блок собственника,
 * страницы «О компании», «Контакты», «Карьера». Разметка - include/site/*.php,
 * поведение - js/site-pages.js. Всё внутри .ysp (и .ysp-form, .ysp-pick, .ymdh-sub),
 * глобальных правил нет. Цвета комплекта: #07183F, #E7182C (акцент арендатора),
 * #F3F5F9, #DFE5EF. Подключается в header.php после ui/catalog-cards.css.
 * ===================================================================== */

.ysp, .ysp-form, .ysp-pick, .ymdh-sub {
    --sp-ink: #07183f; --sp-muted: #69778b; --sp-soft: #f3f5f9; --sp-line: #dfe5ef; --sp-red: var(--tenant-accent, #e7182c);
    color: var(--sp-ink); font-size: 14px; line-height: 1.45;
}
.ysp *, .ysp-form *, .ysp-pick * { box-sizing: border-box; }
.ysp h1, .ysp h2, .ysp h3, .ysp p, .ysp dl, .ysp dd, .ysp figure, .ysp ul { margin: 0; padding: 0; }
.ysp ul { list-style: none; }
.ysp a { color: inherit; text-decoration: none; }
.ysp svg, .ysp-form svg, .ysp-pick svg { width: 17px; height: 17px; flex: none; }
.ysp img { display: block; max-width: 100%; }
.ysp-eyebrow { display: block; margin-bottom: 10px; font-size: 12px; font-weight: 500; color: var(--sp-muted); }
.ysp-muted { font-size: 13px; color: var(--sp-muted); }
.ysp-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: #fff3f4; color: var(--sp-red); }
.ysp-icon svg { width: 21px; height: 21px; }
.ysp-h2 { font-size: 25px; line-height: 1.2; letter-spacing: -.6px; font-weight: 700; }
.ysp-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 22px; }
.ysp-head > a { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
.ysp-head > a:hover { color: var(--sp-red); }
.ysp-section { padding: 24px 0; }

/* кнопки */
.ysp .ysp-btn, .ysp-form .ysp-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 16px;
    border: 1px solid var(--sp-line); border-radius: 10px; background: #fff; color: var(--sp-ink);
    font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; white-space: nowrap; text-decoration: none; cursor: pointer;
}
.ysp .ysp-btn:hover, .ysp-form .ysp-btn:hover { border-color: var(--sp-ink); color: var(--sp-ink); }
.ysp .ysp-btn--red, .ysp-form .ysp-btn--red { border-color: var(--sp-red); background: var(--sp-red); color: #fff; }
.ysp .ysp-btn--red:hover, .ysp-form .ysp-btn--red:hover { border-color: #b8101f; background: #b8101f; color: #fff; }
.ysp .ysp-btn[disabled], .ysp-form .ysp-btn[disabled] { opacity: .7; cursor: default; }
.ysp .ysp-btn--wide, .ysp-form .ysp-btn--wide { width: 100%; }
.ysp .ysp-btn.is-done { border-color: #1a9d5c; color: #1a9d5c; background: #eafff3; }
.ysp a:focus-visible, .ysp button:focus-visible, .ysp-form :focus-visible, .ysp-pick button:focus-visible, .ymdh-sub a:focus-visible { outline: 2px solid #315eab; outline-offset: 2px; }

/* переключатель (способ связи, цель, города) */
.ysp-seg { display: flex; gap: 3px; padding: 4px; border-radius: 10px; background: #e9edf4; }
.ysp .ysp-seg button, .ysp-form .ysp-seg button { flex: 1; min-height: 40px; padding: 8px 12px; border: 0; border-radius: 8px; background: none; color: var(--sp-muted); font: inherit; font-size: 13px; white-space: nowrap; cursor: pointer; }
.ysp .ysp-seg button[aria-pressed="true"], .ysp-form .ysp-seg button[aria-pressed="true"] { background: #fff; color: var(--sp-ink); font-weight: 600; box-shadow: 0 1px 5px rgba(7,24,63,.07); }

/* формы */
.ysp-form { display: block; }
.ysp-form label, .ysp-form .ysp-label { display: block; margin: 15px 0 7px; font-size: 12px; font-weight: 600; color: var(--sp-ink); }
.ysp-form input:not([type=checkbox]):not([type=hidden]), .ysp-form textarea {
    display: block; width: 100%; padding: 11px 12px; border: 1px solid #c7d0df; border-radius: 9px; background: #fff;
    color: var(--sp-ink); font: inherit; font-size: 16px; line-height: 1.4; box-shadow: none;
}
.ysp-form textarea { min-height: 80px; resize: vertical; }
.ysp-form input:focus, .ysp-form textarea:focus { border-color: var(--sp-ink); outline: none; box-shadow: 0 0 0 2px rgba(7,24,63,.08); }
.ysp-form [aria-invalid="true"] { border-color: #c0162c !important; }
.ysp-form .ysp-consent { display: flex; align-items: flex-start; gap: 9px; margin: 16px 0 0; font-size: 12px; font-weight: 400; line-height: 1.5; color: var(--sp-muted); cursor: pointer; }
.ysp-form .ysp-consent input { flex: none; width: 17px; height: 17px; margin: 1px 0 0; accent-color: var(--sp-ink); }
.ysp-form .ysp-consent a { color: var(--sp-ink); text-decoration: underline; }
.ysp-form .ysp-btn { margin-top: 16px; }
.ysp-err { margin: 5px 0 0; font-size: 12px; line-height: 1.4; color: #c0162c; }
.ysp-err:empty { display: none; }
.ysp-status { margin: 10px 0 0; font-size: 13px; line-height: 1.5; }
.ysp-status:empty { display: none; }
.ysp-status.is-error { padding: 10px 12px; border-radius: 9px; background: #fff3f4; color: #8f1020; }
.ysp-status a { color: inherit; font-weight: 600; text-decoration: underline; }
.ysp-select { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 46px; padding: 11px 12px; border: 1px solid #c7d0df; border-radius: 9px; background: #fff; color: var(--sp-ink); font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
.ysp-select[aria-expanded="true"] svg { transform: rotate(180deg); }
.ysp-form.is-sent > :not(.ysp-done):not(img):not(h3) { display: none !important; }
.ysp-done { display: flex; align-items: flex-start; gap: 10px; margin-top: 14px; padding: 14px; border-radius: 12px; background: #eafff3; color: #0f5c35; font-size: 14px; line-height: 1.5; outline: none; }
.ysp-done svg { width: 20px; height: 20px; color: #1a9d5c; }
.ysp-copybox { display: block; width: 100%; margin-top: 10px; padding: 9px 11px; border: 1px solid var(--sp-line); border-radius: 8px; font: inherit; font-size: 14px; }

/* окно выбора (тип объекта) */
.ysp-pick { position: fixed; z-index: 10070; max-height: min(70vh, 420px); overflow: auto; padding: 8px; border: 1px solid var(--sp-line); border-radius: 14px; background: #fff; box-shadow: 0 16px 48px rgba(7,24,63,.18); }
.ysp-pick__t { margin: 6px 10px 6px; font-size: 13px; font-weight: 600; color: var(--sp-muted); }
.ysp-pick button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 42px; padding: 10px; border: 0; border-radius: 8px; background: #fff; color: var(--sp-ink); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.ysp-pick button:hover { background: var(--sp-soft); }
.ysp-pick button[aria-checked="true"] { background: #eef2f8; font-weight: 600; }
.ysp-pick button svg { margin-left: auto; color: var(--sp-red); }

/* окно «Связаться»: форма обратного звонка */
.yhc-lead { margin: 4px 0 2px; font-size: 13px; line-height: 1.6; color: #69778b; }
.yhc-dlg .ysp-form label:first-child { margin-top: 12px; }

/* ---------- 05. блок связи ---------- */
.ysp-cb { display: grid; grid-template-columns: 1fr 1.2fr; gap: 64px; max-width: 1128px; margin: 32px auto; padding: 33px; border: 1px solid var(--sp-line); border-radius: 18px; background: var(--sp-soft); }
.ysp-cb h2 { margin: 20px 0 14px; font-size: 27px; line-height: 1.2; letter-spacing: -.5px; font-weight: 700; }
.ysp-cb__info > p { font-size: 14px; line-height: 1.7; color: var(--sp-muted); }
.ysp-cb__call { display: flex; flex-direction: column; gap: 6px; margin-top: 28px; }
.ysp-cb__call span, .ysp-cb__call small { font-size: 12px; color: var(--sp-muted); }
.ysp-cb__call a { font-size: 20px; font-weight: 700; }
.ysp-cb__pane { padding-top: 20px; }
.ysp-cb__pane h3 { margin: 12px 0; font-size: 18px; font-weight: 700; }
.ysp-cb__pane > p { font-size: 14px; line-height: 1.7; color: var(--sp-muted); }
.ysp-cb__pane > .ysp-btn { margin-top: 22px; width: 100%; }
.ysp-cb__pane > small { display: block; margin-top: 12px; font-size: 11px; color: var(--sp-muted); }
.ysp-cb__pane .ysp-form label:first-child { margin-top: 0; }

/* ---------- 02. собственник (#owner на главной) ---------- */
.ysp-owner { margin: 24px 0 0; scroll-margin-top: 170px; }
.ysp-owner__top { display: grid; grid-template-columns: 1.35fr 1fr; gap: 70px; align-items: start; padding: 24px 0; }
.ysp-owner__lead { padding-top: 45px; }
.ysp-owner__lead h2 { font-size: 40px; line-height: 1.1; letter-spacing: -1.2px; font-weight: 700; }
.ysp-lead { margin-top: 20px; max-width: 650px; font-size: 17px; line-height: 1.65; color: var(--sp-muted); }
.ysp-benefits { display: grid; gap: 18px; margin-top: 26px; font-size: 14px; }
.ysp-benefits li { display: flex; align-items: center; gap: 12px; }
.ysp-benefits svg { color: var(--sp-red); width: 19px; height: 19px; }
.ysp-owner__form { padding: 26px; border: 1px solid var(--sp-line); border-radius: 17px; background: var(--sp-soft); }
.ysp-owner__form h3 { margin: 10px 0 24px; font-size: 23px; font-weight: 700; }
.ysp-owner__art { float: right; width: 100px; height: 57px; margin-top: -8px; }
.ysp-owner__form > small { display: block; margin-top: 12px; font-size: 12px; line-height: 1.5; color: var(--sp-muted); }
.ysp-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 24px 0 8px; }
.ysp-steps article { padding: 20px 0; border-top: 1px solid var(--sp-line); }
.ysp-steps article > span { font-size: 12px; color: var(--sp-red); }
.ysp-steps h3 { margin: 12px 0 10px; font-size: 17px; font-weight: 700; }
.ysp-steps p { font-size: 14px; line-height: 1.65; color: var(--sp-muted); }
.ysp-steps--lg h3 { font-size: 20px; }
.ysp-steps--lg p { font-size: 15px; }
.ysp-cards2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 16px 0 24px; }
.ysp-cards2 article { padding: 24px; border: 1px solid var(--sp-line); border-radius: 14px; }
.ysp-cards2 h3 { margin: 4px 0 10px; font-size: 19px; font-weight: 700; }
.ysp-cards2 p { font-size: 14px; line-height: 1.65; color: var(--sp-muted); }
.ysp-cards2 a { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-size: 13px; font-weight: 700; }
.ysp-cards2 a:hover { color: var(--sp-red); }

/* ---------- страницы: общее ---------- */
/* по линии шапки компьютера: 1200 px с полями 36 */
.ysp-page { max-width: 1128px; margin: 0 auto; padding: 0 0 40px; }
.ysp-page .breadcrumbs { margin-bottom: 8px; }
.ysp-title { padding: 30px 0 26px; }
.ysp-title h1, .ysp-career__hero h1 { font-size: 43px; line-height: 1.1; letter-spacing: -1.3px; font-weight: 700; color: var(--sp-ink); }
.ysp-title > p { max-width: 650px; margin-top: 20px; font-size: 17px; line-height: 1.65; color: var(--sp-muted); }
.ysp-help { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 30px 0; padding: 30px; border-radius: 17px; background: #07183f; color: #fff; }
.ysp-help h2 { font-size: 25px; letter-spacing: -.6px; font-weight: 700; color: #fff; }
.ysp-help p { margin-top: 10px; font-size: 14px; line-height: 1.6; color: #cbd5e6; }
.ysp-help .ysp-btn { flex: none; }

/* ---------- 03. О компании ---------- */
.ysp-about__hero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 70px; align-items: center; padding-bottom: 30px; }
.ysp-about__hero .ysp-title { padding-bottom: 24px; }
.ysp-team { margin-top: 30px; padding: 27px; border: 1px solid var(--sp-line); border-radius: 20px; background: var(--sp-soft); }
.ysp-team__core { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 20px 0; padding: 24px; border-radius: 15px; background: #07183f; color: #fff; font-size: 15px; }
.ysp-team__core svg { color: #ff8d98; }
.ysp-team__roles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ysp-team__roles span { display: flex; align-items: center; gap: 12px; padding: 16px 12px; border: 1px solid var(--sp-line); border-radius: 10px; background: #fff; font-size: 13px; }
.ysp-team__roles svg { color: var(--sp-red); width: 19px; height: 19px; }
.ysp-team > p { margin-top: 18px; font-size: 12px; line-height: 1.6; color: var(--sp-muted); }
.ysp-geo { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; margin: 16px 0 32px; padding: 32px; border-radius: 17px; background: var(--sp-soft); }
.ysp-geo h2 { font-size: 26px; font-weight: 700; }
.ysp-geo p { margin: 14px 0 22px; font-size: 14px; line-height: 1.7; color: var(--sp-muted); }
.ysp-geo__cities { display: grid; gap: 10px; align-content: start; }
.ysp-geo__cities a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 17px; border: 1px solid var(--sp-line); border-radius: 10px; background: #fff; font-size: 17px; font-weight: 700; }
.ysp-geo__cities a:hover { border-color: var(--sp-ink); }
.ysp-geo__cities span { font-size: 12px; font-weight: 400; color: var(--sp-muted); }
.ysp-careerblock { display: grid; grid-template-columns: 1fr 1fr; margin: 32px 0; overflow: hidden; border-radius: 18px; background: var(--sp-soft); }
.ysp-careerblock img { width: 100%; height: 100%; min-height: 300px; max-height: 360px; object-fit: cover; object-position: center 30%; }
.ysp-careerblock > div { align-self: center; padding: 34px; }
.ysp-careerblock h2 { margin: 10px 0 16px; font-size: 30px; font-weight: 700; }
.ysp-careerblock p { font-size: 15px; line-height: 1.65; color: var(--sp-muted); }
.ysp-careerblock .ysp-btn { margin-top: 20px; }
.ysp-details { display: grid; grid-template-columns: 1.3fr 1fr; gap: 60px; margin: 28px 0 0; padding: 28px; border: 1px solid var(--sp-line); border-radius: 15px; background: #f7f8fb; scroll-margin-top: 170px; }
.ysp-details h2 { margin: 10px 0; font-size: 23px; font-weight: 700; }
.ysp-details p { font-size: 14px; line-height: 1.7; color: var(--sp-muted); }
.ysp-details h3 { margin-bottom: 10px; font-size: 14px; font-weight: 700; }
.ysp-details a { display: block; margin: 10px 0; font-size: 14px; }
.ysp-details a.ysp-btn { display: inline-flex; margin-bottom: 0; }

/* ---------- 04. Контакты ---------- */
.ysp-seg--cities { max-width: 680px; margin: 0 0 16px; padding: 5px; gap: 5px; background: #f1f3f8; }
.ysp .ysp-seg--cities button { min-height: 50px; font-size: 17px; font-weight: 600; }
.ysp .ysp-seg--cities button[aria-pressed="true"] { background: #07183f; color: #fff; box-shadow: none; }
.ysp-offices { padding: 24px 0; }
.ysp-offices__grid { display: grid; grid-template-columns: 1fr 1.25fr; gap: 20px; align-items: start; }
.ysp-offices__list { display: grid; gap: 8px; }
.ysp .ysp-offices__list button { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 60px; padding: 15px 17px; border: 1px solid var(--sp-line); border-radius: 11px; background: #fff; color: var(--sp-ink); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.ysp .ysp-offices__list button[hidden] { display: none; }
.ysp .ysp-offices__list button:hover { border-color: #b4c0d3; }
.ysp .ysp-offices__list button[aria-pressed="true"] { border-color: #07183f; background: var(--sp-soft); box-shadow: inset 3px 0 #07183f; }
.ysp-office { padding: 29px; border: 1px solid var(--sp-line); border-radius: 16px; background: var(--sp-soft); }
.ysp-office h3 { margin: 12px 0 18px; font-size: 24px; line-height: 1.25; font-weight: 700; }
.ysp-office dt { margin-top: 14px; font-size: 11px; color: var(--sp-muted); }
.ysp-office dd { margin: 5px 0; font-size: 15px; line-height: 1.7; }
.ysp-office dd a:hover { color: var(--sp-red); }
.ysp-office__act { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px; }
.ysp-office > small { display: block; margin-top: 15px; font-size: 11px; color: var(--sp-muted); }
.ysp-offices__grid.is-single { display: block; }
.ysp-offices__grid.is-single .ysp-offices__list { display: none; }
.ysp-offices__grid.is-single .ysp-office { display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: auto auto auto 1fr auto; column-gap: 50px; align-items: start; }
.ysp-offices__grid.is-single .ysp-office > .ysp-eyebrow { grid-column: 1; grid-row: 1; }
.ysp-offices__grid.is-single .ysp-office > .ysp-icon { grid-column: 1; grid-row: 2; margin-top: 12px; }
.ysp-offices__grid.is-single .ysp-office > h3 { grid-column: 1; grid-row: 3; margin-bottom: 0; }
.ysp-offices__grid.is-single .ysp-office > dl { grid-column: 2; grid-row: 1 / 6; padding-left: 35px; border-left: 1px solid #d4ddea; }
.ysp-offices__grid.is-single .ysp-office > .ysp-office__act { grid-column: 1; grid-row: 4; }
.ysp-offices__grid.is-single .ysp-office > small { grid-column: 1; grid-row: 5; }
.ysp-online { display: flex; align-items: center; gap: 12px; margin: 22px 0 5px; padding: 25px; border: 1px solid var(--sp-line); border-radius: 14px; }
.ysp-online > div { margin-right: auto; }
.ysp-online h2 { font-size: 21px; font-weight: 700; }
.ysp-online p { margin-top: 8px; font-size: 13px; color: var(--sp-muted); }

/* ---------- 07. Карьера ---------- */
.ysp-career__hero { display: grid; grid-template-columns: 1fr 1.15fr; gap: 44px; align-items: center; margin: 24px 0 56px; }
.ysp-career__hero h1 { margin: 14px 0 22px; font-size: 42px; }
.ysp-career__hero p { margin-bottom: 25px; font-size: 17px; line-height: 1.6; color: #63718a; }
.ysp-career__hero img { width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: cover; border-radius: 18px; }
.ysp-career__acts { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; }
.ysp-career__acts .ysp-btn { min-height: 46px; padding: 12px 18px; }
.ysp-career__acts svg { width: 16px; height: 16px; }
#career-support, #career-form { scroll-margin-top: 170px; }
.ysp-career__story { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; margin: 40px 0; }
.ysp-career__story img { width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: cover; border-radius: 16px; }
.ysp-career__story h2 { margin: 12px 0 20px; font-size: 30px; line-height: 1.2; font-weight: 700; }
.ysp-career__story p { font-size: 15px; line-height: 1.65; color: #63718a; }
.ysp-career__story .ysp-career__pay { margin-top: 24px; padding: 2px 0 2px 18px; border-left: 2px solid var(--sp-red); color: var(--sp-ink); }
.ysp-career__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 40px 0; }
.ysp-career__pair img { width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: cover; border-radius: 14px; }
.ysp-career__pair figcaption { margin-top: 13px; font-size: 14px; font-weight: 600; }
.ysp-career__apply { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; margin: 40px 0; padding: 36px; border: 1px solid var(--sp-line); border-radius: 18px; background: var(--sp-soft); }
.ysp-career__apply h2 { margin: 12px 0; font-size: 32px; line-height: 1.2; font-weight: 700; }
.ysp-career__apply p { margin: 12px 0; font-size: 15px; line-height: 1.65; color: #63718a; }
.ysp-career__apply .ysp-career__cities { color: var(--sp-ink); font-weight: 600; }
.ysp-career__apply > div > a { font-size: 14px; font-weight: 600; }
.ysp-career__apply > div > a:hover { color: var(--sp-red); }
.ysp-career__apply .ysp-form label:first-child { margin-top: 0; }

/* ---------- 01. меню «О компании» в шапке компьютера ---------- */
.ymdh .ymdh-nav .ymdh-subbtn { display: inline-flex; align-items: center; gap: 6px; min-height: 55px; padding: 0; border: 0; background: none; font-size: 14px; color: var(--dh-ink, #07183f); white-space: nowrap; cursor: pointer; }
.ymdh .ymdh-nav .ymdh-subbtn svg { width: 13px; height: 13px; transition: transform .15s; }
.ymdh .ymdh-nav .ymdh-subbtn[aria-expanded="true"] svg { transform: rotate(180deg); }
.ymdh .ymdh-nav .ymdh-subbtn:hover { color: var(--dh-red, #e7182c); }
.ymdh .ymdh-nav .ymdh-subbtn.is-current { box-shadow: inset 0 -2px 0 var(--dh-red, #e7182c); color: var(--dh-red, #e7182c); }
.ymdh-sub { position: fixed; z-index: 1000; width: 270px; max-width: calc(100vw - 24px); padding: 7px; border: 1px solid #dfe5ef; border-radius: 12px; background: #fff; box-shadow: 0 12px 36px rgba(7,24,63,.11); }
.ymdh-sub[hidden] { display: none; }
.ymdh-sub a { display: block; padding: 14px 13px; border-radius: 7px; color: #07183f; text-decoration: none; }
.ymdh-sub a + a { margin-top: 3px; }
.ymdh-sub a:hover, .ymdh-sub a:focus-visible, .ymdh-sub a[aria-current="page"] { background: #f3f5f9; }
.ymdh-sub a[aria-current="page"] strong { color: var(--tenant-accent, #e7182c); }
.ymdh-sub strong { display: block; font-size: 14px; font-weight: 600; line-height: 1.3; }
.ymdh-sub span { display: block; margin-top: 5px; font-size: 12px; line-height: 1.4; color: #63718a; }

/* ---------- адаптив ---------- */
@media (max-width: 1023px) {
    .ysp-owner__top, .ysp-about__hero, .ysp-career__hero { gap: 36px; }
    .ysp-cb { gap: 36px; }
}
@media (max-width: 767px) {
    .ysp-h2 { font-size: 22px; }
    .ysp-head { display: block; }
    .ysp-head > a { margin-top: 10px; }
    .ysp-title { padding: 18px 0 18px; }
    .ysp-title h1, .ysp-career__hero h1 { font-size: 32px; }
    .ysp-title > p, .ysp-lead { font-size: 15px; margin-top: 14px; }
    .ysp-cb, .ysp-owner__top, .ysp-about__hero, .ysp-geo, .ysp-careerblock, .ysp-details, .ysp-offices__grid, .ysp-career__hero, .ysp-career__story, .ysp-career__pair, .ysp-career__apply, .ysp-cards2, .ysp-steps { grid-template-columns: 1fr; gap: 20px; }
    .ysp-cb { padding: 22px; margin: 24px 0; }
    .ysp-cb h2 { font-size: 23px; }
    .ysp .ysp-seg button { padding: 10px 6px; font-size: 13px; }
    .ysp .ysp-seg--cities button { font-size: 15px; min-height: 46px; }
    .ysp-owner__lead { padding-top: 0; }
    .ysp-owner__lead h2 { font-size: 30px; }
    .ysp-owner__form { padding: 20px; }
    .ysp-steps { gap: 0; }
    .ysp-team__roles { grid-template-columns: 1fr; }
    .ysp-geo, .ysp-careerblock > div, .ysp-details, .ysp-career__apply { padding: 22px; }
    .ysp-careerblock { gap: 0; }
    .ysp-careerblock img { min-height: 0; max-height: none; aspect-ratio: 3 / 2; height: auto; }
    .ysp-help { display: block; padding: 22px; }
    .ysp-help .ysp-btn { width: 100%; margin-top: 18px; }
    .ysp-offices__list { max-height: 260px; overflow: auto; }
    .ysp-office { padding: 22px; }
    .ysp-office h3 { font-size: 21px; }
    .ysp-offices__grid.is-single .ysp-office { display: block; }
    .ysp-offices__grid.is-single .ysp-office > dl { padding-left: 0; border-left: 0; }
    .ysp-online { flex-direction: column; align-items: stretch; padding: 22px; }
    .ysp-online > div { margin: 0 0 8px; }
    .ysp-career__hero { margin: 12px 0 36px; }
    .ysp-career__acts { display: grid; grid-template-columns: 1fr; }
    .ysp-career__acts .ysp-btn { width: 100%; }
    .ysp-career__story h2, .ysp-career__apply h2 { font-size: 26px; }
}

/* п.428 (Сергей 29.09, архив metro-owner-spacing-fix-2026-09-29): отступы блока «Для собственников»
   на главной - 26 px между заголовком и описанием, 34 px перед списком, 21 px между пунктами,
   описание двумя абзацами с ограниченной длиной строки, без точек перед значками; на телефоне свои
   интервалы. Только внутри #owner.ysp-owner, форма и заявки не меняются. */
#owner.ysp-owner .ysp-owner__lead{min-width:0;max-width:535px;padding-top:36px}
#owner.ysp-owner .ysp-owner__lead>.ysp-eyebrow{display:block;margin:0 0 17px;line-height:1.5}
#owner.ysp-owner .ysp-owner__lead>#ysp-owner-h{margin:0 0 26px;line-height:1.14}
#owner.ysp-owner .ysp-owner__lead>.ysp-lead{max-width:520px;margin:0;font-size:17px;line-height:1.8}
#owner.ysp-owner .ysp-owner__lead>.ysp-lead>p{margin:0;font:inherit;color:inherit;line-height:inherit}
#owner.ysp-owner .ysp-owner__lead>.ysp-lead>p+p{margin-top:9px}
#owner.ysp-owner .ysp-owner__lead>.ysp-benefits{display:grid;gap:21px;margin:34px 0 0;padding:0;list-style:none}
#owner.ysp-owner .ysp-owner__lead>.ysp-benefits>li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:14px;min-height:25px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.7}
#owner.ysp-owner .ysp-owner__lead>.ysp-benefits>li::before,#owner.ysp-owner .ysp-owner__lead>.ysp-benefits>li::after{content:none;display:none}
#owner.ysp-owner .ysp-owner__lead>.ysp-benefits>li::marker{content:""}
#owner.ysp-owner .ysp-owner__lead>.ysp-benefits>li>svg{width:21px;height:21px;margin-top:2px;flex-shrink:0}
@media(max-width:767px){
 #owner.ysp-owner .ysp-owner__lead{max-width:none;padding-top:0}
 #owner.ysp-owner .ysp-owner__lead>.ysp-eyebrow{margin-bottom:13px}
 #owner.ysp-owner .ysp-owner__lead>#ysp-owner-h{margin-bottom:22px;line-height:1.16}
 #owner.ysp-owner .ysp-owner__lead>.ysp-lead{font-size:15px;line-height:1.8}
 #owner.ysp-owner .ysp-owner__lead>.ysp-benefits{margin-top:28px;gap:19px}
 #owner.ysp-owner .ysp-owner__lead>.ysp-benefits>li{gap:12px;font-size:13px;line-height:1.65}
}