.fwdg-partners{
  direction: rtl;
  width:100%;
  --cols: 6;
  --gap: 14px;
  --item-h: 76px;
}

.fwdg-partners__card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  padding:22px;
  overflow:hidden;
}

.fwdg-partners__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 18px;
}

.fwdg-partners__title{
  margin:0;
  font-size:22px;
  line-height:1.3;
  font-weight:800;
}

.fwdg-partners__title span{
  display:inline-block;
  position:relative;
}

.fwdg-partners__title span:after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  bottom:-6px;
  width:100%;
  height:6px;
  background:rgba(255,140,0,.25);
  border-radius:999px;
}

.fwdg-partners__sub{
  margin:4px 0 0;
  color:rgba(0,0,0,.6);
  font-size:14px;
}

.fwdg-partners__grid{
  display:grid;
  gap: var(--gap);
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
}

.fwdg-partners__item{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  padding:12px;
  min-height: var(--item-h);
  position:relative;
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.fwdg-partners__item:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 22px rgba(0,0,0,.07);
  border-color:rgba(255,140,0,.35);
}

.fwdg-partners__logo{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.fwdg-partners__logo img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  transition:filter .2s ease, transform .2s ease;
}

.fwdg-partners.is-gray .fwdg-partners__logo img{
  filter:grayscale(100%);
  opacity:.85;
}

.fwdg-partners.is-gray .fwdg-partners__item:hover .fwdg-partners__logo img{
  filter:grayscale(0%);
  opacity:1;
  transform:scale(1.03);
}

.fwdg-partners__empty{
  padding:14px;
  border:1px dashed rgba(0,0,0,.2);
  border-radius:14px;
  text-align:center;
  color:rgba(0,0,0,.6);
}

/* Responsive helpers (when user doesn't override columns via inline CSS vars) */
@media (max-width:1024px){
  .fwdg-partners__title{font-size:20px}
  .fwdg-partners__grid{grid-template-columns: repeat(var(--cols), minmax(0, 1fr));}
}

@media (max-width:767px){
  .fwdg-partners__card{padding:16px;border-radius:16px}
  .fwdg-partners__title{font-size:18px}
  .fwdg-partners__grid{grid-template-columns: repeat(var(--cols), minmax(0, 1fr));}
}
