.ff-wash-guide{--ff-ink: #2e2a39;--ff-copy: #554f63;--ff-muted: #777181;--ff-aqua: #69e8fc;--ff-aqua-soft: #eafcff;--ff-aqua-pale: #f7feff;--ff-line: #d8f7fc;--ff-danger: #9b2936;--ff-danger-soft: #fff5f6;display:block;overflow:hidden;background:#fff;color:var(--ff-ink);font-family:var(--font-body-family),Arial,sans-serif;font-size:16px;line-height:1.6}.ff-page-wash-guide .content-for-layout{padding:0}.ff-wash-guide *,.ff-wash-guide *:before,.ff-wash-guide *:after{box-sizing:border-box}.ff-wash-guide [hidden]{display:none!important}.ff-wash-guide h1,.ff-wash-guide h2,.ff-wash-guide h3,.ff-wash-guide p{margin-top:0}.ff-wash-guide h1,.ff-wash-guide h2,.ff-wash-guide h3,.ff-wash-guide strong,.ff-wash-guide button{color:var(--ff-ink)}.ff-wash-guide h1,.ff-wash-guide h2,.ff-wash-guide h3{font-family:var(--font-heading-family),var(--font-body-family),Arial,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:1.12}.ff-wash-guide button,.ff-wash-guide input{font:inherit}.ff-wash-guide__shell{width:min(100% - 40px,1180px);margin:0 auto}.ff-wash-guide__hero{position:relative;border-bottom:1px solid var(--ff-aqua);background:#fff}.ff-wash-guide__hero:after{position:absolute;right:-120px;bottom:-180px;width:420px;height:420px;border:72px solid rgba(105,232,252,.12);border-radius:50%;content:"";pointer-events:none}.ff-wash-guide__breadcrumbs{position:relative;z-index:1;display:flex;gap:9px;align-items:center;padding-top:18px;color:var(--ff-muted);font-size:12px}.ff-wash-guide__breadcrumbs a{color:var(--ff-ink);font-weight:700;text-underline-offset:3px}.ff-wash-guide__hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:72px;align-items:center;padding:70px 0 78px}.ff-wash-guide__eyebrow,.ff-wash-guide__mini-eyebrow{margin-bottom:12px;color:var(--ff-ink);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.ff-wash-guide__eyebrow:before,.ff-wash-guide__mini-eyebrow:before{display:inline-block;width:27px;height:4px;margin:0 9px 3px 0;border-radius:2px;background:var(--ff-aqua);content:""}.ff-wash-guide__hero h1{max-width:780px;margin-bottom:18px;font-size:clamp(46px,6vw,76px)}.ff-wash-guide__lead{max-width:730px;margin-bottom:24px;color:var(--ff-copy);font-size:19px}.ff-wash-guide__trust-row{display:flex;flex-wrap:wrap;gap:9px}.ff-wash-guide__trust-row span{position:relative;padding:8px 13px 8px 31px;border:1px solid var(--ff-line);border-radius:999px;background:#fff;font-size:12px;font-weight:750}.ff-wash-guide__trust-row span:before{position:absolute;top:50%;left:13px;color:var(--ff-aqua);content:"\2713";transform:translateY(-50%);font-weight:900}.ff-wash-guide__hero-note{display:flex;gap:18px;align-items:flex-start;padding:26px;border:1px solid var(--ff-aqua);border-radius:22px;background:#fff;box-shadow:0 18px 45px #69e8fc3d}.ff-wash-guide__hero-icon{display:grid;flex:0 0 62px;width:62px;height:62px;place-items:center;border-radius:17px;background:var(--ff-aqua)}.ff-wash-guide__hero-icon svg{width:39px;height:39px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.ff-wash-guide__hero-note strong{display:block;margin-bottom:6px;font-size:17px;line-height:1.25}.ff-wash-guide__hero-note p{margin:0;color:var(--ff-copy);font-size:13px;line-height:1.55}.ff-wash-guide__app-shell{padding:72px 0 82px}.ff-wash-guide__app{min-height:620px;padding:38px;border:1px solid var(--ff-aqua);border-radius:26px;background:#fff;box-shadow:0 22px 64px #69e8fc38}.ff-wash-guide__app-head,.ff-wash-guide__result-head,.ff-wash-guide__picker-head,.ff-wash-guide__result-bottom,.ff-wash-guide__product-cta{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.ff-wash-guide__app-head h2,.ff-wash-guide__picker-head h2,.ff-wash-guide__result-head h2{margin-bottom:0;font-size:34px}.ff-wash-guide__app-intro{max-width:760px;margin:14px 0 30px;color:var(--ff-copy)}.ff-wash-guide__reset-link,.ff-wash-guide__picker-head>button{padding:7px 0;border:0;border-bottom:2px solid var(--ff-aqua);background:transparent;cursor:pointer;font-size:13px;font-weight:800}.ff-wash-guide__category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ff-wash-guide__category-grid button{display:flex;min-height:178px;flex-direction:column;align-items:flex-start;padding:19px;border:1px solid var(--ff-line);border-radius:18px;background:#fff;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.ff-wash-guide__category-grid button:hover,.ff-wash-guide__category-grid button:focus-visible{border-color:var(--ff-aqua);box-shadow:0 12px 28px #69e8fc40;outline:0;transform:translateY(-2px)}.ff-wash-guide__category-icon{display:grid;width:48px;height:48px;margin-bottom:auto;place-items:center;border-radius:14px;background:var(--ff-aqua-soft);color:var(--ff-ink);font-size:12px;font-weight:900}.ff-wash-guide__category-grid strong{margin:18px 0 2px;font-size:17px}.ff-wash-guide__category-grid small{color:var(--ff-muted);font-size:12px}.ff-wash-guide__detail-picker{margin-top:8px}.ff-wash-guide__picker-head{justify-content:flex-start;padding-bottom:24px;border-bottom:1px solid var(--ff-line)}.ff-wash-guide__picker-head>button{flex:0 0 auto;margin-top:4px}.ff-wash-guide__picker-head p:last-child{max-width:720px;margin:9px 0 0;color:var(--ff-copy)}.ff-wash-guide__choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.ff-wash-guide__choice-grid>button,.ff-wash-guide__choice-grid>label{position:relative;display:flex;min-height:98px;align-items:stretch;padding:0;border:1px solid var(--ff-line);border-radius:16px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.ff-wash-guide__choice-grid>button{flex-direction:column;justify-content:center;padding:16px 18px}.ff-wash-guide__choice-grid>button:hover,.ff-wash-guide__choice-grid>button:focus-visible,.ff-wash-guide__choice-grid>label:hover,.ff-wash-guide__choice-grid>label:focus-within{border-color:var(--ff-aqua);box-shadow:0 8px 22px #69e8fc30;outline:0}.ff-wash-guide__choice-grid>button strong,.ff-wash-guide__choice-grid>button small{display:block}.ff-wash-guide__choice-grid>button strong{font-size:15px;line-height:1.3}.ff-wash-guide__choice-grid>button small{margin-top:5px;color:var(--ff-muted);font-size:12px;line-height:1.4}.ff-wash-guide__choice-grid input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ff-wash-guide__choice-grid label>span{position:relative;display:flex;width:100%;min-height:96px;flex-direction:column;justify-content:center;padding:15px 44px 15px 18px;border-radius:15px}.ff-wash-guide__choice-grid label>span:after{position:absolute;top:50%;right:17px;width:18px;height:18px;border:2px solid #b9dce2;border-radius:50%;content:"";transform:translateY(-50%)}.ff-wash-guide__choice-grid input:checked+span{background:var(--ff-aqua-soft);box-shadow:inset 0 0 0 2px var(--ff-aqua)}.ff-wash-guide__choice-grid input:checked+span:after{border:5px solid var(--ff-aqua);background:var(--ff-ink)}.ff-wash-guide__choice-grid label strong{font-size:14px;line-height:1.3}.ff-wash-guide__choice-grid label small{margin-top:4px;color:var(--ff-muted);font-size:11.5px;line-height:1.35}.ff-wash-guide__step-counter,.ff-wash-guide__result-badge{flex:0 0 auto;margin:0;padding:7px 12px;border:1px solid var(--ff-aqua);border-radius:999px;background:var(--ff-aqua-soft);color:var(--ff-ink);font-size:12px;font-weight:800}.ff-wash-guide__progress{height:7px;margin:24px 0 32px;overflow:hidden;border-radius:999px;background:var(--ff-aqua-soft)}.ff-wash-guide__progress span{display:block;width:25%;height:100%;border-radius:inherit;background:var(--ff-aqua);transition:width .25s ease}.ff-wash-guide__step{min-width:0;margin:0;padding:0;border:0}.ff-wash-guide__step legend{display:flex;gap:14px;align-items:flex-start;width:100%;padding:0}.ff-wash-guide__step legend>span{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:11px;background:var(--ff-aqua);color:#fff;font-weight:900}.ff-wash-guide__step legend strong{display:block;font-size:20px;line-height:1.25}.ff-wash-guide__step legend small{display:block;margin-top:4px;color:var(--ff-muted);font-size:12px}.ff-wash-guide__inline-help{margin:17px 0 0 50px;color:var(--ff-copy);font-size:12px}.ff-wash-guide__inline-help a{color:var(--ff-ink);font-weight:800;text-underline-offset:3px}.ff-wash-guide__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.ff-wash-guide__button{min-width:140px;padding:13px 18px;border:1px solid var(--ff-aqua);border-radius:12px;cursor:pointer;font-size:13px;font-weight:850}.ff-wash-guide__button--primary{background:var(--ff-aqua);color:#fff}.ff-wash-guide__button--secondary{background:#fff}.ff-wash-guide__form-error{margin:18px 0 -12px;color:var(--ff-danger);font-size:13px;font-weight:750;text-align:right}.ff-wash-guide__result{padding-top:6px}.ff-wash-guide__result-summary{max-width:850px;margin:20px 0 24px;color:var(--ff-copy);font-size:16px}.ff-wash-guide__result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ff-wash-guide--program .ff-wash-guide__result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-wash-guide__result-grid article{display:flex;gap:14px;min-height:130px;padding:20px;border:1px solid var(--ff-line);border-radius:16px;background:#fff}.ff-wash-guide__result-grid article.ff-wash-guide__result-warning{border-color:#f2cfd4;background:var(--ff-danger-soft)}.ff-wash-guide__result-number{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--ff-aqua);color:#fff;font-size:13px;font-weight:900}.ff-wash-guide__result-warning .ff-wash-guide__result-number{background:var(--ff-danger)}.ff-wash-guide__result-grid h3{margin-bottom:7px;font-size:16px}.ff-wash-guide__result-grid p{margin:0;color:var(--ff-copy);font-size:13px}.ff-wash-guide__setting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:18px;border-radius:18px;background:var(--ff-ink)}.ff-wash-guide__setting-grid article{min-width:0;padding:4px 10px;border-left:2px solid var(--ff-aqua)}.ff-wash-guide__setting-grid small{display:block;margin-bottom:5px;color:#c9c5d4;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.ff-wash-guide__setting-grid strong{display:block;color:#fff;font-size:15px;line-height:1.3}.ff-wash-guide__safety-note{margin-top:14px;padding:15px 17px;border-left:4px solid var(--ff-aqua);border-radius:0 12px 12px 0;background:var(--ff-aqua-pale);color:var(--ff-copy);font-size:12.5px}.ff-wash-guide__safety-note strong{font-weight:850}.ff-wash-guide__result-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.ff-wash-guide__result-actions button,.ff-wash-guide__result-actions a,.ff-wash-guide__restart{padding:11px 14px;border:1px solid var(--ff-aqua);border-radius:11px;background:#fff;color:var(--ff-ink);cursor:pointer;font-size:12px;font-weight:800;text-decoration:none}.ff-wash-guide__result-actions a{background:var(--ff-aqua);color:#fff}.ff-wash-guide__result-bottom{align-items:flex-end;margin-top:22px}.ff-wash-guide__share-label{margin:0 0 7px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ff-wash-guide__share-buttons{display:flex;flex-wrap:wrap;gap:6px}.ff-wash-guide__share-buttons a,.ff-wash-guide__share-buttons button{padding:7px 10px;border:1px solid var(--ff-line);border-radius:8px;background:#fff;color:var(--ff-ink);cursor:pointer;font-size:11px;font-weight:750;text-decoration:none}.ff-wash-guide__share-status{margin:7px 0 0;color:var(--ff-copy);font-size:11px}.ff-wash-guide__product-cta{align-items:center;margin-top:18px;padding:19px;border:1px solid var(--ff-aqua);border-radius:16px;background:#fff}.ff-wash-guide__product-cta p{margin-bottom:3px;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ff-wash-guide__product-cta h3{margin-bottom:3px;font-size:18px}.ff-wash-guide__product-cta small{display:block;max-width:690px;color:var(--ff-copy);font-size:11.5px}.ff-wash-guide__product-cta a{flex:0 0 auto;padding:11px 14px;border-radius:10px;background:var(--ff-aqua);color:#fff;font-size:12px;font-weight:850;text-decoration:none}.ff-wash-guide__swatch{display:inline-block;position:absolute;top:50%;left:17px;width:28px;height:28px;border:1px solid #c9c5d4;border-radius:50%;transform:translateY(-50%)}.ff-wash-guide__swatch--light{background:#fff}.ff-wash-guide__swatch--colored{background:conic-gradient(#69e8fc,#ff7eb6,#ffd95c,#69e8fc)}.ff-wash-guide__swatch--dark{background:var(--ff-ink)}.ff-wash-guide__choice-grid label>span:has(.ff-wash-guide__swatch){padding-left:58px}.ff-wash-guide__explain,.ff-wash-guide__next,.ff-wash-guide__method,.ff-wash-guide__faq{padding:76px 0;border-top:1px solid var(--ff-aqua);background:#fff}.ff-wash-guide__explain h2,.ff-wash-guide__next h2,.ff-wash-guide__method h2,.ff-wash-guide__faq h2{margin-bottom:28px;font-size:clamp(30px,4vw,44px)}.ff-wash-guide__content-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ff-wash-guide__content-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.ff-wash-guide__content-grid article{padding:22px;border:1px solid var(--ff-line);border-radius:17px;background:#fff}.ff-wash-guide__content-grid article>strong{color:var(--ff-aqua);font-size:12px;letter-spacing:.08em}.ff-wash-guide__content-grid h3{margin:12px 0 8px;font-size:19px}.ff-wash-guide__content-grid p{margin:0;color:var(--ff-copy);font-size:13px}.ff-wash-guide__next{background:var(--ff-aqua-pale)}.ff-wash-guide__next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ff-wash-guide__next-grid a{display:flex;gap:14px;align-items:center;min-height:110px;padding:18px;border:1px solid var(--ff-aqua);border-radius:17px;background:#fff;color:var(--ff-ink);text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.ff-wash-guide__next-grid a:hover,.ff-wash-guide__next-grid a:focus-visible{box-shadow:0 12px 30px #69e8fc40;outline:0;transform:translateY(-2px)}.ff-wash-guide__next-grid a>span{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--ff-aqua);color:#fff;font-size:11px;font-weight:900}.ff-wash-guide__next-grid div{min-width:0}.ff-wash-guide__next-grid strong,.ff-wash-guide__next-grid small{display:block}.ff-wash-guide__next-grid strong{font-size:15px}.ff-wash-guide__next-grid small{margin-top:3px;color:var(--ff-copy);font-size:11.5px;line-height:1.4}.ff-wash-guide__next-grid b{margin-left:auto;color:var(--ff-aqua);font-size:24px}.ff-wash-guide__method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}.ff-wash-guide__method p{margin:0;color:var(--ff-copy)}.ff-wash-guide__method ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.ff-wash-guide__method li{position:relative;padding:16px 18px 16px 46px;border:1px solid var(--ff-line);border-radius:13px}.ff-wash-guide__method li:before{position:absolute;top:15px;left:17px;color:var(--ff-aqua);content:"\2713";font-weight:900}.ff-wash-guide__method a{color:var(--ff-ink);font-size:13px;font-weight:700;text-underline-offset:3px}.ff-wash-guide__faq-shell{max-width:900px}.ff-wash-guide__faq details{border-top:1px solid var(--ff-aqua)}.ff-wash-guide__faq details:last-child{border-bottom:1px solid var(--ff-aqua)}.ff-wash-guide__faq summary{position:relative;padding:18px 42px 18px 0;cursor:pointer;font-weight:800;list-style:none}.ff-wash-guide__faq summary::-webkit-details-marker{display:none}.ff-wash-guide__faq summary:after{position:absolute;top:50%;right:8px;color:var(--ff-aqua);content:"+";transform:translateY(-50%);font-size:25px;font-weight:400}.ff-wash-guide__faq details[open] summary:after{content:"\2212"}.ff-wash-guide__faq details p{margin:-4px 0 19px;padding-right:42px;color:var(--ff-copy)}@media(max-width:1050px){.ff-wash-guide__category-grid,.ff-wash-guide__content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-wash-guide__content-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-wash-guide--program .ff-wash-guide__result-grid{grid-template-columns:1fr}}@media(max-width:820px){.ff-wash-guide__hero-grid{grid-template-columns:1fr;gap:30px}.ff-wash-guide__hero-note{max-width:620px}.ff-wash-guide__choice-grid,.ff-wash-guide__setting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-wash-guide__next-grid{grid-template-columns:1fr}.ff-wash-guide__method-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:749px){.ff-wash-guide{font-size:15px}.ff-wash-guide__shell{width:min(100% - 28px,1180px)}.ff-wash-guide__breadcrumbs{padding-top:14px}.ff-wash-guide__hero-grid{padding:42px 0 48px}.ff-wash-guide__hero h1{font-size:clamp(38px,12vw,55px)}.ff-wash-guide__lead{font-size:17px}.ff-wash-guide__hero-note{gap:13px;padding:18px;border-radius:18px}.ff-wash-guide__hero-icon{flex-basis:49px;width:49px;height:49px;border-radius:13px}.ff-wash-guide__hero-icon svg{width:31px;height:31px}.ff-wash-guide__app-shell{width:100%;padding:0}.ff-wash-guide__app{min-height:620px;padding:28px 14px 34px;border-width:0 0 1px;border-radius:0;box-shadow:none}.ff-wash-guide__app-head h2,.ff-wash-guide__picker-head h2,.ff-wash-guide__result-head h2{font-size:27px}.ff-wash-guide__app-intro{margin-bottom:22px;font-size:13px}.ff-wash-guide__category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-wash-guide__category-grid button{min-height:145px;padding:15px}.ff-wash-guide__category-grid button:last-child{grid-column:1 / -1;min-height:118px}.ff-wash-guide__category-icon{width:42px;height:42px}.ff-wash-guide__picker-head{flex-direction:column;gap:16px}.ff-wash-guide__choice-grid{grid-template-columns:1fr;gap:9px}.ff-wash-guide__choice-grid>button,.ff-wash-guide__choice-grid>label,.ff-wash-guide__choice-grid label>span{min-height:78px}.ff-wash-guide__inline-help{margin-left:0}.ff-wash-guide__actions{position:sticky;bottom:0;z-index:3;padding-top:15px;background:#fff}.ff-wash-guide__actions .ff-wash-guide__button{flex:1 1 50%}.ff-wash-guide__result-head{flex-direction:column;gap:12px}.ff-wash-guide__result-badge{align-self:flex-start}.ff-wash-guide__result-grid{grid-template-columns:1fr}.ff-wash-guide__setting-grid{grid-template-columns:1fr 1fr;padding:13px}.ff-wash-guide__setting-grid article{padding:4px 7px}.ff-wash-guide__result-actions{align-items:stretch;flex-direction:column}.ff-wash-guide__result-actions a,.ff-wash-guide__result-actions button{text-align:center}.ff-wash-guide__result-bottom,.ff-wash-guide__product-cta{align-items:stretch;flex-direction:column}.ff-wash-guide__product-cta a{text-align:center}.ff-wash-guide__content-grid,.ff-wash-guide__content-grid--four{grid-template-columns:1fr}.ff-wash-guide__explain,.ff-wash-guide__next,.ff-wash-guide__method,.ff-wash-guide__faq{padding:56px 0}}@media(prefers-reduced-motion:reduce){.ff-wash-guide *,.ff-wash-guide *:before,.ff-wash-guide *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ff-wash-guides.css.map */