.based-quiz__step,.based-quiz__result{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.based-quiz [hidden]{display:none!important}
.based-quiz__count{margin:0;color:#d1b45a;font-family:var(--bbw-font-text,sans-serif);font-size:12px;letter-spacing:.36px;text-transform:uppercase}
.based-quiz__q{margin:0;font-family:var(--bbw-font-display,"Based Display",sans-serif);font-size:28px;font-weight:500;line-height:1.2;color:#ececec}
.based-quiz__opts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:760px}
.based-quiz__opt,.based-quiz__restart{min-height:48px;padding:0 24px;background:#171717bf;border:.5px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;
  font-family:var(--bbw-font-text,sans-serif);font-size:13px;letter-spacing:.36px;text-transform:uppercase;transition:background .2s ease,color .2s ease}
.based-quiz__opt:hover,.based-quiz__opt:focus-visible{background:linear-gradient(82deg,#b89b3c 6%,#cdb367 28%,#cab36b 46%,#b79b40 69%,#af912d 94%);color:var(--bbw-color-on-gold,#171717)}
.based-quiz__note{margin:0;font-family:var(--bbw-font-text,sans-serif);font-size:14px;color:#ececec;opacity:.7}
.based-quiz .bbw-collection__grid{text-align:left}
.based-contact__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;text-decoration:none;
  background:linear-gradient(82deg,#b89b3c 6%,#cdb367 28%,#cab36b 46%,#b79b40 69%,#af912d 94%);color:var(--bbw-color-on-gold,#171717);
  font-family:var(--bbw-font-text,sans-serif);font-size:13px;letter-spacing:.36px;text-transform:uppercase}
.based-contact{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;margin:0 auto 72px;max-width:620px}
.based-contact p{margin:0;font-size:16px;line-height:1.5;opacity:.85}
@media(max-width:749px){.based-quiz__q{font-size:22px}.based-quiz__opt{width:100%}}
