@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

/* PAU member theme: shared visual system for registration, renewal, and member panel pages. */

/* Registration page legacy styles, scoped. */
body.pau-register-page .site-header { display: none !important; }

    body.pau-register-page .site-loading { display: none !important; }

    body.pau-register-page .site-footer { display: none !important; }

    body.pau-register-page .site-main { padding: 0 !important; margin: 0 !important; }


    body.pau-register-page *,
body.pau-register-page *::before,
body.pau-register-page *::after { box-sizing: border-box; }


    body.pau-register-page {
        background: #0a1628;
        font-family: 'Barlow', system-ui, sans-serif;
    }


    body.pau-register-page,
body.pau-register-page *:not(i):not([class*="fa-"]):not([class*="fab"]):not([class*="fas"]):not([class*="far"]):not([class*="fal"]) {
        font-family: 'Barlow', system-ui, sans-serif !important;
    }


    body.pau-register-page i.fa,
body.pau-register-page i.fas,
body.pau-register-page i.far,
body.pau-register-page i.fab,
body.pau-register-page i.fal,
body.pau-register-page [class*="fa-"],
body.pau-register-page [class^="fa-"] {
        font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
    }


    body.pau-register-page .pau-online-page {
        min-height: 100vh;
        background: #0a1628 url('/assets/img/hero.jpg') center center / cover no-repeat;
        position: relative;
        color: #fff;
        padding: 2.5rem 1.5rem 3rem;
        font-family: 'Barlow', system-ui, sans-serif;
    }


    body.pau-register-page .pau-online-page::before {
        content: "";
        position: fixed;
        inset: 0;
        background: linear-gradient(to bottom, rgba(10,22,40,0.88) 0%, rgba(10,22,40,0.72) 38%, rgba(10,22,40,0.96) 100%);
        pointer-events: none;
        z-index: 0;
    }


    body.pau-register-page .pau-online-page > .section {
        position: relative;
        z-index: 1;
        background: transparent !important;
        padding: 0 !important;
    }


    body.pau-register-page .pau-online-page .section::before,
body.pau-register-page .pau-online-page .section::after,
body.pau-register-page .pau-online-page .widget-page-title::before,
body.pau-register-page .pau-online-page .widget-page-title::after,
body.pau-register-page .pau-online-page .widget-contact-form::before,
body.pau-register-page .pau-online-page .widget-contact-form::after,
body.pau-register-page .pau-online-page .wrapper-inner::before,
body.pau-register-page .pau-online-page .wrapper-inner::after {
        display: none !important;
        content: none !important;
    }


    body.pau-register-page .pau-online-page .wrapper-inner {
        width: 100%;
        max-width: 1120px;
        margin: 0 auto;
        padding: 0 !important;
    }


    body.pau-register-page .pau-online-page .widget-page-title {
        background: transparent !important;
        text-align: center;
        margin: 0;
        padding: 2rem 0 0 !important;
    }


    body.pau-register-page .pau-online-page .widget-page-title .widget-background {
        display: none !important;
    }


    body.pau-register-page .pau-form-logo {
        margin: 0 auto 1.6rem;
        text-align: center;
    }


    body.pau-register-page .pau-form-logo img {
        width: 72px;
        height: 72px;
        filter: drop-shadow(0 2px 14px rgba(0,0,0,0.6));
    }


    body.pau-register-page .pau-online-page .widget-page-title h1 {
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: clamp(1.8rem, 4vw, 2.8rem);
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #fff;
        margin: 0;
        width: 100% !important;
        max-width: none !important;
    }


    body.pau-register-page .pau-online-page .widget-page-title p {
        display: none !important;
        max-width: 760px;
        margin: 0.8rem auto 0;
        color: rgba(255,255,255,0.58);
        font-size: 0.92rem;
        line-height: 1.6;
        font-weight: 600;
    }


    body.pau-register-page .pau-eyebrow {
        margin: 0 0 0.5rem;
        color: rgba(255,255,255,0.45);
        font-size: 0.68rem;
        font-weight: 600;
        letter-spacing: 0.28em;
        text-transform: uppercase;
    }


    body.pau-register-page .pau-online-page .widget-breadcrumb {
        margin-top: 0.85rem !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        text-align: center !important;
    }


    body.pau-register-page .pau-online-page .widget-breadcrumb ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
    }


    body.pau-register-page .pau-online-page .widget-breadcrumb a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        color: rgba(255,255,255,0.54) !important;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        text-decoration: none;
        transition: color 0.22s;
    }


    body.pau-register-page .pau-online-page .widget-breadcrumb a::before {
        content: "\f060";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 0.75rem;
    }


    body.pau-register-page .pau-online-page .widget-breadcrumb a:hover {
        color: #fff !important;
        text-decoration: none;
    }


    body.pau-register-page .pau-divider {
        width: 40px;
        height: 2px;
        background: rgba(255,255,255,0.25);
        margin: 1.2rem auto 2rem;
    }


    body.pau-register-page .pau-online-page .widget-contact-form {
        width: 100%;
        margin: 0 auto !important;
        padding: 1.75rem;
        border-radius: 6px;
        border: 1px solid rgba(255,255,255,0.14);
        background: rgba(255,255,255,0.06);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }


    body.pau-register-page .pau-online-page .widget-contact-form > .data-form > form {
        padding: 0.25rem 0;
    }


    body.pau-register-page .pau-online-page .widget-contact-form h5 {
        margin: 0 0 1rem;
        color: rgba(255,255,255,0.88);
        font-size: 0.9rem !important;
        font-weight: 900;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }


    body.pau-register-page .pau-online-page .widget-contact-form > hr,
body.pau-register-page .pau-online-page .data-form hr {
        border: 0;
        border-top: 1px solid rgba(255,255,255,0.12);
        margin: 1rem 0;
    }


    body.pau-register-page .pau-online-page .data-form {
        color: rgba(255,255,255,0.78);
        font-size: 0.9rem;
        line-height: 1.55;
    }


    body.pau-register-page .pau-online-page .data-form .row {
        margin-left: -0.45rem;
        margin-right: -0.45rem;
    }


    body.pau-register-page .pau-online-page .data-form form > .row {
        max-width: 1040px;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    body.pau-register-page .pau-cinsiyet-select {
        width: 100%;
        height: 46px;
        padding: 0 12px;
        background-color: #fff;
        border: 1px solid #d6d8db;
        color: #333;
        font-family: 'Barlow', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23555' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 14px center;
    }

    body.pau-register-page .pau-cinsiyet-select.pau-locked {
        background-color: #f4f4f4 !important;
        color: #555 !important;
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.9;
    }


    body.pau-register-page #divTcknSorgula { order: 10; }

    body.pau-register-page #divOgrDegilUyari { order: 11; width: 100%; }

    body.pau-register-page #divKayitSablonu { order: 20; }

    body.pau-register-page #divFiyatBilgi { order: 21; }

    body.pau-register-page #divBaslangicBilgi { order: 22; }

    body.pau-register-page #divKayitTarihi { order: 23; width: 100%; }

    body.pau-register-page #divBilgiAlani { order: 30; width: 100%; }


    body.pau-register-page .pau-online-page > .section > .wrapper-inner > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    body.pau-register-page .pau-online-page .data-form [class*="col-"] {
        padding: 0.45rem;
        margin-bottom: 0.35rem !important;
    }


    body.pau-register-page #divKayitSablonu,
body.pau-register-page #divBaslangicBilgi,
body.pau-register-page #divFiyatBilgi {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }


    body.pau-register-page #divBilgiAlani.row,
body.pau-register-page #divBilgiAlani2.row,
body.pau-register-page #divBilgiAlani3.row,
body.pau-register-page #divOgrDegilUyari.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    body.pau-register-page #divTcknSorgula .form-group {
        margin-bottom: 0;
    }


    body.pau-register-page #divTcknSorgula .input-group {
        align-items: stretch;
    }


    body.pau-register-page #divTcknSorgula .input-group-append {
        flex: 0 0 auto;
    }


    body.pau-register-page #btnSorgula {
        height: 2.9rem;
        min-height: 2.9rem;
        margin: 0 !important;
        white-space: nowrap;
    }


    body.pau-register-page .pau-online-page .data-form p {
        color: rgba(255,255,255,0.68);
        margin: 0 0 0.45rem;
        font-size: 0.86rem;
        font-weight: 600;
    }


    body.pau-register-page .pau-online-page .data-form a {
        color: #facc15;
        font-weight: 800;
        text-decoration: none;
    }


    body.pau-register-page .pau-online-page .data-form a:hover {
        color: #fde68a;
        text-decoration: none;
    }


    body.pau-register-page .pau-online-page select,
body.pau-register-page .pau-online-page textarea,
body.pau-register-page .pau-online-page input[type="text"],
body.pau-register-page .pau-online-page input[type="date"],
body.pau-register-page .pau-online-page input[type="password"],
body.pau-register-page .pau-online-page input[type="email"],
body.pau-register-page .pau-online-page input[type="tel"],
body.pau-register-page .pau-online-page input[type="number"] {
        width: 100% !important;
        min-height: 2.9rem;
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 4px;
        background: rgba(13,24,38,0.54);
        color: #fff;
        outline: none;
        padding: 0.78rem 0.9rem;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.92rem;
        font-weight: 650;
        line-height: 1.2 !important;
        box-sizing: border-box;
        transition: border-color 0.2s, background 0.2s;
        box-shadow: none !important;
    }


    body.pau-register-page .pau-online-page select,
body.pau-register-page .pau-online-page input[type="text"],
body.pau-register-page .pau-online-page input[type="date"],
body.pau-register-page .pau-online-page input[type="password"],
body.pau-register-page .pau-online-page input[type="email"],
body.pau-register-page .pau-online-page input[type="tel"],
body.pau-register-page .pau-online-page input[type="number"] {
        height: 2.9rem !important;
    }


    body.pau-register-page .pau-online-page select {
        appearance: auto;
    }


    body.pau-register-page .pau-online-page textarea {
        min-height: 7rem;
        height: auto !important;
        resize: vertical;
    }


    body.pau-register-page .pau-online-page select:focus,
body.pau-register-page .pau-online-page textarea:focus,
body.pau-register-page .pau-online-page input[type="text"]:focus,
body.pau-register-page .pau-online-page input[type="date"]:focus,
body.pau-register-page .pau-online-page input[type="password"]:focus {
        border-color: rgba(250,204,21,0.55);
        background: rgba(13,24,38,0.76);
    }


    body.pau-register-page .pau-online-page input::placeholder,
body.pau-register-page .pau-online-page textarea::placeholder {
        color: rgba(255,255,255,0.34);
    }


    body.pau-register-page .pau-online-page select option {
        background: #1f2d3c;
        color: #fff;
    }


    body.pau-register-page .pau-online-page input[readonly],
body.pau-register-page .pau-online-page textarea[readonly] {
        color: rgba(255,255,255,0.88);
        background: rgba(13,24,38,0.62);
        border-color: rgba(255,255,255,0.12);
        cursor: default;
    }


    body.pau-register-page .pau-online-page input[readonly]:focus,
body.pau-register-page .pau-online-page textarea[readonly]:focus {
        border-color: rgba(255,255,255,0.12);
        background: rgba(13,24,38,0.62);
    }


    body.pau-register-page .pau-file-control {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        border: 1px dashed rgba(255,255,255,0.2);
        border-radius: 4px;
        background: rgba(13,24,38,0.44);
        padding: 0.72rem;
        min-height: 3rem;
        position: relative;
    }


    body.pau-register-page .pau-file-control .pau-file-input {
        position: absolute !important;
        opacity: 0 !important;
        width: 1px !important;
        height: 1px !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
        pointer-events: none !important;
        background: transparent !important;
    }


    body.pau-register-page .pau-file-control .pau-file-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,0.16);
        background: rgba(255,255,255,0.08);
        color: #fff !important;
        border-radius: 4px;
        padding: 0.5rem 0.85rem;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.78rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        cursor: pointer;
        margin: 0 !important;
        white-space: nowrap;
        line-height: 1;
        transition: background 0.18s ease, border-color 0.18s ease;
    }


    body.pau-register-page .pau-file-control .pau-file-button:hover,
body.pau-register-page .pau-file-control .pau-file-input:focus + .pau-file-button {
        background: rgba(255,255,255,0.14);
        border-color: rgba(255,255,255,0.32);
        color: #fff !important;
    }


    body.pau-register-page .pau-file-control .pau-file-name {
        color: rgba(255,255,255,0.62);
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.86rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.01em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex: 1 1 auto;
        min-width: 0;
    }


    body.pau-register-page .pau-online-page .input-group {
        display: flex !important;
        align-items: stretch;
        flex-wrap: nowrap !important;
        width: 100%;
    }


    body.pau-register-page .pau-online-page .input-group .form-control,
body.pau-register-page .pau-online-page .input-group input {
        flex: 1 1 auto;
        min-width: 0;
        width: auto !important;
    }


    body.pau-register-page .pau-online-page .input-group-append,
body.pau-register-page .pau-online-page .input-group-addon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }


    body.pau-register-page .pau-online-page .input-group-addon {
        width: 3rem;
        min-height: 2.9rem;
        padding: 0 !important;
        border: 1px solid rgba(255,255,255,0.16);
        border-left: 0;
        border-radius: 0 4px 4px 0;
        background: rgba(255,255,255,0.06);
    }


    body.pau-register-page .pau-online-page .input-group-addon a {
        color: rgba(255,255,255,0.6);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }


    body.pau-register-page .pau-online-page .form-check-inline,
body.pau-register-page .pau-online-page .align-left {
        color: rgba(255,255,255,0.76);
        font-size: 0.9rem;
        font-weight: 700;
    }


    body.pau-register-page .pau-online-page input[type="radio"],
body.pau-register-page .pau-online-page input[type="checkbox"] {
        accent-color: #facc15;
        transform: translateY(1px);
        margin-right: 0.42rem;
    }


    body.pau-register-page .pau-online-page .btn,
body.pau-register-page .pau-online-page button,
body.pau-register-page .pau-online-page input[type="submit"],
body.pau-register-page .pau-online-page input[type="button"] {
        min-height: 2.85rem;
        border-radius: 4px !important;
        border: 1px solid rgba(255,255,255,0.16) !important;
        background: rgba(255,255,255,0.07) !important;
        color: rgba(255,255,255,0.88) !important;
        padding: 0.72rem 1.05rem !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        font-size: 0.78rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase;
        cursor: pointer;
        text-decoration: none;
        box-shadow: none !important;
    }


    body.pau-register-page .pau-online-page .btn:hover,
body.pau-register-page .pau-online-page button:hover,
body.pau-register-page .pau-online-page input[type="submit"]:hover,
body.pau-register-page .pau-online-page input[type="button"]:hover {
        background: rgba(255,255,255,0.12) !important;
        border-color: rgba(255,255,255,0.32) !important;
        color: #fff !important;
    }


    body.pau-register-page .pau-online-page .btn-primary,
body.pau-register-page .pau-online-page .btn-info,
body.pau-register-page .pau-online-page input[type="submit"].btn-primary {
        background: rgba(250,204,21,0.12) !important;
        border-color: rgba(250,204,21,0.45) !important;
        color: #facc15 !important;
    }


    body.pau-register-page .pau-online-page .btn-primary:hover,
body.pau-register-page .pau-online-page .btn-info:hover,
body.pau-register-page .pau-online-page input[type="submit"].btn-primary:hover {
        background: rgba(250,204,21,0.18) !important;
        border-color: rgba(250,204,21,0.72) !important;
        color: #fff !important;
    }


    body.pau-register-page .pau-online-page .btn-secondary {
        border-color: rgba(255,255,255,0.18) !important;
        background: transparent !important;
        color: rgba(255,255,255,0.72) !important;
    }


    body.pau-register-page #divBaslangicBilgi p {
        margin: 0 !important;
        padding: 0.95rem 1rem;
        border: 1px solid rgba(255,255,255,0.14);
        border-radius: 4px;
        background: rgba(255,255,255,0.04);
        color: rgba(255,255,255,0.85) !important;
        font-size: 0.92rem !important;
        font-weight: 700;
        line-height: 1.5;
    }


    body.pau-register-page #pFiyatIndirim {
        margin: 0 !important;
        padding: 1.05rem 1.15rem;
        border: 1px solid #facc15;
        border-radius: 6px;
        background: linear-gradient(135deg, #facc15 0%, #f59e0b 100%);
        color: #0a1628 !important;
        font-size: 1.12rem !important;
        font-weight: 800;
        line-height: 1.45;
        box-shadow: 0 6px 18px rgba(250,204,21,0.18);
    }


    body.pau-register-page #pFiyatIndirim i.fa,
body.pau-register-page #pFiyatIndirim .fa {
        color: #0a1628 !important;
        font-size: 1.25rem;
        vertical-align: -2px;
    }


    body.pau-register-page #divBaslangicBilgi p a {
        color: #facc15 !important;
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        letter-spacing: 0.02em;
        transition: color 0.18s ease;
    }


    body.pau-register-page #divBaslangicBilgi p a:hover,
body.pau-register-page #divBaslangicBilgi p a:focus {
        color: #fde68a !important;
        text-decoration: none !important;
        outline: none;
    }


    body.pau-register-page #pFiyatIndirim {
        display: none;
    }


    body.pau-register-page #pFiyatIndirim:not(:empty) {
        display: block;
    }


    body.pau-register-page #divBaslangicBilgi,
body.pau-register-page #divFiyatBilgi {
        margin-top: 0.15rem;
    }


    body.pau-register-page #divFiyatBilgi hr {
        display: none;
    }


    body.pau-register-page .pau-file-field {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }


    body.pau-register-page .pau-file-field > p:first-child {
        min-height: 0;
        display: block;
        text-align: left !important;
        margin-bottom: 0.35rem;
        line-height: 1.35;
    }


    body.pau-register-page .pau-file-hint {
        display: block;
        margin-top: 0.18rem;
        font-size: 0.78rem;
        font-weight: 500;
        font-style: italic;
        color: rgba(255,255,255,0.55);
        letter-spacing: 0;
        text-transform: none;
    }


    body.pau-register-page .pau-file-field input[type="file"] {
        margin-top: 0;
    }


    body.pau-register-page .pau-form-actions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.65rem;
        flex-wrap: wrap;
    }


    body.pau-register-page .pau-form-actions input {
        width: auto !important;
        min-width: 12rem;
    }


    body.pau-register-page #pOgrDegilUyari,
body.pau-register-page #errors {
        color: #fca5a5 !important;
        font-weight: 750;
    }


    body.pau-register-page #errors pre {
        margin: 0;
        padding: 0.9rem 1rem;
        white-space: pre-wrap;
        border: 1px solid rgba(248,113,113,0.24);
        border-radius: 4px;
        background: rgba(127,29,29,0.16);
        color: #fca5a5 !important;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.82rem;
        line-height: 1.45;
    }


    body.pau-register-page .pau-file-thumb,
body.pau-register-page #imgResim {
        width: 38px;
        height: 38px;
        border-radius: 4px;
        border: 1px solid rgba(255,255,255,0.18);
        object-fit: cover;
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
        background: rgba(13,24,38,0.55);
    }


    body.pau-register-page .pau-file-thumb:not([src]),
body.pau-register-page .pau-file-thumb[src=""],
body.pau-register-page #imgResim:not([src]),
body.pau-register-page #imgResim[src=""] {
        display: none !important;
    }


    body.pau-register-page .modalTablo {
        width: 100%;
        font-size: 0.88rem;
        color: rgba(255,255,255,0.82);
    }


        body.pau-register-page .modalTablo tbody td {
            padding: 0.4rem;
        }


    body.pau-register-page .modal {
        font-family: 'Barlow', system-ui, sans-serif;
        color: #fff;
    }


    body.pau-register-page .modal-body {
        max-height: 62vh;
        overflow-y: auto;
    }


    body.pau-register-page .modal-dialog {
        max-width: 860px;
    }


    body.pau-register-page .modal-content {
        border-radius: 6px;
        border: 1px solid rgba(255,255,255,0.16);
        background: rgba(10,22,40,0.98);
        box-shadow: 0 24px 80px rgba(0,0,0,0.45);
    }


    body.pau-register-page .modal-header,
body.pau-register-page .modal-footer {
        border-color: rgba(255,255,255,0.12);
    }


    body.pau-register-page .modal-title,
body.pau-register-page .modal h4,
body.pau-register-page .modal h5 {
        font-family: 'Barlow', system-ui, sans-serif;
        color: #fff;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }


    body.pau-register-page .modal p,
body.pau-register-page .modal li,
body.pau-register-page .modal td {
        color: rgba(255,255,255,0.78);
    }


    body.pau-register-page .modal .close {
        color: #fff;
        text-shadow: none;
        opacity: 0.65;
    }


    body.pau-register-page #modalKayitTarihi.modal.fade.in,
body.pau-register-page #modalKayitTarihi.modal.in,
body.pau-register-page #modalKayitTarihi.modal.show {
        opacity: 1 !important;
    }


    body.pau-register-page #modalKayitTarihi .modal-dialog {
        max-width: 480px;
        opacity: 1 !important;
    }


    body.pau-register-page #modalKayitTarihi .modal-content {
        opacity: 1 !important;
        background: #1f2735;
        color: #fff;
        border: 1px solid rgba(255,255,255,0.08);
    }


    body.pau-register-page .modal-backdrop.in,
body.pau-register-page .modal-backdrop.show {
        z-index: 1040 !important;
        opacity: 0.55 !important;
    }


    body.pau-register-page .modal {
        z-index: 1055 !important;
    }


    body.pau-register-page #modalKayitTarihi.modal {
        z-index: 1065 !important;
    }


    body.pau-register-page #modalKayitTarihi .btn,
