.kalaboost-quiz{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.kalaboost-quiz[hidden]{display:none}.kalaboost-quiz__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f2e318c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:kalaboost-quiz-fade-in .3s ease}.kalaboost-quiz__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:640px;max-height:min(92vh,820px);overflow:hidden;border-radius:12px;background:#f8f7f2;box-shadow:0 24px 80px #0000002e;animation:kalaboost-quiz-slide-up .35s cubic-bezier(.22,1,.36,1)}.kalaboost-quiz__close{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:5px;background:#ffffffb3;color:#0f2e31;cursor:pointer;transition:background .2s ease,transform .15s ease}.kalaboost-quiz__close:hover,.kalaboost-quiz__close:focus-visible{background:#fff;transform:scale(1.04)}.kalaboost-quiz__progress{flex-shrink:0;padding:24px 24px 0}.kalaboost-quiz__progress-track{height:4px;overflow:hidden;border-radius:999px;background:#e1ece6}.kalaboost-quiz__progress-bar{height:100%;width:0;border-radius:inherit;background:#0f5740;transition:width .4s cubic-bezier(.22,1,.36,1)}.kalaboost-quiz__progress-label{margin:10px 0 0;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b}.kalaboost-quiz__body{flex:1;overflow-y:auto;padding:32px 24px 28px;-webkit-overflow-scrolling:touch}.kalaboost-quiz__step{animation:kalaboost-quiz-step-in .35s ease}.kalaboost-quiz__eyebrow{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#0f5740}.kalaboost-quiz__title{margin:0 0 16px;font-family:var(--font-heading--family, "Instrument Serif", serif);font-size:clamp(28px,5vw,36px);font-weight:400;line-height:1.15;letter-spacing:-.02em;color:#000}.kalaboost-quiz__lead{margin:0 0 28px;font-size:17px;line-height:1.5;color:#333}.kalaboost-quiz__duration{margin:16px 0 0;font-size:13px;color:#6b6b6b}.kalaboost-quiz__question-label{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0f5740}.kalaboost-quiz__question{margin:0 0 24px;font-family:var(--font-heading--family, "Instrument Serif", serif);font-size:clamp(22px,4.5vw,30px);font-weight:400;line-height:1.2;letter-spacing:-.01em;color:#000}.kalaboost-quiz__options{display:flex;flex-direction:column;gap:10px}.kalaboost-quiz__option{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:2px solid #e1ece6;border-radius:5px;background:#fff;font-family:inherit;font-size:16px;font-weight:500;line-height:1.35;color:#000;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease,box-shadow .2s ease}.kalaboost-quiz__option:hover{border-color:#0f5740;box-shadow:0 4px 16px #0f574014}.kalaboost-quiz__option:focus-visible{outline:2px solid #0f5740;outline-offset:2px}.kalaboost-quiz__option.is-selected{border-color:#0f5740;background:#e1ece6}.kalaboost-quiz__option-marker{flex-shrink:0;width:22px;height:22px;border:2px solid #d4d4d4;border-radius:50%;transition:border-color .2s ease,background .2s ease}.kalaboost-quiz__option.is-selected .kalaboost-quiz__option-marker{border-color:#0f5740;background:radial-gradient(circle at center,#0f5740 40%,transparent 42%)}.kalaboost-quiz__nav{margin-top:20px}.kalaboost-quiz__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border:2px solid transparent;border-radius:5px;font-family:inherit;font-size:15px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.kalaboost-quiz__btn:hover,.kalaboost-quiz__btn:focus-visible{opacity:.9;transform:translateY(-1px)}.kalaboost-quiz__btn--primary{width:100%;background:#0f5740;color:#fff}.kalaboost-quiz__btn--ghost{background:transparent;border-color:#0f2e31;color:#0f2e31}.kalaboost-quiz__summary{display:flex;flex-direction:column;gap:10px;margin:0 0 24px;padding:16px 18px;border-radius:5px;background:#e1ece6;font-size:16px;line-height:1.5;color:#000}.kalaboost-quiz__recap{font-size:14px;color:#333}.kalaboost-quiz__why{font-size:16px;line-height:1.5}.kalaboost-quiz__notice{margin:0 0 20px;padding:14px 16px;border-radius:5px;border-left:3px solid #0f5740;background:#e8f0ea;font-size:14px;line-height:1.5;color:#333}.kalaboost-quiz__products{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.kalaboost-quiz__product{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:16px;border-radius:5px;background:#fff;border:1px solid #e8e8e4}.kalaboost-quiz__product-image{width:88px;height:88px;object-fit:contain;border-radius:5px;background:#f9f9f7}.kalaboost-quiz__product-image--placeholder{display:block;background:#e1ece6}.kalaboost-quiz__product.is-priority{border-color:#0f5740;box-shadow:0 0 0 1px #0f5740}.kalaboost-quiz__product-badge{margin:0 0 6px;color:#e07a3a;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kalaboost-quiz__product-name{margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.25;color:#000}.kalaboost-quiz__product-stats{display:flex;flex-direction:column;gap:4px;margin:0 0 12px;padding:0;list-style:none}.kalaboost-quiz__product-stat{font-size:13px;line-height:1.35;color:#333}.kalaboost-quiz__product-stat strong{color:#0f5740;font-weight:700}.kalaboost-quiz__product-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:5px;background:#0f5740;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:#fff;transition:opacity .2s ease}.kalaboost-quiz__product-cta:hover,.kalaboost-quiz__product-cta:focus-visible{opacity:.9}.kalaboost-quiz__panel--offer{max-width:640px}.kalaboost-quiz__products--offer{gap:0}.kalaboost-quiz__routine{border:0;border-radius:6px;background:#f7f4ee;box-shadow:0 8px 28px #00000014}.kalaboost-quiz__routine-copy{padding:22px 20px 18px;color:#1a1a1a}.kalaboost-quiz__routine-kicker{margin:0 0 8px;color:#e07a3a;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.kalaboost-quiz__routine-title{margin:0 0 10px;font-size:clamp(1.25rem,3.4vw,1.65rem);font-weight:700;letter-spacing:0;line-height:1.2;color:#1a1a1a}.kalaboost-quiz__routine-intro{margin:0 0 4px;color:#5c5c5c;font-size:13.5px;line-height:1.45}.kalaboost-quiz__routine-bundle{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 0;padding-top:14px;overflow:visible}.kalaboost-quiz__routine-card{position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:center;min-width:0;max-width:6.5rem;overflow:visible}.kalaboost-quiz__routine-card.is-highlighted .kalaboost-quiz__routine-card-frame{box-shadow:0 0 0 2px #e07a3a}.kalaboost-quiz__routine-priority{position:absolute;top:0;left:50%;z-index:2;padding:4px 7px;border-radius:4px;background:#e07a3a;color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1.15;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%);white-space:nowrap}.kalaboost-quiz__routine-card-frame{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#fff}.kalaboost-quiz__routine-card-image{display:block;width:100%;height:100%;object-fit:cover}.kalaboost-quiz__routine-card-empty{display:block;width:100%;height:100%;background:#f0ece6}.kalaboost-quiz__routine-ribbon{position:absolute;top:8px;left:-22px;z-index:1;width:92px;padding:3px 0;border-radius:5px;background:#e07a3a;color:#fff;font-size:8px;font-weight:800;letter-spacing:.06em;line-height:1;text-align:center;text-transform:uppercase;transform:rotate(-45deg)}.kalaboost-quiz__routine-card-name{margin:6px 0 0;font-size:11px;font-weight:600;line-height:1.2;text-align:center;color:#1a1a1a}.kalaboost-quiz__routine-plus{flex:0 0 auto;color:#e07a3a;font-size:16px;font-weight:700;line-height:1}.kalaboost-quiz__routine-deal{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:16px}.kalaboost-quiz__routine-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:1.55rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:#1a1a1a}.kalaboost-quiz__routine-price s{color:#9a9a9a;font-size:.95rem;font-weight:500}.kalaboost-quiz__routine-note{margin:6px 0 0;color:#7a7a7a;font-size:12.5px}.kalaboost-quiz__routine-save{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:5.5rem;margin:0;padding:8px 10px;border-radius:5px;background:#e07a3a;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1.15;text-align:center;text-transform:uppercase}.kalaboost-quiz__routine-save strong{display:block;font-size:15px;font-weight:800}.kalaboost-quiz__routine-perks{display:grid;grid-template-columns:1fr;gap:8px 16px;margin:16px 0 0;padding:0;list-style:none}.kalaboost-quiz__routine-perks li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;color:#1a1a1a}.kalaboost-quiz__routine-perks li span:first-child{color:#1b3720;font-weight:700}.kalaboost-quiz__routine-cta{display:flex;align-items:center;justify-content:center;width:100%;margin-top:14px;padding:14px 16px;border-radius:5px;background:#1b3720;color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em;line-height:1.2;text-align:center;text-transform:uppercase;text-decoration:none;transition:opacity .2s ease}.kalaboost-quiz__routine-cta:hover,.kalaboost-quiz__routine-cta:focus-visible{opacity:.92}.kalaboost-quiz__routine-footer{margin-top:12px}.kalaboost-quiz__routine-footer p{margin:0;color:#7a7a7a;font-size:12px}.kalaboost-quiz__reassurance{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b}.kalaboost-quiz__reassurance-dot{width:4px;height:4px;border-radius:50%;background:#6b6b6b}.kalaboost-quiz__restart{display:block;width:100%}@keyframes kalaboost-quiz-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kalaboost-quiz-slide-up{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes kalaboost-quiz-step-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media screen and (min-width:750px){.kalaboost-quiz{padding:24px}.kalaboost-quiz__body{padding:36px 40px 32px}.kalaboost-quiz__progress{padding:28px 40px 0}.kalaboost-quiz__product{grid-template-columns:100px 1fr;gap:20px;padding:20px}.kalaboost-quiz__product-image{width:100px;height:100px}.kalaboost-quiz__routine-copy{padding:26px 28px 22px}.kalaboost-quiz__routine-bundle{gap:10px}.kalaboost-quiz__routine-card{max-width:7.25rem}.kalaboost-quiz__routine-perks{grid-template-columns:1fr 1fr}}@media screen and (max-width:749px){.kalaboost-quiz__panel{max-height:100dvh;border-radius:12px 12px 0 0;align-self:flex-end}.kalaboost-quiz{align-items:flex-end;padding:0}.kalaboost-quiz__body{padding:28px 20px 24px}.kalaboost-quiz__option{padding:18px 16px;font-size:15px}}@media(prefers-reduced-motion:reduce){.kalaboost-quiz__overlay,.kalaboost-quiz__panel,.kalaboost-quiz__step,.kalaboost-quiz__progress-bar,.kalaboost-quiz__option,.kalaboost-quiz__btn,.kalaboost-quiz__close{animation:none;transition:none}}.kalaboost-header-quiz{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:none;border-radius:5px;background-color:#1b3720;font-family:inherit;font-size:12px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap;cursor:pointer;transition:opacity .2s ease}.kalaboost-header-quiz:hover,.kalaboost-header-quiz:focus-visible{background-color:#1b3720;color:#fff;opacity:.9}.menu-list__list-item--quiz{justify-content:center;margin-inline-start:calc(var(--menu-horizontal-gap, 20px) / 2)}.kalaboost-header-quiz--menu{height:auto}@media screen and (min-width:990px){.kalaboost-header-quiz--menu{padding:10px 20px;font-size:13px}}.menu-drawer__list-item--quiz{min-height:0;margin-block-end:var(--margin-md, 16px)}.kalaboost-header-quiz--drawer{width:100%;padding:14px 20px;font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/34/assets/kalaboost-quiz.css.map */