/* Isolated styles for the existing server-rendered bouquet quiz on city pages. */
.sf-quiz-dialog { width:min(784px,calc(100% - 28px)); max-width:none; max-height:calc(100% - 40px); padding:0; border:0; border-radius:20px; background:#fff; color:#333; box-shadow:0 22px 70px #27362233; font-family:inherit; }
.sf-quiz-dialog::backdrop { background:#19221bb3; }
.sf-quiz-dialog * { box-sizing:border-box; }
.sf-quiz-dialog .bouquet_quiz { position:relative; padding:38px; }
.sf-quiz-dialog .bq_close { position:absolute; top:13px; right:13px; z-index:2; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; cursor:pointer; }
.sf-quiz-dialog .bq_close::before { content:'×'; color:#596159; font-size:29px; line-height:1; }
.sf-quiz-dialog .bq_title { margin:0; color:#303630; font-size:28px; font-weight:500; line-height:1.2; }
.sf-quiz-dialog .bq_step_label { margin:5px 0 0; color:#697169; font-size:15px; }
.sf-quiz-dialog .bq_progress { display:flex; gap:6px; margin:20px 0 0; }
.sf-quiz-dialog .bq_seg { flex:1; height:6px; border-radius:3px; background:#e9ede7; }
.sf-quiz-dialog .bq_seg.on { background:#67b346; }
.sf-quiz-dialog .bq_chosen { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0; }
.sf-quiz-dialog .bq_chosen:empty { margin:0; }
.sf-quiz-dialog .bq_crumb,.sf-quiz-dialog .bq_editchip { display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border:1px solid #dce5d8; border-radius:20px; background:#f7faf5; color:#424b42; font:inherit; font-size:13px; cursor:pointer; }
.sf-quiz-dialog .bq_crumb b,.sf-quiz-dialog .bq_editchip b { font-weight:500; color:#758075; }
.sf-quiz-dialog .bq_crumb.caused,.sf-quiz-dialog .bq_editchip.caused { border-color:#dfc38a; background:#fdf8ed; }
.sf-quiz-dialog .bq_body { margin:24px 0 0; }
.sf-quiz-dialog .bq_q { margin:0 0 15px; color:#404840; font-size:17px; font-weight:500; }
.sf-quiz-dialog .bq_grid { display:grid; gap:12px; }
.sf-quiz-dialog .bq_grid_2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sf-quiz-dialog .bq_grid_1 { grid-template-columns:1fr; }
.sf-quiz-dialog .bq_opt { display:flex; align-items:center; gap:12px; width:100%; min-height:64px; padding:10px 15px; border:1px solid #e0e7dd; border-radius:14px; background:#fff; color:#293329; text-align:left; font:inherit; cursor:pointer; }
.sf-quiz-dialog .bq_opt:hover,.sf-quiz-dialog .bq_opt.sel { border-color:#67b346; background:#f2f8ef; }
.sf-quiz-dialog .bq_ic,.sf-quiz-dialog .bq_sw { display:grid; flex:none; place-items:center; width:38px; height:38px; border-radius:50%; background:#edf6e9; color:var(--sf-shell-green,#67b346); font-size:18px; }
.sf-quiz-dialog .bq_opt_t { flex:1; min-width:0; font-weight:500; }
.sf-quiz-dialog .bq_sub { color:#858d85; font-size:13px; }
.sf-quiz-dialog .bq_chev { color:#7ba36d; }
.sf-quiz-dialog .bq_foot { display:flex; align-items:center; gap:12px; margin-top:16px; }
.sf-quiz-dialog .bq_show,.sf-quiz-dialog .bq_back,.sf-quiz-dialog .bq_again,.sf-quiz-dialog .bq_cta,.sf-quiz-dialog .bq_dead_show { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 20px; border:1px solid #67b346; border-radius:12px; background:#67b346; color:#fff; text-align:center; text-decoration:none; font:inherit; font-weight:500; cursor:pointer; }
.sf-quiz-dialog .bq_back,.sf-quiz-dialog .bq_again { border-color:#dce5d8; background:#fff; color:#424b42; }
.sf-quiz-dialog .bq_show:hover,.sf-quiz-dialog .bq_cta:hover,.sf-quiz-dialog .bq_dead_show:hover { background:var(--sf-shell-green,#67b346); }
.sf-quiz-dialog .bq_busy { pointer-events:none; opacity:.6; }
.sf-quiz-dialog .bq_dead { text-align:center; }
.sf-quiz-dialog .bq_dead_ic,.sf-quiz-dialog .bq_res_ic { display:grid; place-items:center; width:48px; height:48px; margin:0 auto 10px; border-radius:50%; background:#edf6e9; color:var(--sf-shell-green,#67b346); font-size:22px; }
.sf-quiz-dialog .bq_dead_t,.sf-quiz-dialog .bq_res_t { font-size:19px; font-weight:500; }
.sf-quiz-dialog .bq_dead_s,.sf-quiz-dialog .bq_res_s { margin-top:6px; color:#6f776f; font-size:14px; line-height:1.4; }
.sf-quiz-dialog .bq_dead_show { width:100%; margin-top:18px; }
.sf-quiz-dialog .bq_dead_note { margin-left:4px; font-size:12px; }
.sf-quiz-dialog .bq_edit_label { margin:18px 0 10px; color:#788178; text-align:center; font-size:13px; }
.sf-quiz-dialog .bq_edit_chips,.sf-quiz-dialog .bq_tags { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.sf-quiz-dialog .bq_res_head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.sf-quiz-dialog .bq_res_ic { flex:none; margin:0; }
.sf-quiz-dialog .bq_tag { padding:5px 11px; border-radius:20px; background:#edf6e9; color:var(--sf-shell-green,#67b346); font-size:13px; }
.sf-quiz-dialog .bq_cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:15px; }
.sf-quiz-dialog .bq_card { overflow:hidden; border:1px solid #e3e9e1; border-radius:12px; color:#303630; text-decoration:none; }
.sf-quiz-dialog .bq_card_img { display:block; aspect-ratio:1; background:#f1f3ef center/cover no-repeat; }
.sf-quiz-dialog .bq_card_t,.sf-quiz-dialog .bq_card_p { display:block; padding:7px 9px 0; font-size:13px; }
.sf-quiz-dialog .bq_card_p { padding-bottom:9px; color:var(--sf-shell-green,#67b346); font-weight:600; }
.sf-quiz-dialog .sf-quiz-error { padding:30px 28px 0; color:#8d302f; }
.sf-quiz-dialog .sf-quiz-error-close { margin:20px 28px 28px; padding:9px 18px; border:1px solid #ccd7c8; border-radius:8px; background:#fff; cursor:pointer; }
.sf-quiz-dialog :is(button,a):focus-visible { outline:2px solid #67b346; outline-offset:2px; }
@media (max-width:650px) {
  .sf-quiz-dialog { width:100%; height:100%; max-height:none; border-radius:0; }
  .sf-quiz-dialog .bouquet_quiz { padding:22px 16px; }
  .sf-quiz-dialog .bq_title { padding-right:32px; font-size:24px; }
  .sf-quiz-dialog .bq_grid_2 { grid-template-columns:1fr; }
  .sf-quiz-dialog .bq_cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}