.pba-swiper{
  max-width:1100px;
  margin:0 auto;
}

/* DESKTOP: keep original grid layout */
.pba-grid{
  display:grid !important;
  grid-template-columns: repeat(var(--pba-cols, 5), minmax(0,1fr));
  gap:18px;
}

.pba-slide{
  width:auto !important;
  min-width:0;
}

.pba-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:#f3f4f6;
  border-radius:14px;
  padding:18px 14px;
  min-height:120px;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  width:100%;
  box-sizing:border-box;
}


.pba-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:58px;
  margin-bottom:10px;
}

.pba-logo{
  max-width:90%;
  max-height:58px;
  object-fit:contain;
  display:block;
}

.pba-name{
  font-size:13px;
  color:#111827;
  opacity:.85;
  text-align:center;
  line-height:1.2;
}

.pba-logo-fallback{
  width:64px;
  height:48px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  letter-spacing:.5px;
  background:#e5e7eb;
  color:#111827;
}

.pba-scrollbar{
  display:none;
}

/* MOBILE/TABLET: turn into swiper */
@media (max-width: 849px){
  .pba-swiper{
    overflow:hidden;
  }

  .pba-grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:0 !important;
  }

  .pba-slide{
    width:auto !important;
    flex-shrink:0;
  }

  .pba-card{
    width:auto;
    min-width:140px;
    max-width:220px;
  }

  .pba-scrollbar{
    display:block;
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    width:100%;
    margin-top:14px;
  }
}

@media (max-width: 549px){
  .pba-card{
    min-width:130px;
    max-width:180px;
    padding:16px 12px;
  }
}