.main-faqs{display:flex;gap:24px;align-items:flex-start}.main-faqs>aside{width:24%;flex-shrink:0;color:var(--light-grey);display:flex;flex-direction:column;gap:24px;min-width:260px}.main-faqs>aside .common-btn{min-width:auto}.main-faqs>aside ul{display:flex;flex-direction:column;gap:24px}.main-faqs .common-faq,.main-faqs>aside ul,.main-faqs>aside>div{padding:48px;background-color:var(--white-8);border-radius:8px}.main-faqs>aside>div a{margin-top:24px;width:100%}.main-faqs>aside ul li{transition:all .3s;cursor:pointer}.main-faqs>aside ul li.active{color:var(--blue)}.main-faqs>main .swiper-wrapper{height:auto!important}.main-faqs>main .swiper-wrapper .swiper-slide{position:absolute;height:0;opacity:0!important}.main-faqs>main .swiper-wrapper .swiper-slide.swiper-slide-active{position:relative;height:auto;opacity:1!important}.main-faqs>main{display:flex;width:100%;flex:1;flex-direction:column;background-color:var(--white-8)}.common-faq{display:none}.common-faq h2{margin-bottom:12px}.common-faq>ul>li{padding:48px 0;border-bottom:1px solid var(--white-18)}.common-faq>ul>li:not(:first-child) main{display:none}.common-faq>ul>li>header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:24px}.common-faq>ul>li>header svg{transition:all .3s}.common-faq>ul>li>header.active svg{transform:rotate(180deg)}.common-faq>ul>li>main{padding-top:24px;color:var(--grey)}.main-faqs .common-faq.active{display:block}@media screen and (min-width:1000px){.main-faqs>aside{position:sticky;top:120px}.main-faqs>aside ul li:not(.active):hover{color:var(--blue)}}@media screen and (max-width:1600px){.main-faqs .common-faq,.main-faqs>aside ul,.main-faqs>aside>div{padding:24px}.common-faq>ul>li{padding:24px 0}}@media screen and (max-width:999px){.main-faqs{flex-direction:column;margin-top:24px}.main-faqs>aside{width:100%}.main-faqs>aside ul{flex-direction:row;overflow-x:auto;gap:12px;padding:24px 0!important;background-color:var(--white-8)}.main-faqs>aside ul li{flex-shrink:0}.main-faqs .common-faq,.main-faqs>aside ul,.main-faqs>aside>div{padding:24px}.common-faq>ul>li{padding:24px 0}.main-faqs .common-faq{padding:0}.common-faq>ul>li>header svg{width:12px;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/common-faq.css.map */