.ods-image-products{padding-block:var(--ods-section-padding)}.ods-image-products__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ods-gap-mobile, 28px)}.ods-image-products__layout>*{min-width:0}.ods-image-products__banner{display:flex;align-items:var(--ods-text-position-mobile, var(--ods-text-position));justify-content:var(--ods-text-align-mobile, start);position:relative;min-height:var(--ods-banner-height-mobile);isolation:isolate;background:rgb(var(--color-background))}.ods-image-products__banner picture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.ods-image-products__banner{border-radius:var(--ods-image-radius, 0px);overflow:hidden}.ods-image-products__image{width:100%;height:100%;object-fit:cover;--ods-image-crop: var(--ods-mobile-image-position)}.ods-image-products__banner:has(picture):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgb(0 0 0 / var(--ods-overlay))}.ods-image-products__content{width:100%;padding:var(--ods-content-padding-mobile, 20px);text-align:var(--ods-text-align-mobile, start);color:rgb(var(--color-foreground));overflow-wrap:anywhere}.ods-image-products__banner:has(picture) .ods-image-products__content{color:var(--ods-banner-text-color)}.ods-image-products__content h2{color:inherit;margin-bottom:16px}.ods-image-products__buttons{display:flex;flex-wrap:wrap;justify-content:var(--ods-text-align-mobile, start);gap:12px;margin-top:20px}.ods-image-products__buttons .hdt-btn{max-width:100%;white-space:normal}.ods-image-products__banner:has(picture) .ods-image-products__buttons .hdt-btn-outline{--hdt-btn-outline-color: var(--ods-banner-text-rgb)}.ods-image-products__products{align-self:center}.ods-image-products__products>h2{margin-bottom:24px}.ods-image-products__products .hdt-slider__container{align-items:flex-start}.ods-image-products__navigation{gap:12px;margin-top:20px}.ods-image-products__navigation .hdt-slider__button{min-width:44px;min-height:44px;padding:8px}.ods-image-products__view-all{margin-top:24px}.ods-image-products__empty{padding:24px;border:1px dashed rgb(var(--color-line-border))}.ods-image-products__banner[data-image-fit=adapt]:has(picture){aspect-ratio:var(--ods-banner-ratio-mobile, 1.5);min-height:0;align-self:start}.ods-image-products__banner[data-image-fit=adapt] .ods-image-products__image{object-fit:contain}.ods-image-products.hdt-container-full .ods-image-products__products{padding-inline:15px}.ods-image-products__banner[data-text-placement=auto]{display:grid;grid-template-columns:minmax(0,var(--ods-position-x-mobile, 50fr)) minmax(0,var(--ods-custom-width-mobile, 90%)) minmax(0,var(--ods-position-x-rest-mobile, 50fr));grid-template-rows:minmax(0,var(--ods-position-y-mobile, 50fr)) auto minmax(0,var(--ods-position-y-rest-mobile, 50fr));align-items:stretch;justify-content:normal}.ods-image-products__banner[data-text-placement=auto] .ods-image-products__content{grid-area:2 / 2;max-width:none}@media(max-width:767px){.ods-image-products__content .ods-image-products__hide-mobile{display:none}.ods-image-products__banner{border-radius:0}.ods-image-products__navigation{display:none}}@media(min-width:768px){.ods-image-products__content .ods-image-products__hide-desktop{display:none}.ods-image-products__banner[data-text-placement=auto]{grid-template-columns:minmax(0,var(--ods-position-x, 50fr)) minmax(0,var(--ods-custom-width, 70%)) minmax(0,var(--ods-position-x-rest, 50fr));grid-template-rows:minmax(0,var(--ods-position-y, 50fr)) auto minmax(0,var(--ods-position-y-rest, 50fr));align-items:stretch;justify-content:normal}.ods-image-products__image{--ods-image-crop: var(--ods-image-position)}.ods-image-products__banner{min-height:var(--ods-banner-height);align-items:var(--ods-text-position);justify-content:var(--ods-text-align, start)}.ods-image-products__banner[data-image-fit=adapt]:has(picture){aspect-ratio:var(--ods-banner-ratio, 1.5)}.ods-image-products__content{max-width:var(--ods-content-width, 100%);padding:var(--ods-content-padding, clamp(20px, 3vw, 48px));text-align:var(--ods-text-align, start)}.ods-image-products__buttons{justify-content:var(--ods-text-align, start)}}@media(min-width:1150px){.ods-image-products__layout{grid-template-columns:minmax(0,var(--ods-image-share)) minmax(0,1fr);gap:var(--ods-gap, clamp(20px, 2vw, 40px))}.ods-image-products.hdt-container-full .ods-image-products__products{padding-inline-start:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ods-image-products.css.map */
