.filter-bar{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:32px}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;background-color:#e5e7eb;color:#6b7280;border:none;border-radius:20px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:opacity .2s,background-color .2s;opacity:.5}.clear-filters-btn span:first-child{color:inherit}.clear-filters-btn.active{opacity:1}.clear-filters-btn:hover{background-color:#d1d5db}.clear-filters-btn:disabled{cursor:not-allowed;opacity:.3}.clear-filters-btn-icon{font-size:12px;line-height:1}.custom-select{position:relative;width:100%;max-width:150px;min-width:100px}.select-selected{padding:7px 14px;border-radius:20px;border:1.5px solid #d9d9d9;background:#fff;font-size:1rem;color:#222;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative;transition:border-color .2s,background-color .2s}.select-selected.selected{border-color:#ff6f22;background:#fff7f0;color:#ff6f22}.select-selected:after{content:"";display:inline-block;border:solid #aaa;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);margin-left:12px;transition:border-color .2s}.select-selected.selected:after{border-color:#ff6f22}.select-items{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;z-index:3;border-radius:4px;padding:4px 0;max-height:200px;overflow-y:auto;width:100%;top:100%;left:0;margin-top:4px}.select-items.select-show{display:block}.select-option{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.select-option:hover{background-color:#f8f9fa}.select-option:active{background-color:#f0f0f0}.select-option.placeholder{color:#6b7280;cursor:default;pointer-events:none;user-select:none}.select-option.loading{display:flex;justify-content:center;align-items:center;min-height:40px}.select-option .spinner{width:24px;height:24px;margin:0}.container{font-family:Inter,Arial,sans-serif;padding:24px;max-width:1200px;margin:0 auto}.car-state-filter{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.car-state-btn{background:#fff;border:1.5px solid #ff6f22;color:#ff6f22;padding:8px 28px;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;outline:none;box-shadow:0 1px 4px #ff6f2212}.car-state-btn.active,.car-state-btn:focus,.car-state-btn:hover{background:#ff6f22;color:#fff;border-color:#ff6f22;box-shadow:0 2px 8px #ff6f2221}@media (max-width: 600px){.car-state-filter{flex-direction:column;gap:8px;align-items:center}.car-state-btn{width:100%;font-size:15px;padding:8px 0}}.car-listings-heading{text-align:center;font-size:2.2rem;font-weight:700;color:#ff6f22;margin-bottom:32px;letter-spacing:.5px}.car-listings{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;justify-content:center;max-width:1200px;margin:0 auto}.show-more-wrap{display:flex;justify-content:center;margin:32px 0 0}.show-more-btn{background:#fff;border:2px solid #ff6f22;color:#ff6f22;padding:12px 44px;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;outline:none;box-shadow:0 1px 4px #ff6f2212}.show-more-btn:hover,.show-more-btn:focus{background:#ff6f22;color:#fff;border-color:#ff6f22;box-shadow:0 2px 8px #ff6f2221}.car-listings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;margin:48px 0 32px}.no-cars-message{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px auto 32px;padding:28px 18px 24px;max-width:480px;width:100%;border-radius:0;box-shadow:none;background:none;text-align:center;grid-column:1 / -1}.no-cars-icon{font-size:4.2rem;margin-bottom:16px;color:#ff6f22}.no-cars-title{font-size:1.32rem;font-weight:700;color:#ff6f22;margin-bottom:8px;text-align:center}.no-cars-suggestion{font-size:1.06rem;color:#555;text-align:center;margin-top:3px}.spinner{width:54px;height:54px;border:6px solid #eee;border-top:6px solid #ff6f22;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.18rem;color:#444;font-weight:500;letter-spacing:.16px}@media (max-width: 600px){.show-more-btn{width:100%;font-size:16px;padding:12px 0}}.car{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%;min-width:0;border:2px solid #d9d9d9;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.car:hover{box-shadow:0 6px 24px #0000002e;border-color:#ff6f22}.car-image-wrap{position:relative;background:#f4f7fa;height:180px;display:flex;align-items:center;justify-content:center;border-bottom:1.5px solid #e7e7e7}.car-image-wrap img,.car-img{width:100%;height:180px;max-width:100%;max-height:180px;object-fit:cover;border-radius:4px;display:block}.car-badge{position:absolute;top:16px;left:16px;background:#ff6f22;color:#fff;padding:4px 12px;border-radius:18px;font-size:13px;font-weight:400;letter-spacing:1px;box-shadow:0 1px 4px #0000001a;z-index:2}.car-badge--new{background:#ff6f22!important}.car-badge--used{background:#5c6ac4!important}.car-content{padding:13.6px 22.4px 19.2px;display:flex;flex-direction:column;flex:1}.car-title{margin:0;font-size:24px;font-weight:600;color:#ff6f22}.car-specification{font-size:15px;color:#7e7070;font-weight:200;margin-bottom:10px;border-bottom:1px solid #ff6f22;padding-bottom:5px}.car-specs-row{display:flex}.car-specs-col{display:flex;flex-direction:column;gap:4px;font-size:15px;color:#7e7070;flex:1}.car-specs-divider{width:1px;background:#f69b69;margin:0 19px;height:80px;align-self:center}.car-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:13px;border-top:1px solid #ff6f22;padding-top:16px;gap:24px}.car-bottom-col{display:flex;flex-direction:column;align-items:flex-start}.car-label{font-size:12px;color:#000;margin-bottom:3px;font-weight:400;letter-spacing:.5px}.car-discount{font-size:24px;font-weight:700;color:#ff6f22}.car-price{font-size:24px;font-weight:800;color:#ff6f22;line-height:1.1}@media (max-width: 700px){.car-listings{flex-direction:column;align-items:center;gap:16px}.car{width:95vw;max-width:350px}.filter-bar{flex-direction:column;align-items:stretch;gap:8px}}.no-cars-message{display:flex;align-items:center;gap:8px;padding:16px;border-radius:8px;margin-top:16px;background:#fff;box-shadow:0 2px 4px #0000001a;text-align:center}.no-cars-message{color:#64748b;font-size:14px}.no-cars-message span:first-child{font-size:20px;color:#64748b}.error-message{color:#ef4444;font-size:14px}.error-message span:first-child{font-size:20px;color:#ef4444}