.wondr-srz-howto{padding-top:var(--srz-pad-top, 80px);padding-bottom:var(--srz-pad-bottom, 80px);border-top:1px solid var(--wondr-hairline)}.wondr-srz-howto__intro{margin-bottom:48px}.wondr-srz-howto__headline{font-size:clamp(28px,3vw,44px)}.wondr-srz-howto__grid{gap:56px;align-items:stretch}.wondr-srz-howto__steps{display:flex;flex-direction:column;gap:12px}.wondr-srz-howto__step{border-radius:16px;padding:22px 24px;cursor:pointer;transition:all .2s;background:var(--wondr-paper);border:1px solid var(--wondr-hairline)}.wondr-srz-howto__step.is-active{background:var(--wondr-forest);border:none}.wondr-srz-howto__step-num{font-size:32px;font-weight:700;line-height:1;flex-shrink:0;width:40px;color:var(--wondr-coral)}.wondr-srz-howto__step.is-active .wondr-srz-howto__step-num{color:var(--wondr-peach)}.wondr-srz-howto__step-inner{display:flex;gap:14px;align-items:flex-start}.wondr-srz-howto__step-title{font-size:16px;font-weight:700;text-transform:uppercase;margin:0 0 6px;color:var(--wondr-forest)}.wondr-srz-howto__step.is-active .wondr-srz-howto__step-title{color:var(--wondr-cream)}.wondr-srz-howto__step-body{font-size:13px;line-height:1.4;margin:0;color:var(--wondr-ink-60)}.wondr-srz-howto__step.is-active .wondr-srz-howto__step-body{color:#fdf6edbf}.wondr-srz-howto__visual{height:100%;display:flex;flex-direction:column;gap:32px;max-width:85%}.wondr-srz-howto__image-wrap{aspect-ratio:1 / 1;width:100%;border-radius:28px;overflow:hidden;background:var(--wondr-blush);position:relative}.wondr-srz-howto__image-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.wondr-srz-howto__image-wrap img.is-active{opacity:1}.wondr-srz-howto__caption{position:absolute;bottom:20px;left:20px;right:20px;background:#0e4d4ce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:14px 18px;color:var(--wondr-cream)}.wondr-srz-howto__tip{background:var(--wondr-peach);border-radius:14px;padding:14px 18px;display:flex;gap:10px;font-size:13px;line-height:1.5;color:var(--wondr-ink)}@media(max-width:768px){.wondr-srz-howto__visual{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/321/assets/wondr-safety-razor-how-to.css.map */