/* V22 - Home brands horizontal slider + square media rules */
.home-brands-panel{padding-top:34px;padding-bottom:42px}
.home-brands-panel .brands-title{margin-bottom:16px}
.brand-slider-actions{display:flex;gap:8px;direction:ltr}
.brand-slider-btn{width:38px;height:38px;border:1px solid #dfe8e5;background:#fff;border-radius:10px;color:#075f50;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s}
.brand-slider-btn:hover{background:#075f50;color:#fff;border-color:#075f50}
.brand-scroll{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:4px 2px 12px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#9cc5b8 #eef5f2}
.brand-scroll::-webkit-scrollbar{height:8px}.brand-scroll::-webkit-scrollbar-track{background:#eef5f2;border-radius:20px}.brand-scroll::-webkit-scrollbar-thumb{background:#9cc5b8;border-radius:20px}
.brand-card{flex:0 0 168px;min-width:168px;height:178px;border:1px solid #e2ebe8;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:14px;scroll-snap-align:start;box-shadow:0 8px 24px rgba(6,71,57,.05);transition:.2s}
.brand-card:hover{transform:translateY(-3px);border-color:#9dc6b9;box-shadow:0 12px 30px rgba(6,71,57,.1)}
.brand-logo-wrap{width:122px;height:104px;border-radius:12px;background:#fbfdfc;display:grid;place-items:center;overflow:hidden}
.brand-logo-wrap img{width:100%;height:100%;max-width:120px;max-height:100px;object-fit:contain;display:block}
.brand-card b{font-size:13px;text-align:center;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-fallback{width:72px;height:72px;border-radius:18px;background:#edf7f3;color:#075f50;display:grid;place-items:center;font-size:24px;font-weight:800}
/* Category images on home: fixed square content, never stretched */
.category-grid a .catalog-image{width:96px;height:96px;max-width:96px;max-height:96px;object-fit:contain;border-radius:12px;margin:0 0 10px;background:#fff}
@media(max-width:700px){.brand-slider-actions{display:none}.brand-scroll{gap:10px;margin-inline:-2px}.brand-card{flex-basis:138px;min-width:138px;height:150px;padding:10px}.brand-logo-wrap{width:100px;height:84px}.brand-logo-wrap img{max-width:98px;max-height:82px}.category-grid a .catalog-image{width:78px;height:78px;max-width:78px;max-height:78px}}