/* scope всё внутри .bqz */
.bqz{ --brand:#f28c4b; --text:#0b2135; --muted:#64748b; --card:#fff; --line:#e5eef8; font:16px/1.45 Montserrat,system-ui,-apple-system,Segoe UI,Arial; color:var(--text); }
.bqz *{ box-sizing:border-box; }
.bqz .bqz-title{ margin:10px 0 4px; text-align:center; font:800 30px/1.15 Montserrat; }
.bqz .bqz-sub{ text-align:center; color:var(--muted); margin-bottom:8px; }
.bqz .bqz-progress{ height:6px; background:#edf2f7; border-radius:999px; overflow:hidden; margin:0 0 16px; }
.bqz .bqz-bar{ display:block; height:100%; width:0; background:linear-gradient(90deg,#ffd2b6,var(--brand)); transition:width .25s ease; }

/* steps */
.bqz .bqz-step{ display:none; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px; box-shadow:0 10px 26px rgba(0,0,0,.06); margin-bottom:16px; }
.bqz .bqz-step.is-active{ display:block; }
.bqz .bqz-h3{ margin:0 0 12px; font:800 22px/1.15 Montserrat; }

/* grid */
.bqz .bqz-grid{ display:grid; gap:12px; }
.bqz .bqz-grid-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:900px){ .bqz .bqz-grid-3{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .bqz .bqz-grid-3{ grid-template-columns:1fr; } }
.bqz .bqz-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
@media (max-width:800px){ .bqz .bqz-row{ grid-template-columns:1fr; } }
.bqz .bqz-col{ display:flex; flex-direction:column; gap:8px; }

/* cards */
.bqz .bqz-card-item{ display:flex; align-items:center; gap:12px; text-align:left; border:1px solid var(--line); border-radius:14px; padding:12px; background:#fff; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.bqz .bqz-card-item.is-active{ outline:2px solid rgba(242,140,75,.35); box-shadow:0 8px 24px rgba(0,0,0,.1); }
.bqz .bqz-card-item img{ width:64px; height:64px; object-fit:cover; border-radius:12px; }
.bqz .bqz-card-item > div{ display:flex; flex-direction:column; align-items:flex-start; }
.bqz .bqz-card-ttl{ font:700 18px/1.1 Montserrat; color:var(--text) !important; display:block !important; }
.bqz .bqz-card-sub{ color:var(--muted); font-size:14px; margin-top:2px; }

/* inputs */
.bqz .bqz-l{ font:700 14px/1 Montserrat; }
.bqz .bqz-input{ width:100%; border:1px solid #e5e7eb; border-radius:12px; padding:12px 14px; font:600 16px/1.2 Montserrat; color:var(--text); background:#fff; }
.bqz .bqz-input.bqz-center{ text-align:center; }
.bqz .bqz-note{ color:var(--muted); font-size:14px; }
.bqz .bqz-range{ width:100%; margin:8px 0 4px; }
.bqz .bqz-center{ justify-content:center; text-align:center; }

/* chips */
.bqz .bqz-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.bqz .bqz-chip{ min-width:72px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; font:700 16px/1 Montserrat; color:var(--text); cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.05); }
.bqz .bqz-chip.is-active{ border-color:var(--brand); box-shadow:0 0 0 4px rgba(242,140,75,.18); }

/* buttons */
.bqz .bqz-actions{ display:flex; justify-content:center; gap:12px; margin-top:14px; }
.bqz .bqz-btn{ min-width:160px; border-radius:12px; border:1px solid #e5e7eb; background:#fff; color:var(--text); font:800 16px/1 Montserrat; padding:12px 18px; cursor:pointer; }
.bqz .bqz-btn:disabled{ opacity:.5; cursor:not-allowed; }
.bqz .bqz-btn.bqz-next,
.bqz .bqz-btn.bqz-submit{ background:linear-gradient(135deg,#ffb07a 0%,var(--brand) 100%); color:#0b2135; border-color:var(--brand); box-shadow:0 10px 24px rgba(230,144,79,.3),0 0 0 36px rgba(230,144,79,.08) inset; }
@media (max-width:480px){
  .bqz .bqz-btn{ font-size:15px; padding:12px 14px; min-width:140px; }
  .bqz .bqz-btn.bqz-submit{ white-space:normal; line-height:1.15; }
}

/* result */
.bqz .bqz-resultbox{ margin-top:10px; border:1px dashed #e5e7eb; border-radius:16px; padding:12px; }
.bqz .bqz-hint{ color:#16803c; font-weight:700; }

/* found */
.bqz .bqz-found{ margin:8px 0 0; color:var(--muted); }

/* summary */
.bqz .bqz-summary{ border:1px solid #e5e7eb; border-radius:16px; padding:14px; }
.bqz .bqz-ul{ list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.bqz .bqz-ul li span{ color:var(--muted); }
.bqz .bqz-ul .bqz-note{ color:var(--muted); }

/* SEO */
.bqz .bqz-seo{ margin-top:16px; color:var(--muted); font-size:14px; line-height:1.6; }
/* SEO text under subtitle */
.bqz .bqz-seo{
  max-width: 960px;
  margin: 6px auto 12px;
  padding: 0 8px;
  font-weight: 500;
  font-size: 13px;        /* мелкий шрифт */
  line-height: 1.45;
  color: #667085;         /* спокойный серый */
  text-align: center;     /* по центру */
}
@media (max-width: 640px){
  .bqz .bqz-seo{
    font-size: 12px;      /* ещё чуть меньше на мобильных */
    line-height: 1.45;
  }
}
