.hero-section{background:url("../../Supplier/img/car-parts-hero.png") center center/cover no-repeat #333;padding:80px 20px;position:relative;overflow:hidden;min-height:450px;display:flex;flex-direction:column;justify-content:center}.hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1}.hero-section>*{position:relative;z-index:2}.hero-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.hero-filter-box{background:linear-gradient(135deg,rgba(80,20,40,.25),rgba(40,10,20,.35));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 50px rgba(0,0,0,.3),inset 0 0 0 1px rgba(248,66,105,.15);border-radius:20px;padding:30px;min-width:320px;max-width:600px}.hero-filter-box h2{text-align:center;color:#fff;font-size:1.3rem;margin-bottom:8px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.hero-filter-box .hero-subtitle{text-align:center;color:rgba(255,255,255,.8);font-size:.85rem;margin-bottom:25px}.hero-filter-box .filter-group{margin-bottom:20px}.hero-filter-box select{width:100%;padding:14px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;cursor:pointer;transition:border-color .2s;margin-bottom:15px}.hero-filter-box select.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f84269' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:18px;padding-left:40px}.hero-filter-box select:focus{border-color:var(--primary);outline:0}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;max-height:300px;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) rgba(255,255,255,0.1)}.brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:2px solid transparent;border-radius:12px;padding:10px 5px;cursor:pointer;transition:.2s;min-height:70px;box-shadow:0 2px 5px rgba(0,0,0,.05);font-family:inherit;color:#333}.brand-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.brand-card.active{border-color:var(--primary);background-color:#fff5f7;color:var(--primary);box-shadow:0 0 0 2px rgba(248,66,105,.2)}.brand-card img{width:32px;height:32px;object-fit:contain;margin-bottom:5px;filter:grayscale(0%)}.brand-card span{font-size:.7rem;font-weight:600;text-align:center;line-height:1.2}.brand-card img[src=""]{display:none}.brand-grid::-webkit-scrollbar{width:6px}.brand-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}.brand-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px;transition:background .2s}.brand-grid::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (min-width:600px){.hero-filter-box{max-width:600px}.brand-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.hero-filter-box{max-width:1100px}.brand-grid{grid-template-columns:repeat(12,1fr)}}.hero-search-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.hero-search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(248,66,105,.3)}.hero-image{flex:1;text-align:center;min-width:300px}.hero-image img{max-width:100%;height:auto;max-height:350px;object-fit:contain}.hero-title{text-align:center;font-size:2rem;color:#fff;margin-bottom:30px;text-shadow:2px 2px 8px rgba(0,0,0,.8);background:0 0!important;box-shadow:none!important;padding:0;border-radius:0;width:auto;max-width:none}.hero-features{background:#fff;padding:30px 20px;border-top:1px solid #eee}.hero-features-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px}.hero-features-list{list-style:none;padding:0;margin:0}.hero-features-list li{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.95rem;color:#555}.hero-features-list li::before{content:">>";color:var(--primary);font-weight:700;font-size:1.1rem}.hero-map{text-align:center}