.collection-product-list:has(.collection-promo-tile){grid-auto-flow:row dense}.collection-product-list .collection-promo-tile{position:relative;display:flex;grid-column:1 / -1;align-items:center;min-height:400px;overflow:hidden;border-radius:20px;background-color:#ebf0fc;isolation:isolate}.collection-promo-tile__image{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-promo-tile:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,#002030c7,#0020309e 38%,#00203000 72%)}.collection-promo-tile--text-right:before{background-image:linear-gradient(to left,#002030c7,#0020309e 38%,#00203000 72%)}.collection-promo-tile__content{display:flex;flex:0 1 60%;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(24px,3.4vw,48px);color:#fff}.collection-promo-tile--text-right .collection-promo-tile__content{margin-left:auto;align-items:flex-end;text-align:right}.collection-promo-tile__heading{margin:0;color:inherit;font-family:var(--font-family-poppins, var(--font-body-family));font-size:28px;font-weight:700;line-height:1.1;text-transform:uppercase}.collection-promo-tile__text{max-width:42ch}.collection-promo-tile__text p{margin:0;color:inherit;font-family:var(--font-body-family);font-size:16px;line-height:1.45}.collection-promo-tile__button{display:inline-block;padding:12px 28px;border:1px solid #ffffff;border-radius:100px;background-color:#004a70;color:#fff;font-family:var(--font-body-family);font-size:16px;line-height:1.2;text-decoration:none}.collection-promo-tile__button:hover,.collection-promo-tile__button:focus-visible{background-color:#fff;color:#004a70}@media screen and (max-width:767px){.collection-product-list .collection-promo-tile{min-height:225px}.collection-promo-tile:before,.collection-promo-tile--text-right:before{background-image:linear-gradient(to bottom,#00203073,#002030cc)}.collection-promo-tile__content{flex:1 1 auto;justify-content:flex-end;align-self:stretch}.collection-promo-tile--text-right .collection-promo-tile__content{margin-left:0;align-items:flex-start;text-align:left}.collection-promo-tile__content{gap:10px;padding:20px}.collection-promo-tile__heading{font-size:20px}.collection-promo-tile__text p{font-size:14px;line-height:1.35}.collection-promo-tile__button{padding:10px 20px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/209/assets/cre-collection-promo-tile.css.map */
