.product-grid-with-image{padding:1rem 0;font-family:var(--font-family-primary);background-color:var(--color-primary-black)}.product-grid-with-image__container{display:flex;gap:1rem;flex-direction:column}@media screen and (min-width: 768px){.product-grid-with-image{padding:1rem}.product-grid-with-image__container--left{flex-direction:row}.product-grid-with-image__container--right{flex-direction:row-reverse}}.product-grid-with-image__banner{flex:0 1 50%;width:100%;position:relative;min-height:23.4375rem}@media screen and (min-width: 768px){.product-grid-with-image__banner{min-height:100%}}.image-banner__media{position:absolute;width:100%;height:100%}.image-banner__media-gradient{width:100%;height:100%;object-fit:cover;background:#000;background:var(--linear-gradient-top-bottom);opacity:.2;z-index:1;position:absolute;display:block;bottom:0}.image-banner__image{height:100%}.image-banner__image img{display:inline-block;width:100%;height:100%;object-fit:cover}.image-banner__container{position:relative;width:100%;height:100%;z-index:1;padding:1rem}.image-banner__container-inner{height:100%;display:flex;gap:1.5rem;flex-direction:column}@media (max-width: 767px){.image-banner__container .image-banner__container-inner{min-height:23.4375rem;gap:.75rem}.image-banner__container-inner--m-v-top{justify-content:flex-start}.image-banner__container-inner--m-v-center{justify-content:center}.image-banner__container-inner--m-v-bottom{justify-content:flex-end}.image-banner__container-inner--m-h-right{align-items:flex-end;text-align:right}.image-banner__container-inner--m-h-center{align-items:center;text-align:center}.image-banner__container-inner--m-h-left{align-items:flex-start}}@media (min-width: 768px){.image-banner__container-inner--v-top{justify-content:flex-start}.image-banner__container-inner--v-center{justify-content:center}.image-banner__container-inner--v-bottom{justify-content:flex-end}.image-banner__container-inner--h-right{align-items:flex-end;text-align:right}.image-banner__container-inner--h-center{align-items:center;text-align:center}.image-banner__container-inner--h-left{align-items:flex-start}}.image-banner__eyebrow{margin-bottom:.5rem}.image-banner__buttons .primary-button{width:max-content}@media screen and (max-width: 767px){.image-banner__buttons .primary-button{padding:.75rem 1rem}}.product-grid-with-image__products{flex:0 1 50%;display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem;padding:0 1rem}@media screen and (min-width: 768px){.product-grid-with-image__products{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/304/assets/css-product-grid-with-image.css.map */