.beauty-progress-tracker{position:relative;width:100%;overflow:hidden}.beauty-progress-tracker__inner{max-width:1200px;margin:0 auto;padding:0 40px}.beauty-progress-tracker__header{text-align:center;margin-bottom:80px}.beauty-progress-tracker__title{font-family:PFGrandGothikExtended,sans-serif;margin:0 0 16px;letter-spacing:-.5px}.beauty-progress-tracker__subtitle{font-family:Acumin Variable Concept,sans-serif;margin:0;line-height:1.6}.beauty-progress-tracker__container{position:relative;display:flex;flex-direction:column;gap:60px}.beauty-progress-tracker__step{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.beauty-progress-tracker__step.is-visible{opacity:1;transform:translateY(0)}.beauty-progress-tracker__step:nth-child(2n){direction:rtl}.beauty-progress-tracker__step:nth-child(2n)>*{direction:ltr}.beauty-progress-tracker__step-image-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;box-shadow:0 8px 24px #0000001f}.beauty-progress-tracker__step-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.beauty-progress-tracker__step:hover .beauty-progress-tracker__step-image{transform:scale(1.05)}.beauty-progress-tracker__step-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:PFGrandGothikExtended,sans-serif;font-size:24px}.beauty-progress-tracker__step-badge{position:absolute;top:-20px;left:-20px;width:80px;height:80px;background-color:#000;color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:PFGrandGothikExtended,sans-serif;z-index:2;box-shadow:0 4px 16px #0003}.beauty-progress-tracker__step-badge-number{font-size:32px;line-height:1;margin-bottom:4px}.beauty-progress-tracker__step-badge-label{font-size:10px;text-transform:uppercase;letter-spacing:1px}.beauty-progress-tracker__step-content{padding:20px}.beauty-progress-tracker__step-title{font-family:PFGrandGothikExtended,sans-serif;font-size:36px;line-height:1.2;font-weight:400;color:#000;margin:0 0 20px;letter-spacing:-.5px}.beauty-progress-tracker__step-description{font-family:Acumin Variable Concept,sans-serif;font-size:18px;line-height:1.7;color:#333;margin:0 0 24px}.beauty-progress-tracker__features{list-style:none;padding:0;margin:0}.beauty-progress-tracker__feature{font-family:Acumin Variable Concept,sans-serif;font-size:16px;line-height:1.6;color:#333;padding:10px 0;display:flex;align-items:flex-start;gap:12px}.beauty-progress-tracker__feature:before{content:"\2713";color:#10b981;font-weight:700;flex-shrink:0;font-size:18px}.beauty-progress-tracker__line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#e0e0e0,#ccc,#e0e0e0);transform:translate(-50%);z-index:0}@media screen and (max-width:990px){.beauty-progress-tracker__inner{padding:0 24px}.beauty-progress-tracker__header{margin-bottom:60px}.beauty-progress-tracker__container{gap:48px}.beauty-progress-tracker__step{grid-template-columns:1fr;gap:32px}.beauty-progress-tracker__step:nth-child(2n){direction:ltr}.beauty-progress-tracker__step-title{font-size:30px}.beauty-progress-tracker__step-description{font-size:16px}.beauty-progress-tracker__line{display:none}}@media screen and (max-width:749px){.beauty-progress-tracker__inner{padding:0 16px}.beauty-progress-tracker__header{margin-bottom:48px}.beauty-progress-tracker__container{gap:40px}.beauty-progress-tracker__step{gap:24px}.beauty-progress-tracker__step-content{padding:0}.beauty-progress-tracker__step-badge{width:60px;height:60px;top:-15px;left:-15px}.beauty-progress-tracker__step-badge-number{font-size:24px}.beauty-progress-tracker__step-badge-label{font-size:9px}.beauty-progress-tracker__step-title{font-size:24px;margin-bottom:16px}.beauty-progress-tracker__step-description{font-size:15px}.beauty-progress-tracker__feature{font-size:14px}}.beauty-progress-tracker__step:focus{outline:2px solid #000000;outline-offset:4px}.beauty-progress-tracker__step:focus:not(:focus-visible){outline:none}.beauty-progress-tracker__step:nth-child(1){transition-delay:.1s}.beauty-progress-tracker__step:nth-child(2){transition-delay:.2s}.beauty-progress-tracker__step:nth-child(3){transition-delay:.3s}.beauty-progress-tracker__step:nth-child(4){transition-delay:.4s}.beauty-progress-tracker__step:nth-child(5){transition-delay:.5s}
/*# sourceMappingURL=/cdn/shop/t/3/assets/beauty-progress-tracker.css.map */