body.pau-register-page #modalKayitTarihi button.btn {
        min-height: 2.85rem;
        border-radius: 4px !important;
        border: 1px solid rgba(255,255,255,0.16) !important;
        background: rgba(255,255,255,0.07) !important;
        color: rgba(255,255,255,0.88) !important;
        padding: 0.72rem 1.05rem !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        font-size: 0.78rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase;
        box-shadow: none !important;
        cursor: pointer;
    }


    body.pau-register-page #modalKayitTarihi .btn:hover {
        background: rgba(255,255,255,0.12) !important;
        border-color: rgba(255,255,255,0.32) !important;
        color: #fff !important;
    }


    body.pau-register-page #modalKayitTarihi .btn-primary {
        background: rgba(250,204,21,0.12) !important;
        border-color: rgba(250,204,21,0.45) !important;
        color: #facc15 !important;
    }


    body.pau-register-page #modalKayitTarihi .btn-primary:hover {
        background: rgba(250,204,21,0.18) !important;
        border-color: rgba(250,204,21,0.72) !important;
        color: #fff !important;
    }


    body.pau-register-page #modalKayitTarihi .btn-secondary {
        border-color: rgba(255,255,255,0.18) !important;
        background: rgba(255,255,255,0.06) !important;
        color: rgba(255,255,255,0.78) !important;
    }


    body.pau-register-page #modalKayitTarihi .btn-secondary:hover {
        background: rgba(255,255,255,0.12) !important;
        color: #fff !important;
    }


    body.pau-register-page #modalKayitTarihi #txtKayitTarihiModal {
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 4px;
        color: #fff;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.95rem;
        font-weight: 700;
        padding: 0.65rem 0.85rem;
        width: 100%;
        max-width: 220px;
        color-scheme: dark;
    }


    body.pau-register-page #modalKayitTarihi #txtKayitTarihiModal:focus {
        outline: none;
        border-color: rgba(250,204,21,0.6);
        box-shadow: 0 0 0 2px rgba(250,204,21,0.15);
    }


    body.pau-register-page /* === Büyük harf zorunlu alanlar (görsel) === */
    #txtMusteriAd,
body.pau-register-page #txtMusteriSoyad,
body.pau-register-page #txtDogumYeri,
body.pau-register-page #form-message {
        text-transform: uppercase !important;
    }


    body.pau-register-page #txtMusteriAd::placeholder,
body.pau-register-page #txtMusteriSoyad::placeholder,
body.pau-register-page #txtDogumYeri::placeholder,
body.pau-register-page #form-message::placeholder {
        text-transform: none !important;
    }


    body.pau-register-page /* === Inline jQuery UI Datepicker — koyu lacivert tema === */
    #kayitTarihiPicker.pau-inline-datepicker {
        margin: 0 auto;
        max-width: 320px;
        background: rgba(255,255,255,0.04) !important;
        border: 1px solid rgba(255,255,255,0.10) !important;
        border-radius: 6px !important;
        padding: 6px !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker {
        width: 100% !important;
        background: transparent !important;
        border: none !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        color: #fff !important;
        padding: 0 !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-header {
        background: transparent !important;
        border: none !important;
        color: #facc15 !important;
        padding: 0.4rem 0.2rem 0.6rem !important;
        position: relative !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-title {
        color: #facc15 !important;
        font-weight: 800 !important;
        font-size: 0.95rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.04em !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-prev,
body.pau-register-page #kayitTarihiPicker .ui-datepicker-next {
        background: rgba(255,255,255,0.06) !important;
        border: 1px solid rgba(255,255,255,0.18) !important;
        border-radius: 4px !important;
        color: #fff !important;
        cursor: pointer !important;
        top: 4px !important;
        width: 28px !important;
        height: 28px !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-prev:hover,
body.pau-register-page #kayitTarihiPicker .ui-datepicker-next:hover {
        background: rgba(250,204,21,0.20) !important;
        border-color: rgba(250,204,21,0.55) !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-prev span,
body.pau-register-page #kayitTarihiPicker .ui-datepicker-next span {
        background-image: none !important;
        text-indent: 0 !important;
        position: static !important;
        margin: 0 !important;
        color: #fff !important;
        font-size: 0 !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-prev:before {
        content: "‹"; color: #fff; font-size: 1.4rem; line-height: 1; display: block; text-align: center;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-next:before {
        content: "›"; color: #fff; font-size: 1.4rem; line-height: 1; display: block; text-align: center;
    }

    body.pau-register-page #kayitTarihiPicker table.ui-datepicker-calendar {
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 2px !important;
        margin: 0 !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar th {
        color: rgba(255,255,255,0.55) !important;
        font-weight: 700 !important;
        font-size: 0.72rem !important;
        text-transform: uppercase !important;
        padding: 4px 0 !important;
        background: transparent !important;
        border: none !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td {
        padding: 0 !important;
        text-align: center !important;
        background: transparent !important;
        border: none !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td a,
body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td span {
        display: block !important;
        padding: 0.45rem 0 !important;
        border-radius: 4px !important;
        color: #fff !important;
        background: rgba(255,255,255,0.04) !important;
        border: 1px solid rgba(255,255,255,0.06) !important;
        text-align: center !important;
        font-weight: 700 !important;
        font-size: 0.85rem !important;
        text-decoration: none !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td a:hover {
        background: rgba(250,204,21,0.20) !important;
        border-color: rgba(250,204,21,0.55) !important;
        color: #facc15 !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td.ui-datepicker-today a,
body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td .ui-state-highlight {
        border-color: rgba(250,204,21,0.55) !important;
        color: #facc15 !important;
    }

    body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td.ui-datepicker-current-day a,
body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td .ui-state-active {
        background: #facc15 !important;
        color: #0a1628 !important;
        border-color: #facc15 !important;
        font-weight: 900 !important;
    }

    body.pau-register-page /* Pasif (range dışı) günler */
    #kayitTarihiPicker .ui-datepicker-calendar td.ui-datepicker-unselectable span,
body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td.ui-state-disabled span,
body.pau-register-page #kayitTarihiPicker .ui-datepicker-calendar td.ui-datepicker-other-month span {
        color: rgba(255,255,255,0.22) !important;
        background: rgba(255,255,255,0.02) !important;
        border-color: rgba(255,255,255,0.04) !important;
        cursor: not-allowed !important;
    }


    body.pau-register-page .pau-date-secilen {
        margin: 0.8rem 0 0 !important;
        text-align: center;
        color: rgba(255,255,255,0.85);
        font-size: 0.92rem;
        font-weight: 700;
    }

    body.pau-register-page .pau-date-secilen strong {
        color: #facc15;
        margin-left: 4px;
    }


    body.pau-register-page /* === Sözleşme / Taahhütname / KVKK modallar — sadece kontrat modal id'leri === */
    #modalSozlesme.modal.fade.in,
    #modalSozlesme.modal.in,
    #modalSozlesme.modal.show,
    #modalTaahhutnamePersonel.modal.fade.in,
    #modalTaahhutnamePersonel.modal.in,
    #modalTaahhutnamePersonel.modal.show,
    #modalTaahhutnameLisans.modal.fade.in,
    #modalTaahhutnameLisans.modal.in,
    #modalTaahhutnameLisans.modal.show,
    #modalTaahhutnameStandart.modal.fade.in,
    #modalTaahhutnameStandart.modal.in,
    #modalTaahhutnameStandart.modal.show,
    #modalKvkk.modal.fade.in,
    #modalKvkk.modal.in,
    #modalKvkk.modal.show,
    #modalSporBeyan.modal.fade.in,
    #modalSporBeyan.modal.in,
    #modalSporBeyan.modal.show,
    #ModalKameraKayitlari.modal.fade.in,
    #ModalKameraKayitlari.modal.in,
    #ModalKameraKayitlari.modal.show,
    #ModalVeriIsleme.modal.fade.in,
    #ModalVeriIsleme.modal.in,
    #ModalVeriIsleme.modal.show {
        opacity: 1 !important;
    }


    body.pau-register-page #modalSozlesme .modal-content,
body.pau-register-page #modalTaahhutnamePersonel .modal-content,
body.pau-register-page #modalTaahhutnameLisans .modal-content,
body.pau-register-page #modalTaahhutnameStandart .modal-content,
body.pau-register-page #modalKvkk .modal-content,
body.pau-register-page #modalSporBeyan .modal-content,
body.pau-register-page #ModalKameraKayitlari .modal-content,
body.pau-register-page #ModalVeriIsleme .modal-content {
        background: #1f2735 !important;
        color: #fff !important;
        border: 1px solid rgba(255,255,255,0.10) !important;
        border-radius: 8px !important;
        box-shadow: 0 24px 80px rgba(0,0,0,0.55) !important;
        opacity: 1 !important;
    }


    body.pau-register-page #modalSozlesme .modal-header,
body.pau-register-page #modalTaahhutnamePersonel .modal-header,
body.pau-register-page #modalTaahhutnameLisans .modal-header,
body.pau-register-page #modalTaahhutnameStandart .modal-header,
body.pau-register-page #modalKvkk .modal-header,
body.pau-register-page #modalSporBeyan .modal-header,
body.pau-register-page #ModalKameraKayitlari .modal-header,
body.pau-register-page #ModalVeriIsleme .modal-header {
        background: rgba(0,0,0,0.20) !important;
        border-bottom: 1px solid rgba(250,204,21,0.28) !important;
        padding: 1.05rem 1.4rem !important;
        display: flex !important;
        align-items: center !important;
    }


    body.pau-register-page #modalSozlesme .modal-title,
body.pau-register-page #modalTaahhutnamePersonel .modal-title,
body.pau-register-page #modalTaahhutnameLisans .modal-title,
body.pau-register-page #modalTaahhutnameStandart .modal-title,
body.pau-register-page #modalKvkk .modal-title,
body.pau-register-page #modalSporBeyan .modal-title,
body.pau-register-page #ModalKameraKayitlari .modal-title,
body.pau-register-page #ModalVeriIsleme .modal-title,
body.pau-register-page #modalSozlesmeLabel,
body.pau-register-page #modalTaahhutnamePersonelLabel,
body.pau-register-page #modalTaahhutnameLisansLabel,
body.pau-register-page #modalTaahhutnameStandartLabel,
body.pau-register-page #modalKvkkLabel,
body.pau-register-page #modalSporBeyanLabel {
        color: #facc15 !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        font-weight: 900 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        font-size: 1.1rem !important;
        margin: 0 !important;
    }


    body.pau-register-page #modalSozlesme .modal-header .close,
body.pau-register-page #modalTaahhutnamePersonel .modal-header .close,
body.pau-register-page #modalTaahhutnameLisans .modal-header .close,
body.pau-register-page #modalTaahhutnameStandart .modal-header .close,
body.pau-register-page #modalKvkk .modal-header .close,
body.pau-register-page #modalSporBeyan .modal-header .close,
body.pau-register-page #ModalKameraKayitlari .modal-header .close,
body.pau-register-page #ModalVeriIsleme .modal-header .close {
        color: #fff !important;
        opacity: 0.85 !important;
        text-shadow: none !important;
        font-size: 1.6rem !important;
        background: transparent !important;
        border: none !important;
        margin-left: auto !important;
    }


    body.pau-register-page #modalSozlesme .modal-body,
body.pau-register-page #modalTaahhutnamePersonel .modal-body,
body.pau-register-page #modalTaahhutnameLisans .modal-body,
body.pau-register-page #modalTaahhutnameStandart .modal-body,
body.pau-register-page #modalKvkk .modal-body,
body.pau-register-page #modalSporBeyan .modal-body,
body.pau-register-page #ModalKameraKayitlari .modal-body,
body.pau-register-page #ModalVeriIsleme .modal-body {
        background: transparent !important;
        color: rgba(255,255,255,0.92) !important;
        padding: 1.25rem 1.4rem !important;
        max-height: 65vh !important;
        overflow-y: auto !important;
    }


    body.pau-register-page #modalSozlesme .modal-body p,
body.pau-register-page #modalSozlesme .modal-body li,
body.pau-register-page #modalSozlesme .modal-body label,
body.pau-register-page #modalTaahhutnamePersonel .modal-body p,
body.pau-register-page #modalTaahhutnamePersonel .modal-body li,
body.pau-register-page #modalTaahhutnamePersonel .modal-body label,
body.pau-register-page #modalTaahhutnameLisans .modal-body p,
body.pau-register-page #modalTaahhutnameLisans .modal-body li,
body.pau-register-page #modalTaahhutnameLisans .modal-body label,
body.pau-register-page #modalTaahhutnameStandart .modal-body p,
body.pau-register-page #modalTaahhutnameStandart .modal-body li,
body.pau-register-page #modalTaahhutnameStandart .modal-body label,
body.pau-register-page #modalKvkk .modal-body p,
body.pau-register-page #modalKvkk .modal-body li,
body.pau-register-page #modalKvkk .modal-body label,
body.pau-register-page #modalSporBeyan .modal-body p,
body.pau-register-page #modalSporBeyan .modal-body li,
body.pau-register-page #modalSporBeyan .modal-body label,
body.pau-register-page #ModalKameraKayitlari .modal-body p,
body.pau-register-page #ModalKameraKayitlari .modal-body li,
body.pau-register-page #ModalKameraKayitlari .modal-body label,
body.pau-register-page #ModalVeriIsleme .modal-body p,
body.pau-register-page #ModalVeriIsleme .modal-body li,
body.pau-register-page #ModalVeriIsleme .modal-body label {
        color: rgba(255,255,255,0.92) !important;
    }


    body.pau-register-page #modalSozlesme .modal-body strong,
body.pau-register-page #modalTaahhutnamePersonel .modal-body strong,
body.pau-register-page #modalTaahhutnameLisans .modal-body strong,
body.pau-register-page #modalTaahhutnameStandart .modal-body strong,
body.pau-register-page #modalKvkk .modal-body strong,
body.pau-register-page #modalSporBeyan .modal-body strong,
body.pau-register-page #ModalKameraKayitlari .modal-body strong,
body.pau-register-page #ModalVeriIsleme .modal-body strong {
        color: #facc15 !important;
    }


    body.pau-register-page #modalSozlesme .modal-footer,
body.pau-register-page #modalTaahhutnamePersonel .modal-footer,
body.pau-register-page #modalTaahhutnameLisans .modal-footer,
body.pau-register-page #modalTaahhutnameStandart .modal-footer,
body.pau-register-page #modalKvkk .modal-footer,
body.pau-register-page #modalSporBeyan .modal-footer,
body.pau-register-page #ModalKameraKayitlari .modal-footer,
body.pau-register-page #ModalVeriIsleme .modal-footer {
        background: rgba(0,0,0,0.20) !important;
        border-top: 1px solid rgba(255,255,255,0.10) !important;
        padding: 0.9rem 1.4rem !important;
    }


    body.pau-register-page #modalSozlesme .modal-footer .btn,
body.pau-register-page #modalTaahhutnamePersonel .modal-footer .btn,
body.pau-register-page #modalTaahhutnameLisans .modal-footer .btn,
body.pau-register-page #modalTaahhutnameStandart .modal-footer .btn,
body.pau-register-page #modalKvkk .modal-footer .btn,
body.pau-register-page #modalSporBeyan .modal-footer .btn,
body.pau-register-page #ModalKameraKayitlari .modal-footer .btn,
body.pau-register-page #ModalVeriIsleme .modal-footer .btn {
        min-height: 2.6rem;
        border-radius: 4px !important;
        border: 1px solid rgba(250,204,21,0.55) !important;
        background: rgba(250,204,21,0.14) !important;
        color: #facc15 !important;
        padding: 0.6rem 1.5rem !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        font-size: 0.8rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        box-shadow: none !important;
        cursor: pointer;
        transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
    }


    body.pau-register-page #modalSozlesme .modal-footer .btn:hover,
body.pau-register-page #modalTaahhutnamePersonel .modal-footer .btn:hover,
body.pau-register-page #modalTaahhutnameLisans .modal-footer .btn:hover,
body.pau-register-page #modalTaahhutnameStandart .modal-footer .btn:hover,
body.pau-register-page #modalKvkk .modal-footer .btn:hover,
body.pau-register-page #modalSporBeyan .modal-footer .btn:hover,
body.pau-register-page #ModalKameraKayitlari .modal-footer .btn:hover,
body.pau-register-page #ModalVeriIsleme .modal-footer .btn:hover {
        background: #facc15 !important;
        color: #0a1628 !important;
        border-color: #facc15 !important;
    }


    body.pau-register-page .pau-date-help {
        margin-bottom: 0.8rem;
        color: rgba(255,255,255,0.68);
        font-size: 0.88rem;
        font-weight: 650;
        line-height: 1.45;
    }


    body.pau-register-page .pau-modal-actions {
        display: flex;
        justify-content: flex-start;
        gap: 0.6rem;
        flex-wrap: wrap;
    }


    @media (max-width: 768px) {

        body.pau-register-page .pau-online-page {
            padding: 1.5rem 0.9rem 2.4rem;
        }


        body.pau-register-page .pau-online-page .widget-contact-form {
            padding: 1.15rem;
        }


        body.pau-register-page .pau-form-logo img {
            width: 64px;
            height: 64px;
        }


        body.pau-register-page .pau-online-page .data-form [class*="col-"] {
            padding: 0.38rem;
        }


        body.pau-register-page .pau-online-page .data-form form > .row {
            max-width: none;
        }


        body.pau-register-page .pau-online-page .row {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }


        body.pau-register-page #divTcknSorgula .input-group {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: end;
        }


        body.pau-register-page #divTcknSorgula .input-group .form-control,
body.pau-register-page #divTcknSorgula .input-group input {
            width: 100% !important;
            height: 2.9rem !important;
        }


        body.pau-register-page #divTcknSorgula .input-group-append {
            min-width: 9.7rem;
        }


        body.pau-register-page #btnSorgula {
            width: 100% !important;
            padding-left: 0.8rem !important;
            padding-right: 0.8rem !important;
        }


        body.pau-register-page .pau-online-page .btn,
body.pau-register-page .pau-online-page button,
body.pau-register-page .pau-online-page input[type="submit"],
body.pau-register-page .pau-online-page input[type="button"] {
            width: 100%;
            margin: 0.25rem 0;
        }


        body.pau-register-page .pau-form-actions {
            gap: 0.35rem;
        }


        body.pau-register-page .pau-form-actions input {
            width: 100% !important;
            min-width: 0;
        }


        body.pau-register-page .pau-file-field {
            min-height: 0;
        }


        body.pau-register-page .pau-file-field > p:first-child {
            min-height: 0;
        }


        body.pau-register-page .pau-modal-actions .btn {
            width: 100%;
        }

    
}

/* Renewal page legacy styles, scoped. */
body.pau-renew-page .site-header { display: none !important; }

    body.pau-renew-page .site-loading { display: none !important; }

    body.pau-renew-page .site-footer { display: none !important; }

    body.pau-renew-page .site-main { padding: 0 !important; margin: 0 !important; }

    body.pau-renew-page *,
body.pau-renew-page *::before,
body.pau-renew-page *::after { box-sizing: border-box; }


    body.pau-renew-page {
        background: #0a1628;
        font-family: 'Barlow', system-ui, sans-serif;
    }


    body.pau-renew-page,
body.pau-renew-page *:not(i):not([class*="fa-"]):not([class*="fab"]):not([class*="fas"]):not([class*="far"]):not([class*="fal"]) {
        font-family: 'Barlow', system-ui, sans-serif !important;
    }

    body.pau-renew-page i.fa,
body.pau-renew-page i.fas,
body.pau-renew-page i.far,
body.pau-renew-page i.fab,
body.pau-renew-page i.fal,
body.pau-renew-page [class*="fa-"],
body.pau-renew-page [class^="fa-"] {
        font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
    }


    body.pau-renew-page .pau-online-page {
        min-height: 100vh;
        background: #0a1628 url('/assets/img/hero.jpg') center center / cover no-repeat;
        position: relative;
        color: #fff;
        padding: 2.5rem 1.5rem 3rem;
        font-family: 'Barlow', system-ui, sans-serif;
    }


    body.pau-renew-page .pau-online-page::before {
        content: "";
        position: fixed;
        inset: 0;
        background: linear-gradient(to bottom, rgba(10,22,40,0.88) 0%, rgba(10,22,40,0.72) 38%, rgba(10,22,40,0.96) 100%);
        pointer-events: none;
        z-index: 0;
    }


    body.pau-renew-page .pau-online-page > .section,
body.pau-renew-page .pau-online-page .widget-booking-form {
        position: relative;
        z-index: 1;
        background: transparent !important;
        padding: 0 !important;
    }


    body.pau-renew-page .pau-online-page .section::before,
body.pau-renew-page .pau-online-page .section::after,
body.pau-renew-page .pau-online-page .widget-page-title::before,
body.pau-renew-page .pau-online-page .widget-page-title::after,
body.pau-renew-page .pau-online-page .widget-contact-form::before,
body.pau-renew-page .pau-online-page .widget-contact-form::after,
body.pau-renew-page .pau-online-page .widget-booking-form::before,
body.pau-renew-page .pau-online-page .widget-booking-form::after,
body.pau-renew-page .pau-online-page .wrapper-inner::before,
body.pau-renew-page .pau-online-page .wrapper-inner::after {
        display: none !important;
        content: none !important;
    }


    body.pau-renew-page .pau-online-page .wrapper-inner {
        width: 100%;
        max-width: 1120px;
        margin: 0 auto;
        padding: 0 !important;
    }


    body.pau-renew-page .pau-online-page .widget-page-title {
        background: transparent !important;
        text-align: center;
        margin: 0;
        padding: 2rem 0 0 !important;
    }


    body.pau-renew-page .pau-online-page .widget-page-title .widget-background { display: none !important; }


    body.pau-renew-page .pau-form-logo {
        margin: 0 auto 1.6rem;
        text-align: center;
    }


    body.pau-renew-page .pau-form-logo img {
        width: 72px;
        height: 72px;
        filter: drop-shadow(0 2px 14px rgba(0,0,0,0.6));
    }


    body.pau-renew-page .pau-eyebrow {
        margin: 0 0 0.5rem;
        color: rgba(255,255,255,0.45);
        font-size: 0.68rem;
        font-weight: 600;
        letter-spacing: 0.28em;
        text-transform: uppercase;
    }


    body.pau-renew-page .pau-online-page .widget-page-title h1 {
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: clamp(1.8rem, 4vw, 2.8rem);
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #fff;
        margin: 0;
        width: 100% !important;
        max-width: none !important;
    }


    body.pau-renew-page .pau-online-page .widget-page-title p {
        display: none !important;
        max-width: 760px;
        margin: 0.8rem auto 0;
        color: rgba(255,255,255,0.58);
        font-size: 0.92rem;
        line-height: 1.6;
        font-weight: 600;
    }


    body.pau-renew-page .pau-online-page .widget-breadcrumb {
        margin-top: 0.85rem !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        text-align: center !important;
    }


    body.pau-renew-page .pau-online-page .widget-breadcrumb ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
    }


    body.pau-renew-page .pau-online-page .widget-breadcrumb a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        color: rgba(255,255,255,0.54) !important;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        text-decoration: none;
        transition: color 0.22s;
    }


    body.pau-renew-page .pau-online-page .widget-breadcrumb a::before {
        content: "\f060";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 0.75rem;
    }


    body.pau-renew-page .pau-online-page .widget-breadcrumb a:hover {
        color: #fff !important;
        text-decoration: none;
    }


    body.pau-renew-page .pau-divider {
        width: 40px;
        height: 2px;
        background: rgba(255,255,255,0.25);
        margin: 1.2rem auto 2rem;
    }


    body.pau-renew-page .pau-online-page .widget-contact-form {
        width: 100%;
        margin: 0 auto !important;
        padding: 1.55rem;
        border-radius: 6px;
        border: 1px solid rgba(255,255,255,0.14);
        background: rgba(255,255,255,0.06);
        box-shadow: none;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }


    body.pau-renew-page .pau-online-page .widget-contact-form h5 {
        margin: 0 0 0.45rem;
        color: rgba(255,255,255,0.9);
        font-size: 0.9rem;
        font-weight: 900;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }


    body.pau-renew-page .pau-online-page .widget-contact-form > p {
        margin: 0 0 0.12rem !important;
        padding: 0.95rem 1rem;
        border: 1px solid rgba(255,255,255,0.11);
        border-radius: 4px;
        background: rgba(13,24,38,0.38);
        color: rgba(255,255,255,0.74);
        font-size: 0.92rem !important;
        line-height: 1.55;
    }


    body.pau-renew-page .pau-online-page .data-form {
        margin-top: 0 !important;
        color: rgba(255,255,255,0.78);
        font-size: 0.9rem;
        line-height: 1.55;
    }


    body.pau-renew-page .pau-online-page .data-form .row {
        margin-left: -0.45rem;
        margin-right: -0.45rem;
    }


    body.pau-renew-page .pau-online-page .data-form [class*="col-"] {
        padding: 0.24rem 0.45rem;
        margin-bottom: 0.08rem !important;
    }


    body.pau-renew-page .pau-online-page .data-form hr {
        border: 0;
        border-top: 1px solid rgba(255,255,255,0.12);
        margin: 1rem 0;
    }


    body.pau-renew-page .pau-online-page select,
