.es-brand-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 22px;padding:12px 14px;border:1px solid #eee;border-radius:14px;background:#fff}.es-brand-filter__title{font-weight:700;color:#222;white-space:nowrap}.es-brand-filter__items{display:flex;gap:8px;flex-wrap:wrap}.es-brand-filter__item{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 12px;border:1px solid #e6e6e6;border-radius:8px;background:#fafafa;color:#333;text-decoration:none;font-size:13px;transition:.2s}.es-brand-filter__logo{width:30px;height:30px;object-fit:contain;border-radius:4px;background:#fff}.es-brand-filter__item:hover{background:#fafafa;border-color:#e6e6e6;color:#333;transform:translateY(-2px)}.es-brand-filter__item.is-active{background:#fafafa;border-color:#e6e6e6;color:#333;box-shadow:0 0 0 2px rgba(249,115,22,.12)}.es-brand-filter__item.is-active:before{content:none}@media(max-width:600px){.es-brand-filter{align-items:flex-start;flex-direction:column}.es-brand-filter__items{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.es-brand-filter__item{flex:0 0 auto}}

.es-brand-filter__item:has(.es-brand-filter__logo){width:76px;height:76px;padding:8px;border-radius:8px}.es-brand-filter__item:has(.es-brand-filter__logo) .es-brand-filter__logo{width:100%;height:100%;max-width:60px;max-height:60px}.es-brand-filter__item:has(.es-brand-filter__logo).is-active:before{position:absolute}.es-brand-filter__item:has(.es-brand-filter__logo){position:relative}.es-brand-filter__item:has(.es-brand-filter__logo).is-active{outline:2px solid #f97316;outline-offset:2px}

.es-brand-filter__item{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.es-brand-filter__item:active{transform:scale(.97)}

.es-brand-filter__item{
  width:76px;
  height:76px;
  min-width:76px;
  min-height:76px;
  padding:8px;
  box-sizing:border-box;
  border-radius:8px;
}
.es-brand-filter__item:not(:has(.es-brand-filter__logo)){
  width:auto;
  min-width:76px;
}
.es-brand-filter__item:first-child{
  background:#f97316;
  border-color:#f97316;
  color:#fff;
}
.es-brand-filter__item:first-child:hover{
  background:#ea580c;
  border-color:#ea580c;
  color:#fff;
}

.es-brand-filter__item.is-active:not(:first-child){
  background:#f97316;
  border-color:#f97316;
  color:#fff;
}
.es-brand-filter__item.is-active:not(:first-child):hover{
  background:#ea580c;
  border-color:#ea580c;
  color:#fff;
}

/* انتخاب‌شده: فقط هاله نارنجی دور کادر، بدون تغییر پس‌زمینه */
.es-brand-filter__item.is-active:not(:first-child){
  background:#fafafa;
  border-color:#e6e6e6;
  color:#333;
  box-shadow:0 0 0 2px rgba(249,115,22,.28);
}
.es-brand-filter__item.is-active:not(:first-child):hover{
  background:#fafafa;
  border-color:#e6e6e6;
  color:#333;
  box-shadow:0 0 0 3px rgba(249,115,22,.36);
}