
.bg-brands{
    --bg-accent:#ff7a00;
    background:linear-gradient(180deg,#fff,#fffdfa);
}
.elementor-widget-bg-brands,
.bg-brands{
    min-width:0;
    max-width:100%;
}
.bg-brands__grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:12px;
}
.bg-brand-card{
    min-width:0;
    min-height:118px;
    padding:14px 10px 12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
    overflow:hidden;
    border:1px solid #eadfd4;
    border-radius:12px;
    background:#fff;
    color:#302923!important;
    text-decoration:none!important;
    text-align:center;
    box-shadow:0 6px 18px rgba(42,29,17,.025);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}
a.bg-brand-card:hover,
a.bg-brand-card:focus-visible{
    transform:translateY(-3px);
    border-color:#e5b27d;
    background:#fffdfb;
    box-shadow:0 14px 28px rgba(49,31,16,.085);
}
.bg-brand-card__logo{
    width:100%;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.bg-brand-card__logo img{
    display:block;
    width:auto;
    height:auto;
    max-width:88%;
    max-height:44px;
    object-fit:contain;
    filter:none;
}
.bg-brand-card__name{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#302923;
    font-size:11px;
    font-weight:850;
}
@media(min-width:1101px){
    .bg-brands__grid{
        grid-template-columns:repeat(7,minmax(0,1fr));
    }
}
@media(max-width:1100px) and (min-width:701px){
    .bg-brands__grid{
        grid-template-columns:repeat(5,minmax(0,1fr));
    }
}
@media(max-width:700px){
    .elementor-widget-bg-brands,
    .bg-brands{
        overflow:visible;
    }
    .bg-brands__grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
    }
    .bg-brand-card{
        min-height:96px;
        padding:10px 6px 9px;
        gap:7px;
    }
    .bg-brand-card__logo{
        height:38px;
    }
    .bg-brand-card__logo img{
        max-width:86%;
        max-height:32px;
    }
    .bg-brand-card__name{
        font-size:10px;
    }
}
@media(max-width:390px){
    .bg-brands__grid{
        gap:8px;
    }
    .bg-brand-card{
        min-height:90px;
        padding:9px 5px 8px;
    }
    .bg-brand-card__logo{
        height:34px;
    }
    .bg-brand-card__logo img{
        max-height:28px;
    }
    .bg-brand-card__name{
        font-size:9px;
    }
}
@media(prefers-reduced-motion:reduce){
    .bg-brand-card{
        transition:none!important;
    }
}
