.brands-page[data-v-35a165d4]{background:var(--surface-container-lowest);color:var(--on-surface)}.page-container[data-v-35a165d4]{max-width:100%;margin:0 auto;padding-left:8px;padding-right:8px}@media (min-width:1024px){.page-container[data-v-35a165d4]{padding-left:16px;padding-right:16px}}@media (min-width:1920px){.page-container[data-v-35a165d4]{max-width:calc(100% - 48px);padding-left:24px;padding-right:24px}}.filter-bar[data-v-35a165d4]{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--primary) 45%, transparent) transparent;flex-wrap:nowrap;overflow-x:auto}.filter-bar[data-v-35a165d4]::-webkit-scrollbar{width:6px;height:6px}.filter-bar[data-v-35a165d4]::-webkit-scrollbar-track{background:0 0}.filter-bar[data-v-35a165d4]::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--primary) 40%, transparent);border-radius:999px}.filter-bar[data-v-35a165d4]::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--primary) 65%, transparent)}.filter-btn[data-v-35a165d4]{background:var(--surface-container-highest);color:var(--on-surface);white-space:nowrap;border-radius:.25em;min-width:auto;margin:.25em;padding:.5em;font-size:.8em}.filter-btn[data-v-35a165d4] .q-btn__content{color:var(--on-surface)}.filter-btn--selected[data-v-35a165d4]{background:var(--primary);color:#fff}.filter-btn--selected[data-v-35a165d4] .q-btn__content{color:#fff}.brands-grid[data-v-35a165d4]{flex-wrap:wrap;gap:.5em;display:flex}.brands-group-header[data-v-35a165d4]{flex:1 0 97%;align-items:center;margin:.5em 0;display:flex}.brands-group-header-text[data-v-35a165d4]{color:var(--on-surface);margin-left:.5em;font-weight:600}.brands-group-header-line[data-v-35a165d4]{background:color-mix(in srgb, var(--outline) 30%, transparent);flex-grow:1;margin-right:.5em}.brand-card[data-v-35a165d4]{border-color:color-mix(in srgb, var(--outline) 35%, transparent);min-width:150px;max-width:200px;height:auto;min-height:180px;box-shadow:0 4px 12px color-mix(in srgb, var(--on-surface) 8%, transparent);background:var(--surface-container-low);border-radius:.5em;flex:0 0 calc(25% - .5em);margin:.5em .25em;transition:box-shadow .25s,transform .25s}.brand-card[data-v-35a165d4]:hover{box-shadow:0 6px 16px color-mix(in srgb, var(--on-surface) 14%, transparent);transform:translateY(-2px)}.brand-card--skeleton[data-v-35a165d4]{pointer-events:none}@media (max-width:768px){.brand-card[data-v-35a165d4]{flex:0 0 calc(50% - .5em);max-width:calc(50% - .5em)}}.brand-card-content[data-v-35a165d4]{flex-direction:column;justify-content:flex-start;align-items:center;height:100%;min-height:160px;padding:.5em;display:flex}.brand-card-icon-container[data-v-35a165d4]{flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.brand-card-icon[data-v-35a165d4]{border-radius:.25em;max-width:110px;max-height:110px}.brand-card-icon-placeholder[data-v-35a165d4]{background:var(--surface-container-highest);border-radius:.25em;width:110px;height:110px}.brand-card-icon-placeholder-icon[data-v-35a165d4]{color:var(--on-surface-variant)}.brand-card-skeleton-icon[data-v-35a165d4]{border-radius:.25em;flex-shrink:0;width:110px;height:110px}.brand-card-names[data-v-35a165d4]{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px;width:100%;margin-top:auto;padding:0 4px;display:flex}.brand-card-name-fa[data-v-35a165d4]{color:var(--on-surface);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-weight:500;overflow:hidden}.brand-card-name-en[data-v-35a165d4]{color:var(--on-surface-variant);text-align:left;text-overflow:ellipsis;white-space:nowrap;direction:ltr;flex-shrink:1;min-width:0;font-size:.75rem;overflow:hidden}.empty-state[data-v-35a165d4]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 16px;display:flex}.empty-state-icon[data-v-35a165d4]{color:var(--on-surface-variant);opacity:.5}@media (max-width:768px){.brand-card-icon-container[data-v-35a165d4],.brand-card-icon-placeholder[data-v-35a165d4],.brand-card-skeleton-icon[data-v-35a165d4]{width:90px;height:90px}.brand-card-icon[data-v-35a165d4]{max-width:90px;max-height:90px}}