.collection-hero-500{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-background img{width:100%;height:100%;object-fit:cover}.hero-background .mobile-bg{display:none}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0006,#000000b3);z-index:1}.hero-content{position:relative;z-index:2;width:100%;padding:80px 20px}.hero-content .container{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}.hero-logo{margin-bottom:10px}.hero-logo img{max-width:150px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.hero-description{color:#fff;text-align:center;font-family:var(--Typfaces-Primary, "Bebas Neue");font-size:48px;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;max-width:800px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:10px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-family:var(--Typfaces-Secondary, Montserrat);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:all .3s ease;border:2px solid transparent;min-height:48px;cursor:pointer}.primary-btn{background:#fff;color:#000;border-color:#fff}.primary-btn:hover{background:transparent;color:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.secondary-btn{background:transparent;color:#fff;border-color:#fff}.secondary-btn:hover{background:#fff;color:#000!important;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}@media (max-width: 768px){.collection-hero-500{min-height:600px}.hero-background .desktop-bg{display:none}.hero-background .mobile-bg{display:block}.hero-content{padding:60px 20px}.hero-content .container{gap:25px}.hero-logo img{max-width:120px}.hero-description{font-size:32px;line-height:1.3}.hero-buttons{flex-direction:column;width:100%;gap:15px}.hero-btn{width:100%;max-width:350px;padding:12px 24px;font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.hero-description{font-size:40px}.hero-logo img{max-width:130px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection-hero-500.css.map */