.rv-filtration{display:block;position:relative;isolation:isolate;overflow:hidden;background:#a3a1b8 var(--rv-filtration-background) center/cover;color:#fff;padding:48px 36px 0;font-family:var(--rv-font,var(--font-body-family,Manrope,Arial,sans-serif))}.rv-filtration-inner{max-width:1120px;margin:0 auto}.rv-filtration h2{font-size:clamp(30px,4vw,44px);line-height:1.16;font-weight:500;letter-spacing:-.035em;text-align:left;margin:0 0 52px;max-width:1000px;color:inherit}.rv-filtration-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,2fr);gap:40px;align-items:stretch}.rv-filtration-explainer{padding-bottom:56px;position:relative;z-index:2}.rv-filtration-material,.rv-filtration-steps details{border:1px solid rgb(255 255 255 / 35%);border-radius:8px;background:#ffffff21}.rv-filtration-material{padding:20px 24px;margin-bottom:16px}.rv-filtration-material h3{font-size:18px;line-height:1.4;font-weight:600;margin:0;color:inherit}.rv-filtration-material p,.rv-filtration-steps p{font-size:18px;line-height:1.45;color:inherit;margin:0}.rv-filtration-steps{display:grid;gap:20px;margin-top:24px}.rv-filtration-steps summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:86px;padding:18px 24px;font-size:18px;line-height:1.4;font-weight:500;color:inherit}.rv-filtration-steps summary::-webkit-details-marker{display:none}.rv-filtration-steps summary:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:8px}.rv-filtration-toggle{position:relative;flex:0 0 18px;width:18px;height:18px}.rv-filtration-toggle:before,.rv-filtration-toggle:after{content:"";position:absolute;top:50%;left:0;width:18px;height:1px;background:currentColor}.rv-filtration-toggle:after{transform:rotate(90deg)}.rv-filtration-steps details[open] .rv-filtration-toggle:after{display:none}.rv-filtration-step-content{padding:0 24px 24px}.rv-filtration-step-content figure{margin:18px 0 0;height:126px;border-radius:7px;overflow:hidden;background:#f2eee6}.rv-filtration-step-content img{display:block;width:100%;height:100%;object-fit:cover}.rv-filtration-step-content .rv-filtration-step-contain img{object-fit:contain;padding:8px}.rv-filtration-media{position:relative;min-height:820px;align-self:stretch}.rv-filtration-portrait{position:absolute;bottom:0;right:-40px;width:100%;height:72%;margin:0;pointer-events:none}.rv-filtration-portrait>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.rv-filtration-benefits{list-style:none;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.rv-filtration-benefits li{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;width:32%;max-width:200px;font-size:18px;line-height:1.4}.rv-filtration-benefits svg{width:44px;height:44px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}.rv-filtration-benefit-hair{left:0;top:19%}.rv-filtration-benefit-skin{left:35%;top:2%}.rv-filtration-benefit-scalp{right:0;top:19%}.rv-filtration-benefits li:after{content:"";position:absolute;top:calc(100% + 26px);left:50%;height:160px;width:58px;border-left:1px dashed rgb(255 255 255 / 55%);border-bottom:1px dashed rgb(255 255 255 / 55%);pointer-events:none}.rv-filtration-benefit-skin:after{width:0!important;border-bottom:0!important}.rv-filtration-benefit-scalp:after{left:auto!important;right:50%;border-left:0!important;border-right:1px dashed rgb(255 255 255 / 55%)}@media(min-width:1200px){.rv-filtration-media{min-height:900px}.rv-filtration-portrait{height:78%}}@media(max-width:767px){.rv-filtration{padding:40px 20px 0}.rv-filtration h2{font-size:32px;margin-bottom:30px}.rv-filtration-layout{grid-template-columns:1fr;gap:8px}.rv-filtration-explainer{padding-bottom:20px}.rv-filtration-material{padding:18px 20px}.rv-filtration-material p,.rv-filtration-steps p{font-size:16px}.rv-filtration-steps summary{padding:18px 20px;min-height:72px;font-size:16px}.rv-filtration-step-content{padding:0 20px 20px}.rv-filtration-step-content figure{height:160px}.rv-filtration-media{min-height:570px}.rv-filtration-benefits li{font-size:13px;width:30%}.rv-filtration-benefits svg{width:32px;height:32px}.rv-filtration-benefit-skin{left:35%;top:0}.rv-filtration-benefit-hair,.rv-filtration-benefit-scalp{top:14%}.rv-filtration-benefits li:after{height:90px;width:25px}.rv-filtration-portrait{right:0;width:100%;height:76%}}.rv-filtration{padding:48px 36px 0}.rv-filtration h2{max-width:30ch;margin:0 auto 30px;text-align:center;font-size:clamp(28px,3vw,36px)}.rv-filtration-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:stretch}.rv-filtration-explainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 0 48px}.rv-filtration-material{margin:0;padding:18px}.rv-filtration-material h3{font-size:17px;margin-bottom:6px}.rv-filtration-material p,.rv-filtration-steps p{font-size:16px;line-height:1.5}.rv-filtration-steps{grid-column:1 / -1;gap:10px;margin:0}.rv-filtration-steps summary{min-height:58px;padding:16px 18px;font-size:16px}.rv-filtration-step-content{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:16px;align-items:center;padding:0 18px 18px}.rv-filtration-step-content figure{height:90px;margin:0}.rv-filtration-media{min-height:440px;display:block;align-self:stretch}.rv-filtration-benefits{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:0;z-index:1}.rv-filtration-benefits li{position:absolute;width:31%;max-width:none;font-size:14px;line-height:1.4}.rv-filtration-benefit-hair{left:0;top:22%}.rv-filtration-benefit-skin{left:31%;top:0;width:38%!important}.rv-filtration-benefit-scalp{right:0;top:22%}.rv-filtration-benefits svg{width:30px;height:30px;margin-bottom:8px}.rv-filtration-benefits li:after{display:block;top:calc(100% + 12px);height:80px;width:36px}.rv-filtration-portrait{position:absolute;bottom:0;right:0;width:100%;height:60%;overflow:hidden;border-radius:0;background:transparent;z-index:2}.rv-filtration-portrait>img{object-fit:contain;object-position:center bottom}@media(max-width:767px){.rv-filtration{padding:36px 20px 0}.rv-filtration h2{font-size:28px;margin-bottom:24px}.rv-filtration-layout{grid-template-columns:1fr;gap:24px}.rv-filtration-explainer{gap:10px;padding-bottom:0}.rv-filtration-material{padding:14px}.rv-filtration-material h3{font-size:16px}.rv-filtration-material p{font-size:14px;line-height:1.5}.rv-filtration-steps summary{min-height:58px;padding:16px}.rv-filtration-step-content{padding:0 16px 16px;grid-template-columns:minmax(0,1fr) 86px;gap:12px}.rv-filtration-step-content p{font-size:15px}.rv-filtration-step-content figure{height:90px}.rv-filtration-media{min-height:clamp(400px,86vw,460px)}.rv-filtration-benefits{margin:0}.rv-filtration-benefits li{width:31%;font-size:13px}.rv-filtration-benefit-hair,.rv-filtration-benefit-scalp{top:22%}.rv-filtration-benefit-skin{left:31%;top:0}.rv-filtration-benefits li:after{height:72px;width:28px}.rv-filtration-portrait{height:60%;width:100%}}@media(max-width:359px){.rv-filtration-explainer,.rv-filtration-step-content{grid-template-columns:1fr}.rv-filtration-step-content figure{height:100px}}.rv-filtration-portrait{bottom:0;height:68%}@media(min-width:768px){.rv-filtration-media{height:auto;align-self:stretch}.rv-filtration-portrait{height:300px}.rv-filtration-benefits{height:440px;transform:translateY(0);transition:transform .32s cubic-bezier(.4,0,.2,1)}.rv-filtration-layout:has(.rv-filtration-steps details:nth-child(2)[open]) .rv-filtration-benefits{transform:translateY(8px)}.rv-filtration-layout:has(.rv-filtration-steps details:nth-child(3)[open]) .rv-filtration-benefits{transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){.rv-filtration-benefits{transition:none;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/rv-filtration-story.css.map */