.banner-grid-section{width:100%}.banner-grid-section--full-width{max-width:100%;padding-left:0;padding-right:0}.banner-grid-section--contained{max-width:var(--page-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.banner-grid__header{text-align:center;margin-bottom:2.4rem;padding:0 1.5rem}.banner-grid__heading{font-size:clamp(22px,3.5vw,46px);font-weight:800;color:rgb(var(--color-foreground));margin:0 0 .6rem;line-height:1.15}.banner-grid__subheading{font-size:clamp(14px,1.5vw,18px);color:rgba(var(--color-foreground),.72);margin:0;line-height:1.5}.banner-grid__grid{display:grid;gap:var(--banner-grid-gap, 4px);list-style:none;margin:0;padding:0;grid-template-columns:repeat(var(--banner-grid-cols-desktop, 3),1fr)}.banner-grid__item{position:relative;overflow:hidden;display:block;min-height:var(--banner-grid-card-height, 420px);text-decoration:none}.banner-grid__item:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.banner-grid__img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.banner-grid__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease}.banner-grid__item:hover .banner-grid__img{transform:scale(1.04)}.banner-grid__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,var(--banner-grid-overlay-opacity, .2)) 0%,transparent 80%);transition:opacity .3s ease}.banner-grid__item:hover .banner-grid__overlay{opacity:.9}.banner-grid__content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:1.56em 2em;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;background:transparent}.banner-grid__card-title{font-size:3em;font-weight:700;color:rgb(var(--color-foreground));margin:0;line-height:1.1}.banner-grid__card-subtitle{font-size:1.5em;color:rgba(var(--color-foreground),1);margin:0;font-weight:700}.banner-grid__btn{display:inline-block;margin-top:.8rem;padding:.5em 2em;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.25em;font-weight:700;text-transform:uppercase;text-decoration:none;border-radius:10px;border:none;cursor:pointer;transition:background .18s ease,transform .18s ease,color .18s ease}.banner-grid__btn:hover{background:rgba(var(--color-foreground),.8);transform:translateY(-1px)}.banner-grid__placeholder{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.06);display:flex;align-items:center;justify-content:center}.banner-grid__placeholder svg{width:60px;height:60px;color:rgba(var(--color-foreground),.2)}@media screen and (max-width:989px){.banner-grid__grid{grid-template-columns:repeat(var(--banner-grid-cols-tablet, 2),1fr)}.banner-grid__item{min-height:320px}}@media screen and (max-width:749px){.banner-grid__grid{grid-template-columns:repeat(var(--banner-grid-cols-mobile, 1),1fr)}.banner-grid__item{min-height:280px}.banner-grid__content{padding:1.4rem 1.2rem}.banner-grid-section--contained{padding-left:0;padding-right:0}.banner-grid__card-title{font-size:2em;font-weight:700;color:rgb(var(--color-foreground));margin:0;line-height:1.1}.banner-grid__card-subtitle{font-size:1.25em;color:rgba(var(--color-foreground),1);margin:0;font-weight:700}.banner-grid__btn{padding:.4em 1em;font-size:1.125em}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/banner-grid.css.map */