.image-with-accordion{overflow:hidden}.image-with-accordion__section-heading{text-align:center;margin-bottom:4rem}.image-with-accordion__section-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem;color:rgba(var(--color-foreground));line-height:1.2}.image-with-accordion__section-description{font-size:1.8rem;color:rgba(var(--color-foreground));max-width:60rem;margin:0 auto;line-height:1.6}.image-with-accordion__main-layout{display:flex;gap:4rem;align-items:flex-start}.image-with-accordion__image-column{flex:1;max-width:57.7%}.image-with-accordion__steps-column{flex:1;max-width:40.7%;display:flex;flex-direction:column;gap:0}.step-item{margin-bottom:24px;opacity:.5;transition:opacity .3s ease}.step-item:last-child{margin-bottom:0}.step-item--open{opacity:1}.step-item--open .step-item__content-column{margin-top:-7px}.step-item--open .step-item__header{padding-top:0}.step-item__layout{display:flex;gap:2rem;align-items:center}.step-item--open .step-item__layout{align-items:flex-start}.step-item__icon-column{flex-shrink:0}.step-item__icon{width:151px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background:#fff;transition:all .3s ease}.step-item__icon-image{width:64px;height:78px;object-fit:cover;transition:all .3s ease}.step-item--open .step-item__icon-image{width:151px;height:185px;transition:all .3s ease}.step-item__content-column{flex:1;display:flex;flex-direction:column}.step-item__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:3px 0;transition:all .3s ease;border:none;background:none}.step-item__header:hover{opacity:.8}.step-item__heading{font-size:1.6rem;font-weight:700;color:rgba(var(--color-foreground));margin:0;line-height:1.3;flex:1}.step-item__heading:before{content:"Step " counter(step-counter) ": ";font-weight:700;color:rgba(var(--color-foreground))}.step-item__caret{width:30px;height:30px;flex-shrink:0;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground))}.step-item__caret svg{width:100%;height:100%}.step-item--open .step-item__caret{transform:rotate(180deg)}.image-with-accordion__steps-column{counter-reset:step-counter}.image-with-accordion__steps-column .step-item{counter-increment:step-counter}.step-item__description{max-height:0;overflow:hidden;transition:max-height .3s ease;display:none}.step-item__description h4,.step-item__description h5,.step-item__description h6{font-weight:600;line-height:1;margin-bottom:2px}.step-item__description h4+p,.step-item__description h5+p,.step-item__description h6+p{margin-top:0}.step-item__description p{margin-bottom:16px}.step-item__description ul{margin:1rem 0;padding-left:2rem}.step-item__description ul li,.step-item__description ol li{margin-bottom:10px}.step-item__description p+ul{margin-top:-10px}.step-item__description>*:last-child{margin-bottom:0}.step-item__description>*:first-child{margin-top:0}.step-item--open .step-item__description{display:block;max-height:100rem;padding-top:1rem}.image-with-accordion .image-fit{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}@media screen and (max-width: 1200px) and (min-width: 768px){.image-with-accordion__main-layout{flex-direction:column;gap:3rem}.image-with-accordion__image-column,.image-with-accordion__steps-column{flex:1 1 100%;max-width:100%;width:100%}}@media screen and (max-width: 767px){.image-with-accordion{background:#fff}.image-with-accordion__section-heading{margin-bottom:3rem}.image-with-accordion__section-title{font-size:2.8rem}.image-with-accordion__section-description{font-size:1.6rem}.image-with-accordion__main-layout{flex-direction:column;gap:20px}.image-with-accordion__image-column,.image-with-accordion__steps-column{flex:1 1 100%;max-width:100%;width:100%}.step-item{margin-bottom:24px}.step-item__layout{gap:14px;flex-direction:row;align-items:center}.step-item--open .step-item__layout{flex-direction:column;align-items:flex-start;gap:10px}.step-item__icon{width:auto}}@media screen and (min-width: 768px){.image-with-accordion__main-layout{gap:40px}}@media screen and (min-width: 1200px){.image-with-accordion__main-layout{gap:25px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/section-image-with-accordion.css.map */