.sg-hero{--sg-gap: 8px;--sg-radius: 12px;--sg-card-radius: 8px;--sg-banner-fr: 2fr;--sg-cols: 2;--sg-cols-fr: 2fr;--sg-per-view: 2.15;--sg-banner-ratio: 95%;--sg-content-pad: 20px;--sg-max-width: 1600px;--sg-pad-inline: 16px}.sg-hero__inner{max-width:var(--sg-max-width, 1525px);margin-inline:auto;padding-inline:var(--sg-pad-inline)}@media screen and (max-width:749px){.sg-hero__inner{padding-inline:1rem}}.sg-hero__header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 var(--sg-gap)}.sg-hero__title{margin:0}.sg-hero__view-all{flex:none;text-decoration:underline;text-underline-offset:3px}.sg-hero__grid{display:grid;gap:var(--sg-gap);grid-template-columns:minmax(0,1fr);align-items:stretch}.sg-hero__banner{position:relative;overflow:hidden;border-radius:var(--sg-radius);background-color:rgb(var(--color-foreground, 18 18 18) / .04);min-width:0}.sg-hero__banner:before{content:"";display:block;padding-top:var(--sg-banner-ratio)}.sg-hero__slider{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.sg-hero__slider::part(container),.sg-hero__slider::part(wrapper){height:100%}.sg-hero__slide{position:relative;overflow:hidden;height:100%}.sg-hero__slider:not(:defined) .sg-hero__slide+.sg-hero__slide{display:none}.sg-hero__media,.sg-hero__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.sg-hero__media img,.sg-hero__media svg,.sg-hero__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.sg-hero__media--mobile{display:block}.sg-hero__media--desktop{display:none}.sg-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#0000008c,#0000 55%);opacity:var(--sg-overlay, 0)}.sg-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;gap:var(--sg-content-gap, 12px);padding:var(--sg-content-pad);text-align:center;color:var(--sg-text-color, #ffffff);pointer-events:none}.sg-hero__content>*{pointer-events:auto}.sg-hero__content--top{justify-content:flex-start}.sg-hero__content--middle{justify-content:center}.sg-hero__content--bottom{justify-content:flex-end}.sg-hero__content--left{align-items:flex-start;text-align:left}.sg-hero__content--center{align-items:center;text-align:center}.sg-hero__content--right{align-items:flex-end;text-align:right}.sg-hero__eyebrow{margin:0;font-size:var(--sg-eyebrow-size-mobile, 18px);letter-spacing:.08em;text-transform:var(--sg-eyebrow-transform, capitalize);line-height:1.1}.sg-hero__heading{margin:0;font-size:var(--sg-heading-size-mobile, 34px);line-height:.95;letter-spacing:-.01em;text-transform:uppercase;color:inherit;text-shadow:0 1px 4px rgba(0,0,0,.3),0 4px 22px rgba(0,0,0,.26)}.sg-hero__heading p{margin:0;font-size:inherit;line-height:inherit;color:inherit}.sg-hero__badge{display:inline-block;padding:6px 14px;border-radius:var(--sg-badge-radius, 6px);font-size:var(--sg-badge-size-mobile, 12px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;background-color:var(--sg-badge-bg, #d31f26);color:var(--sg-badge-color, #ffffff)}.sg-hero__cta{margin-top:10px;display:inline-block;padding:var(--sg-cta-pad-block-mobile, 10px) var(--sg-cta-pad-inline-mobile, 18px);font-size:var(--sg-cta-size-mobile, 14px);line-height:1.2;text-decoration:none;text-transform:var(--sg-cta-transform, capitalize);border-radius:var(--sg-cta-radius, 8px);background-color:var(--sg-cta-bg, rgba(255, 255, 255, .9));color:var(--sg-cta-color, #121212)}.sg-hero__cta:hover,.sg-hero__cta:focus-visible{opacity:.85;color:var(--sg-cta-color, #121212)}.sg-hero--cta-outline .sg-hero__cta{background-color:transparent;border:1px solid var(--sg-cta-color, #ffffff);border-radius:var(--sg-radius, 12px);color:var(--sg-cta-color, #ffffff);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.sg-hero--cta-outline .sg-hero__cta:hover,.sg-hero--cta-outline .sg-hero__cta:focus-visible{opacity:1;background-color:var(--sg-cta-bg, #121212);border-color:var(--sg-cta-bg, #121212);color:var(--sg-cta-color, #ffffff)}.sg-hero__cta--pinned{position:absolute;left:0;bottom:0;z-index:3;border-radius:0 var(--sg-cta-radius, 8px) 0 var(--sg-radius)}.sg-hero__nav{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:var(--sg-banner-nav-size, 36px);height:var(--sg-banner-nav-size, 36px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sg-banner-nav-color, #ffffff)}.sg-hero__nav--prev{left:var(--sg-banner-nav-offset, 8px)}.sg-hero__nav--next{right:var(--sg-banner-nav-offset, 8px)}.sg-hero__nav svg{width:100%;height:100%}.sg-hero__nav.swiper-button-disabled{opacity:.35;cursor:default}.sg-hero__pagination{position:absolute;left:0;right:0;bottom:var(--sg-dots-offset, 10px);z-index:4;display:flex;align-items:center;justify-content:center;gap:6px}.sg-hero__pagination .swiper-pagination-bullet{width:7px;height:7px;border-radius:50%;background-color:var(--sg-dots-color, #ffffff);opacity:.5;transition:opacity .2s ease,width .2s ease;cursor:pointer}.sg-hero__pagination .swiper-pagination-bullet-active{opacity:1;width:18px;border-radius:4px}@media screen and (max-width:989px){.sg-hero--controls-hidden-mobile .sg-hero__nav{display:none}.sg-hero--bleed-mobile .sg-hero__banner{margin-inline:calc(-1 * var(--sg-pad-inline));border-radius:0}.sg-hero__heading{line-height:1.15}}@media screen and (min-width:750px)and (max-width:989px){.sg-hero__eyebrow{font-size:var(--sg-eyebrow-size, 30px)}.sg-hero__heading{font-size:var(--sg-heading-size, 72px)}.sg-hero__cta{padding:var(--sg-cta-pad-block, 12px) var(--sg-cta-pad-inline, 24px);font-size:var(--sg-cta-size, 15px)}}@media screen and (max-width:989px){.sg-hero__content--custom{inset:auto;left:var(--sg-content-x-mobile, 8%);top:var(--sg-content-y-mobile, 60%);transform:translate(calc(-1 * var(--sg-content-x-mobile, 8%)),calc(-1 * var(--sg-content-y-mobile, 60%)));width:max-content;max-width:92%;height:auto;padding:0;justify-content:flex-start}}.sg-hero__products{position:relative;min-width:0}.sg-hero__products-track{display:flex;flex-wrap:nowrap;gap:var(--sg-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:0;margin-left:0;margin-right:calc(-1 * var(--sg-pad-inline))}.sg-hero__products-track::-webkit-scrollbar{display:none}.sg-hero__product{display:flex;min-width:0;flex:0 0 calc((100% - (var(--sg-per-view) - 1) * var(--sg-gap)) / var(--sg-per-view));scroll-snap-align:start}.sg-hero__product>.card-wrapper{width:100%}@media(prefers-reduced-motion:reduce){.sg-hero__products-track{scroll-behavior:auto}}.sg-hero__products-nav{--swiper-navigation-size: var(--sg-products-nav-size, 53px)}.sg-hero__products-nav .swiper-nav{color:var(--sg-products-nav-color, rgb(var(--color-foreground)));z-index:3;--swiper-navigation-top-offset: var(--sg-products-nav-top, 25.5%);--swiper-navigation-sides-offset: var(--sg-products-nav-side, -6px)}.sg-hero__products-nav .swiper-nav:after{content:none}.sg-hero__products-nav .svg-wrapper{line-height:0}.sg-hero__products-nav .swiper-nav svg{width:100%;height:100%}.sg-hero__products-nav .swiper-button-lock{display:none}.sg-hero__products-nav .swiper-nav{background:none;border:0;padding:0;cursor:pointer}.sg-hero__products-nav .swiper-nav.swiper-button-disabled{opacity:.35;pointer-events:none}.sg-hero .card__inner,.sg-hero .card__media,.sg-hero .card .media{border-radius:var(--sg-card-radius);overflow:hidden}.sg-hero .card__information{padding-top:var(--sg-card-info-pad-mobile, 8px)}.sg-hero .card__heading,.sg-hero .card__heading.h5{font-size:var(--sg-card-title-size-mobile, 13px)!important;line-height:1.25}.sg-hero .card__information-primary>.price{font-size:var(--sg-card-price-size-mobile, 12px)}.sg-hero .card__content .quick-add{margin:var(--sg-atc-margin-top, 8px) 0 0!important;display:flex;justify-content:var(--sg-atc-align, flex-start)}.sg-hero--clamp-title .card__heading>a{display:-webkit-box;-webkit-line-clamp:var(--sg-card-title-lines, 2);line-clamp:var(--sg-card-title-lines, 2);-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:990px){.sg-hero.sg-hero--atc-inline .card--standard>.card__content .card__information{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:end;gap:var(--sg-card-col-gap, 8px)}.sg-hero--atc-inline .card__information-primary{grid-column:1;grid-row:1}.sg-hero--atc-inline .card__information-primary+.card-information{grid-column:2;grid-row:1;width:auto;height:auto;align-self:end}.sg-hero--atc-inline .card__content .quick-add{margin:0!important}}@media screen and (max-width:989px){.sg-hero.sg-hero--atc-inline-mobile .card--standard>.card__content .card__information{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:end;gap:var(--sg-card-col-gap, 8px)}.sg-hero--atc-inline-mobile .card__information-primary{grid-column:1;grid-row:1}.sg-hero--atc-inline-mobile .card__information-primary+.card-information{grid-column:2;grid-row:1;width:auto;height:auto;align-self:end}.sg-hero--atc-inline-mobile .card__content .quick-add{margin:0!important}}.sg-hero .advanced-quick-view__label{display:inline-flex;align-items:center;justify-content:center;flex-direction:var(--sg-atc-icon-dir, row);gap:var(--sg-atc-icon-gap, 6px)}.sg-hero .advanced-quick-view__icon{display:inline-flex;flex:none;line-height:0}.sg-hero .advanced-quick-view__icon svg,.sg-hero .advanced-quick-view__icon img{width:var(--sg-atc-icon-size, 16px);height:var(--sg-atc-icon-size, 16px);object-fit:contain;display:block}.sg-hero .card__content .quick-add .advanced-product-quick-modal{display:block;width:100%}.sg-hero .card__content .quick-add .advanced-button,.sg-hero .card__content button.advanced-button.advanced-quick-view{--advanced-button-font-size: var(--sg-atc-size-mobile, 12px);--advanced-button-padding-block: var(--sg-atc-pad-block-mobile, 7px);--advanced-button-padding-inline: var(--sg-atc-pad-inline, 14px);--advanced-button-border-radius: var(--sg-atc-radius, 6px);--advanced-button-font-weight: var(--sg-atc-weight, 700);box-shadow:var(--sg-atc-shadow, none);max-width:var(--sg-atc-max-width, max-content);width:var(--sg-atc-width, auto);letter-spacing:var(--sg-atc-letter-spacing, 0)}@media screen and (min-width:990px){.sg-hero__products-track{display:grid;grid-template-columns:repeat(var(--sg-cols),minmax(0,1fr));overflow:visible;padding-inline:0;margin-inline:0;scroll-snap-type:none}.sg-hero__product{flex:initial;scroll-snap-align:none}.sg-hero__product--hidden,.sg-hero__products-nav{display:none}.sg-hero__grid{grid-template-columns:var(--sg-banner-fr) var(--sg-cols-fr)}.sg-hero--banner-width-custom .sg-hero__grid{grid-template-columns:var(--sg-banner-width) minmax(0,1fr)}.sg-hero--banner-width-custom.sg-hero--banner-right .sg-hero__grid{grid-template-columns:minmax(0,1fr) var(--sg-banner-width)}.sg-hero__banner:before{content:none}.sg-hero--banner-height-custom .sg-hero__banner{height:var(--sg-banner-height);align-self:start}.sg-hero__media--mobile{display:none}.sg-hero__media--desktop{display:block}.sg-hero__eyebrow{font-size:var(--sg-eyebrow-size, 30px)}.sg-hero__heading{font-size:var(--sg-heading-size, 72px)}.sg-hero__content--custom{inset:auto;left:var(--sg-content-x, 8%);top:var(--sg-content-y, 60%);transform:translate(calc(-1 * var(--sg-content-x, 8%)),calc(-1 * var(--sg-content-y, 60%)));width:max-content;max-width:min(85%,620px);height:auto;padding:0;justify-content:flex-start}.sg-hero__badge{font-size:var(--sg-badge-size, 16px);padding:8px 18px}.sg-hero__cta{padding:var(--sg-cta-pad-block, 12px) var(--sg-cta-pad-inline, 24px);font-size:var(--sg-cta-size, 15px)}.sg-hero__nav{width:var(--sg-banner-nav-size-desktop, 44px);height:var(--sg-banner-nav-size-desktop, 44px)}.sg-hero__nav--prev{left:var(--sg-banner-nav-offset-desktop, 16px)}.sg-hero__nav--next{right:var(--sg-banner-nav-offset-desktop, 16px)}.sg-hero__pagination{bottom:var(--sg-dots-offset-desktop, 16px)}.sg-hero__products-nav .swiper-nav{--swiper-navigation-top-offset: var(--sg-products-nav-top-desktop, 28.5%);--swiper-navigation-sides-offset: var(--sg-products-nav-side-desktop, -15px)}.sg-hero .card__information{padding-top:var(--sg-card-info-pad, 10px)}.sg-hero .card__heading,.sg-hero .card__heading.h5{font-size:var(--sg-card-title-size, 14px)!important}.sg-hero .card__information-primary>.price{font-size:var(--sg-card-price-size, 13px)}.sg-hero .card__content .quick-add .advanced-button,.sg-hero .card__content button.advanced-button.advanced-quick-view{--advanced-button-font-size: var(--sg-atc-size, 13px);--advanced-button-padding-block: var(--sg-atc-pad-block, 8px)}.sg-hero--no-products .sg-hero__grid{grid-template-columns:minmax(0,1fr)}.sg-hero--no-products .sg-hero__banner:before{content:"";padding-top:var(--sg-banner-ratio-desktop, 42%)}.sg-hero--banner-right .sg-hero__grid{grid-template-columns:var(--sg-cols-fr) var(--sg-banner-fr)}.sg-hero--banner-right .sg-hero__banner{order:2}.sg-hero--banner-right .sg-hero__products{order:1}}@media screen and (min-width:990px){.sg-hero--fit .sg-hero__grid{height:var(--sg-fit-height, calc(100vh - 200px) );min-height:460px}.sg-hero--fit .sg-hero__grid,.sg-hero--fit.sg-hero--banner-width-custom .sg-hero__grid{grid-template-columns:minmax(0,calc(var(--sg-fit-height, 600px) * var(--sg-fit-banner-max, 1))) var(--sg-fit-products-w, var(--sg-cols-fr));justify-content:center}.sg-hero--fit.sg-hero--banner-right .sg-hero__grid,.sg-hero--fit.sg-hero--banner-width-custom.sg-hero--banner-right .sg-hero__grid{grid-template-columns:var(--sg-fit-products-w, var(--sg-cols-fr)) minmax(0,calc(var(--sg-fit-height, 600px) * var(--sg-fit-banner-max, 1)));justify-content:center}.sg-hero--fit .sg-hero__banner,.sg-hero--fit .sg-hero__products{height:100%;min-height:0}.sg-hero--fit .sg-hero__products-track{height:100%;grid-template-rows:repeat(var(--sg-rows, 2),minmax(0,1fr))}.sg-hero--fit .sg-hero__product,.sg-hero--fit .sg-hero__product>.card-wrapper{min-height:0}.sg-hero--fit .sg-hero__product .card{height:100%;min-height:0;display:flex;flex-direction:column}.sg-hero--fit .sg-hero__product .card__inner.ratio:before{padding-bottom:0}.sg-hero--fit .sg-hero__product .card__inner{flex:1 1 auto;min-height:0}.sg-hero--fit .sg-hero__product .card>.card__content{flex:0 0 auto}.sg-hero--fit .sg-hero__product .card__media .media img{object-fit:cover;object-position:center}}@media screen and (min-width:990px){.sg-hero--no-swatches .sg-hero__product .colors_wrapper{display:none}.sg-hero--atc-overlay .sg-hero__product .card{border:.063rem solid rgba(var(--color-foreground),.14);border-radius:var(--sg-radius)}.sg-hero--atc-overlay .sg-hero__product .card--standard .card__inner{border:0;border-radius:calc(var(--sg-radius) - 1px) calc(var(--sg-radius) - 1px) 0 0;overflow:hidden}.sg-hero--atc-overlay .sg-hero__product .card>.card__content{padding:0 12px 12px}.sg-hero.sg-hero--atc-overlay .sg-hero__product .card--standard>.card__content .card__information{display:flex;flex-direction:column;align-items:stretch;gap:2px}.sg-hero--atc-overlay .sg-hero__product .card__information-primary+.card-information{order:-1;position:static;width:auto;height:auto;align-self:auto;display:block;margin-top:-46px;margin-bottom:12px;z-index:2}.sg-hero--atc-overlay .sg-hero__product .card__content .quick-add{margin:0!important;display:flex}.sg-hero--atc-overlay .sg-hero__product .card__content .quick-add .advanced-product-quick-modal{width:auto}.sg-hero--atc-overlay .sg-hero__product .card__content .quick-add .advanced-button,.sg-hero--atc-overlay .sg-hero__product .card__content button.advanced-button.advanced-quick-view{background:#f4f4f4!important;color:#121212!important;border:0!important;box-shadow:none!important;text-transform:uppercase;letter-spacing:.08em}.sg-hero--atc-overlay .sg-hero__product .card__content .quick-add .advanced-button:hover,.sg-hero--atc-overlay .sg-hero__product .card__content button.advanced-button.advanced-quick-view:hover{background:#eaeaea!important}}@media screen and (max-width:749px){.sg-hero--bleed-mobile .sg-hero__banner{margin-inline:-1rem}}@media screen and (max-width:989px){.sg-hero--mobile-default-atc .sg-hero__products-track{padding-bottom:10px;padding-right:10px}.sg-hero--mobile-default-atc .sg-hero__product .card__content .quick-add{margin:10px 0 0!important}.sg-hero--mobile-default-atc .sg-hero__product .card__content .quick-add .advanced-product-quick-modal{width:100%}.sg-hero--mobile-default-atc .sg-hero__product .card__content .quick-add .advanced-button,.sg-hero--mobile-default-atc .sg-hero__product .card__content button.advanced-button.advanced-quick-view{--advanced-button-font-size: 20px;--advanced-button-font-weight: 700;--advanced-button-padding-inline: 12px;--advanced-button-padding-block: 10px;--advanced-button-border-radius: initial;width:100%;max-width:calc(100% - 3px);letter-spacing:0;box-shadow:var(--advanced-button-box-shadow, 8px 6px 0) rgb(var(--color-button-text))}.sg-hero--mobile-default-atc .sg-hero__product .advanced-quick-view__icon,.sg-hero--mobile-default-atc .sg-hero__product .sg-hero-atc-label--desktop{display:none}.sg-hero.sg-hero--mobile-default-atc.sg-hero--atc-inline-mobile .card--standard>.card__content .card__information{grid-template-columns:100%}.sg-hero.sg-hero--mobile-default-atc.sg-hero--atc-inline-mobile .card__information-primary+.card-information{grid-column:1;grid-row:auto;width:100%}}@media screen and (min-width:990px){.sg-hero--mobile-default-atc .sg-hero__product .sg-hero-atc-label--mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/hero-banner-products.css.map */