.brands-page-container{min-height:calc(100vh - 200px);background:#f9fafb;padding:40px 20px}.brands-content{max-width:1400px;margin:0 auto}.brands-header{text-align:center;margin-bottom:40px}.brands-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 16px}.brands-subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.brand-search-container{position:relative;max-width:500px;margin:0 auto 50px}.brand-search-input{width:100%;padding:14px 20px 14px 48px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease;background:#fff}.brand-search-input:focus{outline:none;border-color:#2d5f3f;box-shadow:0 0 0 3px #2d5f3f1a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.loading-state{text-align:center;padding:80px 20px}.spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid #e5e7eb;border-top-color:#2d5f3f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;padding:80px 20px;color:#dc2626}.btn-retry{margin-top:20px;padding:10px 24px;background:#2d5f3f;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background .2s}.btn-retry:hover{background:#1a472a}.brands-container{background:#fff;border-radius:16px;padding:40px;box-shadow:0 1px 3px #0000001a}.brand-letter-section{margin-bottom:50px}.brand-letter-section:last-child{margin-bottom:0}.brand-letter-header{font-size:2rem;font-weight:700;color:#2d5f3f;margin:0 0 24px;padding-bottom:12px;border-bottom:3px solid #2d5f3f}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.brand-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:32px 24px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.brand-card-logo{width:160px;height:160px;object-fit:contain;flex-shrink:0;border-radius:8px;transition:all .3s ease;display:block;margin:0 auto}.brand-card:hover .brand-card-logo{transform:scale(1.05)}.brand-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#2d5f3f;transform:scaleY(0);transition:transform .3s ease}.brand-card:hover{border-color:#2d5f3f;box-shadow:0 4px 12px #2d5f3f26;transform:translateY(-2px)}.brand-card:hover:before{transform:scaleY(1)}.brand-card-content{display:flex;flex-direction:column;align-items:center}.brand-name,.brand-card-arrow{display:none}.no-brands{text-align:center;padding:80px 20px;color:#6b7280;font-size:1.125rem}@media(max-width:768px){.brands-page-container{padding:20px 16px}.brands-title{font-size:2rem}.brands-subtitle{font-size:1rem}.brands-container{padding:24px 16px}.brand-grid{grid-template-columns:1fr;gap:16px}.brand-letter-header{font-size:1.5rem}.brand-card{padding:20px}.brand-name{font-size:1.125rem}}@media(max-width:480px){.brands-title{font-size:1.75rem}.brands-header,.brand-search-container{margin-bottom:30px}.brand-letter-section{margin-bottom:40px}}@media print{.brands-page-container{background:#fff}.brand-search-container{display:none}.brand-card{break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}.brand-card-arrow{display:none}}