.brand-section{display:flex;flex-direction:row;justify-content:space-between;gap:110px}.left-part{flex:1 0 58%}.right-part{flex:1 0 33%;display:flex;gap:32px;flex-direction:column;justify-content:center}button.brand_title{color:#999;padding:26px;width:100%;font-family:var(--font-heading-family);font-size:32px;position:relative;font-weight:800}button.brand_title.active{background:#a8d9da;color:#1c1b1b;background-image:url(/cdn/shop/files/Vector_25.webp?v=1741686984);background-size:contain;background-position:bottom right;background-repeat:no-repeat}.brand_image{display:none}.brand_image.active{display:block}.imaga-container{position:absolute;top:0;right:0;padding:7px 34px;height:100%;display:flex;flex-direction:column;justify-content:space-around;z-index:-1}.brand_title .imaga-container img{opacity:0}.brand_title.active .imaga-container img:nth-child(1){width:17px;height:17px;animation:footprinter .3s ease-in .9s forwards}.brand_title.active .imaga-container img:nth-child(2){width:18px;height:18px;animation:footprinter .3s ease-in .6s forwards;transform:translate(-100%,8px)}.brand_title.active .imaga-container img:nth-child(3){width:16px;height:16px;animation:footprinter .3s ease-in .3s forwards;transform:translate(10px,-6px)}.brand_title.active .imaga-container img:nth-child(4){animation:footprinter .3s ease-in forwards;transform:translate(-10px)}@keyframes footprinter{0%{opacity:0}to{opacity:1}}@media(max-width:798px){.brand-section{gap:20px;flex-direction:column-reverse}.right-part{flex-direction:row;scroll-snap-type:x;gap:0}.right-part .brand_title{scroll-snap-align:start}button.brand_title{font-size:1.4rem;padding:12px 0;overflow:hidden;flex-basis:25%;flex-grow:1;flex-shrink:0}.imaga-container{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hdt-brand-section.css.map */