/* Office chair massage: visual system aligned to the site's Types pages.
   Draft-only replacement. Old office-chair.css is kept as rollback. */
.mfh-office {
  --mfh-olive:#89966f; --mfh-ink:#2f2f2f; --mfh-muted:#6e6e73; --mfh-line:#e5e5e8;
  color:var(--mfh-ink); background:#fff;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:17px; line-height:1.55; overflow-x:clip;
}
.mfh-office *,.mfh-office *::before,.mfh-office *::after {box-sizing:border-box}
.mfh-office__wrap {width:min(1200px,calc(100% - 48px));margin-inline:auto}
.mfh-office h1,.mfh-office h2,.mfh-office h3,.mfh-office p {margin:0}
.mfh-office h1,.mfh-office h2,.mfh-office h3 {font-family:inherit;letter-spacing:-.025em}
.mfh-office h1 {font-size:clamp(42px,5vw,56px);font-weight:500;line-height:1.05}
.mfh-office h1 em {font:inherit;color:inherit}
.mfh-office h2 {font-size:clamp(36px,4.4vw,56px);line-height:1.05;font-weight:600;margin-bottom:25px}
.mfh-office h3 {font-size:25px;line-height:1.17;font-weight:600}
.mfh-office p {font-size:17px;line-height:1.62}
.mfh-office a {text-decoration:none}
.mfh-office__section {padding:100px 0}
.mfh-office section[id] {scroll-margin-top:100px}
.mfh-office__kicker,.mfh-office__eyebrow {display:block;margin:0 0 20px;color:var(--mfh-olive);font-size:13px!important;font-weight:600;line-height:1.3!important;letter-spacing:.04em;text-transform:uppercase}
.mfh-office__eyebrow span {display:none}

