/* Base */
.bw-vtf { --cs-radius:8px; --cs-border:#e2e5ea; --cs-shadow:0 10px 30px rgba(0,0,0,.08); --cs-bg:#fff; --cs-hover:#f6f7f9; --cs-text:#111; --cs-muted:#667085; }
.bw-vtf .is-hidden { display:none !important; }
.bw-vtf select { min-width: 180px; margin: 6px 8px 6px 0; } /* a11y fallback */
.bw-vtf .note { opacity:.8; }

/* Honeypot — visually hidden but in DOM */
.bwvtf-hp { position: absolute; left: -99999px; width: 1px; height: 1px; overflow: hidden; }

/* Controls wrapper */
.bw-vtf-controls { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }

/* Custom Select (shared for Make/Model/Year/Variant) */
.cs { position:relative; display:inline-flex; align-items:center; }
.cs-toggle {
  display:flex; align-items:center; gap:10px;
  min-width:220px; padding:10px 12px;
  border:1px solid var(--cs-border); border-radius:var(--cs-radius);
  background:var(--cs-bg); color:var(--cs-text); cursor:pointer;
  transition: box-shadow .15s ease, border-color .15s ease, transform .035s ease;
}
.cs-toggle:hover { box-shadow: var(--cs-shadow); }
.cs-toggle:active { transform: translateY(1px); }
.cs-caret { margin-left:auto; opacity:.7; }
.cs-disabled .cs-toggle { opacity:.6; pointer-events:none; }

.cs-panel {
  position:absolute; top:calc(100% + 6px); left:0; z-index:9999;
  width:360px; max-height:360px; overflow:auto;
  background:var(--cs-bg); border:1px solid var(--cs-border);
  border-radius:var(--cs-radius); box-shadow:var(--cs-shadow); display:none;
}
.cs-tools { padding:8px; border-bottom:1px solid var(--cs-border); }
.cs-search {
  width:100%; padding:8px 10px; border:1px solid var(--cs-border);
  border-radius:6px; outline:none;
}
.cs-list { padding:6px 0; }
.cs-item {
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; cursor:pointer;
}
.cs-item:hover { background:var(--cs-hover); }
.cs-img { width:28px; height:20px; object-fit:contain; }
.cs-text { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Tyre size chips */
.bw-vtf .tyre-chip {
  display:inline-block; margin: 4px 6px; padding: 8px 12px;
  border: 1px solid var(--cs-border); border-radius: 999px; cursor: pointer;
  background: #fff; transition: box-shadow .15s ease, transform .035s ease;
}
.bw-vtf .tyre-chip:hover { box-shadow: var(--cs-shadow); }
.bw-vtf .tyre-chip:active { transform: translateY(1px); }

/* Result card */
.bw-vtf-card { border:1px solid var(--cs-border); border-radius:12px; padding:14px; margin-top:12px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.03); }
.bw-vtf-card-head { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.bw-vtf-card-img { width:90px; height:64px; object-fit:cover; border-radius:8px; }
.bw-vtf-card-title { font-weight:700; }
.bw-vtf-card-sub { margin-left:auto; color:var(--cs-muted); }

.bw-vtf-card-body { display:flex; gap:24px; flex-wrap:wrap; }
.bw-vtf-side { min-width:240px; }
.bw-vtf-side-title { font-weight:600; margin-bottom:6px; }
.bw-vtf-chips { margin-bottom:6px; }
.bw-vtf-press { font-size:12px; color:var(--cs-muted); }