.hero-banner{padding-left:var(--container-gutter, 15px);padding-right:var(--container-gutter, 15px);margin-bottom:20px}.hero-banner__wrapper{max-width:var(--container-max-width, 1600px);margin:0 auto}.hero-banner__container{position:relative;border-radius:var(--hero-radius);overflow:hidden}.hero-banner__media{display:block;line-height:0}.hero-banner__img{width:100%;height:auto;display:block;object-fit:cover}.hero-banner__img--mobile{display:none}.hero-banner__content{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:var(--hero-content-align);padding:var(--hero-pt) var(--container-gutter, 15px) var(--hero-pb);max-width:var(--container-max-width, 1200px);margin:0 auto;width:100%;left:0;right:0}.hero-banner__text-wrapper{text-align:var(--hero-text-align);max-width:500px}.hero-banner__subtitle{color:var(--hero-text-color);margin:0 0 4px;font-size:1rem;line-height:1.5}.hero-banner__heading{color:var(--hero-heading-color);margin:0 0 8px}.hero-banner__description{color:var(--hero-text-color);margin:0 0 24px;font-size:1rem;line-height:1.5}.hero-banner__btn{display:inline-block;padding:12px 24px;background:var(--hero-btn-bg);color:var(--hero-btn-color);border:none;border-radius:var(--hero-btn-radius);text-decoration:none;font-size:1rem;line-height:1.4;cursor:pointer;transition:background-color .2s ease,color .2s ease}.hero-banner__btn:hover{background:var(--hero-btn-bg-hover);color:var(--hero-btn-color-hover)}@media(max-width:767px){.hero-banner{padding-left:0;padding-right:0}.hero-banner__container{border-radius:var(--hero-radius-mobile)}.hero-banner__img--desktop{display:none}.hero-banner__img--mobile{display:block}.hero-banner__content{align-items:var(--hero-content-position, flex-end);padding:var(--hero-pt-mobile) 20px var(--hero-pb-mobile);justify-content:center}.hero-banner__text-wrapper{background:rgba(from var(--hero-overlay-color) r g b / var(--hero-overlay-opacity, .55));border-radius:var(--hero-overlay-radius);padding:20px;max-width:100%}.hero-banner__description{margin-bottom:14px}.hero-banner__btn{width:100%;max-width:370px;text-align:center;padding:10px 24px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hero-banner.css.map */