:root{--sff-green:#214f39;--sff-green-dark:#143929;--sff-orange:#f28c28;--sff-cream:#f7f3ea;--sff-ink:#1e2923;--sff-muted:#657168;--sff-line:#dfe5df;--sff-white:#fff;--sff-shadow:0 18px 55px rgba(17,46,32,.14)}
.sff-home{background:linear-gradient(135deg,#f7f3ea 0%,#fff 72%);padding:54px 22px;border-top:1px solid #ece8df;border-bottom:1px solid #ece8df}
.sff-home__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.sff-kicker{display:inline-block;color:var(--sff-orange);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}
.sff-home h2,.sff-wizard h2,.sff-wizard h3{color:var(--sff-ink);margin-top:0}.sff-home h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;margin-bottom:14px;letter-spacing:-.035em}.sff-home__copy>p{font-size:1.08rem;line-height:1.7;color:var(--sff-muted);max-width:680px}
.sff-home__points{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0}.sff-home__points span{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--sff-green-dark);font-size:.94rem}.sff-home__points svg{width:21px;height:21px;fill:currentColor}
.sff-button{appearance:none;border:0;border-radius:10px;padding:13px 19px;font:inherit;font-weight:800;line-height:1.15;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.sff-button:hover{transform:translateY(-1px)}.sff-button--primary{background:var(--sff-orange);color:#fff!important;box-shadow:0 8px 20px rgba(242,140,40,.22)}.sff-button--secondary{background:var(--sff-green);color:#fff!important}.sff-button--back{background:#eef2ee;color:var(--sff-green-dark)!important}.sff-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.sff-home__shop{margin-left:16px;color:var(--sff-green);font-weight:750;text-underline-offset:3px}.sff-home__visual{padding:28px;border-radius:22px;background:var(--sff-green-dark);box-shadow:var(--sff-shadow);position:relative;overflow:hidden}.sff-home__visual:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(242,140,40,.11);right:-80px;top:-90px}.sff-visual-card{position:relative;z-index:1;background:#fff;border-radius:14px;padding:15px 17px;display:flex;gap:12px;align-items:center;color:var(--sff-ink);box-shadow:0 6px 18px rgba(0,0,0,.1)}.sff-visual-card strong{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--sff-orange);color:#fff;font-size:1rem}.sff-visual-card span{font-weight:800}.sff-visual-line{height:23px;width:2px;background:rgba(255,255,255,.35);margin:0 0 0 34px}
.sff-modal[hidden]{display:none!important}.sff-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:22px}.sff-modal__backdrop{position:absolute;inset:0;background:rgba(12,24,17,.78);backdrop-filter:blur(4px)}.sff-modal__dialog{position:relative;width:min(1050px,100%);max-height:min(900px,92vh);overflow:auto;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.34)}.sff-modal__close{position:absolute;top:14px;right:14px;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid #dfe5df;background:#fff;color:#20362a;font-size:28px;line-height:1;cursor:pointer}.sff-modal-open{overflow:hidden}
.sff-wizard{background:#fff;color:var(--sff-ink);border-radius:20px;overflow:hidden}.sff-wizard[data-context="inline"]{border:1px solid var(--sff-line);box-shadow:var(--sff-shadow);max-width:1050px;margin:30px auto}.sff-wizard__header{padding:30px 34px 20px;background:linear-gradient(180deg,#fbfcfa,#fff);border-bottom:1px solid var(--sff-line)}.sff-wizard__header h2{font-size:2rem;margin-bottom:8px;letter-spacing:-.025em}.sff-wizard__header p{margin:0;color:var(--sff-muted);max-width:800px;line-height:1.6}.sff-progress{height:7px;background:#e7ece8;border-radius:20px;margin-top:22px;overflow:hidden}.sff-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--sff-orange),#f6ad55);border-radius:20px;transition:width .25s ease}.sff-step-label{font-size:.78rem;font-weight:800;color:var(--sff-muted);margin-top:7px;text-align:right}
.sff-wizard__body{padding:30px 34px 22px}.sff-step{display:none}.sff-step.is-active{display:block;animation:sffFade .22s ease}@keyframes sffFade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.sff-step__heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.sff-step__number{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sff-green);color:#fff;font-weight:900}.sff-step__heading h3{font-size:1.45rem;margin:1px 0 5px}.sff-step__heading p{margin:0;color:var(--sff-muted);line-height:1.55}
.sff-choice-grid{display:grid;gap:12px}.sff-choice-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sff-choice-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sff-choice{appearance:none;text-align:left;border:1.5px solid var(--sff-line);background:#fff;border-radius:14px;padding:16px;display:grid;grid-template-columns:45px 1fr 24px;gap:12px;align-items:start;cursor:pointer;color:var(--sff-ink);transition:border .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.sff-choice:hover{border-color:#9db5a6;box-shadow:0 7px 18px rgba(28,79,55,.08);transform:translateY(-1px)}.sff-choice.is-selected{border-color:var(--sff-green);background:#f4f8f5;box-shadow:0 0 0 2px rgba(33,79,57,.08)}.sff-choice.is-recommended:not(.is-selected){border-color:#f3b570;background:#fffaf4}.sff-choice{position:relative}.sff-choice.is-recommended:not(.is-selected):after{content:"Recommended";position:absolute;right:10px;top:8px;color:#a85909;background:#fff0dc;border-radius:20px;padding:3px 7px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.sff-choice__icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#edf4ef;color:var(--sff-green)}.sff-choice__icon svg{width:27px;height:27px;fill:currentColor;stroke:currentColor}.sff-choice__text{display:flex;flex-direction:column;gap:5px;padding-top:2px}.sff-choice__text strong{font-size:1rem;line-height:1.25}.sff-choice__text small{font-size:.82rem;color:var(--sff-muted);line-height:1.45}.sff-choice__check{width:22px;height:22px;border-radius:50%;border:1.5px solid #bdc9c0;color:transparent;display:grid;place-items:center;font-size:.72rem;font-weight:900;margin-top:2px}.sff-choice.is-selected .sff-choice__check{background:var(--sff-green);border-color:var(--sff-green);color:#fff}.sff-choice__meta{margin-top:5px;display:flex;gap:4px;flex-direction:column;color:var(--sff-green-dark)}.sff-choice__meta strong{font-size:.9rem}.sff-choice__meta span{font-size:.72rem;color:var(--sff-muted)}
.sff-tip{margin-top:18px;padding:13px 15px;border-left:4px solid var(--sff-orange);background:#fff8ef;border-radius:8px;color:#65513e;font-size:.88rem;line-height:1.5}.sff-footnote{font-size:.74rem;color:var(--sff-muted);margin:14px 2px 0}.sff-wizard__footer{padding:17px 34px;border-top:1px solid var(--sff-line);background:#fafbf9;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.sff-wizard__hint{text-align:center;color:var(--sff-muted);font-size:.82rem}
.sff-results-heading{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:14px}.sff-results-heading h3{font-size:1.8rem;margin:0 0 6px}.sff-results-heading p{color:var(--sff-muted);margin:0}.sff-link-button{border:0;background:none;color:var(--sff-green);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}.sff-recommendation{padding:13px 16px;border-radius:10px;background:#f3f8f4;color:#284c38;margin-bottom:18px;font-size:.9rem;line-height:1.55}.sff-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sff-product{border:1px solid var(--sff-line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}.sff-product.is-best{border:2px solid var(--sff-green);box-shadow:0 10px 25px rgba(33,79,57,.12)}.sff-product__image{aspect-ratio:1.2/1;background:#f5f6f3;display:grid;place-items:center;padding:8px;position:relative}.sff-product__image img{width:100%;height:100%;object-fit:contain}.sff-product__badge{position:absolute;left:10px;top:10px;background:var(--sff-orange);color:#fff;border-radius:20px;padding:5px 8px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.sff-product__body{padding:15px;display:flex;flex-direction:column;gap:9px;flex:1}.sff-product__body h4{font-size:.99rem;line-height:1.35;margin:0;color:var(--sff-ink)}.sff-product__price{font-size:1rem;font-weight:900;color:var(--sff-green)}.sff-product__match{font-size:.74rem;color:var(--sff-muted)}.sff-product__body .sff-button{margin-top:auto;width:100%;font-size:.82rem}.sff-results-help{margin-top:20px;padding:16px;border-radius:13px;background:var(--sff-green-dark);color:#fff;display:flex;justify-content:space-between;gap:16px;align-items:center}.sff-results-help>div{display:flex;gap:11px;align-items:center}.sff-results-help svg{width:29px;height:29px;fill:currentColor;flex:none}.sff-results-help span{display:flex;flex-direction:column;font-size:.82rem;opacity:.94}.sff-results-help strong{font-size:.95rem}.sff-empty{grid-column:1/-1;padding:22px;border:1px dashed #bdc9c0;border-radius:12px;text-align:center;color:var(--sff-muted)}
.sff-notice{padding:16px;border:1px solid #e6d6ba;background:#fffaf0;border-radius:10px}
@media (max-width:900px){.sff-home__inner{grid-template-columns:1fr;gap:28px}.sff-home__visual{display:none}.sff-choice-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.sff-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.sff-home{padding:38px 16px}.sff-home h2{font-size:2.25rem}.sff-home__shop{display:block;margin:13px 0 0}.sff-modal{padding:0;place-items:stretch}.sff-modal__dialog{max-height:100vh;height:100vh;border-radius:0}.sff-wizard{border-radius:0}.sff-wizard[data-context="inline"]{border-radius:14px;margin:15px 0}.sff-wizard__header{padding:23px 18px 16px}.sff-wizard__header h2{font-size:1.55rem;padding-right:35px}.sff-wizard__header p{font-size:.85rem}.sff-wizard__body{padding:22px 16px 18px}.sff-step__heading{gap:10px;margin-bottom:16px}.sff-step__number{width:32px;height:32px}.sff-step__heading h3{font-size:1.18rem}.sff-step__heading p{font-size:.82rem}.sff-choice-grid--3,.sff-choice-grid--2{grid-template-columns:1fr}.sff-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sff-amount-grid .sff-choice{grid-template-columns:34px 1fr 20px;padding:12px;gap:8px}.sff-amount-grid .sff-choice__icon{width:33px;height:33px}.sff-amount-grid .sff-choice__icon svg{width:21px;height:21px}.sff-amount-grid .sff-choice__text small{font-size:.75rem}.sff-choice{padding:13px;grid-template-columns:40px 1fr 22px}.sff-choice__icon{width:38px;height:38px}.sff-choice__icon svg{width:23px;height:23px}.sff-choice__text strong{font-size:.92rem}.sff-choice__text small{font-size:.78rem}.sff-wizard__footer{position:sticky;bottom:0;z-index:4;padding:12px 14px;grid-template-columns:auto 1fr;box-shadow:0 -8px 22px rgba(25,53,38,.08)}.sff-wizard__footer .sff-wizard__hint{display:none}.sff-wizard__footer [data-sff-next]{width:100%}.sff-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sff-product__body{padding:11px}.sff-product__body h4{font-size:.82rem}.sff-product__price{font-size:.9rem}.sff-product__match{font-size:.68rem}.sff-product__body .sff-button{padding:10px 8px;font-size:.72rem}.sff-results-help{flex-direction:column;align-items:stretch}.sff-results-help .sff-button{width:100%}.sff-results-heading{flex-direction:column}.sff-link-button{align-self:flex-start}.sff-modal__close{top:9px;right:9px}}