.product-grid .grid__item{padding-bottom:2rem}.product-grid.negative-margin{margin-bottom:-2rem}.grid-banner{display:block;position:relative;width:100%;height:100%;overflow:hidden;text-decoration:none;color:var(--gb-text-color, #ffffff)}.grid-banner__media,.grid-banner__media img{display:block;width:100%;height:100%;object-fit:cover}.grid-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:var(--gb-justify, flex-end);align-items:var(--gb-align, center);padding:2rem;pointer-events:none}.grid-banner__text{display:block;text-align:var(--gb-text-align, center);background-color:var(--gb-bg-color);min-width:min(50%,30rem);max-width:100%;pointer-events:auto}.grid-banner__text--has-bg{padding:1.25rem 1.75rem}.grid-banner__heading{font-family:var(--font-heading-family, "bonvivant"),serif;margin:0 0 1rem;font-size:var(--gb-heading-size, 2.4rem);line-height:1.2;color:var(--gb-text-color, #ffffff)}.grid-banner__heading:last-child{margin-bottom:0}.grid-banner__button{display:inline-block;padding:.75rem 1.5rem;border:1px solid var(--gb-btn-border, currentColor);background-color:var(--gb-btn-bg);color:var(--gb-btn-color, currentColor);text-transform:uppercase;letter-spacing:.05em;font-size:1.3rem}@media screen and (max-width:749px){.product-grid .grid__item--banner,.product-grid.grid--2-col .grid__item--banner{width:100%;max-width:100%;flex:0 0 100%}}@media screen and (min-width:750px){.product-grid .grid__item{padding-bottom:5rem;flex:0 0 calc(25% - .75rem)}.product-grid.negative-margin{margin-bottom:-5rem}.product-grid.negative-margin--small{margin-bottom:-1rem}.product-grid .grid__item--banner.grid__item--span-1{flex:0 0 calc(25% - .75rem);width:calc(25% - .75rem);max-width:calc(25% - .75rem)}.product-grid .grid__item--banner.grid__item--span-2{flex:0 0 calc(50% - 1.5rem);width:calc(50% - 1.5rem);max-width:calc(50% - 1.5rem)}.product-grid .grid__item--banner.grid__item--span-3{flex:0 0 calc(75% - 2.25rem);width:calc(75% - 2.25rem);max-width:calc(75% - 2.25rem)}.product-grid .grid__item--banner.grid__item--span-4{flex:0 0 calc(100% - 3rem);width:calc(100% - 3rem);max-width:calc(100% - 3rem)}}
/*# sourceMappingURL=/cdn/shop/t/306/assets/component-product-grid.css.map */