.brand-highlights-wrapper { --cols: 5; margin-bottom: var(--plugin-margin-bottom-large); display: grid; grid-template-columns: repeat(var(--cols), 1fr); gap: 3px; background: var(--primary-color); }
.brand-highlights-item { background: var(--quaternary-color); text-transform: uppercase; font-size: 1.35rem; letter-spacing: 0.1rem; color: #FFF; display: flex; justify-content: center; align-items: center; padding: 28px 10px; transition: 0.3s linear; }

@media (max-width:1400px) {
    .brand-highlights-item { font-size: 1.3rem; }
}

@media (max-width:1200px) {
    .brand-highlights-item { font-size: 1.25rem; }
}

@media (max-width:1023px) {
    .brand-highlights-item { font-size: 1.2rem; }
}

@media (max-width:767px) {
    .brand-highlights-wrapper { --cols: 2; }
}

@media (max-width:480px) {
    .brand-highlights-item { font-size: 1.1rem; padding-block: 22px; }
}

@media (pointer:fine) {
    .brand-highlights-item:hover { background: var(--secondary-color); }
}