.grid-collage-container>.grid-collage{container-type:inline-size}.grid-collage{display:grid;grid-template-columns:1fr;gap:var(--collage-grid-gap, var(--grid-gap-horizontal))}.grid-collage__item{position:relative;overflow:hidden;direction:initial}.grid-collage .banner-item,.grid-collage .banner-item__media{width:100%;height:100%}.grid-collage .placeholder .media{width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.grid-collage__item,.grid-collage .placeholder .media{aspect-ratio:var(--aspect-ratio-mobile)}}@media screen and (min-width:769px){.grid-collage{--max-row-height: var(--row-height);--responsive-row-height: calc(100vw / 6.33);display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(75px,var(--responsive-row-height),var(--max-row-height))}.grid-collage__item{grid-column:span var(--collage-cols);grid-row:span var(--collage-rows)}}@supports (container-type: inline-size){@media screen and (min-width:769px){.grid-collage{--responsive-row-height: calc(100cqw / 6.33)}}}@media screen and (min-width:1025px){.grid-collage{--responsive-row-height: calc(100vw / 6)}}@supports (container-type: inline-size){@media screen and (min-width:1025px){.grid-collage{--responsive-row-height: calc(100cqw / 6)}}}.product-collage{container-type:inline-size;gap:50px}.product-collage.grid{grid-template-columns:minmax(0,1fr)}.product-collage__content{display:flex;flex-direction:column;row-gap:30px}.product-collage__headings{flex:100%;display:flex;flex-direction:column}.product-collage__logo .media{width:var(--collage-logo-width-mobile, fit-content);max-width:100%}.product-collage__logo .media :is(img,svg){display:block;width:100%}.product-collage__logo .media svg{aspect-ratio:1}.product-collage__grid{order:99}.product-collage__note{overflow-wrap:break-word}@media screen and (min-width:577px)and (max-width:1024px){.product-collage__content{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:30px}.product-collage__logo{grid-area:1 / 2}.product-collage__logo .media{margin-inline-start:auto}.product-collage__headings{grid-area:1 / 1 / span 2 / 1}.product-collage__note{grid-area:2 / 2;display:flex;align-items:end;justify-content:end}}@media screen and (min-width:1025px){.product-collage:has(.product-collage__content){grid-template-columns:60% 1fr}.product-collage--right:has(.product-collage__content){grid-template-columns:40% 1fr;grid-template-areas:"left right"}.product-collage--right .product-collage__content{grid-area:left}.product-collage--right .product-collage__grid{grid-area:right;direction:rtl}.product-collage--right .product-collage__grid .grid-collage__item{direction:initial}.product-collage__content{row-gap:50px}.product-collage__grid{order:unset}.product-collage__logo .media{width:var(--collage-logo-width, fit-content)}.product-collage{gap:var(--collage-columns-gap)}}.grid-collage-container .media-desktop:not(.image-hover):has(~.media-mobile){display:none}.grid-collage-container .media-mobile{display:block}@media screen and (min-width:769px){.grid-collage-container .media-desktop:not(.image-hover):has(~.media-mobile){display:block}.grid-collage-container .media-mobile{display:none}}@media screen and (min-width:577px)and (max-width:768px){.grid-collage-container .media-mobile{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/component-grid-collage.css.map */