body.pau-renew-page .pau-online-page input[type="text"] {
        width: 100% !important;
        min-height: 2.9rem;
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 4px;
        background: rgba(13,24,38,0.54);
        color: #fff;
        outline: none;
        padding: 0.78rem 0.9rem;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.92rem;
        font-weight: 650;
        line-height: 1.2 !important;
        height: 2.9rem !important;
        box-sizing: border-box;
        box-shadow: none !important;
    }


    body.pau-renew-page .pau-online-page select {
        appearance: auto;
    }


    body.pau-renew-page .pau-online-page select:focus,
body.pau-renew-page .pau-online-page input[type="text"]:focus {
        border-color: rgba(250,204,21,0.55);
        background: rgba(13,24,38,0.76);
    }


    body.pau-renew-page .pau-online-page input::placeholder { color: rgba(255,255,255,0.34); }

    body.pau-renew-page .pau-online-page select option { background: #1f2d3c; color: #fff; }


    body.pau-renew-page .pau-price-info {
        display: none;
    }


    body.pau-renew-page .pau-price-info.has-price {
        display: block;
    }


    body.pau-renew-page .pau-member-date {
        color: #facc15;
        font-weight: 900;
    }


    body.pau-renew-page .pau-section-title {
        margin: 0.1rem 0 0.28rem;
        color: rgba(255,255,255,0.9);
        font-size: 1rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        text-align: left;
    }


    body.pau-renew-page .pau-status-upload {
        margin: 0 !important;
        padding: 0.78rem 0.95rem;
        border: 1px dashed rgba(250,204,21,0.42);
        border-radius: 5px;
        background: rgba(250,204,21,0.07);
    }

    body.pau-renew-page .pau-status-upload-title {
        margin: 0 0 0.25rem;
        color: rgba(255,255,255,0.9);
        font-size: 0.76rem;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    body.pau-renew-page .pau-status-upload-note {
        margin: 0 0 0.45rem;
        color: rgba(255,255,255,0.68);
        font-size: 0.84rem;
        font-weight: 650;
        line-height: 1.45;
    }

    body.pau-renew-page .pau-status-upload input[type="file"] {
        width: 100%;
        min-height: 2.9rem;
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 4px;
        background: rgba(13,24,38,0.54);
        color: rgba(255,255,255,0.82);
        padding: 0.68rem 0.9rem;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.84rem;
        font-weight: 700;
    }

    body.pau-renew-page .pau-status-upload .pau-file-control {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        border: 1px dashed rgba(255,255,255,0.2);
        border-radius: 4px;
        background: rgba(13,24,38,0.44);
        padding: 0.72rem;
        min-height: 3rem;
        position: relative;
    }

    body.pau-renew-page .pau-status-upload .pau-file-control.pau-field-invalid {
        border-color: #facc15 !important;
        box-shadow: 0 0 0 2px rgba(250,204,21,0.18) !important;
    }

    body.pau-renew-page .pau-status-upload .pau-file-control .pau-file-input {
        position: absolute !important;
        opacity: 0 !important;
        width: 1px !important;
        height: 1px !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
        pointer-events: none !important;
        background: transparent !important;
    }

    body.pau-renew-page .pau-status-upload .pau-file-control .pau-file-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,0.16);
        background: rgba(255,255,255,0.08);
        color: #fff !important;
        border-radius: 4px;
        padding: 0.5rem 0.85rem;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.78rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        cursor: pointer;
        margin: 0 !important;
        white-space: nowrap;
        line-height: 1;
    }

    body.pau-renew-page .pau-status-upload .pau-file-control .pau-file-name {
        color: rgba(255,255,255,0.62);
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.86rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.01em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex: 1 1 auto;
        min-width: 0;
    }

    body.pau-renew-page .pau-status-upload-message {
        display: none;
        margin-top: 0.65rem;
        padding: 0.62rem 0.75rem;
        border-radius: 4px;
        font-size: 0.8rem;
        font-weight: 750;
        line-height: 1.35;
    }

    body.pau-renew-page .pau-status-upload-message.is-error {
        display: block;
        background: rgba(248,113,113,0.12);
        border: 1px solid rgba(248,113,113,0.36);
        color: #fecaca;
    }

    body.pau-renew-page .pau-status-upload-message.is-warning {
        display: block;
        background: linear-gradient(135deg, #facc15 0%, #f59e0b 100%);
        border: 1px solid #facc15;
        color: #0a1628;
        box-shadow: 0 6px 18px rgba(250,204,21,0.18);
    }

    body.pau-renew-page .pau-status-upload-message.is-success {
        display: block;
        background: rgba(34,197,94,0.12);
        border: 1px solid rgba(34,197,94,0.36);
        color: #bbf7d0;
    }

    body.pau-renew-page .pau-form-message {
        display: none;
        margin: 0.5rem 0 1rem;
        padding: 0.75rem 0.9rem;
        border-radius: 4px;
        font-size: 0.9rem;
        font-weight: 800;
        line-height: 1.45;
    }

    body.pau-renew-page .pau-form-message.is-error {
        display: block;
        background: rgba(248,113,113,0.12);
        border: 1px solid rgba(248,113,113,0.36);
        color: #fecaca;
    }

    body.pau-renew-page .pau-form-message.is-warning {
        display: block;
        background: linear-gradient(135deg, #facc15 0%, #f59e0b 100%);
        border: 1px solid #facc15;
        color: #0a1628;
        box-shadow: 0 6px 18px rgba(250,204,21,0.18);
    }

    body.pau-renew-page .pau-form-message.is-success {
        display: block;
        background: rgba(34,197,94,0.12);
        border: 1px solid rgba(34,197,94,0.36);
        color: #bbf7d0;
    }

    body.pau-renew-page .pau-field-invalid {
        border-color: #facc15 !important;
        box-shadow: 0 0 0 2px rgba(250,204,21,0.18) !important;
    }

    body.pau-renew-page input[type="checkbox"].pau-field-invalid {
        outline: 2px solid #facc15;
        outline-offset: 2px;
        box-shadow: none !important;
    }

    body.pau-renew-page .pau-agreement-row {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0.48rem;
        text-align: left !important;
        color: rgba(255,255,255,0.76);
        font-size: 0.9rem;
        font-weight: 700;
        line-height: 1.5;
    }

    body.pau-renew-page .pau-agreement-row input[type="checkbox"] {
        flex: 0 0 auto;
        margin: 0.22rem 0 0 !important;
    }

    body.pau-renew-page .pau-agreement-row a {
        display: inline;
    }


    body.pau-renew-page .pau-online-page .btn,
body.pau-renew-page .pau-online-page button,
body.pau-renew-page .pau-online-page input[type="submit"],
body.pau-renew-page .pau-online-page input[type="button"] {
        min-height: 2.85rem;
        border-radius: 4px !important;
        border: 1px solid rgba(255,255,255,0.16) !important;
        background: rgba(255,255,255,0.07) !important;
        color: rgba(255,255,255,0.88) !important;
        padding: 0.72rem 1.05rem !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        font-size: 0.78rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase;
        cursor: pointer;
        box-shadow: none !important;
    }


    body.pau-renew-page .pau-online-page .btn:hover,
body.pau-renew-page .pau-online-page button:hover,
body.pau-renew-page .pau-online-page input[type="submit"]:hover,
body.pau-renew-page .pau-online-page input[type="button"]:hover {
        background: rgba(255,255,255,0.12) !important;
        border-color: rgba(255,255,255,0.32) !important;
        color: #fff !important;
    }


    body.pau-renew-page .pau-online-page .btn-primary,
body.pau-renew-page .pau-online-page .btn-info,
body.pau-renew-page .pau-online-page input[type="submit"].btn-primary {
        background: rgba(250,204,21,0.12) !important;
        border-color: rgba(250,204,21,0.45) !important;
        color: #facc15 !important;
    }


    body.pau-renew-page .pau-online-page .btn-primary:hover,
body.pau-renew-page .pau-online-page .btn-info:hover,
body.pau-renew-page .pau-online-page input[type="submit"].btn-primary:hover {
        background: rgba(250,204,21,0.18) !important;
        border-color: rgba(250,204,21,0.72) !important;
        color: #fff !important;
    }


    body.pau-renew-page .pau-online-page .btn-secondary {
        border-color: rgba(255,255,255,0.18) !important;
        background: transparent !important;
        color: rgba(255,255,255,0.72) !important;
    }


    body.pau-renew-page .pau-online-page input[type="checkbox"] {
        accent-color: #facc15;
        transform: translateY(1px);
        margin-right: 0.42rem;
    }


    body.pau-renew-page .pau-online-page .data-form a {
        color: #facc15;
        font-weight: 800;
        text-decoration: none;
    }


    body.pau-renew-page #pFiyatIndirim {
        display: none;
        margin: 0 !important;
        padding: 1.05rem 1.15rem;
        border: 1px solid #facc15;
        border-radius: 6px;
        background: linear-gradient(135deg, #facc15 0%, #f59e0b 100%);
        color: #0a1628 !important;
        font-size: 1.12rem !important;
        font-weight: 800;
        line-height: 1.45;
        box-shadow: 0 6px 18px rgba(250,204,21,0.18);
    }


    body.pau-renew-page #pFiyatIndirim:not(:empty) { display: block; }


    body.pau-renew-page #pFiyatIndirim i.fa,
body.pau-renew-page #pFiyatIndirim .fa {
        color: #0a1628 !important;
        font-size: 1.25rem;
        vertical-align: -2px;
    }


    body.pau-renew-page .pau-online-page .align-center img {
        max-width: 200px;
        opacity: 0.9;
        filter: drop-shadow(0 4px 16px rgba(0,0,0,0.25));
    }


    body.pau-renew-page .modal {
        font-family: 'Barlow', system-ui, sans-serif;
        color: #fff;
    }


    body.pau-renew-page .modal-body {
        max-height: 62vh;
        overflow-y: auto;
    }


    body.pau-renew-page .modal-dialog { max-width: 860px; }


    body.pau-renew-page .modal-content {
        border-radius: 6px;
        border: 1px solid rgba(255,255,255,0.16);
        background: rgba(10,22,40,0.98);
        box-shadow: 0 24px 80px rgba(0,0,0,0.45);
    }


    body.pau-renew-page .modal-header,
body.pau-renew-page .modal-footer { border-color: rgba(255,255,255,0.12); }


    body.pau-renew-page .modal-title,
body.pau-renew-page .modal h4,
body.pau-renew-page .modal h5 {
        color: #fff;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }


    body.pau-renew-page .modal p,
body.pau-renew-page .modal li,
body.pau-renew-page .modal td { color: rgba(255,255,255,0.78); }


    body.pau-renew-page .modal .close {
        color: #fff;
        text-shadow: none;
        opacity: 0.65;
    }


    body.pau-renew-page /* UyeOl ile ayni sozlesme / taahhutname / KVKK modal sistemi */
    #modalSozlesme.modal.fade.in,
body.pau-renew-page #modalSozlesme.modal.in,
body.pau-renew-page #modalSozlesme.modal.show,
body.pau-renew-page #modalTaahhutnamePersonel.modal.fade.in,
body.pau-renew-page #modalTaahhutnamePersonel.modal.in,
body.pau-renew-page #modalTaahhutnamePersonel.modal.show,
body.pau-renew-page #modalTaahhutnameLisans.modal.fade.in,
body.pau-renew-page #modalTaahhutnameLisans.modal.in,
body.pau-renew-page #modalTaahhutnameLisans.modal.show,
body.pau-renew-page #modalTaahhutnameStandart.modal.fade.in,
body.pau-renew-page #modalTaahhutnameStandart.modal.in,
body.pau-renew-page #modalTaahhutnameStandart.modal.show,
body.pau-renew-page #modalKvkk.modal.fade.in,
body.pau-renew-page #modalKvkk.modal.in,
body.pau-renew-page #modalKvkk.modal.show,
body.pau-renew-page #modalSporBeyan.modal.fade.in,
body.pau-renew-page #modalSporBeyan.modal.in,
body.pau-renew-page #modalSporBeyan.modal.show,
body.pau-renew-page #ModalKameraKayitlari.modal.fade.in,
body.pau-renew-page #ModalKameraKayitlari.modal.in,
body.pau-renew-page #ModalKameraKayitlari.modal.show,
body.pau-renew-page #ModalVeriIsleme.modal.fade.in,
body.pau-renew-page #ModalVeriIsleme.modal.in,
body.pau-renew-page #ModalVeriIsleme.modal.show {
        opacity: 1 !important;
    }


    body.pau-renew-page #modalSozlesme .modal-content,
body.pau-renew-page #modalTaahhutnamePersonel .modal-content,
body.pau-renew-page #modalTaahhutnameLisans .modal-content,
body.pau-renew-page #modalTaahhutnameStandart .modal-content,
body.pau-renew-page #modalKvkk .modal-content,
body.pau-renew-page #modalSporBeyan .modal-content,
body.pau-renew-page #ModalKameraKayitlari .modal-content,
body.pau-renew-page #ModalVeriIsleme .modal-content {
        background: #1f2735 !important;
        color: #fff !important;
        border: 1px solid rgba(255,255,255,0.10) !important;
        border-radius: 8px !important;
        box-shadow: 0 24px 80px rgba(0,0,0,0.55) !important;
        opacity: 1 !important;
    }


    body.pau-renew-page #modalSozlesme .modal-header,
body.pau-renew-page #modalTaahhutnamePersonel .modal-header,
body.pau-renew-page #modalTaahhutnameLisans .modal-header,
body.pau-renew-page #modalTaahhutnameStandart .modal-header,
body.pau-renew-page #modalKvkk .modal-header,
body.pau-renew-page #modalSporBeyan .modal-header,
body.pau-renew-page #ModalKameraKayitlari .modal-header,
body.pau-renew-page #ModalVeriIsleme .modal-header {
        background: rgba(0,0,0,0.20) !important;
        border-bottom: 1px solid rgba(250,204,21,0.28) !important;
        padding: 1.05rem 1.4rem !important;
        display: flex !important;
        align-items: center !important;
    }


    body.pau-renew-page #modalSozlesme .modal-title,
body.pau-renew-page #modalTaahhutnamePersonel .modal-title,
body.pau-renew-page #modalTaahhutnameLisans .modal-title,
body.pau-renew-page #modalTaahhutnameStandart .modal-title,
body.pau-renew-page #modalKvkk .modal-title,
body.pau-renew-page #modalSporBeyan .modal-title,
body.pau-renew-page #ModalKameraKayitlari .modal-title,
body.pau-renew-page #ModalVeriIsleme .modal-title,
body.pau-renew-page #modalSozlesmeLabel,
body.pau-renew-page #modalTaahhutnamePersonelLabel,
body.pau-renew-page #modalTaahhutnameLisansLabel,
body.pau-renew-page #modalTaahhutnameStandartLabel,
body.pau-renew-page #modalKvkkLabel,
body.pau-renew-page #modalSporBeyanLabel {
        color: #facc15 !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        font-weight: 900 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        font-size: 1.1rem !important;
        margin: 0 !important;
    }


    body.pau-renew-page #modalSozlesme .modal-header .close,
body.pau-renew-page #modalTaahhutnamePersonel .modal-header .close,
body.pau-renew-page #modalTaahhutnameLisans .modal-header .close,
body.pau-renew-page #modalTaahhutnameStandart .modal-header .close,
body.pau-renew-page #modalKvkk .modal-header .close,
body.pau-renew-page #modalSporBeyan .modal-header .close,
body.pau-renew-page #ModalKameraKayitlari .modal-header .close,
body.pau-renew-page #ModalVeriIsleme .modal-header .close {
        color: #fff !important;
        opacity: 0.85 !important;
        text-shadow: none !important;
        font-size: 1.6rem !important;
        background: transparent !important;
        border: none !important;
        margin-left: auto !important;
    }


    body.pau-renew-page #modalSozlesme .modal-body,
body.pau-renew-page #modalTaahhutnamePersonel .modal-body,
body.pau-renew-page #modalTaahhutnameLisans .modal-body,
body.pau-renew-page #modalTaahhutnameStandart .modal-body,
body.pau-renew-page #modalKvkk .modal-body,
body.pau-renew-page #modalSporBeyan .modal-body,
body.pau-renew-page #ModalKameraKayitlari .modal-body,
body.pau-renew-page #ModalVeriIsleme .modal-body {
        background: transparent !important;
        color: rgba(255,255,255,0.92) !important;
        padding: 1.25rem 1.4rem !important;
        max-height: 65vh !important;
        overflow-y: auto !important;
    }


    body.pau-renew-page #modalSozlesme .modal-body p,
body.pau-renew-page #modalSozlesme .modal-body li,
body.pau-renew-page #modalSozlesme .modal-body label,
body.pau-renew-page #modalTaahhutnamePersonel .modal-body p,
body.pau-renew-page #modalTaahhutnamePersonel .modal-body li,
body.pau-renew-page #modalTaahhutnamePersonel .modal-body label,
body.pau-renew-page #modalTaahhutnameLisans .modal-body p,
body.pau-renew-page #modalTaahhutnameLisans .modal-body li,
body.pau-renew-page #modalTaahhutnameLisans .modal-body label,
body.pau-renew-page #modalTaahhutnameStandart .modal-body p,
body.pau-renew-page #modalTaahhutnameStandart .modal-body li,
body.pau-renew-page #modalTaahhutnameStandart .modal-body label,
body.pau-renew-page #modalKvkk .modal-body p,
body.pau-renew-page #modalKvkk .modal-body li,
body.pau-renew-page #modalKvkk .modal-body label,
body.pau-renew-page #modalSporBeyan .modal-body p,
body.pau-renew-page #modalSporBeyan .modal-body li,
body.pau-renew-page #modalSporBeyan .modal-body label,
body.pau-renew-page #ModalKameraKayitlari .modal-body p,
body.pau-renew-page #ModalKameraKayitlari .modal-body li,
body.pau-renew-page #ModalKameraKayitlari .modal-body label,
body.pau-renew-page #ModalVeriIsleme .modal-body p,
body.pau-renew-page #ModalVeriIsleme .modal-body li,
body.pau-renew-page #ModalVeriIsleme .modal-body label {
        color: rgba(255,255,255,0.92) !important;
    }


    body.pau-renew-page #modalSozlesme .modal-body strong,
body.pau-renew-page #modalTaahhutnamePersonel .modal-body strong,
body.pau-renew-page #modalTaahhutnameLisans .modal-body strong,
body.pau-renew-page #modalTaahhutnameStandart .modal-body strong,
body.pau-renew-page #modalKvkk .modal-body strong,
body.pau-renew-page #modalSporBeyan .modal-body strong,
body.pau-renew-page #ModalKameraKayitlari .modal-body strong,
body.pau-renew-page #ModalVeriIsleme .modal-body strong {
        color: #facc15 !important;
    }


    body.pau-renew-page #modalSozlesme .modal-footer,
body.pau-renew-page #modalTaahhutnamePersonel .modal-footer,
body.pau-renew-page #modalTaahhutnameLisans .modal-footer,
body.pau-renew-page #modalTaahhutnameStandart .modal-footer,
body.pau-renew-page #modalKvkk .modal-footer,
body.pau-renew-page #modalSporBeyan .modal-footer,
body.pau-renew-page #ModalKameraKayitlari .modal-footer,
body.pau-renew-page #ModalVeriIsleme .modal-footer {
        background: rgba(0,0,0,0.20) !important;
        border-top: 1px solid rgba(255,255,255,0.10) !important;
        padding: 0.9rem 1.4rem !important;
    }


    body.pau-renew-page #modalSozlesme .modal-footer .btn,
body.pau-renew-page #modalTaahhutnamePersonel .modal-footer .btn,
body.pau-renew-page #modalTaahhutnameLisans .modal-footer .btn,
body.pau-renew-page #modalTaahhutnameStandart .modal-footer .btn,
body.pau-renew-page #modalKvkk .modal-footer .btn,
body.pau-renew-page #modalSporBeyan .modal-footer .btn,
body.pau-renew-page #ModalKameraKayitlari .modal-footer .btn,
body.pau-renew-page #ModalVeriIsleme .modal-footer .btn {
        min-height: 2.6rem;
        border-radius: 4px !important;
        border: 1px solid rgba(250,204,21,0.55) !important;
        background: rgba(250,204,21,0.14) !important;
        color: #facc15 !important;
        padding: 0.6rem 1.5rem !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        font-size: 0.8rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        box-shadow: none !important;
        cursor: pointer;
        transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
    }


    body.pau-renew-page #modalSozlesme .modal-footer .btn:hover,
