.magicpay-home-customers {
    padding: 2rem 1.5rem 2.5rem;
    border-top: 1px solid hsl(var(--border));
    background: linear-gradient(180deg, hsl(var(--background)), hsl(var(--muted) / .26));
}
.magicpay-home-customers__inner { max-width: 76rem; margin-inline: auto; }
.magicpay-home-customers__title {
    margin: 0 0 1.25rem; color: hsl(var(--foreground));
    font-size: .875rem; font-weight: 600; line-height: 1.5;
    text-align: center; text-wrap: balance; overflow-wrap: anywhere;
}
.magicpay-home-customers__grid {
    display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem;
    margin: 0; padding: 0; list-style: none;
}
.magicpay-home-customers__brand {
    flex: 0 0 calc((100% - 4.5rem) / 7); min-width: 0; height: 5.25rem;
    display: flex; align-items: center; justify-content: center; padding: .75rem;
    background: #fff; color: #172033; border: 1px solid #e5e7eb; border-radius: .875rem;
    box-shadow: 0 2px 8px rgb(15 23 42 / .025);
}
.magicpay-home-customers__brand img {
    display: block; width: 100%; height: 3rem; max-width: 9.5rem;
    object-fit: contain; opacity: 1; filter: none;
}
.magicpay-home-customers__brand span { font-size: .875rem; font-weight: 700; text-align: center; }
.magicpay-home-customers__brand[data-home-customer="sosyopix"] img,
.magicpay-home-customers__brand[data-home-customer="yayla-bakliyat"] img { height: 4rem; }
.magicpay-home-customers__brand[data-home-customer="full-moon"] img { height: 3.5rem; }
.dark .magicpay-home-customers__brand { border-color: #dce2ed; box-shadow: none; }
.magicpay-home-customers__brand[data-home-customer="kebo"] { background: #7a0c0c; border-color: #7a0c0c; }
@media (max-width: 1023px) {
    .magicpay-home-customers__brand { flex-basis: calc((100% - 2.25rem) / 4); }
}
@media (max-width: 639px) {
    .magicpay-home-customers { padding: 1.5rem 1rem 2rem; }
    .magicpay-home-customers__grid { gap: .5rem; }
    .magicpay-home-customers__brand { flex-basis: calc((100% - 1rem) / 3); height: 4.5rem; padding: .55rem; }
    .magicpay-home-customers__brand img { height: 2.75rem; }
}
@media (max-width: 359px) {
    .magicpay-home-customers__brand { flex-basis: calc((100% - .5rem) / 2); }
}