.salonid-process-steps,.salonid-process-steps *{font-family:var(--font-body-family, "Poppins", sans-serif)}.salonid-process-steps{background-color:#f5f5f5;padding:var(--section-padding-top, 64px) 0 var(--section-padding-bottom, 64px);position:relative;z-index:1}.salonid-process-steps__container{max-width:1440px;margin:0 auto;padding:0 24px}.salonid-process-steps__header{text-align:center;margin-bottom:64px;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.salonid-process-steps__subtitle{font-family:var(--font-subheader-family, var(--font-heading-family, "Poppins", sans-serif));font-weight:var(--font-subheader-weight, 600);font-style:var(--font-subheader-style, normal);letter-spacing:var(--font-subheader-letter-spacing, .1em);text-transform:var(--font-subheader-text-transform, uppercase);font-size:1.4rem;color:#666;margin:0 0 16px}@media only screen and (min-width: 768px){.salonid-process-steps__subtitle{font-size:1.6rem}}.salonid-process-steps__title{font-family:var(--font-heading-family, "Poppins", sans-serif);font-weight:var(--font-heading-weight, 700);font-style:var(--font-heading-style, normal);letter-spacing:var(--font-heading-letter-spacing, .1em);text-transform:var(--font-heading-text-transform, uppercase);line-height:var(--font-heading-line-height, 1.2);--font-size: 3.2rem;font-size:clamp(2.4rem,5vw,var(--font-size));color:#1c1c1c;margin:0}@media only screen and (min-width: 768px){.salonid-process-steps__title{--font-size: 3.2rem}}.salonid-process-steps__content{position:relative}.salonid-process-steps__progress-bar{display:none;position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:#e0e0e0;transform:translate(-50%);z-index:1}.salonid-process-steps__progress-fill{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,#b9a7ff,#9b87e8);transform-origin:top;transform:scaleY(0);transition:transform .3s ease-out;will-change:transform}.salonid-process-steps__steps{display:flex;flex-direction:column;gap:48px}.salonid-process-steps__step{display:flex;flex-direction:column;gap:32px;opacity:0;transform:translate(-50px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);position:relative}.salonid-process-steps__step.animate-in{opacity:1;transform:translate(0)}.salonid-process-steps__step.animate-out{opacity:0;transform:translate(-50px)}.salonid-process-steps__step-card{background-color:#fff;border-radius:var(--card-border-radius, 4px);padding:32px;box-shadow:0 1px 3px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.salonid-process-steps__step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#b9a7ff,#9b87e8);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.salonid-process-steps__step.animate-in .salonid-process-steps__step-card:before{transform:scaleX(1);transition-delay:.3s}.salonid-process-steps__step.animate-out .salonid-process-steps__step-card:before{transform:scaleX(0);transition-delay:0s}.salonid-process-steps__step-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.salonid-process-steps__card-content{display:flex;flex-direction:column;gap:24px}.salonid-process-steps__step-number-mobile{width:64px;height:64px;background:linear-gradient(135deg,#b9a7ff,#9b87e8);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family, "Poppins", sans-serif);font-size:2.8rem;font-weight:700;border-radius:var(--card-border-radius, 0px);flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #b9a7ff4d}.salonid-process-steps__step-card:hover .salonid-process-steps__step-number-mobile{transform:scale(1.1) rotate(5deg)}.salonid-process-steps__step-number-desktop{display:none}.salonid-process-steps__step-text{flex:1}.salonid-process-steps__step-title{font-family:var(--font-heading-family, "Poppins", sans-serif);font-weight:var(--font-heading-weight, 700);font-style:var(--font-heading-style, normal);letter-spacing:var(--font-heading-letter-spacing, .05em);text-transform:var(--font-heading-text-transform, uppercase);line-height:var(--font-heading-line-height, 1.3);--font-size: 2rem;font-size:clamp(1.8rem,3vw,var(--font-size));color:#1c1c1c;margin:0 0 12px}@media only screen and (min-width: 768px){.salonid-process-steps__step-title{--font-size: 2.6rem}}.salonid-process-steps__step-description{font-family:var(--font-body-family, "Poppins", sans-serif);--font-size: 1.6rem;font-size:var(--font-size);color:#666;margin:0;line-height:1.6}@media only screen and (min-width: 768px){.salonid-process-steps__step-description{--font-size: 1.8rem}}.salonid-process-steps__step-image-wrapper{width:100%;opacity:0;transform:scale(.9) translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.salonid-process-steps__step-image-wrapper.animate-in{opacity:1;transform:scale(1) translateY(0);transition-delay:.2s}.salonid-process-steps__step-image-wrapper.animate-out{opacity:0;transform:scale(.9) translateY(30px);transition-delay:0s}.salonid-process-steps__step-image-container{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--card-border-radius, 4px);transition:transform .4s ease;box-shadow:0 4px 12px #0000001a}.salonid-process-steps__step-image-container:hover{transform:scale(1.02)}.salonid-process-steps__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#b9a7ff4d,#9b87e833);opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}.salonid-process-steps__step-image-container:hover .salonid-process-steps__image-overlay{opacity:1}.salonid-process-steps__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.salonid-process-steps__step-image-container:hover .salonid-process-steps__image{transform:scale(1.05)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.salonid-process-steps__header{margin-bottom:96px}.salonid-process-steps__progress-bar{display:block}.salonid-process-steps__steps{gap:96px}.salonid-process-steps__step{flex-direction:row;align-items:center;gap:64px}.salonid-process-steps__step--odd,.salonid-process-steps__step--odd.animate-out{transform:translate(-50px)}.salonid-process-steps__step--even{flex-direction:row-reverse;transform:translate(50px)}.salonid-process-steps__step--even.animate-out{transform:translate(50px)}.salonid-process-steps__step.animate-in{transform:translate(0)}.salonid-process-steps__step-card,.salonid-process-steps__step-image-wrapper{flex:1;max-width:50%}.salonid-process-steps__card-content{flex-direction:row;align-items:flex-start;gap:32px}.salonid-process-steps__step-number-mobile{display:none}.salonid-process-steps__step-number-desktop{display:flex;width:64px;height:64px;min-width:64px;background:linear-gradient(135deg,#b9a7ff,#9b87e8);color:#fff;align-items:center;justify-content:center;font-family:var(--font-heading-family, "Poppins", sans-serif);font-size:2.4rem;font-weight:700;border-radius:50%;flex-shrink:0;z-index:10;position:relative;box-shadow:0 4px 16px #b9a7ff66;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.salonid-process-steps__step:hover .salonid-process-steps__step-number-desktop{transform:scale(1.15) rotate(10deg);box-shadow:0 8px 24px #b9a7ff80}.salonid-process-steps__step-image-wrapper{width:auto}.salonid-process-steps__step-card{padding:40px}}@media (min-width: 1024px){.salonid-process-steps__step{gap:80px}.salonid-process-steps__step-number-desktop{width:72px;height:72px;min-width:72px;font-size:2.8rem}.salonid-process-steps__step-card{padding:48px}}@media (min-width: 1280px){.salonid-process-steps__container{max-width:1400px}}@media (prefers-reduced-motion: reduce){.salonid-process-steps__step,.salonid-process-steps__step-image-wrapper,.salonid-process-steps__step-card,.salonid-process-steps__step-card:before,.salonid-process-steps__step-number-mobile,.salonid-process-steps__step-number-desktop,.salonid-process-steps__step-image-container,.salonid-process-steps__image-overlay,.salonid-process-steps__image,.salonid-process-steps__progress-fill{transition:none!important;animation:none!important}.salonid-process-steps__header{opacity:1;transform:none;animation:none}.salonid-process-steps__step,.salonid-process-steps__step-image-wrapper{opacity:1;transform:none}}@media print{.salonid-process-steps{background-color:#fff}.salonid-process-steps__step-card{box-shadow:none;border:1px solid #e0e0e0}.salonid-process-steps__progress-bar{display:none}.salonid-process-steps__step{page-break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/salonid-process-steps.css.map */