.boa-collage{--boa-collage-gap: var(--f-column-gap-mobile, 1.6rem);padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.boa-collage__item{min-width:0;min-height:0}.boa-collage__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--pcard-radius)}.boa-collage__track{display:flex;gap:var(--boa-collage-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.boa-collage__track::-webkit-scrollbar{display:none}.boa-collage__item{flex:0 0 100%;width:100%;height:var(--boa-collage-mobile-height);min-height:var(--boa-collage-mobile-height);scroll-snap-align:start}.boa-collage--2-items .boa-collage__item,.boa-collage--3-items .boa-collage__item{flex-basis:calc((100% - var(--boa-collage-gap)) / 1.25);flex-shrink:0;flex-grow:0;width:auto}@media screen and (min-width:650px){.boa-collage{--boa-collage-gap: var(--f-column-gap-md, var(--f-column-gap-mobile, 1.6rem))}.boa-collage__track{display:grid;align-items:stretch;height:var(--boa-collage-desktop-height);overflow:visible;scroll-snap-type:none}.boa-collage__item{height:100%;min-height:0}.boa-collage--1-items .boa-collage__track{grid-template-columns:1fr;grid-template-rows:1fr}.boa-collage--2-items .boa-collage__track{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.boa-collage--2-items .boa-collage__item:nth-child(1){grid-column:2;grid-row:1}.boa-collage--2-items .boa-collage__item:nth-child(2){grid-column:1;grid-row:1}.boa-collage--3-items .boa-collage__track{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.boa-collage--3-items .boa-collage__item:nth-child(1){grid-column:2;grid-row:1 / span 2}.boa-collage--3-items .boa-collage__item:nth-child(2){grid-column:1;grid-row:1}.boa-collage--3-items .boa-collage__item:nth-child(3){grid-column:1;grid-row:2}}@media screen and (min-width:1024px){.boa-collage{--boa-collage-gap: var(--f-column-gap-lg, var(--f-column-gap-md, var(--f-column-gap-mobile, 1.6rem)))}}@media screen and (min-width:1280px){.boa-collage{--boa-collage-gap: var( --f-column-gap-xl, var(--f-column-gap-lg, var(--f-column-gap-md, var(--f-column-gap-mobile, 1.6rem))) )}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/boa-collage.css.map */