.skincare-routine-section{margin-top:var(--section-margin-top, 0);margin-bottom:var(--section-margin-bottom, 0);padding:var(--section-padding-top, 60px) 0 var(--section-padding-bottom, 60px);background-color:var(--section-bg-color, #ffffff);background-size:cover;background-position:center;background-repeat:no-repeat}.skincare-routine-container{max-width:100%;margin:0 auto;padding:0 3rem}.skincare-routine-header{text-align:center;margin-bottom:60px}.skincare-routine-heading{font-size:var(--heading-font-size, 48px);color:var(--heading-color, #000000);margin:0 0 15px;font-weight:600;line-height:1.2}.skincare-routine-subtitle{font-size:var(--subtitle-font-size, 16px);color:var(--subtitle-color, #333333);margin:0 auto;line-height:1.6;max-width:600px;font-weight:500}.routine-groups-wrapper{position:relative}.routine-groups{display:flex;width:100%;gap:20px}.routine-group{flex:1;position:relative;padding:40px 0}.routine-group:before{content:"";background:var(--evening-bg-color, #fafafa);width:100%;height:50%;display:block;position:absolute;bottom:0;left:0;right:0;border-radius:20px}.routine-group-morning{background-color:transparent}.group-label-wrapper{position:absolute;top:40%;left:50%;transform:translate(-50%,-70%);z-index:2;pointer-events:none;white-space:nowrap;display:flex;align-items:center;flex-direction:column}.group-label-wrapper:before{content:"";width:80%;height:2px;background:#000;position:absolute;bottom:-60px;left:0;right:0;margin:0 auto}.group-label{font-size:var(--group-label-font-size, 80px);background:linear-gradient(177deg,var(--group-label-color, #fce4ec) 0%,#FBEFF2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;text-transform:capitalize;opacity:.8;line-height:normal}span.group-label2{font-size:16px;color:#757575}.routine-steps{display:flex;gap:30px;position:relative;z-index:1;justify-content:center}.routine-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;max-width:50%}.step-image-wrapper{position:relative;margin-bottom:10px;display:flex;flex-direction:column;align-items:center}.step-image{max-height:var(--image-max-height, 280px);width:auto;max-width:100%;object-fit:contain;transition:transform .3s ease}.step-image.tilt-left{transform:rotate(-8deg)}.step-image.tilt-right{transform:rotate(8deg)}.step-image:hover,.step-image.tilt-left:hover,.step-image.tilt-right:hover{transform:rotate(0) scale(1.05)}.step-line{display:block;width:50px;height:3px;background-color:var(--line-color, #000000);margin-top:15px}.skincare-routine-section .step-content{max-width:63%}.skincare-routine-section .step-title{font-size:var(--step-title-font-size, 16px);color:var(--step-title-color, #000000);margin:0 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.skincare-routine-section span.stp-num{font-size:var(--step-title-font-size2, 16px);line-height:1;background:linear-gradient(177deg,var(--step-title-color2, #000000) 0%,#FBEFF2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skincare-routine-section .step-description{font-size:var(--step-desc-font-size, 14px);color:var(--step-desc-color, #666666);margin:0;line-height:1.4}.slider-controls{display:none;justify-content:center;align-items:center;gap:15px;margin-top:30px}.slider-arrow{width:44px;height:44px;border:1px solid #e0e0e0;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0}.slider-arrow:hover{background:#f5f5f5;border-color:#ccc}.slider-arrow svg{width:20px;height:20px;stroke:#333}.slider-dots{display:flex;gap:8px;align-items:center}.slider-dot{width:10px;height:10px;border-radius:50%;background:#e0e0e0;border:none;padding:0;cursor:pointer;transition:all .3s ease}.slider-dot.active,.slider-dot:hover{background:#333}@media screen and (max-width: 1500px){.skincare-routine-section .step-content{max-width:90%}}@media screen and (max-width: 1200px){.routine-steps{gap:20px}.routine-step{max-width:220px}.group-label{font-size:calc(var(--group-label-font-size, 80px) * .7)}}@media screen and (max-width: 1024px){.skincare-routine-section{padding:var(--section-padding-top-mobile, 40px) 0 var(--section-padding-bottom-mobile, 40px)}.skincare-routine-header{margin-bottom:40px}.skincare-routine-heading{font-size:calc(var(--heading-font-size, 48px) * .75)}.skincare-routine-subtitle{font-size:calc(var(--subtitle-font-size, 16px) - 1px)}.routine-groups{flex-direction:column}.routine-group{padding:30px 15px}.routine-steps{flex-wrap:wrap;justify-content:space-between}.routine-step{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px)}.group-label-wrapper{top:35%}.group-label{font-size:var(--group-label-font-size-mobile, 50px)}.step-image{max-height:calc(var(--image-max-height, 280px) * .8)}}@media screen and (max-width: 767px){.skincare-routine-container{padding:0 15px}.skincare-routine-heading{font-size:var(--heading-font-size-mobile, 28px);max-width:80%;margin:0 auto 15px}.skincare-routine-subtitle{font-size:var(--subtitle-font-size-mobile, 14px);max-width:85%;margin:0 auto}.routine-group{padding:25px 10px}.routine-steps{align-items:center}.routine-group:before{content:"";height:55%}.routine-step{flex:0 0 100%;max-width:45%}.routine-step:last-child{margin-bottom:0}.step-image{max-height:var(--image-max-height-mobile, 200px)}.step-title{font-size:var(--step-title-font-size-mobile, 14px)!important}.step-description{font-size:var(--step-desc-font-size-mobile, 13px)!important}.group-label{font-size:var(--group-label-font-size-mobile, 50px)}.routine-groups-wrapper.slider-active .routine-groups{display:block}.routine-groups-wrapper.slider-active .routine-group{display:none}.routine-groups-wrapper.slider-active .routine-step{display:none;margin-bottom:0}.routine-groups-wrapper.slider-active .routine-step.active-slide{display:flex}.routine-groups-wrapper.slider-active .routine-group:has(.active-slide){display:block}.routine-groups-wrapper.slider-active .slider-controls{display:flex}.routine-groups-wrapper.slider-active .routine-group-morning,.routine-groups-wrapper.slider-active .routine-group-evening{display:block}.slider-controls{margin-top:25px}.slider-arrow{width:40px;height:40px}.slider-dot{width:8px;height:8px}.group-label-wrapper:before{content:"";width:80%;bottom:-10px}}@media screen and (max-width: 400px){.skincare-routine-heading{font-size:calc(var(--heading-font-size-mobile, 28px) - 4px);max-width:80%;margin:0 auto 15px}.group-label{font-size:calc(var(--group-label-font-size-mobile, 50px) - 10px)}.routine-step{max-width:46%}}.routine-step{transition:transform .3s ease}.routine-step:hover{transform:translateY(-5px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.routine-step{animation:fadeIn .5s ease forwards}.routine-step:nth-child(1){animation-delay:.1s}.routine-step:nth-child(2){animation-delay:.2s}.routine-step:nth-child(3){animation-delay:.3s}.routine-step:nth-child(4){animation-delay:.4s}@media print{.skincare-routine-section{padding:20px 0;background:none!important}.slider-controls{display:none!important}.routine-groups{flex-direction:row!important}.routine-step{display:flex!important;break-inside:avoid}.group-label{color:#ddd!important}.step-image.tilt-left,.step-image.tilt-right{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/skincare-routine.css.map */