.brands-page{max-width:1200px;margin:40px auto;padding:0 20px;width:100%}.brand-title{text-align:center;color:#222;font-size:36px;margin-bottom:25px;width:100%}.letters-menu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin:0 auto 35px;width:100%}.letters-link,.letters-dropdown span{cursor:pointer;text-decoration:none;color:#222;font-weight:600;padding:10px 18px;border:1px solid #ddd;border-radius:10px;background:#fff;transition:all .25s ease;display:inline-block}.letters-link:hover,.letters-link.active,.letters-dropdown:hover span{background:#6b2d4e;color:#fff;border-color:#6b2d4e}.letters-dropdown{position:relative}.letters-dropdown::after{content:"";position:absolute;top:100%;left:0;width:100%;height:12px}.letters-dropdown-content{display:none;position:absolute;top: calc(100% + 5px);left:50%;transform:translateX(-50%);width:210px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.15);padding:12px;grid-template-columns:repeat(4,1fr);gap:8px;z-index:999}.letters-dropdown:hover .letters-dropdown-content{display:grid}.letters-dropdown-content a{color:#222;text-decoration:none;padding:8px;border-radius:8px;transition:background .2s ease , color .2s ease;text-align:center;font-weight:500}.letters-dropdown-content a:hover,.letters-dropdown-content a.active{background:#6b2d4e;color:#fff;font-weight:700}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%;margin:0 auto}.brand-item{position:relative!important;width:100%;height:220px;background:#fff;border:1px solid #e7e7e7;border-radius:16px;overflow:hidden!important;text-decoration:none;transition:transform .25s ease , box-shadow .25s ease , border-color .25s ease;display:flex;justify-content:center;align-items:center}.brand-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.15);border-color:#000}.brand-image{width:100%;height:100%;display:block;padding:0;background:#fff}.brand-image img{width:100%;height:100%;object-fit:contain;display:block}.no-photo{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#f5f5f5;color:#666;font-size:15px}.brand-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;opacity:0;transition:opacity .3s ease;pointer-events:none}.brand-item:hover .brand-overlay{opacity:1}.brand-overlay p{margin:0;color:#fff!important;font-size:19px;font-weight:700;text-align:center;word-break:break-word;line-height:1.3}@media (max-width:992px){.brands-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.brand-item{height:190px}}@media (max-width:576px){.brands-grid{grid-template-columns:repeat(2,1fr);gap:12px}.brand-item{height:160px}.brand-title{font-size:28px}.letters-menu{gap:8px}.letters-link,.letters-dropdown span{padding:8px 12px;font-size:14px}}