.image-with-faq__grid{display:grid;grid-template-columns:1fr;gap:3.2rem}.image-with-faq__media{position:relative;overflow:hidden}.image-with-faq__media img,.image-with-faq__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.image-with-faq__media .placeholder-svg{background-color:rgba(var(--color-foreground),.04)}.image-with-faq__content{width:100%}.image-with-faq__heading{margin:0 0 2.4rem}.image-with-faq__list{display:block;width:100%}.image-with-faq .accordion{margin-top:0;border-top:none;border-bottom:.1rem solid rgba(var(--color-foreground),.5)}.image-with-faq .accordion summary{align-items:flex-start;gap:2rem;padding:1.8rem .4rem 1.8rem 0;line-height:1.4;cursor:pointer}.image-with-faq .accordion__title{flex:1;max-width:none;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem;line-height:1.4;letter-spacing:.02rem;text-transform:none}.image-with-faq .accordion .svg-wrapper.image-with-faq__icon{flex:0 0 auto;align-self:flex-start;width:1rem;height:1rem;margin:.8rem 0 0}.image-with-faq__icon svg{width:100%;height:100%}.image-with-faq__icon--minus,.image-with-faq details[open]>summary .image-with-faq__icon--plus{display:none}.image-with-faq details[open]>summary .image-with-faq__icon--minus{display:flex}.image-with-faq .accordion__content{padding:0 4rem 0 0;margin-bottom:2rem;font-size:1.5rem;line-height:1.6}.image-with-faq .accordion__content>*:first-child{margin-top:0}.image-with-faq .accordion__content>*:last-child{margin-bottom:0}@media screen and (min-width:750px){.image-with-faq__grid{grid-template-columns:var(--image-with-faq-image-width, 45%) 1fr;align-items:var(--image-with-faq-align, center);gap:var(--image-with-faq-gap, 6rem)}.image-with-faq__grid--reverse .image-with-faq__media-item{order:2}.image-with-faq__grid--reverse{grid-template-columns:1fr var(--image-with-faq-image-width, 45%)}.image-with-faq__heading{margin-bottom:3.6rem}.image-with-faq .accordion__title{font-size:1.8rem}.image-with-faq .accordion__content{font-size:1.6rem}}@media screen and (min-width:990px){.image-with-faq__content{padding-left:var(--image-with-faq-content-offset, 0)}.image-with-faq__grid--reverse .image-with-faq__content{padding-left:0;padding-right:var(--image-with-faq-content-offset, 0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-with-faq.css.map */