/* 2026-10-19: /brendovi only (after home-sections.css). Fixed-structure cards, same height on any device/font:
   logo box fixed px, name exactly 2 lines (px + line-clamp), count one fixed line. Columns: 3 / 4 / 6. */
.hs-allbrands{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hs-allbrands .hs-head h1{margin:0;font-size:20px;font-weight:700;line-height:1.3;color:var(--hs-dark)}
.hs-allbrands ul.hb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;grid-auto-rows:1fr;align-items:stretch;list-style:none;margin:0;padding:0}
.hs-allbrands .hb-cc{margin:0;padding:0;float:none;width:auto;min-width:0;display:flex}
.hs-allbrands .hb-cc a{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:12px 6px 10px;background:#fff;border-radius:6px;box-shadow:var(--hs-sh);text-align:center;transition:transform .15s,box-shadow .15s}
.hs-allbrands .hb-cc a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(19,25,33,.1)}
.hs-allbrands .hb-lg{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:8px}
.hs-allbrands .hb-lg i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;box-sizing:border-box;overflow:hidden;font-style:normal}
.hs-allbrands .hb-logo{background:#fff;border:1px solid #e3e6ea}
.hs-allbrands .hb-logo picture{display:contents}
.hs-allbrands .hb-logo img{display:block;width:70%;height:70%;max-width:none;object-fit:contain;margin:0}
.hs-allbrands .hb-letter{background:var(--hs-dark);color:var(--hs-acc);font:700 20px/52px Poppins,sans-serif}
.hs-allbrands .hb-cc b{flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;width:100%;height:36px;font-size:13px;line-height:18px;font-weight:600;overflow-wrap:anywhere}
.hs-allbrands .hb-cc small{flex:none;display:block;height:16px;line-height:16px;margin-top:2px;font-size:12px;color:#777;white-space:nowrap}
@media (min-width:600px){.hs-allbrands ul.hb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
@media (min-width:769px){.hs-allbrands .hs-head h1{font-size:24px}}
@media (min-width:1024px){.hs-allbrands ul.hb-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}