.lotion-how-it-works{padding:4rem 1.5rem;background:#fff}.lotion-how-it-works-container{max-width:1000px;margin:0 auto}.lotion-how-it-works-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#1e2428}.lotion-how-it-works-subtitle{font-size:1.25rem;text-align:center;margin-bottom:3rem;color:#2e2a39;line-height:1.6}.lotion-how-it-works-subtitle strong{color:#1d7a7a;font-weight:700}.lotion-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:3rem}.lotion-step-card{background:#f9f9f9;padding:2rem 1.5rem;border-radius:12px;border-left:4px solid #1d7a7a;position:relative}.lotion-step-number{position:absolute;top:-15px;left:1.5rem;width:36px;height:36px;background:#1d7a7a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;box-shadow:0 2px 8px #1d7a7a4d}.lotion-step-title{font-size:1.5rem;font-weight:600;margin:1rem 0 .75rem;color:#1e2428}.lotion-step-description{font-size:1rem;line-height:1.6;color:#2e2a39;margin:0}.lotion-step-description strong{color:#1d7a7a;font-weight:600}.lotion-bottom-message{text-align:center;font-size:1.125rem;line-height:1.6;color:#2e2a39;font-style:italic;max-width:700px;margin:0 auto}.lotion-bottom-message strong{color:#1d7a7a;font-weight:600}@media (max-width: 768px){.lotion-how-it-works{padding:2.5rem 1rem}.lotion-how-it-works-title{font-size:2rem}.lotion-steps-grid{grid-template-columns:1fr;gap:1.5rem}.lotion-step-card{padding:1.5rem 1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-lotion-how-it-works.css.map */