@charset "UTF-8";.page-banner+.search-bar{margin-top:37.5939849624vw}.search-bar{background-color:#f5f5f5;padding:20px 0;border-bottom:1px solid #eee}.search-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.filter-section{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.filter-item{display:flex;align-items:center;gap:8px}.filter-item label{font-size:1rem;color:#2c3437;white-space:nowrap}.filter-item select{min-height:42px;padding:8px 15px;border:1px solid #d9d9d9;border-radius:8px;background-color:#fff;font-size:1rem;color:#2c3437;cursor:pointer;min-width:120px}.filter-item select:focus{outline:0;border-color:#35b7ab}.filter-item select option{padding:8px}.btn-reset-filter{padding:8px 15px;background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;font-size:1rem;color:#2c3437;cursor:pointer;transition:all .3s}.btn-reset-filter:hover{border-color:#35b7ab;color:#35b7ab}.search-section{display:flex;align-items:center;gap:10px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:10px;width:18px;height:18px;opacity:.5}.search-input-wrapper input[type=search]{width:260px;min-height:42px;padding:8px 20px 8px 40px;border:1px solid #d9d9d9;border-radius:8px;font-size:1rem;color:#2c3437;background-color:#fff}.search-input-wrapper input[type=search]:focus{outline:0;border-color:#35b7ab}.search-input-wrapper input[type=search]::-webkit-search-cancel-button,.search-input-wrapper input[type=search]::-webkit-search-decoration{display:none}.search-input-wrapper .btn-clear{position:absolute;right:8px;width:20px;height:20px;display:none;align-items:center;justify-content:center;background-color:#999;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;line-height:1;padding:0}.search-input-wrapper .btn-clear:hover{background-color:#777}.search-btn-wrapper{display:flex;align-items:center;gap:10px}.search-btn-wrapper>button{white-space:nowrap}.search-btn-wrapper .btn-search{padding:8px 15px;background-color:#35b7ab;border:1px solid #35b7ab;border-radius:8px;font-size:1rem;color:#fff;cursor:pointer;transition:all .3s}.search-btn-wrapper .btn-search:hover{background-color:#0ea999;border-color:#0ea999}.search-btn-wrapper .btn-reset-search{padding:8px 15px;background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;font-size:1rem;color:#2c3437;cursor:pointer;transition:all .3s}.search-btn-wrapper .btn-reset-search:hover{border-color:#35b7ab;color:#35b7ab}@media (max-width:1400px){.search-bar-inner{flex-direction:column;gap:15px}.filter-section{width:100%;justify-content:center}.search-section{width:100%;justify-content:center}}@media (max-width:768px){.filter-section{flex-direction:column;align-items:stretch;gap:10px}.filter-item{width:100%}.filter-item select{flex:1}.btn-reset-filter{width:100%}.search-section{padding-top:22px;margin-top:12px;border-top:1px dashed #cacbcc;flex-direction:column;gap:10px}.search-input-wrapper{width:100%}.search-input-wrapper input[type=search]{width:100%}.search-btn-wrapper{width:100%;justify-content:space-between;gap:10px}.search-btn-wrapper>button{display:flex;flex:1}}.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.car-card{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.car-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.12)}.car-image{height:280px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.car-image img{width:100%;height:100%;object-fit:cover}.car-info{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}.car-name{font-size:1.2rem;margin-bottom:0;color:#2c3437;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.car-type{color:#777;font-size:.9rem;margin-bottom:5px;flex-shrink:0}.car-info .car-price{grid-column:1/-1;margin-top:10px}.car-price{font-size:1.3rem;color:#f5222d;font-weight:700;margin-bottom:15px}.error-message,.loading,.no-data{text-align:center;padding:50px;color:#777;font-size:1.1rem;grid-column:1/-1}.error-message{color:#f5222d}.error-message button{margin-top:15px;padding:10px 25px;background-color:#35b7ab;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.error-message button:hover{background-color:#0ea999}@media (max-width:1400px){.car-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.car-grid{grid-template-columns:1fr}}