.section-hero{position:relative;width:100%;overflow:hidden}.hero-section{position:relative;width:100%;min-height:600px;overflow:hidden}.hero-track{position:relative;width:100%;height:100%}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;min-height:600px;opacity:0;visibility:hidden;transform:scale(1.05);transition:opacity .6s ease,transform .6s ease,visibility .6s}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1);position:relative;z-index:2}.hero-slide.prev{opacity:0;transform:translate(-100%) scale(.95)}.hero-slide.next{opacity:0;transform:translate(100%) scale(.95)}.hero-media{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-image,.hero-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%)}.hero-video{z-index:1}.hero-mobile-fallback{position:absolute;top:0;left:0;width:100%;height:100%}.hero-mobile-fallback img{width:100%;height:100%;object-fit:cover}.hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--gradient-from, #dc2626),var(--gradient-via, #f97316),var(--gradient-to, #ec4899))}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background-color:var(--overlay-color, #000000);opacity:var(--overlay-opacity, .3)}.hero-content-wrapper{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;min-height:600px;padding:4rem 1rem}.hero-content{text-align:center;color:#fff;margin:0 auto}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1rem}.hero-highlight{display:inline-block;background:linear-gradient(90deg,var(--highlight-gradient-from, #dc2626),var(--highlight-gradient-via, #f97316),var(--highlight-gradient-to, #ec4899));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:2rem;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.2)}.hero-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:9999px;font-size:.875rem;font-weight:500;color:#fff;transition:all .3s ease}.hero-badge:hover{background:#ffffff40;transform:translateY(-2px)}.hero-badge .badge-icon{display:flex;align-items:center}.hero-badge .badge-icon svg{width:1rem;height:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.hero-btn-primary{background:#fff;color:#1a1a1a;box-shadow:0 4px 12px #00000026}.hero-btn-primary:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.hero-btn-secondary{background:transparent;color:#fff;border-color:#fff}.hero-btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.hero-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.hero-shape{position:absolute;animation:float 6s ease-in-out infinite}.hero-shape-1{top:10%;right:10%;width:200px;height:200px;animation-delay:0s}.hero-shape-2{bottom:15%;left:5%;width:150px;height:150px;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.hero-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #0003}.hero-nav svg{color:#1a1a1a}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:.75rem;padding:.75rem 1.25rem;background:#00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px}.hero-dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;padding:0;cursor:pointer;transition:all .3s ease}.hero-dot:hover{background:#fffc;transform:scale(1.2)}.hero-dot.active{background:#fff;width:24px;border-radius:5px}.hero-empty-state{min-height:400px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hero-empty-state p{font-size:1.125rem;opacity:.9}@media (max-width: 768px){.hero-section,.hero-slide{min-height:500px}.hero-content-wrapper{min-height:500px;padding:3rem 1rem}.hero-title{font-size:clamp(1.75rem,6vw,2.5rem)}.hero-subtitle{font-size:1rem}.hero-nav{width:40px;height:40px}.hero-prev{left:.5rem}.hero-next{right:.5rem}.hero-dots{bottom:1rem;padding:.5rem 1rem}.hero-actions{flex-direction:column;width:100%}.hero-btn{width:100%;max-width:300px}}@media (min-width: 769px) and (max-width: 1024px){.hero-content-wrapper{padding:3.5rem 2rem}}@media (prefers-reduced-motion: reduce){.hero-slide,.hero-nav,.hero-dot,.hero-btn,.hero-badge{transition:none}.hero-shape{animation:none}}.hero-nav:focus-visible,.hero-dot:focus-visible,.hero-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.hero-content-wrapper .max-w-7xl{max-width:80rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero.css.map */