﻿.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);
}
