.sf-menu-btn{justify-self:start;display:flex;align-items:center;justify-content:flex-start;width:44px;height:44px;padding:0;margin:0;background:none;border:0;color:var(--sf-green,#2F4A2E);cursor:pointer}
.sf-menu-btn svg{width:34px;height:34px}
.sfm{position:fixed;inset:0;z-index:1100;visibility:hidden;pointer-events:none}
.sfm.is-open{visibility:visible;pointer-events:auto}
.sfm__overlay{position:absolute;inset:0;background:rgba(20,30,20,.45);opacity:0;transition:opacity .25s}
.sfm.is-open .sfm__overlay{opacity:1}
.sfm__panel{position:absolute;top:0;left:0;height:100%;width:min(88vw,420px);background:#fff;padding:18px 28px 28px;transform:translateX(-100%);transition:transform .28s ease;overflow-y:auto;box-sizing:border-box}
.sfm.is-open .sfm__panel{transform:none}
.sfm__close{display:flex;margin:6px 0 44px auto;padding:6px;background:none;border:0;color:var(--sf-green,#2F4A2E);cursor:pointer}
.sfm__close svg{width:34px;height:34px}
.sfm__nav{display:block;margin:0;padding:0;list-style:none;border-top:1.5px solid var(--sf-green,#2F4A2E)}
.sfm__nav li{margin:0;border-bottom:1.5px solid var(--sf-green,#2F4A2E)}
.sfm__nav a{display:block;padding:34px 0;color:var(--sf-green,#2F4A2E);font-size:clamp(20px,5.6vw,26px);letter-spacing:.01em;text-transform:uppercase;text-decoration:none;line-height:1.1}
@media(prefers-reduced-motion:reduce){.sfm__overlay,.sfm__panel{transition:none}}
.sfp{background:#fff;padding:44px 16px 64px;color:var(--sf-ink,#1E2A1D)}
.sfp *{box-sizing:border-box}
.sfp__wrap{max-width:560px;margin:0 auto}
.sfp h1{margin:0 0 34px;text-align:center;font-size:clamp(30px,8.6vw,44px);line-height:1.1;font-weight:700;color:var(--sf-green,#2F4A2E)}
.sfp__tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;margin-bottom:22px;background:#F5F8EE;border-radius:20px}
.sfp__tab{height:56px;border:0;border-radius:15px;background:none;font:inherit;font-size:clamp(16px,4.6vw,19px);color:var(--sf-green,#2F4A2E);cursor:pointer}
.sfp__tab.is-active{background:var(--sf-green,#2F4A2E);color:#fff}
.sfp__card{padding:30px 24px 26px;background:#F5F8EE;border-radius:28px}
.sfp__panel[hidden]{display:none}
.sfp label{display:block;margin:0 0 12px;font-size:clamp(17px,4.8vw,20px);color:var(--sf-green,#2F4A2E)}
.sfp input,.sfp select,.sfp textarea{display:block;width:100%;margin:0 0 24px;padding:0 18px;height:60px;border:1.5px solid #C9D0C0;border-radius:20px;background:#fff;font:inherit;font-size:17px;color:var(--sf-ink,#1E2A1D);outline:0;appearance:none;-webkit-appearance:none}
.sfp textarea{height:150px;padding:16px 18px;resize:vertical}
.sfp select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none' stroke='%232F4A2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:44px}
.sfp input:focus,.sfp select:focus,.sfp textarea:focus{border-color:var(--sf-green,#2F4A2E)}
.sfp__btn{display:block;width:100%;height:64px;margin:6px 0 0;border:0;border-radius:20px;background:var(--sf-green,#2F4A2E);color:#fff;font:inherit;font-weight:600;font-size:clamp(18px,5vw,21px);cursor:pointer}
.sfp__btn:hover{background:var(--sf-green-2,#3E6140)}
.sfp__ok{margin:0 0 20px;padding:16px 18px;border-radius:16px;background:#E6EEDC;color:var(--sf-green,#2F4A2E);font-size:17px}
.sfp__err{margin:0 0 20px;padding:16px 18px;border-radius:16px;background:#FBE9E7;color:#B3261E;font-size:16px}
.sfp__hint{margin:-10px 0 20px;font-size:15px;color:#5B6657}