.iwp__main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--iwp-main-gap, 2.4rem)}.iwp__media{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.iwp__media-frame{position:relative;width:100%;overflow:hidden;border-radius:var(--iwp-image-radius, 0px);aspect-ratio:var(--iwp-image-ratio, auto)}.iwp__img{display:block;width:100%;height:100%;object-fit:cover}.iwp__media-link{display:block;width:100%;height:100%}.iwp__img--mobile{display:block}.iwp__img--desktop{display:none}.iwp--align-start .iwp__media{align-self:start}.iwp--align-center .iwp__media{align-self:center}.iwp--align-stretch .iwp__media{align-self:stretch}.iwp--align-stretch .iwp__media-frame{flex:1 1 auto}.iwp__image-btn{position:absolute;z-index:2}.iwp__image-btn--bottom-left{left:1.6rem;bottom:1.6rem}.iwp__image-btn--bottom-center{left:50%;bottom:1.6rem;transform:translate(-50%)}.iwp__image-btn--bottom-right{right:1.6rem;bottom:1.6rem}.iwp__image-btn--below{position:static;margin-top:1.2rem}.iwp__media-frame--placeholder{aspect-ratio:4 / 3;background-color:rgba(var(--color-foreground-rgb, 23, 23, 23),.04);display:flex;align-items:center;justify-content:center}.iwp__media-frame--placeholder .iwp__placeholder-svg{width:100%;height:100%;object-fit:cover}.iwp__products{min-width:0}@media screen and (max-width:767px){.iwp__media-frame{aspect-ratio:var(--iwp-image-ratio-mobile, auto)}.iwp__media-frame .iwp__img{height:auto}.iwp__media,.iwp__products{order:0}}@media screen and (min-width:768px){.iwp__img--desktop{display:block}.iwp__img--mobile{display:none}.iwp--left .iwp__main--with-media,.iwp--right .iwp__main--with-media{--iwp-main-gap: 3rem}.iwp--left .iwp__media,.iwp--right .iwp__media{align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto}.iwp--left .iwp__media-frame,.iwp--right .iwp__media-frame{height:100%;min-height:0;aspect-ratio:auto}.iwp--left .iwp__main--with-media{grid-template-columns:minmax(0,calc(var(--iwp-image-width, .5) * 100%)) minmax(0,1fr)}.iwp--right .iwp__main--with-media{grid-template-columns:minmax(0,1fr) minmax(0,calc(var(--iwp-image-width, .5) * 100%))}.iwp--left .iwp__media{order:1}.iwp--left .iwp__products,.iwp--right .iwp__media{order:2}.iwp--right .iwp__products{order:1}}@media screen and (min-width:1024px){.iwp--left .iwp__main--with-media,.iwp--right .iwp__main--with-media{--iwp-main-gap: 5rem}}@media screen and (min-width:1280px){.iwp--left .iwp__main--with-media,.iwp--right .iwp__main--with-media{--iwp-main-gap: 10rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-image-with-products.css.map */
