/* DEKOHOP UYE OL SAYFASI
   Sadece /UyeOl sayfasini hedefler. Header, kategori, arama ve sepet paketlerine dokunmaz. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

html,
body {
    background: var(--dkh-uye-sayfa-arkaplan, #FFFFFF) !important;
    position: relative !important;
}

#newUyeOlSection {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: var(--dkh-uye-sayfa-ust-bosluk, 42px) auto var(--dkh-uye-sayfa-alt-bosluk, 70px) !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
}

#newUyeOlSection,
#newUyeOlSection * {
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
}

#newUyeOlSection .newUyeOlContainer,
#newUyeOlSection .newUyeOlRow,
#newUyeOlSection .newUyeOlCol,
#newUyeOlSection #FrmYeniUye {
    box-sizing: border-box !important;
}

#newUyeOlSection > .newUyeOlContainer,
#newUyeOlSection > .newUyeOlRow,
#newUyeOlSection .newUyeOlRow:has(#FrmYeniUye) {
    width: min(calc(100vw - 32px), var(--dkh-uye-kart-genislik, 650px)) !important;
    max-width: var(--dkh-uye-kart-genislik, 650px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#newUyeOlSection h1,
#newUyeOlSection h2,
#newUyeOlSection .newUyeOlTitle,
#newUyeOlSection .uyeOlTitle {
    margin: 0 0 22px !important;
    color: var(--dkh-uye-baslik-renk, #152747) !important;
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
    font-size: var(--dkh-uye-baslik-boyut, 22px) !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    letter-spacing: -.02em !important;
}

#newUyeOlSection .newUyeOlRow > h1,
#newUyeOlSection .newUyeOlRow > h2,
#newUyeOlSection .newUyeOlRow > .newUyeOlTitle,
#newUyeOlSection .newUyeOlRow > .uyeOlTitle {
    width: 100% !important;
}

#newUyeOlSection #FrmYeniUye {
    width: 100% !important;
    max-width: var(--dkh-uye-kart-genislik, 650px) !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#newUyeOlSection .newUyeOlCol {
    width: min(calc(100vw - 32px), var(--dkh-uye-kart-genislik, 650px)) !important;
    max-width: var(--dkh-uye-kart-genislik, 650px) !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: var(--dkh-uye-kart-padding, 26px) !important;
    border: 1px solid var(--dkh-uye-kart-kenarlik, #E1E4EA) !important;
    border-radius: var(--dkh-uye-kart-radius, 22px) !important;
    background: var(--dkh-uye-kart-arkaplan, #FFFFFF) !important;
    box-shadow: 0 22px 58px var(--dkh-uye-kart-golge, rgba(21, 39, 71, .10)) !important;
}

#newUyeOlSection .uyeOlAdSoyadRow,
#newUyeOlSection .uyeAdSoyadRow,
#newUyeOlSection .adresColRow,
#newUyeOlSection .dogumGunuRow,
#newUyeOlSection .newUyeOlRow {
    gap: var(--dkh-uye-alan-aralik, 12px) !important;
}

#newUyeOlSection .uyeOlColItem,
#newUyeOlSection .newUserWrapper,
#newUyeOlSection .plc_check_div {
    margin-bottom: var(--dkh-uye-alan-aralik, 12px) !important;
}

#newUyeOlSection input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#newUyeOlSection select,
#newUyeOlSection textarea {
    width: 100% !important;
    height: var(--dkh-uye-input-yukseklik, 54px) !important;
    min-height: var(--dkh-uye-input-yukseklik, 54px) !important;
    padding: 0 16px !important;
    border: 1px solid var(--dkh-uye-input-kenarlik, #DDE2EA) !important;
    border-radius: var(--dkh-uye-input-radius, 14px) !important;
    background-color: var(--dkh-uye-input-arkaplan, #F8FAFC) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8) !important;
    color: var(--dkh-uye-yazi-renk, #172033) !important;
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
    font-size: var(--dkh-uye-input-font, 14px) !important;
    font-weight: 650 !important;
    outline: none !important;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

#newUyeOlSection select {
    cursor: pointer !important;
    line-height: var(--dkh-uye-input-yukseklik, 54px) !important;
    text-overflow: ellipsis !important;
}

#newUyeOlSection .newUserWrapper select,
#newUyeOlSection .plc_check_div select,
#newUyeOlSection .webkitAppearance select,
#newUyeOlSection .dogumGunuRow select,
#newUyeOlSection .adresColRow select {
    border-radius: var(--dkh-uye-input-radius, 14px) !important;
    overflow: hidden !important;
}

#newUyeOlSection .newUserWrapper:has(select)::after,
#newUyeOlSection .plc_check_div:has(select)::after,
#newUyeOlSection .webkitAppearance:has(select)::after {
    right: var(--dkh-uye-select-ok-sag-bosluk, 14px) !important;
    pointer-events: none !important;
}

@media (min-width: 768px) {
    @supports (appearance: base-select) {
        #newUyeOlSection select,
        #newUyeOlSection select::picker(select) {
            appearance: base-select !important;
            -webkit-appearance: base-select !important;
        }

        #newUyeOlSection select {
            padding-right: var(--dkh-uye-select-sag-padding, 46px) !important;
        }

        #newUyeOlSection select::picker(select) {
            padding: var(--dkh-uye-acilir-padding, 6px) !important;
            border: 1px solid var(--dkh-uye-acilir-kenarlik, #E1E4EA) !important;
            border-radius: var(--dkh-uye-acilir-radius, 18px) !important;
            background: var(--dkh-uye-acilir-arkaplan, #FFFFFF) !important;
            box-shadow: 0 18px 42px var(--dkh-uye-acilir-golge, rgba(21, 39, 71, .16)) !important;
        }

        #newUyeOlSection select::picker-icon {
            display: none !important;
        }

        #newUyeOlSection select option {
            min-height: var(--dkh-uye-acilir-satir-yukseklik, 38px) !important;
            padding: 9px 12px !important;
            border-radius: var(--dkh-uye-acilir-satir-radius, 12px) !important;
            background: var(--dkh-uye-acilir-arkaplan, #FFFFFF) !important;
            color: var(--dkh-uye-yazi-renk, #172033) !important;
            font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
            font-size: var(--dkh-uye-input-font, 14px) !important;
            font-weight: 750 !important;
        }

        #newUyeOlSection select option:checked,
        #newUyeOlSection select option:hover {
            background: var(--dkh-uye-acilir-satir-hover, #F4F6FA) !important;
            color: var(--dkh-uye-acilir-satir-aktif-yazi, #B51F2E) !important;
        }
    }
}

#newUyeOlSection select option {
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
    font-weight: 650 !important;
    color: var(--dkh-uye-yazi-renk, #172033) !important;
    background: var(--dkh-uye-input-focus-arkaplan, #FFFFFF) !important;
}

#newUyeOlSection .selectbox,
#newUyeOlSection .selectBox,
#newUyeOlSection .selectList,
#newUyeOlSection .select-list,
#newUyeOlSection .dropdown-menu,
#newUyeOlSection .dropdown-content,
#newUyeOlSection .nice-select,
#newUyeOlSection .nice-select .list {
    border-radius: var(--dkh-uye-acilir-radius, 14px) !important;
    overflow: hidden !important;
    border-color: var(--dkh-uye-input-kenarlik, #DDE2EA) !important;
    box-shadow: 0 16px 34px rgba(21, 39, 71, .12) !important;
}

#newUyeOlSection .dkh-uye-select-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

#newUyeOlSection .dkh-uye-select-wrap > select {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#newUyeOlSection .dkh-uye-select-button {
    position: relative !important;
    width: 100% !important;
    height: var(--dkh-uye-input-yukseklik, 54px) !important;
    padding: 0 42px 0 16px !important;
    border: 1px solid var(--dkh-uye-input-kenarlik, #DDE2EA) !important;
    border-radius: var(--dkh-uye-input-radius, 14px) !important;
    background: var(--dkh-uye-input-arkaplan, #F8FAFC) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85) !important;
    color: var(--dkh-uye-yazi-renk, #172033) !important;
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
    font-size: var(--dkh-uye-input-font, 14px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: left !important;
    cursor: pointer !important;
    outline: none !important;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

#newUyeOlSection .dkh-uye-select-button::after {
    content: "⌄" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-54%) !important;
    color: var(--dkh-uye-acilir-ok-renk, #172033) !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

#newUyeOlSection .dkh-uye-select-wrap.is-open .dkh-uye-select-button {
    border-color: var(--dkh-uye-input-focus, #B51F2E) !important;
    background: var(--dkh-uye-input-focus-arkaplan, #FFFFFF) !important;
    box-shadow: 0 0 0 4px var(--dkh-uye-input-focus-golge, rgba(181, 31, 46, .10)) !important;
}

#newUyeOlSection .dkh-uye-select-list {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 8px) !important;
    z-index: 1500000100 !important;
    display: none !important;
    max-height: var(--dkh-uye-acilir-max-yukseklik, 250px) !important;
    padding: var(--dkh-uye-acilir-padding, 6px) !important;
    overflow: auto !important;
    border: 1px solid var(--dkh-uye-acilir-kenarlik, #E1E4EA) !important;
    border-radius: var(--dkh-uye-acilir-radius, 18px) !important;
    background: var(--dkh-uye-acilir-arkaplan, #FFFFFF) !important;
    box-shadow: 0 18px 42px var(--dkh-uye-acilir-golge, rgba(21, 39, 71, .16)) !important;
}

#newUyeOlSection .dkh-uye-select-wrap.is-open .dkh-uye-select-list {
    display: block !important;
}

#newUyeOlSection .dkh-uye-select-option {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: var(--dkh-uye-acilir-satir-yukseklik, 38px) !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border: 0 !important;
    border-radius: var(--dkh-uye-acilir-satir-radius, 12px) !important;
    background: transparent !important;
    color: var(--dkh-uye-yazi-renk, #172033) !important;
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
    font-size: var(--dkh-uye-input-font, 14px) !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    cursor: pointer !important;
}

#newUyeOlSection .dkh-uye-select-option:hover,
#newUyeOlSection .dkh-uye-select-option.is-selected {
    background: var(--dkh-uye-acilir-satir-hover, #F4F6FA) !important;
    color: var(--dkh-uye-acilir-satir-aktif-yazi, #B51F2E) !important;
}

#newUyeOlSection .newUserWrapper:has(select) > .placeholderLabel,
#newUyeOlSection .plc_check_div:has(select) > .placeholderLabel,
#newUyeOlSection .webkitAppearance:has(select) > .placeholderLabel,
#newUyeOlSection select + .placeholderLabel {
    display: none !important;
}

#newUyeOlSection input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
#newUyeOlSection select:focus,
#newUyeOlSection textarea:focus {
    border-color: var(--dkh-uye-input-focus, #B51F2E) !important;
    background-color: var(--dkh-uye-input-focus-arkaplan, #FFFFFF) !important;
    box-shadow: 0 0 0 4px var(--dkh-uye-input-focus-golge, rgba(181, 31, 46, .10)) !important;
}

#newUyeOlSection input::placeholder,
#newUyeOlSection textarea::placeholder {
    color: var(--dkh-uye-placeholder-renk, #8892A0) !important;
    font-weight: 600 !important;
}

#newUyeOlSection .placeholderLabel,
#newUyeOlSection label {
    color: var(--dkh-uye-label-renk, #4B5563) !important;
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
    font-weight: 750 !important;
}

#newUyeOlSection .isRequired,
#newUyeOlSection .alert-danger,
#newUyeOlSection .error,
#newUyeOlSection .field-validation-error {
    border-radius: 10px !important;
    color: var(--dkh-uye-hata-renk, #B51F2E) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

#newUyeOlSection .intl-tel-input,
#newUyeOlSection .iti {
    width: 100% !important;
}

#newUyeOlSection input[type="tel"],
#newUyeOlSection input[id*="Telefon"],
#newUyeOlSection input[id*="telefon"],
#newUyeOlSection input[id*="Cep"],
#newUyeOlSection input[id*="cep"],
#newUyeOlSection input[id*="Gsm"],
#newUyeOlSection input[id*="gsm"],
#newUyeOlSection input[name*="Telefon"],
#newUyeOlSection input[name*="telefon"],
#newUyeOlSection input[name*="Cep"],
#newUyeOlSection input[name*="cep"],
#newUyeOlSection input[name*="Gsm"],
#newUyeOlSection input[name*="gsm"],
#newUyeOlSection .intl-tel-input input,
#newUyeOlSection .iti input {
    padding-left: var(--dkh-uye-telefon-padding-sol, 92px) !important;
    text-indent: 0 !important;
}

#newUyeOlSection .selected-flag,
#newUyeOlSection .iti__selected-flag {
    width: var(--dkh-uye-telefon-bayrak-alan, 50px) !important;
    border-radius: 12px 0 0 12px !important;
}

#newUyeOlSection .checkboxItem {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: var(--dkh-uye-checkbox-yazi-bosluk, 8px) !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 10px 12px !important;
    border: 1px solid var(--dkh-uye-checkbox-kenarlik, #E4D7BC) !important;
    border-radius: var(--dkh-uye-checkbox-radius, 14px) !important;
    background: var(--dkh-uye-checkbox-arkaplan, #FFFBF1) !important;
    color: var(--dkh-uye-checkbox-yazi, #3B3327) !important;
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

#newUyeOlSection .checkboxItem input[type="checkbox"] {
    flex: 0 0 auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-block !important;
    width: var(--dkh-uye-checkbox-kutu-boyut, 24px) !important;
    min-width: var(--dkh-uye-checkbox-kutu-boyut, 24px) !important;
    max-width: var(--dkh-uye-checkbox-kutu-boyut, 24px) !important;
    height: var(--dkh-uye-checkbox-kutu-boyut, 24px) !important;
    min-height: var(--dkh-uye-checkbox-kutu-boyut, 24px) !important;
    max-height: var(--dkh-uye-checkbox-kutu-boyut, 24px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1.5px solid var(--dkh-uye-checkbox-kutu-kenarlik, #A9CDFD) !important;
    border-radius: var(--dkh-uye-checkbox-kutu-radius, 5px) !important;
    background: var(--dkh-uye-checkbox-kutu-arkaplan, #FFFFFF) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    vertical-align: middle !important;
}

#newUyeOlSection .checkboxItem input[type="checkbox"]:checked {
    border-color: var(--dkh-uye-checkbox-kutu-aktif, #B51F2E) !important;
    background:
        linear-gradient(135deg, transparent 0 47%, #FFFFFF 47% 58%, transparent 58%) center / 100% 100% no-repeat,
        var(--dkh-uye-checkbox-kutu-aktif, #B51F2E) !important;
}

#newUyeOlSection .checkboxItem a {
    color: var(--dkh-uye-link-renk, #B51F2E) !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

#newUyeOlSection .checkboxItem a:hover {
    text-decoration: underline !important;
}

#newUyeOlSection .checkboxItem label.newSocialChkSozlesme {
    display: none !important;
}

#newUyeOlSection .checkboxItem label.newSocialChkSozlesmeTranslate,
#newUyeOlSection .checkboxItem input[type="checkbox"] + label:not(.newSocialChkSozlesme),
#newUyeOlSection .checkboxItem label:not(.newSocialChkSozlesme) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

#newUyeOlSection #btnSave,
#newUyeOlSection .newUserLoginBtn,
#newUyeOlSection .login-button {
    width: 100% !important;
    height: var(--dkh-uye-buton-yukseklik, 54px) !important;
    margin-top: 14px !important;
    border: 1px solid var(--dkh-uye-buton-kenarlik, #152747) !important;
    border-radius: var(--dkh-uye-buton-radius, 15px) !important;
    background: var(--dkh-uye-buton-arkaplan, #152747) !important;
    box-shadow: 0 16px 34px var(--dkh-uye-buton-golge, rgba(21, 39, 71, .20)) !important;
    color: var(--dkh-uye-buton-yazi, #FFFFFF) !important;
    font-family: var(--dkh-uye-font, 'Inter', Arial, Helvetica, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    transition: transform .14s ease, background-color .14s ease, box-shadow .14s ease !important;
}

#newUyeOlSection #btnSave:hover,
#newUyeOlSection .newUserLoginBtn:hover,
#newUyeOlSection .login-button:hover {
    background: var(--dkh-uye-buton-hover-arkaplan, #B51F2E) !important;
    border-color: var(--dkh-uye-buton-hover-kenarlik, #B51F2E) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 18px 38px var(--dkh-uye-buton-hover-golge, rgba(181, 31, 46, .20)) !important;
}

#newUyeOlSection .uyeOlAdresDetay {
    border-radius: var(--dkh-uye-kart-radius, 22px) !important;
}

.dkh-uye-static-header-contact {
    position: absolute !important;
    top: var(--dkh-uye-header-contact-top, 31px) !important;
    left: var(--dkh-uye-header-contact-left, calc(50% - 236px)) !important;
    z-index: var(--dkh-uye-header-contact-z, 1500000002) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--dkh-uye-header-contact-gap, 8px) !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.dkh-uye-static-header-contact .dkh-header-contact-link {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--dkh-uye-header-contact-size, 34px) !important;
    min-width: var(--dkh-uye-header-contact-size, 34px) !important;
    height: var(--dkh-uye-header-contact-size, 34px) !important;
    min-height: var(--dkh-uye-header-contact-size, 34px) !important;
    border: 1px solid rgba(21, 39, 71, .08) !important;
    border-radius: 999px !important;
    background: #FFFFFF !important;
    box-shadow: 0 8px 22px rgba(21, 39, 71, .14) !important;
    text-decoration: none !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateZ(0) !important;
    transition: transform .16s ease, box-shadow .16s ease !important;
}

.dkh-uye-static-header-contact .dkh-header-contact-link:hover {
    transform: translateY(-1px) scale(1.04) !important;
    box-shadow: 0 12px 26px rgba(21, 39, 71, .18) !important;
}

.dkh-uye-static-header-contact .dkh-header-contact-link img {
    display: block !important;
    width: var(--dkh-uye-header-contact-img, 22px) !important;
    height: var(--dkh-uye-header-contact-img, 22px) !important;
    object-fit: contain !important;
}

.dkh-uye-static-header-contact .dkh-header-contact-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

@media (max-width: 767px) {
    .dkh-uye-static-header-contact {
        top: var(--dkh-uye-header-contact-top-mobil, 17px) !important;
        left: var(--dkh-uye-header-contact-left-mobil, 48px) !important;
        gap: var(--dkh-uye-header-contact-gap-mobil, 5px) !important;
    }

    .dkh-uye-static-header-contact .dkh-header-contact-link {
        width: var(--dkh-uye-header-contact-size-mobil, 27px) !important;
        min-width: var(--dkh-uye-header-contact-size-mobil, 27px) !important;
        height: var(--dkh-uye-header-contact-size-mobil, 27px) !important;
        min-height: var(--dkh-uye-header-contact-size-mobil, 27px) !important;
    }

    .dkh-uye-static-header-contact .dkh-header-contact-link img {
        width: var(--dkh-uye-header-contact-img-mobil, 18px) !important;
        height: var(--dkh-uye-header-contact-img-mobil, 18px) !important;
    }

    #newUyeOlSection {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: var(--dkh-uye-sayfa-ust-bosluk-mobil, 22px) !important;
        margin-bottom: var(--dkh-uye-sayfa-alt-bosluk-mobil, 44px) !important;
        padding-left: var(--dkh-uye-sayfa-yan-bosluk-mobil, 11px) !important;
        padding-right: var(--dkh-uye-sayfa-yan-bosluk-mobil, 11px) !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    #newUyeOlSection > .newUyeOlContainer,
    #newUyeOlSection > .newUyeOlRow,
    #newUyeOlSection .newUyeOlRow:has(#FrmYeniUye) {
        width: 100% !important;
        max-width: var(--dkh-uye-kart-genislik-mobil, 650px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #newUyeOlSection .newUyeOlCol {
        width: 100% !important;
        max-width: var(--dkh-uye-kart-genislik-mobil, 650px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: var(--dkh-uye-kart-padding-mobil, 16px) !important;
        border-radius: var(--dkh-uye-kart-radius-mobil, 18px) !important;
    }

    #newUyeOlSection .uyeOlAdSoyadRow,
    #newUyeOlSection .uyeAdSoyadRow,
    #newUyeOlSection .adresColRow,
    #newUyeOlSection .dogumGunuRow {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: var(--dkh-uye-alan-aralik-mobil, 10px) !important;
        height: auto !important;
    }

    #newUyeOlSection .dogumGunuRow {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    #newUyeOlSection input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    #newUyeOlSection select,
    #newUyeOlSection .dkh-uye-select-button,
    #newUyeOlSection textarea {
        height: var(--dkh-uye-input-yukseklik-mobil, 50px) !important;
        min-height: var(--dkh-uye-input-yukseklik-mobil, 50px) !important;
        font-size: var(--dkh-uye-input-font-mobil, 13px) !important;
        line-height: var(--dkh-uye-input-yukseklik-mobil, 50px) !important;
    }

    #newUyeOlSection .dkh-uye-select-list {
        max-height: var(--dkh-uye-acilir-max-yukseklik-mobil, 220px) !important;
        border-radius: var(--dkh-uye-acilir-radius-mobil, 16px) !important;
    }

    #newUyeOlSection .dkh-uye-select-option {
        min-height: var(--dkh-uye-acilir-satir-yukseklik-mobil, 34px) !important;
        font-size: var(--dkh-uye-input-font-mobil, 13px) !important;
    }

    #newUyeOlSection input[type="tel"],
    #newUyeOlSection input[id*="Telefon"],
    #newUyeOlSection input[id*="telefon"],
    #newUyeOlSection input[id*="Cep"],
    #newUyeOlSection input[id*="cep"],
    #newUyeOlSection input[id*="Gsm"],
    #newUyeOlSection input[id*="gsm"],
    #newUyeOlSection input[name*="Telefon"],
    #newUyeOlSection input[name*="telefon"],
    #newUyeOlSection input[name*="Cep"],
    #newUyeOlSection input[name*="cep"],
    #newUyeOlSection input[name*="Gsm"],
    #newUyeOlSection input[name*="gsm"],
    #newUyeOlSection .intl-tel-input input,
    #newUyeOlSection .iti input {
        padding-left: var(--dkh-uye-telefon-padding-sol-mobil, 86px) !important;
        text-indent: 0 !important;
    }

    #newUyeOlSection .dogumGunuRow select {
        padding-left: var(--dkh-uye-dogum-select-padding-sol-mobil, 8px) !important;
        padding-right: var(--dkh-uye-dogum-select-padding-sag-mobil, 22px) !important;
        font-size: var(--dkh-uye-dogum-select-font-mobil, 11px) !important;
        line-height: normal !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #newUyeOlSection .dogumGunuRow .newUserWrapper:has(select)::after,
    #newUyeOlSection .dogumGunuRow .plc_check_div:has(select)::after,
    #newUyeOlSection .dogumGunuRow .webkitAppearance:has(select)::after {
        right: var(--dkh-uye-dogum-select-ok-sag-mobil, 7px) !important;
        width: 16px !important;
    }

    #newUyeOlSection .checkboxItem {
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: var(--dkh-uye-checkbox-yazi-bosluk-mobil, 8px) !important;
        font-size: 11.5px !important;
        padding: 9px 10px !important;
    }
}

#newUyeOlSection input#txtCepTelefon,
#newUyeOlSection input[name="txtCepTelefon"],
#newUyeOlSection input[ng-model="UyeModel.CepTelefon"] {
    padding-left: var(--dkh-uye-telefon-padding-sol, 92px) !important;
}

@media (max-width: 767px) {
    #newUyeOlSection input#txtCepTelefon,
    #newUyeOlSection input[name="txtCepTelefon"],
    #newUyeOlSection input[ng-model="UyeModel.CepTelefon"] {
        padding-left: var(--dkh-uye-telefon-padding-sol-mobil, 86px) !important;
    }
}

/* ==========================================================
   DEKOHOP UYE OL - KOLAY AYARLAR
   ========================================================== */
