.brands-section {position: relative;margin: 20px 0;padding: 22px;background: #fff;border: 1px solid #ededed;border-radius: 12px;overflow: hidden}
.brands-head {display: flex;align-items: end;justify-content: space-between;gap: 15px;margin-bottom: 16px}
.brands-head h2 {font-size: 22px;margin: 0 0 4px}.brands-head p {font-size: 11px;color: #777;margin: 0}
.brands-head a {color: #111;font-size: 11px;font-weight: 850;text-decoration: none}
.brands-wrap {position: relative}
.brands-rail {display: grid;grid-auto-flow: column;grid-auto-columns: minmax(135px,1fr);gap: 11px;overflow-x: auto;scroll-behavior: smooth;scrollbar-width: none;padding: 2px}
.brands-rail::-webkit-scrollbar {display: none}
.brand-card {height: 82px;border: 1px solid #e5e5e5;border-radius: 10px;background: linear-gradient(145deg,#fff,#fafafa);display: grid;place-items: center;padding: 10px;cursor: pointer;transition: transform .2s,border-color .2s,box-shadow .2s}
.brand-card:hover {transform: translateY(-3px);border-color: #e1c400;box-shadow: 0 8px 18px rgba(0,0,0,.08)}
.brand-word {font-size: 20px;font-weight: 950;letter-spacing: -.7px;color: #222}.brand-card:nth-child(2) .brand-word{color:#d71920}.brand-card:nth-child(3) .brand-word{color:#0c9347}.brand-card:nth-child(4) .brand-word{color:#e22429}.brand-card:nth-child(5) .brand-word{color:#1165ae}.brand-card:nth-child(6) .brand-word{color:#e17c00}.brand-card:nth-child(7) .brand-word{color:#a70d2d}.brand-card:nth-child(8) .brand-word{color:#4d2380}
.brand-card small {display: block;text-align: center;color: #888;font-size: 8px;margin-top: 3px;letter-spacing: .08em;text-transform: uppercase}
.brand-arrow {position: absolute;z-index: 3;top: 50%;transform: translateY(-50%);width: 34px;height: 34px;border: 1px solid #ddd;border-radius: 50%;background: #fff;box-shadow: 0 5px 15px #0002;font-size: 20px;cursor: pointer}.brand-arrow.prev{left:-16px}.brand-arrow.next{right:-16px}
@media(min-width:1200px){.brands-rail{grid-auto-columns:calc((100% - 77px)/8)}}
@media(max-width:600px){.brands-section{padding:18px 14px}.brands-head h2{font-size:20px}.brands-rail{grid-auto-columns:125px}.brand-arrow{display:none}.brand-card{height:75px}.brand-word{font-size:18px}}