.ui-hero-banner{--ui-hero-min-height: 88lvh;--ui-hero-min-height-mobile: 450px;--ui-hero-overlay-color: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 30%, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, .6) 100%);--ui-hero-content-max-width: 56rem;--ui-hero-text-color: #ffffff;--ui-hero-button-bg: transparent;--ui-hero-button-border: rgba(255, 255, 255, .55);--ui-hero-button-color: #ffffff}.ui-hero-banner--main{min-height:var(--ui-hero-min-height)}.ui-hero-banner--section .ui-hero-banner__title{font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:32px;line-height:1;letter-spacing:-.035em}.ui-hero-banner--section .ui-hero-banner__desc{margin-block-start:var(--space-08)}@media(max-width:1023px){.ui-hero-banner--section .ui-hero-banner__inner{align-items:flex-end!important;padding-top:var(--space-40)}}@media(max-width:1023px){.ui-hero-banner--section .ui-hero-banner__title{font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:1;letter-spacing:-.03em}.ui-hero-banner--section .ui-hero-banner__content{text-align:left!important}.ui-hero-banner--section .ui-hero-banner__desc{font-family:Manrope,sans-serif;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:-.03em;font-size:14px;margin-block-start:var(--space-08)}.ui-hero-banner--section .ui-hero-banner__actions{margin-block-start:var(--space-12)}}.ui-hero-banner{position:relative;isolation:isolate;display:block;min-height:var(--ui-hero-min-height);overflow:hidden}@media(max-width:1023px){.ui-hero-banner{min-height:var(--ui-hero-min-height-mobile)}}.ui-hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.ui-hero-banner__media-item{position:absolute;top:0;left:0;width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center;object-position:center;display:block}.ui-hero-banner__media--mobile{display:none}@media(max-width:1023px){.ui-hero-banner__media--mobile{display:block}}@media(max-width:1023px){.ui-hero-banner__media--desktop{display:none}}.ui-hero-banner__overlay{position:absolute;background:var(--ui-hero-overlay-color);z-index:1;pointer-events:none;height:194px;bottom:0;left:0;width:100%}.ui-hero-banner__inner{position:relative;z-index:2;min-height:inherit;padding:var(--space-40);display:flex}@media(max-width:1023px){.ui-hero-banner__inner{padding:var(--space-20) var(--space-12)}}.ui-hero-banner__content{width:min(100%,var(--ui-hero-content-max-width));color:var(--ui-hero-text-color)}.ui-hero-banner__eyebrow{margin:0 0 .8rem;font-size:1.4rem;line-height:1.2;opacity:.9}.ui-hero-banner__title{margin:0;font-family:Manrope,sans-serif;font-style:normal;font-weight:500;font-size:48px;line-height:1;letter-spacing:-.04em;color:var(--ui-hero-text-color)}@media(max-width:1023px){.ui-hero-banner__title{font-family:Manrope,sans-serif;font-style:normal;font-weight:500;font-size:48px;line-height:1;letter-spacing:-.04em}}.ui-hero-banner__title+.ui-hero-banner__actions{margin-block-start:var(--space-12)}.ui-hero-banner__desc{margin-block-start:var(--space-12);font-family:Manrope,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:1.4;letter-spacing:-.03em;font-size:16px;opacity:.95}.ui-hero-banner__actions{margin-block-start:var(--space-20);flex-wrap:wrap;gap:1rem}.ui-hero-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.9rem 1.6rem;border:1px solid var(--ui-hero-button-border);background:var(--ui-hero-button-bg);color:var(--ui-hero-button-color);font-size:1.4rem;line-height:1;text-decoration:none;border-radius:999px;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.ui-hero-banner__button:hover,.ui-hero-banner__button:focus-visible{background:#fff;color:#111;border-color:#fff}.ui-hero-banner--v-top .ui-hero-banner__inner{align-items:flex-start}.ui-hero-banner--v-center .ui-hero-banner__inner{align-items:center}.ui-hero-banner--v-bottom .ui-hero-banner__inner{align-items:flex-end}@media(max-width:1023px){.ui-hero-banner--v-bottom .ui-hero-banner__inner{align-items:flex-end}}.ui-hero-banner--h-left .ui-hero-banner__inner{justify-content:flex-start}.ui-hero-banner--h-left .ui-hero-banner__content{text-align:left}.ui-hero-banner--h-center .ui-hero-banner__inner{justify-content:center}.ui-hero-banner--h-center .ui-hero-banner__content{text-align:center}.ui-hero-banner--h-right .ui-hero-banner__inner{justify-content:flex-end}.ui-hero-banner--h-right .ui-hero-banner__content{text-align:right;margin-left:auto}.banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate;min-height:calc(770px - var(--h-header))}@media(max-width:1023px){.banner{min-height:calc(360px - var(--h-header));padding-top:380px}}.banner__image--mobile{display:none!important}@media(max-width:1023px){.banner__image--desktop{display:none!important}.banner__image--mobile{display:block!important}}.banner__media{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#0000}.banner__media img{width:100%;height:100%}.banner__content{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}@media(max-width:1023px){.banner__content{top:60%;left:calc(50% - 14px)}}.banner__content .banner__icon{position:absolute;top:100px;left:-20px}@media(max-width:1023px){.banner__content .banner__icon{top:50px;left:-10px}}.banner__content .banner__icon img{width:190.35px;height:166.05px;flex-shrink:0}@media(max-width:1023px){.banner__content .banner__icon img{height:auto;width:98px}}.banner__heading{color:var(--c-text-primary-dark);font-family:Manrope,sans-serif;font-weight:400;font-size:20px;line-height:1.4;letter-spacing:-.03em;font-size:97.2px;font-style:normal;font-weight:700;line-height:1.1;text-align:right;display:flex;flex-direction:column;align-items:end}@media(max-width:1023px){.banner__heading{font-size:48px;line-height:1.2}}.banner__heading-copy1{position:relative}.banner__heading-copy2{left:70px;position:relative}@media(max-width:1023px){.banner__heading-copy2{left:40px}}.banner__heading-copy3{position:relative}.banner__heading span{display:flex;width:-moz-max-content;width:max-content}.ui-hero-banner-wrapper{display:flex;flex-direction:column}.ui-hero-banner__products{padding-block:0;background-color:#fff}.ui-hero-banner__products slider-interface{display:block;position:relative}@media(min-width:1024px){.ui-hero-banner__products .ui-product-card__image{width:100%;height:310px;aspect-ratio:auto}}.ui-hero-banner__products .ui-product-card__image img{-o-object-fit:contain;object-fit:contain}.ui-hero-banner__products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-01, 1px);background-color:#fff}@media(max-width:1023px){.ui-hero-banner__products-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1px}.ui-hero-banner__products-grid::-webkit-scrollbar{display:none}}.ui-hero-banner__products-item{background-color:#fff}@media(max-width:1023px){.ui-hero-banner__products-item{scroll-snap-align:start;flex:0 0 auto;width:calc((100% - 2px)*.4)!important}}[data-brand=skybags] .section-ui-hero-banner+.section-ui-category-slider{margin-block-start:0!important;padding-block-start:0!important}@media(max-width:1023px){[data-brand=skybags] .section-ui-hero-banner .ui-hero-banner{min-height:640px!important}[data-brand=skybags] .section-ui-hero-banner .ui-hero-banner__inner{padding-bottom:var(--space-32)}}[data-brand=skybags] .ui-hero-banner__products-grid{grid-template-columns:repeat(var(--ui-hero-products-count, 4),minmax(0,1fr))}[data-brand=skybags] .ui-skybags-hero-banner__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding-inline:var(--space-12);padding-block-end:var(--space-20)}@media(max-width:1023px){[data-brand=skybags] .ui-skybags-hero-banner__header{padding-block-end:var(--space-20)}}[data-brand=skybags] .ui-skybags-hero-banner__section-title{flex:1 1 auto;padding:0}[data-brand=skybags] .ui-skybags-hero-banner__view-all{flex:0 0 auto;display:inline-flex;align-items:center;font-family:Manrope,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:1.4;letter-spacing:-.03em;color:var(--c-text-primary);text-decoration-line:underline;text-underline-offset:2px;white-space:nowrap}[data-brand=skybags] .ui-hero-banner__content{text-align:center!important;margin-inline:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}[data-brand=skybags] .ui-hero-banner__title{color:var(--grey-0, #fff)!important;text-align:center!important;font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:48px;line-height:1;letter-spacing:-.04em;font-size:40px;font-weight:500;line-height:120%;letter-spacing:-1.4px}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__title{font-size:32px;text-wrap:balance;line-height:110%;letter-spacing:-1.12px}}[data-brand=skybags] .ui-hero-banner__desc{color:var(--grey-0, #fff)!important;text-align:center!important;font-family:var(--Text-Properties-Family-H5, Manrope),sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:500!important;line-height:120%!important;letter-spacing:-.48px!important;text-transform:none!important;margin-block-start:var(--space-04)!important}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__desc{margin-block-start:var(--space-08)!important}}[data-brand=skybags] .ui-hero-banner__actions{display:flex!important;justify-content:center!important;width:100%!important;margin-block-start:var(--space-20)}[data-brand=skybags] .ui-hero-banner .m-btn{display:inline-flex!important;padding:10px 32px!important;align-items:center!important;justify-content:center!important;gap:2px!important;background:#fff!important;border:none!important;border-radius:999px!important;min-width:auto!important;min-height:40px!important;height:40px!important;box-shadow:none!important;text-decoration:none!important}[data-brand=skybags] .ui-hero-banner .m-btn:before,[data-brand=skybags] .ui-hero-banner .m-btn:after{display:none!important}[data-brand=skybags] .ui-hero-banner .m-btn .m-btn__text{color:var(--Text-Color-Primary, #212121)!important;text-align:center!important;font-family:Neue Haas Grotesk Display Pro,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:500!important;line-height:120%!important;text-transform:none!important}[data-brand=skybags] .ui-hero-banner .m-btn:hover,[data-brand=skybags] .ui-hero-banner .m-btn:focus-visible{background:#f1f1f1!important;color:#212121!important}[data-brand=skybags] .ui-hero-banner .m-btn:hover .m-btn__text,[data-brand=skybags] .ui-hero-banner .m-btn:focus-visible .m-btn__text{color:#212121!important}[data-brand=skybags] .ui-skybags-hero-banner-wrapper .ui-hero-banner{min-height:unset!important;max-height:unset!important;aspect-ratio:1280/600!important}@media(max-width:1023px){[data-brand=skybags] .ui-skybags-hero-banner-wrapper .ui-hero-banner{aspect-ratio:360/450!important}}[data-brand=skybags] .ui-hero-banner__products .ui-hero-banner__products-item{min-width:0;background-color:#f4f4f4}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__products .ui-hero-banner__products-item{width:39%!important;flex-shrink:0!important}}[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__image{height:305px;background-color:#f4f4f4}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__image{width:unset;height:unset;aspect-ratio:100/114}}[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__image img{width:244px;height:305px;aspect-ratio:244/305;margin-inline:auto;inset-inline-start:auto}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__image img{padding:5px;width:unset;height:unset;aspect-ratio:100/114}}[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__content{min-height:95px;padding:var(--space-00) var(--space-08) var(--space-24);gap:var(--space-08);align-items:center;justify-content:flex-start;text-align:center;background-color:#f4f4f4}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__content{min-height:78px;padding:var(--space-04) var(--space-08) var(--space-12) var(--space-08);gap:var(--space-04)}}[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__info-group,[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__title-group{align-items:center;gap:2px;display:flex;width:100%}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__info-group,[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__title-group{gap:0}}[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__title{font-family:Manrope,sans-serif;font-style:normal;font-weight:700;font-size:16px;line-height:1.4;letter-spacing:-.03em;color:var(--c-text-primary);width:100%;text-align:center;line-height:120%;letter-spacing:-.32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__title{font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:12px;line-height:1.4;letter-spacing:-.03em;font-weight:700;line-height:140%;letter-spacing:-.24px}}[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__subtitle{width:100%;min-height:20px;justify-content:center;margin-block-start:0;text-align:center;font-family:Manrope,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:1.4;letter-spacing:-.03em;color:var(--c-text-secondary);letter-spacing:-.28px}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__subtitle{font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:12px;line-height:1.4;letter-spacing:-.03em;font-weight:400;letter-spacing:-.24px}}[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__price{justify-content:center;gap:var(--space-04);width:100%;margin-block-start:0}[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__price-current,[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__price-compare,[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__discount{line-height:140%;font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:1.4;letter-spacing:-.03em;color:var(--c-text-primary)}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__price-current,[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__price-compare,[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__discount{font-family:Manrope,sans-serif;font-style:normal;font-size:12px;line-height:1.4;letter-spacing:-.03em;font-weight:600}}[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__price-compare,[data-brand=skybags] .ui-hero-banner__products-grid .ui-product-card__discount{font-weight:400}@media(max-width:1023px){[data-brand=skybags] .ui-product-card__content{padding:4px 8px 8px}}@media(max-width:1023px){.ui-skybags-hero-banner-wrapper .ui-hero-banner__products-item{width:39%!important;flex-shrink:0!important}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/components-ui-hero-banner.css.map */