.ayo-hero{--ayo-hero-side: calc((100% - var(--ayo-hero-w, 84%)) / 2);display:block;padding:var(--ayo-hero-pad-top, 78px) 0 var(--ayo-hero-pad-bottom, 20px);background:var(--ayo-hero-bg, #f6f3fa);overflow:hidden}.ayo-hero *,.ayo-hero *:before,.ayo-hero *:after{box-sizing:border-box}.ayo-hero a{text-decoration:none;background-image:none}.ayo-hero__track{display:flex;gap:var(--ayo-hero-gap, 12px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}.ayo-hero__track::-webkit-scrollbar{display:none}.ayo-hero__slide{position:relative;flex:0 0 var(--ayo-hero-w, 84%);height:var(--ayo-hero-h, 440px);scroll-snap-align:start;color:var(--ayo-hero-text, #fff)}.ayo-hero__slide:only-child{flex-basis:100%}.ayo-hero__card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ayo-hero-radius, 24px);overflow:hidden;isolation:isolate;background:#e4dbef;transform:scale(.95);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.ayo-hero__slide.is-current .ayo-hero__card,.ayo-hero__slide:only-child .ayo-hero__card{transform:none}.ayo-hero__media,.ayo-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ayo-hero__img,.ayo-hero__placeholder svg{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ayo-hero-pos, center);transform:scale(var(--ayo-hero-zoom, 1));transform-origin:var(--ayo-hero-pos, center)}.ayo-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#d9cdea}.ayo-hero__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(25,12,45,var(--ayo-hero-overlay, .55)),#190c2d00 60%)}.ayo-hero__slide--top .ayo-hero__card:after{background:linear-gradient(to bottom,rgba(25,12,45,var(--ayo-hero-overlay, .55)),#190c2d00 60%)}.ayo-hero__slide--center .ayo-hero__card:after{background:rgba(25,12,45,calc(var(--ayo-hero-overlay, .55) * .7))}.ayo-hero__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ayo-hero__slide--clean .ayo-hero__card:after{background:linear-gradient(to top,rgba(25,12,45,calc(var(--ayo-hero-overlay, .55) * .6)),#190c2d00 30%)}.ayo-hero__content{position:absolute;left:18px;right:18px;bottom:20px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.ayo-hero__slide--top .ayo-hero__content{bottom:auto;top:20px}.ayo-hero__slide--center .ayo-hero__content{bottom:auto;top:50%;transform:translateY(-50%);align-items:center;text-align:center}.ayo-hero__content>*{pointer-events:auto}.ayo-hero__badge{padding:3px 10px;border-radius:999px;background:#fff;color:var(--ayo-hero-accent, #69489d);font-size:12px;font-weight:700}.ayo-hero__title{margin:0;color:inherit;font-size:var(--ayo-hero-title, 28px);font-weight:700;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}.ayo-hero__text{margin:0;color:inherit;opacity:.9;font-size:15px;line-height:1.4}.ayo-hero__btn{display:inline-flex;align-items:center;gap:8px;margin-top:6px;height:46px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:600;transition:transform .15s ease,filter .2s ease}.ayo-hero__btn:active{transform:scale(.97)}.ayo-hero__btn--solid{background:var(--ayo-hero-accent, #69489d);color:#fff}.ayo-hero__btn--white{background:#fff;color:var(--ayo-hero-accent, #69489d)}.ayo-hero__btn--glass{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[dir=rtl] .ayo-hero__btn svg,[dir=rtl] .ayo-hero__arrow svg{transform:scaleX(-1)}.ayo-hero__controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.ayo-hero__dots{display:flex;align-items:center;gap:6px}.ayo-hero__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#cbbde0;cursor:pointer;transition:width .3s ease,background-color .3s ease}.ayo-hero__dot{position:relative}.ayo-hero__dot:after{content:"";position:absolute;top:-16px;right:-3px;bottom:-16px;left:-3px}.ayo-hero__dot.is-active{width:22px;background:var(--ayo-hero-accent, #69489d)}.ayo-hero__arrow{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:#1a1a1a;box-shadow:0 4px 14px #140a281a;cursor:pointer}.ayo-hero__arrow>*,.ayo-hero__dot>*{pointer-events:none}.ayo-hero__chips{display:flex;gap:8px;margin-top:14px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.ayo-hero__chips::-webkit-scrollbar{display:none}.ayo-hero__chip{flex:0 0 auto;display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1px solid #ddd2ea;border-radius:999px;background:#fff;color:#3e2f5c;font-size:14px;font-weight:500;white-space:nowrap}.ayo-hero__chip:active{background:#efe9f7}@media(min-width:990px){.ayo-hero{padding-top:var(--ayo-hero-pad-top-desk, 100px)}.ayo-hero__track{padding:0 max(24px,calc((100% - 1400px)/2));scroll-padding-inline:max(24px,calc((100% - 1400px)/2))}.ayo-hero__slide{flex-basis:var(--ayo-hero-w-desk, 64%);height:var(--ayo-hero-h-desk, 560px)}.ayo-hero__content{left:40px;right:40px;bottom:40px;gap:12px}.ayo-hero__slide--top .ayo-hero__content{top:40px}.ayo-hero__title{font-size:var(--ayo-hero-title-desk, 48px)}.ayo-hero__text{font-size:17px}.ayo-hero__arrow{display:inline-flex}.ayo-hero__chips{justify-content:center}}@media(prefers-reduced-motion:reduce){.ayo-hero__card,.ayo-hero__dot,.ayo-hero__btn{transition:none}}.ayo-hero__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ayo-hero.css.map */