.settings-container{font-family:var(--font);color:var(--text);background:#f5f5f5;max-width:480px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.settings-main{width:100%;transition:transform .3s}.settings-main.shifted{transform:translate(-30%)}.settings-header{background:var(--white);z-index:100;border-bottom:1px solid var(--border);align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.settings-header .back-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-right:12px;font-size:21px;text-decoration:none}.settings-header h1{color:var(--title);font-size:17px;font-family:var(--font_m);flex:1}.settings-group{background:var(--white);margin-bottom:8px}.settings-group-title{font-size:14px;font-family:var(--font_b);color:var(--text-sub);background:#f5f5f5;padding:12px 16px}.settings-item{background:var(--white);border-bottom:1px solid var(--border);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;text-decoration:none;display:flex}.settings-item:last-child{border-bottom:none}.settings-item-left{flex-direction:column;flex:1;padding-right:12px;display:flex}.settings-item-title{color:var(--title);font-size:14px}.settings-item-sub{color:var(--text-sub);margin-top:4px;font-size:12px}.settings-item i.bi-chevron-right{color:var(--text-sub);font-size:14px}.settings-item-value{color:var(--text);align-items:center;gap:6px;font-size:14px;display:flex}.settings-item-value.red-text{color:var(--red)}.settings-red-dot{background:var(--red);border-radius:50%;width:6px;height:6px;display:inline-block}.settings-toggle-label{cursor:pointer;align-items:center;display:inline-flex}.settings-toggle-input{display:none}.settings-toggle-switch{background:#ccc;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.settings-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.settings-toggle-input:checked+.settings-toggle-switch{background:var(--cyan)}.settings-toggle-input:checked+.settings-toggle-switch:after{transform:translate(18px)}.slide-panel{z-index:200;background:#f5f5f5;flex-direction:column;width:100%;min-height:100vh;transition:transform .3s;display:flex;position:absolute;top:0;left:0;transform:translate(100%)}.slide-panel.open{transform:translate(0)}.address-item{background:var(--white);border-bottom:1px solid var(--border);padding:16px}.address-row-1{align-items:baseline;margin-bottom:8px;display:flex}.address-name{font-size:15px;font-family:var(--font_m);color:var(--title);margin-right:8px}.address-phone{color:var(--text-sub);font-size:13px}.address-text{color:var(--text);margin-bottom:8px;font-size:13px;line-height:1.5}.address-badge{color:var(--red);border:1px solid var(--red);background:#fff;border-radius:2px;padding:2px 6px;font-size:10px;display:inline-block}.address-bottom-bar{background:var(--white);border-top:1px solid var(--border);margin-top:auto;padding:12px 16px;position:sticky;bottom:0}.btn-add-address{background:var(--white);width:100%;color:var(--red);border:1px solid var(--red);font-size:14px;font-family:var(--font_m);border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:12px;display:flex}.payment-section{padding:0 16px 12px}.payment-section-title{color:var(--text-sub);margin-bottom:8px;padding-left:4px;font-size:13px}.payment-card{background:var(--white);border-radius:8px;overflow:hidden}.payment-item{border-bottom:1px solid var(--border);color:var(--title);cursor:pointer;align-items:center;padding:16px;text-decoration:none;display:flex}.payment-item:last-child{border-bottom:none}.payment-icon{justify-content:center;align-items:center;margin-right:12px;font-size:20px;display:flex}.payment-icon.blue{color:#1976d2}.payment-icon.green{color:#388e3c}.payment-icon.gray{color:#999}.payment-icon.red{color:#e53935}.payment-info{flex-direction:column;flex:1;display:flex}.payment-title{font-size:14px;line-height:1.4}.payment-badges{align-items:center;gap:8px;margin-top:6px;display:flex}.payment-badge-text{color:var(--text-sub);font-size:11px}.payment-badge-pill{color:var(--text-sub);background:#f5f5f5;border-radius:10px;padding:2px 6px;font-size:10px}.payment-item i.bi-chevron-right{color:#ccc;font-size:16px}