.hero-banner{position:relative;width:100%;overflow:hidden}.hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-banner__bg-image{width:100%;height:100%;object-fit:cover}.hero-banner__placeholder{width:100%;height:100%;background:#1a1a2e}.hero-banner__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(to right,transparent 0%,transparent 30%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6) 100%)}.hero-banner__inner{position:relative;z-index:2;display:flex;align-items:center;width:100%;height:100%;max-width:1440px;margin:0 auto;padding:0 48px}.hero-banner__column-image{flex-shrink:0;height:100%;display:flex;align-items:flex-end}.hero-banner__column-img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom}.hero-banner__column-img--mobile{display:none}.hero-banner__content{display:flex;flex-direction:column;gap:32px;flex:1;min-width:0;max-width:540px;padding:80px 0;margin-left:auto}.hero-banner__rating{display:flex;align-items:center;gap:8px}.hero-banner__stars{display:flex;gap:4px;flex-shrink:0}.hero-banner__stars svg{width:16px;height:15px}.hero-banner__rating-text{font-family:var(--font-body-family);font-weight:500;font-size:16px;line-height:1.6;color:#fff;white-space:nowrap}.hero-banner__heading{font-family:var(--font-heading-family);font-weight:700;font-size:52px;line-height:1.2;color:#fff;text-transform:uppercase;margin:0;letter-spacing:-.01em}.hero-banner__buttons{display:flex;gap:12px;width:100%}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;flex:1 0 0;height:56px;padding:0 24px;border-radius:4px;font-family:var(--font-heading-family);font-weight:700;font-size:16px;line-height:1.6;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease}.hero-banner__btn--primary{background:#eaa31f;color:#251903;border:2px solid #EAA31F}.hero-banner__btn--primary:hover{background:#d4911a;border-color:#d4911a;color:#251903;text-decoration:none}.hero-banner__btn--outline{background:transparent;color:#fff;border:2px solid #EAA31F}.hero-banner__btn--outline:hover{background:#eaa31f26;color:#fff;text-decoration:none}@media screen and (min-width:750px)and (max-width:989px){.hero-banner__inner{padding:0 32px}.hero-banner__content{max-width:380px;padding:48px 0;gap:24px}.hero-banner__heading{font-size:36px}.hero-banner__btn{font-size:14px;padding:0 16px}}@media screen and (max-width:749px){.hero-banner{height:auto!important;flex-direction:column;display:flex}.hero-banner__media,.hero-banner__overlay{display:none}.hero-banner__inner{flex-direction:column;padding:0;height:auto}.hero-banner__column-image{position:relative;width:100%;overflow:hidden;background:#111;align-items:center;justify-content:center}.hero-banner__column-img--desktop{display:none}.hero-banner__column-img--mobile{display:block}.hero-banner__column-img{max-width:100%!important;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-banner__content{width:100%;max-width:100%;margin:0;padding:24px 16px;background:#0a0a0a;align-items:center;text-align:center;gap:24px}.hero-banner__rating{justify-content:center}.hero-banner__rating-text{font-size:14px}.hero-banner__heading{font-size:32px;text-align:center}.hero-banner__buttons{flex-direction:column;gap:8px}.hero-banner__btn{width:100%;flex:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-hero-banner.css.map */