.promo-grid-section{padding-top:var(--promo-padding-top, 0px);padding-bottom:var(--promo-padding-bottom, 0px)}.promo-grid-section__inner{width:100%}.promo-grid-section__inner--width-full{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.promo-grid-section__inner--width-header{max-width:var(--page-width, 120rem);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:750px)and (max-width:989px){.promo-grid-section__inner--width-header{padding-left:3.2rem;padding-right:3.2rem}}@media screen and (min-width:990px){.promo-grid-section__inner--width-header{padding-left:5rem;padding-right:5rem}}.custom-section-card--match-header{width:calc(100% - 3rem)}@media screen and (min-width:750px)and (max-width:989px){.custom-section-card--match-header{width:calc(100% - 6.4rem)}}@media screen and (min-width:990px){.custom-section-card--match-header{width:calc(100% - 10rem)}}.promo-grid-section__heading{text-align:center;margin-bottom:2.4rem}.promo-grid{display:grid;grid-template-columns:repeat(var(--promo-cols, 3),1fr);grid-auto-rows:var(--promo-row-height, 320px);gap:var(--promo-gap, 16px)}.promo-grid__item--tall{grid-row:span 2}.promo-grid__item{position:relative;overflow:hidden;border-radius:var(--promo-radius, 0px);display:block;text-decoration:none;color:inherit}.promo-grid__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.promo-grid-carousel-wrap{position:relative}.promo-grid-section--carousel .promo-grid{display:grid;grid-auto-flow:column;grid-auto-columns:var(--promo-card-width, 32rem);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:.8rem}.promo-grid-section--carousel .promo-grid::-webkit-scrollbar{height:4px}.promo-grid-section--carousel .promo-grid::-webkit-scrollbar-track{background:transparent}.promo-grid-section--carousel .promo-grid::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.15);border-radius:2px}.promo-grid-section--carousel .promo-grid__item{scroll-snap-align:start;height:var(--promo-row-height, 320px)}.promo-grid-section--carousel .promo-grid__item--tall{grid-row:auto}.promo-grid__arrow{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;background:#ffffffe6;color:rgb(var(--color-foreground));cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:2;transition:background .2s ease,opacity .2s ease}.promo-grid__arrow:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.promo-grid__arrow[disabled]{opacity:.3;pointer-events:none}.promo-grid__arrow--prev{left:-2rem}.promo-grid__arrow--next{right:-2rem}.promo-grid__arrow .svg-wrapper{display:flex;align-items:center}.promo-grid__arrow svg{width:1.4rem;height:1.4rem;flex-shrink:0}.promo-grid__arrow--prev .svg-wrapper{transform:rotate(180deg)}@media screen and (max-width:749px){.promo-grid__arrow{display:none}}.promo-grid-section--caption-below .promo-grid{align-items:start;grid-auto-rows:auto}.promo-grid-section--caption-below.promo-grid-section--carousel .promo-grid__item{height:auto}.promo-grid__item--caption-below{display:flex;flex-direction:column;overflow:visible}.promo-grid__item--caption-below .promo-grid__image-wrap{position:relative;inset:auto;aspect-ratio:4 / 5;border-radius:var(--promo-radius, 0px);overflow:hidden;flex-shrink:0}.promo-grid__caption{display:flex;flex-direction:column;gap:.4rem;padding-top:1.2rem;color:rgb(var(--color-foreground))}.promo-grid__caption--left{align-items:flex-start;text-align:left}.promo-grid__caption--center{align-items:center;text-align:center}.promo-grid__caption--right{align-items:flex-end;text-align:right}.promo-grid__caption .promo-grid__title,.promo-grid__caption .promo-grid__price{text-shadow:none}.promo-grid__caption .promo-grid__btn{margin-top:.4rem}.promo-grid__image,.promo-grid__image-wrap .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.promo-grid--zoom .promo-grid__item:hover .promo-grid__image{transform:scale(1.06)}.promo-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--promo-overlay, .3));transition:background .3s ease;pointer-events:none}.promo-grid__item:hover .promo-grid__overlay{background:rgba(0,0,0,calc(var(--promo-overlay, .3) + .08))}.promo-grid__zones{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff}.promo-grid__zone{position:absolute;display:flex;flex-direction:column;gap:.5rem;pointer-events:auto;max-width:calc(100% - 3.6rem);box-sizing:border-box}.promo-grid__zone--top-left,.promo-grid__zone--top-center,.promo-grid__zone--top-right{top:1.8rem}.promo-grid__zone--center-left,.promo-grid__zone--center-center,.promo-grid__zone--center-right{top:50%;transform:translateY(-50%)}.promo-grid__zone--bottom-left,.promo-grid__zone--bottom-center,.promo-grid__zone--bottom-right{bottom:1.8rem}.promo-grid__zone--top-left,.promo-grid__zone--center-left,.promo-grid__zone--bottom-left{left:1.8rem;align-items:flex-start;text-align:left}.promo-grid__zone--top-center,.promo-grid__zone--center-center,.promo-grid__zone--bottom-center{left:50%;transform:translate(-50%);align-items:center;text-align:center}.promo-grid__zone--top-right,.promo-grid__zone--center-right,.promo-grid__zone--bottom-right{right:1.8rem;align-items:flex-end;text-align:right}.promo-grid__zone--center-center{left:50%;top:50%;transform:translate(-50%,-50%)}.promo-grid__title{text-shadow:0 1px 6px rgba(0,0,0,.4)}.promo-grid__price{opacity:.92;text-shadow:0 1px 4px rgba(0,0,0,.35)}.promo-grid__btn{margin-top:.8rem}.promo-grid__item:hover .promo-grid__btn{background:var(--promo-btn-hover-bg, #fff);border-color:var(--promo-btn-hover-border-color, #fff);color:var(--promo-btn-hover-color, #111)}@media screen and (max-width:989px){.promo-grid{grid-template-columns:repeat(min(var(--promo-cols, 3),2),1fr)}}@media screen and (max-width:749px){.promo-grid{grid-template-columns:1fr;grid-auto-rows:var(--promo-row-height-mobile, 260px)}.promo-grid__item--tall{grid-row:span 1}.promo-grid__content{padding:1.6rem}.promo-grid-section--carousel .promo-grid__item{height:var(--promo-row-height-mobile, 260px)}.promo-grid-section--caption-below.promo-grid-section--carousel .promo-grid__item{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-custom-promo-grid.css.map */