.craving-banner-grid{color:rgb(var(--color-foreground))}.craving-banner-grid__header{margin-bottom:4rem}.craving-banner-grid__heading{margin:0;color:rgb(var(--color-button))}.craving-banner-grid__wrapper{--grid-cols: var(--craving-grid-columns, 4);--grid-gap: var(--craving-grid-gap, 2px);display:grid;grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));grid-auto-rows:calc((100cqw - (var(--grid-cols) - 1) * var(--grid-gap)) / var(--grid-cols));gap:var(--grid-gap);container-type:inline-size}.craving-banner-grid__card{position:relative;display:block;overflow:hidden;border-radius:var(--craving-grid-radius, 48px);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;grid-column:span var(--card-col-span, 1);grid-row:span var(--card-row-span, 1);min-height:0;isolation:isolate}.craving-banner-grid__media,.craving-banner-grid__media img,.craving-banner-grid__media svg,.craving-banner-grid__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.craving-banner-grid__card--link .craving-banner-grid__media img,.craving-banner-grid__card--link .craving-banner-grid__media svg,.craving-banner-grid__card--link .craving-banner-grid__media video{transition:transform calc(var(--craving-duration) / 2) var(--craving-ease)}@media(hover:hover){.craving-banner-grid__card--link:hover .craving-banner-grid__media img,.craving-banner-grid__card--link:hover .craving-banner-grid__media svg,.craving-banner-grid__card--link:hover .craving-banner-grid__media video{transform:scale(1.03);transition-duration:var(--craving-duration)}}.craving-banner-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;pointer-events:none}.craving-banner-grid__content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:var(--card-padding, 16px);gap:1.6rem}.craving-banner-grid__content--top-left{justify-content:flex-start;align-items:flex-start;text-align:left}.craving-banner-grid__content--top-center{justify-content:flex-start;align-items:center;text-align:center}.craving-banner-grid__content--top-right{justify-content:flex-start;align-items:flex-end;text-align:right}.craving-banner-grid__content--middle-left{justify-content:center;align-items:flex-start;text-align:left}.craving-banner-grid__content--middle-center{justify-content:center;align-items:center;text-align:center}.craving-banner-grid__content--middle-right{justify-content:center;align-items:flex-end;text-align:right}.craving-banner-grid__content--bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left}.craving-banner-grid__content--bottom-center{justify-content:flex-end;align-items:center;text-align:center}.craving-banner-grid__content--bottom-right{justify-content:flex-end;align-items:flex-end;text-align:right}.craving-banner-grid__eyebrow{margin:0}.craving-banner-grid__card-heading{margin:0;color:rgb(var(--color-foreground))}.craving-banner-grid__card-heading-inner{display:inline-block;max-width:100%}.craving-banner-grid__card-heading-inner--gradient{padding-inline-end:max(1px,.02em);padding-block-end:max(6px,.13em);background:var(--card-heading-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.craving-banner-grid__text{margin:0;color:rgba(var(--color-foreground),.85);max-width:42ch}.craving-banner-grid__text p{margin:0}.craving-banner-grid__content--top-left .craving-banner-grid__button,.craving-banner-grid__content--top-center .craving-banner-grid__button,.craving-banner-grid__content--top-right .craving-banner-grid__button{margin-top:auto}.craving-banner-grid__button{margin-bottom:0}@media screen and (max-width:1024px){.craving-banner-grid__card{border-radius:var(--craving-grid-radius-mobile, 24px)}}@media screen and (min-width:769px)and (max-width:1024px){.craving-banner-grid__wrapper{--grid-cols: var(--craving-grid-columns-tablet, 2)}.craving-banner-grid__card{grid-column:span 1;grid-row:span 1}}@media screen and (max-width:768px){.craving-banner-grid__wrapper{--grid-cols: var(--craving-grid-columns-mobile, 2);--grid-gap: var(--craving-grid-gap-mobile, 1px)}.craving-banner-grid__card{grid-column:span var(--card-col-span-mobile, 1)}.craving-banner-grid__content{padding:var(--card-padding-mobile, 16px) var(--craving-grid-card-padding-inline-mobile, 16px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/craving-section-craving-banner-grid.css.map */