.sparedgrid-section,.sparedgrid-section *,.sparedgrid-section *:before,.sparedgrid-section *:after{box-sizing:border-box}.sparedgrid-section{width:100%;padding:24px 0;font-family:inherit}.sparedgrid-section__title{text-align:center;margin:0 auto 28px;padding:0 20px;font-size:clamp(20px,2.4vw,32px);font-weight:500;letter-spacing:-.01em;line-height:1.2;color:inherit}.sparedgrid-container{display:grid;grid-template-columns:repeat(var(--columns, 4),1fr);grid-auto-rows:minmax(var(--rowMinHeight, 200px),auto);grid-auto-flow:dense;gap:var(--gridGap, 20px);max-width:var(--containerMaxWidth, 1440px);margin:0 auto;padding:0 20px;width:100%}.sparedgrid-bucket{position:relative;display:block;overflow:hidden;text-decoration:none;color:inherit;background-color:#f5f5f5;grid-column:var(--columnStart, auto) / span var(--columnSpan, 1);grid-row:var(--rowStart, auto) / span var(--rowSpan, 1);min-height:200px;isolation:isolate;transition:box-shadow .3s ease}.sparedgrid-bucket:hover{box-shadow:0 6px 24px #00000014}.sparedgrid-bucket:hover .sparedgrid-bgimg{transform:scale(1.04)}.sparedgrid-bucket:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sparedgrid-bgimg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:1;transition:transform .6s cubic-bezier(.22,.61,.36,1);will-change:transform}.sparedgrid-content,.hpBannerSplashGrid__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;text-align:var(--textAlign, left);padding:20px;padding-left:var(--paddingLeft, 20px);height:100%;width:100%;pointer-events:none}.hpBannerSplashGrid__content--centered{justify-content:center}.gridcontent-title,.hpBannerSplashGrid__title{color:var(--bucketTextColor, #fff);font-weight:var(--titleFontWeight, 400);font-size:var(--titleFontSize, 3rem);line-height:var(--titleLineHeight, 1);letter-spacing:-.01em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hpBannerSplashGrid__text{color:var(--textColor, #fff);font-size:clamp(calc(var(--minTextSize) * 1px),calc((var(--minTextSize) * 1px) + (var(--maxTextSize) - var(--minTextSize)) * ((100vw - (var(--minVw, 1024) * 1px)) / (var(--maxVw, 1440) - var(--minVw, 1024)))),calc(var(--maxTextSize) * 1px));font-weight:var(--fontWeight, 500);line-height:var(--lineHeight, 1);white-space:nowrap;max-width:100%}.gridcontent-deal{display:block;width:100%}.gridcontent-pretext{letter-spacing:.04em;text-transform:uppercase}.gridcontent-maindeal{display:inline-block}.hpsplashText__currencySign{position:relative;vertical-align:baseline;font-weight:inherit}.hpCtaLink{display:inline-block;margin-top:14px;color:var(--ctaLinkTextColor, #fff);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;white-space:nowrap;transition:opacity .2s ease}.sparedgrid-bucket:hover .hpCtaLink{opacity:.75}.hpCtaLink__caret{display:inline-block;margin-left:4px;text-decoration:none;transition:transform .2s ease}.sparedgrid-bucket:hover .hpCtaLink__caret{transform:translate(3px)}.hpBannerSplashGrid__overlay{position:absolute;bottom:var(--overlay-bottom, 20px);left:var(--overlay-left, 20px);right:var(--overlay-left, 20px);z-index:3;pointer-events:none;max-width:calc(100% - (var(--overlay-left, 20px) * 2))}.hpBannerSplashGrid__overlay strong,.hpBannerSplashGrid__overlay b{font-weight:700;letter-spacing:.03em}.hpBannerSplashGrid__overlay em,.hpBannerSplashGrid__overlay i{font-style:italic}.hpAsterisk{display:inline-block;font-size:.85em;vertical-align:top;margin-right:1px;line-height:1}@media(max-width:767.98px){.sparedgrid-container{grid-template-columns:1fr!important;grid-auto-rows:auto;padding:0 16px;gap:16px}.sparedgrid-bucket{grid-column:1 / -1!important;grid-row:auto!important;aspect-ratio:var(--mobileAspect, 4 / 3);min-height:0}.sparedgrid-content,.hpBannerSplashGrid__content{padding:24px 20px}.sparedgrid-bucket:has(.hpBannerSplashGrid__overlay) .sparedgrid-content{padding-bottom:56px}.gridcontent-title,.hpBannerSplashGrid__title{font-size:var(--titleFontSizeSmall, 2rem)}.hpBannerSplashGrid__overlay{bottom:16px;left:20px;right:20px;max-width:calc(100% - 40px)}}@media(min-width:768px)and (max-width:1023.98px){.sparedgrid-container{gap:16px}}@media(prefers-reduced-motion:reduce){.sparedgrid-bgimg,.hpCtaLink,.hpCtaLink__caret,.sparedgrid-bucket{transition:none!important}.sparedgrid-bucket:hover .sparedgrid-bgimg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-dynamic-grid-buckets.css.map */