.act--brands .brandgrid{margin-top:20px}.brandgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1180px){.brandgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.brandgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.brandgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}.brandtile{isolation:isolate;border-radius:var(--r-l);color:#fff;min-width:0;min-height:214px;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out);animation:tile-in .5s var(--ease-out) backwards;background:#d3d8de;flex-direction:column;justify-content:space-between;gap:10px;padding:12px;display:flex;position:relative;overflow:hidden}@keyframes tile-in{0%{opacity:0;transform:translateY(14px)}}.brandtile:hover,.brandtile:focus-visible{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.brandtile__photo{z-index:-2;object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:transform .7s var(--ease-out);position:absolute;inset:0}.brandtile:hover .brandtile__photo{transform:scale(1.05)}.brandtile:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#10182800 30%,#1018281f 55%,#10182880 100%);position:absolute;inset:0}.brandtile__count,.brandtile__name,.brandtile__price{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#10182894;border-radius:6px;padding:4px 8px;line-height:1.25}.brandtile__count{align-self:flex-end;font-size:12px;font-weight:600}.brandtile__foot{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;max-width:100%;display:flex}.brandtile__plate{border-radius:var(--r-s);background:#fff;justify-content:center;align-items:center;width:84px;height:34px;margin-bottom:3px;padding:5px 10px;display:flex;overflow:hidden}.brandtile__logo{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.brandtile__plate--text{color:var(--ink);text-align:center;font-size:12px;font-weight:700;line-height:1.1}.brandtile__name{text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:700;overflow:hidden}.brandtile__price{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.brandtile--all{color:var(--ink);border:1.5px dashed var(--blue-line);background:#fff;justify-content:center;gap:14px;padding:18px}.brandtile--all:after{display:none}.brandtile--all:hover,.brandtile--all:focus-visible{border-color:var(--blue);box-shadow:none;transform:translateY(-2px)}.brandtile__go{background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.brandtile__go svg{font-size:18px}.brandtile__all{gap:4px;display:grid}.brandtile__all b{font-size:16px;font-weight:700}.brandtile__all span{color:#56687d;max-width:24ch;font-size:12.5px;line-height:1.4}@media (max-width:560px){.brandtile{min-height:168px;padding:10px}.brandtile__plate{width:72px;height:30px;padding:4px 8px}.brandtile__name{font-size:14px}.brandtile__price{font-size:12px}.brandtile__count{font-size:11px}}@media (max-width:1180px) and (min-width:901px){.brandtile--all{flex-direction:row;grid-column:span 2;justify-content:flex-start;align-items:center;gap:18px;padding:22px 24px}.brandtile--all .brandtile__all span{max-width:36ch}}@media (max-width:620px){.brandtile--all{flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:14px;min-height:0;padding:16px 18px}.brandtile--all .brandtile__all span{max-width:none}}
