.faq{background-color:var(--background);color:var(--text-color);position:relative;overflow:hidden}.faq__container{position:relative;display:flex;gap:31px;flex-direction:var(--flex-direction);justify-content:space-between;padding-right:145px}.faq__media{position:relative}.faq__media-container{display:flex;flex-direction:column;gap:20px}.faq__content{max-width:700px;width:100%}.faq__title-content{display:flex;flex-direction:column;gap:11px}.faq__subtitle{font-weight:400;font-size:clamp(16px,1.25vw,18px);line-height:131%;letter-spacing:0;vertical-align:middle;text-align:var(--text-align);color:var(--subheading-color)}.faq__title{margin:0;text-align:var(--text-align);color:var(--text-color);font-size:clamp(32px,3.5vw,50px);font-family:var(--font-heading-family);font-weight:300;line-height:113%;letter-spacing:0;vertical-align:middle}.faq__item{border-bottom:1px solid var(--text-color);position:relative}.faq__input{position:absolute;opacity:0;width:0;height:0}.faq__button{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:none;color:inherit;text-align:left;-webkit-user-select:none;user-select:none;padding:14px 10px 14px 0;font-weight:400;font-size:clamp(15px,1.4vw,20px);line-height:131%;letter-spacing:0;vertical-align:middle}.faq__grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.faq__input:checked~.faq__grid{grid-template-rows:1fr}.faq__wrapper{overflow:hidden}.faq__answer{padding-bottom:20px;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(-10px);font-weight:400;font-size:16px;line-height:131%;letter-spacing:0;display:flex;flex-direction:column;gap:10px}.faq__answer *{margin:0}.faq__input:checked~.faq__grid .faq__answer{opacity:.8;transform:translateY(0)}.faq__icon{width:18px;height:18px;position:relative;flex-shrink:0;margin-left:15px;width:14px;height:14px;border-radius:50%}.faq__icon:before,.faq__icon:after{content:"";position:absolute;background-color:currentColor;top:50%;left:50%;transform:translate(-50%,-50%)}.faq__icon:before{width:100%;height:2px}.faq__icon:after{width:2px;height:100%;transition:transform .4s ease}.faq__input:checked~.faq__button .faq__icon:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}@media screen and (max-width:1440px){.faq__container{padding:2.6rem}}@media screen and (max-width:768px){.faq__container{flex-direction:column;gap:20px}.faq__image{height:auto;max-height:400px}.faq__answer{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-faq.css.map */