body.pau-renew-page #modalTaahhutnamePersonel .modal-footer .btn:hover,
body.pau-renew-page #modalTaahhutnameLisans .modal-footer .btn:hover,
body.pau-renew-page #modalTaahhutnameStandart .modal-footer .btn:hover,
body.pau-renew-page #modalKvkk .modal-footer .btn:hover,
body.pau-renew-page #modalSporBeyan .modal-footer .btn:hover,
body.pau-renew-page #ModalKameraKayitlari .modal-footer .btn:hover,
body.pau-renew-page #ModalVeriIsleme .modal-footer .btn:hover {
        background: #facc15 !important;
        color: #0a1628 !important;
        border-color: #facc15 !important;
    }


    body.pau-renew-page #modalKayitTarihi .pau-modal-actions {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 0.55rem !important;
        padding: 0.9rem 1.4rem !important;
        background: rgba(0,0,0,0.20) !important;
        border-top: 1px solid rgba(255,255,255,0.10) !important;
    }

    body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn {
        min-width: 8.1rem !important;
        height: 2.55rem !important;
        min-height: 2.55rem !important;
        margin: 0 !important;
        padding: 0 1rem !important;
        border-radius: 4px !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        font-size: 0.78rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.1em !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        box-shadow: none !important;
        transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
    }

    body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn-primary {
        background: #facc15 !important;
        border: 1px solid #facc15 !important;
        color: #0a1628 !important;
    }

    body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn-primary:hover {
        background: #fde047 !important;
        border-color: #fde047 !important;
        color: #0a1628 !important;
    }

    body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn-secondary {
        background: rgba(255,255,255,0.06) !important;
        border: 1px solid rgba(255,255,255,0.18) !important;
        color: rgba(255,255,255,0.78) !important;
    }

    body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn-secondary:hover {
        background: rgba(255,255,255,0.12) !important;
        border-color: rgba(255,255,255,0.32) !important;
        color: #fff !important;
    }


    @media (max-width: 768px) {

        body.pau-renew-page .pau-online-page { padding: 1.5rem 0.9rem 2.4rem; }

        body.pau-renew-page .pau-online-page .widget-contact-form { padding: 1rem; }

        body.pau-renew-page .pau-form-logo img { width: 64px; height: 64px; }

        body.pau-renew-page .pau-online-page .data-form [class*="col-"] { padding: 0.22rem 0.38rem; }

        body.pau-renew-page .pau-section-title { font-size: 0.98rem; margin-top: 0.08rem; }

        body.pau-renew-page .pau-status-upload { padding: 0.72rem; }

        body.pau-renew-page .pau-status-upload .pau-file-control {
            gap: 0.7rem;
            padding: 0.62rem;
        }

        body.pau-renew-page .pau-agreement-row {
            align-items: flex-start;
            justify-content: flex-start;
            gap: 0.55rem;
            text-align: left !important;
        }

        body.pau-renew-page .pau-online-page .btn,
body.pau-renew-page .pau-online-page button,
body.pau-renew-page .pau-online-page input[type="submit"],
body.pau-renew-page .pau-online-page input[type="button"] {
            width: 100%;
            margin: 0.25rem 0;
        }

    
}


    body.pau-renew-page /* === Ileri tarihli baslangic — UyeOl ile birebir === */
    #modalKayitTarihi #txtKayitTarihiModal {
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 4px;
        color: #fff;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.95rem;
        font-weight: 700;
        padding: 0.65rem 0.85rem;
        width: 100%;
        max-width: 220px;
        color-scheme: dark;
    }

    body.pau-renew-page #modalKayitTarihi #txtKayitTarihiModal:focus {
        outline: none;
        border-color: rgba(250,204,21,0.6);
        box-shadow: 0 0 0 2px rgba(250,204,21,0.15);
    }


    body.pau-renew-page /* Inline jQuery UI Datepicker — koyu lacivert tema */
    #kayitTarihiPicker.pau-inline-datepicker {
        margin: 0 auto;
        max-width: 320px;
        background: rgba(255,255,255,0.04) !important;
        border: 1px solid rgba(255,255,255,0.10) !important;
        border-radius: 6px !important;
        padding: 6px !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker {
        width: 100% !important;
        background: transparent !important;
        border: none !important;
        font-family: 'Barlow', system-ui, sans-serif !important;
        color: #fff !important;
        padding: 0 !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-header {
        background: transparent !important;
        border: none !important;
        color: #facc15 !important;
        padding: 0.4rem 0.2rem 0.6rem !important;
        position: relative !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-title {
        color: #facc15 !important;
        font-weight: 800 !important;
        font-size: 0.95rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.04em !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-prev,
body.pau-renew-page #kayitTarihiPicker .ui-datepicker-next {
        background: rgba(255,255,255,0.06) !important;
        border: 1px solid rgba(255,255,255,0.18) !important;
        border-radius: 4px !important;
        color: #fff !important;
        cursor: pointer !important;
        top: 4px !important;
        width: 28px !important;
        height: 28px !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-prev:hover,
body.pau-renew-page #kayitTarihiPicker .ui-datepicker-next:hover {
        background: rgba(250,204,21,0.20) !important;
        border-color: rgba(250,204,21,0.55) !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-prev span,
body.pau-renew-page #kayitTarihiPicker .ui-datepicker-next span {
        background-image: none !important;
        text-indent: 0 !important;
        position: static !important;
        margin: 0 !important;
        color: #fff !important;
        font-size: 0 !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-prev:before { content: "‹"; color: #fff; font-size: 1.4rem; line-height: 1; display: block; text-align: center; }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-next:before { content: "›"; color: #fff; font-size: 1.4rem; line-height: 1; display: block; text-align: center; }

    body.pau-renew-page #kayitTarihiPicker table.ui-datepicker-calendar {
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 2px !important;
        margin: 0 !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar th {
        color: rgba(255,255,255,0.55) !important;
        font-weight: 700 !important;
        font-size: 0.72rem !important;
        text-transform: uppercase !important;
        padding: 4px 0 !important;
        background: transparent !important;
        border: none !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td {
        padding: 0 !important;
        text-align: center !important;
        background: transparent !important;
        border: none !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td a,
body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td span {
        display: block !important;
        padding: 0.45rem 0 !important;
        border-radius: 4px !important;
        color: #fff !important;
        background: rgba(255,255,255,0.04) !important;
        border: 1px solid rgba(255,255,255,0.06) !important;
        text-align: center !important;
        font-weight: 700 !important;
        font-size: 0.85rem !important;
        text-decoration: none !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td a:hover {
        background: rgba(250,204,21,0.20) !important;
        border-color: rgba(250,204,21,0.55) !important;
        color: #facc15 !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td.ui-datepicker-today a,
body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td .ui-state-highlight {
        border-color: rgba(250,204,21,0.55) !important;
        color: #facc15 !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td.ui-datepicker-current-day a,
body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td .ui-state-active {
        background: #facc15 !important;
        color: #0a1628 !important;
        border-color: #facc15 !important;
        font-weight: 900 !important;
    }

    body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td.ui-datepicker-unselectable span,
body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td.ui-state-disabled span,
body.pau-renew-page #kayitTarihiPicker .ui-datepicker-calendar td.ui-datepicker-other-month span {
        color: rgba(255,255,255,0.22) !important;
        background: rgba(255,255,255,0.02) !important;
        border-color: rgba(255,255,255,0.04) !important;
        cursor: not-allowed !important;
    }


    body.pau-renew-page .pau-date-secilen {
        margin: 0.8rem 0 0 !important;
        text-align: center;
        color: rgba(255,255,255,0.85);
        font-size: 0.92rem;
        font-weight: 700;
    }

    body.pau-renew-page .pau-date-secilen strong {
        color: #facc15;
        margin-left: 4px;
    }


    body.pau-renew-page /* Modal aktif gosterim — sozlesme modallari ile birebir */
    #modalKayitTarihi.modal.fade.in,
body.pau-renew-page #modalKayitTarihi.modal.in,
body.pau-renew-page #modalKayitTarihi.modal.show { opacity: 1 !important; }


    body.pau-renew-page /* Baslangic bilgi paneli */
    #divBaslangicBilgi p {
        margin: 0;
        padding: 0.85rem 1rem;
        background: rgba(56,189,248,0.10);
        border: 1px solid rgba(56,189,248,0.30);
        border-radius: 4px;
        color: rgba(255,255,255,0.86);
        font-size: 0.92rem;
        font-weight: 600;
    }

    body.pau-renew-page #divBaslangicBilgi a {
        color: #facc15;
        font-weight: 800;
        text-decoration: underline;
    }

    body.pau-renew-page #divBaslangicBilgi a:hover { color: #fde047; }

    body.pau-renew-page #spnBaslangicTarihi { color: #facc15; font-weight: 800; }

/* Member panel legacy styles, scoped. */
body.pau-panel-page .site-header { display: none !important; }

    body.pau-panel-page .site-loading { display: none !important; }

    body.pau-panel-page .site-footer { display: none !important; }


    body.pau-panel-page *,
body.pau-panel-page *::before,
body.pau-panel-page *::after { box-sizing: border-box; margin: 0; padding: 0; }


    body.pau-panel-page .site-main { padding: 0 !important; margin: 0 !important; }


    body.pau-panel-page .pau-dash-page {
        min-height: 100vh;
        background: #0a1628 url('/assets/img/hero.jpg') center center / cover no-repeat;
        position: relative;
        font-family: 'Barlow', system-ui, sans-serif;
        color: #ffffff;
        padding: 2.5rem 1.5rem 3rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    body.pau-panel-page .pau-dash-scrim {
        position: fixed;
        inset: 0;
        background: linear-gradient(
            to bottom,
            rgba(10,22,40,0.88) 0%,
            rgba(10,22,40,0.70) 40%,
            rgba(10,22,40,0.94) 100%
        );
        pointer-events: none;
        z-index: 0;
    }


    body.pau-panel-page .pau-dash-inner {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 1280px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    body.pau-panel-page .pau-dash-logo {
        margin-bottom: 1.6rem;
    }

    body.pau-panel-page .pau-dash-logo img {
        height: 72px;
        width: 72px;
        filter: drop-shadow(0 2px 14px rgba(0,0,0,0.6));
    }


    body.pau-panel-page .pau-dash-eyebrow {
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.68rem;
        font-weight: 600;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.45);
        margin-bottom: 0.5rem;
        text-align: center;
    }


    body.pau-panel-page .pau-dash-welcome {
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: clamp(1.8rem, 4vw, 2.8rem);
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        color: #ffffff;
        text-align: center;
        line-height: 1.15;
    }


    body.pau-panel-page .pau-dash-welcome-name {
        display: block;
        margin-top: 0.4rem;
    }


    body.pau-panel-page .pau-dash-divider {
        width: 40px;
        height: 2px;
        background: rgba(255,255,255,0.25);
        margin: 1.6rem auto 2rem;
    }


    body.pau-panel-page .pau-main-layout {
        width: 100%;
        display: flex;
        gap: 0.75rem;
        align-items: stretch;
        margin-bottom: 1.2rem;
    }


    body.pau-panel-page .pau-profile-card {
        flex: 1;
        min-width: 0;
        background: rgba(255,255,255,0.06);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(255,255,255,0.12);
        border-radius: 6px;
        padding: 1.6rem 2rem;
        display: flex;
        gap: 1.8rem;
        align-items: flex-start;
    }


    body.pau-panel-page .pau-profile-photo {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    body.pau-panel-page .pau-profile-photo img {
        width: 160px;
        height: 160px;
        object-fit: cover;
        border-radius: 4px;
        border: 1px solid rgba(255,255,255,0.15);
        background: rgba(255,255,255,0.04);
    }


    body.pau-panel-page .pau-profile-photo img.pau-photo-logo {
        object-fit: contain;
        padding: 0.5rem;
    }


    body.pau-panel-page .pau-profile-info { flex: 1; min-width: 0; }


    body.pau-panel-page .pau-info-row {
        display: grid;
        grid-template-columns: 230px minmax(0, 1fr);
        align-items: center;
        column-gap: 1.25rem;
        padding: 0.9rem 0;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    body.pau-panel-page .pau-info-row:first-child { padding-top: 0; }

    body.pau-panel-page .pau-info-row:last-child { border-bottom: none; padding-bottom: 0; }


    body.pau-panel-page .pau-info-label {
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.85rem;
        font-weight: 600;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.55);
        white-space: nowrap;
        flex-shrink: 0;
    }


    body.pau-panel-page .pau-info-value {
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 1.1rem;
        font-weight: 500;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.6rem;
        flex-wrap: wrap;
        min-width: 0;
        width: 100%;
        text-align: left;
    }


    body.pau-panel-page .pau-info-value.pau-date-warn {
        color: #fca5a5;
    }


    body.pau-panel-page .pau-profile-link {
        font-family: 'Barlow', system-ui, sans-serif;
        color: rgba(255,255,255,0.55);
        font-size: 0.8rem;
        font-weight: 500;
        line-height: 1.2;
        text-decoration: none;
        letter-spacing: 0.04em;
    }

    body.pau-panel-page .pau-profile-link:hover { color: #fff; }


    body.pau-panel-page .pau-history-link {
        background: transparent;
        border: 0;
        padding: 0;
        cursor: pointer;
        text-align: left;
    }


    body.pau-panel-page .pau-no-membership {
        color: rgba(255,255,255,0.55);
        font-size: 0.92rem;
        font-weight: 500;
    }


    body.pau-panel-page .pau-renew-inline {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        padding: 0.22rem 0.6rem;
        background: rgba(250,204,21,0.12);
        border: 1px solid rgba(250,204,21,0.45);
        border-radius: 3px;
        margin-left: 0;
        flex-shrink: 0;
    }


    body.pau-panel-page .pau-renew-inline-btn {
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #facc15;
        text-decoration: none;
        white-space: nowrap;
    }

    body.pau-panel-page .pau-renew-inline-btn:hover { color: #fff; text-decoration: none; }


    body.pau-panel-page /* Ileri tarihli baslangic — tiklanamaz info badge */
    .pau-not-started-badge {
        cursor: default;
        color: #facc15;
    }

    body.pau-panel-page .pau-not-started-badge:hover { color: #facc15; }


    body.pau-panel-page .pau-renew-inline-info {
        background: rgba(255,255,255,0.05);
        border-color: rgba(255,255,255,0.18);
        color: rgba(255,255,255,0.72);
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.72rem;
        font-weight: 500;
        letter-spacing: 0.02em;
        text-transform: none;
        white-space: normal;
        line-height: 1.35;
    }

    body.pau-panel-page .pau-renew-inline-info i { color: rgba(255,255,255,0.55); font-size: 0.82rem; flex-shrink: 0; }


    body.pau-panel-page .pau-action-col {
        width: 210px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }


    body.pau-panel-page .pau-action-btn {
        flex: 1;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.7rem;
        padding: 0 1rem;
        background: rgba(255,255,255,0.06);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(255,255,255,0.12);
        border-radius: 6px;
        color: rgba(255,255,255,0.82);
        cursor: pointer;
        transition: background 0.25s, border-color 0.25s, color 0.25s;
        text-align: left;
        line-height: 1.25;
    }

    body.pau-panel-page .pau-action-btn:hover {
        background: rgba(255,255,255,0.11);
        border-color: rgba(255,255,255,0.3);
        color: #fff;
        text-decoration: none;
    }

    body.pau-panel-page .pau-action-btn i {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 1rem;
        color: rgba(255,255,255,0.4);
        width: 1.1rem;
        text-align: center;
        flex-shrink: 0;
        transition: color 0.25s;
    }

    body.pau-panel-page .pau-action-btn:hover i { color: rgba(255,255,255,0.8); }


    body.pau-panel-page .pau-action-btn.pau-btn-logout {
        border-color: rgba(248,113,113,0.35);
        background: rgba(248,113,113,0.07);
        color: #fca5a5;
    }

    body.pau-panel-page .pau-action-btn.pau-btn-logout i { color: rgba(248,113,113,0.55); }

    body.pau-panel-page .pau-action-btn.pau-btn-logout:hover {
        background: rgba(248,113,113,0.16);
        border-color: rgba(248,113,113,0.55);
        color: #fff;
    }

    body.pau-panel-page .pau-action-btn.pau-btn-logout:hover i { color: #fca5a5; }


    body.pau-panel-page .pau-info-note {
        margin-top: 0.8rem;
        font-size: 0.75rem;
        font-weight: 500;
        color: rgba(255,255,255,0.45);
        line-height: 1.5;
        max-width: 500px;
    }


    body.pau-panel-page .pau-dash-footer-note {
        margin-top: 2rem;
        font-size: 0.62rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.18);
        text-align: center;
    }


    body.pau-panel-page .pau-history-modal {
        position: fixed;
        inset: 0;
        z-index: 1000;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 1.25rem;
        font-family: 'Barlow', system-ui, sans-serif;
    }

    body.pau-panel-page .pau-history-modal.is-visible { display: flex; }


    body.pau-panel-page .pau-history-modal-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(2,8,23,0.72);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }


    body.pau-panel-page .pau-history-modal-card {
        position: relative;
        z-index: 1;
        width: min(820px, 100%);
        max-height: min(78vh, 680px);
        overflow: hidden;
        background: rgba(10,22,40,0.96);
        border: 1px solid rgba(255,255,255,0.14);
        border-radius: 6px;
        box-shadow: 0 24px 80px rgba(0,0,0,0.42);
        padding: 1.6rem;
    }


    body.pau-panel-page .pau-history-modal-close {
        position: absolute;
        top: 0.7rem;
        right: 0.7rem;
        width: 2rem;
        height: 2rem;
        border: 0;
        background: transparent;
        color: rgba(255,255,255,0.5);
        font-size: 1.6rem;
        line-height: 1;
        cursor: pointer;
    }

    body.pau-panel-page .pau-history-modal-close:hover { color: #fff; }


    body.pau-panel-page .pau-history-modal-title {
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 1.45rem;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        margin-bottom: 1rem;
        color: #fff;
    }


    body.pau-panel-page .pau-history-table-wrap {
        max-height: calc(78vh - 7rem);
        overflow: auto;
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 6px;
    }


    body.pau-panel-page .pau-history-table {
        width: 100%;
        min-width: 640px;
        border-collapse: collapse;
    }


    body.pau-panel-page .pau-history-table th,
body.pau-panel-page .pau-history-table td {
        padding: 0.78rem 0.85rem;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        text-align: left;
        color: rgba(255,255,255,0.82);
        font-size: 0.9rem;
        white-space: nowrap;
    }


    body.pau-panel-page .pau-history-table th {
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.5);
        background: rgba(255,255,255,0.04);
    }


    body.pau-panel-page .pau-history-table tr:last-child td { border-bottom: 0; }


    body.pau-panel-page .pau-history-empty {
        color: rgba(255,255,255,0.62);
        line-height: 1.55;
        padding: 0.5rem 0 0.1rem;
    }


    body.pau-panel-page .pau-sozlesme-row-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        padding: 0.42rem 0.85rem;
        border-radius: 4px;
        border: 1px solid rgba(255,193,7,0.55);
        background: rgba(255,193,7,0.12);
        color: #ffd351;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        cursor: pointer;
        transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    }

    body.pau-panel-page .pau-sozlesme-row-btn:hover {
        background: rgba(255,193,7,0.22);
        color: #fff;
        border-color: rgba(255,193,7,0.85);
    }


    body.pau-panel-page .pau-sozlesme-modal-card {
        width: min(1000px, 100%);
        max-height: min(88vh, 880px);
        padding: 1.4rem 1.4rem 1.2rem;
        display: flex;
        flex-direction: column;
    }

    body.pau-panel-page .pau-sozlesme-list-wrap {
        flex: 1 1 auto;
        overflow-y: auto;
        padding: 0.4rem 0.2rem 0.6rem;
    }

    body.pau-panel-page .pau-soz-header {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr) 150px;
        align-items: center;
        gap: 1rem;
        padding: 0 1.05rem 0.55rem;
        color: rgba(255,255,255,0.48);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    body.pau-panel-page .pau-soz-list {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
    }

    body.pau-panel-page .pau-soz-loading {
        text-align: center;
        padding: 2rem 0;
        color: rgba(255,255,255,0.55);
        font-size: 0.85rem;
        letter-spacing: 0.04em;
    }

    body.pau-panel-page .pau-soz-row {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr) 150px;
        align-items: center;
        gap: 1rem;
        padding: 0.85rem 1.05rem;
        border-radius: 6px;
        background: rgba(57,73,94,0.72);
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
    }

    body.pau-panel-page .pau-soz-eye {
        width: 2.4rem; height: 2.4rem;
        display: inline-flex; align-items: center; justify-content: center;
        border-radius: 4px;
        border: 1px solid rgba(255,255,255,0.18);
        background: rgba(255,255,255,0.05);
        color: rgba(255,255,255,0.85);
        cursor: pointer; font-size: 0.85rem;
        transition: background 0.2s, border-color 0.2s, color 0.2s;
        justify-self: start;
    }

    body.pau-panel-page .pau-soz-eye:hover {
        background: rgba(250,204,21,0.18);
        border-color: rgba(250,204,21,0.6);
        color: #facc15;
    }

    body.pau-panel-page .pau-soz-name {
        display: flex; align-items: center; gap: 0.7rem;
        text-align: left; min-width: 0;
        color: #fff; font-weight: 700; font-size: 0.95rem;
    }

    body.pau-panel-page .pau-soz-name i {
        flex-shrink: 0; width: 2.4rem; height: 2.4rem;
        display: inline-flex; align-items: center; justify-content: center;
        border-radius: 4px;
        background: rgba(250,204,21,0.12);
        color: #facc15; font-size: 0.95rem;
    }

    body.pau-panel-page .pau-soz-name span { flex: 1; word-break: break-word; line-height: 1.25; }

    body.pau-panel-page .pau-soz-date {
        text-align: left; color: #facc15;
        font-weight: 700; font-size: 0.92rem; white-space: nowrap;
    }

    body.pau-panel-page .pau-modal-onay-tarihi {
        margin-top: 1.2rem; padding-top: 0.8rem;
        border-top: 1px solid rgba(0,0,0,0.08);
        font-size: 0.85rem; color: #444;
    }

    body.pau-panel-page .modal.fade.in,
body.pau-panel-page .modal.fade.show { opacity: 1 !important; }

    body.pau-panel-page .modal.in,
body.pau-panel-page .modal.show { display: block !important; }

    body.pau-panel-page .modal.in .modal-dialog,
body.pau-panel-page .modal.show .modal-dialog { transform: none !important; }

    body.pau-panel-page .modal-backdrop.in,
body.pau-panel-page .modal-backdrop.show { opacity: 0.65 !important; }

    body.pau-panel-page .modal-backdrop {
        z-index: 1500;
        background: #02081d;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    body.pau-panel-page .modal { z-index: 1600; }


    body.pau-panel-page.modal-open { padding-right: 0 !important; overflow: hidden; }


    body.pau-panel-page .modal {
        font-family: 'Barlow', system-ui, sans-serif;
        color: rgba(255,255,255,0.84);
    }

    body.pau-panel-page .modal .modal-dialog {
        width: min(960px, calc(100vw - 2rem));
        max-width: min(960px, calc(100vw - 2rem));
        min-height: calc(100% - 2.5rem);
        margin: 1.25rem auto;
        display: flex;
        align-items: center;
    }

    body.pau-panel-page .modal .modal-content {
        max-height: min(86vh, 760px);
        overflow: hidden;
        background: rgba(10,22,40,0.96);
        border: 1px solid rgba(255,255,255,0.14);
        border-radius: 6px;
        box-shadow: 0 24px 80px rgba(0,0,0,0.42);
        color: rgba(255,255,255,0.84);
    }

    body.pau-panel-page .modal .modal-header {
        align-items: center;
        gap: 0.75rem;
        padding: 1.15rem 1.35rem;
        border-bottom: 1px solid rgba(255,255,255,0.12);
        background: rgba(255,255,255,0.03);
    }

    body.pau-panel-page .modal .modal-title {
        margin: 0;
        padding-right: 0.5rem;
        color: #fff;
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 1.05rem;
        font-weight: 900;
        letter-spacing: 0.05em;
        line-height: 1.25;
        text-transform: uppercase;
    }

    body.pau-panel-page .modal .close {
        width: 2rem; height: 2rem;
        margin: 0 0 0 0.2rem;
        padding: 0;
        display: inline-flex; align-items: center; justify-content: center;
        color: rgba(255,255,255,0.55);
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 1.45rem; line-height: 1;
        text-shadow: none; opacity: 1;
        transition: color 0.2s;
        background: transparent; border: 0;
    }

    body.pau-panel-page .modal .close:hover { color: #facc15; }

    body.pau-panel-page .modal .modal-body {
        max-height: calc(min(86vh, 760px) - 8.6rem);
        overflow: auto;
        padding: 1.35rem;
        background: transparent;
        color: rgba(255,255,255,0.82);
        font-family: 'Barlow', system-ui, sans-serif;
        font-size: 0.95rem;
        font-weight: 500;
        line-height: 1.65;
    }

    body.pau-panel-page .modal .modal-body *,
body.pau-panel-page .modal .modal-footer * {
        font-family: 'Barlow', system-ui, sans-serif !important;
    }

    body.pau-panel-page .modal .modal-body p { margin-bottom: 0.85rem; color: rgba(255,255,255,0.82); }

    body.pau-panel-page .modal .modal-body strong,
body.pau-panel-page .modal .modal-body label,
body.pau-panel-page .modal .modal-body b {
        color: #fff;
        font-weight: 800;
    }

    body.pau-panel-page .modal .modal-body label { margin: 0; letter-spacing: 0.01em; }

    body.pau-panel-page .modal .modal-body h1,
body.pau-panel-page .modal .modal-body h2,
body.pau-panel-page .modal .modal-body h3,
body.pau-panel-page .modal .modal-body h4,
body.pau-panel-page .modal .modal-body h5,
body.pau-panel-page .modal .modal-body h6,
body.pau-panel-page .modal .modal-body .madde-baslik {
        color: #facc15;
        font-weight: 800;
        letter-spacing: 0.02em;
        margin: 1.1rem 0 0.55rem;
    }

    body.pau-panel-page .modal .modal-body .madde-baslik strong,
body.pau-panel-page .modal .modal-body h1 strong,
body.pau-panel-page .modal .modal-body h2 strong,
body.pau-panel-page .modal .modal-body h3 strong,
body.pau-panel-page .modal .modal-body h4 strong,
body.pau-panel-page .modal .modal-body h5 strong,
body.pau-panel-page .modal .modal-body h6 strong { color: #facc15 !important; }

    body.pau-panel-page .modal .modal-body a { color: #facc15; }

    body.pau-panel-page .modal .modal-body hr { border-color: rgba(255,255,255,0.12); }

    body.pau-panel-page .modal .modal-body table {
        width: 100%;
        border-collapse: collapse;
        margin: 0.6rem 0 0.9rem;
        color: rgba(255,255,255,0.82);
    }

    body.pau-panel-page .modal .modal-body table th,
body.pau-panel-page .modal .modal-body table td {
        padding: 0.5rem 0.7rem;
        border: 1px solid rgba(255,255,255,0.12);
        text-align: left;
    }

    body.pau-panel-page .modal .modal-body table th { background: rgba(255,255,255,0.04); color: #fff; }

    body.pau-panel-page .pau-modal-onay-tarihi {
        margin-top: 1.2rem !important;
        padding-top: 0.9rem !important;
        border-top: 1px solid rgba(255,255,255,0.12) !important;
        color: rgba(255,255,255,0.72) !important;
        font-size: 0.85rem !important;
    }

    body.pau-panel-page .pau-modal-onay-tarihi strong { color: #facc15 !important; }

    body.pau-panel-page .modal .modal-footer {
        padding: 1rem 1.35rem;
        border-top: 1px solid rgba(255,255,255,0.12);
        background: rgba(255,255,255,0.03);
    }

    body.pau-panel-page .modal .btn,
body.pau-panel-page .modal .btn-secondary,
body.pau-panel-page .modal .btn-primary,
body.pau-panel-page .modal .btn-default {
        min-height: 2.55rem;
        border-radius: 4px;
        border: 1px solid rgba(255,255,255,0.18);
        background: rgba(255,255,255,0.06);
        color: rgba(255,255,255,0.84);
        font-family: 'Barlow', system-ui, sans-serif !important;
        font-size: 0.78rem;
        font-weight: 850;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 0.55rem 1.1rem;
        text-shadow: none;
        box-shadow: none;
    }

    body.pau-panel-page .modal .btn:hover,
body.pau-panel-page .modal .btn-secondary:hover,
body.pau-panel-page .modal .btn-primary:hover,
body.pau-panel-page .modal .btn-default:hover {
        background: rgba(250,204,21,0.16);
        border-color: rgba(250,204,21,0.55);
        color: #facc15;
    }

    body.pau-panel-page .modal .form-control {
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.16);
        color: #fff;
        border-radius: 4px;
    }

    body.pau-panel-page .modal .form-control:focus {
        background: rgba(255,255,255,0.06);
        border-color: rgba(250,204,21,0.55);
        box-shadow: 0 0 0 2px rgba(250,204,21,0.18);
        color: #fff;
    }

    body.pau-panel-page .modal #pHataUyari { color: #ff8a8a !important; }

    @media (max-width: 760px) {

        body.pau-panel-page .pau-sozlesme-modal-card { padding: 1rem; }

        body.pau-panel-page .pau-soz-header { display: none; }

        body.pau-panel-page .pau-soz-row { grid-template-columns: 44px 1fr; row-gap: 0.4rem; }

        body.pau-panel-page .pau-soz-date { grid-column: 2 / 3; text-align: left; font-size: 0.82rem; }

    
}


    @media (max-width: 760px) {

        body.pau-panel-page .pau-dash-page { padding-top: 2.5rem; }

        body.pau-panel-page .pau-main-layout { flex-direction: column; }

        body.pau-panel-page .pau-action-col { width: 100%; flex-direction: row; flex-wrap: wrap; }

        body.pau-panel-page .pau-action-btn { flex: none; width: calc(50% - 0.375rem); min-height: 3.2rem; }

        body.pau-panel-page .pau-profile-card { gap: 1.2rem; padding: 1.6rem 1.2rem; }

        body.pau-panel-page .pau-info-row { grid-template-columns: 165px minmax(0, 1fr); column-gap: 0.8rem; }

        body.pau-panel-page .pau-info-label { font-size: 0.72rem; }

        body.pau-panel-page .pau-history-modal-card { padding: 1.3rem; }

    
}


    @media (max-width: 460px) {

        body.pau-panel-page .pau-action-btn { width: 100%; }

        body.pau-panel-page .pau-profile-card { flex-direction: column; align-items: stretch; }

        body.pau-panel-page .pau-profile-photo { align-self: center; }

        body.pau-panel-page .pau-profile-info { width: 100%; }

        body.pau-panel-page .pau-info-row { grid-template-columns: 1fr; row-gap: 0.35rem; }

        body.pau-panel-page .pau-info-label { white-space: normal; }

        body.pau-panel-page .pau-history-table { min-width: 0; }

        body.pau-panel-page .pau-history-table thead { display: none; }

        body.pau-panel-page .pau-history-table,
body.pau-panel-page .pau-history-table tbody,
body.pau-panel-page .pau-history-table tr,
body.pau-panel-page .pau-history-table td {
            display: block;
            width: 100%;
        }

        body.pau-panel-page .pau-history-table tr {
            padding: 0.8rem 0.85rem;
            border-bottom: 1px solid rgba(255,255,255,0.08);
        }

        body.pau-panel-page .pau-history-table tr:last-child { border-bottom: 0; }

        body.pau-panel-page .pau-history-table td {
            display: flex;
            justify-content: space-between;
            gap: 1rem;
            padding: 0.22rem 0;
            border-bottom: 0;
            white-space: normal;
            text-align: right;
        }

        body.pau-panel-page .pau-history-table td::before {
            content: attr(data-label);
            flex: 0 0 auto;
            color: rgba(255,255,255,0.48);
            font-size: 0.68rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            text-align: left;
        }

    
}


/* Shared spacing and responsive polish for member registration, renewal, and panel pages. */
body.pau-member-theme {
    --pau-font: 'Barlow', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --pau-bg: #0f2133;
    --pau-panel: rgba(31, 45, 60, 0.82);
    --pau-panel-strong: rgba(26, 39, 53, 0.92);
    --pau-field: rgba(12, 25, 40, 0.82);
    --pau-line: rgba(255,255,255,0.11);
    --pau-line-soft: rgba(255,255,255,0.08);
    --pau-text: rgba(255,255,255,0.82);
    --pau-text-soft: rgba(255,255,255,0.62);
    --pau-muted: rgba(255,255,255,0.45);
    --pau-accent: #f6b80f;
    --pau-accent-strong: #facc15;
    --pau-danger: #ff8a8a;
    --pau-success: #7ddf8f;
    --pau-radius: 6px;
    --pau-gap: 0.5rem;
    --pau-field-height: 2.72rem;
    font-family: var(--pau-font) !important;
}

body.pau-member-theme *,
body.pau-member-theme *::before,
body.pau-member-theme *::after { box-sizing: border-box; }

body.pau-member-theme .pau-hidden,
body.pau-register-page #divKayitSablonu,
body.pau-register-page #divBaslangicBilgi,
body.pau-register-page #divFiyatBilgi,
body.pau-register-page #divTcknSorgula,
body.pau-register-page #divOgrDegilUyari,
body.pau-register-page #divBilgiAlani,
body.pau-register-page #divOgrenciKimlik,
body.pau-register-page #divPersonelKimlik,
body.pau-register-page #divMezunDiploma,
body.pau-register-page #divEmekliKimlik,
body.pau-register-page #divKamuPersoneliKimlik,
body.pau-register-page #divBilgiAlani2,
body.pau-register-page #divBilgiAlani3,
body.pau-renew-page #divBaslangicBilgi,
body.pau-renew-page #divKayitTarihi { display: none; }

body.pau-member-theme .pau-online-page .widget-contact-form {
    width: min(100%, 920px);
    margin-inline: auto;
    padding: 1.25rem 1.35rem 1.35rem;
    border-radius: var(--pau-radius);
}

body.pau-member-theme .pau-online-page .data-form,
body.pau-member-theme .pau-online-page .data-form form { width: 100%; }

body.pau-member-theme .pau-online-page .data-form .row,
body.pau-member-theme .pau-online-page .data-form form > .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--pau-gap) * -1);
    margin-right: calc(var(--pau-gap) * -1);
    row-gap: var(--pau-gap);
}

body.pau-member-theme .pau-online-page .data-form [class*="col-"] {
    padding-left: var(--pau-gap);
    padding-right: var(--pau-gap);
    padding-top: 0;
    padding-bottom: 0;
    min-width: 0;
}

body.pau-register-page #divBilgiAlani.row[style*="display: block"],
body.pau-register-page #divBilgiAlani2.row[style*="display: block"],
body.pau-register-page #divBilgiAlani3.row[style*="display: block"],
body.pau-register-page #divOgrDegilUyari.row[style*="display: block"],
body.pau-renew-page #divKayitTarihi.row[style*="display: block"] {
    display: flex !important;
    flex-wrap: wrap;
}

body.pau-member-theme .pau-online-page select,
body.pau-member-theme .pau-online-page textarea,
body.pau-member-theme .pau-online-page input[type="text"],
body.pau-member-theme .pau-online-page input[type="date"],
body.pau-member-theme .pau-online-page input[type="password"],
body.pau-member-theme .pau-online-page input[type="email"],
body.pau-member-theme .pau-online-page input[type="tel"],
body.pau-member-theme .pau-online-page input[type="number"] {
    width: 100% !important;
    margin: 0;
}

body.pau-member-theme .pau-online-page select,
body.pau-member-theme .pau-online-page input[type="text"],
body.pau-member-theme .pau-online-page input[type="date"],
body.pau-member-theme .pau-online-page input[type="password"],
body.pau-member-theme .pau-online-page input[type="email"],
body.pau-member-theme .pau-online-page input[type="tel"],
body.pau-member-theme .pau-online-page input[type="number"] { min-height: var(--pau-field-height); }

body.pau-member-theme .pau-online-page textarea { min-height: 7.2rem; resize: vertical; }

body.pau-member-theme .pau-choice-row { text-align: left; }
body.pau-member-theme .pau-online-page .form-check-label { margin-bottom: 0 !important; }
body.pau-member-theme .pau-rule { width: 100%; margin: 0.82rem 0; border-color: var(--pau-line-soft); }
body.pau-member-theme #errors,
body.pau-member-theme #pOgrDegilUyari,
body.pau-member-theme .pau-error-pre { color: var(--pau-danger) !important; }
body.pau-member-theme .pau-error-pre { margin: 0.45rem 0 0; white-space: pre-wrap; font: inherit; }
body.pau-member-theme .pau-price-icon { margin-right: 0.55rem; }
body.pau-member-theme .pau-renew-intro { font-size: 1rem; line-height: 1.5; }
body.pau-member-theme .pau-date-help { text-align: center; color: rgba(255,255,255,0.7); font-size: 0.85rem; margin-bottom: 0.8rem; }
body.pau-member-theme .pau-form-message { display: none; }
body.pau-member-theme .pau-form-message.is-visible { display: block; }
body.pau-member-theme .pau-last-unit-meta { color: rgba(255,255,255,0.55); font-size: 0.8rem; font-weight: 500; letter-spacing: 0.04em; }

body.pau-member-theme .pau-online-page .input-group { width: 100%; align-items: stretch; }
body.pau-member-theme .pau-online-page .input-group .form-control,
body.pau-member-theme .pau-online-page .input-group input { flex: 1 1 auto; min-width: 0; }
body.pau-member-theme .pau-online-page .input-group-addon,
body.pau-member-theme .pau-online-page .input-group-append { min-height: var(--pau-field-height); }

body.pau-member-theme .pau-online-page .btn,
body.pau-member-theme .pau-online-page button,
body.pau-member-theme .pau-online-page input[type="submit"],
body.pau-member-theme .pau-online-page input[type="button"] {
    min-height: 2.75rem;
    white-space: normal;
    line-height: 1.15;
}

body.pau-member-theme .pau-online-page .pau-file-control { width: 100%; }
body.pau-member-theme .pau-online-page .pau-file-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

body.pau-member-theme .modal .modal-dialog { width: min(860px, calc(100vw - 2rem)); margin-left: auto; margin-right: auto; }
body.pau-member-theme .modal .modal-body { overflow-x: auto; }
body.pau-member-theme .modal .modal-body table { width: 100%; max-width: 100%; }
body.pau-member-theme .modal .modal-body table th,
body.pau-member-theme .modal .modal-body table td { word-break: break-word; }

body.pau-member-theme .modal .pau-modal-error,
body.pau-member-theme .modal #pHataUyari {
    color: var(--pau-danger) !important;
}

body.pau-member-theme .modal .pau-modal-disc-list {
    list-style: disc;
    padding-left: 1.25rem;
    margin: 0.75rem 0 0;
}

body.pau-member-theme .modal .pau-modal-disc-list li {
    margin-left: 0;
    padding-left: 0.15rem;
}

body.pau-panel-page .pau-dash-inner { margin-top: 2rem; }

/* Unified form rhythm for UyeOl and UyelikUzat. This is the single source for gaps. */
body.pau-register-page,
body.pau-renew-page {
    --pau-panel-pad-x: 1.08rem;
    --pau-panel-pad-y: 1rem;
    --pau-form-gap-x: 0.95rem;
    --pau-form-gap-y: 0.85rem;
    --pau-block-gap: 1rem;
    --pau-field-height: 2.9rem;
    --pau-form-rail: 0.48rem;
}

body.pau-register-page .pau-online-page .widget-contact-form,
body.pau-renew-page .pau-online-page .widget-contact-form {
    padding: var(--pau-panel-pad-y) var(--pau-panel-pad-x) !important;
}

body.pau-register-page .pau-online-page .widget-contact-form {
    display: flow-root;
}

body.pau-register-page .pau-online-page .data-form form > .row:last-child,
body.pau-register-page .pau-online-page .data-form form > .row > [class*="col-"]:last-child,
body.pau-register-page .pau-online-page .data-form form > .row > [class*="col-"]:last-child > :last-child,
body.pau-renew-page .pau-online-page .data-form > .row:last-child,
body.pau-renew-page .pau-online-page .data-form > .row > [class*="col-"]:last-child,
body.pau-renew-page .pau-online-page .data-form > .row > [class*="col-"]:last-child > :last-child {
    margin-bottom: 0 !important;
}

body.pau-register-page .pau-online-page .widget-contact-form h5,
body.pau-renew-page .pau-online-page .widget-contact-form h5,
body.pau-renew-page .pau-section-title {
    margin: 0 0 var(--pau-block-gap) !important;
}

body.pau-renew-page .pau-renew-intro,
body.pau-register-page #divBaslangicBilgi p,
body.pau-renew-page #divBaslangicBilgi p {
    margin: 0 !important;
}

body.pau-register-page .pau-online-page .data-form .row,
body.pau-register-page .pau-online-page .data-form form > .row,
body.pau-renew-page .pau-online-page .data-form .row,
body.pau-renew-page .pau-online-page .data-form form > .row {
    margin-left: calc(var(--pau-form-rail) * -1) !important;
    margin-right: calc(var(--pau-form-rail) * -1) !important;
    row-gap: var(--pau-form-gap-y) !important;
}

body.pau-register-page .pau-online-page .data-form [class*="col-"],
body.pau-renew-page .pau-online-page .data-form [class*="col-"] {
    padding-left: var(--pau-form-rail) !important;
    padding-right: var(--pau-form-rail) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.pau-register-page #divBilgiAlani.row,
body.pau-register-page #divBilgiAlani2.row,
body.pau-register-page #divBilgiAlani3.row,
body.pau-register-page #divOgrDegilUyari.row,
body.pau-renew-page #divKayitTarihi.row {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.pau-register-page #divBilgiAlani.row[style*="display: block"],
body.pau-register-page #divBilgiAlani2.row[style*="display: block"],
body.pau-register-page #divBilgiAlani3.row[style*="display: block"],
body.pau-register-page #divOgrDegilUyari.row[style*="display: block"],
body.pau-renew-page #divKayitTarihi.row[style*="display: block"] {
    display: flex !important;
}

body.pau-register-page #divKayitSablonu,
body.pau-register-page #divBaslangicBilgi,
body.pau-register-page #divFiyatBilgi,
body.pau-register-page #divTcknSorgula,
body.pau-register-page #divBilgiAlani,
body.pau-register-page #divBilgiAlani2,
body.pau-register-page #divBilgiAlani3,
body.pau-renew-page #divFiyatIndirimWrap,
body.pau-renew-page #divBaslangicBilgi,
body.pau-renew-page #divKayitTarihi,
body.pau-renew-page .pau-section-title,
body.pau-renew-page .pau-form-message {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.pau-register-page #pFiyatIndirim,
body.pau-renew-page #pFiyatIndirim,
body.pau-register-page #divBaslangicBilgi,
body.pau-renew-page #divBaslangicBilgi,
body.pau-renew-page .pau-status-upload {
    margin: 0 !important;
}

body.pau-register-page #pFiyatIndirim:not(:empty),
body.pau-renew-page #pFiyatIndirim:not(:empty) {
    padding: 0.78rem 1rem !important;
}

body.pau-register-page #divBaslangicBilgi p,
body.pau-renew-page #divBaslangicBilgi p,
body.pau-renew-page .pau-status-upload {
    padding: 0.78rem 1rem !important;
}

body.pau-renew-page .pau-status-upload-title,
body.pau-renew-page .pau-status-upload-note,
body.pau-register-page .pau-file-field > p:first-child {
    margin: 0 0 0.45rem !important;
}

body.pau-renew-page .pau-status-upload .pau-file-control,
body.pau-register-page .pau-file-control {
    min-height: var(--pau-field-height);
}

body.pau-register-page .pau-rule,
body.pau-renew-page .pau-rule,
body.pau-renew-page .data-form hr {
    margin: var(--pau-block-gap) 0 !important;
}

body.pau-register-page .pau-form-actions,
body.pau-renew-page .pau-form-actions {
    gap: var(--pau-form-gap-x) !important;
}

/* Shared breathing room: UyeOl and UyelikUzat use one gap/padding rhythm. */
html body.pau-register-page .pau-online-page .widget-contact-form,
html body.pau-renew-page .pau-online-page .widget-contact-form {
    min-height: 0 !important;
}

html body.pau-register-page .pau-online-page .widget-contact-form {
    padding: var(--pau-panel-pad-y) var(--pau-panel-pad-x) !important;
}

html body.pau-register-page .pau-online-page .widget-contact-form > .data-form,
html body.pau-register-page .pau-online-page .widget-contact-form > .data-form > form,
html body.pau-renew-page .pau-online-page .widget-contact-form > .data-form,
html body.pau-renew-page .pau-online-page .widget-contact-form > .data-form > form {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page .data-form form > .row,
html body.pau-renew-page .pau-online-page .data-form form > .row {
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

html body.pau-register-page .pau-online-page .data-form form > .row + .row,
html body.pau-renew-page .pau-online-page .data-form form > .row + .row {
    margin-top: var(--pau-form-gap-y) !important;
}

html body.pau-register-page .pau-online-page .data-form [class*="col-"],
html body.pau-renew-page .pau-online-page .data-form [class*="col-"] {
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

html body.pau-register-page #ddlKayitSablonlari,
html body.pau-register-page #pFiyatIndirim,
html body.pau-register-page #divBaslangicBilgi > p,
html body.pau-register-page #divTcknSorgula .form-group,
html body.pau-register-page #divBilgiAlani input,
html body.pau-register-page #divBilgiAlani select,
html body.pau-register-page #divBilgiAlani textarea,
html body.pau-renew-page #ddlKayitSablonlari,
html body.pau-renew-page #pFiyatIndirim,
html body.pau-renew-page #divBaslangicBilgi > p,
html body.pau-renew-page #ddlKartTipi,
html body.pau-renew-page #ddlTaksit {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body.pau-register-page #divKayitSablonu,
html body.pau-register-page #divFiyatBilgi,
html body.pau-register-page #divBaslangicBilgi,
html body.pau-register-page #divTcknSorgula,
html body.pau-renew-page #divFiyatIndirimWrap,
html body.pau-renew-page #divBaslangicBilgi {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

html body.pau-register-page .pau-online-page select,
html body.pau-renew-page .pau-online-page select {
    appearance: none !important;
    -webkit-appearance: none !important;
    color-scheme: dark !important;
    background-color: #132030 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='%23ffffff' d='M7 9 0 0h14z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 0.72rem auto !important;
    border-color: rgba(255,255,255,0.16) !important;
    box-shadow: none !important;
    padding-right: 2.6rem !important;
}

html body.pau-register-page .pau-online-page select:focus,
html body.pau-renew-page .pau-online-page select:focus {
    background-color: #132030 !important;
    border-color: rgba(250,204,21,0.58) !important;
    outline: none !important;
}

html body.pau-register-page .pau-online-page select.pau-cinsiyet-select.pau-locked,
html body.pau-register-page .pau-online-page select.pau-cinsiyet-select.pau-locked:focus {
    background-color: rgba(13,24,38,0.62) !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: rgba(255,255,255,0.88) !important;
    cursor: default !important;
    opacity: 1 !important;
    pointer-events: none;
}

html body.pau-register-page .pau-choice-row,
html body.pau-renew-page .pau-choice-row {
    min-height: 1.35rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    gap: 0.92rem;
}

html body.pau-register-page .pau-online-page .form-check-inline,
html body.pau-renew-page .pau-online-page .form-check-inline {
    min-height: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
}

html body.pau-register-page .pau-online-page .form-check-input,
html body.pau-renew-page .pau-online-page .form-check-input {
    margin-top: 0 !important;
}

html body.pau-register-page .pau-online-page .form-check-label,
html body.pau-renew-page .pau-online-page .form-check-label {
    line-height: 1 !important;
}

html body.pau-register-page .pau-online-page select option,
html body.pau-renew-page .pau-online-page select option {
    background: #132030 !important;
    background-color: #132030 !important;
    color: #fff !important;
    line-height: 1.45 !important;
    min-height: 1.55rem !important;
}

html body.pau-register-page .pau-online-page select option:checked,
html body.pau-renew-page .pau-online-page select option:checked {
    background: #2365c8 !important;
    background-color: #2365c8 !important;
    color: #fff !important;
}

html body.pau-register-page .pau-online-page select option:hover,
html body.pau-renew-page .pau-online-page select option:hover {
    background: #2365c8 !important;
    background-color: #2365c8 !important;
    color: #fff !important;
}

html body.pau-register-page .pau-rule,
html body.pau-renew-page .pau-rule {
    margin: var(--pau-block-gap) 0 !important;
}

html body.pau-register-page .pau-form-actions,
html body.pau-renew-page .pau-form-actions {
    padding-bottom: 0.35rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

html body.pau-register-page .pau-online-page table,
html body.pau-renew-page .pau-online-page table,
html body.pau-register-page .pau-online-page .table,
html body.pau-renew-page .pau-online-page .table,
html body.pau-register-page .pau-online-page .table-responsive,
html body.pau-renew-page .pau-online-page .table-responsive,
html body.pau-register-page .pau-online-page .dataTables_wrapper,
html body.pau-renew-page .pau-online-page .dataTables_wrapper {
    margin-bottom: var(--pau-block-gap) !important;
}

html body.pau-register-page #divKayitSablonu:empty,
html body.pau-register-page #divBaslangicBilgi:empty,
html body.pau-register-page #divFiyatBilgi:empty,
html body.pau-register-page #divTcknSorgula:empty,
html body.pau-register-page #divOgrDegilUyari:empty,
html body.pau-register-page #divBilgiAlani:empty,
html body.pau-register-page #divBilgiAlani2:empty,
html body.pau-register-page #divBilgiAlani3:empty,
html body.pau-renew-page #divKayitTarihi:empty {
    display: none !important;
}

@media (max-width: 768px) {
    body.pau-member-theme { --pau-gap: 0.42rem; --pau-field-height: 2.85rem; }
    body.pau-member-theme .pau-online-page { padding: 1.15rem 0.85rem 2.25rem; }
    body.pau-member-theme .pau-online-page .wrapper-inner { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; }
    body.pau-member-theme .pau-online-page .widget-contact-form { width: 100%; padding: 1rem; }
    body.pau-member-theme .pau-online-page .data-form .row,
    body.pau-member-theme .pau-online-page .data-form form > .row { margin-left: 0; margin-right: 0; row-gap: 0.48rem; }
    body.pau-member-theme .pau-online-page .data-form [class*="col-"] { padding-left: 0; padding-right: 0; width: 100%; flex: 0 0 100%; max-width: 100%; }
    body.pau-member-theme .pau-online-page .btn,
    body.pau-member-theme .pau-online-page button,
    body.pau-member-theme .pau-online-page input[type="submit"],
    body.pau-member-theme .pau-online-page input[type="button"] { width: 100%; min-width: 0; }
    body.pau-member-theme .pau-online-page .input-group { flex-wrap: nowrap; }
    body.pau-member-theme .pau-form-actions { display: grid; grid-template-columns: 1fr; gap: 0.55rem; }
    body.pau-member-theme .modal .modal-dialog { width: calc(100vw - 1rem); margin: 0.5rem auto; }
    body.pau-member-theme .modal .modal-content { max-height: calc(100vh - 1rem); display: flex; flex-direction: column; }
    body.pau-member-theme .modal .modal-body { overflow: auto; -webkit-overflow-scrolling: touch; }
    body.pau-member-theme .modal .modal-footer { display: grid; grid-template-columns: 1fr; gap: 0.55rem; }
    body.pau-member-theme .modal .modal-footer .btn { width: 100%; }
    body.pau-panel-page .pau-dash-inner { margin-top: 1rem; }
    body.pau-panel-page .pau-history-table-wrap { overflow-x: visible; }
}

/* Final shared form contract: Uye Ol and Uyelik Uzat must render from the same spacing system. */
html body.pau-register-page,
html body.pau-renew-page {
    --pau-form-width: 1120px;
    --pau-page-x: clamp(0.85rem, 2.2vw, 2rem);
    --pau-page-top: clamp(1.65rem, 4vh, 3rem);
    --pau-page-bottom: clamp(5rem, 9vh, 7rem);
    --pau-title-bottom: clamp(1.2rem, 3vh, 2rem);
    --pau-panel-pad-x: clamp(1rem, 1.6vw, 1.45rem);
    --pau-panel-pad-y: clamp(1rem, 1.5vw, 1.35rem);
    --pau-form-gap-x: 1rem;
    --pau-form-gap-y: 1rem;
    --pau-form-rail: 0.5rem;
    --pau-block-gap: 1rem;
    --pau-field-height: 2.9rem;
    --pau-radius: 5px;
    --pau-panel-border: rgba(226, 232, 240, 0.16);
    --pau-panel-bg: linear-gradient(180deg, rgba(70, 82, 99, 0.88), rgba(28, 43, 61, 0.92));
    --pau-field-bg: #0f1c2c;
    --pau-field-border: rgba(203, 213, 225, 0.22);
    --pau-muted-panel: rgba(15, 27, 42, 0.34);
}

html body.pau-register-page .pau-online-page,
html body.pau-renew-page .pau-online-page {
    min-height: 100vh !important;
    display: block !important;
    padding: var(--pau-page-top) var(--pau-page-x) var(--pau-page-bottom) !important;
}

html body.pau-register-page .pau-online-page > .section,
html body.pau-renew-page .pau-online-page > .section {
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page > .section:first-child,
html body.pau-renew-page .pau-online-page > .section:first-child {
    margin: 0 0 var(--pau-title-bottom) !important;
}

html body.pau-register-page .pau-online-page > .section:nth-of-type(2),
html body.pau-renew-page .pau-online-page > .section:nth-of-type(2) {
    margin: 0 !important;
}

html body.pau-register-page .pau-online-page .widget-page-title,
html body.pau-renew-page .pau-online-page .widget-page-title {
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page .pau-form-logo,
html body.pau-renew-page .pau-online-page .pau-form-logo {
    margin: 0 auto clamp(1rem, 2.2vh, 1.45rem) !important;
}

html body.pau-register-page .pau-online-page .wrapper-inner,
html body.pau-renew-page .pau-online-page .wrapper-inner {
    width: 100% !important;
    max-width: var(--pau-form-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html body.pau-register-page .pau-online-page .wrapper-inner > .row,
html body.pau-renew-page .pau-online-page .wrapper-inner > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html body.pau-register-page .pau-online-page .wrapper-inner > .row > [class*="col-"],
html body.pau-renew-page .pau-online-page .wrapper-inner > .row > [class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html body.pau-register-page .pau-online-page .widget-contact-form,
html body.pau-renew-page .pau-online-page .widget-contact-form {
    width: 100% !important;
    max-width: var(--pau-form-width) !important;
    margin: 0 auto !important;
    padding: var(--pau-panel-pad-y) var(--pau-panel-pad-x) calc(var(--pau-panel-pad-y) + var(--pau-block-gap)) !important;
    overflow: visible !important;
    border: 1px solid var(--pau-panel-border) !important;
    border-radius: 6px !important;
    background: var(--pau-panel-bg) !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.18) !important;
}

html body.pau-register-page .pau-online-page .data-form,
html body.pau-renew-page .pau-online-page .data-form {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--pau-form-gap-y) !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body.pau-register-page .pau-online-page .data-form > form,
html body.pau-renew-page .pau-online-page .data-form > form {
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page .data-form .row,
html body.pau-renew-page .pau-online-page .data-form .row,
html body.pau-register-page .pau-online-page .data-form form > .row,
html body.pau-renew-page .pau-online-page .data-form form > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    row-gap: var(--pau-form-gap-y) !important;
    margin-top: 0 !important;
    margin-right: calc(var(--pau-form-rail) * -1) !important;
    margin-bottom: 0 !important;
    margin-left: calc(var(--pau-form-rail) * -1) !important;
}

html body.pau-register-page .pau-online-page .data-form .row + .row,
html body.pau-renew-page .pau-online-page .data-form .row + .row,
html body.pau-register-page .pau-online-page .data-form form > .row + .row,
html body.pau-renew-page .pau-online-page .data-form form > .row + .row {
    margin-top: var(--pau-form-gap-y) !important;
}

html body.pau-register-page .pau-online-page .data-form [class*="col-"],
html body.pau-renew-page .pau-online-page .data-form [class*="col-"] {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-right: var(--pau-form-rail) !important;
    padding-bottom: 0 !important;
    padding-left: var(--pau-form-rail) !important;
}

html body.pau-register-page .pau-online-page #divKayitSablonu,
html body.pau-renew-page .pau-online-page #divKayitSablonu,
html body.pau-register-page .pau-online-page #divTcknSorgula,
html body.pau-renew-page .pau-online-page #divTcknSorgula,
html body.pau-register-page .pau-online-page #divFiyatBilgi,
html body.pau-renew-page .pau-online-page #divFiyatBilgi,
html body.pau-register-page .pau-online-page #divBaslangicBilgi,
html body.pau-renew-page .pau-online-page #divBaslangicBilgi,
html body.pau-register-page .pau-online-page #divBilgiAlani,
html body.pau-renew-page .pau-online-page #divBilgiAlani,
html body.pau-register-page .pau-online-page #divBilgiAlani2,
html body.pau-renew-page .pau-online-page #divBilgiAlani2,
html body.pau-register-page .pau-online-page #divBilgiAlani3,
html body.pau-renew-page .pau-online-page #divBilgiAlani3,
html body.pau-register-page .pau-online-page .pau-price-info,
html body.pau-renew-page .pau-online-page .pau-price-info,
html body.pau-register-page .pau-online-page .pau-form-message,
html body.pau-renew-page .pau-online-page .pau-form-message,
html body.pau-register-page .pau-online-page .pau-status-upload,
html body.pau-renew-page .pau-online-page .pau-status-upload,
html body.pau-register-page .pau-online-page .pau-section-title,
html body.pau-renew-page .pau-online-page .pau-section-title,
html body.pau-register-page .pau-online-page .pau-agreement-row,
html body.pau-renew-page .pau-online-page .pau-agreement-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html body.pau-register-page .pau-online-page #divKayitSablonu,
html body.pau-renew-page .pau-online-page #divKayitSablonu,
html body.pau-register-page .pau-online-page #divTcknSorgula,
html body.pau-renew-page .pau-online-page #divTcknSorgula,
html body.pau-register-page .pau-online-page #divFiyatBilgi,
html body.pau-renew-page .pau-online-page #divFiyatBilgi,
html body.pau-register-page .pau-online-page #divBaslangicBilgi,
html body.pau-renew-page .pau-online-page #divBaslangicBilgi,
html body.pau-register-page .pau-online-page #divBilgiAlani,
html body.pau-renew-page .pau-online-page #divBilgiAlani,
html body.pau-register-page .pau-online-page #divBilgiAlani2,
html body.pau-renew-page .pau-online-page #divBilgiAlani2,
html body.pau-register-page .pau-online-page #divBilgiAlani3,
html body.pau-renew-page .pau-online-page #divBilgiAlani3 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html body.pau-register-page .pau-online-page .pau-price-info,
html body.pau-renew-page .pau-online-page .pau-price-info,
html body.pau-register-page .pau-online-page .pau-form-message,
html body.pau-renew-page .pau-online-page .pau-form-message {
    min-height: calc(var(--pau-field-height) + 1.1rem) !important;
    display: flex !important;
    align-items: center !important;
    padding: 0.95rem 1rem !important;
    border-radius: var(--pau-radius) !important;
}

html body.pau-register-page .pau-online-page .pau-form-message,
html body.pau-renew-page .pau-online-page .pau-form-message {
    align-items: flex-start !important;
}

html body.pau-register-page .pau-online-page input,
html body.pau-renew-page .pau-online-page input,
html body.pau-register-page .pau-online-page select,
html body.pau-renew-page .pau-online-page select,
html body.pau-register-page .pau-online-page textarea,
html body.pau-renew-page .pau-online-page textarea,
html body.pau-register-page .pau-online-page .input-group,
html body.pau-renew-page .pau-online-page .input-group {
    margin: 0 !important;
}

html body.pau-register-page .pau-online-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html body.pau-renew-page .pau-online-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html body.pau-register-page .pau-online-page select,
html body.pau-renew-page .pau-online-page select {
    height: var(--pau-field-height) !important;
    min-height: var(--pau-field-height) !important;
    border-color: var(--pau-field-border) !important;
    border-radius: var(--pau-radius) !important;
    background-color: var(--pau-field-bg) !important;
    color: #fff !important;
}

html body.pau-register-page .pau-online-page textarea,
html body.pau-renew-page .pau-online-page textarea {
    min-height: 10rem !important;
    border-color: var(--pau-field-border) !important;
    border-radius: var(--pau-radius) !important;
    background-color: var(--pau-field-bg) !important;
    color: #fff !important;
}

html body.pau-register-page .pau-online-page select:disabled,
html body.pau-renew-page .pau-online-page select:disabled,
html body.pau-register-page .pau-online-page input:disabled,
html body.pau-renew-page .pau-online-page input:disabled {
    opacity: 1 !important;
    background-color: var(--pau-field-bg) !important;
    color: #e5e7eb !important;
    -webkit-text-fill-color: #e5e7eb !important;
}

html body.pau-register-page .pau-online-page .input-group > input,
html body.pau-renew-page .pau-online-page .input-group > input {
    flex: 1 1 auto !important;
    width: 1% !important;
}

html body.pau-register-page .pau-online-page .input-group-btn,
html body.pau-renew-page .pau-online-page .input-group-btn {
    width: auto !important;
}

html body.pau-register-page .pau-online-page .input-group-btn > .btn,
html body.pau-renew-page .pau-online-page .input-group-btn > .btn {
    height: var(--pau-field-height) !important;
    margin: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

html body.pau-register-page .pau-online-page .pau-status-upload,
html body.pau-renew-page .pau-online-page .pau-status-upload {
    padding: 1rem !important;
    border: 1px dashed rgba(250, 204, 21, 0.42) !important;
    border-radius: var(--pau-radius) !important;
    background: rgba(20, 32, 42, 0.5) !important;
}

html body.pau-register-page .pau-online-page .pau-file-control,
html body.pau-renew-page .pau-online-page .pau-file-control,
html body.pau-register-page .pau-online-page .file-control,
html body.pau-renew-page .pau-online-page .file-control {
    min-height: var(--pau-field-height) !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin: 0 !important;
    padding: 0.55rem 0.75rem !important;
    border: 1px dashed rgba(203, 213, 225, 0.2) !important;
    border-radius: var(--pau-radius) !important;
    background: rgba(15, 27, 42, 0.56) !important;
}

html body.pau-register-page .pau-online-page .pau-rule,
html body.pau-renew-page .pau-online-page .pau-rule {
    margin: var(--pau-block-gap) 0 !important;
}

html body.pau-register-page .pau-online-page .pau-form-actions,
html body.pau-renew-page .pau-online-page .pau-form-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--pau-form-gap-x) !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body.pau-register-page .pau-online-page .btn,
html body.pau-renew-page .pau-online-page .btn,
html body.pau-register-page .pau-online-page button,
html body.pau-renew-page .pau-online-page button,
html body.pau-register-page .pau-online-page input[type="submit"],
html body.pau-renew-page .pau-online-page input[type="submit"],
html body.pau-register-page .pau-online-page input[type="button"],
html body.pau-renew-page .pau-online-page input[type="button"] {
    min-width: 12rem;
    min-height: var(--pau-field-height);
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 1.25rem !important;
    border-radius: var(--pau-radius) !important;
    white-space: normal !important;
}

html body.pau-register-page .pau-online-page .align-center,
html body.pau-renew-page .pau-online-page .align-center,
html body.pau-register-page .pau-online-page .align-left,
html body.pau-renew-page .pau-online-page .align-left {
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page .align-center img,
html body.pau-renew-page .pau-online-page .align-center img {
    display: block !important;
    margin: 0.25rem auto 0 !important;
}

html body.pau-register-page .pau-online-page table,
html body.pau-renew-page .pau-online-page table,
html body.pau-register-page .pau-online-page .table,
html body.pau-renew-page .pau-online-page .table,
html body.pau-register-page .pau-online-page .table-responsive,
html body.pau-renew-page .pau-online-page .table-responsive,
html body.pau-register-page .pau-online-page .dataTables_wrapper,
html body.pau-renew-page .pau-online-page .dataTables_wrapper {
    margin-top: 0 !important;
    margin-bottom: var(--pau-block-gap) !important;
}

html body.pau-register-page .pau-online-page .modal .modal-content,
html body.pau-renew-page .pau-online-page .modal .modal-content,
html body.pau-register-page .modal .modal-content,
html body.pau-renew-page .modal .modal-content {
    border-color: var(--pau-panel-border) !important;
    border-radius: 6px !important;
    background: #172638 !important;
    color: #e5e7eb !important;
}

@media (max-width: 768px) {
    html body.pau-register-page,
    html body.pau-renew-page {
        --pau-page-x: 0.85rem;
        --pau-page-top: 1.15rem;
        --pau-page-bottom: 4.75rem;
        --pau-title-bottom: 1rem;
        --pau-panel-pad-x: 1rem;
        --pau-panel-pad-y: 1rem;
        --pau-form-gap-x: 0.7rem;
        --pau-form-gap-y: 0.7rem;
        --pau-form-rail: 0;
        --pau-block-gap: 0.8rem;
        --pau-field-height: 2.85rem;
    }

    html body.pau-register-page .pau-online-page .data-form .row,
    html body.pau-renew-page .pau-online-page .data-form .row,
    html body.pau-register-page .pau-online-page .data-form form > .row,
    html body.pau-renew-page .pau-online-page .data-form form > .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    html body.pau-register-page .pau-online-page .data-form [class*="col-"],
    html body.pau-renew-page .pau-online-page .data-form [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    html body.pau-register-page .pau-online-page .input-group,
    html body.pau-renew-page .pau-online-page .input-group {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    html body.pau-register-page .pau-online-page .btn,
    html body.pau-renew-page .pau-online-page .btn,
    html body.pau-register-page .pau-online-page button,
    html body.pau-renew-page .pau-online-page button,
    html body.pau-register-page .pau-online-page input[type="submit"],
    html body.pau-renew-page .pau-online-page input[type="submit"],
    html body.pau-register-page .pau-online-page input[type="button"],
    html body.pau-renew-page .pau-online-page input[type="button"] {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Rail correction: full-width rows align with the same left/right edge as grid inputs. */
html body.pau-register-page,
html body.pau-renew-page {
    --pau-form-full-width: calc(100% - var(--pau-form-rail) - var(--pau-form-rail));
}

html body.pau-register-page .pau-online-page .data-form .row > #divKayitSablonu,
html body.pau-register-page .pau-online-page .data-form .row > #divTcknSorgula,
html body.pau-register-page .pau-online-page .data-form .row > #divFiyatBilgi,
html body.pau-register-page .pau-online-page .data-form .row > #divBaslangicBilgi,
html body.pau-renew-page .pau-online-page .data-form .row > #divKayitSablonu,
html body.pau-renew-page .pau-online-page .data-form .row > #divTcknSorgula,
html body.pau-renew-page .pau-online-page .data-form .row > #divFiyatBilgi,
html body.pau-renew-page .pau-online-page .data-form .row > #divFiyatIndirimWrap,
html body.pau-renew-page .pau-online-page .data-form .row > #divBaslangicBilgi,
html body.pau-register-page .pau-online-page .data-form .row > .pau-price-info,
html body.pau-renew-page .pau-online-page .data-form .row > .pau-price-info,
html body.pau-register-page .pau-online-page .data-form .row > .pau-form-message,
html body.pau-renew-page .pau-online-page .data-form .row > .pau-form-message {
    width: var(--pau-form-full-width) !important;
    max-width: var(--pau-form-full-width) !important;
    flex: 0 0 var(--pau-form-full-width) !important;
    margin-right: var(--pau-form-rail) !important;
    margin-left: var(--pau-form-rail) !important;
}

html body.pau-register-page .pau-online-page .data-form .row > #divKayitSablonu,
html body.pau-register-page .pau-online-page .data-form .row > #divTcknSorgula,
html body.pau-renew-page .pau-online-page .data-form .row > #divKayitSablonu,
html body.pau-renew-page .pau-online-page .data-form .row > #divTcknSorgula {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html body.pau-register-page .pau-online-page .data-form .row > #divFiyatBilgi,
html body.pau-register-page .pau-online-page .data-form .row > #divBaslangicBilgi,
html body.pau-renew-page .pau-online-page .data-form .row > #divFiyatBilgi,
html body.pau-renew-page .pau-online-page .data-form .row > #divFiyatIndirimWrap,
html body.pau-renew-page .pau-online-page .data-form .row > #divBaslangicBilgi {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Shared 12-column form grid: one gap model for Uye Ol and Uyelik Uzat. */
html body.pau-register-page .pau-online-page .data-form .row,
html body.pau-renew-page .pau-online-page .data-form .row,
html body.pau-register-page .pau-online-page .data-form form > .row,
html body.pau-renew-page .pau-online-page .data-form form > .row {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    column-gap: var(--pau-form-gap-x) !important;
    row-gap: var(--pau-form-gap-y) !important;
    align-items: stretch !important;
    margin: 0 !important;
    width: 100% !important;
}

html body.pau-register-page .pau-online-page .data-form .row + .row,
html body.pau-renew-page .pau-online-page .data-form .row + .row,
html body.pau-register-page .pau-online-page .data-form form > .row + .row,
html body.pau-renew-page .pau-online-page .data-form form > .row + .row {
    margin-top: var(--pau-form-gap-y) !important;
}

html body.pau-register-page .pau-online-page .data-form .row > [class*="col-"],
html body.pau-renew-page .pau-online-page .data-form .row > [class*="col-"],
html body.pau-register-page .pau-online-page .data-form form > .row > [class*="col-"],
html body.pau-renew-page .pau-online-page .data-form form > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page .data-form .row > .col-12,
html body.pau-register-page .pau-online-page .data-form .row > .col-md-12,
html body.pau-register-page .pau-online-page .data-form .row > .col-lg-12,
html body.pau-renew-page .pau-online-page .data-form .row > .col-12,
html body.pau-renew-page .pau-online-page .data-form .row > .col-md-12,
html body.pau-renew-page .pau-online-page .data-form .row > .col-lg-12,
html body.pau-register-page .pau-online-page .data-form .row > #divBilgiAlani,
html body.pau-register-page .pau-online-page .data-form .row > #divBilgiAlani2,
html body.pau-register-page .pau-online-page .data-form .row > #divBilgiAlani3,
html body.pau-register-page .pau-online-page .data-form .row > #divOgrDegilUyari,
html body.pau-renew-page .pau-online-page .data-form .row > #divKayitTarihi {
    grid-column: 1 / -1 !important;
}

html body.pau-register-page .pau-online-page .data-form .row > .col-md-8,
html body.pau-renew-page .pau-online-page .data-form .row > .col-md-8 {
    grid-column: span 8 !important;
}

html body.pau-register-page .pau-online-page .data-form .row > .col-md-6,
html body.pau-renew-page .pau-online-page .data-form .row > .col-md-6 {
    grid-column: span 6 !important;
}

html body.pau-register-page .pau-online-page .data-form .row > .col-md-4,
html body.pau-renew-page .pau-online-page .data-form .row > .col-md-4 {
    grid-column: span 4 !important;
}

html body.pau-register-page .pau-online-page .data-form .row > .col-md-3,
html body.pau-renew-page .pau-online-page .data-form .row > .col-md-3 {
    grid-column: span 3 !important;
}

html body.pau-register-page .pau-online-page .data-form .row > #divKayitSablonu,
html body.pau-register-page .pau-online-page .data-form .row > #divTcknSorgula,
html body.pau-register-page .pau-online-page .data-form .row > #divFiyatBilgi,
html body.pau-register-page .pau-online-page .data-form .row > #divBaslangicBilgi,
html body.pau-renew-page .pau-online-page .data-form .row > #divKayitSablonu,
html body.pau-renew-page .pau-online-page .data-form .row > #divTcknSorgula,
html body.pau-renew-page .pau-online-page .data-form .row > #divFiyatBilgi,
html body.pau-renew-page .pau-online-page .data-form .row > #divFiyatIndirimWrap,
html body.pau-renew-page .pau-online-page .data-form .row > #divBaslangicBilgi,
html body.pau-register-page .pau-online-page .data-form .row > .pau-price-info,
html body.pau-renew-page .pau-online-page .data-form .row > .pau-price-info,
html body.pau-register-page .pau-online-page .data-form .row > .pau-form-message,
html body.pau-renew-page .pau-online-page .data-form .row > .pau-form-message {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    grid-column: 1 / -1 !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    html body.pau-register-page .pau-online-page .data-form .row,
    html body.pau-renew-page .pau-online-page .data-form .row,
    html body.pau-register-page .pau-online-page .data-form form > .row,
    html body.pau-renew-page .pau-online-page .data-form form > .row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body.pau-register-page .pau-online-page .data-form .row > [class*="col-"],
    html body.pau-renew-page .pau-online-page .data-form .row > [class*="col-"],
    html body.pau-register-page .pau-online-page .data-form form > .row > [class*="col-"],
    html body.pau-renew-page .pau-online-page .data-form form > .row > [class*="col-"] {
        grid-column: 1 / -1 !important;
    }
}

/* Dynamic package row in Uye Ol used to keep an old vertical reserve; normalize it. */
html body.pau-register-page .pau-online-page .data-form .row > #divKayitSablonu {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    html body.pau-register-page .pau-online-page .data-form .row > #divKayitSablonu {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Restore Uye Ol flow: these blocks stay hidden until page scripts explicitly open them. */
html body.pau-register-page .pau-online-page #divKayitSablonu:not([style*="display: block"]):not([style*="display:block"]),
html body.pau-register-page .pau-online-page #divBaslangicBilgi:not([style*="display: block"]):not([style*="display:block"]),
html body.pau-register-page .pau-online-page #divFiyatBilgi:not([style*="display: block"]):not([style*="display:block"]),
html body.pau-register-page .pau-online-page #divTcknSorgula:not([style*="display: block"]):not([style*="display:block"]),
html body.pau-register-page .pau-online-page #divOgrDegilUyari:not([style*="display: block"]):not([style*="display:block"]),
html body.pau-register-page .pau-online-page #divBilgiAlani:not([style*="display: block"]):not([style*="display:block"]),
html body.pau-register-page .pau-online-page #divBilgiAlani2:not([style*="display: block"]):not([style*="display:block"]),
html body.pau-register-page .pau-online-page #divBilgiAlani3:not([style*="display: block"]):not([style*="display:block"]),
html body.pau-renew-page .pau-online-page #divBaslangicBilgi:not([style*="display: block"]):not([style*="display:block"]),
html body.pau-renew-page .pau-online-page #divKayitTarihi:not([style*="display: block"]):not([style*="display:block"]) {
    display: none !important;
}

html body.pau-register-page .pau-online-page #divKayitSablonu[style*="display: block"],
html body.pau-register-page .pau-online-page #divKayitSablonu[style*="display:block"],
html body.pau-register-page .pau-online-page #divBaslangicBilgi[style*="display: block"],
html body.pau-register-page .pau-online-page #divBaslangicBilgi[style*="display:block"],
html body.pau-register-page .pau-online-page #divFiyatBilgi[style*="display: block"],
html body.pau-register-page .pau-online-page #divFiyatBilgi[style*="display:block"],
html body.pau-register-page .pau-online-page #divTcknSorgula[style*="display: block"],
html body.pau-register-page .pau-online-page #divTcknSorgula[style*="display:block"],
html body.pau-renew-page .pau-online-page #divBaslangicBilgi[style*="display: block"],
html body.pau-renew-page .pau-online-page #divBaslangicBilgi[style*="display:block"],
html body.pau-renew-page .pau-online-page #divKayitTarihi[style*="display: block"],
html body.pau-renew-page .pau-online-page #divKayitTarihi[style*="display:block"] {
    display: block !important;
}

html body.pau-register-page .pau-online-page #divOgrDegilUyari[style*="display: block"],
html body.pau-register-page .pau-online-page #divOgrDegilUyari[style*="display:block"],
html body.pau-register-page .pau-online-page #divBilgiAlani[style*="display: block"],
html body.pau-register-page .pau-online-page #divBilgiAlani[style*="display:block"],
html body.pau-register-page .pau-online-page #divBilgiAlani2[style*="display: block"],
html body.pau-register-page .pau-online-page #divBilgiAlani2[style*="display:block"],
html body.pau-register-page .pau-online-page #divBilgiAlani3[style*="display: block"],
html body.pau-register-page .pau-online-page #divBilgiAlani3[style*="display:block"] {
    display: grid !important;
}

/* Choice radios are shared between Uye Ol and Uyelik Uzat. */
html body.pau-register-page .pau-online-page .pau-choice-row,
html body.pau-renew-page .pau-online-page .pau-choice-row {
    display: flex !important;
    align-items: center !important;
    gap: 1.15rem !important;
    min-height: 1.75rem !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page .pau-choice-row .form-check,
html body.pau-renew-page .pau-online-page .pau-choice-row .form-check,
html body.pau-register-page .pau-online-page .pau-choice-row .form-check-inline,
html body.pau-renew-page .pau-online-page .pau-choice-row .form-check-inline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    margin: 0 !important;
    padding: 0.55rem 1.1rem !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 4px !important;
    background: rgba(13, 24, 38, 0.45) !important;
    cursor: pointer !important;
    transition: border-color 0.2s, background 0.2s !important;
}

html body.pau-register-page .pau-online-page .pau-choice-row .form-check:hover,
html body.pau-renew-page .pau-online-page .pau-choice-row .form-check:hover,
html body.pau-register-page .pau-online-page .pau-choice-row .form-check-inline:hover,
html body.pau-renew-page .pau-online-page .pau-choice-row .form-check-inline:hover {
    border-color: rgba(250, 204, 21, 0.35) !important;
    background: rgba(13, 24, 38, 0.65) !important;
}

html body.pau-register-page .pau-online-page .pau-choice-row .form-check-inline:has(input:checked),
html body.pau-register-page .pau-online-page .pau-choice-row .form-check:has(input:checked),
html body.pau-renew-page .pau-online-page .pau-choice-row .form-check-inline:has(input:checked),
html body.pau-renew-page .pau-online-page .pau-choice-row .form-check:has(input:checked) {
    border-color: rgba(250, 204, 21, 0.5) !important;
    background: rgba(250, 204, 21, 0.08) !important;
}

html body.pau-register-page .pau-online-page .pau-choice-row input[type="radio"],
html body.pau-renew-page .pau-online-page .pau-choice-row input[type="radio"] {
    width: 0.95rem !important;
    height: 0.95rem !important;
    min-height: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

html body.pau-register-page .pau-online-page .pau-choice-row label,
html body.pau-renew-page .pau-online-page .pau-choice-row label {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

/* Final shared polish for renewal payment rows, start-date links and date modal. */
html body.pau-renew-page .pau-online-page .data-form #frmOdeme {
    display: block !important;
    width: 100% !important;
    margin: var(--pau-form-gap-y) 0 0 !important;
    padding: 0 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row {
    margin: 0 !important;
    column-gap: var(--pau-form-gap-x) !important;
    row-gap: var(--pau-form-gap-y) !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme + .row {
    margin-top: var(--pau-form-gap-y) !important;
}

html body.pau-register-page .pau-online-page #divBaslangicBilgi p a,
html body.pau-renew-page .pau-online-page #divBaslangicBilgi p a {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #facc15 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

html body.pau-register-page .pau-online-page #divBaslangicBilgi p a:hover,
html body.pau-renew-page .pau-online-page #divBaslangicBilgi p a:hover,
html body.pau-register-page .pau-online-page #divBaslangicBilgi p a:focus,
html body.pau-renew-page .pau-online-page #divBaslangicBilgi p a:focus {
    color: #fde047 !important;
    text-decoration: none !important;
}

html body.pau-register-page #modalKayitTarihi.modal,
html body.pau-renew-page #modalKayitTarihi.modal {
    z-index: 1065 !important;
}

html body.pau-register-page #modalKayitTarihi .modal-dialog,
html body.pau-renew-page #modalKayitTarihi .modal-dialog {
    width: calc(100vw - 2rem) !important;
    max-width: 860px !important;
    margin: 1.75rem auto !important;
    opacity: 1 !important;
}

html body.pau-register-page #modalKayitTarihi .modal-content,
html body.pau-renew-page #modalKayitTarihi .modal-content {
    overflow: hidden !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    border-radius: 5px !important;
    background: #132030 !important;
    color: #e5e7eb !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45) !important;
}

html body.pau-register-page #modalKayitTarihi .modal-header,
html body.pau-renew-page #modalKayitTarihi .modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 1rem 1.2rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: #132030 !important;
}

html body.pau-register-page #modalKayitTarihi .modal-title,
html body.pau-renew-page #modalKayitTarihi .modal-title {
    margin: 0 !important;
    color: #fff !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}

html body.pau-register-page #modalKayitTarihi .close,
html body.pau-renew-page #modalKayitTarihi .close {
    width: 2rem !important;
    min-width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 1.6rem !important;
    line-height: 1 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html body.pau-register-page #modalKayitTarihi .modal-body,
html body.pau-renew-page #modalKayitTarihi .modal-body {
    padding: 1.25rem 1.5rem 1rem !important;
    text-align: center !important;
    background: #132030 !important;
}

html body.pau-register-page #modalKayitTarihi .pau-date-help,
html body.pau-renew-page #modalKayitTarihi .pau-date-help {
    max-width: none !important;
    margin: 0 auto 1rem !important;
    color: rgba(229, 231, 235, 0.9) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

html body.pau-register-page #modalKayitTarihi .pau-inline-datepicker,
html body.pau-renew-page #modalKayitTarihi .pau-inline-datepicker {
    width: 320px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

html body.pau-register-page #modalKayitTarihi .pau-date-secilen,
html body.pau-renew-page #modalKayitTarihi .pau-date-secilen {
    margin: 1rem 0 0 !important;
    color: rgba(229, 231, 235, 0.92) !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    text-align: center !important;
}

html body.pau-register-page #modalKayitTarihi .pau-date-secilen strong,
html body.pau-renew-page #modalKayitTarihi .pau-date-secilen strong {
    color: #facc15 !important;
    font-weight: 900 !important;
}

html body.pau-register-page #modalKayitTarihi .pau-modal-actions,
html body.pau-renew-page #modalKayitTarihi .pau-modal-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.65rem !important;
    margin: 0 !important;
    padding: 0.9rem 1.4rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

html body.pau-register-page #modalKayitTarihi .pau-modal-actions .btn,
html body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn {
    width: auto !important;
    min-width: 8.1rem !important;
    height: 2.55rem !important;
    min-height: 2.55rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    border-radius: 4px !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.1em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

html body.pau-register-page #modalKayitTarihi .pau-modal-actions .btn-primary,
html body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn-primary {
    border: 1px solid #facc15 !important;
    background: #facc15 !important;
    color: #0a1628 !important;
}

html body.pau-register-page #modalKayitTarihi .pau-modal-actions .btn-primary:hover,
html body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn-primary:hover {
    border-color: #fde047 !important;
    background: #fde047 !important;
    color: #0a1628 !important;
}

html body.pau-register-page #modalKayitTarihi .pau-modal-actions .btn-secondary,
html body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn-secondary {
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.78) !important;
}

html body.pau-register-page #modalKayitTarihi .pau-modal-actions .btn-secondary:hover,
html body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn-secondary:hover {
    border-color: rgba(255, 255, 255, 0.32) !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

@media (max-width: 768px) {
    html body.pau-register-page #modalKayitTarihi .modal-dialog,
    html body.pau-renew-page #modalKayitTarihi .modal-dialog {
        width: calc(100vw - 1rem) !important;
        margin: 0.5rem auto !important;
    }

    html body.pau-register-page #modalKayitTarihi .modal-body,
    html body.pau-renew-page #modalKayitTarihi .modal-body {
        padding: 1rem !important;
    }

    html body.pau-register-page #modalKayitTarihi .pau-modal-actions,
    html body.pau-renew-page #modalKayitTarihi .pau-modal-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        padding: 0.85rem 1rem !important;
    }

    html body.pau-register-page #modalKayitTarihi .pau-modal-actions .btn,
    html body.pau-renew-page #modalKayitTarihi .pau-modal-actions .btn {
        width: 100% !important;
    }
}

/* Final repair: prevent half-width fields from drifting onto a solo centered row.
   Uye Ol personal fields and Uyelik Uzat card fields must use the same explicit row math. */
html body.pau-register-page .pau-online-page #divBilgiAlani[style*="display: block"],
html body.pau-register-page .pau-online-page #divBilgiAlani[style*="display:block"],
html body.pau-renew-page .pau-online-page #frmOdeme > .row,
html body.pau-register-page .pau-online-page #frmOdeme > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    row-gap: var(--pau-form-gap-y) !important;
    width: auto !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-right: calc(var(--pau-form-rail) * -1) !important;
    margin-bottom: 0 !important;
    margin-left: calc(var(--pau-form-rail) * -1) !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani > [class*="col-"],
html body.pau-renew-page .pau-online-page #frmOdeme > .row > [class*="col-"],
html body.pau-register-page .pau-online-page #frmOdeme > .row > [class*="col-"] {
    float: none !important;
    grid-column: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-right: var(--pau-form-rail) !important;
    padding-bottom: 0 !important;
    padding-left: var(--pau-form-rail) !important;
    box-sizing: border-box !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani > .col-md-6,
html body.pau-renew-page .pau-online-page #frmOdeme > .row > .col-md-6,
html body.pau-register-page .pau-online-page #frmOdeme > .row > .col-md-6 {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani > .col-md-4,
html body.pau-renew-page .pau-online-page #frmOdeme > .row > .col-md-4,
html body.pau-register-page .pau-online-page #frmOdeme > .row > .col-md-4 {
    flex: 0 0 33.333333% !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani > .col-md-3,
html body.pau-renew-page .pau-online-page #frmOdeme > .row > .col-md-3,
html body.pau-register-page .pau-online-page #frmOdeme > .row > .col-md-3 {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani > .col-12,
html body.pau-register-page .pau-online-page #divBilgiAlani > .col-md-12,
html body.pau-renew-page .pau-online-page #frmOdeme > .row > .col-12,
html body.pau-renew-page .pau-online-page #frmOdeme > .row > .col-md-12,
html body.pau-register-page .pau-online-page #frmOdeme > .row > .col-12,
html body.pau-register-page .pau-online-page #frmOdeme > .row > .col-md-12 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 768px) {
    html body.pau-register-page .pau-online-page #divBilgiAlani > [class*="col-"],
    html body.pau-renew-page .pau-online-page #frmOdeme > .row > [class*="col-"],
    html body.pau-register-page .pau-online-page #frmOdeme > .row > [class*="col-"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Final header/form toolbar and centered date modal contract. */
html body.pau-register-page .pau-online-page .widget-page-title .widget-breadcrumb,
html body.pau-renew-page .pau-online-page .widget-page-title .widget-breadcrumb,
html body.pau-register-page .pau-online-page .widget-page-title .pau-divider,
html body.pau-renew-page .pau-online-page .widget-page-title .pau-divider {
    display: none !important;
}

html body.pau-register-page .pau-online-page .widget-contact-form,
html body.pau-renew-page .pau-online-page .widget-contact-form {
    position: relative !important;
}

html body.pau-register-page .pau-form-toolbar,
html body.pau-renew-page .pau-form-toolbar {
    position: absolute !important;
    top: var(--pau-panel-pad-y) !important;
    right: var(--pau-panel-pad-x) !important;
    z-index: 3 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-form-shortcut,
html body.pau-renew-page .pau-form-shortcut {
    min-height: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    margin: 0 !important;
    padding: 0.35rem 0.55rem !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 4px !important;
    background: rgba(15, 27, 42, 0.45) !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

html body.pau-register-page .pau-form-shortcut:hover,
html body.pau-renew-page .pau-form-shortcut:hover,
html body.pau-register-page .pau-form-shortcut:focus,
html body.pau-renew-page .pau-form-shortcut:focus {
    border-color: rgba(250, 204, 21, 0.48) !important;
    color: #facc15 !important;
    text-decoration: none !important;
}

html body.pau-register-page .pau-form-shortcut i,
html body.pau-renew-page .pau-form-shortcut i {
    font-size: 0.9rem !important;
    line-height: 1 !important;
}

html body.pau-register-page #divTcknSorgula .input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: var(--pau-form-gap-x) !important;
}

html body.pau-register-page #divTcknSorgula .input-group > input,
html body.pau-register-page #divTcknSorgula .input-group .form-control {
    width: 1% !important;
    flex: 1 1 auto !important;
    border-radius: var(--pau-radius) !important;
}

html body.pau-register-page #divTcknSorgula .input-group-append,
html body.pau-register-page #divTcknSorgula .input-group-btn {
    width: auto !important;
    margin: 0 !important;
}

html body.pau-register-page #divTcknSorgula #btnSorgula {
    min-width: 12rem !important;
    border-radius: var(--pau-radius) !important;
}

html body.pau-register-page #modalKayitTarihi .modal-header,
html body.pau-renew-page #modalKayitTarihi .modal-header {
    position: relative !important;
    justify-content: center !important;
    padding-right: 3.2rem !important;
    padding-left: 3.2rem !important;
}

html body.pau-register-page #modalKayitTarihi .modal-title,
html body.pau-renew-page #modalKayitTarihi .modal-title {
    width: 100% !important;
    text-align: center !important;
}

html body.pau-register-page #modalKayitTarihi .close,
html body.pau-renew-page #modalKayitTarihi .close {
    position: absolute !important;
    top: 50% !important;
    right: 1rem !important;
    transform: translateY(-50%) !important;
}

html body.pau-register-page #modalKayitTarihi .pau-modal-actions,
html body.pau-renew-page #modalKayitTarihi .pau-modal-actions {
    justify-content: center !important;
}

@media (max-width: 768px) {
    html body.pau-register-page .pau-form-toolbar,
    html body.pau-renew-page .pau-form-toolbar {
        position: static !important;
        justify-content: flex-end !important;
        margin-bottom: var(--pau-form-gap-y) !important;
    }

    html body.pau-register-page #divTcknSorgula .input-group {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: var(--pau-form-gap-y) !important;
    }

    html body.pau-register-page #divTcknSorgula .input-group > input,
    html body.pau-register-page #divTcknSorgula .input-group .form-control,
    html body.pau-register-page #divTcknSorgula #btnSorgula {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body.pau-register-page #modalKayitTarihi .modal-header,
    html body.pau-renew-page #modalKayitTarihi .modal-header {
        padding-right: 2.7rem !important;
        padding-left: 2.7rem !important;
    }

    html body.pau-register-page #modalKayitTarihi .modal-title,
    html body.pau-renew-page #modalKayitTarihi .modal-title {
        font-size: 1.2rem !important;
    }
}

