:root {
    --nss-font:
        "Inter Tight",
        var(--e-global-typography-primary-font-family, Arial),
        Arial,
        sans-serif;

    --nss-lacivert: #19294d;
    --nss-lacivert-koyu: #101d39;
    --nss-yesil: #00bd7e;
    --nss-yesil-koyu: #00a76f;
    --nss-metin: #17233d;
    --nss-ikincil: #667085;
    --nss-beyaz: #ffffff;
    --nss-zemin: #f5f7fb;
    --nss-kenarlik: #e4e8f0;
    --nss-kenarlik-koyu: #dce2eb;

    --nss-hata: #e5484d;
    --nss-hata-zemin: #fff5f5;
    --nss-hata-kenarlik: #ffd8d9;

    --nss-maksimum-genislik: 100%;

    --nss-hero-alt-bosluk: 26px;
    --nss-hero-dikey: 28px;
    --nss-hero-yatay: 30px;
    --nss-hero-gap: 28px;
    --nss-hero-radius: 22px;

    --nss-form-dikey: 24px;
    --nss-form-yatay: 24px;
    --nss-form-radius: 22px;
    --nss-form-satir-aralik: 16px;

    --nss-input-yukseklik: 50px;
    --nss-input-radius: 12px;
    --nss-input-yazi: 15px;

    --nss-buton-yukseklik: 50px;
    --nss-buton-radius: 13px;
}

body.noktal-yeni-sifre-sayfasi .woocommerce,
body.noktal-yeni-sifre-sayfasi .woocommerce *,
body.noktal-yeni-sifre-sayfasi .woocommerce *::before,
body.noktal-yeni-sifre-sayfasi .woocommerce *::after {
    box-sizing: border-box;
    font-family: var(--nss-font) !important;
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--nss-hero-gap);
    width: 100%;
    margin: 0 auto var(--nss-hero-alt-bosluk);
    padding: var(--nss-hero-dikey) var(--nss-hero-yatay);
    border: 1px solid rgba(25, 41, 77, .08);
    border-radius: var(--nss-hero-radius);
    background: var(--nss-beyaz);
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 7px !important;
    color: var(--nss-yesil-koyu) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .11em;
    text-transform: uppercase;
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-eyebrow::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--nss-yesil);
    content: "";
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-title {
    margin: 0 !important;
    color: var(--nss-lacivert) !important;
    font-size: clamp(28px, 3vw, 34px) !important;
    font-weight: 650 !important;
    line-height: 1.08 !important;
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-subtitle {
    margin: 9px 0 0 !important;
    color: var(--nss-ikincil) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-steps {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-steps li {
    display: flex;
    align-items: center;
    color: #7b8495;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-steps li:not(:last-child)::after {
    width: 34px;
    height: 1px;
    margin: 0 10px;
    background: #d8dee9;
    content: "";
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-number {
    display: inline-grid;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    place-items: center;
    border: 1px solid #d8dee9;
    border-radius: 50%;
    background: #fff;
    font-size: 12px !important;
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-steps .is-done {
    color: var(--nss-yesil-koyu);
}

body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-steps .is-active {
    color: var(--nss-lacivert);
}

body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword.lost_reset_password {
    width: 100% !important;
    margin: 0 auto !important;
    padding: var(--nss-form-dikey) var(--nss-form-yatay) !important;
    border: 1px solid var(--nss-kenarlik) !important;
    border-radius: var(--nss-form-radius) !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword > p:not(.woocommerce-form-row) {
    margin: 0 0 22px !important;
    padding: 15px 16px !important;
    border: 1px solid var(--nss-kenarlik) !important;
    border-radius: 13px !important;
    background: var(--nss-zemin) !important;
    color: var(--nss-ikincil) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword .form-row {
    width: 100% !important;
    margin: 0 0 var(--nss-form-satir-aralik) !important;
    padding: 0 !important;
    float: none !important;
}

body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword label {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--nss-metin) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword .password-input {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword input[type="password"],
body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword input.input-text {
    display: block !important;
    width: 100% !important;
    height: var(--nss-input-yukseklik) !important;
    margin: 0 !important;
    padding: 0 44px 0 16px !important;
    border: 1px solid var(--nss-kenarlik-koyu) !important;
    border-radius: var(--nss-input-radius) !important;
    outline: 0 !important;
    background: #fff !important;
    color: var(--nss-metin) !important;
    font-size: var(--nss-input-yazi) !important;
    box-shadow: none !important;
}

body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword input:focus {
    border-color: var(--nss-yesil) !important;
}

body.noktal-yeni-sifre-sayfasi .woocommerce-password-strength {
    margin: 8px 0 0 !important;
    padding: 11px 13px !important;
    border: 1px solid var(--nss-kenarlik) !important;
    border-radius: 11px !important;
    background: var(--nss-zemin) !important;
    color: var(--nss-ikincil) !important;
    font-size: 12px !important;
}

body.noktal-yeni-sifre-sayfasi .woocommerce-password-strength.strong {
    border-color: #ccefd3 !important;
    background: #f3fbf5 !important;
    color: var(--nss-yesil-koyu) !important;
}

body.noktal-yeni-sifre-sayfasi .woocommerce-password-strength.short,
body.noktal-yeni-sifre-sayfasi .woocommerce-password-strength.bad {
    border-color: var(--nss-hata-kenarlik) !important;
    background: var(--nss-hata-zemin) !important;
    color: var(--nss-hata) !important;
}

body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: var(--nss-buton-yukseklik) !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: var(--nss-buton-radius) !important;
    background: var(--nss-lacivert) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    cursor: pointer;
}

body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword button:hover {
    background: var(--nss-lacivert-koyu) !important;
}

@media (max-width: 767px) {
    body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-hero {
        display: block;
        padding: 22px 18px;
        border-radius: 18px;
        text-align: center;
    }

    body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-eyebrow {
        justify-content: center;
    }

    body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-title {
        font-size: 24px !important;
    }

    body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-subtitle {
        font-size: 14px !important;
    }

    body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-steps {
        justify-content: space-between;
        margin-top: 20px;
        padding-top: 17px;
        border-top: 1px solid var(--nss-kenarlik);
    }

    body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-steps li {
        display: grid;
        flex: 1;
        justify-items: center;
        gap: 6px;
        font-size: 11px !important;
    }

    body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-steps li:not(:last-child)::after {
        display: none;
    }

    body.noktal-yeni-sifre-sayfasi .noktal-yeni-sifre-number {
        width: 27px;
        height: 27px;
        margin: 0;
    }

    body.noktal-yeni-sifre-sayfasi form.woocommerce-ResetPassword.lost_reset_password {
        padding: 17px !important;
        border-radius: 18px !important;
    }
}