.brand-overview{padding:20px 0}.brand-overview .page-title-wrapper{margin-bottom:30px;text-align:center}.brand-overview .page-title-wrapper .page-title{margin:0;font-size:3rem;font-weight:400;color:#333}.brand-overview .brand-toggle-nav{display:flex;justify-content:center;margin-bottom:40px;border-bottom:1px solid #e6e6e6}.brand-overview .brand-toggle-nav .brand-toggle-btn{text-transform:uppercase;background:0 0;border:none;padding:15px 30px;font-size:2rem;font-weight:500;color:#666;cursor:pointer;position:relative;transition:color .3s ease}.brand-overview .brand-toggle-nav .brand-toggle-btn:hover{color:#ff5501}.brand-overview .brand-toggle-nav .brand-toggle-btn.active{color:#ff5501}.brand-overview .brand-toggle-nav .brand-toggle-btn.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#ff5501}.brand-overview .brand-featured .brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;margin-bottom:40px}@media (max-width:768px){.brand-overview .brand-featured .brand-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}}.brand-overview .brand-featured .brand-grid .brand-item.featured .brand-link{display:block;text-decoration:none;background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease;height:120px;display:flex;align-items:center;justify-content:center}.brand-overview .brand-featured .brand-grid .brand-item.featured .brand-link:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#ff5501}.brand-overview .brand-featured .brand-grid .brand-item.featured .brand-link .brand-image img{max-width:100%;max-height:80px;height:auto;width:auto}.brand-overview .brand-featured .brand-grid .brand-item.featured .brand-link .brand-name-only span{font-size:2.5rem;font-weight:500;color:#333}.brand-overview .brand-all .brand-alphabet-nav{margin-bottom:40px;text-align:center;position:sticky;top:0;background:#fff;z-index:10;padding:20px 0;border-bottom:1px solid #e6e6e6}.brand-overview .brand-all .brand-alphabet-nav .alphabet-letters{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.brand-overview .brand-all .brand-alphabet-nav .alphabet-letters .alphabet-letter{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;text-decoration:none;border-radius:4px;font-size:1.8rem;font-weight:700;transition:all .3s ease}.brand-overview .brand-all .brand-alphabet-nav .alphabet-letters .alphabet-letter.has-brands{color:#ff5501;background:#f8f9fa}.brand-overview .brand-all .brand-alphabet-nav .alphabet-letters .alphabet-letter.has-brands:hover{background:#ff5501;color:#fff}.brand-overview .brand-all .brand-alphabet-nav .alphabet-letters .alphabet-letter.no-brands{color:#ccc;cursor:not-allowed}.brand-overview .brand-all .brand-list-container .brand-letter-group{margin-bottom:40px}.brand-overview .brand-all .brand-list-container .brand-letter-group .letter-heading{font-size:2.5rem;font-weight:400;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #ff5501;scroll-margin-top:180px}.brand-overview .brand-all .brand-list-container .brand-letter-group .brand-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}@media (max-width:768px){.brand-overview .brand-all .brand-list-container .brand-letter-group .brand-list{grid-template-columns:1fr}}.brand-overview .brand-all .brand-list-container .brand-letter-group .brand-list .brand-item.list .brand-link{display:flex;align-items:center;padding:15px;background:#fff;border:1px solid #e6e6e6;border-radius:6px;text-decoration:none;color:#333;transition:all .3s ease}.brand-overview .brand-all .brand-list-container .brand-letter-group .brand-list .brand-item.list .brand-link:hover{background:#f8f9fa;border-color:#ff5501;color:#ff5501}.brand-overview .brand-all .brand-list-container .brand-letter-group .brand-list .brand-item.list .brand-link .brand-image-small{margin-right:15px;flex-shrink:0}.brand-overview .brand-all .brand-list-container .brand-letter-group .brand-list .brand-item.list .brand-link .brand-image-small img{max-width:60px;max-height:40px;height:auto;width:auto}.brand-overview .brand-all .brand-list-container .brand-letter-group .brand-list .brand-item.list .brand-link .brand-name{font-size:1.5rem;font-weight:500}.brand-overview .no-brands-message{text-align:center;padding:60px 20px;color:#666;font-size:1.3rem}.brand-overview .brand-section{transition:opacity .3s ease}.brand-overview .brand-section[aria-hidden=true]{opacity:0;pointer-events:none}.brand-overview .brand-section[aria-hidden=false]{opacity:1;pointer-events:auto}.brand-item .brand-link img{transition:opacity .3s ease}.brand-item .brand-link img[loading=lazy]{opacity:0}.brand-item .brand-link img[loading=lazy].loaded{opacity:1}.brand-toggle-btn:focus,.alphabet-letter:focus,.brand-link:focus{outline:2px solid #ff5501;outline-offset:2px}