:root {
    --dkh-uye-font: 'Inter', Arial, Helvetica, sans-serif;
    --dkh-uye-sayfa-arkaplan: #FFFFFF;
    --dkh-uye-sayfa-genislik: 980px;
    --dkh-uye-sayfa-ust-bosluk: 42px;
    --dkh-uye-sayfa-alt-bosluk: 70px;
    --dkh-uye-sayfa-yan-bosluk-mobil: 11px;
    --dkh-uye-kart-genislik: 650px;
    --dkh-uye-kart-genislik-mobil: 650px;
    --dkh-uye-kart-padding: 26px;
    --dkh-uye-kart-padding-mobil: 16px;
    --dkh-uye-kart-radius: 22px;
    --dkh-uye-kart-radius-mobil: 18px;
    --dkh-uye-kart-arkaplan: #FFFFFF;
    --dkh-uye-kart-kenarlik: #E1E4EA;
    --dkh-uye-kart-golge: rgba(21, 39, 71, .10);
    --dkh-uye-baslik-renk: #152747;
    --dkh-uye-baslik-boyut: 22px;
    --dkh-uye-yazi-renk: #172033;
    --dkh-uye-label-renk: #4B5563;
    --dkh-uye-placeholder-renk: #8892A0;
    --dkh-uye-input-yukseklik: 54px;
    --dkh-uye-input-yukseklik-mobil: 50px;
    --dkh-uye-input-font: 14px;
    --dkh-uye-input-font-mobil: 13px;
    --dkh-uye-dogum-select-font-mobil: 11px;
    --dkh-uye-dogum-select-padding-sol-mobil: 8px;
    --dkh-uye-dogum-select-padding-sag-mobil: 22px;
    --dkh-uye-dogum-select-ok-sag-mobil: 7px;
    --dkh-uye-input-radius: 14px;
    --dkh-uye-select-ok-sag-bosluk: 14px;
    --dkh-uye-select-sag-padding: 46px;
    --dkh-uye-acilir-radius: 18px;
    --dkh-uye-acilir-radius-mobil: 16px;
    --dkh-uye-acilir-arkaplan: #FFFFFF;
    --dkh-uye-acilir-kenarlik: #E1E4EA;
    --dkh-uye-acilir-golge: rgba(21, 39, 71, .16);
    --dkh-uye-acilir-padding: 6px;
    --dkh-uye-acilir-max-yukseklik: 250px;
    --dkh-uye-acilir-max-yukseklik-mobil: 220px;
    --dkh-uye-acilir-ok-renk: #172033;
    --dkh-uye-acilir-satir-yukseklik: 38px;
    --dkh-uye-acilir-satir-yukseklik-mobil: 34px;
    --dkh-uye-acilir-satir-radius: 12px;
    --dkh-uye-acilir-satir-hover: #F4F6FA;
    --dkh-uye-acilir-satir-aktif-yazi: #B51F2E;
    --dkh-uye-input-arkaplan: #F8FAFC;
    --dkh-uye-input-focus-arkaplan: #FFFFFF;
    --dkh-uye-input-kenarlik: #DDE2EA;
    --dkh-uye-input-focus: #B51F2E;
    --dkh-uye-input-focus-golge: rgba(181, 31, 46, .10);
    --dkh-uye-alan-aralik: 12px;
    --dkh-uye-alan-aralik-mobil: 10px;
    --dkh-uye-checkbox-radius: 14px;
    --dkh-uye-checkbox-kutu-boyut: 24px;
    --dkh-uye-checkbox-kutu-radius: 5px;
    --dkh-uye-checkbox-kutu-arkaplan: #FFFFFF;
    --dkh-uye-checkbox-kutu-kenarlik: #A9CDFD;
    --dkh-uye-checkbox-kutu-aktif: #B51F2E;
    --dkh-uye-checkbox-yazi-bosluk: 8px;
    --dkh-uye-checkbox-yazi-bosluk-mobil: 8px;
    --dkh-uye-checkbox-arkaplan: #FFFBF1;
    --dkh-uye-checkbox-kenarlik: #E4D7BC;
    --dkh-uye-checkbox-yazi: #3B3327;
    --dkh-uye-link-renk: #B51F2E;
    --dkh-uye-hata-renk: #B51F2E;
    --dkh-uye-buton-yukseklik: 54px;
    --dkh-uye-buton-radius: 15px;
    --dkh-uye-buton-arkaplan: #152747;
    --dkh-uye-buton-kenarlik: #152747;
    --dkh-uye-buton-yazi: #FFFFFF;
    --dkh-uye-buton-golge: rgba(21, 39, 71, .20);
    --dkh-uye-buton-hover-arkaplan: #B51F2E;
    --dkh-uye-buton-hover-kenarlik: #B51F2E;
    --dkh-uye-buton-hover-golge: rgba(181, 31, 46, .20);
    --dkh-uye-telefon-padding-sol: 92px;
    --dkh-uye-telefon-padding-sol-mobil: 86px;
    --dkh-uye-telefon-bayrak-alan: 50px;
    --dkh-uye-header-contact-top: -125px;
    --dkh-uye-header-contact-left: calc(50% - 236px);
    --dkh-uye-header-contact-size: 34px;
    --dkh-uye-header-contact-img: 22px;
    --dkh-uye-header-contact-gap: 8px;
    --dkh-uye-header-contact-top-mobil: -56px;
    --dkh-uye-header-contact-left-mobil: 48px;
    --dkh-uye-header-contact-size-mobil: 27px;
    --dkh-uye-header-contact-img-mobil: 18px;
    --dkh-uye-header-contact-gap-mobil: 5px;
}