.cbf-finder{
  --cbf-bg:#F5F5F5;
  --cbf-panel:#ffffff;
  --cbf-panel-2:#F5F5F5;
  --cbf-line:#e2e2e2;
  --cbf-ink:#0D0D0D;
  --cbf-gold:#EEA80A;
  --cbf-gold-2:#c98d05;
  --cbf-muted:#7a7a7a;
  --cbf-white:#ffffff;
  font-family:'Rubik','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  color:var(--cbf-ink);
  background:var(--cbf-panel);
  border:1px solid var(--cbf-line);
  border-radius:20px;
  padding:28px;
  width:100%;
  max-width:100%;
  margin:0;
  box-sizing:border-box;
}
/* Изолация от глобалните стилове на темата/бранда (Elementor, WooCommerce и т.н.) */
.cbf-finder,
.cbf-finder *{
  box-sizing:border-box;
  text-shadow:none;
  letter-spacing:normal;
}
.cbf-finder a,
.cbf-finder button,
.cbf-finder select,
.cbf-finder input{
  font-family:inherit;
  text-decoration:none;
  box-shadow:none !important;
  text-transform:none;
}
.cbf-finder svg{display:block}

.cbf-head{text-align:center;margin-bottom:22px}
.cbf-kicker{
  display:inline-flex;align-items:center;gap:7px;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cbf-gold-2);font-weight:700;margin-bottom:10px;
}
.cbf-kicker svg{width:15px !important;height:15px !important;flex:none}
.cbf-title{font-size:26px;font-weight:800;letter-spacing:-.01em;color:var(--cbf-ink);margin:0}
.cbf-sub{color:var(--cbf-muted);font-size:14px;margin:6px 0 0}

.cbf-form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr auto;
  gap:12px;
  background:var(--cbf-panel-2);
  border:1px solid var(--cbf-line);
  border-radius:14px;
  padding:14px;
}
.cbf-field{position:relative}
.cbf-field label{
  position:absolute;top:8px;left:14px;
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--cbf-gold-2);font-weight:700;pointer-events:none;
}
.cbf-finder .cbf-field select{
  width:100%;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background:var(--cbf-white) !important;
  border:1px solid var(--cbf-line) !important;
  color:var(--cbf-ink) !important;
  font-size:15px !important;font-weight:600;
  padding:26px 38px 12px 14px !important;
  margin:0 !important;
  border-radius:10px !important;
  cursor:pointer;
  transition:border-color .15s;
}
.cbf-field select:hover:not(:disabled){border-color:#d8d3c4}
.cbf-field select:focus{outline:none;border-color:var(--cbf-gold)}
.cbf-field select:disabled{opacity:.5;cursor:not-allowed}
.cbf-field::after{
  content:"";position:absolute;right:16px;top:60%;
  width:8px;height:8px;border-right:2px solid var(--cbf-gold-2);
  border-bottom:2px solid var(--cbf-gold-2);transform:translateY(-50%) rotate(45deg);
  pointer-events:none;
}
.cbf-finder .cbf-btn{
  background:var(--cbf-gold) !important;
  color:var(--cbf-ink) !important;
  border:1px solid var(--cbf-gold) !important;
  border-radius:10px !important;
  font-size:15px !important;font-weight:700 !important;
  padding:0 26px !important;
  margin:0 !important;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:background-color .15s, border-color .15s;
  white-space:nowrap;
  line-height:normal;
  min-height:56px;
}
.cbf-finder .cbf-btn:hover:not(:disabled){background:var(--cbf-gold-2) !important;border-color:var(--cbf-gold-2) !important;color:var(--cbf-ink) !important}
.cbf-finder .cbf-btn:disabled{background:#e2e2e2 !important;border-color:#e2e2e2 !important;color:#a3a3a3 !important;cursor:not-allowed}
.cbf-finder .cbf-btn svg{width:17px;height:17px;flex:none}

.cbf-results{margin-top:24px;display:none}
.cbf-results.cbf-show{display:block;animation:cbf-rise .35s ease both}
@keyframes cbf-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.cbf-veh{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:0 4px 16px;color:var(--cbf-muted);font-size:14px;
}
.cbf-veh .cbf-car{color:var(--cbf-ink);font-weight:700;font-size:17px}
.cbf-veh .cbf-badge{
  margin-left:auto;
  background:rgba(238,168,10,.12);border:1px solid rgba(238,168,10,.35);
  color:var(--cbf-gold-2);font-size:12px;font-weight:700;
  padding:5px 11px;border-radius:20px;
}

.cbf-row{
  display:flex;align-items:center;gap:16px;
  background:var(--cbf-panel-2);
  border:1px solid var(--cbf-line);
  border-radius:12px;
  padding:16px 18px;margin-bottom:10px;
  transition:border-color .15s, background-color .15s;
}
.cbf-row:hover{border-color:#d8d3c4;background:#fbf9f4}
.cbf-pos{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.cbf-icon{
  width:38px;height:38px;flex:none;border-radius:9px;
  background:var(--cbf-white);border:1px solid var(--cbf-line);
  display:grid;place-items:center;color:var(--cbf-gold-2);
}
.cbf-icon svg{width:20px !important;height:20px !important;flex:none}
.cbf-pos-name{font-weight:600;font-size:15px;color:var(--cbf-ink)}
.cbf-pos-sub{font-size:12px;color:var(--cbf-muted);margin-top:2px}

.cbf-socket{
  font-family:ui-monospace,'SF Mono',Consolas,monospace;
  font-weight:800;font-size:18px;color:var(--cbf-gold-2);
  background:rgba(238,168,10,.10);
  border:1px solid rgba(238,168,10,.3);
  padding:6px 14px;border-radius:9px;flex:none;letter-spacing:.02em;
}
.cbf-finder .cbf-buy{
  flex:none;display:inline-flex;align-items:center;gap:7px;
  background:var(--cbf-ink) !important;border:1px solid var(--cbf-ink) !important;color:#fff !important;
  font-weight:700 !important;font-size:13px !important;
  padding:9px 15px !important;border-radius:9px !important;margin:0 !important;
  cursor:pointer;text-decoration:none;
  transition:background-color .15s, border-color .15s;white-space:nowrap;
  line-height:normal;
}
.cbf-finder .cbf-buy:hover{background:var(--cbf-gold-2) !important;border-color:var(--cbf-gold-2) !important;color:#fff !important}
.cbf-finder .cbf-buy svg{width:15px;height:15px;flex:none}
.cbf-finder .cbf-buy .cbf-count{background:rgba(255,255,255,.18);border-radius:20px;padding:1px 7px;font-size:11px;margin-left:2px}

.cbf-none{
  flex:none;font-size:12px;color:var(--cbf-muted);
  padding:9px 14px;border:1px dashed var(--cbf-line);border-radius:9px;
}
.cbf-hint{text-align:center;color:var(--cbf-muted);font-size:12.5px;margin:18px 0 0;line-height:1.6}
.cbf-empty{text-align:center;color:var(--cbf-muted);font-size:14px;padding:20px}

.cbf-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.15);border-top-color:var(--cbf-ink);border-radius:50%;animation:cbf-spin .7s linear infinite;vertical-align:-3px}
@keyframes cbf-spin{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .cbf-finder{padding:20px}
  .cbf-form{grid-template-columns:1fr;gap:10px}
  .cbf-btn{padding:16px}
  .cbf-row{flex-wrap:wrap;gap:12px}
  .cbf-pos{flex-basis:100%}
  .cbf-socket{order:2}
  .cbf-buy,.cbf-none{order:3;margin-left:auto}
  .cbf-title{font-size:22px}
}
