/* Общий вид собственных страниц работа-в-корее.рф (/stoimost, /vakansii):
   шапка поверх фото, секции, формы, подвал. Токены цвета — в kr.css. */
  html, body { margin: 0; background: #fff; }
  body { font-family: 'Inter', Arial, sans-serif; color: var(--kr-ink); -webkit-font-smoothing: antialiased; }
  a { color: inherit; }
  img { max-width: 100%; display: block; }
  .kr-ital { font-family: 'Inter', Arial, sans-serif; }

  /* шапка поверх фото — как на главной */
  .p-top { position: absolute; inset: 0 0 auto 0; z-index: 5; }
  .p-top .kr-wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 84px; }
  .p-logo img { width: 104px; height: auto; }
  .p-nav { display: flex; gap: 28px; font-size: 12px; }
  .p-nav a { color: #fff; text-decoration: none; opacity: .85; }
  .p-nav a:hover { opacity: 1; }

  .p-hero { position: relative; min-height: 640px; color: #fff; display: flex; align-items: flex-end;
    background: #1d1d1d url('/images/tild6633-6233-4035-a661-313462353436__image_2444_2_1_1.jpg') center/cover no-repeat; }
  .p-hero::before { content: ""; position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(20,20,24,.6) 0%, rgba(20,20,24,.45) 35%, rgba(20,20,24,.85) 60%, rgba(20,20,24,.95) 100%); }
  .p-hero .kr-wrap { position: relative; padding-top: 140px; padding-bottom: 56px; }
  .p-eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; opacity: .7; margin: 0 0 18px; }
  .p-hero .kr-ital { display: block; font-size: 44px; line-height: 54px; }
  .p-hero h1 { margin: 0; font-size: 72px; line-height: 72px; font-weight: 600; text-transform: uppercase; }
  .p-hero h1 em { font-style: normal; color: var(--kr-red); }
  .p-hero__sub { margin: 22px 0 36px; font-size: 16px; line-height: 24px; max-width: 520px; color: rgba(255,255,255,.85); }
  .p-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .p-fact { border: 1px solid rgba(255,255,255,.25); border-radius: 30px; padding: 20px 24px; backdrop-filter: blur(6px);
    background: rgba(255,255,255,.06); }
  .p-fact b { display: block; font-size: 28px; line-height: 32px; font-weight: 600; }
  .p-fact span { font-size: 13px; line-height: 19px; color: rgba(255,255,255,.8); }

  .p-sec { padding: 88px 0; }
  .p-sec--grey { background: var(--kr-card); border-radius: 40px 40px 0 0; }
  .p-sec--tight { padding-top: 0; }

  /* две половины цены */
  .p-split { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .p-half { border-radius: 30px; padding: 40px; background: #fff; }
  .p-half--kr { background: var(--kr-ink); color: #fff; }
  .p-half__where { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--kr-muted); margin: 0; }
  .p-half--kr .p-half__where { color: rgba(255,255,255,.6); }
  .p-half__sum { margin: 8px 0 4px; font-size: 64px; line-height: 64px; font-weight: 600; color: var(--kr-blue); }
  .p-half--kr .p-half__sum { color: #fff; }
  .p-half__when { margin: 0 0 28px; font-size: 14px; line-height: 21px; }
  .p-half--kr .p-half__when { color: rgba(255,255,255,.75); }
  .p-items { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--kr-line); }
  .p-half--kr .p-items { border-color: rgba(255,255,255,.18); }
  .p-items li { display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; padding: 18px 0;
    border-bottom: 1px solid var(--kr-line); }
  .p-half--kr .p-items li { border-color: rgba(255,255,255,.18); }
  .p-items b { font-size: 16px; line-height: 22px; font-weight: 600; }
  .p-items i { font-style: normal; font-size: 16px; line-height: 22px; font-weight: 600; color: var(--kr-blue); white-space: nowrap; }
  .p-half--kr .p-items i { color: #9fb3f0; }
  .p-items p { grid-column: 1 / -1; margin: 0; font-size: 13px; line-height: 20px; color: var(--kr-muted); }
  .p-half--kr .p-items p { color: rgba(255,255,255,.65); }

  /* как платить */
  .p-ways { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .p-way { background: #fff; border-radius: 30px; padding: 32px; }
  .p-way__n { font-size: 14px; color: var(--kr-blue); margin: 0 0 40px; }
  .p-way h3 { margin: 0 0 10px; font-size: 20px; line-height: 26px; font-weight: 600; text-transform: uppercase; }
  .p-way p { margin: 0; font-size: 14px; line-height: 21px; }
  .p-banks { display: flex; flex-wrap: wrap; gap: 14px 18px; align-items: center; margin-top: 20px; }
  .p-banks img { height: 20px; width: auto; }

  /* если что-то пошло не так */
  .p-cases { border-top: 1px solid var(--kr-line); }
  .p-case { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 24px; padding: 28px 0; border-bottom: 1px solid var(--kr-line); }
  .p-case h3 { margin: 0; font-size: 22px; line-height: 28px; font-weight: 600; text-transform: uppercase; }
  .p-case p { margin: 0; font-size: 15px; line-height: 23px; }
  .p-case p b { color: var(--kr-blue); font-weight: 600; }

  /* неудобные вопросы */
  .p-qa { border-top: 1px solid var(--kr-line); }
  .p-q { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 24px; padding: 28px 0; border-bottom: 1px solid var(--kr-line); }
  .p-q h3 { margin: 0; font-size: 22px; line-height: 28px; font-weight: 600; }
  .p-q h3::before { content: "«"; color: var(--kr-red); }
  .p-q h3::after { content: "»"; color: var(--kr-red); }
  .p-q p { margin: 0; font-size: 15px; line-height: 23px; }
  .p-q p b { font-weight: 600; }

  /* форма */
  .p-form-sec { background: var(--kr-ink); color: #fff; border-radius: 40px 40px 0 0; }
  .p-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
  .p-form-sec .kr-ital { display: block; font-size: 40px; line-height: 50px; }
  .p-form-sec .kr-h { font-size: 56px; line-height: 58px; }
  .p-form-sec .kr-lead { margin-top: 20px; color: rgba(255,255,255,.75); }
  .p-contacts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
  form.p-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .p-form label { display: block; }
  .p-form label.wide { grid-column: 1 / -1; }
  .p-form span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.6); margin: 0 0 6px 18px; }
  .p-form input, .p-form select { width: 100%; height: 52px; border-radius: 90px; border: 1px solid rgba(255,255,255,.25);
    background: rgba(255,255,255,.06); color: #fff; padding: 0 20px; font: inherit; font-size: 14px; outline: none; }
  .p-form select { appearance: none; -webkit-appearance: none; }
  .p-form select option { color: #2c2c2c; }
  .p-form input:focus, .p-form select:focus { border-color: #fff; }
  .p-form .kr-btn { grid-column: 1 / -1; height: 56px; font-size: 14px; border: 0; cursor: pointer; }
  .p-form__legal { grid-column: 1 / -1; margin: 4px 0 0; font-size: 11px; line-height: 16px; color: rgba(255,255,255,.5); }
  .p-form__legal a { color: rgba(255,255,255,.8); }
  .p-form__msg { grid-column: 1 / -1; margin: 0; padding: 18px 22px; border-radius: 24px; font-size: 14px; line-height: 21px; display: none; }
  .p-form__msg.ok { display: block; background: var(--kr-blue); }
  .p-form__msg.err { display: block; background: rgba(233,45,46,.18); border: 1px solid var(--kr-red); }

  .p-foot { background: var(--kr-ink); color: rgba(255,255,255,.55); font-size: 12px; line-height: 19px; padding: 0 0 40px; }
  .p-foot .kr-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;
    border-top: 1px solid rgba(255,255,255,.12); padding-top: 24px; }

  @media (max-width: 959px) {
    .p-nav { display: none; }
    .p-hero h1 { font-size: 52px; line-height: 54px; }
    .p-split, .p-ways, .p-form-grid { grid-template-columns: 1fr; }
  }
  @media (max-width: 639px) {
    .p-top .kr-wrap { height: 68px; }
    .p-hero { min-height: 0; }
    .p-hero .kr-wrap { padding-top: 110px; padding-bottom: 32px; }
    .p-hero .kr-ital { font-size: 26px; line-height: 32px; }
    .p-hero h1 { font-size: 36px; line-height: 40px; }
    .p-hero__sub { font-size: 14px; line-height: 21px; margin: 16px 0 24px; }
    .p-facts { grid-template-columns: 1fr; }
    .p-fact { padding: 16px 20px; }
    .p-fact b { font-size: 22px; line-height: 26px; }
    .p-sec { padding: 56px 0; }
    .p-half { padding: 28px 22px; }
    .p-half__sum { font-size: 48px; line-height: 50px; }
    .p-way { padding: 26px 22px; }
    .p-way__n { margin-bottom: 20px; }
    .p-case { grid-template-columns: 1fr; gap: 8px; padding: 22px 0; }
    .p-case h3 { font-size: 18px; line-height: 24px; }
    .p-q { grid-template-columns: 1fr; gap: 8px; padding: 22px 0; }
    .p-q h3 { font-size: 18px; line-height: 24px; }
    .p-form-sec .kr-ital { font-size: 26px; line-height: 32px; }
    .p-form-sec .kr-h { font-size: 36px; line-height: 40px; }
    form.p-form { grid-template-columns: 1fr; }
  }