.brands-page{.page-title-container{background-color:#000;.page-title{margin:0;font-size:4rem;font-weight:700;text-align:center;color:#fff}}.brand-menu-container{height:auto;max-height:80vh;max-width:180px;position:fixed;top:180px;left:0;background-color:rgb(0 0 0 / 0.8);padding:20px;box-sizing:border-box;transition:transform 0.3s ease;z-index:1;border-radius:0 10px 10px 0}.menu-title{font-size:1.6rem;font-weight:700;color:#fff;padding-bottom:5px;border-bottom:1px solid #737373;margin-bottom:10px}.brand-menu-container.closed{transform:translateX(-100%)}.brand-menu-container.closed .close-btn{display:none}.brand-menu{display:flex;flex-direction:column}.brand-menu__item{margin:5px 0}.brand-menu__link{color:#fff;text-decoration:none}.brand-menu__link:hover{color:#ccc}.close-btn{position:absolute;top:-10px;right:-10px;cursor:pointer;color:#111;width:30px;height:30px;text-align:center;background-color:#fff;border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center}.close-btn svg{width:16px;height:16px}.open-btn{z-index:2;position:fixed;top:170px;left:0;padding:10px;color:#fff;background-color:rgb(0 0 0 / 0.8);border:1px solid #333;border-radius:0 10px 10px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}.open-btn svg{width:16px;height:16px;fill:#fff}.open-btn.hidden{display:none}}