.section-collection-main:has(.collection-main__background){overflow:hidden}.section-collection-main:has(.collection-main__masonry) .collection-main__image,.section-collection-main:has(.collection-main__masonry) .collection-main__slider{position:static;position:initial}.collection-main{position:relative}.collection-main__background{position:absolute;top:0;left:0;bottom:0;right:0;width:100vw;height:100%;background-size:contain;background-position:top center;background-repeat:no-repeat;z-index:1}@media (min-width: 990px){.collection-main__background{background-size:cover}}.collection-main{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:var(--spacing-sm-24);gap:var(--spacing-sm-24);grid-template-areas:"media" "collection" "collage";max-width:100vw;margin:0 auto;padding-left:0;padding-right:0}@media (min-width: 990px){.collection-main{grid-template-columns:3fr 2fr;grid-template-rows:auto 1fr;row-gap:var(--spacing-sm-16);-moz-column-gap:var(--spacing-md-56);column-gap:var(--spacing-md-56);grid-template-areas:"media collection" "collage collection";padding-left:var(--spacing-lg-80);padding-right:var(--spacing-lg-80)}}.collection-all-in-one__products{display:block;width:100%}.collection-main__details{grid-area:collection;display:flex;flex-flow:column nowrap;gap:var(--spacing-sm-24);align-items:flex-start;justify-content:flex-start;padding:0 var(--spacing-sm-16);z-index:2}@media (min-width: 750px){.collection-main__details{padding:0}}.collection-main__details>*{margin-top:0;margin-bottom:0}@media (min-width: 990px){.collection-main__details{max-width:calc((100vw - var(--spacing-xl-160)) / 5 * 2)}}.collection-main__image{grid-area:media;z-index:2;display:flex;align-items:center;justify-content:center}@media (min-width: 990px){.collection-main__image{max-width:calc((100vw - var(--spacing-xl-160)) / 5 * 3);position:sticky;top:0}}.collection-main__slider{grid-area:media;z-index:2}@media (min-width: 990px){.collection-main__slider{max-width:calc((100vw - var(--spacing-xl-160)) / 5 * 3);position:sticky;top:0}}.collection-main__slider .resource-list__carousel{--slide-width: 90vw}.collection-main__masonry{grid-area:collage;z-index:2;padding:0 var(--spacing-sm-16)}@media (min-width: 750px){.collection-main__masonry{padding:0 var(--spacing-md-40)}}@media (min-width: 990px){.collection-main__masonry{max-width:calc((100vw - var(--spacing-xl-160)) / 5 * 3);padding:0}}.collection-main__masonry .gallery{display:grid;grid-gap:var(--spacing-sm-16);gap:var(--spacing-sm-16)}@media (min-width: 990px){.collection-main__masonry .gallery{position:sticky;top:var(--spacing-sm-16)}}:is(.collection-main__masonry .gallery) img{border-radius:var(--border-radius-xl)}.collection-main__masonry .gallery--3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}:is(.collection-main__masonry .gallery--3) img:nth-child(1){grid-column:1 / 2;grid-row:1 / 3;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}:is(.collection-main__masonry .gallery--3) img:nth-child(2){grid-column:2 / 3;grid-row:1 / 2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:is(.collection-main__masonry .gallery--3) img:nth-child(3){grid-column:2 / 3;grid-row:2 / 3;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.collection-main__masonry .gallery--more{display:grid;grid-auto-flow:row;grid-auto-rows:1fr;grid-template-columns:repeat(2,auto)}:is(.collection-main__masonry .gallery--more)>*{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}
/*# sourceMappingURL=/cdn/shop/t/235/assets/yf-section-main-collection.css.map */