/* Final centering fix: keep Uye Ol/Uyelik Uzat rows using the full panel width. */
html body.pau-register-page .pau-online-page .data-form > form > .row,
html body.pau-renew-page .pau-online-page .data-form > form > .row,
html body.pau-register-page .pau-online-page .data-form > .row,
html body.pau-renew-page .pau-online-page .data-form > .row {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Absolute card form layout for Uyelik Uzat + Odeme (yeni uye ol).
   The payment post form is outside the main visible row structure, so Bootstrap/flex
   fallbacks can wrap it incorrectly. Lock the six visible card fields to one grid. */
html body.pau-renew-page .pau-online-page .data-form #frmOdeme,
html body.pau-register-page .pau-online-page .data-form #frmOdeme {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row,
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    column-gap: var(--pau-form-gap-x) !important;
    row-gap: var(--pau-form-gap-y) !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row > [class*="col-"],
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row > [class*="col-"] {
    float: none !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: auto !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(1),
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(1) {
    grid-column: 1 / span 6 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(2),
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(2) {
    grid-column: 7 / span 6 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(3),
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(3) {
    grid-column: 1 / span 3 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(4),
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(4) {
    grid-column: 4 / span 3 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(5),
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(5) {
    grid-column: 7 / span 3 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(6),
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row > div:nth-child(6) {
    grid-column: 10 / span 3 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row input,
html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row select,
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row input,
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row select {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 768px) {
    html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row,
    html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row > [class*="col-"],
    html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row > [class*="col-"] {
        grid-column: 1 / -1 !important;
    }
}

/* E-Devlet belge yükleme kartı */
#divEdevletBelge {
    margin-bottom: 20px;
}
#divEdevletBelge > .col-md-12 {
    grid-column: 1 / -1;
}
.pau-edevlet-upload-card {
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(6px);
    border: 2px dashed rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    padding: 40px 32px;
    text-align: center;
    transition: border-color 0.3s, background 0.3s;
}
.pau-edevlet-upload-card:hover {
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.12);
}
.pau-edevlet-icon {
    font-size: 52px;
    color: #f5c518;
    margin-bottom: 16px;
    display: block;
}
.pau-edevlet-upload-card h4 {
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #fff;
    margin: 0 0 8px;
    letter-spacing: 0.5px;
}
.pau-edevlet-hint {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    margin: 0 0 20px;
}
.pau-edevlet-btn {
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 12px 36px;
    border-radius: 8px;
    cursor: pointer;
}
.pau-edevlet-btn i {
    margin-right: 8px;
}
.pau-edevlet-dosya-adi {
    margin-top: 14px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    word-break: break-all;
}
.pau-edevlet-upload-card .alert {
    text-align: left;
    font-size: 14px;
    border-radius: 8px;
    margin-top: 16px;
}
.pau-edevlet-upload-card .alert i {
    margin-right: 6px;
}
#divEdevletBekleniyor {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    margin-top: 16px;
}
#divEdevletBekleniyor .fa-spinner {
    color: #f5c518;
    margin-right: 6px;
}

/* E-Devlet document upload: final desktop contract.
   The card is hidden until student lookup succeeds, then it renders as one full-width row. */
html body.pau-register-page .pau-online-page #divEdevletBelge:not(.pau-edevlet-visible) {
    display: none !important;
}

html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 var(--pau-form-gap-y) !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page #divEdevletBelge > .pau-edevlet-col {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-upload-card {
    width: 100% !important;
    min-height: 5.15rem !important;
    display: grid !important;
    grid-template-columns: 4rem minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 1rem !important;
    row-gap: 0.75rem !important;
    margin: 0 !important;
    padding: 1rem !important;
    border: 1px dashed rgba(250, 204, 21, 0.42) !important;
    border-radius: var(--pau-radius) !important;
    background: linear-gradient(135deg, rgba(15, 27, 42, 0.72), rgba(31, 45, 60, 0.58)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 24px rgba(0,0,0,0.16) !important;
    text-align: left !important;
    transition: border-color 0.2s ease, background 0.2s ease;
}

html body.pau-register-page .pau-online-page .pau-edevlet-upload-card:hover {
    border-color: rgba(250, 204, 21, 0.68) !important;
    background: linear-gradient(135deg, rgba(15, 27, 42, 0.82), rgba(31, 45, 60, 0.68)) !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-icon {
    width: 4rem !important;
    height: 4rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid rgba(250, 204, 21, 0.32) !important;
    border-radius: var(--pau-radius) !important;
    background: rgba(250, 204, 21, 0.08) !important;
    color: #facc15 !important;
    font-size: 1.9rem !important;
    line-height: 1 !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-copy {
    min-width: 0 !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-upload-card h4 {
    margin: 0 0 0.3rem !important;
    color: #fff !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-hint {
    margin: 0 !important;
    color: rgba(226, 232, 240, 0.72) !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-btn {
    width: auto !important;
    min-width: 9.25rem !important;
    max-width: 100% !important;
    min-height: var(--pau-field-height) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    border: 1px solid rgba(250, 204, 21, 0.58) !important;
    border-radius: var(--pau-radius) !important;
    background: rgba(250, 204, 21, 0.12) !important;
    color: #facc15 !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-btn:hover,
html body.pau-register-page .pau-online-page .pau-edevlet-btn:focus {
    border-color: rgba(250, 204, 21, 0.86) !important;
    background: rgba(250, 204, 21, 0.18) !important;
    color: #fde047 !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-btn i {
    margin: 0 !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-dosya-adi,
html body.pau-register-page .pau-online-page #divEdevletSonuc,
html body.pau-register-page .pau-online-page #divEdevletBekleniyor {
    grid-column: 2 / -1 !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-dosya-adi {
    margin: -0.2rem 0 0 !important;
    color: rgba(226, 232, 240, 0.76) !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    word-break: break-word !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-upload-card .alert {
    margin: 0.15rem 0 0 !important;
    border-radius: var(--pau-radius) !important;
    font-size: 0.88rem !important;
    text-align: left !important;
}

html body.pau-register-page .pau-online-page .pau-edevlet-upload-card .alert i {
    margin-right: 0.35rem !important;
}

html body.pau-register-page .pau-online-page #divEdevletBekleniyor {
    margin-top: 0.15rem !important;
    color: rgba(226, 232, 240, 0.86) !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
}

html body.pau-register-page .pau-online-page #divEdevletBekleniyor .fa-spinner {
    margin-right: 0.35rem !important;
    color: #facc15 !important;
}

@media (max-width: 768px) {
    html body.pau-register-page .pau-online-page .pau-edevlet-upload-card {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        padding: 1.1rem !important;
        text-align: center !important;
    }

    html body.pau-register-page .pau-online-page .pau-edevlet-copy {
        text-align: center !important;
    }

    html body.pau-register-page .pau-online-page .pau-edevlet-btn {
        width: 100% !important;
    }

    html body.pau-register-page .pau-online-page .pau-edevlet-dosya-adi,
    html body.pau-register-page .pau-online-page #divEdevletSonuc,
    html body.pau-register-page .pau-online-page #divEdevletBekleniyor {
        grid-column: 1 / -1 !important;
        text-align: center !important;
    }
}

/* E-Devlet upload hard reset: keep this block last so old row/card rules cannot win. */
#divEdevletBelge:not(.pau-edevlet-visible) {
    display: none !important;
}

#divEdevletBelge.pau-edevlet-visible {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: var(--pau-form-gap-y) 0 !important;
    padding: 0 !important;
}

#divEdevletBelge.pau-edevlet-visible .pau-edevlet-upload-card {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 5.25rem !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin: 0 !important;
    padding: 1rem 1.1rem !important;
    overflow: hidden !important;
    border: 1px dashed rgba(250, 204, 21, 0.46) !important;
    border-radius: 5px !important;
    background: rgba(15, 27, 42, 0.64) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
    text-align: left !important;
}

#divEdevletBelge.pau-edevlet-visible .pau-edevlet-icon {
    width: 3.8rem !important;
    height: 3.8rem !important;
    flex: 0 0 3.8rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid rgba(250, 204, 21, 0.36) !important;
    border-radius: 5px !important;
    background: rgba(250, 204, 21, 0.1) !important;
    color: #facc15 !important;
    font-size: 1.8rem !important;
    line-height: 1 !important;
}

#divEdevletBelge.pau-edevlet-visible .pau-edevlet-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#divEdevletBelge.pau-edevlet-visible .pau-edevlet-copy h4 {
    margin: 0 0 0.3rem !important;
    color: #fff !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em !important;
}

#divEdevletBelge.pau-edevlet-visible .pau-edevlet-hint {
    margin: 0 !important;
    color: rgba(226, 232, 240, 0.72) !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

#divEdevletBelge.pau-edevlet-visible .pau-edevlet-btn {
    position: static !important;
    width: auto !important;
    min-width: 9.5rem !important;
    max-width: 100% !important;
    min-height: var(--pau-field-height) !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    border: 1px solid rgba(250, 204, 21, 0.62) !important;
    border-radius: 5px !important;
    background: rgba(250, 204, 21, 0.12) !important;
    color: #facc15 !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    transform: none !important;
}

