/* okno-book.css — /book paid-consultation microlanding. OKNO UI (TildaSans, teal #0d7c6b, navy #0c1e3c).
   Layout only; the booking modal is the existing shared widget (okno-start-widget.js). */
.okno-book{font-family:'TildaSans','Segoe UI',system-ui,Arial,sans-serif;color:#0c1e3c;max-width:1000px;margin:0 auto;padding:26px 20px 60px}
.okno-book *{box-sizing:border-box}
.okno-book__hero{text-align:center;padding:14px 0 8px}
.okno-book__hero h1{font-size:clamp(24px,3.4vw,36px);line-height:1.16;font-weight:800;margin:0 0 12px;letter-spacing:-.01em}
.okno-book__hero p{font-size:16px;line-height:1.55;color:#41505f;max-width:680px;margin:0 auto}
.okno-book__cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 8px}
@media(max-width:720px){.okno-book__cards{grid-template-columns:1fr}}
.okno-book__card{border:1px solid #e7ecf3;border-radius:16px;padding:24px 22px;background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(12,30,60,.05);transition:border-color .15s,box-shadow .15s}
.okno-book__card.on{border-color:#0d7c6b;box-shadow:0 10px 30px rgba(13,124,107,.16)}
.okno-book__card h2{font-size:19px;font-weight:800;margin:0 0 6px}
.okno-book__price{font-size:26px;font-weight:800;color:#0d7c6b;margin:2px 0}
.okno-book__dur{font-size:13.5px;color:#5b6472;margin-bottom:12px}
.okno-book__card p{font-size:14.5px;line-height:1.5;color:#41505f;flex:1 1 auto;margin:0 0 18px}
.okno-book__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:12px;background:#0d7c6b;color:#fff;border:none;font:700 15px inherit;cursor:pointer;text-decoration:none;width:100%}
.okno-book__btn:hover{background:#0a6558}
.okno-book__rec{display:none;font-size:12.5px;font-weight:700;color:#0d7c6b;margin-bottom:10px}
.okno-book__card.rec .okno-book__rec{display:block}
.okno-book__helper{border:1px dashed #cdd7e2;border-radius:14px;padding:20px 22px;margin:22px 0;text-align:center;background:#f8fafc}
.okno-book__helper h3{font-size:17px;font-weight:800;margin:0 0 6px}
.okno-book__helper p{font-size:14px;color:#5b6472;margin:0 0 14px}
.okno-book__btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:11px;background:#fff;color:#0d7c6b;border:1.5px solid #0d7c6b;font:700 14.5px inherit;cursor:pointer}
.okno-book__btn-ghost:hover{background:#eef6f4}
.okno-book__quiz{display:none;margin-top:14px;text-align:left;max-width:620px;margin-left:auto;margin-right:auto}
.okno-book__quiz.show{display:block}
.okno-book__quiz .q{font-weight:700;font-size:14.5px;margin:0 0 10px;text-align:center}
.okno-book__opt{display:block;width:100%;text-align:left;padding:13px 16px;margin-bottom:9px;border:1px solid #e7ecf3;border-radius:11px;background:#fff;font:500 14px inherit;color:#0c1e3c;cursor:pointer;min-height:44px}
.okno-book__opt:hover{border-color:#0d7c6b;background:#f6faf9}
.okno-book__how{margin:30px 0 8px}
.okno-book__how h3{font-size:18px;font-weight:800;margin:0 0 14px;text-align:center}
.okno-book__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:720px){.okno-book__steps{grid-template-columns:1fr 1fr}}
.okno-book__step{background:#f6f8fb;border-radius:12px;padding:16px 14px;font-size:13.5px;line-height:1.45;color:#41505f}
.okno-book__step b{display:block;font-size:20px;color:#0d7c6b;margin-bottom:6px}
.okno-book__bot{text-align:center;margin:26px 0 0;font-size:13.5px;color:#5b6472}
.okno-book__bot a{color:#0d7c6b;font-weight:700;text-decoration:none}
.okno-book__bot a:hover{text-decoration:underline}

/* ---- TRANSACTIONAL_MINIMAL shell (only /book + /book/success) ---- */
.okno-min-hd{position:sticky;top:0;z-index:2147482000;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--gs-line,#e7ecf3)}
.okno-min-hd__in{max-width:1000px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.okno-min-logo{font-weight:800;font-size:19px;color:#0c1e3c;text-decoration:none;letter-spacing:-.01em}
.okno-min-logo span{color:#0d7c6b}
.okno-gs-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.okno-min-lang{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700}
.okno-min-lang .okno-gs-lang__globe{display:inline-flex;color:#5b6472;width:16px;height:16px}
.okno-min-lang .okno-gs-lang__globe svg,.okno-gs-globe{width:16px;height:16px;display:block}
.okno-gs-flag{width:20px;height:13px;border-radius:2px;display:block;flex:0 0 auto}
.okno-min-lang .okno-gs-lang__l{display:inline-flex;align-items:center;gap:5px;color:#5b6472;text-decoration:none;padding:4px 5px;border-radius:7px;min-height:34px}
.okno-min-lang .okno-gs-lang__l.on{color:#0d7c6b}.okno-min-lang .okno-gs-lang__l:hover{color:#0d7c6b}
.okno-min-lang a{color:#5b6472;text-decoration:none;padding:3px 4px}
.okno-min-lang a.on{color:#0d7c6b}.okno-min-lang a:hover{color:#0d7c6b}
.okno-min-ft{background:#fff;border-top:1px solid #e7ecf3;margin-top:30px}
.okno-min-ft__in{max-width:1000px;margin:0 auto;padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 22px;font-size:13.5px;color:#5b6472}
.okno-min-ft__in a{color:#5b6472;text-decoration:none}.okno-min-ft__in a:hover{color:#0d7c6b;text-decoration:underline}
/* ---- /book/success ---- */
.okno-book-success{min-height:52vh}
.okno-success__pending{text-align:center;color:#5b6472;font-size:15px;padding:50px 0}
.okno-success__card{max-width:560px;margin:20px auto;background:#fff;border:1px solid #e7ecf3;border-radius:16px;box-shadow:0 10px 34px rgba(12,30,60,.08);padding:30px 28px;text-align:center}
.okno-success__ic{width:56px;height:56px;border-radius:50%;background:#e7f6f0;color:#1b7a4b;font-size:30px;line-height:56px;margin:0 auto 12px}
.okno-success__card h1{font-size:23px;font-weight:800;margin:4px 0 6px;color:#0c1e3c}
.okno-success__sub{color:#41505f;font-size:15px;margin:0 0 18px}
.okno-success__det{text-align:left;background:#f6f8fb;border-radius:12px;padding:16px 18px;margin:0 0 18px;font-size:14.5px;line-height:1.7;color:#0c1e3c}
.okno-success__det b{color:#5b6472;font-weight:600;display:inline-block;min-width:120px}
.okno-success__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:12px 20px;border-radius:12px;background:#0d7c6b;color:#fff;border:none;font:700 15px inherit;text-decoration:none;cursor:pointer;margin-bottom:10px}
.okno-success__btn:hover{background:#0a6558}
.okno-success__btn.ghost{background:#fff;color:#0d7c6b;border:1.5px solid #0d7c6b}
.okno-success__btn.ghost:hover{background:#eef6f4}
.okno-success__useful{border-top:1px solid #e7ecf3;margin-top:16px;padding-top:14px;text-align:left}
.okno-success__useful h4{font-size:13.5px;font-weight:700;margin:0 0 8px;color:#0c1e3c}
.okno-success__useful a{display:block;color:#0d7c6b;text-decoration:none;padding:4px 0;font-size:14.5px}
.okno-success__useful a:hover{text-decoration:underline}
.okno-success__note{font-size:12.5px;color:#5b6472;margin:12px 0 0;line-height:1.5}
/* ---- language selector dropdown (shared with global shell) ---- */
.okno-langdd{position:relative;display:inline-block}
.okno-langdd__t{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 9px;background:none;border:none;cursor:pointer;font:700 13.5px inherit;color:#5b6472;border-radius:9px}
.okno-langdd__t:hover,.okno-langdd__t[aria-expanded="true"]{color:#0d7c6b}
.okno-langdd__globe{display:inline-flex;width:16px;height:16px}
.okno-langdd__code{font-weight:800;letter-spacing:.02em}
.okno-langdd__flag{display:inline-flex}.okno-langdd__flag .okno-gs-flag{width:20px;height:13px}
.okno-langdd__cv{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.okno-langdd__m{position:absolute;top:calc(100% + 4px);right:0;min-width:120px;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid #e7ecf3;border-radius:11px;box-shadow:0 12px 30px rgba(12,30,60,.16);z-index:2147482300}
.okno-langdd__m[hidden]{display:none}.okno-langdd__m li{margin:0}
.okno-langdd__m a{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px;font-size:14.5px;color:#0c1e3c;text-decoration:none;border-radius:8px}
.okno-langdd__m a .okno-langdd__ocode{font-weight:700}.okno-langdd__m a .okno-gs-flag{width:22px;height:15px}
.okno-langdd__m a:hover,.okno-langdd__m a:focus-visible{background:#eef3f8;color:#0d7c6b;outline:none}
.okno-langdd__m a.on{color:#0d7c6b}.okno-langdd__m a.on::after{content:"✓";margin-left:auto;font-size:12px}
.okno-langdd__t:focus-visible,.okno-langdd__m a:focus-visible{outline:3px solid #7fd1c3;outline-offset:2px}