.hero-slider-section{position:relative;overflow:hidden;background-color:#e2e8f0;min-height:480px}@media(min-width:990px){.hero-slider-section{min-height:600px}}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .7s cubic-bezier(.16,1,.3,1),visibility .7s;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.hero-slide.is-active{position:relative;opacity:1;visibility:visible;min-height:inherit}.hero-slide-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.hero-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#ffffff40,#0000001a);z-index:2}.hero-content-box{position:relative;z-index:5;text-align:center;max-width:680px;margin:0 auto;padding:40px 20px}.hero-kicker{font-family:var(--font-heading);font-style:italic;font-size:1.15rem;color:var(--color-navy-dark);margin-bottom:8px;opacity:.9}.hero-title{font-size:2.8rem;line-height:1.1;color:var(--color-primary);text-shadow:0 1px 2px rgba(255,255,255,.8);margin-bottom:12px}@media(min-width:768px){.hero-title{font-size:4.2rem}}.hero-subtitle{font-size:1.15rem;font-weight:600;color:var(--color-navy-dark);margin-bottom:28px}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hero-ctas .btn-primary,.hero-ctas .btn-outline-white{min-width:170px;font-size:1.02rem}.hero-nav-widget{position:absolute;bottom:24px;right:24px;z-index:10;display:flex;align-items:center;gap:8px;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.6)}.hero-nav-arrow{width:42px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#fff;color:var(--color-navy-dark);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.hero-nav-arrow:hover{background:var(--color-primary);color:var(--color-navy-dark);transform:translateY(-1px)}.hero-nav-preview{width:74px;height:48px;border-radius:var(--radius-sm);overflow:hidden;position:relative;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast)}.hero-nav-preview:hover{border-color:var(--color-primary)}.hero-nav-preview img{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-hero.css.map */