:root{--wcbf-dark:#303236;--wcbf-gold:#D4AF37;--wcbf-bg:#f6f6f6;--wcbf-line:#dedede}
.wcbf-shell{width:100%;display:flex;justify-content:center;padding:12px 0;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.wcbf-card{position:relative;width:min(100%,620px);box-sizing:border-box;background:var(--wcbf-bg);border-top:4px solid var(--wcbf-gold);padding:22px;border-radius:10px;color:var(--wcbf-dark)}
.wcbf-card h2{margin:0 0 16px;text-align:center;font-size:20px;letter-spacing:.5px}.wcbf-card h3{margin:18px 0 9px;font-size:15px}
.wcbf-trip-row{display:flex;gap:8px;margin-bottom:12px}.wcbf-trip{height:40px;padding:0 18px;border:1px solid var(--wcbf-gold);background:#fff;color:var(--wcbf-dark);font-weight:700;cursor:pointer}.wcbf-trip.active{background:var(--wcbf-dark);border-color:var(--wcbf-dark);color:#fff}
.wcbf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wcbf-field{position:relative;display:flex;align-items:stretch;min-height:52px;margin-bottom:10px;background:#fff;border:1px solid var(--wcbf-line)}.wcbf-field label{display:flex;align-items:center;width:170px;min-width:170px;padding:0 14px;background:var(--wcbf-gold);color:var(--wcbf-dark);font-size:13px;font-weight:700}.wcbf-field input,.wcbf-field select{width:100%;min-width:0;border:0;outline:0;background:#fff;padding:0 15px;color:var(--wcbf-dark);font-size:14px}.wcbf-field input:focus,.wcbf-field select:focus{box-shadow:inset 0 0 0 1px var(--wcbf-gold)}
.wcbf-cars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wcbf-car{min-height:150px;padding:0;background:#fff;border:1px solid #e1e1e1;border-radius:4px;text-align:left;cursor:pointer;color:var(--wcbf-dark);overflow:hidden;transition:.18s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.wcbf-car:hover,.wcbf-car.selected{border-color:var(--wcbf-gold);box-shadow:0 4px 14px rgba(0,0,0,.10);transform:translateY(-1px)}.wcbf-car-image{display:flex!important;align-items:center;justify-content:center;width:100%;height:88px;background:#fafafa;border-bottom:1px solid #eee;padding:5px 8px;box-sizing:border-box}.wcbf-car-image img{display:block;width:100%;height:100%;object-fit:contain}.wcbf-car-info{display:block!important;padding:9px 10px 11px}.wcbf-car-info strong{display:block;font-size:13px;line-height:1.2;margin-bottom:6px}.wcbf-car-info em{display:block;font-style:normal;font-size:9px;line-height:1.5;color:#8a8a8a}
.wcbf-main{width:100%;height:46px;border:0;background:var(--wcbf-dark);color:#fff;font-weight:800;font-size:14px;margin-top:16px;cursor:pointer;border-radius:4px}.wcbf-main:hover{background:#1f2022}.wcbf-main:disabled{opacity:.65;cursor:not-allowed}.wcbf-book{background:var(--wcbf-gold);color:var(--wcbf-dark);margin-top:12px}.wcbf-book:hover{background:#c4a133}
.wcbf-result{display:none;margin-top:12px;background:var(--wcbf-dark);border-left:4px solid var(--wcbf-gold);padding:14px;color:#fff}.wcbf-result.show{display:block}.wcbf-result small{display:block;color:#c8c8c8;font-size:10px;letter-spacing:1px}.wcbf-result strong{display:block;color:var(--wcbf-gold);font-size:27px;margin:4px 0}.wcbf-meta{display:flex;justify-content:space-between;font-size:12px;color:#ddd}
.wcbf-customer{margin-top:16px}.wcbf-customer input{display:block;width:100%;height:46px;box-sizing:border-box;border:1px solid var(--wcbf-line);background:#fff;padding:0 13px;margin:8px 0;outline:0}.wcbf-customer input:focus{border-color:var(--wcbf-gold)}
.wcbf-error,.wcbf-status{display:none;margin-top:10px;padding:10px;font-size:12px}.wcbf-error.show,.wcbf-status.show{display:block}.wcbf-error{background:#fff0ef;border:1px solid #e9c0bc;color:#8d352d}.wcbf-status.loading{background:#eee;color:#555}.wcbf-status.ok{background:#eef7ee;color:#286232;border:1px solid #c8dfca}.wcbf-status.bad{background:#fff0ef;color:#8d352d;border:1px solid #e9c0bc}
.wcbf-suggestions{position:absolute;left:170px;right:0;top:calc(100% + 2px);background:#fff;border:1px solid #d8d8d8;box-shadow:0 10px 24px rgba(0,0,0,.15);z-index:99999}.wcbf-suggestion{display:block;width:100%;padding:10px 12px;text-align:left;border:0;border-bottom:1px solid #eee;background:#fff;cursor:pointer;color:var(--wcbf-dark)}.wcbf-suggestion:hover{background:#fffaf0}.wcbf-suggestion strong{display:block;font-size:12px}.wcbf-suggestion small{display:block;margin-top:3px;color:#777;font-size:10px}
@media(max-width:620px){.wcbf-card{padding:15px}.wcbf-grid{grid-template-columns:1fr}.wcbf-cars{grid-template-columns:repeat(2,1fr)}.wcbf-field{flex-direction:column}.wcbf-field label{width:auto;min-width:0;min-height:36px}.wcbf-field input,.wcbf-field select{height:46px}.wcbf-suggestions{left:0;top:100%}}
@media(max-width:380px){.wcbf-cars{grid-template-columns:1fr}}