.collection-wrap{padding:36px 18px}.collection-grid{display:grid;column-gap:18px;row-gap:36px}.component-collection .collection-wrap .one_column_mob{grid-template-columns:repeat(1,1fr)}.component-collection .collection-wrap .two_column_mob{grid-template-columns:repeat(2,1fr)}.collection-grid .promo-box{align-items:center;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:var(--global-border-radius);overflow:hidden;position:relative;display:flex;justify-content:center;min-height:100%;flex-direction:column;grid-column:-1/1;font-family:var(--body1-font)}.collection-grid .promo-box .promo-text-box{border-radius:0 0 20px 20px;text-align:center}.collection-grid .promo-box .promo-heading{margin-bottom:18px}.collection-grid .promo-box .promo-text-container{padding:36px;text-align:center}.collection-grid .promo-box .promo-text-container a{display:block;text-decoration:none;width:fit-content;margin-top:36px;padding:6px 18px;border-radius:var(--global-border-radius);font-size:16px;line-height:28px}@media screen and (min-width:992px){.component-collection .collection-wrap{padding:30px 72px 72px}.component-collection .collection-wrap .collection-grid{column-gap:48px;row-gap:72px}.collection-grid .promo-box{grid-column:span var(--remaining-columns)}.collection-grid .promo-box .promo-text-box{position:absolute;right:36px;bottom:36px;max-width:469px;border-radius:var(--global-border-radius);color:var(--gig-primary);margin-left:36px}.component-collection .collection-wrap .two_column_desk{grid-template-columns:repeat(2,minmax(0,1fr))}.component-collection .collection-wrap .three_column_desk{grid-template-columns:repeat(3,minmax(0,1fr))}.component-collection .collection-wrap .four_column_desk{grid-template-columns:repeat(4,minmax(200px,1fr))}.component-collection .collection-wrap .five_column_desk{grid-template-columns:repeat(5,minmax(180px,1fr))}.component-collection .product-grid-item,.component-collection .product-grid-item-content{padding:0}}@media(min-width:992px)and (max-width:1300px){.component-collection .collection-wrap .four_column_desk,.component-collection .collection-wrap .five_column_desk{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-component-collection.css.map */
