.phone-settings{border:1px solid #dce5d3!important;background:linear-gradient(145deg,#fff,#f7faef)!important}.phone-settings-heading{display:flex;gap:17px;align-items:flex-start;margin-bottom:23px}.phone-settings-heading>span{display:grid;place-items:center;flex:0 0 54px;height:58px;border-radius:20px;background:#e6efda;color:#537647;font-size:30px}.phone-settings-heading small{font-size:10px;font-weight:800;letter-spacing:.07em;color:#829171}.phone-settings-heading h2{font-size:25px!important;line-height:1.3;margin:7px 0!important}.phone-settings-heading p{font-size:14px;color:#79866e;line-height:1.7;margin:0}.phone-verified{display:flex;align-items:center;gap:12px;background:#ebf4e5;border:1px solid #d6e5c9;border-radius:15px;padding:14px 17px;margin-bottom:22px;color:#3f6d39}.phone-verified>.ph{font-size:28px}.phone-verified strong,.phone-verified small{display:block}.phone-verified strong{font-size:18px}.phone-verified small{font-size:12px;margin-top:4px}.phone-number-step>label{display:block;font-size:14px;font-weight:800;margin-bottom:9px}.phone-input-row{display:flex;gap:10px}.phone-input-row input{flex:1;min-width:0;max-width:100%;height:53px!important;background:#fff!important;border:1px solid #d6ddcd!important;border-radius:13px!important;padding:12px 15px!important;font-size:17px!important;color:#2f4835}.phone-input-row button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:12px 18px;border:0;border-radius:13px;background:#315c40;color:#fff;font-size:14px;font-weight:800;cursor:pointer}.phone-input-row button:hover{background:#467b52}.phone-input-row button:disabled{opacity:.5;cursor:not-allowed}.phone-number-step>small{display:block;font-size:12px;color:#87927c;line-height:1.7;margin-top:10px}.phone-code-step>p{font-size:14px;color:#687d5b;line-height:1.7}.phone-code-actions{display:flex;gap:16px;justify-content:space-between;margin-top:13px}.phone-code-actions button{border:0;background:transparent;color:#567d47;font-size:12px;font-weight:800;padding:6px 0;cursor:pointer}.phone-code-actions button:disabled{opacity:.5;cursor:not-allowed}.phone-consent{display:flex!important;align-items:flex-start;gap:12px;padding:20px 0 0;margin-top:22px;border-top:1px solid #dfe7d5;cursor:pointer}.phone-consent input{flex:0 0 20px;width:20px!important;height:20px!important;margin:3px 0 0;accent-color:#4b7446}.phone-consent b{font-size:14px;color:#3c5939;line-height:1.6}.phone-consent small{display:block;font-size:12px;line-height:1.8;color:#849078;margin-top:5px}.phone-status{margin:15px 0 0;padding:12px 14px;background:#ecf3e4;border-radius:12px;color:#557847;font-size:13px;line-height:1.7}.phone-status.error,.seller-phone-error{color:#ad583b;background:#fff0e9}.phone-settings [hidden],.seller-phone-contact[hidden]{display:none!important}.seller-phone-button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;width:100%;border:1px solid #d7e0ce;border-radius:17px;padding:13px 18px;background:#f2f6e9;color:#42633a;cursor:pointer;text-align:left;font-family:inherit;box-sizing:border-box}.seller-phone-button:hover{background:#e6eed8;border-color:#a7bc91;color:#35582e}.seller-phone-button:disabled{opacity:.6;cursor:wait}.seller-phone-button>.ph{font-size:23px;flex-shrink:0}.seller-phone-button>span{flex:1}.seller-phone-button b{display:block;font-size:18px;letter-spacing:.025em;line-height:1.4}.seller-phone-button small{display:block;font-size:11px;color:#7e8f6e;margin-top:3px;line-height:1.6}.seller-phone-button.revealed{background:#eaf4e1}.seller-phone-error{border-radius:10px;padding:10px;font-size:12px;line-height:1.6}.phone-settings :is(button,input):focus-visible,.seller-phone-button:focus-visible{outline:3px solid #8ba974;outline-offset:3px}
.phone-settings{padding:26px}
@media(max-width:820px){body:has(.phone-settings:focus-within) .bottom-nav{display:none!important}.phone-settings :is(input,button){scroll-margin-block:150px 120px}}
@media(max-width:600px){.phone-settings{padding:22px}.phone-settings-heading{gap:12px}.phone-settings-heading>span{flex-basis:43px;height:48px;font-size:26px}.phone-settings-heading h2{font-size:21px!important}.phone-input-row{flex-direction:column}.phone-input-row button{width:100%}.phone-input-row input{flex:auto}.phone-code-actions{gap:10px;flex-wrap:wrap}.seller-phone-button{padding:12px 14px}.seller-phone-button b{font-size:17px}.phone-verified strong{font-size:17px}}
