.popular-brands{-webkit-user-select:none;user-select:none;width:100%;max-width:1440px;margin:0 auto}.popular-brands-container{margin:1.5rem}@media (min-width:640px){.popular-brands-container{margin:2.25rem 1.5rem}}@media (min-width:1024px){.popular-brands-container{margin:2.25rem 3rem}}.popular-brands-title{color:#1f2937;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}@media (min-width:640px){.popular-brands-title{font-size:1.5rem}}@media (min-width:768px){.popular-brands-title{font-size:1.875rem}}@media (min-width:1024px){.popular-brands-title{font-size:1.875rem}}.popular-brands-list{cursor:pointer;gap:.75rem;padding-bottom:1rem;display:flex;overflow-x:auto}@media (min-width:1024px){.popular-brands-list{grid-template-columns:repeat(5,1fr);gap:1.5rem;padding-bottom:0;display:grid}}@media (min-width:768px){.popular-brands-list{gap:1rem}}@media (min-width:1280px){.popular-brands-list{gap:2rem}}.popular-brand-item{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.25rem;display:flex}@media (min-width:1024px){.popular-brand-item{flex-shrink:1;gap:.5rem}}@media (min-width:768px){.popular-brand-item{gap:.5rem}}.popular-brand-item:hover .popular-brand-image{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.popular-brand-image-container{border-radius:.5rem;width:100px;height:100px;transition:all .3s ease-in-out;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width:640px){.popular-brand-image-container{width:120px;height:120px}}@media (min-width:768px){.popular-brand-image-container{width:180px;height:180px}}@media (min-width:1024px){.popular-brand-image-container{width:220px;height:220px}}.popular-brand-image{object-fit:contain;padding:.5rem}@media (min-width:768px){.popular-brand-image{padding:.75rem}}@media (min-width:1024px){.popular-brand-image{padding:1rem}}.popular-brand-name{text-align:center;color:#1f2937;max-width:100px;padding:.125rem .25rem;font-size:.625rem;font-weight:700;line-height:1.2;transition:color .15s}@media (min-width:640px){.popular-brand-name{max-width:120px;font-size:.75rem}}@media (min-width:768px){.popular-brand-name{max-width:180px;padding:.5rem;font-size:.875rem}}@media (min-width:1024px){.popular-brand-name{max-width:220px;padding:.75rem;font-size:1rem}}.popular-brand-item:hover .popular-brand-name{color:#2563eb}.popular-brands-loading{gap:.75rem;padding-bottom:1rem;display:flex;overflow-x:auto}@media (min-width:1024px){.popular-brands-loading{grid-template-columns:repeat(5,1fr);gap:1.5rem;padding-bottom:0;display:grid}}.popular-brand-skeleton{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;display:flex}@media (min-width:1024px){.popular-brand-skeleton{flex-shrink:1}}.popular-brand-skeleton-image{aspect-ratio:1;background-color:#e5e7eb;border-radius:.5rem;width:100%;max-width:160px;position:relative;overflow:hidden}@media (min-width:640px){.popular-brand-skeleton-image{max-width:180px}}@media (min-width:1024px){.popular-brand-skeleton-image{border-radius:1rem;max-width:220px}}.popular-brand-skeleton-text{background-color:#e5e7eb;border-radius:.25rem;width:5rem;height:1.25rem}@media (min-width:640px){.popular-brand-skeleton-text{width:7rem;height:1.5rem}}@media (min-width:1024px){.popular-brand-skeleton-text{width:8rem;height:2rem}}.popular-brands-error{text-align:center;padding:2rem 0}@media (min-width:640px){.popular-brands-error{padding:3rem 0}}.popular-brands-error-text{color:#ef4444;margin-bottom:1rem;font-size:1rem}@media (min-width:640px){.popular-brands-error-text{font-size:1.125rem}}.popular-brands-retry-btn{color:#fff;background-color:#3b82f6;border-radius:.25rem;padding:.5rem 1.5rem;font-size:.875rem;transition:background-color .15s}.popular-brands-retry-btn:hover{background-color:#2563eb}.popular-brands-empty{text-align:center;padding:2rem 0}@media (min-width:640px){.popular-brands-empty{padding:3rem 0}}.popular-brands-empty-text{color:#6b7280;font-size:1rem}@media (min-width:640px){.popular-brands-empty-text{font-size:1.125rem}}