#divEdevletBelge.pau-edevlet-visible .pau-edevlet-dosya-adi,
#divEdevletBelge.pau-edevlet-visible #divEdevletSonuc,
#divEdevletBelge.pau-edevlet-visible #divEdevletBekleniyor {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    #divEdevletBelge.pau-edevlet-visible .pau-edevlet-upload-card {
        flex-direction: column !important;
        align-items: stretch !important;
        text-align: center !important;
        padding: 1rem !important;
    }

    #divEdevletBelge.pau-edevlet-visible .pau-edevlet-icon {
        align-self: center !important;
    }

    #divEdevletBelge.pau-edevlet-visible .pau-edevlet-btn {
        width: 100% !important;
    }
}

/* E-Devlet upload final placement: this element is not a Bootstrap col, so
   force it to occupy the full shared 12-column form grid on desktop. */
html body.pau-register-page .pau-online-page .data-form .row > #divEdevletBelge.pau-edevlet-visible,
html body.pau-register-page .pau-online-page .data-form form > .row > #divEdevletBelge.pau-edevlet-visible,
#divEdevletBelge.pau-edevlet-visible {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    order: 12 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    margin: var(--pau-form-gap-y) 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-upload-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 5.4rem !important;
    display: grid !important;
    grid-template-columns: 4rem minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 1rem !important;
    margin: 0 !important;
    padding: 1rem 1.1rem !important;
    overflow: visible !important;
    border: 1px dashed rgba(250, 204, 21, 0.52) !important;
    border-radius: var(--pau-radius) !important;
    background: rgba(15, 27, 42, 0.66) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-icon {
    width: 4rem !important;
    height: 4rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid rgba(250, 204, 21, 0.38) !important;
    border-radius: var(--pau-radius) !important;
    background: rgba(250, 204, 21, 0.1) !important;
    color: #facc15 !important;
    font-size: 1.9rem !important;
    line-height: 1 !important;
}

