.hero-banner{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0009,#0009),var(--bg-dark, #1a1a1a);background-size:cover;background-position:center;color:#fff;text-align:center;overflow:hidden}.hero-banner__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-banner__content{max-width:800px;padding:2rem;z-index:1;position:relative}.hero-banner__title{font-size:3rem;font-weight:800;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent, #a855f7);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.hero-banner__subtitle{font-size:1.3rem;margin-bottom:2rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.5}.hero-banner__button{display:inline-block;padding:1rem 2rem;background:var(--accent, #a855f7);color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;border-radius:var(--radius, 8px);text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 15px #a855f74d}.hero-banner__button:hover{background:var(--accent-hover, #9333ea);transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.hero-banner--full-height{min-height:100vh}.hero-banner--medium{min-height:400px}.hero-banner--small{min-height:300px}.hero-banner--left{text-align:left;justify-content:flex-start}.hero-banner--right{text-align:right;justify-content:flex-end}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:0}.hero-banner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-banner__content{animation:heroFadeIn 1s ease}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-banner{min-height:400px}.hero-banner__content{padding:1.5rem}.hero-banner__title{font-size:2.2rem;letter-spacing:1px}.hero-banner__subtitle{font-size:1.1rem;margin-bottom:1.5rem}.hero-banner__button{padding:.8rem 1.5rem;font-size:1rem}.hero-banner--full-height{min-height:70vh}}@media (max-width: 480px){.hero-banner{min-height:350px}.hero-banner__title{font-size:1.8rem}.hero-banner__subtitle{font-size:1rem}.hero-banner__content{padding:1rem}.hero-banner--full-height{min-height:60vh}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/section-hero-banner.css.map */