.seller-register-page {
    background: #f4f7fb;
    color: #26354d;
}

.seller-register-page .authentication-box {
    width: 100%;
    max-width: 1050px;
}

.seller-register-page .tab2-card {
    border: 0;
    border-radius: 0 18px 18px 0;
    box-shadow: 0 22px 65px rgba(30, 55, 90, .14);
    overflow: hidden;
}

.seller-register-page .card-right .card-body { padding: 32px 44px 27px; }
.seller-register-page #top-tab { display: none; }
.seller-register-page .tab-content { padding-top: 0; }
.seller-register-head { text-align: right; margin-bottom: 20px; }

.seller-register-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border-radius: 30px;
    background: #e9f8f4;
    color: #16866b;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
}

.seller-register-head h1 {
    font-size: 25px;
    line-height: 1.5;
    color: #17233b;
    margin: 0 0 4px;
    font-weight: 800;
}

.seller-register-head p { font-size: 13px; color: #7b879b; line-height: 1.9; margin: 0; }

.seller-steps {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 0 23px;
    padding: 0 16px;
    direction: rtl;
}

.seller-steps::before,
.seller-steps::after {
    content: "";
    position: absolute;
    top: 19px;
    right: 18%;
    height: 3px;
    border-radius: 3px;
}

.seller-steps::before { left: 18%; background: #e5eaf1; }
.seller-steps::after { width: 0; background: #20ad86; transition: width .35s ease; }
.seller-register-shell.is-step-two .seller-steps::after { width: 64%; }
.recover-shell.is-step-two .seller-steps::after { width: 64%; }

.seller-step {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #fff;
    color: #98a2b3;
}

.seller-step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf1f5;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #e1e7ef;
    font-size: 14px;
    font-weight: 800;
    transition: .3s;
}

.seller-step > span:last-child { text-align: right; line-height: 1.4; }
.seller-step strong { display: block; font-size: 13px; color: #667085; }
.seller-step small { display: block; font-size: 11px; color: #a5adba; }
.seller-step.active .seller-step-number,
.seller-register-shell.is-step-two .seller-step .seller-step-number { color: #fff; background: #20ad86; box-shadow: 0 0 0 4px #dcf5ed; }
.recover-shell.is-step-two .seller-step .seller-step-number { color: #fff; background: #20ad86; box-shadow: 0 0 0 4px #dcf5ed; }
.seller-step.active strong,
.seller-register-shell.is-step-two .seller-step strong { color: #17233b; }
.recover-shell.is-step-two .seller-step strong { color: #17233b; }
.seller-register-shell.is-step-two .seller-step:first-child .seller-step-number { font-size: 0; }
.seller-register-shell.is-step-two .seller-step:first-child .seller-step-number::before { content: "\2713"; font-size: 17px; }
.recover-shell.is-step-two .seller-step:first-child .seller-step-number { font-size: 0; }
.recover-shell.is-step-two .seller-step:first-child .seller-step-number::before { content: "\2713"; font-size: 17px; }

.seller-form-panel { animation: seller-fade .3s ease; }
@keyframes seller-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.seller-form-intro { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.seller-form-intro h4 { font-size: 15px; color: #24324a; margin: 0; font-weight: 700; }
.seller-form-intro span { font-size: 11px; color: #98a2b3; }
.seller-fields-row { margin-right: -7px; margin-left: -7px; }
.seller-fields-row > div { padding-right: 7px; padding-left: 7px; }
.seller-field { position: relative; margin-bottom: 12px; text-align: right; }
.seller-field label { display: block; font-size: 12px; font-weight: 700; color: #49566d; margin: 0 2px 6px; }
.seller-field > .fa { position: absolute; right: 15px; top: 39px; color: #9aa6b6; font-size: 15px; z-index: 3; }

.seller-register-page .seller-field .form-control {
    height: 46px;
    border: 1px solid #dce3ec;
    border-radius: 10px;
    background: #fbfcfe;
    color: #1f2d42;
    padding: 9px 42px 9px 13px;
    font-size: 13px;
    box-shadow: none;
    transition: .2s;
}

.seller-register-page .seller-field .form-control:focus { background: #fff; border-color: #20ad86; box-shadow: 0 0 0 3px rgba(32, 173, 134, .11); }
.seller-register-page .seller-field .form-control::placeholder { color: #adb5c2; }
.seller-register-page .seller-field .form-control[readonly] { background: #f0f3f7; color: #6c788b; }
.seller-field small { display: block; color: #929dad; font-size: 10px; margin: 5px 3px 0; }
.domain-field { direction: ltr; }
.domain-selector { margin-bottom: 8px; text-align: right; }
.domain-selector-title { display: block; font-size: 12px; font-weight: 700; color: #49566d; margin: 0 2px 8px; }
.domain-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 12px; }
.domain-option { position: relative; display: flex; align-items: center; gap: 9px; min-height: 70px; padding: 11px; margin: 0; border: 1px solid #dce3ec; border-radius: 12px; background: #fbfcfe; cursor: pointer; transition: .2s; }
.domain-option:hover { border-color: #9fdaca; background: #fff; }
.domain-option.active { border-color: #20ad86; background: #f2fcf9; box-shadow: 0 0 0 3px rgba(32,173,134,.08); }
.domain-option input { position: absolute; opacity: 0; pointer-events: none; }
.domain-option-icon { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; color: #607089; background: #edf1f5; }
.domain-option.active .domain-option-icon { color: #16866b; background: #dff6ef; }
.domain-option strong, .domain-option small { display: block; }
.domain-option strong { color: #344054; font-size: 12px; margin-bottom: 3px; }
.domain-option small { color: #98a2b3; font-size: 9px; line-height: 1.7; }
.domain-check { position: absolute; left: 9px; top: 9px; color: #20ad86; opacity: 0; }
.domain-option.active .domain-check { opacity: 1; }
.domain-input-panel[hidden], .domain-dns-help[hidden] { display: none !important; }
.domain-preview { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; margin: -4px 0 10px; border-radius: 9px; background: #f5f7fa; color: #778397; font-size: 10px; }
.domain-preview strong { color: #16866b; font-size: 12px; overflow-wrap: anywhere; }
.domain-dns-help { display: flex; align-items: flex-start; gap: 10px; padding: 12px; margin: 0 0 12px; border: 1px solid #cfe5f5; border-radius: 10px; background: #f3f9fd; color: #53657a; }
.domain-dns-help > .fa { color: #2987bd; font-size: 18px; margin-top: 2px; }
.domain-dns-help strong { display: block; color: #31506a; font-size: 12px; }
.domain-dns-help p { margin: 4px 0; font-size: 10px; line-height: 1.8; }
.domain-dns-help small { color: #78899a; font-size: 9px; }
.domain-ns-list { direction: ltr; display: flex; flex-wrap: wrap; gap: 6px; margin: 7px 0; }
.domain-ns-list code { direction: ltr; background: #fff; border: 1px solid #d7e7f2; border-radius: 6px; padding: 4px 7px; color: #245d7d; }
.domain-dns-unset { color: #a15c17; }
.seller-register-page .domain-field .form-control { padding-left: 13px; padding-right: 42px; border-radius: 10px 0 0 10px; }

.seller-register-page .domain-field .input-group-addon {
    display: flex;
    align-items: center;
    border: 1px solid #dce3ec;
    border-left: 0;
    background: #effaf7;
    color: #16866b;
    font-weight: 700;
    border-radius: 0 10px 10px 0;
    padding: 0 12px;
}

.seller-terms { display: flex; align-items: flex-start; justify-content: center; margin: 5px 0 18px; }
.seller-terms input { flex: 0 0 auto; margin: 2px 0 0 8px; width: 17px; height: 17px; accent-color: #20ad86; }
.seller-terms label { margin: 0; font-size: 12px; color: #667085; }
.seller-terms a { color: #16866b; font-weight: 700; }

.seller-primary-btn {
    width: 100%;
    height: 48px;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #20ad86, #168e72) !important;
    box-shadow: 0 8px 22px rgba(32, 173, 134, .25) !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 13px;
}

.seller-primary-btn:hover { transform: translateY(-1px); box-shadow: 0 11px 26px rgba(32, 173, 134, .3) !important; }
.seller-primary-btn .fa { margin-right: 7px; }
.seller-actions { display: flex; gap: 9px; margin-top: 1px; }
.seller-actions .seller-primary-btn { flex: 1; }

.seller-secondary-btn {
    width: 105px;
    height: 48px;
    border-radius: 10px !important;
    border: 1px solid #dce3ec !important;
    background: #fff !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-weight: 600;
}

.seller-login-link { text-align: center; margin-top: 18px; padding-top: 15px; border-top: 1px solid #edf0f4; }
.seller-login-link a { font-size: 12px; color: #667085; }
.seller-login-link strong { color: #16866b; margin-right: 4px; }
.seller-register-page .card-left .card { border-radius: 18px 0 0 18px; box-shadow: 0 22px 65px rgba(30, 55, 90, .14); background: linear-gradient(145deg, #173b68, #136f70) !important; }
.seller-register-page .card-left h3::after { content: "ساخت فروشگاه آنلاین، ساده و سریع"; display: block; font-size: 13px; font-weight: 400; line-height: 2; margin-top: 12px; opacity: .8; }
.seller-register-page #counterdown { display: inline-block; direction: ltr; background: #effaf7; color: #16866b; border-radius: 20px; padding: 3px 10px; margin: 5px 2px 0; font-size: 11px; font-weight: 700; }
.seller-register-page #counterdown2 { display: inline-block; direction: ltr; background: #effaf7; color: #16866b; border-radius: 20px; padding: 3px 10px; margin: 5px 2px 0; font-size: 11px; font-weight: 700; }

.login-page .card-right .card-body { padding-top: 48px; padding-bottom: 44px; }
.login-shell { max-width: 430px; margin: 0 auto; }
.login-shell .seller-register-head { margin-bottom: 28px; }
.login-shell .seller-field { margin-bottom: 17px; }
.login-options { display: flex; align-items: center; justify-content: space-between; margin: 0 2px 22px; font-size: 11px; }
.login-options label { display: flex; align-items: center; margin: 0; color: #667085; cursor: pointer; }
.login-options input { width: 16px; height: 16px; margin: 0 0 0 7px; accent-color: #20ad86; }
.login-options a { color: #16866b; font-weight: 600; }
.login-options a .fa { margin-left: 4px; }
.login-shell .seller-login-link { color: #667085; font-size: 12px; }
.recover-shell { max-width: 520px; margin: 0 auto; }
.recover-page .card-right .card-body { padding-top: 35px; }

@media (max-width: 767px) {
    .seller-register-page .authentication-box { padding: 14px; }
    .seller-register-page .card-right .card-body { padding: 24px 20px; }
    .seller-register-page .tab2-card { border-radius: 16px; }
    .seller-register-head h1 { font-size: 21px; }
    .seller-steps { padding: 0; }
    .seller-steps::before, .seller-steps::after { right: 20px; left: 20px; }
    .seller-register-shell.is-step-two .seller-steps::after { width: calc(100% - 40px); }
    .recover-shell.is-step-two .seller-steps::after { width: calc(100% - 40px); }
    .seller-step { gap: 6px; }
    .seller-step small { display: none; }
    .seller-step strong { font-size: 11px; }
    .seller-step-number { width: 36px; height: 36px; }
    .seller-register-page .back-btn { top: 12px; left: 12px; }
    .login-page .card-right .card-body { padding-top: 32px; padding-bottom: 28px; }
    .login-options { align-items: flex-start; gap: 12px; }
    .domain-options { grid-template-columns: 1fr; }
    .domain-preview { align-items: flex-start; flex-direction: column; }
}