.brands-page{background-color:var(--color-background,#f9fafb);flex-direction:column;min-height:100vh;display:flex}.breadcrumb-section{background-color:var(--color-neutral-100,#f3f4f6);padding:var(--spacing-4,1rem)0;border-bottom:1px solid var(--color-neutral-200,#e5e7eb)}.breadcrumb{align-items:center;gap:var(--spacing-2,.5rem);font-size:var(--font-size-sm,.875rem);display:flex}.breadcrumb a{color:var(--color-neutral-600,#4b5563);transition:color var(--transition-fast,.15s ease);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary-600,#2563eb)}.breadcrumb .separator{color:var(--color-neutral-400,#9ca3af)}.breadcrumb .current{color:var(--color-neutral-900,#111827);font-weight:var(--font-weight-medium,500)}.brands-content{padding:var(--spacing-8,2rem)0;flex:1}.brands-header-section{border-radius:var(--radius-2xl,1rem);color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6);margin-bottom:2.5rem;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #3b82f633,0 8px 10px -6px #3b82f633}.brands-header-section:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:250px;height:250px;position:absolute;top:-50px;right:-50px}.brands-page-title{font-size:var(--font-size-3xl,1.875rem);font-weight:var(--font-weight-bold,700);text-shadow:0 2px 4px #0000001a;margin-bottom:.5rem}.brands-page-subtitle{font-size:var(--font-size-base,1rem);opacity:.9;max-width:600px;margin:0}.brands-search-wrapper{justify-content:center;margin-bottom:2rem;display:flex}.brands-search-container{width:100%;max-width:480px;position:relative}.brands-search-input{border:1px solid var(--color-neutral-300,#d1d5db);border-radius:var(--radius-full,9999px);width:100%;color:var(--color-neutral-900,#111827);transition:all var(--transition-normal,.25s ease);background-color:#fff;padding:.85rem 1.25rem .85rem 2.75rem;font-size:.95rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.brands-search-input:focus{border-color:var(--color-primary-500,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f626,0 4px 6px -1px #0000000d}.brands-search-icon{color:var(--color-neutral-400,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}[dir=rtl] .brands-search-input{padding:.85rem 2.75rem .85rem 1.25rem}[dir=rtl] .brands-search-icon{left:auto;right:1rem}.brands-directory-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.brand-directory-card{border-radius:var(--radius-xl,.75rem);border:1px solid var(--color-neutral-200,#e5e7eb);text-align:center;transition:all var(--transition-normal,.25s ease);background-color:#fff;flex-direction:column;align-items:center;padding:1.5rem;text-decoration:none;display:flex;box-shadow:0 1px 3px #0000000d}.brand-directory-card:hover{border-color:var(--color-primary-400,#60a5fa);transform:translateY(-5px);box-shadow:0 12px 20px -8px #00000014}.brand-card-logo-container{border-radius:var(--radius-lg,.5rem);background-color:var(--color-neutral-50,#f9fafb);border:1px solid var(--color-neutral-100,#f3f4f6);justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:1.25rem;padding:.5rem;transition:background-color .2s;display:flex;overflow:hidden}.brand-directory-card:hover .brand-card-logo-container{background-color:var(--color-primary-50,#eff6ff)}.brand-card-logo{object-fit:contain;max-width:100%;max-height:100%}.brand-card-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:1.25rem;font-size:2.25rem;font-weight:700;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 10px #1d4ed833}.brand-directory-card:hover .brand-card-avatar{transform:scale(1.08)}.brand-card-name{color:var(--color-neutral-900,#111827);margin:0 0 .35rem;font-size:1.2rem;font-weight:700;transition:color .15s}.brand-directory-card:hover .brand-card-name{color:var(--color-primary-600,#2563eb)}.brand-card-count{font-size:var(--font-size-xs,.75rem);background-color:var(--color-neutral-100,#f3f4f6);color:var(--color-neutral-600,#4b5563);border-radius:9999px;margin-bottom:1.25rem;padding:.25rem .75rem;font-weight:600;transition:all .2s}.brand-directory-card:hover .brand-card-count{background-color:var(--color-primary-100,#dbeafe);color:var(--color-primary-700,#1d4ed8)}.brand-card-btn{border:1px solid var(--color-neutral-300,#d1d5db);border-radius:var(--radius-md,.375rem);width:100%;color:var(--color-neutral-700,#374151);transition:all var(--transition-fast,.15s ease);background-color:#0000;justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.brand-directory-card:hover .brand-card-btn{background-color:var(--color-primary-600,#2563eb);border-color:var(--color-primary-600,#2563eb);color:#fff}.brand-card-btn .arrow{transition:transform .2s}.brand-directory-card:hover .brand-card-btn .arrow{transform:translate(4px)}[dir=rtl] .brand-directory-card:hover .brand-card-btn .arrow{transform:translate(-4px)}.no-brands-found{text-align:center;border-radius:var(--radius-xl,.75rem);border:1px dashed var(--color-neutral-300,#d1d5db);background-color:#fff;margin-top:1rem;padding:3rem 1rem;box-shadow:0 1px 3px #0000000d}.no-brands-found h3{color:var(--color-neutral-800,#1f2937);margin:0 0 .5rem;font-size:1.25rem}.no-brands-found p{color:var(--color-neutral-500,#6b7280);margin:0}@media (max-width:767px){.brands-header-section{border-radius:var(--radius-xl,.75rem);padding:2rem 1.25rem}.brands-page-title{font-size:1.5rem}.brands-page-subtitle{font-size:.875rem}.brands-directory-grid{grid-template-columns:1fr}}