.product-grid-banner,.product-grid-banner *,.product-grid-banner *:before,.product-grid-banner *:after{box-sizing:border-box}.product-grid-banner{width:100%;padding:80px 32px 32px;background-color:var(--product-grid-banner-background)}.product-grid-banner__inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1376px;margin:0 auto;gap:36px}.product-grid-banner__desktop-text{display:block}.product-grid-banner__mobile-text{display:none}.product-grid-banner__heading{width:100%;margin:0;color:var(--product-grid-banner-heading-color);font-size:48px;font-weight:400;line-height:48px;letter-spacing:0;text-align:center}.product-grid-banner__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:280px 280px;width:100%;gap:20px}.product-grid-banner__card{position:relative;display:flex;overflow:hidden;border-radius:24px;isolation:isolate}.product-grid-banner__card--top-left{grid-column:1 / span 2;grid-row:1;align-items:flex-end;padding:24px}.product-grid-banner__card--bottom-left{grid-column:1 / span 2;grid-row:2;align-items:flex-end;padding:24px}.product-grid-banner__card--right{grid-column:3 / span 2;grid-row:1 / span 2;align-items:flex-end;padding:32px;border:1px solid var(--product-grid-banner-border-color)}.product-grid-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}.product-grid-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}.product-grid-banner__image--desktop{display:block}.product-grid-banner__image--mobile{display:none}.product-grid-banner__image--one{object-position:50% 75%;transform:scaleX(-1);transform-origin:center center}.product-grid-banner__image--two{object-position:50% 41%}.product-grid-banner__image--three{object-position:center center}.product-grid-banner__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none;border-radius:inherit}.product-grid-banner__card--top-left .product-grid-banner__gradient,.product-grid-banner__card--bottom-left .product-grid-banner__gradient{background:linear-gradient(to bottom,transparent 50.103%,var(--product-grid-banner-gradient-color) 100%)}.product-grid-banner__gradient{display:block!important}.product-grid-banner__card--right .product-grid-banner__gradient{background:linear-gradient(to bottom,transparent 62.15%,var(--product-grid-banner-gradient-color) 100%)}.product-grid-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;color:var(--product-grid-banner-text-color)}.product-grid-banner__card--no-desktop-image{background-color:var(--product-grid-banner-border-color)}.product-grid-banner__card--no-desktop-image .product-grid-banner__gradient{display:none}.product-grid-banner__card--no-desktop-image .product-grid-banner__content{color:var(--product-grid-banner-text-color)}.product-grid-banner__card--top-left .product-grid-banner__content,.product-grid-banner__card--bottom-left .product-grid-banner__content{width:100%;gap:4px}.product-grid-banner__card--right .product-grid-banner__content{width:100%;max-width:520px;gap:10px}.product-grid-banner__title{width:100%;margin:0;color:inherit;font-size:24px;font-weight:400;line-height:32px;letter-spacing:0}.product-grid-banner__description{width:100%;margin:0;color:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0}.product-grid-banner__description p{margin:0}@media screen and (max-width:1199px){.product-grid-banner{padding-right:24px;padding-left:24px}.product-grid-banner__grid{grid-template-rows:repeat(2,clamp(220px,20vw,280px))}.product-grid-banner__card--right{padding:28px}}@media screen and (max-width:989px){.product-grid-banner{padding-top:64px}.product-grid-banner__inner{gap:28px}.product-grid-banner__heading{font-size:40px;line-height:44px}.product-grid-banner__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:220px 220px;gap:16px}.product-grid-banner__card--right{padding:24px}.product-grid-banner__card--right .product-grid-banner__content{max-width:100%}.product-grid-banner__title{font-size:22px;line-height:30px}.product-grid-banner__description{font-size:15px;line-height:22px}}@media screen and (max-width:749px){.product-grid-banner{display:flex;flex-direction:column;align-items:center;width:100%;padding:32px 16px}.product-grid-banner__inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:512px;margin:0 auto;gap:24px}.product-grid-banner__desktop-text{display:none}.product-grid-banner__mobile-text{display:block}.product-grid-banner__heading{width:100%;margin:0;color:var(--product-grid-banner-heading-color);font-size:30px;font-weight:400;line-height:36px;letter-spacing:normal;text-align:center}.product-grid-banner__grid{display:flex;flex-direction:column;width:100%;gap:10px}.product-grid-banner__card{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto;min-height:0;max-height:none;padding:0;overflow:visible;border-radius:0}.product-grid-banner__card--top-left,.product-grid-banner__card--bottom-left{height:auto;min-height:0;max-height:none;padding:0;border-radius:0}.product-grid-banner__card--right{height:auto;min-height:0;max-height:none;padding:0;border:0;border-radius:0;aspect-ratio:auto}.product-grid-banner__media{position:relative;inset:auto;z-index:0;flex:0 0 auto;width:100%;height:auto;aspect-ratio:358 / 220;margin:0;padding:0;overflow:hidden;border-radius:24px}.product-grid-banner__card--right .product-grid-banner__media{aspect-ratio:675 / 570}.product-grid-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:cover}.product-grid-banner__image--desktop{display:none}.product-grid-banner__image--mobile{display:block}.product-grid-banner__image--one{object-position:center center;transform:none}.product-grid-banner__image--two{object-position:center center;transform:scale(1.32)}.product-grid-banner__image--three{object-position:center center;transform:none}.product-grid-banner__gradient,.product-grid-banner__card--top-left .product-grid-banner__gradient,.product-grid-banner__card--bottom-left .product-grid-banner__gradient,.product-grid-banner__card--right .product-grid-banner__gradient{display:none!important}.product-grid-banner__content,.product-grid-banner__card--top-left .product-grid-banner__content,.product-grid-banner__card--bottom-left .product-grid-banner__content,.product-grid-banner__card--right .product-grid-banner__content{position:relative;inset:auto;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:none;margin:0;padding:12px 0 16px;gap:0;color:var(--product-grid-banner-heading-color)}.product-grid-banner__title{width:100%;margin:0;padding:0;color:inherit;font-size:24px;font-weight:400;line-height:32px;letter-spacing:normal}.product-grid-banner__description{width:100%;margin:0;padding:0;color:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal}.product-grid-banner__card--top-left .product-grid-banner__description{font-size:16px;font-weight:400;line-height:26px;letter-spacing:-.16px}.product-grid-banner__description p{margin:0;padding:0}.product-grid-banner__card--no-desktop-image{background-color:transparent}.product-grid-banner__card--no-desktop-image .product-grid-banner__gradient{display:none}.product-grid-banner__card--no-mobile-image{background-color:var(--product-grid-banner-border-color)}.product-grid-banner__card--no-mobile-image .product-grid-banner__gradient{display:none}.product-grid-banner__card--no-mobile-image .product-grid-banner__content{color:var(--product-grid-banner-text-color)}.product-grid-banner__card--no-mobile-image .product-grid-banner__title,.product-grid-banner__card--no-mobile-image .product-grid-banner__description{color:inherit}}@media screen and (min-width:750px){.product-grid-banner--desktop-below .product-grid-banner__card{flex-direction:column;align-items:stretch;overflow:visible;border-radius:0}.product-grid-banner--desktop-below .product-grid-banner__card--top-left,.product-grid-banner--desktop-below .product-grid-banner__card--bottom-left,.product-grid-banner--desktop-below .product-grid-banner__card--right{padding:0}.product-grid-banner--desktop-below .product-grid-banner__card--right{border:0}.product-grid-banner--desktop-below .product-grid-banner__media{position:relative;inset:auto;flex:1 1 auto;width:100%;min-height:0;overflow:hidden;border-radius:24px}.product-grid-banner--desktop-below .product-grid-banner__gradient{display:none!important}.product-grid-banner--desktop-below .product-grid-banner__content,.product-grid-banner--desktop-below .product-grid-banner__card--top-left .product-grid-banner__content,.product-grid-banner--desktop-below .product-grid-banner__card--bottom-left .product-grid-banner__content,.product-grid-banner--desktop-below .product-grid-banner__card--right .product-grid-banner__content{position:relative;inset:auto;flex:0 0 auto;width:100%;max-width:none;padding:12px 0 0;color:var(--product-grid-banner-heading-color)}}@media screen and (max-width:749px){.product-grid-banner--mobile-overlay .product-grid-banner__card{position:relative;display:block;width:100%;padding:0;overflow:hidden;border-radius:24px}.product-grid-banner--mobile-overlay .product-grid-banner__card--top-left,.product-grid-banner--mobile-overlay .product-grid-banner__card--bottom-left{height:min(220px,calc((100vw - 32px) * 220 / 358));min-height:0;max-height:220px;padding:0;border-radius:24px}.product-grid-banner--mobile-overlay .product-grid-banner__card--right{height:auto;min-height:0;max-height:none;padding:0;border:0;border-radius:24px;aspect-ratio:675 / 570}.product-grid-banner--mobile-overlay .product-grid-banner__media,.product-grid-banner--mobile-overlay .product-grid-banner__card--right .product-grid-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;margin:0;padding:0;overflow:hidden;border-radius:24px}.product-grid-banner--mobile-overlay .product-grid-banner__gradient,.product-grid-banner--mobile-overlay .product-grid-banner__card--top-left .product-grid-banner__gradient,.product-grid-banner--mobile-overlay .product-grid-banner__card--bottom-left .product-grid-banner__gradient,.product-grid-banner--mobile-overlay .product-grid-banner__card--right .product-grid-banner__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block!important;width:100%;height:100%;border-radius:24px;background:linear-gradient(to bottom,transparent 20%,color-mix(in srgb,var(--product-grid-banner-gradient-color) 32%,transparent) 48%,color-mix(in srgb,var(--product-grid-banner-gradient-color) 50%,transparent) 100%)}.product-grid-banner--mobile-overlay .product-grid-banner__content,.product-grid-banner--mobile-overlay .product-grid-banner__card--top-left .product-grid-banner__content,.product-grid-banner--mobile-overlay .product-grid-banner__card--bottom-left .product-grid-banner__content,.product-grid-banner--mobile-overlay .product-grid-banner__card--right .product-grid-banner__content{position:absolute;z-index:2;inset:auto 16px 16px;display:flex;flex-direction:column;align-items:flex-start;width:auto;max-width:none;margin:0;padding:0;gap:0;color:var(--product-grid-banner-text-color)}.product-grid-banner--mobile-overlay .product-grid-banner__title,.product-grid-banner--mobile-overlay .product-grid-banner__description{color:var(--product-grid-banner-text-color)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/product-grid-banner.css.map */