/* Бронь гостя, шаги 1 и 2. */
.b-hero { position: relative; height: 216px; overflow: hidden; }
.b-hero img { display: block; width: 100%; height: 100%; object-fit: cover; }
.b-fade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 115px, var(--fade-25) 140px, var(--fade-50) 164px, var(--fade-75) 188px, var(--bg) 213px); }
.is-s2 .b-hero { height: 286px; }
.is-s2 .b-fade { background: linear-gradient(180deg, transparent 185px, var(--fade-25) 210px, var(--fade-50) 234px, var(--fade-75) 258px, var(--bg) 283px); }
.b-head { position: relative; display: flex; align-items: flex-start; margin-top: -4px; padding: 0 16px; }
.is-s2 .b-head { padding-left: 20px; }
.b-head h1 { font-size: 23.5px; font-weight: 800; letter-spacing: -.02em; line-height: 28px; color: var(--ink); }
.is-s2 .b-head h1 { margin-left: -1.500px; }
.b-head p { margin-top: 10px; color: var(--ink-sub); font-size: 15.5px; }
.b-rate { display: flex; align-items: center; gap: 6px; margin-left: auto; padding: 8px 4px 0 0; font-size: 17px; font-weight: 700; }
.b-steps { display: flex; align-items: center; gap: 12px; margin-top: 19.5px; padding: 0 16px; font-size: 13.5px; color: var(--ink-row); }
.b-steps i { flex: 1; height: 5px; border-radius: 3px; background: var(--line-4); }
.b-steps i.on { background: var(--tab-line-2); }
.b-title { margin: 22px 16px 0; color: var(--ink-title); font-size: 19px; font-weight: 800; line-height: 26px; }
.b-title2 { margin: 24.5px 15px 0; color: var(--ink-title); font-size: 23.5px; font-weight: 800; line-height: 30px; letter-spacing: -.01em; }
.b-fields { display: grid; gap: 10px; margin: 18px 16px 0; }
.b-pick { display: flex; align-items: center; width: 100%; height: 64px; padding: 0 24px 0 22px; border: 1px solid var(--line-5); border-radius: 32px; }
.b-pick > svg:first-child { margin-right: 21px; }
.b-pick small { display: block; color: var(--ink-2); font-size: 12.5px; line-height: 20px; }
.b-pick b { color: var(--ink-value); display: block; font-size: 16.5px; font-weight: 700; line-height: 24px; }
.b-down { margin-left: auto; }
.b-note { display: flex; align-items: center; gap: 12px; height: 53px; margin: 14px 16px 0; padding: 0 16px; border: 1px solid var(--line); border-radius: 27px; font-size: 13px; color: var(--ink-row); }
.b-note svg { color: var(--accent-soft); }
.b-note--two { height: 69px; margin-top: 10px; padding-left: 42px; line-height: 19px; }
.b-cta { display: grid; place-items: center; height: 54px; margin: 19px 16px 28px; border-radius: 27px; background: var(--accent-book); color: var(--white); font-size: 17px; font-weight: 600; }
.b-cta--send { margin-top: 11px; margin-bottom: 12px; }
.b-input small { color: var(--ink-label); }
.b-fields--form { margin-top: 19px; }
.b-input { display: block; height: 63px; padding: 8px 26px; border: 1px solid var(--line-5); border-radius: 32px; }
.b-input--tall { height: 88px; }
.b-input small { display: block; font-size: 13px; line-height: 20px; }
.b-input small i { font-style: normal; color: var(--ink-2); }
.b-input input, .b-input textarea { display: block; width: 100%; height: 26px; border: 0; padding: 0; outline: 0; resize: none; background: none; color: var(--ink); font: inherit; font-size: 15px; line-height: 26px; }
.b-input textarea { height: 44px; }
.b-input ::placeholder { color: var(--ink-3); opacity: 1; }