.brands-section{position:relative}.brands-section__heading{text-align:center;margin-bottom:1rem;position:relative;color:var(--color-heading)}.brands-section__heading:after{content:"";display:block;width:60px;height:3px;background:var(--color-heading);margin:10px auto}.brands-section__subheading{text-align:center;margin-bottom:3rem;color:var(--color-text);font-size:1.125rem}.brands-carousel-container{position:relative;padding:0 50px}.brands-carousel{position:relative;overflow:hidden}.brand-slide{display:flex;align-items:center;justify-content:center;height:auto}.brand-link{display:block;text-decoration:none;color:inherit;transition:opacity .3s ease}.brand-link:hover{opacity:.8}.brand-logo{display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:8px;padding:20px;height:120px;transition:transform .3s ease,box-shadow .3s ease}.brand-logo:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.brand-logo__image{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain}.brand-logo--placeholder{flex-direction:column;gap:10px}.brand-logo--placeholder .placeholder-svg{width:60px;height:60px;fill:#ddd}.brand-name{font-size:.875rem;color:var(--color-text);text-align:center;font-weight:500}.brands-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.brands-carousel__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.brands-carousel__button{width:40px;height:40px;border-radius:50%;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;pointer-events:auto;box-shadow:0 2px 10px #0000001a;border:1px solid #eee}.brands-carousel__button:hover{background:#f8f8f8;transform:scale(1.05)}.brands-carousel__button--hidden{opacity:.3;pointer-events:none}.brands-carousel__button svg{width:24px;height:24px}@media screen and (max-width: 989px){.brands-carousel-container{padding:0 40px}.brand-logo{height:100px;padding:15px}.brand-logo__image{max-height:70px}}@media screen and (max-width: 749px){.brands-carousel-container{padding:0 35px}.brands-carousel__button{width:35px;height:35px}.brands-carousel__button svg{width:20px;height:20px}.brand-logo{height:90px;padding:12px}.brand-logo__image{max-height:65px}.brands-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media screen and (max-width: 480px){.brands-carousel-container{padding:0 30px}.brands-section__subheading{margin-bottom:2rem}.brand-logo{height:80px;padding:10px}.brand-logo__image{max-height:60px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-brands-section.css.map */