.popular-makes-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 1rem;display:flex}.popular-makes-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.view-all-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s}.view-all-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.popular-makes-container{width:100%;margin-top:15px;padding:10px 0;position:relative}.popular-makes-scroll{scroll-behavior:smooth;scroll-snap-type:x mandatory;grid-template-rows:repeat(2,1fr);grid-auto-flow:column;gap:16px;padding-bottom:10px;display:grid;overflow:auto hidden}.popular-makes-scroll::-webkit-scrollbar{display:none}.popular-makes-scroll{-ms-overflow-style:none;scrollbar-width:none}.brand-card-wrapper{cursor:pointer;scroll-snap-align:start;flex-shrink:0;width:160px;min-width:160px;height:120px;min-height:120px;transition:all .3s}.brand-card-wrapper:hover{transform:translateY(-4px)}.brand-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;height:100%;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.brand-card:hover{background:linear-gradient(#fff,#f8fafc);border-color:#93c5fd;box-shadow:0 8px 25px #3b82f626}.brand-content{text-align:center;z-index:1;position:relative}.brand-name{color:#1f2937;margin-bottom:8px;font-size:16px;font-weight:700;transition:color .3s}.brand-card:hover .brand-name{color:#2563eb}.brand-listing-count{color:#6b7280;margin-top:4px;font-size:12px;font-weight:500;transition:color .3s}.brand-card:hover .brand-listing-count{color:#4b5563}.brand-underline{opacity:0;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px;width:40px;height:3px;margin:0 auto;transition:opacity .3s}.brand-card:hover .brand-underline{opacity:1}.no-brands-placeholder{text-align:center;color:#64748b;grid-column:1/-1;padding:40px 20px;font-size:16px}@media (max-width:1200px){.brand-card-wrapper{width:140px;min-width:140px;height:110px;min-height:110px}.brand-card{padding:18px}.brand-name{font-size:15px}}@media (max-width:1024px){.brand-card-wrapper{width:140px;min-width:140px;height:110px;min-height:110px}.brand-card{padding:18px}.brand-name{font-size:15px}}@media (max-width:768px){.brand-card-wrapper{width:120px;min-width:120px;height:100px;min-height:100px}.brand-card{padding:16px}.brand-name{font-size:14px}.popular-makes-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:480px){.brand-card-wrapper{width:100px;min-width:100px;height:90px;min-height:90px}.brand-card{padding:14px}.brand-name{font-size:13px}}@media (max-width:640px){.popular-makes-container{padding-bottom:20px}.brand-card-wrapper{width:120px;min-width:120px;height:100px;min-height:100px}}.popular-nav-arrow{cursor:pointer;z-index:10;background:#ffffffe6;border:1px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.popular-nav-arrow:hover{background:#fff;transform:translateY(-50%)scale(1.05);box-shadow:0 4px 12px #00000026}.popular-nav-arrow-left{left:-20px}.popular-nav-arrow-right{right:-20px}@media (max-width:768px){.popular-nav-arrow{width:36px;height:36px;font-size:18px}.popular-nav-arrow-left{left:-10px}.popular-nav-arrow-right{right:-10px}}@media (max-width:480px){.popular-nav-arrow{width:32px;height:32px;font-size:16px}.popular-nav-arrow-left{left:0}.popular-nav-arrow-right{right:0}}