.steps-section{width:100%}.steps-container{margin:0 auto}.steps-container.page-width{max-width:var(--page-width, 1200px);padding-left:1.5rem;padding-right:0}.steps-container.full-width{padding-left:1.5rem;padding-right:1.5rem}.steps-header{text-align:center;margin-bottom:2.5rem}.steps-subheading{font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem}.steps-heading{font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:1.1}.steps-wrapper{position:relative}@media screen and (min-width:750px){.steps-track{display:grid;grid-template-columns:repeat(var(--steps-columns, 3),1fr);gap:var(--steps-gap, 24px)}}@media screen and (max-width:749px){.steps-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:0;padding:0 var(--mobile-peek, 16px)}.steps-track::-webkit-scrollbar{display:none}.steps-track .step-item{flex:0 0 var(--mobile-slide-width, 80%);scroll-snap-align:center;padding:0 8px}}.step-item{display:flex;flex-direction:column}.step-image-wrapper{position:relative;overflow:hidden;background-color:#ffffff0d}.step-image-wrapper[style*=auto]{aspect-ratio:unset}.step-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.step-item:hover .step-image{transform:scale(1.03)}.step-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ffffff0d}.step-image-placeholder .placeholder-svg{width:60%;height:auto;opacity:.3}.step-badge-row{display:flex;align-items:center;margin-top:1.25rem;margin-bottom:.75rem;position:relative}.step-badge{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;white-space:nowrap;flex-shrink:0}.step-connector{flex:1;height:0;border-top:2px dashed;margin-left:.75rem;opacity:.6}@media screen and (max-width:749px){.step-connector{display:none}}.step-content{flex:1;display:flex;flex-direction:column}.step-title{font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin:0 0 .5rem;line-height:1.3}.step-description{line-height:1.6;margin:0;opacity:.9}.step-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration:none;margin-top:1rem;transition:gap .3s ease}.step-link:hover{gap:.625rem}.step-link svg{transition:transform .3s ease}.step-link:hover svg{transform:translate(2px)}.steps-indicators{display:none}@media screen and (max-width:749px){.steps-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}}.steps-indicator{width:8px;height:8px;border-radius:50%;background-color:currentColor;opacity:.3;border:none;padding:0;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.steps-indicator.active{opacity:1;transform:scale(1.25)}.steps-indicator:hover{opacity:.6}.steps-nav{display:none}@media screen and (max-width:749px){.steps-nav{display:flex;justify-content:space-between;position:absolute;top:25%;left:0;right:0;padding:0 4px;pointer-events:none;z-index:10}}.steps-nav-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#fffffff2;border:none;cursor:pointer;transition:opacity .3s ease,transform .3s ease;box-shadow:0 2px 8px #00000026;color:#1f2937}.steps-nav-btn:hover{transform:scale(1.05)}.steps-nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media screen and (min-width:750px)and (max-width:989px){.steps-track{gap:calc(var(--steps-gap, 24px) * .75)}}@media screen and (min-width:990px){.steps-container.page-width{padding-left:2rem;padding-right:2rem}}@media(prefers-reduced-motion:no-preference){.step-item{opacity:0;transform:translateY(20px);animation:stepFadeIn .6s ease forwards}.step-item:nth-child(1){animation-delay:.1s}.step-item:nth-child(2){animation-delay:.2s}.step-item:nth-child(3){animation-delay:.3s}.step-item:nth-child(4){animation-delay:.4s}.step-item:nth-child(5){animation-delay:.5s}.step-item:nth-child(6){animation-delay:.6s}}@keyframes stepFadeIn{to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.step-item{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-steps-carousel.css.map */