.media-with-card{position:relative;overflow:hidden}.media-with-card:before{top:-8%;left:96%}.media-with-card:after{top:92%;left:-1.5%}.media-with-card .section-pattern{opacity:.05}.media-with-card .shell--large{max-width:1542px}.media-with-card__inner{position:relative;z-index:2}.media-with-card__head:empty{display:none}.media-with-card__head--center{text-align:center}.media-with-card__head--narrow .media-with-card__entry{max-width:900px}.media-with-card__head--center.media-with-card__head--narrow .media-with-card__entry{margin-inline:auto}.media-with-card .media-with-card__title{margin-bottom:10px}.media-with-card .media-with-card__title:last-child{margin-bottom:0}.media-with-card__entry{font-size:16px}.media-with-card__entry p{font-size:inherit}.media-with-card__entry p:last-child{margin-bottom:0}.media-with-card__items{display:flex;align-items:stretch;gap:24px 60px}.media-with-card__item--media{width:var(--media-width);max-width:var(--media-width)}.media-with-card__item--media .media{height:100%;border-radius:24px}.media-with-card__item--card{flex:1;display:flex}.media-with-card__item--card .card-feature{--card-content-gap: 20px;width:100%}.media-with-card__item--card .card-feature .card-feature__title{margin-bottom:var(--card-content-gap)}.media-with-card__item--card .card-feature .card-feature__entry>p{margin-bottom:var(--card-content-gap)}.media-with-card__item--card .card-feature .card-feature__entry>p:last-child{margin-bottom:0}.media-with-card__item--card .card-feature__entry>p{color:#414042b3;color:color-mix(in srgb,currentColor 70%,transparent)}@media screen and (max-width:1023px){.media-with-card__items{column-gap:32px}.media-with-card .media-with-card__title--medium{font-size:40px}}@media screen and (max-width:767px){.media-with-card:before,.media-with-card:after{width:227px}.media-with-card:before{top:-5%;left:103%}.media-with-card:after{top:97%;left:-8%}.media-with-card__items{flex-direction:column}.media-with-card__item{width:100%;max-width:100%}.media-with-card__item--media{order:-1}.media-with-card__item--media .media{border-radius:16px}.media-with-card__item--card .card-feature{--card-content-gap: 16px}.media-with-card__item--card .card-feature .card-feature__entry>p{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/section-media-with-card.css.map */