/* عرض البراندات كشعارات دائرية مع اسم البراند أسفل الصورة */
#brandShowcase.brand-showcase{
  margin-top:14px!important;
  margin-bottom:14px!important;
  overflow:hidden!important;
}
#brandShowcase .brand-showcase-track{
  display:flex!important;
  align-items:flex-start!important;
  gap:16px!important;
  overflow-x:auto!important;
  padding:6px 4px 12px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch;
}
#brandShowcase .brand-showcase-track::-webkit-scrollbar{display:none!important}
#brandShowcase .brand-showcase-card{
  min-width:82px!important;
  max-width:82px!important;
  width:82px!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  overflow:visible!important;
  box-shadow:none!important;
  flex:0 0 82px!important;
  color:#fff!important;
  font-family:inherit!important;
  text-align:center!important;
}
#brandShowcase .brand-showcase-logo,
#brandShowcase .brand-showcase-fallback{
  width:74px!important;
  height:74px!important;
  flex:0 0 74px!important;
  border-radius:50%!important;
  border:2px solid #d6a63e!important;
  background:#fff!important;
  object-fit:contain!important;
  padding:5px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  font-weight:900!important;
  color:#b8892f!important;
  box-shadow:0 7px 18px rgba(94,69,25,.10)!important;
}
#brandShowcase .brand-showcase-name{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
#brandShowcase .brand-showcase-card small{
  display:none!important;
}
#brandShowcase .brand-showcase-card:active{transform:scale(.97)!important}
@media(max-width:600px){
  #brandShowcase .brand-showcase-track{gap:13px!important}
  #brandShowcase .brand-showcase-card{
    min-width:74px!important;
    max-width:74px!important;
    width:74px!important;
    flex-basis:74px!important;
    gap:7px!important;
  }
  #brandShowcase .brand-showcase-logo,
  #brandShowcase .brand-showcase-fallback{
    width:66px!important;
    height:66px!important;
    flex-basis:66px!important;
  }
  #brandShowcase .brand-showcase-name{
    font-size:12px!important;
    color:#fff!important;
  }
}