:root{
  --wbc-bg:#fff;
  --wbc-text:#0f172a;
  --wbc-muted:#64748b;
  --wbc-border:#e2e8f0;
  --wbc-primary:#2563eb;
  --wbc-primary2:#1d4ed8;
  --wbc-radius:16px;
}
.wbc-wrap{padding:18px 0;}
.wbc-card{
  background:var(--wbc-bg);
  border:1px solid var(--wbc-border);
  border-radius:var(--wbc-radius);
  padding:20px;
  max-width:760px;
  margin:0 auto;
  box-shadow:0 10px 30px rgba(2,6,23,.06);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  color:var(--wbc-text);
}
.wbc-header{margin-bottom:14px;}
.wbc-h2{font-size:26px;line-height:1.15;margin:0 0 8px;}
.wbc-sub{margin:0;color:var(--wbc-muted);font-size:15px;}
.wbc-qtitle{font-weight:700;font-size:16px;margin:0 0 10px;}
.wbc-hint{color:var(--wbc-muted);font-size:13px;margin-top:8px;}
.wbc-select,.wbc-input,.wbc-number{
  width:100%;
  border:1px solid var(--wbc-border);
  border-radius:12px;
  padding:11px 12px;
  font-size:15px;
  outline:none;
}
.wbc-select:focus,.wbc-input:focus,.wbc-number:focus{border-color:rgba(37,99,235,.7); box-shadow:0 0 0 4px rgba(37,99,235,.12);}
.wbc-row{display:grid;grid-template-columns:1fr 140px;gap:12px;align-items:center;}
.wbc-range{width:100%;}
.wbc-radio{display:grid;gap:10px;}
.wbc-style{
  display:flex;gap:10px;align-items:flex-start;
  border:1px solid var(--wbc-border);
  border-radius:14px;
  padding:12px 12px;
  cursor:pointer;
}
.wbc-style input{margin-top:3px;}
.wbc-style__title{font-weight:700;display:block;}
.wbc-style__desc{display:block;color:var(--wbc-muted);font-size:13px;margin-top:2px;}
.wbc-step{display:none;}
.wbc-step--active{display:block;}
.wbc-nav{display:flex;gap:10px;align-items:center;margin-top:16px;}
.wbc-nav--right{justify-content:flex-end;}
.wbc-btn{
  border:1px solid var(--wbc-border);
  background:#fff;
  border-radius:999px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:600;
}
.wbc-btn:hover{filter:brightness(.98);}
.wbc-btn--primary{
  border-color:transparent;
  background:var(--wbc-primary);
  color:#fff;
}
.wbc-btn--primary:hover{background:var(--wbc-primary2);}
.wbc-result{margin-top:6px;}
.wbc-price{font-size:30px;font-weight:800;margin:8px 0 6px;}
.wbc-mini{color:var(--wbc-muted);font-size:12.5px;}
.wbc-hr{border:none;border-top:1px solid var(--wbc-border);margin:16px 0;}
.wbc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:10px;}
@media (max-width:720px){
  .wbc-grid{grid-template-columns:1fr;}
  .wbc-row{grid-template-columns:1fr;}
}
.wbc-label{display:block;font-size:13px;color:var(--wbc-muted);margin:0 0 6px;}
.wbc-consent{display:flex;gap:10px;align-items:flex-start;margin-top:12px;color:var(--wbc-muted);font-size:13px;}
.wbc-consent input{margin-top:3px;}
.wbc-msg{margin-top:10px;color:#0b1220;font-size:14px;opacity:0;transition:opacity .2s ease;}
.wbc-msg--show{opacity:1;}
.wbc-msg--ok{color:#0f5132;}
.wbc-b-title{margin-top:14px;font-weight:700;font-size:14px;}
.wbc-b-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px;}
.wbc-b-list li{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--wbc-border);border-radius:12px;padding:10px 12px;}