/* Same full-width photo hero pattern as single-types.php. */
.mfh-office .mfh-office__hero {
  position:relative;isolation:isolate;display:block;
  width:100%;min-height:min(930px,100vh);height:auto;
  padding:0;margin:0;background:#20211f;color:#fff;overflow:hidden;
}
.mfh-office__hero-grid {
  position:relative;display:flex;align-items:flex-end;justify-content:center;
  width:min(1200px,calc(100% - 48px));min-height:min(930px,100vh);
  padding:165px 0 72px;
}
.mfh-office__hero-visual {
  position:absolute;inset:0 auto 0 50%;transform:translateX(-50%);
  width:100vw;height:100%;min-height:0;z-index:0;overflow:hidden;
}
.mfh-office__hero-visual img {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center 42%;border-radius:0;box-shadow:none;
  filter:brightness(.78);display:block;
}
.mfh-office__hero-visual::after {
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.04) 35%,rgba(0,0,0,.46) 68%,rgba(0,0,0,.76) 100%);
}
.mfh-office__image-note {display:none}
.mfh-office__hero-copy {z-index:1;position:relative;max-width:1030px;margin:0 auto;text-align:center}
.mfh-office__hero .mfh-office__eyebrow {color:#f4f4f4;letter-spacing:.12em;margin-bottom:20px}
.mfh-office__hero h1 {color:#fff;max-width:1000px;margin:0 auto 22px;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.2)}
.mfh-office__lead {color:#fff!important;max-width:760px;margin:0 auto 30px!important;font-size:19px!important;line-height:1.46!important}
.mfh-office__hero-actions {display:flex;gap:13px;justify-content:center;align-items:center;flex-wrap:wrap}
.mfh-office__btn {
  display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;
  padding:14px 26px;border-radius:999px;border:1px solid var(--mfh-olive);
  font:500 15px/1.15 "SF Pro Text","Helvetica Neue",Arial,sans-serif;
  cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;
}
.mfh-office__btn--primary {background:var(--mfh-olive);color:#fff!important}
.mfh-office__btn--primary:hover,.mfh-office__btn--primary:focus-visible {background:#71805a;border-color:#71805a;color:#fff!important}
.mfh-office__btn--outline {color:#fff!important;border-color:rgba(255,255,255,.76);background:transparent}
.mfh-office__btn--outline:hover,.mfh-office__btn--outline:focus-visible {color:#2f2f2f!important;background:#fff}
.mfh-office__facts {
  display:flex;justify-content:center;gap:0;list-style:none!important;
  width:max-content;max-width:100%;padding:20px 0 0!important;margin:32px auto 0!important;
  border-top:1px solid rgba(255,255,255,.42);
}
.mfh-office__facts li {list-style:none!important;padding:0 24px!important;border-left:1px solid rgba(255,255,255,.32);text-align:center;color:white}
.mfh-office__facts li:first-child {border-left:0}
.mfh-office__facts strong {display:block;color:#fff;font-size:25px;font-weight:500;line-height:1.05}
.mfh-office__facts small {display:block;color:rgba(255,255,255,.85);font-size:12px;margin-top:6px}

/* Horizontal section navigation matches type-quicknav. */
.mfh-office__quicknav {padding:26px 0 0;background:#fff}
.mfh-office__quicknav-inner {display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mfh-office__quicknav-inner::-webkit-scrollbar {display:none}
.mfh-office__quicknav a {
  flex:0 0 auto;display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;
  border:1px solid rgba(47,47,47,.12);border-radius:999px;background:#f7f7f8;
  color:#2f2f2f;font-size:14px;line-height:1;white-space:nowrap;
}
.mfh-office__quicknav a:hover,.mfh-office__quicknav a:focus-visible {color:#fff;background:var(--mfh-olive);border-color:var(--mfh-olive)}

/* Content uses the site's white backgrounds, large headings and calm spacing. */
.mfh-office__intro-grid {display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start;margin-bottom:46px}
.mfh-office__intro-grid>div:last-child {padding-top:32px}
.mfh-office__intro-grid>div:last-child p {color:#555;margin-bottom:16px}
.mfh-office__benefits {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mfh-office__benefits>div {padding:30px 24px 24px;border:1px solid var(--mfh-line);border-radius:16px;background:#fff;min-width:0}
.mfh-office__benefit-icon {display:block;color:var(--mfh-olive);font-size:13px;font-weight:600;margin-bottom:28px}
.mfh-office__benefits h3 {font-size:21px;margin-bottom:13px}
.mfh-office__benefits p {color:var(--mfh-muted);font-size:15px;line-height:1.5}

.mfh-office__section--dark {background:#f7f7f8;color:var(--mfh-ink)}
.mfh-office__section--dark .mfh-office__kicker {color:var(--mfh-olive)}
.mfh-office__section--dark .mfh-office__section-head>p {color:var(--mfh-muted)}
.mfh-office__section-head {display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:38px}
.mfh-office__section-head h2 {max-width:750px;margin-bottom:0}
.mfh-office__section-head>p {max-width:320px;color:var(--mfh-muted);font-size:16px;margin-bottom:6px}
.mfh-office__packages {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.mfh-office__package {display:flex;flex-direction:column;min-width:0;min-height:425px;padding:28px 23px;background:#fff;border:1px solid #e0e0e3;border-radius:18px;color:var(--mfh-ink)}
.mfh-office__package--featured {border-color:var(--mfh-olive);box-shadow:0 0 0 1px var(--mfh-olive)}
.mfh-office__package-label {display:block;color:var(--mfh-olive);font-size:12px;line-height:1.3;font-weight:600;margin-bottom:30px}
.mfh-office__package h3 {font-size:24px;margin-bottom:16px}
.mfh-office__package>p {color:#6e6e73;font-size:15px;line-height:1.5;min-height:92px}
.mfh-office__package ul {list-style:none!important;margin:13px 0 20px!important;padding:0!important}
.mfh-office__package li {list-style:none!important;position:relative;padding:0 0 10px 18px!important;color:#525257;font-size:14px;line-height:1.45}
.mfh-office__package li::before {content:"";position:absolute;left:3px;top:5px;width:6px;height:10px;border-right:2px solid var(--mfh-olive);border-bottom:2px solid var(--mfh-olive);transform:rotate(45deg)}
.mfh-office__package-foot {display:flex;flex-direction:column;align-items:stretch;gap:17px;margin-top:auto;border-top:1px solid var(--mfh-line);padding-top:19px}
.mfh-office__package-foot strong {font-size:20px;font-weight:600;letter-spacing:-.02em}
.mfh-office__package-foot strong small {font-size:12px;font-weight:400}
.mfh-office__package-foot a {
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;
  border:1px solid var(--mfh-olive);border-radius:999px;background:var(--mfh-olive);
  color:#fff;font-size:13px;font-weight:600;line-height:1.2;text-align:center;
}
.mfh-office__package-foot a:hover {background:#71805a;border-color:#71805a}
/* Строгий шеврон вправо: единый стиль ссылок и кнопок без диагональной стрелки. */
.mfh-office__package-foot a,.mfh-office__text-link,.mfh-office__hero-actions .mfh-office__btn--primary,.mfh-office__form button.mfh-office__btn--primary {gap:6px}
.mfh-office__package-foot a::after,.mfh-office__text-link::after,.mfh-office__hero-actions .mfh-office__btn--primary::after,.mfh-office__form button.mfh-office__btn--primary::after {content:"";display:inline-block;flex:0 0 auto;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:0}
.mfh-office__price-note {color:#67676d;font-size:14px!important;line-height:1.6!important;max-width:930px;margin:24px 0 0!important}

.mfh-office__workflow {display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.mfh-office__workflow-picture {height:590px;min-width:0;overflow:hidden;border-radius:18px}
.mfh-office__workflow-picture img {display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.mfh-office__workflow-body ol {list-style:none!important;margin:28px 0!important;padding:0!important}
.mfh-office__workflow-body li {list-style:none!important;display:grid;grid-template-columns:30px 1fr;gap:17px;padding:16px 0!important;border-bottom:1px solid var(--mfh-line)}
.mfh-office__workflow-body li span {color:var(--mfh-olive);font-size:14px;font-weight:600;padding-top:3px}
.mfh-office__workflow-body li h3 {font-size:20px;margin-bottom:7px}
.mfh-office__workflow-body li p {color:#6e6e73;font-size:15px}
.mfh-office__text-link {display:inline-flex;align-items:center;border-bottom:1px solid var(--mfh-olive);padding-bottom:3px;color:#60744c;font-size:16px;font-weight:600}

.mfh-office__proof {background:#f7f7f8}
.mfh-office__proof-grid {display:grid;grid-template-columns:1.1fr .83fr;gap:10%;align-items:center}
.mfh-office__proof-grid>div:first-child>p:not(.mfh-office__kicker) {max-width:570px;color:#5a5a60}
.mfh-office__logos {display:flex;flex-wrap:wrap;gap:9px;margin:27px 0 16px}
.mfh-office__logos span {background:#fff;border:1px solid #e4e4e7;border-radius:999px;padding:11px 16px;font-size:15px;color:#3a3a3d}
.mfh-office__proof-grid small {color:#74747a;font-size:12px;line-height:1.5}
.mfh-office__founder {position:relative;overflow:hidden;min-height:455px;border-radius:18px;background:#ddd}
.mfh-office__founder img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.mfh-office__founder::after {content:"";position:absolute;inset:44% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.mfh-office__founder--photo::after {content:none}
.mfh-office__founder--photo img {object-position:58% center}
.mfh-office__founder>div {position:absolute;z-index:1;left:28px;right:28px;bottom:27px;color:white}
.mfh-office__founder strong {display:block;color:#fff;font-size:21px;margin-bottom:5px}
.mfh-office__founder span {color:#eee;font-size:13px}

.mfh-office__faq {background:#fff}
/* FAQ — тот же одноколоночный аккордеон, что в каталоге «Виды массажа». */
.mfh-office__faq-grid {display:block;max-width:1100px;border-top:1px solid #2f2f2f1a}
.mfh-office__faq details {padding:30px 15px;border-bottom:1px solid #2f2f2f1a}
.mfh-office__faq summary {display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;color:#2f2f2f;font-size:24px;line-height:1.15;font-weight:500}
.mfh-office__faq summary::marker {content:""}
.mfh-office__faq summary::-webkit-details-marker {display:none}
.mfh-office__faq summary::after {content:"";display:block;flex:0 0 24px;width:24px;height:24px;background:url('../img/arrow.svg') center no-repeat;transition:transform .25s ease}
.mfh-office__faq details[open] summary::after {transform:rotate(180deg)}
.mfh-office__faq details p {max-width:940px;margin:0;padding-top:20px;color:#2f2f2fb2;font-size:20px;line-height:1.55}

.mfh-office__request {background:#f7f7f8}
.mfh-office__request-grid {display:grid;grid-template-columns:.85fr 1fr;gap:10%;align-items:start}
.mfh-office__request-copy {padding-top:40px}
.mfh-office__request-copy>p:not(.mfh-office__kicker) {color:#66666b}
.mfh-office__contact-link {display:inline-block;color:#2f2f2f;font-size:27px;font-weight:600;margin-top:26px}
.mfh-office__contact-sub {font-size:14px!important;margin-top:5px!important}
.mfh-office__contact-sub a {color:#60744c;text-decoration:underline}
.mfh-office__form-shell {padding:34px 36px;background:#fff;border:1px solid #e0e0e3;border-radius:18px;box-shadow:none}
.mfh-office__form {display:grid;gap:17px}
.mfh-office__form>label,.mfh-office__form-row>label {display:block;color:#3e3e42;font-size:14px;font-weight:500}
.mfh-office__form label:not(.mfh-office__consent)>span {color:var(--mfh-olive)}
.mfh-office__form>label>input:not([type=checkbox]),.mfh-office__form>label>textarea,.mfh-office__form-row>label>input,.mfh-office__form-row>label>select {display:block;margin-top:7px}
.mfh-office__form-row {display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mfh-office__form input:not([type=checkbox]),.mfh-office__form textarea,.mfh-office__form select {
  width:100%;min-height:47px;padding:11px 14px;border:1px solid #d8d8dc;border-radius:10px;
  background:#fff;color:#2f2f2f;font:400 15px/1.3 "SF Pro Text","Helvetica Neue",Arial,sans-serif;
}
.mfh-office__form textarea {min-height:92px;resize:vertical}
.mfh-office__form select {appearance:none;-webkit-appearance:none;background-image:url('../img/arrow.svg');background-repeat:no-repeat;background-position:right 16px center;background-size:14px auto;padding-right:43px}
.mfh-office__form input:focus,.mfh-office__form textarea:focus,.mfh-office__form select:focus {outline:2px solid var(--mfh-olive);outline-offset:1px}
.mfh-office__consent {display:flex!important;align-items:start;gap:10px!important;color:#66666b!important;font-size:13px!important;font-weight:400!important;line-height:1.45}
.mfh-office__consent input {flex:0 0 auto;margin-top:3px;accent-color:var(--mfh-olive)}
.mfh-office__form button {width:100%;margin-top:3px}
.mfh-office__form>small {color:#6e6e73;font-size:12px}
.mfh-office__notice,.mfh-office__error {padding:14px 17px!important;margin:0 0 21px!important;border-radius:10px;font-size:15px!important}
.mfh-office__notice {color:#31542a;background:#e9f1e6}
.mfh-office__error {color:#7a3028;background:#f9e9e5}
.mfh-office__trap {position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

@media(max-width:1080px) {
  .mfh-office__packages {grid-template-columns:repeat(2,minmax(0,1fr))}
  .mfh-office__benefits {grid-template-columns:repeat(2,minmax(0,1fr))}
  .mfh-office__package {min-height:370px}
  .mfh-office__proof-grid {gap:5%}
}
@media(max-width:760px) {
  .mfh-office__wrap {width:calc(100% - 32px)}
  .mfh-office .mfh-office__hero,.mfh-office__hero-grid {min-height:710px}
  .mfh-office__hero-grid {width:calc(100% - 32px);padding:165px 0 42px}
  .mfh-office__hero-visual img {height:440px;object-position:58% 35%}
  .mfh-office__hero-visual::after {background:linear-gradient(180deg,rgba(32,33,31,.2) 0,rgba(32,33,31,.15) 140px,rgba(32,33,31,.85) 360px,#20211f 440px)}
  .mfh-office__hero h1 {font-size:clamp(38px,9.5vw,50px);line-height:1.05}
  .mfh-office__lead {font-size:16px!important;line-height:1.45!important}
  .mfh-office__hero .mfh-office__eyebrow {font-size:12px!important}
  .mfh-office__hero-actions {gap:10px}
  .mfh-office__hero-actions .mfh-office__btn {flex:1 1 220px}
  .mfh-office__facts {margin-top:25px!important;padding-top:18px!important}
  .mfh-office__facts li {padding:0 10px!important}
  .mfh-office__facts strong {font-size:21px}
  .mfh-office__facts small {font-size:11px;line-height:1.2}
  .mfh-office__section {padding:68px 0}
  .mfh-office h2 {font-size:clamp(34px,8vw,43px)}
  .mfh-office__quicknav {padding-top:18px}
  .mfh-office__intro-grid,.mfh-office__workflow,.mfh-office__proof-grid,.mfh-office__request-grid {grid-template-columns:1fr;gap:32px}
  .mfh-office__intro-grid {margin-bottom:25px}
  .mfh-office__intro-grid>div:last-child {padding-top:0}
  .mfh-office__section-head {display:block;margin-bottom:25px}
  .mfh-office__section-head>p {max-width:none;margin-top:19px}
  .mfh-office__packages {grid-template-columns:1fr}
  .mfh-office__package {min-height:0}
  .mfh-office__package>p {min-height:0}
  .mfh-office__workflow-picture {height:400px}
  .mfh-office__founder {min-height:430px}
  .mfh-office__faq details {padding:21px 0}
  .mfh-office__faq summary {font-size:18px;line-height:1.4}
  .mfh-office__faq details p {font-size:16px;padding-top:14px}
  .mfh-office__request-copy {padding-top:0}
  .mfh-office__form-shell {padding:25px 20px}
  .mfh-office__form-row {grid-template-columns:1fr}
}
@media(max-width:440px) {
  .mfh-office__benefits {grid-template-columns:1fr}
  .mfh-office .mfh-office__hero,.mfh-office__hero-grid {min-height:720px}
  .mfh-office__hero h1 {font-size:38px}
  .mfh-office__facts {flex-wrap:wrap;row-gap:16px}
  .mfh-office__facts li {padding:0 8px!important}
  .mfh-office__facts li:last-child {flex-basis:100%;border-left:0}
  .mfh-office__facts strong {font-size:19px}
  .mfh-office__facts li:last-child strong {font-size:17px}
}
@media(prefers-reduced-motion:reduce) {.mfh-office__btn {transition:none}}