.image-with-faq{padding:84px 0;background-size:cover;background-repeat:no-repeat;position:relative}.image-with-faq:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(var(--color-background),.8),rgb(var(--color-background)));pointer-events:none}.image-with-faq .image-with-faq-row{display:flex;gap:74px;align-items:flex-start;position:relative;z-index:1}.image-with-faq .image-with-faq-row .media-block{width:100%;display:flex;position:relative}.image-with-faq .image-with-faq-row .media-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(270deg,transparent 45.03%,rgb(var(--color-background),.7) 99.65%);z-index:1;pointer-events:none}.image-with-faq .image-with-faq-row .media-block img{width:100%;height:100%;object-fit:cover}.image-with-faq .image-with-faq-row .info-block{width:435px;flex-shrink:0}.image-with-faq .faq-block{border-bottom:1px solid var(--elements-border)}.image-with-faq .faq-block:last-child{border-bottom:0}.image-with-faq .faq-block-toggle{display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-size:18px;line-height:25.2px;font-weight:600;cursor:pointer;color:var(--secondary-text-color)}.image-with-faq .faq-block-toggle .icon{flex-shrink:0;height:24px;width:24px;transition:.2s;color:rgb(var(--color-foreground))}.image-with-faq .faq-block-content{display:none;padding-bottom:16px;color:var(--tertiary-text-color);font-size:16px}.image-with-faq .faq-block-content strong,.image-with-faq .faq-block-content b{color:var(--secondary-text-color)}.image-with-faq .faq-block-content a{color:rgb(var(--color-foreground))}.image-with-faq .faq-block-content a strong{color:inherit}.image-with-faq .faq-block-content li:not(:last-child){margin-bottom:16px}.image-with-faq .faq-block.active .faq-block-toggle .icon{transform:rotate(180deg)}@media screen and (max-width: 989px){.image-with-faq{padding:55px 0}.image-with-faq .image-with-faq-row{gap:35px}.image-with-faq .image-with-faq-row .info-block{width:350px}}@media screen and (max-width: 749px){.image-with-faq{padding:28px 0}.image-with-faq .image-with-faq-row{flex-direction:column;gap:58px}.image-with-faq .image-with-faq-row .info-block{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-image-with-faq.css.map */