.brands-page{display:flex;gap:3.2rem;align-items:flex-start}.brands-page__sidebar{flex-shrink:0;position:sticky;top:12rem}.brands-page__alpha-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.brands-page__alpha-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;font-size:1.4rem;font-weight:500;color:var(--color-text);background:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border);border-radius:var(--border-radius, .4rem);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.brands-page__alpha-btn:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text)}.brands-page__alpha-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.brands-page__alpha-btn--active:hover{background:var(--color-primary);color:#fff}.brands-page__alpha-btn--disabled{opacity:.3;cursor:not-allowed}.brands-page__yetkili-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;margin-top:1.2rem;padding:1rem 1.2rem;font-size:1.3rem;font-weight:600;font-family:var(--font-body);line-height:1.2;color:var(--color-text);background:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border);border-radius:var(--border-radius, .4rem);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.brands-page__yetkili-btn:hover{background:var(--color-bg);border-color:var(--color-text)}.brands-page__yetkili-btn--active,.brands-page__yetkili-btn--active:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.brands-page__yetkili-btn svg{flex-shrink:0;width:1.6rem;height:1.6rem}.brands-page__yetkili-btn[hidden]{display:none}.brands-page__main{flex:1;min-width:0}.brands-page__heading{font-family:var(--font-heading);font-weight:var(--font-heading-weight, 700);font-size:2.4rem;margin:0 0 2rem;color:var(--color-text)}.brands-page__search{margin-bottom:1.6rem}.brands-page__search-wrapper{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius, .4rem);overflow:hidden;background:var(--color-bg)}.brands-page__search-icon{flex-shrink:0;margin-left:1.2rem;color:var(--color-text-light, #999)}.brands-page__search-input{flex:1;border:none;outline:none;padding:1.2rem;font-size:1.4rem;font-family:var(--font-body);color:var(--color-text);background:transparent}.brands-page__search-input::placeholder{color:var(--color-text-light, #999)}.brands-page__search-btn{flex-shrink:0;padding:1.2rem 2rem;font-size:1.4rem;font-weight:600;color:#fff;background:var(--color-accent, #e67e22);border:none;cursor:pointer;transition:background-color .15s}.brands-page__search-btn:hover{opacity:.9}.brands-page__count{font-size:1.3rem;color:var(--color-primary);margin:0 0 1.6rem}.brands-page__grid{display:grid;grid-template-columns:repeat(var(--brands-columns, 4),1fr);gap:2rem}.brand-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius, .4rem);overflow:hidden;transition:box-shadow .2s,border-color .2s;background:var(--color-bg)}.brand-card:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #00000014;text-decoration:none}.brand-card__image{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary, #f9f9f9);overflow:hidden}.brand-card__image img{width:100%;height:100%;object-fit:contain;padding:1.6rem}.brand-card__placeholder{font-size:4rem;font-weight:700;color:var(--color-text-light, #ccc)}.brand-card__placeholder--name{font-size:1.4rem;font-weight:600;color:var(--color-text, #333);text-align:center;padding:1rem;word-break:break-word;line-height:1.3}.brand-card__name{padding:1.2rem;text-align:center;font-size:1.3rem;font-weight:600;width:100%;border-top:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-card--skeleton{pointer-events:none}.brand-card--skeleton .brand-card__image{background:linear-gradient(90deg,var(--color-bg-secondary, #f5f5f5) 25%,var(--color-border) 50%,var(--color-bg-secondary, #f5f5f5) 75%);background-size:200% 100%;animation:brands-skeleton-pulse 1.5s ease-in-out infinite}.brand-card--skeleton .brand-card__name .skeleton-line{display:block;width:60%;height:1.3rem;margin:0 auto;border-radius:.3rem;background:linear-gradient(90deg,var(--color-bg-secondary, #f5f5f5) 25%,var(--color-border) 50%,var(--color-bg-secondary, #f5f5f5) 75%);background-size:200% 100%;animation:brands-skeleton-pulse 1.5s ease-in-out infinite}@keyframes brands-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.brands-page__empty{text-align:center;padding:4rem 2rem;font-size:1.6rem;color:var(--color-text-light, #999)}.brands-page__loading[hidden]{display:none}.brands-page__loading{display:contents}@media screen and (max-width:989px){.brands-page{flex-direction:column;gap:2rem}.brands-page__sidebar{position:static;width:100%}.brands-page__alpha-grid{grid-template-columns:repeat(8,1fr)}.brands-page__alpha-btn{width:100%}.brands-page__grid{grid-template-columns:repeat(3,1fr);gap:1.6rem}}@media screen and (max-width:749px){.brands-page__alpha-grid{grid-template-columns:repeat(6,1fr);gap:.4rem}.brands-page__alpha-btn{height:3.6rem;font-size:1.3rem}.brands-page__grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.brands-page__heading{font-size:2rem}.brands-page__search-btn{padding:1rem 1.4rem;font-size:1.3rem}.brand-card__image img{padding:1rem}.brand-card__name{font-size:1.2rem;padding:.8rem}}.brands-page__infinite-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:6rem;padding:2.4rem 1.6rem;text-align:center}.brands-page__infinite-footer[hidden]{display:none}.brands-page__infinite-sentinel{width:100%;height:1px}.brands-page__infinite-loader{display:inline-flex;align-items:center;gap:1rem;font-size:1.4rem;color:var(--color-text);opacity:.8}.brands-page__infinite-loader[hidden],.brands-page__infinite-status[hidden]{display:none}.brands-page__infinite-spinner{width:2rem;height:2rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:brands-infinite-spin .7s linear infinite;flex-shrink:0}@keyframes brands-infinite-spin{to{transform:rotate(360deg)}}.brands-page__infinite-status{font-size:1.4rem;color:var(--color-text);opacity:.7}@media(prefers-reduced-motion:reduce){.brands-page__infinite-spinner{animation-duration:2s}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-main-brands.css.map */