html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-copy {
    display: block !important;
    min-width: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-copy h4 {
    display: block !important;
    margin: 0 0 0.35rem !important;
    color: #fff !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.18 !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-hint {
    display: block !important;
    margin: 0 !important;
    color: rgba(226, 232, 240, 0.76) !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-btn {
    position: static !important;
    width: auto !important;
    min-width: 10rem !important;
    max-width: 12rem !important;
    height: var(--pau-field-height) !important;
    min-height: var(--pau-field-height) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    border: 1px solid rgba(250, 204, 21, 0.64) !important;
    border-radius: var(--pau-radius) !important;
    background: rgba(250, 204, 21, 0.12) !important;
    color: #facc15 !important;
    font-family: 'Barlow', system-ui, sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transform: none !important;
    box-sizing: border-box !important;
}

html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-dosya-adi,
html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible #divEdevletSonuc,
html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible #divEdevletBekleniyor {
    grid-column: 2 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-upload-card {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        padding: 1rem !important;
    }

    html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-btn {
        width: 100% !important;
        max-width: none !important;
    }

    html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible .pau-edevlet-dosya-adi,
    html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible #divEdevletSonuc,
    html body.pau-register-page .pau-online-page #divEdevletBelge.pau-edevlet-visible #divEdevletBekleniyor {
        grid-column: 1 / -1 !important;
        text-align: center !important;
    }
}

