.hero-banner{position:relative;width:100%;overflow:hidden;padding:16px 24px;display:flex;justify-content:center}.hero-banner .hero-banner__track{display:flex;transition:transform .5s ease;will-change:transform;width:100%;aspect-ratio:1318 / 500}.hero-banner .hero-banner__slide{position:relative;flex:0 0 100%;width:100%;overflow:hidden;border-radius:8px}.hero-banner .hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner .hero-banner__overlay{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-banner .hero-banner__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:var(--page-width, 1200px);margin:0 auto;padding:0 40px}.hero-banner .hero-banner__label{display:inline-block;font-size:16px;font-weight:700;border:1px solid currentColor;padding:5px 8px;margin-bottom:16px;border-radius:4px;line-height:100%}.hero-banner .hero-banner__title{text-align:center;line-height:100%}.hero-banner .hero-banner__text{text-align:center;font-style:normal;font-weight:400;line-height:100%;max-width:600px;margin-top:8px;margin-bottom:32px}.hero-banner .hero-banner__button{display:inline-block;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:14px 28px;text-decoration:none;cursor:pointer;transition:opacity .2s ease;border-radius:8px}.hero-banner .hero-banner__button:hover{opacity:.85}.hero-banner .hero-banner__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#0006;color:#fff;border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.hero-banner .hero-banner__arrow:hover{background:#000000b3}.hero-banner .hero-banner__arrow--prev{left:16px}.hero-banner .hero-banner__arrow--next{right:16px}.hero-banner .hero-banner__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px}.hero-banner .hero-banner__dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.hero-banner .hero-banner__dot.is-active{background:#fff;transform:scale(1.3)}@media screen and (max-width:768px){.hero-banner .hero-banner__track{aspect-ratio:unset;height:500px}.hero-banner{padding:4px}.hero-banner .hero-banner__content{align-items:center!important;text-align:center;padding:0 20px}.hero-banner .hero-banner__button{align-self:center}}.hero-banner__slide--prime .hero-banner__content{align-items:center!important;text-align:center}.hero-banner__prime-icon{display:flex;justify-content:center;margin-bottom:12px}.hero-banner__prime-icon-img{max-width:180px;width:auto;height:auto}.hero-banner__slide--prime .hero-banner__title{text-align:center}.hero-banner__slide--prime .hero-banner__text{text-align:center;margin-bottom:20px}.hero-banner__prime-features{display:flex;gap:10px;width:100%;max-width:680px;margin-bottom:24px}.hero-banner__prime-feature{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;background:#f8f9fa38;border-radius:8px;padding:10px 14px;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px)}.hero-banner__prime-feature-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.hero-banner__prime-feature-icon img{width:100%;height:100%;object-fit:contain}.hero-banner__prime-feature-text{display:flex;flex-direction:column;text-align:left}.hero-banner__prime-feature-title{font-size:13px;font-weight:700;color:#fff;line-height:1.2}.hero-banner__prime-feature-subtitle{font-size:11px;font-weight:400;color:#ffffffbf;line-height:1.2}.hero-banner__prime-buttons{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.hero-banner__prime-buttons .hero-banner__button{width:100%;text-align:center;border:2px solid transparent}.hero-banner__button--secondary{border-width:2px;border-style:solid}@media screen and (max-width:768px){.hero-banner__prime-features{flex-direction:column;max-width:100%;gap:8px}.hero-banner__prime-buttons .hero-banner__button{width:180px;height:40px;padding:0 24px;white-space:nowrap}.hero-banner--prime .hero-banner__track{aspect-ratio:406 / 740;height:100%;width:100%}.hero-banner__prime-buttons{max-width:100%}.hero-banner__prime-icon-img{max-width:140px}}
/*# sourceMappingURL=/cdn/shop/t/336/assets/hero-banner.css.map */