.ff-page-stain-helper{background:#fff;color:#2e2a39}.ff-page-stain-helper .content-for-layout{overflow:hidden}.ff-stain-helper{--ff-aqua: #69e8fc;--ff-aqua-dark: #69e8fc;--ff-aqua-soft: rgba(105, 232, 252, .14);--ff-ink: #2e2a39;--ff-copy: #2e2a39;--ff-line: #69e8fc;--ff-soft: #ffffff;display:block;color:var(--ff-ink);font-family:var(--font-body-family, Arial, sans-serif);font-size:16px;line-height:1.55}.ff-stain-helper [hidden]{display:none!important}.ff-stain-helper *,.ff-stain-helper *:before,.ff-stain-helper *:after{box-sizing:border-box}.ff-stain-helper h1,.ff-stain-helper h2,.ff-stain-helper h3,.ff-stain-helper p{margin-top:0}.ff-stain-helper h1,.ff-stain-helper h2,.ff-stain-helper h3,.ff-stain-helper strong{color:var(--ff-ink)}.ff-stain-helper a{color:inherit}.ff-stain-helper button,.ff-stain-helper input{font:inherit}.ff-stain-helper button,.ff-stain-helper a{-webkit-tap-highlight-color:transparent}.ff-stain-helper__shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.ff-stain-helper__hero{position:relative;border-bottom:1px solid var(--ff-line);background:#fff}.ff-stain-helper__hero:before,.ff-stain-helper__hero:after{position:absolute;content:"";border-radius:50%;border:1px solid rgba(105,232,252,.42);pointer-events:none}.ff-stain-helper__hero:before{width:170px;height:170px;right:-58px;bottom:-70px}.ff-stain-helper__hero:after{width:74px;height:74px;right:9%;top:30px}.ff-stain-helper__breadcrumbs{display:flex;align-items:center;gap:9px;padding-top:20px;color:var(--ff-ink);font-size:13px}.ff-stain-helper__breadcrumbs a{text-underline-offset:3px}.ff-stain-helper__hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:56px;align-items:center;padding:62px 0 76px}.ff-stain-helper__eyebrow,.ff-stain-helper__mini-eyebrow{margin-bottom:10px;color:var(--ff-ink)!important;font-size:13px;font-weight:800;letter-spacing:.14em}.ff-stain-helper__hero h1{max-width:720px;margin-bottom:18px;font-family:var(--font-heading-family, Arial, sans-serif);font-size:clamp(40px,6.5vw,74px);font-weight:750;letter-spacing:-.045em;line-height:.99}.ff-stain-helper__lead{max-width:680px;margin-bottom:24px;color:var(--ff-copy);font-size:clamp(17px,2vw,21px);line-height:1.55}.ff-stain-helper__trust-row{display:flex;flex-wrap:wrap;gap:10px 18px}.ff-stain-helper__trust-row span{display:inline-flex;gap:7px;align-items:center;color:var(--ff-ink);font-size:14px;font-weight:650}.ff-stain-helper__trust-row svg{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--ff-aqua);fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.ff-stain-helper__hero-note{display:flex;gap:18px;align-items:flex-start;padding:28px;border:1px solid var(--ff-aqua);border-radius:24px;background:#fff;box-shadow:0 16px 42px #69e8fc4d}.ff-stain-helper__hero-note strong{display:block;margin-bottom:6px;font-size:17px}.ff-stain-helper__hero-note p{margin:0;color:var(--ff-copy);font-size:14px}.ff-stain-helper__hero-icon{display:grid;flex:0 0 58px;width:58px;height:58px;place-items:center;border-radius:18px;background:var(--ff-aqua)}.ff-stain-helper__hero-icon svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ff-stain-helper__app-shell{padding-block:68px 82px}.ff-stain-helper__app{max-width:960px;min-height:560px;margin-inline:auto;padding:clamp(26px,5vw,54px);border:1px solid var(--ff-line);border-radius:30px;background:#fff;box-shadow:0 24px 70px #69e8fc3d}.ff-stain-helper__app-head,.ff-stain-helper__result-head{display:flex;gap:24px;align-items:flex-start;justify-content:space-between}.ff-stain-helper__app-head h2,.ff-stain-helper__result-head h2,.ff-stain-helper__guides h2,.ff-stain-helper__method h2,.ff-stain-helper__faq h2{margin-bottom:0;font-family:var(--font-heading-family, Arial, sans-serif);font-size:clamp(28px,4vw,42px);letter-spacing:-.025em;line-height:1.12}.ff-stain-helper__step-counter{flex:0 0 auto;margin:4px 0 0;padding:8px 13px;border-radius:999px;background:var(--ff-aqua);color:#fff;font-size:14px;font-weight:700}.ff-stain-helper__progress{height:7px;margin:26px 0 38px;overflow:hidden;border-radius:99px;border:1px solid var(--ff-aqua);background:#fff}.ff-stain-helper__progress span{display:block;width:25%;height:100%;border-radius:inherit;background:var(--ff-aqua);transition:width .25s ease}.ff-stain-helper__step{min-width:0;margin:0;padding:0;border:0}.ff-stain-helper__step legend{display:flex;width:100%;gap:14px;align-items:flex-start;margin-bottom:24px;padding:0}.ff-stain-helper__step legend>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--ff-aqua);color:#fff;font-size:14px;font-weight:800}.ff-stain-helper__step legend strong,.ff-stain-helper__step legend small{display:block}.ff-stain-helper__step legend strong{margin-bottom:2px;font-size:20px;line-height:1.3}.ff-stain-helper__step legend small{color:var(--ff-copy);font-size:14px}.ff-stain-helper__option-grid{display:grid;gap:12px}.ff-stain-helper__option-grid--stains{grid-template-columns:repeat(5,minmax(0,1fr))}.ff-stain-helper__option-grid--fabric,.ff-stain-helper__option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-stain-helper__option{position:relative;min-width:0}.ff-stain-helper__option input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ff-stain-helper__option label{display:flex;min-height:116px;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:17px 10px;border:1.5px solid var(--ff-line);border-radius:17px;background:#fff;cursor:pointer;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.ff-stain-helper__option label:hover{border-color:var(--ff-aqua-dark);box-shadow:0 8px 22px #69e8fc40;transform:translateY(-2px)}.ff-stain-helper__option input:focus-visible+label{outline:3px solid rgba(105,232,252,.5);outline-offset:3px}.ff-stain-helper__option input:checked+label{border-color:var(--ff-aqua-dark);background:var(--ff-aqua);box-shadow:inset 0 0 0 1px var(--ff-aqua),0 8px 22px #69e8fc59}.ff-stain-helper__option input:checked+label strong,.ff-stain-helper__option input:checked+label small{color:#fff}.ff-stain-helper__option label strong,.ff-stain-helper__option label small{display:block}.ff-stain-helper__option label strong{font-size:14px;line-height:1.3}.ff-stain-helper__option label small{margin-top:5px;color:var(--ff-ink);font-size:11.5px;line-height:1.25}.ff-stain-helper__option-icon{display:grid;width:38px;height:38px;margin-bottom:9px;place-items:center;border-radius:12px;background:var(--ff-aqua-soft);color:var(--ff-ink);font-size:20px;font-weight:850}.ff-stain-helper__option input:checked+label .ff-stain-helper__option-icon{background:#fff;color:var(--ff-ink)}.ff-stain-helper__swatch{width:40px;height:40px;margin-bottom:10px;border:1px solid var(--ff-aqua);border-radius:50%}.ff-stain-helper__swatch--light{background:#fff}.ff-stain-helper__swatch--colored{background:conic-gradient(#69e8fc 0 33.33%,#2e2a39 33.33% 66.66%,#fff 66.66% 100%)}.ff-stain-helper__swatch--dark{background:#2e2a39}.ff-stain-helper__form-error{margin:18px 0 -5px;padding-left:10px;border-left:3px solid var(--ff-aqua);color:var(--ff-ink);font-size:14px;font-weight:650}.ff-stain-helper__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--ff-aqua)}.ff-stain-helper__button,.ff-stain-helper__restart{min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:13px;cursor:pointer;font-weight:750}.ff-stain-helper__button--primary{min-width:160px;border-color:var(--ff-aqua);background:var(--ff-aqua);color:#fff}.ff-stain-helper__button:disabled{border-color:var(--ff-aqua);background:#fff;color:var(--ff-ink);opacity:.45;cursor:not-allowed}.ff-stain-helper__button--primary:hover{border-color:var(--ff-aqua);background:var(--ff-aqua);box-shadow:0 9px 24px #69e8fc73}.ff-stain-helper__button--secondary,.ff-stain-helper__restart{border-color:var(--ff-aqua);background:#fff;color:var(--ff-ink)}.ff-stain-helper__button:focus-visible,.ff-stain-helper__restart:focus-visible,.ff-stain-helper__share-buttons :focus-visible,.ff-stain-helper__guide-grid button:focus-visible,.ff-stain-helper__product-cta a:focus-visible{outline:3px solid rgba(105,232,252,.55);outline-offset:3px}.ff-stain-helper__result-badge{flex:0 0 auto;max-width:210px;padding:9px 13px;border-radius:999px;background:var(--ff-aqua);color:#fff;font-size:13px;font-weight:800;text-align:center}.ff-stain-helper__result-head h2:focus{outline:none}.ff-stain-helper__result-badge[data-level=professional]{border:1px solid var(--ff-aqua);background:#fff;color:var(--ff-ink)}.ff-stain-helper__result-summary{margin:22px 0 26px;padding:16px 18px;border-left:4px solid var(--ff-aqua);border-radius:0 12px 12px 0;background:#fff;color:var(--ff-ink)}.ff-stain-helper__result-steps{display:grid;gap:12px}.ff-stain-helper__result-steps article{display:flex;gap:16px;padding:18px;border:1px solid var(--ff-line);border-radius:15px;background:#fff;box-shadow:0 8px 22px #69e8fc24}.ff-stain-helper__result-steps article>span{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--ff-aqua);color:#fff;font-weight:850}.ff-stain-helper__result-steps h3{margin-bottom:4px;font-size:16px}.ff-stain-helper__result-steps p{margin:0;color:var(--ff-copy);font-size:14.5px}.ff-stain-helper__result-steps .ff-stain-helper__result-avoid{border-color:var(--ff-aqua);background:#fff}.ff-stain-helper__result-steps .ff-stain-helper__result-avoid>span{background:var(--ff-aqua);color:#fff}.ff-stain-helper__safety-note{display:flex;gap:13px;margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid var(--ff-aqua);background:#fff}.ff-stain-helper__safety-note svg{flex:0 0 24px;width:24px;height:24px;fill:none;stroke:var(--ff-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.ff-stain-helper__safety-note p{margin:0;color:var(--ff-ink);font-size:13.5px}.ff-stain-helper__result-bottom{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;margin-top:26px}.ff-stain-helper__share-label{margin-bottom:8px;font-size:13px;font-weight:750}.ff-stain-helper__share-buttons{display:flex;flex-wrap:wrap;gap:7px}.ff-stain-helper__share-buttons a,.ff-stain-helper__share-buttons button{min-height:38px;padding:8px 11px;border:1px solid var(--ff-aqua);border-radius:10px;background:#fff;color:var(--ff-ink);cursor:pointer;font-size:12px;font-weight:700;text-decoration:none}.ff-stain-helper__share-status{margin:8px 0 0;color:var(--ff-ink);font-size:12px}.ff-stain-helper__restart{min-height:42px;padding:9px 14px;font-size:13px}.ff-stain-helper__product-cta{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:26px;padding:24px;border:1px solid var(--ff-aqua);border-radius:20px;background:#fff;box-shadow:0 14px 34px #69e8fc3d}.ff-stain-helper__product-cta p,.ff-stain-helper__product-cta h3,.ff-stain-helper__product-cta small{color:var(--ff-ink)!important}.ff-stain-helper__product-cta p{margin-bottom:3px;color:var(--ff-ink)!important;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ff-stain-helper__product-cta h3{margin-bottom:4px;font-size:18px}.ff-stain-helper__product-cta small{display:block;max-width:540px;color:var(--ff-ink)!important;font-size:12px}.ff-stain-helper__product-cta a{flex:0 0 auto;padding:12px 16px;border-radius:12px;background:var(--ff-aqua);color:#fff;font-size:13px;font-weight:800;text-decoration:none}.ff-stain-helper__guides{padding:80px 0;border-top:1px solid var(--ff-aqua);background:#fff}.ff-stain-helper__guides-intro{max-width:720px;margin:14px 0 30px;color:var(--ff-copy)}.ff-stain-helper__guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ff-stain-helper__guide-grid article{display:flex;min-height:230px;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid var(--ff-line);border-radius:20px;background:#fff;box-shadow:0 10px 26px #69e8fc29}.ff-stain-helper__guide-grid h3{margin-bottom:9px;font-size:20px}.ff-stain-helper__guide-grid p{margin-bottom:18px;color:var(--ff-copy);font-size:14.5px}.ff-stain-helper__guide-grid button{margin-top:auto;padding:0;border:0;border-bottom:2px solid var(--ff-aqua);background:transparent;color:var(--ff-ink);cursor:pointer;font-size:13px;font-weight:800}.ff-stain-helper__method{padding:76px 0;border-top:1px solid var(--ff-aqua);background:#fff}.ff-stain-helper__method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.ff-stain-helper__method p{margin:15px 0 0;color:var(--ff-copy)}.ff-stain-helper__method ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.ff-stain-helper__method li{position:relative;padding:16px 18px 16px 48px;border:1px solid var(--ff-line);border-radius:13px;background:#fff;box-shadow:0 8px 20px #69e8fc1f}.ff-stain-helper__method li:before{position:absolute;top:16px;left:18px;content:"\2713";color:var(--ff-aqua);font-weight:850}.ff-stain-helper__method a{color:var(--ff-ink);font-size:14px;font-weight:650;text-underline-offset:3px}.ff-stain-helper__faq{padding:76px 0 88px;border-top:1px solid var(--ff-aqua);background:#fff}.ff-stain-helper__faq-shell{max-width:900px}.ff-stain-helper__faq h2{margin-bottom:26px}.ff-stain-helper__faq details{border-top:1px solid var(--ff-aqua)}.ff-stain-helper__faq details:last-child{border-bottom:1px solid var(--ff-aqua)}.ff-stain-helper__faq summary{position:relative;padding:19px 42px 19px 0;color:var(--ff-ink);cursor:pointer;font-weight:750;list-style:none}.ff-stain-helper__faq summary::-webkit-details-marker{display:none}.ff-stain-helper__faq summary:after{position:absolute;top:50%;right:8px;content:"+";transform:translateY(-50%);color:var(--ff-aqua);font-size:26px;font-weight:400}.ff-stain-helper__faq details[open] summary:after{content:"\2212"}.ff-stain-helper__faq details p{margin:-5px 0 20px;padding-right:42px;color:var(--ff-copy)}@media(max-width:980px){.ff-stain-helper__hero-grid{grid-template-columns:1fr;gap:30px}.ff-stain-helper__hero-note{max-width:620px}.ff-stain-helper__option-grid--stains{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-stain-helper__method-grid{grid-template-columns:1fr;gap:30px}}@media(max-width:749px){.ff-stain-helper{font-size:15px}.ff-stain-helper__shell{width:min(100% - 28px,1180px)}.ff-stain-helper__breadcrumbs{padding-top:14px}.ff-stain-helper__hero-grid{padding:42px 0 48px}.ff-stain-helper__hero h1{font-size:clamp(38px,12vw,56px)}.ff-stain-helper__lead{font-size:17px}.ff-stain-helper__hero-note{gap:14px;padding:19px;border-radius:18px}.ff-stain-helper__hero-icon{flex-basis:48px;width:48px;height:48px;border-radius:14px}.ff-stain-helper__hero-icon svg{width:31px;height:31px}.ff-stain-helper__app-shell{width:100%;padding:0}.ff-stain-helper__app{min-height:610px;padding:28px 14px 34px;border-width:0 0 1px;border-radius:0;box-shadow:none}.ff-stain-helper__app-head{gap:12px}.ff-stain-helper__app-head h2,.ff-stain-helper__result-head h2{font-size:27px}.ff-stain-helper__step-counter{padding:6px 9px;font-size:12px}.ff-stain-helper__progress{margin:21px 0 28px}.ff-stain-helper__step legend strong{font-size:18px}.ff-stain-helper__option-grid--stains{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-stain-helper__option-grid--fabric,.ff-stain-helper__option-grid--three{grid-template-columns:1fr}.ff-stain-helper__option-grid--fabric .ff-stain-helper__option label,.ff-stain-helper__option-grid--three .ff-stain-helper__option label{min-height:72px;align-items:flex-start;padding:14px 16px;text-align:left}.ff-stain-helper__option-grid--three .ff-stain-helper__option label:has(.ff-stain-helper__swatch){position:relative;padding-left:70px}.ff-stain-helper__option-grid--three .ff-stain-helper__swatch{position:absolute;top:15px;left:17px;margin:0}.ff-stain-helper__actions{position:sticky;bottom:0;z-index:3;margin-top:24px;padding:16px 0 0;background:#fff}.ff-stain-helper__actions .ff-stain-helper__button{flex:1 1 50%}.ff-stain-helper__result-head{flex-direction:column;gap:13px}.ff-stain-helper__result-badge{align-self:flex-start}.ff-stain-helper__result-summary{margin-top:18px}.ff-stain-helper__result-bottom,.ff-stain-helper__product-cta{align-items:stretch;flex-direction:column}.ff-stain-helper__product-cta a{text-align:center}.ff-stain-helper__guides,.ff-stain-helper__method,.ff-stain-helper__faq{padding:58px 0}.ff-stain-helper__guide-grid{grid-template-columns:1fr}.ff-stain-helper__guide-grid article{min-height:0;padding:22px}}@media(prefers-reduced-motion:reduce){.ff-stain-helper *,.ff-stain-helper *:before,.ff-stain-helper *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ff-stain-helper.css.map */