.brands-tiles-wrap{max-width:100%;margin:0}
.brands-tiles-search{margin:0 0 18px}
.brands-tiles-input{
width:100%;
box-sizing:border-box;
padding:12px 14px;
border-radius:6px;
border:1px solid rgba(0,0,0,.12);
background:#fff;
outline:none;
}
.brands-tiles-input:focus{
border-color:rgba(117,161,228,.65);
box-shadow:0 0 0 3px rgba(117,161,228,.18);
}
.brands-tiles-grid{
display:grid;
gap:18px;
grid-template-columns:repeat(var(--bt-cols,4), minmax(0,1fr));
}
@media (max-width:1024px){.brands-tiles-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:768px){.brands-tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:420px){.brands-tiles-grid{grid-template-columns:repeat(1,minmax(0,1fr));}}
.brands-tiles-item{text-decoration:none !important;display:block}
.brands-tiles-card{
background:#fff;
border:1px solid rgba(0,0,0,.10);
border-radius:8px;
padding:16px 14px;
height:100%;
display:flex;
align-items:center;
gap:14px;
transition:all .22s ease;
}
.brands-tiles-item:hover .brands-tiles-card{
border-color:rgba(117,161,228,.55);
box-shadow:0 10px 26px rgba(0,0,0,.08);
transform:translateY(-2px);
}
.brands-tiles-media{
width:64px;height:64px;flex:0 0 64px;
display:flex;align-items:center;justify-content:center;
border-radius:8px;
background:rgba(0,0,0,.03);
overflow:hidden;
}
.brands-tiles-logo{width:100%;height:100%;object-fit:contain}
.brands-tiles-fallback{
width:100%;height:100%;
display:flex;align-items:center;justify-content:center;
font-weight:700;font-size:20px;color:#1d2a3b;
background:rgba(117,161,228,.12);
}
.brands-tiles-name{
font-size:14px;
font-weight:600;
line-height:1.25;
color:#111;
}
.brands-tiles-item:hover .brands-tiles-name{color:rgba(117,161,228,1)}
.brands-tiles-count{
margin-top:4px;
font-size:12px;
color:rgba(0,0,0,.55);
}
.brands-tiles-error,.brands-tiles-empty{
padding:12px 14px;
border-radius:8px;
background:rgba(0,0,0,.04);
border:1px solid rgba(0,0,0,.08);
}