/* OrtaKapa lightweight orthodontic quiz calculator */
.ok-quiz-fab{position:fixed;right:20px;bottom:22px;z-index:999990;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border:0;border-radius:999px;background:linear-gradient(180deg,#d89a38,#c9852e);color:#fff;font-weight:950;font-size:15px;box-shadow:0 16px 36px rgba(201,133,46,.28);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.ok-quiz-fab:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(201,133,46,.34)}.ok-quiz-fab span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18)}
.ok-quiz-overlay{position:fixed;inset:0;z-index:999991;background:rgba(4,36,32,.52);display:none;align-items:center;justify-content:center;padding:22px}.ok-quiz-overlay.is-open{display:flex}.ok-quiz-modal{position:relative;width:min(980px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;background:#fff;border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.28);display:grid;grid-template-columns:360px minmax(0,1fr);color:#0f2f34}.ok-quiz-close{position:absolute;right:16px;top:16px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#f2f8f7;color:#073b35;font-size:26px;line-height:1;cursor:pointer}.ok-quiz-media{position:relative;min-height:100%;background:#073b35;overflow:hidden;border-radius:30px 0 0 30px}.ok-quiz-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74}.ok-quiz-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,59,53,.18),rgba(7,59,53,.88))}.ok-quiz-media__text{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:28px;color:#fff}.ok-quiz-media__badge{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.ok-quiz-media h3{margin:16px 0 12px;font-size:34px;line-height:.98;letter-spacing:-.06em}.ok-quiz-media p{margin:0;color:rgba(255,255,255,.86);line-height:1.55;font-size:15px}.ok-quiz-body{padding:34px}.ok-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.ok-quiz-eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f3fbf9;border:1px solid rgba(7,59,53,.1);color:#007369;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ok-quiz-progress{color:#5a7479;font-weight:850;font-size:13px}.ok-quiz-bar{height:8px;background:#edf6f5;border-radius:999px;overflow:hidden;margin-bottom:26px}.ok-quiz-bar span{display:block;height:100%;width:25%;border-radius:999px;background:linear-gradient(90deg,#007369,#15b8aa);transition:width .22s ease}.ok-quiz-step{display:none}.ok-quiz-step.is-active{display:block}.ok-quiz-step h2{margin:0 0 12px;color:#102f34;font-size:34px;line-height:1.04;letter-spacing:-.055em}.ok-quiz-step p{margin:0 0 22px;color:#5a7479;line-height:1.6}.ok-quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ok-quiz-option{position:relative;text-align:left;border:1px solid rgba(7,59,53,.14);background:#fff;border-radius:18px;padding:16px 16px 15px;cursor:pointer;transition:.18s ease}.ok-quiz-option:hover{border-color:#007369;transform:translateY(-1px);box-shadow:0 12px 26px rgba(7,59,53,.08)}.ok-quiz-option.is-selected{border-color:#007369;background:#f3fbf9;box-shadow:0 0 0 3px rgba(0,115,105,.08)}.ok-quiz-option strong{display:block;color:#0f2f34;font-size:17px;line-height:1.15;margin-bottom:6px}.ok-quiz-option span{display:block;color:#6c8085;font-size:13px;line-height:1.35}.ok-quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px}.ok-quiz-btn{border:0;border-radius:14px;padding:14px 18px;font-weight:950;cursor:pointer;transition:transform .16s ease,opacity .16s ease;background:#073b35;color:#fff}.ok-quiz-btn:hover{transform:translateY(-1px)}.ok-quiz-btn[disabled]{opacity:.42;cursor:not-allowed;transform:none}.ok-quiz-btn--ghost{background:#fff;border:1px solid rgba(7,59,53,.16);color:#073b35}.ok-quiz-result{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 22px}.ok-quiz-result__box{border-radius:20px;background:#f3fbf9;border:1px solid rgba(7,59,53,.1);padding:18px}.ok-quiz-result__box span{display:block;color:#5a7479;font-size:13px;font-weight:850;margin-bottom:7px}.ok-quiz-result__box strong{display:block;color:#073b35;font-size:28px;line-height:1;letter-spacing:-.04em}.ok-quiz-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ok-quiz-form label{display:flex;flex-direction:column;gap:7px;color:#0f2f34;font-weight:900;font-size:13px}.ok-quiz-form input{width:100%;border:1px solid rgba(7,59,53,.18);border-radius:14px;padding:14px 14px;font:inherit;color:#0f2f34;outline:0}.ok-quiz-form input:focus{border-color:#007369;box-shadow:0 0 0 3px rgba(0,115,105,.08)}.ok-quiz-form small{grid-column:1/-1;color:#6c8085;line-height:1.45}.ok-quiz-form .ok-quiz-btn{grid-column:1/-1;width:100%;background:linear-gradient(180deg,#d89a38,#c9852e)}.ok-quiz-success{padding:22px;border-radius:20px;background:#f3fbf9;border:1px solid rgba(7,59,53,.12)}.ok-quiz-success strong{display:block;font-size:26px;margin-bottom:8px}.ok-quiz-success p{margin:0;color:#5a7479}.ok-quiz-error{grid-column:1/-1;padding:12px 14px;border-radius:14px;background:#fff3f3;border:1px solid #ffd0d0;color:#7a1c1c;font-weight:850}
@media(max-width:860px){.ok-quiz-modal{grid-template-columns:1fr;max-height:calc(100vh - 24px);border-radius:24px}.ok-quiz-media{display:none}.ok-quiz-body{padding:24px}.ok-quiz-step h2{font-size:30px}.ok-quiz-options{grid-template-columns:1fr}.ok-quiz-result{grid-template-columns:1fr}.ok-quiz-form{grid-template-columns:1fr}.ok-quiz-fab{right:12px;bottom:12px;padding:13px 15px;font-size:14px}.ok-quiz-overlay{padding:12px;align-items:flex-end}.ok-quiz-modal{border-radius:24px 24px 0 0;max-height:88vh}}