.steps-section.b2s-steps{position:relative;padding:clamp(3rem,7vw,6rem) 0 clamp(4rem,8vw,7rem);background:radial-gradient(1100px 480px at 82% -12%,rgba(161,73,195,.22),transparent 60%),radial-gradient(900px 460px at 8% 110%,rgba(161,73,195,.12),transparent 60%),linear-gradient(180deg,#1b1c84,#171872 55%,#121359);overflow:hidden}.steps-section.b2s-steps .page-width{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.steps-section.b2s-steps .top-heading{text-align:center;color:#fff;font-weight:900;letter-spacing:-.02em;margin:0 auto .8rem;max-width:760px}.steps-section.b2s-steps .steps-description{text-align:center;max-width:640px;margin:0 auto clamp(2rem,4vw,3rem);color:#ffffffb8;line-height:1.7}.steps-section.b2s-steps .top-heading:empty,.steps-section.b2s-steps .steps-description:empty{display:none;margin:0}.steps-section.b2s-steps .step-list-container{margin:0 auto clamp(1.6rem,3.5vw,2.6rem)}.steps-section.b2s-steps .step-list{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.steps-section.b2s-steps .step{display:inline-flex;align-items:center;padding:.85rem 1.6rem;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,#fff,#f1eefb);border:1px solid rgba(255,255,255,.65);color:#1b1c5e;font-size:.9rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 8px 22px #08082847,inset 0 1px #ffffffe6;transition:transform .3s ease,color .3s ease,box-shadow .3s ease,background .3s ease;-webkit-tap-highlight-color:transparent}.steps-section.b2s-steps .step:hover{transform:translateY(-3px);color:#7a39c0;box-shadow:0 14px 30px #08082857,inset 0 1px #ffffffe6}.steps-section.b2s-steps .step.selected{background:linear-gradient(135deg,#b860da,#7a39c0);border-color:transparent;color:#fff;transform:translateY(-1px);box-shadow:0 16px 36px #a149c380,inset 0 1px #ffffff47}.steps-section.b2s-steps .step:focus-visible{outline:3px solid rgba(217,195,255,.9);outline-offset:3px}.steps-section.b2s-steps .steps-carousel{position:relative;max-width:1280px;margin:0 auto;padding:0 60px}.steps-section.b2s-steps .content{display:flex;flex-wrap:nowrap;gap:clamp(1rem,3vw,2rem);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;cursor:grab;touch-action:pan-x;padding:6px 2px 10px}.steps-section.b2s-steps .content::-webkit-scrollbar{display:none}.steps-section.b2s-steps .content.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.steps-section.b2s-steps .content.is-dragging .step-content{pointer-events:none}.steps-section.b2s-steps .content.is-dragging .step-content *{cursor:grabbing}.steps-section.b2s-steps .step-content{position:relative;flex:0 0 100%;width:100%;scroll-snap-align:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(2rem,5vw,4rem);border-radius:40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 30px 80px #0000004d,inset 0 1px #ffffff14;overflow:hidden}.steps-section.b2s-steps .step-content:before{content:"";position:absolute;width:320px;height:320px;right:-150px;top:-150px;border-radius:50%;background:#a149c32e;pointer-events:none}.steps-section.b2s-steps .step-left{position:relative;z-index:2;max-width:520px}.steps-section.b2s-steps .step-num{display:block;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;line-height:1;margin-bottom:.5rem;background:linear-gradient(135deg,#e7d8ff,#a149c3);-webkit-background-clip:text;background-clip:text;color:transparent}.steps-section.b2s-steps .step-left h4{color:#fff;font-weight:900;letter-spacing:-.02em;line-height:1.06;font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 1rem}.steps-section.b2s-steps .step-text{color:#ffffffd1;line-height:1.75;font-size:1.05rem}.steps-section.b2s-steps .step-text p{margin:0 0 .6rem}.steps-section.b2s-steps .step-text p:last-child{margin-bottom:0}.steps-section.b2s-steps .step-right{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.steps-section.b2s-steps .step-img-frame{position:relative;width:100%;max-width:440px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;box-shadow:0 24px 60px #00000059}.steps-section.b2s-steps .step-img-frame img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}.steps-section.b2s-steps .steps-carousel>.step-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,#fff,#f1eefb);border:1px solid rgba(255,255,255,.7);color:#1b1c5e;box-shadow:0 12px 30px #08082857,inset 0 1px #ffffffe6;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease,color .25s ease}.steps-section.b2s-steps .steps-carousel>.step-nav--prev{left:6px}.steps-section.b2s-steps .steps-carousel>.step-nav--next{right:6px}.steps-section.b2s-steps .steps-carousel>.step-nav:hover{color:#7a39c0;box-shadow:0 16px 34px #08082866,inset 0 1px #ffffffe6;transform:translateY(-50%) scale(1.06)}.steps-section.b2s-steps .steps-carousel>.step-nav:active{transform:translateY(-50%) scale(.96)}.steps-section.b2s-steps .steps-carousel>.step-nav:focus-visible{outline:3px solid rgba(217,195,255,.9);outline-offset:3px}.steps-section.b2s-steps .steps-carousel>.step-nav[disabled]{opacity:.3;pointer-events:none}.steps-section.b2s-steps .steps-carousel>.step-nav svg{display:block}@media screen and (max-width:990px){.steps-section.b2s-steps .step-content{grid-template-columns:1fr;gap:2rem;text-align:center}.steps-section.b2s-steps .step-left{margin:0 auto}.steps-section.b2s-steps .step-right{order:-1}.steps-section.b2s-steps .step-img-frame{max-width:360px;margin:0 auto}}@media screen and (max-width:640px){.steps-section.b2s-steps .steps-carousel{padding:0 46px}.steps-section.b2s-steps .step-content{padding:1.6rem;border-radius:28px}.steps-section.b2s-steps .step{padding:.7rem 1.15rem;font-size:.78rem;letter-spacing:.04em}.steps-section.b2s-steps .steps-carousel>.step-nav{width:42px;height:42px}.steps-section.b2s-steps .steps-carousel>.step-nav--prev{left:0}.steps-section.b2s-steps .steps-carousel>.step-nav--next{right:0}}@media(prefers-reduced-motion:reduce){.steps-section.b2s-steps .content{scroll-behavior:auto}.steps-section.b2s-steps .step,.steps-section.b2s-steps .steps-carousel>.step-nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-steps.css.map */