.header-banner{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.header-banner__nav{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.header-banner__menu,.header-banner__search,.header-banner__cart,.header-banner__logo-nav{pointer-events:auto}.header-banner__menu-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:10px;transition:opacity .3s}.header-banner__menu-btn:hover{opacity:.7}.header-banner__menu-icon{display:flex;align-items:center}.header-banner__menu-text{font-weight:500;letter-spacing:.1em}.header-banner__icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:#fff;cursor:pointer;padding:0;transition:opacity .3s;text-decoration:none}.header-banner__icon-btn:hover{opacity:.7}.header-banner__cart-btn{position:relative}.header-banner__cart-count{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#fff;color:#000;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.header-banner__logo-nav-image{max-width:120px;height:auto;filter:brightness(0) invert(1)}.header-banner__logo-nav-text{font-size:24px;font-weight:700;letter-spacing:.2em;color:#fff;text-transform:uppercase}.header-banner__actions{display:flex;gap:10px}.header-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.header-banner__video,.header-banner__image{width:100%;height:100%;object-fit:cover}.header-banner__image-wrapper{width:100%;height:100%}.header-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1}.header-banner__content{position:relative;z-index:2;text-align:center;color:#fff;width:100%}.header-banner__box{padding:2rem}.header-banner__logo{margin-bottom:.5rem}.header-banner__logo-image{max-width:200px;height:auto;margin:0 auto;display:block;filter:brightness(0) invert(1)}.header-banner__logo-text{font-size:3.5rem;font-weight:700;letter-spacing:.2em;margin:0 0 .5rem;color:#fff;text-transform:uppercase}.header-banner__subtitle{font-size:1.2rem;font-style:italic;margin:0 0 2rem;opacity:.9;letter-spacing:.1em;font-family:serif}.header-banner__heading{font-size:3rem;font-weight:500;margin:0 0 2.5rem;line-height:1.2;color:#fff}.header-banner__heading.h0{font-size:4rem}.header-banner__heading.h2{font-size:2.5rem}.header-banner__buttons{display:flex;justify-content:center;gap:1rem}.header-banner__button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fff;color:#000;border:none;border-radius:4px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease}.header-banner__button:hover{background:#f5f5f5;transform:translateY(-2px)}.header-banner__drawer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0;transition:all .3s}.header-banner__drawer.is-open{visibility:visible;opacity:1}.header-banner__drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.header-banner__drawer-content{position:absolute;top:0;left:0;width:300px;height:100%;background:#fff;padding:2rem;transform:translate(-100%);transition:transform .3s}.header-banner__drawer.is-open .header-banner__drawer-content{transform:translate(0)}.header-banner__drawer-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:0}.header-banner__drawer-nav{margin-top:60px;display:flex;flex-direction:column;gap:20px}.header-banner__drawer-link{font-size:1.2rem;color:#000;text-decoration:none;padding:10px 0;border-bottom:1px solid #eee;transition:color .3s}.header-banner__drawer-link:hover{color:#666}.header-banner__placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}@media screen and (max-width:749px){.header-banner__logo-text{font-size:2.5rem}.header-banner__heading{font-size:2rem}.header-banner__heading.h0{font-size:2.5rem}.header-banner__subtitle{font-size:1rem}.header-banner__button{padding:.875rem 1.5rem;font-size:.875rem}.header-banner__drawer-content{width:280px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-header-banner.css.map */