/* Date modal viewport centering: keep it centered even when the page is scrolled. */
html body.pau-register-page #modalKayitTarihi.modal.in,
html body.pau-register-page #modalKayitTarihi.modal.show,
html body.pau-renew-page #modalKayitTarihi.modal.in,
html body.pau-renew-page #modalKayitTarihi.modal.show {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding: 1rem !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

html body.pau-register-page #modalKayitTarihi.modal.in .modal-dialog,
html body.pau-register-page #modalKayitTarihi.modal.show .modal-dialog,
html body.pau-renew-page #modalKayitTarihi.modal.in .modal-dialog,
html body.pau-renew-page #modalKayitTarihi.modal.show .modal-dialog {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: calc(100vw - 2rem) !important;
    max-width: 860px !important;
    max-height: calc(100vh - 2rem) !important;
    max-height: calc(100dvh - 2rem) !important;
    margin: auto !important;
    transform: none !important;
}

html body.pau-register-page #modalKayitTarihi.modal.in .modal-content,
html body.pau-register-page #modalKayitTarihi.modal.show .modal-content,
html body.pau-renew-page #modalKayitTarihi.modal.in .modal-content,
html body.pau-renew-page #modalKayitTarihi.modal.show .modal-content {
    max-height: calc(100vh - 2rem) !important;
    max-height: calc(100dvh - 2rem) !important;
    display: flex !important;
    flex-direction: column !important;
}

html body.pau-register-page #modalKayitTarihi.modal.in .modal-body,
html body.pau-register-page #modalKayitTarihi.modal.show .modal-body,
html body.pau-renew-page #modalKayitTarihi.modal.in .modal-body,
html body.pau-renew-page #modalKayitTarihi.modal.show .modal-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 768px) {
    html body.pau-register-page #modalKayitTarihi.modal.in,
    html body.pau-register-page #modalKayitTarihi.modal.show,
    html body.pau-renew-page #modalKayitTarihi.modal.in,
    html body.pau-renew-page #modalKayitTarihi.modal.show {
        padding: 0.5rem !important;
        align-items: center !important;
    }

    html body.pau-register-page #modalKayitTarihi.modal.in .modal-dialog,
    html body.pau-register-page #modalKayitTarihi.modal.show .modal-dialog,
    html body.pau-renew-page #modalKayitTarihi.modal.in .modal-dialog,
    html body.pau-renew-page #modalKayitTarihi.modal.show .modal-dialog {
        width: calc(100vw - 1rem) !important;
        max-width: calc(100vw - 1rem) !important;
        max-height: calc(100vh - 1rem) !important;
        max-height: calc(100dvh - 1rem) !important;
        margin: auto !important;
    }

    html body.pau-register-page #modalKayitTarihi.modal.in .modal-content,
    html body.pau-register-page #modalKayitTarihi.modal.show .modal-content,
    html body.pau-renew-page #modalKayitTarihi.modal.in .modal-content,
    html body.pau-renew-page #modalKayitTarihi.modal.show .modal-content {
        max-height: calc(100vh - 1rem) !important;
        max-height: calc(100dvh - 1rem) !important;
    }
}

/* Final modal + payment rhythm lock.
   All agreement/contract modals must open in the viewport center like the date modal,
   independent of page scroll position. */
html body.pau-register-page .modal.in,
html body.pau-register-page .modal.show,
html body.pau-renew-page .modal.in,
html body.pau-renew-page .modal.show {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding: 1rem !important;
    overflow: hidden !important;
}

html body.pau-register-page .modal.in .modal-dialog,
html body.pau-register-page .modal.show .modal-dialog,
html body.pau-renew-page .modal.in .modal-dialog,
html body.pau-renew-page .modal.show .modal-dialog {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: min(860px, calc(100vw - 2rem)) !important;
    max-width: min(860px, calc(100vw - 2rem)) !important;
    max-height: calc(100vh - 2rem) !important;
    max-height: calc(100dvh - 2rem) !important;
    margin: 0 auto !important;
}

html body.pau-register-page #modalKayitTarihi.modal.in .modal-dialog,
html body.pau-register-page #modalKayitTarihi.modal.show .modal-dialog,
html body.pau-renew-page #modalKayitTarihi.modal.in .modal-dialog,
html body.pau-renew-page #modalKayitTarihi.modal.show .modal-dialog {
    width: min(480px, calc(100vw - 2rem)) !important;
    max-width: min(480px, calc(100vw - 2rem)) !important;
}

html body.pau-register-page .modal.in .modal-content,
html body.pau-register-page .modal.show .modal-content,
html body.pau-renew-page .modal.in .modal-content,
html body.pau-renew-page .modal.show .modal-content {
    max-height: calc(100vh - 2rem) !important;
    max-height: calc(100dvh - 2rem) !important;
    display: flex !important;
    flex-direction: column !important;
}

html body.pau-register-page .modal.in .modal-body,
html body.pau-register-page .modal.show .modal-body,
html body.pau-renew-page .modal.in .modal-body,
html body.pau-renew-page .modal.show .modal-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Keep UyeOl and UyelikUzat field spacing on the same rhythm. */
html body.pau-renew-page .pau-online-page .data-form #frmOdeme,
html body.pau-register-page .pau-online-page .data-form #frmOdeme {
    margin-top: 0 !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row,
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row {
    row-gap: var(--pau-form-gap-y) !important;
    column-gap: var(--pau-form-gap-x) !important;
}

html body.pau-renew-page .pau-online-page .data-form #frmOdeme > .row > [class*="col-"],
html body.pau-register-page .pau-online-page .data-form #frmOdeme > .row > [class*="col-"] {
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-renew-page .pau-online-page .data-form > .row > .col-md-6.pau-renew-after-ocr {
    margin-bottom: 0 !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani[style*="display: block"],
html body.pau-register-page .pau-online-page #divBilgiAlani[style*="display:block"] {
    row-gap: var(--pau-form-gap-y) !important;
    column-gap: var(--pau-form-gap-x) !important;
}

/* Payment card spacing: keep one shared vertical rhythm, no extra form margin. */
html body.pau-register-page .pau-online-page .data-form,
html body.pau-renew-page .pau-online-page .data-form {
    gap: var(--pau-form-gap-y) !important;
}

html body.pau-register-page .pau-online-page .data-form > .row + form#frmOdeme,
html body.pau-renew-page .pau-online-page .data-form > .row + form#frmOdeme,
html body.pau-register-page .pau-online-page .data-form > form#frmOdeme,
html body.pau-renew-page .pau-online-page .data-form > form#frmOdeme {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page .data-form > form#frmOdeme > .row,
html body.pau-renew-page .pau-online-page .data-form > form#frmOdeme > .row {
    margin: 0 !important;
    row-gap: var(--pau-form-gap-y) !important;
}

@media (max-width: 768px) {
    html body.pau-register-page .modal.in,
    html body.pau-register-page .modal.show,
    html body.pau-renew-page .modal.in,
    html body.pau-renew-page .modal.show {
        padding: 0.5rem !important;
    }

    html body.pau-register-page .modal.in .modal-dialog,
    html body.pau-register-page .modal.show .modal-dialog,
    html body.pau-renew-page .modal.in .modal-dialog,
    html body.pau-renew-page .modal.show .modal-dialog {
        width: calc(100vw - 1rem) !important;
        max-width: calc(100vw - 1rem) !important;
        max-height: calc(100vh - 1rem) !important;
        max-height: calc(100dvh - 1rem) !important;
    }

    html body.pau-register-page .modal.in .modal-content,
    html body.pau-register-page .modal.show .modal-content,
    html body.pau-renew-page .modal.in .modal-content,
    html body.pau-renew-page .modal.show .modal-content {
        max-height: calc(100vh - 1rem) !important;
        max-height: calc(100dvh - 1rem) !important;
    }
}

/* Uye Ol personal information grid repair.
   Keep paired fields side-by-side on desktop regardless of earlier flex/grid fallbacks. */
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"],
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    column-gap: var(--pau-form-gap-x) !important;
    row-gap: var(--pau-form-gap-y) !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > [class*="col-"],
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > [class*="col-"] {
    float: none !important;
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > .col-md-6,
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > .col-md-6 {
    grid-column: span 6 !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > .col-md-4,
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > .col-md-4 {
    grid-column: span 4 !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > .col-md-12,
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > .col-md-12 {
    grid-column: 1 / -1 !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > div:nth-child(1),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > div:nth-child(1),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > div:nth-child(3),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > div:nth-child(3),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > div:nth-child(5),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > div:nth-child(5),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > div:nth-child(7),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > div:nth-child(7) {
    grid-column: 1 / span 6 !important;
}

html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > div:nth-child(2),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > div:nth-child(2),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > div:nth-child(4),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > div:nth-child(4),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > div:nth-child(6),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > div:nth-child(6),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > div:nth-child(8),
html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > div:nth-child(8) {
    grid-column: 7 / span 6 !important;
}

@media (max-width: 768px) {
    html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"],
    html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > [class*="col-"],
    html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > [class*="col-"],
    html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display: block"] > div:nth-child(n),
    html body.pau-register-page .pau-online-page #divBilgiAlani.row[style*="display:block"] > div:nth-child(n) {
        grid-column: 1 / -1 !important;
    }
}