/**
 * Investment Units Live Table — Styles
 * Konum: new.citilpartners.com/invest/css/investment-units-live.css
 *
 * Tamamen scoped: .iu-wrapper altında kalır, global stillere dokunmaz.
 * Font: Open Sans (sayfadan devralır).
 * Accent: #815AFF (Citil Investment)
 *
 * @version 2.6-roi-chat-fix
 */

/* ── Wrapper ──────────────────────────────────────────────────────────── */
.iu-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    font-family: 'Open Sans', sans-serif;
}

/* ── Filtreler ─────────────────────────────────────────────────────────── */
.iu-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 32px;
}

.iu-filter-btn {
    padding: 10px 22px;
    border: 1.5px solid #d0d0d0;
    border-radius: 28px;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    transition: all .4s cubic-bezier(.16,1,.3,1);
    user-select: none;
}

.iu-filter-btn:hover {
    border-color: #815AFF;
    color: #815AFF;
}

.iu-filter-btn.iu-filter-active {
    background: #815AFF;
    border-color: #815AFF;
    color: #fff;
}

.iu-filter-count {
    font-weight: 400;
    opacity: 0.75;
    font-size: 13px;
}

/* ── Tablo ─────────────────────────────────────────────────────────────── */
.iu-table-wrap {
    min-height: 200px;
}

.iu-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    font-size: 14px;
}

.iu-table thead th {
    background: #1a1a2e;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: none;
    letter-spacing: 0.02em;
    padding: 14px 18px;
    text-align: left;
    white-space: nowrap;
}

.iu-table thead th:first-child { border-radius: 12px 0 0 12px; }
.iu-table thead th:last-child  { border-radius: 0 12px 12px 0; }

.iu-table tbody .iu-row {
    background: #fafafa;
    transition: transform .5s cubic-bezier(.16,1,.3,1),
                box-shadow .5s cubic-bezier(.16,1,.3,1);
    will-change: transform;
}

.iu-table tbody .iu-row td {
    padding: 16px 18px;
    vertical-align: middle;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.iu-table tbody .iu-row td:first-child {
    border-left: 1px solid #f0f0f0;
    border-radius: 12px 0 0 12px;
}
.iu-table tbody .iu-row td:last-child {
    border-right: 1px solid #f0f0f0;
    border-radius: 0 12px 12px 0;
}

.iu-cell-unit { font-weight: 600; }
.iu-cell-fiyat { font-weight: 600; white-space: nowrap; }
.iu-cell-alan { white-space: nowrap; }

/* ── Status Badge ─────────────────────────────────────────────────────── */
.iu-badge {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.iu-status-musait    { background: #e8f5e9; color: #2e7d32; }
.iu-status-opsiyonlu { background: #fff3e0; color: #e65100; }
.iu-status-rezerve   { background: #f3e5f5; color: #7b1fa2; }
.iu-status-satildi   { background: #f5f5f5; color: #9e9e9e; }

/* ── Bilgi Al butonu ──────────────────────────────────────────────────── */
.iu-info-btn {
    display: inline-block;
    padding: 8px 20px;
    border: 1.5px solid #815AFF;
    border-radius: 24px;
    color: #815AFF;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all .4s cubic-bezier(.16,1,.3,1);
}

.iu-info-btn:hover {
    background: #815AFF;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(129,90,255,.18);
}

/* ── Pagination ───────────────────────────────────────────────────────── */
.iu-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 28px;
    padding-bottom: 16px;
}

.iu-page-btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #d0d0d0;
    border-radius: 10px;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    transition: all .3s cubic-bezier(.16,1,.3,1);
}

.iu-page-btn:hover:not(.disabled):not(.iu-page-active) {
    border-color: #815AFF;
    color: #815AFF;
}

.iu-page-btn.iu-page-active {
    background: #815AFF;
    border-color: #815AFF;
    color: #fff;
}

.iu-page-btn.disabled {
    opacity: 0.35;
    cursor: default;
}

.iu-page-dots {
    padding: 0 4px;
    color: #999;
    font-size: 14px;
}

/* ── Loading / Error / Empty ──────────────────────────────────────────── */
.iu-loading,
.iu-empty,
.iu-error {
    text-align: center;
    padding: 48px 24px;
    color: #666;
    font-size: 15px;
}

.iu-spinner {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2.5px solid #e0e0e0;
    border-top-color: #815AFF;
    border-radius: 50%;
    animation: iu-spin .7s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
}

@keyframes iu-spin {
    to { transform: rotate(360deg); }
}

.iu-error-detail {
    font-size: 13px;
    color: #999;
    margin-top: 8px;
}

.iu-retry-btn {
    margin-top: 16px;
    padding: 10px 28px;
    border: 1.5px solid #815AFF;
    border-radius: 24px;
    background: transparent;
    color: #815AFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all .3s ease;
}

.iu-retry-btn:hover {
    background: #815AFF;
    color: #fff;
}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .iu-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .iu-table      { min-width: 640px; }
    .iu-filters    { gap: 8px; }
    .iu-filter-btn { padding: 8px 16px; font-size: 13px; }
    .iu-wrapper    { padding: 0 16px; }
}

/* ── v228 Bilgi Al Popup — fully scoped to iu classes ─────────────────── */
.iu-info-btn {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
    cursor: pointer;
}

.iu-modal-open {
    overflow: hidden;
}

.iu-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0,0,0,.50);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity .35s ease;
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

.iu-modal-visible {
    opacity: 1;
}

.iu-modal-closing {
    opacity: 0;
}

.iu-modal-perspective {
    width: min(520px, calc(100vw - 40px));
    perspective: 1200px;
}

.iu-modal-card {
    position: relative;
    width: 100%;
    min-height: 650px;
    transform-style: preserve-3d;
    transform: translateY(24px) scale(.97) rotateY(0deg);
    transition: transform .82s cubic-bezier(.16,1,.3,1);
    will-change: transform;
}

.iu-modal-visible .iu-modal-card {
    transform: translateY(0) scale(1) rotateY(0deg);
}

.iu-modal-flipped .iu-modal-card {
    transform: translateY(0) scale(1) rotateY(180deg);
}

.iu-modal-face {
    position: absolute;
    inset: 0;
    min-height: 650px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 32px 80px rgba(0,0,0,.18);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    box-sizing: border-box;
}

.iu-modal-front {
    transform: rotateY(0deg);
}

.iu-modal-back {
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 40px;
    text-align: center;
}

.iu-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 28px 32px 0;
}

.iu-modal-head h3,
.iu-modal-back h3 {
    margin: 0;
    color: #121212;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
}

.iu-modal-head p {
    margin: 6px 0 0;
    color: #888;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}

.iu-modal-x {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    color: #999;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease, transform .25s cubic-bezier(.16,1,.3,1);
}

.iu-modal-x:hover,
.iu-modal-x:focus-visible {
    background: #f5f5f5;
    color: #815AFF;
    transform: translateY(-1px);
}

.iu-modal-unitcard {
    margin: 20px 32px;
    padding: 18px;
    background: #f3eeff;
    border: 1px solid rgba(129,90,255,.14);
    border-radius: 16px;
    box-sizing: border-box;
}

.iu-modal-unitline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 14px;
}

.iu-modal-unitline span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 14px;
    border-radius: 20px;
    background: #815AFF;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
}

.iu-modal-unitline em {
    color: #555;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}

.iu-modal-ministats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.iu-modal-ministats div {
    min-width: 0;
    text-align: center;
}

.iu-modal-ministats small {
    display: block;
    margin-bottom: 2px;
    color: #888;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.iu-modal-ministats strong {
    display: block;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iu-modal-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0 32px 28px;
}

.iu-modal-field {
    display: block;
}

.iu-modal-field > span {
    display: block;
    margin: 0 0 6px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.iu-modal-field > span span {
    color: #815AFF;
}

.iu-modal-field input,
.iu-modal-field textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    border: 1.5px solid #e0e0e0;
    border-radius: 12px;
    outline: 0;
    background: #fff;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.iu-modal-field textarea {
    min-height: 88px;
    resize: vertical;
}

.iu-modal-field input::placeholder,
.iu-modal-field textarea::placeholder {
    color: rgba(0,0,0,.32);
}

.iu-modal-field input:focus,
.iu-modal-field textarea:focus {
    border-color: #815AFF;
    box-shadow: 0 0 0 4px rgba(129,90,255,.08);
}

.iu-modal-note {
    margin: 2px 0 0;
    color: #aaa;
    font-size: 12px;
    line-height: 1.5;
}

.iu-modal-note strong {
    color: #666;
    font-weight: 700;
}

.iu-modal-submit {
    appearance: none;
    -webkit-appearance: none;
    margin-top: 6px;
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ccc;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    cursor: default;
    transition: background-color .3s ease, box-shadow .3s ease, transform .3s cubic-bezier(.16,1,.3,1);
}

.iu-modal-submit-ready {
    background: #815AFF;
    cursor: pointer;
}

.iu-modal-submit-ready:hover,
.iu-modal-submit-ready:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(129,90,255,.27);
}

.iu-modal-check {
    width: 80px;
    height: 80px;
    margin: 0 0 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #815AFF 0%, #4D3699 100%);
    box-shadow: 0 12px 36px rgba(129,90,255,.22);
}

.iu-modal-check svg path {
    stroke: #fff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
    transition: stroke-dashoffset .6s ease .35s;
}

.iu-modal-flipped .iu-modal-check svg path {
    stroke-dashoffset: 0;
}

.iu-modal-back h3 {
    margin-bottom: 10px;
    font-size: 22px;
}

.iu-modal-back p {
    max-width: 360px;
    margin: 0 0 8px;
    color: #555;
    font-size: 15px;
    line-height: 1.6;
}

.iu-modal-back p strong {
    color: #815AFF;
}

.iu-modal-muted {
    color: #999 !important;
    font-size: 14px !important;
    margin-bottom: 24px !important;
}

.iu-modal-progressbar {
    width: 180px;
    height: 3px;
    margin: 0 0 20px;
    border-radius: 2px;
    overflow: hidden;
    background: #eee;
}

.iu-modal-progressbar span {
    display: block;
    width: 0%;
    height: 100%;
    border-radius: 2px;
    background: #815AFF;
    transition: width 3500ms linear;
}

.iu-modal-closebtn {
    appearance: none;
    -webkit-appearance: none;
    padding: 10px 28px;
    border-radius: 12px;
    border: 1.5px solid #e0e0e0;
    background: transparent;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: border-color .3s ease, color .3s ease, transform .3s cubic-bezier(.16,1,.3,1);
}

.iu-modal-closebtn:hover,
.iu-modal-closebtn:focus-visible {
    border-color: #815AFF;
    color: #815AFF;
    transform: translateY(-2px);
}

@media (max-width: 620px) {
    .iu-modal {
        padding: 14px;
        align-items: flex-start;
        overflow-y: auto;
    }

    .iu-modal-perspective {
        width: 100%;
        margin: 18px 0;
    }

    .iu-modal-card,
    .iu-modal-face {
        min-height: 0;
    }

    .iu-modal-face {
        position: relative;
    }

    .iu-modal-back {
        position: absolute;
        min-height: 590px;
    }

    .iu-modal-head,
    .iu-modal-unitcard,
    .iu-modal-form {
        margin-left: 0;
        margin-right: 0;
    }

    .iu-modal-head {
        padding: 24px 22px 0;
    }

    .iu-modal-unitcard {
        margin: 18px 22px;
    }

    .iu-modal-form {
        padding: 0 22px 24px;
    }

    .iu-modal-ministats {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .iu-modal-ministats div {
        text-align: left;
    }
}

/* ── v229: Popup submit visibility + 2s success close ────────────────── */
.iu-modal-perspective {
    width: min(520px, calc(100vw - 40px));
}

.iu-modal-card {
    height: min(790px, calc(100vh - 40px));
    min-height: 0;
}

.iu-modal-face {
    height: 100%;
    min-height: 0;
}

.iu-modal-front {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.iu-modal-head {
    flex: 0 0 auto;
}

.iu-modal-unitcard {
    flex: 0 0 auto;
}

.iu-modal-form {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.iu-modal-fields {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0 32px 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    scrollbar-width: thin;
    scrollbar-color: rgba(129,90,255,.45) rgba(0,0,0,.04);
}

.iu-modal-fields::-webkit-scrollbar {
    width: 7px;
}

.iu-modal-fields::-webkit-scrollbar-track {
    background: rgba(0,0,0,.04);
    border-radius: 999px;
}

.iu-modal-fields::-webkit-scrollbar-thumb {
    background: rgba(129,90,255,.45);
    border-radius: 999px;
}

.iu-modal-submitbar {
    flex: 0 0 auto;
    padding: 14px 32px 28px;
    background: linear-gradient(180deg, rgba(255,255,255,.72) 0%, #fff 36%);
    border-top: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 -12px 28px rgba(255,255,255,.92);
}

.iu-modal-submit {
    margin-top: 0;
    min-height: 58px;
    border-radius: 18px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .01em;
    background: linear-gradient(135deg, #b8b8c2 0%, #d0d0d6 100%);
    box-shadow: none;
}

.iu-modal-submit-ready {
    background: linear-gradient(135deg, #B63FA6 0%, #815AFF 52%, #D980A0 100%);
    cursor: pointer;
}

.iu-modal-submit-ready:hover,
.iu-modal-submit-ready:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(129,90,255,.25);
}

.iu-modal-progressbar span {
    transition: width 2000ms linear;
}

@media (max-width: 620px) {
    .iu-modal {
        padding: 12px;
        align-items: center;
        overflow: hidden;
    }

    .iu-modal-perspective {
        width: 100%;
        margin: 0;
    }

    .iu-modal-card {
        height: calc(100vh - 24px);
        min-height: 0;
    }

    .iu-modal-face {
        position: absolute;
        height: 100%;
        min-height: 0;
    }

    .iu-modal-back {
        position: absolute;
        min-height: 0;
    }

    .iu-modal-fields {
        padding: 0 22px 16px;
    }

    .iu-modal-submitbar {
        padding: 12px 22px 22px;
    }

    .iu-modal-submit {
        min-height: 56px;
    }
}

/* ── v230: Investment popup unit hero + email lead flow ──────────────── */
.iu-modal-perspective {
    width: min(720px, calc(100vw - 32px));
}

.iu-modal-card {
    height: min(940px, calc(100vh - 32px));
    min-height: 0;
}

.iu-modal-face {
    height: 100%;
    min-height: 0;
}

.iu-modal-front {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.iu-modal-head {
    padding: 34px 38px 0;
}

.iu-modal-head h3 {
    font-size: clamp(27px, 3vw, 34px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #17171f;
}

.iu-modal-head p {
    font-size: 18px;
    color: rgba(0,0,0,.46);
}

.iu-modal-x {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #f3f3f5;
    color: #815AFF;
    font-size: 30px;
}

.iu-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 26px 38px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(129,90,255,.45) rgba(0,0,0,.04);
}

.iu-modal-body::-webkit-scrollbar { width: 7px; }
.iu-modal-body::-webkit-scrollbar-track { background: rgba(0,0,0,.04); border-radius: 999px; }
.iu-modal-body::-webkit-scrollbar-thumb { background: rgba(129,90,255,.45); border-radius: 999px; }

.iu-modal-unithero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
    min-height: 152px;
    padding: 26px 30px;
    border-radius: 22px;
    background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.22), transparent 34%), linear-gradient(135deg, #815AFF 0%, #6F45E8 44%, #3E288E 100%);
    color: #fff;
    overflow: hidden;
    box-shadow: 0 18px 42px rgba(80,48,170,.18);
    box-sizing: border-box;
}

.iu-modal-unithero::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    right: -84px;
    top: -102px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    pointer-events: none;
}

.iu-modal-unithero-left,
.iu-modal-unithero-right {
    position: relative;
    z-index: 1;
}

.iu-modal-unithero-left small {
    display: block;
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    color: rgba(255,255,255,.88);
}

.iu-modal-unithero-left strong {
    display: block;
    font-size: clamp(44px, 7vw, 64px);
    font-weight: 800;
    letter-spacing: .03em;
    line-height: .95;
}

.iu-modal-unithero-left span {
    display: block;
    margin-top: 18px;
    font-size: 17px;
    font-weight: 500;
    color: rgba(255,255,255,.88);
}

.iu-modal-unithero-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    min-width: 170px;
}

.iu-modal-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 22px;
    border-radius: 999px;
    background: #fff;
    color: #2e7d32;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    box-shadow: 0 10px 22px rgba(0,0,0,.10);
}

.iu-modal-status i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: currentColor;
}

.iu-modal-status-opsiyonlu { color: #e65100; }
.iu-modal-status-rezerve { color: #7b1fa2; }
.iu-modal-status-satildi { color: #8d8d96; }

.iu-modal-unithero-right b {
    display: block;
    font-size: clamp(28px, 4vw, 38px);
    line-height: 1;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
}

.iu-modal-sectiontitle {
    margin: 26px 0 14px;
    color: #191922;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.iu-modal-statgrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    margin-bottom: 24px;
}

.iu-modal-stat {
    min-height: 74px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(129,90,255,.18);
    background: linear-gradient(180deg, rgba(247,243,255,.92), rgba(255,255,255,.96));
    box-sizing: border-box;
}

.iu-modal-stat small {
    display: block;
    margin-bottom: 8px;
    color: rgba(0,0,0,.48);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

.iu-modal-stat strong {
    display: block;
    color: #181820;
    font-size: clamp(18px, 2.3vw, 22px);
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.iu-modal-form {
    flex: none;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    overflow: visible;
}

.iu-modal-fields {
    flex: none;
    overflow: visible;
    padding: 0 0 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.iu-modal-field > span {
    font-size: 16px;
    font-weight: 700;
}

.iu-modal-field input,
.iu-modal-field textarea {
    min-height: 54px;
    border-radius: 14px;
    padding: 13px 18px;
    font-size: 16px;
    background: #fff;
}

.iu-modal-field textarea {
    min-height: 104px;
}

.iu-modal-note {
    font-size: 13px;
    color: rgba(0,0,0,.35);
}

.iu-modal-error {
    min-height: 18px;
    margin: 0;
    color: #d92f46;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

.iu-modal-submitbar {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin: 0 -38px;
    padding: 14px 38px 34px;
    background: linear-gradient(180deg, rgba(255,255,255,.72) 0%, #fff 30%);
    border-top: 0;
    box-shadow: 0 -16px 36px rgba(255,255,255,.92);
}

.iu-modal-submit {
    min-height: 60px;
    border-radius: 14px;
    font-size: 17px;
    font-weight: 800;
    gap: 10px;
    background: linear-gradient(135deg, #b8b8c2 0%, #d0d0d6 100%);
}

.iu-modal-submit-ready {
    background: linear-gradient(135deg, #815AFF 0%, #6942D8 50%, #815AFF 100%);
}

.iu-modal-submit-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    transform: translateY(-1px);
}

.iu-modal-submit-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,.42);
    border-top-color: #fff;
    border-radius: 50%;
    animation: iu-spin .7s linear infinite;
}

.iu-modal-submit.iu-modal-sending {
    cursor: wait;
    background: linear-gradient(135deg, #815AFF 0%, #4D3699 100%);
}

.iu-modal-tracking {
    margin: 10px 0 22px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #f3eeff;
    color: #4d3699;
    font-size: 13px;
    font-weight: 600;
}

.iu-modal-progressbar span {
    transition: width 2000ms linear;
}

@media (max-width: 760px) {
    .iu-modal {
        padding: 12px;
        align-items: center;
        overflow: hidden;
    }

    .iu-modal-perspective {
        width: 100%;
    }

    .iu-modal-card {
        height: calc(100vh - 24px);
    }

    .iu-modal-head {
        padding: 24px 22px 0;
    }

    .iu-modal-head h3 {
        font-size: 26px;
    }

    .iu-modal-head p {
        font-size: 16px;
    }

    .iu-modal-body {
        padding: 20px 22px 0;
    }

    .iu-modal-unithero {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 22px;
    }

    .iu-modal-unithero-right {
        min-width: 0;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .iu-modal-statgrid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .iu-modal-stat {
        min-height: 66px;
        padding: 12px;
    }

    .iu-modal-stat strong {
        font-size: 16px;
    }

    .iu-modal-submitbar {
        margin: 0 -22px;
        padding: 12px 22px 22px;
    }
}

@media (max-width: 460px) {
    .iu-modal-statgrid {
        grid-template-columns: 1fr;
    }

    .iu-modal-unithero-right {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ── v231: compact popup unit header — prevent crop/overflow ─────────── */
.iu-modal-perspective{
    width:min(640px, calc(100vw - 32px));
}

.iu-modal-card{
    height:min(860px, calc(100vh - 32px));
}

.iu-modal-head{
    padding:26px 32px 0;
}

.iu-modal-head h3{
    font-size:clamp(24px, 2.25vw, 30px);
    line-height:1.18;
}

.iu-modal-head p{
    margin-top:6px;
    font-size:16px;
    line-height:1.35;
}

.iu-modal-x{
    width:44px;
    height:44px;
    border-radius:13px;
    font-size:26px;
}

.iu-modal-body{
    padding:20px 32px 0;
}

.iu-modal-unithero{
    min-height:128px;
    padding:20px 24px;
    border-radius:20px;
    grid-template-columns:minmax(0, 1fr) minmax(132px, auto);
    gap:18px;
    align-items:stretch;
    overflow:hidden;
}

.iu-modal-unithero::after{
    width:190px;
    height:190px;
    right:-72px;
    top:-82px;
}

.iu-modal-unithero-left{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.iu-modal-unithero-left small{
    margin-bottom:10px;
    font-size:12px;
    line-height:1.15;
    letter-spacing:.055em;
}

.iu-modal-unithero-left strong{
    font-size:clamp(42px, 5.2vw, 56px);
    line-height:.94;
    letter-spacing:.02em;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.iu-modal-unithero-left span{
    margin-top:10px;
    font-size:15px;
    line-height:1.25;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.iu-modal-unithero-right{
    min-width:132px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
}

.iu-modal-status{
    min-height:34px;
    padding:0 18px;
    font-size:14px;
}

.iu-modal-status i{
    width:8px;
    height:8px;
}

.iu-modal-unithero-right b{
    font-size:clamp(25px, 3vw, 32px);
    line-height:1;
    max-width:190px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.iu-modal-sectiontitle{
    margin:20px 0 12px;
    font-size:18px;
}

.iu-modal-statgrid{
    gap:10px 14px;
    margin-bottom:18px;
}

.iu-modal-stat{
    min-height:66px;
    padding:12px 14px;
}

.iu-modal-stat small{
    margin-bottom:6px;
    font-size:12px;
}

.iu-modal-stat strong{
    font-size:clamp(16px, 2vw, 19px);
}

.iu-modal-fields{
    gap:12px;
}

.iu-modal-field > span{
    font-size:14px;
    margin-bottom:5px;
}

.iu-modal-field input,
.iu-modal-field textarea{
    min-height:48px;
    padding:11px 15px;
    border-radius:12px;
    font-size:14px;
}

.iu-modal-field textarea{
    min-height:84px;
}

.iu-modal-submitbar{
    margin:0 -32px;
    padding:12px 32px 24px;
}

.iu-modal-submit{
    min-height:54px;
    border-radius:15px;
    font-size:16px;
}

@media (max-width:760px){
    .iu-modal-perspective{
        width:min(100%, calc(100vw - 24px));
    }
    .iu-modal-card{
        height:calc(100vh - 24px);
    }
    .iu-modal-head{
        padding:22px 20px 0;
    }
    .iu-modal-body{
        padding:16px 20px 0;
    }
    .iu-modal-unithero{
        grid-template-columns:1fr;
        min-height:0;
        padding:18px;
        gap:14px;
    }
    .iu-modal-unithero-left small{
        margin-bottom:8px;
    }
    .iu-modal-unithero-left strong{
        font-size:42px;
    }
    .iu-modal-unithero-left span{
        white-space:normal;
    }
    .iu-modal-unithero-right{
        min-width:0;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:12px;
    }
    .iu-modal-unithero-right b{
        max-width:none;
        font-size:26px;
    }
    .iu-modal-submitbar{
        margin:0 -20px;
        padding:12px 20px 20px;
    }
}

@media (max-width:460px){
    .iu-modal-head h3{
        font-size:23px;
    }
    .iu-modal-head p{
        font-size:14px;
    }
    .iu-modal-x{
        width:40px;
        height:40px;
        font-size:24px;
    }
    .iu-modal-unithero-left strong{
        font-size:36px;
    }
    .iu-modal-unithero-right{
        flex-direction:column;
        align-items:flex-start;
    }
    .iu-modal-statgrid{
        grid-template-columns:1fr;
    }
}


/* ── v232: Popup KVKK gating + spacing polish ───────────────────────── */
.iu-modal-card{
    height:min(860px, calc(100vh - 28px));
}

.iu-modal-body{
    padding:20px 32px 0;
}

.iu-modal-unithero-left span{
    margin-top:14px;
    line-height:1.35;
}

.iu-modal-unithero-right{
    padding-top:2px;
    padding-bottom:2px;
}

.iu-modal-status{
    min-height:40px;
    padding:0 20px;
    line-height:1;
}

.iu-modal-status i{
    flex:0 0 auto;
}

.iu-modal-unithero-right b{
    line-height:1.06;
    padding-top:4px;
}

.iu-modal-fields{
    gap:12px;
    padding:0 32px 24px;
}

.iu-modal-field textarea{
    min-height:112px;
}

.iu-modal-consent{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:2px;
    padding:2px 2px 0;
    color:#5f5f68;
    font-size:13px;
    line-height:1.55;
    cursor:pointer;
}

.iu-modal-consent input{
    appearance:none;
    -webkit-appearance:none;
    width:18px;
    height:18px;
    margin:2px 0 0;
    flex:0 0 18px;
    border:1.5px solid rgba(129,90,255,.55);
    border-radius:6px;
    background:#fff;
    position:relative;
    cursor:pointer;
    transition:border-color .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.iu-modal-consent input::after{
    content:'';
    position:absolute;
    left:5px;
    top:1px;
    width:5px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg) scale(.8);
    opacity:0;
    transition:opacity .18s ease;
}

.iu-modal-consent input:checked{
    background:#815AFF;
    border-color:#815AFF;
    box-shadow:0 0 0 4px rgba(129,90,255,.10);
}

.iu-modal-consent input:checked::after{
    opacity:1;
}

.iu-modal-consent strong{
    color:#815AFF;
}

.iu-modal-note{
    margin:0;
}

.iu-modal-submitbar{
    margin:0 -32px;
    padding:16px 32px 28px;
}

.iu-modal-submit:disabled{
    cursor:not-allowed;
    opacity:1;
}

@media (max-width:760px){
    .iu-modal-card{
        height:calc(100vh - 24px);
    }
    .iu-modal-fields{
        padding:0 20px 22px;
    }
    .iu-modal-submitbar{
        margin:0 -20px;
        padding:14px 20px 22px;
    }
}

@media (max-width:460px){
    .iu-modal-status{
        min-height:38px;
        padding:0 18px;
    }
    .iu-modal-unithero-right b{
        padding-top:2px;
    }
    .iu-modal-consent{
        gap:10px;
        font-size:12.5px;
    }
}


/* ── v233: hard override for popup spacing + KVKK activation ─────────── */
html body .iu-modal[data-iu-version="v235"] .iu-modal-card{
    height:min(900px, calc(100vh - 24px));
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-body{
    padding:20px 32px 0 !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-unithero{
    min-height:138px !important;
    padding:22px 24px !important;
    align-items:center !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-unithero-left small{
    margin-bottom:10px !important;
    line-height:1.2 !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-unithero-left strong{
    line-height:.96 !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-unithero-left span{
    margin-top:14px !important;
    line-height:1.38 !important;
    padding-bottom:2px !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-unithero-right{
    justify-content:center !important;
    gap:22px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-status{
    min-height:40px !important;
    padding:0 20px !important;
    display:inline-flex !important;
    align-items:center !important;
    line-height:1 !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-unithero-right b{
    line-height:1.08 !important;
    padding-top:0 !important;
    padding-bottom:2px !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-fields{
    gap:12px !important;
    padding:0 32px 26px !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-field textarea{
    min-height:116px !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-consent{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
    margin:4px 0 0 !important;
    padding:4px 2px 2px !important;
    color:#5f5f68 !important;
    font-size:13px !important;
    line-height:1.55 !important;
    cursor:pointer !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-consent input{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    margin:2px 0 0 !important;
    flex:0 0 18px !important;
    border:1.5px solid rgba(129,90,255,.55) !important;
    border-radius:6px !important;
    background:#fff !important;
    position:relative !important;
    cursor:pointer !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-consent input::after{
    content:'' !important;
    position:absolute !important;
    left:5px !important;
    top:1px !important;
    width:5px !important;
    height:10px !important;
    border-right:2px solid #fff !important;
    border-bottom:2px solid #fff !important;
    transform:rotate(45deg) scale(.8) !important;
    opacity:0 !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-consent input:checked{
    background:#815AFF !important;
    border-color:#815AFF !important;
    box-shadow:0 0 0 4px rgba(129,90,255,.10) !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-consent input:checked::after{
    opacity:1 !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-consent strong{
    color:#815AFF !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-submitbar{
    margin:0 -32px !important;
    padding:18px 32px 30px !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-submit:disabled{
    cursor:not-allowed !important;
    opacity:1 !important;
}

@media (max-width:760px){
    html body .iu-modal[data-iu-version="v235"] .iu-modal-card{
        height:calc(100vh - 24px) !important;
    }
    html body .iu-modal[data-iu-version="v235"] .iu-modal-body{
        padding:16px 20px 0 !important;
    }
    html body .iu-modal[data-iu-version="v235"] .iu-modal-unithero{
        min-height:0 !important;
    }
    html body .iu-modal[data-iu-version="v235"] .iu-modal-fields{
        padding:0 20px 24px !important;
    }
    html body .iu-modal[data-iu-version="v235"] .iu-modal-submitbar{
        margin:0 -20px !important;
        padding:14px 20px 24px !important;
    }
}


/* ── v235: no global click-block + chat bubble safety ────────────────── */
.iu-modal[data-iu-version="v235"]{
    pointer-events:auto;
}

.iu-modal[data-iu-version="v235"] .iu-modal-card{
    pointer-events:auto;
}

/* Extra breathing space for the consent / note / submit area */
.iu-modal[data-iu-version="v235"] .iu-modal-fields{
    padding-bottom:28px !important;
}

.iu-modal[data-iu-version="v235"] .iu-modal-consent{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-top:4px !important;
    margin-bottom:2px !important;
}

.iu-modal[data-iu-version="v235"] .iu-modal-submitbar{
    padding-top:16px !important;
}


/* ── v235: project-active + chat/support safety overrides ───────────── */
html body .iu-modal[data-iu-version="v235"]{
    pointer-events:auto !important;
}

html body .iu-modal[data-iu-version="v235"].iu-modal-closing,
html body .iu-modal:not(.iu-modal-visible):not(.iu-modal-closing){
    pointer-events:none !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-card{
    pointer-events:auto !important;
}

html body .iu-modal[data-iu-version="v235"] .iu-modal-consent{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
}

/* Header active state safety for project detail pages when JS marks Projeler active */
.site-nav__dropdown a.site-nav__dropdown-link--active{
    font-weight:600;
}


/* ── v236: 13-inch popup compact hardfix + visible KVKK ─────────────── */
html body .iu-modal[data-iu-version="v236"]{
    align-items:center !important;
    padding:14px !important;
    overflow:hidden !important;
    pointer-events:auto !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-perspective{
    width:min(600px, calc(100vw - 28px)) !important;
    max-width:600px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-card{
    height:min(705px, calc(100vh - 28px)) !important;
    min-height:0 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-face{
    height:100% !important;
    min-height:0 !important;
    border-radius:24px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-front{
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-head{
    flex:0 0 auto !important;
    padding:22px 28px 0 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-head h3{
    font-size:27px !important;
    line-height:1.12 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-head p{
    margin-top:5px !important;
    font-size:15px !important;
    line-height:1.25 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-x{
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
    font-size:25px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding:16px 28px 0 !important;
    display:flex !important;
    flex-direction:column !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-unithero{
    flex:0 0 auto !important;
    min-height:104px !important;
    padding:15px 20px !important;
    border-radius:18px !important;
    grid-template-columns:minmax(0, 1fr) minmax(130px, auto) !important;
    gap:14px !important;
    align-items:stretch !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-unithero::after{
    width:160px !important;
    height:160px !important;
    right:-60px !important;
    top:-70px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-unithero-left small{
    margin:0 0 7px !important;
    font-size:11px !important;
    line-height:1.2 !important;
    letter-spacing:.055em !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-unithero-left strong{
    font-size:clamp(34px, 6vw, 46px) !important;
    line-height:.96 !important;
    letter-spacing:.02em !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-unithero-left span{
    margin-top:7px !important;
    font-size:13px !important;
    line-height:1.32 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-unithero-right{
    min-width:130px !important;
    gap:12px !important;
    justify-content:space-between !important;
    padding:0 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-status{
    min-height:34px !important;
    height:34px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    font-size:13px !important;
    line-height:1 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-status i{
    width:8px !important;
    height:8px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-unithero-right b{
    font-size:clamp(22px, 3.7vw, 28px) !important;
    line-height:1.04 !important;
    max-width:170px !important;
    padding:0 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-sectiontitle{
    margin:14px 0 9px !important;
    font-size:17px !important;
    line-height:1.15 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-statgrid{
    flex:0 0 auto !important;
    gap:8px 10px !important;
    margin:0 0 12px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-stat{
    min-height:52px !important;
    padding:9px 12px !important;
    border-radius:13px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-stat small{
    margin-bottom:4px !important;
    font-size:11px !important;
    line-height:1.2 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-stat strong{
    font-size:16px !important;
    line-height:1.18 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-form{
    flex:1 1 auto !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-fields{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:0 0 12px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-field > span{
    font-size:12.5px !important;
    line-height:1.2 !important;
    margin-bottom:4px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-field input,
html body .iu-modal[data-iu-version="v236"] .iu-modal-field textarea{
    min-height:40px !important;
    padding:9px 13px !important;
    border-radius:11px !important;
    font-size:13px !important;
    line-height:1.35 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-field textarea{
    min-height:58px !important;
    height:58px !important;
    max-height:96px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-consent{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin:2px 0 0 !important;
    padding:0 !important;
    font-size:11.8px !important;
    line-height:1.42 !important;
    color:#60606a !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-consent input{
    width:17px !important;
    height:17px !important;
    flex:0 0 17px !important;
    margin:1px 0 0 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-note{
    margin:0 !important;
    font-size:11.2px !important;
    line-height:1.35 !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-error{
    min-height:14px !important;
    margin:0 !important;
    font-size:11px !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-submitbar{
    flex:0 0 auto !important;
    margin:0 -28px !important;
    padding:10px 28px 18px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.72) 0%, #fff 38%) !important;
}

html body .iu-modal[data-iu-version="v236"] .iu-modal-submit{
    min-height:48px !important;
    border-radius:14px !important;
    font-size:15px !important;
}

html body .iu-modal[data-iu-version="v236"].iu-modal-closing,
html body .iu-modal[data-iu-version="v236"].iu-modal-closing *{
    pointer-events:none !important;
}

@media (max-width:620px){
    html body .iu-modal[data-iu-version="v236"]{
        padding:10px !important;
    }
    html body .iu-modal[data-iu-version="v236"] .iu-modal-perspective{
        width:calc(100vw - 20px) !important;
    }
    html body .iu-modal[data-iu-version="v236"] .iu-modal-card{
        height:calc(100vh - 20px) !important;
    }
    html body .iu-modal[data-iu-version="v236"] .iu-modal-head{
        padding:18px 18px 0 !important;
    }
    html body .iu-modal[data-iu-version="v236"] .iu-modal-body{
        padding:14px 18px 0 !important;
    }
    html body .iu-modal[data-iu-version="v236"] .iu-modal-unithero{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    html body .iu-modal[data-iu-version="v236"] .iu-modal-unithero-right{
        min-width:0 !important;
        flex-direction:row !important;
        align-items:center !important;
    }
    html body .iu-modal[data-iu-version="v236"] .iu-modal-submitbar{
        margin:0 -18px !important;
        padding:10px 18px 16px !important;
    }
}


/* ── v237: ONE-TIME POPUP ARCHITECTURE FIX ─────────────────────────────
   Root cause fix: modal is now a true 3-part layout.
   1) head stays fixed
   2) content scrolls inside the modal
   3) submit bar stays fixed at bottom
*/
html body .iu-modal[data-iu-version="v237"]{
    align-items:center !important;
    justify-content:center !important;
    padding:12px !important;
    overflow:hidden !important;
    pointer-events:auto !important;
    box-sizing:border-box !important;
}

html body .iu-modal[data-iu-version="v237"].iu-modal-closing,
html body .iu-modal[data-iu-version="v237"].iu-modal-closing *{
    pointer-events:none !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-perspective{
    width:min(520px, calc(100vw - 24px)) !important;
    max-width:520px !important;
    height:min(700px, calc(100dvh - 24px)) !important;
    max-height:calc(100dvh - 24px) !important;
    perspective:1200px !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-card{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-face{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    border-radius:22px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-front{
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    overflow:hidden !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-head{
    grid-row:1 !important;
    flex:unset !important;
    padding:18px 24px 8px !important;
    align-items:flex-start !important;
    background:#fff !important;
    position:relative !important;
    z-index:4 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-head h3{
    font-size:24px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-head p{
    margin-top:4px !important;
    font-size:14px !important;
    line-height:1.25 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-x{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    font-size:24px !important;
    flex:0 0 38px !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-body{
    grid-row:2 !important;
    min-height:0 !important;
    height:100% !important;
    display:grid !important;
    grid-template-rows:auto auto auto minmax(0,1fr) !important;
    overflow:hidden !important;
    padding:8px 24px 0 !important;
    box-sizing:border-box !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero{
    grid-row:1 !important;
    min-height:92px !important;
    padding:13px 17px !important;
    border-radius:16px !important;
    grid-template-columns:minmax(0,1fr) minmax(116px,auto) !important;
    gap:12px !important;
    align-items:stretch !important;
    overflow:hidden !important;
    box-shadow:0 14px 28px rgba(80,48,170,.15) !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero::after{
    width:138px !important;
    height:138px !important;
    right:-48px !important;
    top:-56px !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-left{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-left small{
    margin:0 0 5px !important;
    font-size:10px !important;
    line-height:1.2 !important;
    letter-spacing:.06em !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-left strong{
    font-size:clamp(32px, 5.4vw, 42px) !important;
    line-height:.94 !important;
    letter-spacing:.02em !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-left span{
    margin-top:6px !important;
    font-size:12.5px !important;
    line-height:1.26 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-right{
    min-width:116px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    align-items:flex-end !important;
    gap:8px !important;
    padding:0 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-status{
    min-height:30px !important;
    height:30px !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    font-size:12px !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-status i{
    width:7px !important;
    height:7px !important;
    flex:0 0 7px !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-right b{
    font-size:clamp(20px, 3.25vw, 26px) !important;
    line-height:1.02 !important;
    max-width:150px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    padding:0 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-sectiontitle{
    grid-row:2 !important;
    margin:12px 0 8px !important;
    font-size:16px !important;
    line-height:1.15 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-statgrid{
    grid-row:3 !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px 10px !important;
    margin:0 0 10px !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-stat{
    min-height:48px !important;
    padding:8px 11px !important;
    border-radius:12px !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-stat small{
    margin-bottom:3px !important;
    font-size:10.5px !important;
    line-height:1.2 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-stat strong{
    font-size:15px !important;
    line-height:1.16 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-form{
    grid-row:4 !important;
    min-height:0 !important;
    height:100% !important;
    display:grid !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-fields{
    grid-row:1 !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:0 4px 12px 0 !important;
    scrollbar-width:thin !important;
    scrollbar-color:rgba(129,90,255,.45) rgba(0,0,0,.04) !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-field > span{
    font-size:12px !important;
    line-height:1.2 !important;
    margin:0 0 4px !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-field input,
html body .iu-modal[data-iu-version="v237"] .iu-modal-field textarea{
    min-height:38px !important;
    padding:8px 12px !important;
    border-radius:11px !important;
    font-size:12.8px !important;
    line-height:1.32 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-field textarea{
    min-height:58px !important;
    height:58px !important;
    max-height:90px !important;
    resize:vertical !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-consent{
    display:flex !important;
    align-items:flex-start !important;
    gap:9px !important;
    margin:2px 0 0 !important;
    padding:0 2px !important;
    font-size:11.4px !important;
    line-height:1.35 !important;
    color:#5f5f68 !important;
    flex:0 0 auto !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-consent input{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
    margin:1px 0 0 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-note{
    margin:0 !important;
    font-size:10.8px !important;
    line-height:1.28 !important;
    flex:0 0 auto !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-error{
    min-height:0 !important;
    margin:0 !important;
    font-size:11px !important;
    line-height:1.2 !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-submitbar{
    grid-row:2 !important;
    flex:unset !important;
    margin:0 -24px !important;
    padding:9px 24px 18px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.74) 0%, #fff 34%) !important;
    border-top:1px solid rgba(0,0,0,.05) !important;
    box-shadow:0 -10px 22px rgba(255,255,255,.95) !important;
}

html body .iu-modal[data-iu-version="v237"] .iu-modal-submit{
    min-height:46px !important;
    border-radius:14px !important;
    font-size:14.5px !important;
    line-height:1 !important;
}

/* Any hidden / closing modal must not block support/chat bubble */
html body .iu-modal:not(.iu-modal-visible):not(.iu-modal-closing){
    pointer-events:none !important;
}

@media (max-height:720px){
    html body .iu-modal[data-iu-version="v237"] .iu-modal-perspective{
        width:min(500px, calc(100vw - 20px)) !important;
        height:calc(100dvh - 20px) !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-head{
        padding:15px 20px 6px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-head h3{
        font-size:22px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-head p{
        font-size:13px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-x{
        width:34px !important;
        height:34px !important;
        font-size:22px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-body{
        padding:6px 20px 0 !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero{
        min-height:82px !important;
        padding:11px 14px !important;
        border-radius:15px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-left strong{
        font-size:34px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-left span{
        margin-top:4px !important;
        font-size:11.5px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-sectiontitle{
        margin:9px 0 7px !important;
        font-size:15px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-statgrid{
        margin-bottom:8px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-stat{
        min-height:42px !important;
        padding:7px 10px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-field input,
    html body .iu-modal[data-iu-version="v237"] .iu-modal-field textarea{
        min-height:34px !important;
        padding:7px 11px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-field textarea{
        height:48px !important;
        min-height:48px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-submitbar{
        margin:0 -20px !important;
        padding:8px 20px 14px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-submit{
        min-height:42px !important;
    }
}

@media (max-width:560px){
    html body .iu-modal[data-iu-version="v237"] .iu-modal-perspective{
        width:calc(100vw - 20px) !important;
        height:calc(100dvh - 20px) !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-head{
        padding:16px 18px 6px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-body{
        padding:6px 18px 0 !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-right{
        min-width:0 !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;
        width:100% !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-unithero-right b{
        max-width:none !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-statgrid{
        grid-template-columns:1fr 1fr !important;
    }
    html body .iu-modal[data-iu-version="v237"] .iu-modal-submitbar{
        margin:0 -18px !important;
        padding:9px 18px 16px !important;
    }
}


/* ── v238: KVKK + Submit ALWAYS VISIBLE fixed bottom bar ───────────────
   Final correction: KVKK checkbox is moved to the fixed submit bar, not the scroll area.
   This guarantees KVKK + button are visible on 13-inch screens.
*/
html body .iu-modal[data-iu-version="v238"]{
    align-items:center !important;
    justify-content:center !important;
    padding:10px !important;
    overflow:hidden !important;
    pointer-events:auto !important;
    box-sizing:border-box !important;
}
html body .iu-modal[data-iu-version="v238"].iu-modal-closing,
html body .iu-modal[data-iu-version="v238"].iu-modal-closing *{
    pointer-events:none !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-perspective{
    width:min(520px, calc(100vw - 20px)) !important;
    max-width:520px !important;
    height:min(700px, calc(100dvh - 20px)) !important;
    max-height:calc(100dvh - 20px) !important;
    perspective:1200px !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-card,
html body .iu-modal[data-iu-version="v238"] .iu-modal-face{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-face{
    border-radius:22px !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-front{
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    overflow:hidden !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-head{
    grid-row:1 !important;
    padding:18px 24px 8px !important;
    background:#fff !important;
    position:relative !important;
    z-index:5 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-head h3{
    font-size:24px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-head p{
    margin-top:4px !important;
    font-size:14px !important;
    line-height:1.25 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-x{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    font-size:24px !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-body{
    grid-row:2 !important;
    min-height:0 !important;
    height:100% !important;
    display:grid !important;
    grid-template-rows:auto auto auto minmax(0,1fr) !important;
    overflow:hidden !important;
    padding:8px 24px 0 !important;
    box-sizing:border-box !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero{
    grid-row:1 !important;
    min-height:90px !important;
    padding:12px 16px !important;
    border-radius:16px !important;
    grid-template-columns:minmax(0,1fr) minmax(116px,auto) !important;
    gap:12px !important;
    overflow:hidden !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero::after{
    width:136px !important;
    height:136px !important;
    right:-48px !important;
    top:-56px !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-left{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-left small{
    margin:0 0 5px !important;
    font-size:10px !important;
    line-height:1.2 !important;
    letter-spacing:.06em !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-left strong{
    font-size:clamp(32px, 5.4vw, 42px) !important;
    line-height:.94 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-left span{
    margin-top:6px !important;
    font-size:12.5px !important;
    line-height:1.26 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-right{
    min-width:116px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    align-items:flex-end !important;
    gap:8px !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-status{
    min-height:30px !important;
    height:30px !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    font-size:12px !important;
    line-height:1 !important;
    white-space:nowrap !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-right b{
    font-size:clamp(20px, 3.25vw, 26px) !important;
    line-height:1.02 !important;
    max-width:150px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-sectiontitle{
    grid-row:2 !important;
    margin:11px 0 7px !important;
    font-size:16px !important;
    line-height:1.15 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-statgrid{
    grid-row:3 !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px 10px !important;
    margin:0 0 9px !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-stat{
    min-height:46px !important;
    padding:7px 11px !important;
    border-radius:12px !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-stat small{
    margin-bottom:3px !important;
    font-size:10.5px !important;
    line-height:1.2 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-stat strong{
    font-size:15px !important;
    line-height:1.16 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-form{
    grid-row:4 !important;
    min-height:0 !important;
    height:100% !important;
    display:grid !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-fields{
    grid-row:1 !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:0 4px 12px 0 !important;
    scrollbar-width:thin !important;
    scrollbar-color:rgba(129,90,255,.45) rgba(0,0,0,.04) !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-field > span{
    font-size:12px !important;
    line-height:1.2 !important;
    margin:0 0 4px !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-field input,
html body .iu-modal[data-iu-version="v238"] .iu-modal-field textarea{
    min-height:36px !important;
    padding:7px 12px !important;
    border-radius:11px !important;
    font-size:12.8px !important;
    line-height:1.32 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-field textarea{
    min-height:58px !important;
    height:58px !important;
    max-height:90px !important;
    resize:vertical !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-note{
    margin:0 !important;
    font-size:10.8px !important;
    line-height:1.28 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-error{
    min-height:0 !important;
    margin:0 !important;
    font-size:11px !important;
    line-height:1.2 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-submitbar{
    grid-row:2 !important;
    display:grid !important;
    grid-template-rows:auto auto !important;
    gap:8px !important;
    margin:0 -24px !important;
    padding:9px 24px 16px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.88) 0%, #fff 34%) !important;
    border-top:1px solid rgba(0,0,0,.06) !important;
    box-shadow:0 -12px 26px rgba(255,255,255,.95) !important;
    position:relative !important;
    z-index:7 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-submitbar .iu-modal-consent{
    grid-row:1 !important;
    display:flex !important;
    align-items:flex-start !important;
    gap:9px !important;
    margin:0 !important;
    padding:0 !important;
    color:#5f5f68 !important;
    font-size:10.8px !important;
    line-height:1.28 !important;
    cursor:pointer !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-submitbar .iu-modal-consent input{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
    margin:0 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-submitbar .iu-modal-consent span{
    display:block !important;
    min-width:0 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-submit{
    grid-row:2 !important;
    min-height:42px !important;
    border-radius:14px !important;
    font-size:14.5px !important;
    line-height:1 !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-submit:disabled{
    cursor:not-allowed !important;
}

/* Any hidden / closing modal must not block support/chat bubble */
html body .iu-modal:not(.iu-modal-visible),
html body .iu-modal.iu-modal-closing{
    pointer-events:none !important;
}

@media (max-height:720px){
    html body .iu-modal[data-iu-version="v238"] .iu-modal-perspective{
        width:min(500px, calc(100vw - 20px)) !important;
        height:calc(100dvh - 20px) !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-head{
        padding:15px 20px 6px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-head h3{
        font-size:22px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-head p{
        font-size:13px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-x{
        width:34px !important;
        height:34px !important;
        font-size:22px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-body{
        padding:6px 20px 0 !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero{
        min-height:80px !important;
        padding:10px 14px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-left strong{
        font-size:34px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-left span{
        margin-top:4px !important;
        font-size:11.5px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-sectiontitle{
        margin:8px 0 6px !important;
        font-size:15px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-statgrid{
        margin-bottom:7px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-stat{
        min-height:40px !important;
        padding:6px 10px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-field input,
    html body .iu-modal[data-iu-version="v238"] .iu-modal-field textarea{
        min-height:33px !important;
        padding:6px 11px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-field textarea{
        height:46px !important;
        min-height:46px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-submitbar{
        margin:0 -20px !important;
        padding:7px 20px 12px !important;
        gap:7px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-submitbar .iu-modal-consent{
        font-size:10.2px !important;
        line-height:1.22 !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-submit{
        min-height:40px !important;
    }
}

@media (max-width:560px){
    html body .iu-modal[data-iu-version="v238"] .iu-modal-perspective{
        width:calc(100vw - 20px) !important;
        height:calc(100dvh - 20px) !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-head{
        padding:16px 18px 6px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-body{
        padding:6px 18px 0 !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-right{
        min-width:0 !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;
        width:100% !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-unithero-right b{
        max-width:none !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-statgrid{
        grid-template-columns:1fr 1fr !important;
    }
    html body .iu-modal[data-iu-version="v238"] .iu-modal-submitbar{
        margin:0 -18px !important;
        padding:8px 18px 14px !important;
    }
}

/* ── v240: Global room-type sale filter + contrast/live-count fix ─────── */
.iu-wrapper{
    max-width:1280px;
}

.iu-room-filters{
    display:flex !important;
    justify-content:center;
    align-items:center;
    margin:0 0 28px !important;
    padding:0 !important;
}

.iu-room-filterbar{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:6px;
    max-width:100%;
    padding:8px;
    border-radius:24px;
    background:#fff;
    box-shadow:0 14px 44px rgba(21,18,35,.07);
    overflow-x:auto;
    scrollbar-width:none;
}
.iu-room-filterbar::-webkit-scrollbar{display:none;}

.iu-room-filter-btn{
    appearance:none;
    -webkit-appearance:none;
    position:relative;
    z-index:1;
    min-height:52px;
    padding:0 22px;
    border:0;
    border-radius:18px;
    background:transparent;
    color:#66636f !important;
    font-family:'Open Sans',sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    white-space:nowrap;
    cursor:pointer;
    transition:background-color .45s cubic-bezier(.16,1,.3,1), color .35s ease, box-shadow .45s cubic-bezier(.16,1,.3,1), transform .45s cubic-bezier(.16,1,.3,1);
}

.iu-room-filter-btn:hover:not(.iu-room-filter-active){
    color:#815AFF !important;
    background:#f6f2ff;
}

.iu-room-filter-btn.iu-room-filter-active{
    background:#815AFF !important;
    color:#fff !important;
    box-shadow:0 10px 28px rgba(129,90,255,.28);
}
.iu-room-filter-btn.iu-room-filter-active,
.iu-room-filter-btn.iu-room-filter-active *{
    color:#fff !important;
}

.iu-room-filter-label{
    display:inline-flex;
    align-items:center;
    color:inherit !important;
}

.iu-room-icon{
    display:inline-flex;
    align-items:center;
    gap:4px;
    flex:0 0 auto;
}
.iu-room-icon i{
    width:8px;
    height:8px;
    border-radius:3px;
    background:#c8c8cc;
    transition:background-color .35s ease, opacity .35s ease;
}
.iu-room-filter-active .iu-room-icon i,
.iu-room-badge .iu-room-icon i{
    background:rgba(255,255,255,.68) !important;
}

.iu-room-filter-btn .iu-filter-count{
    min-width:24px;
    height:24px;
    padding:0 8px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.06);
    color:#888894 !important;
    font-size:13px;
    font-weight:700;
    line-height:1;
    opacity:1 !important;
    transition:background-color .35s ease, color .35s ease;
}
.iu-room-filter-active .iu-filter-count{
    background:rgba(255,255,255,.24) !important;
    color:#fff !important;
}

.iu-summary-cards{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:0 0 24px;
}
.iu-summary-card{
    min-width:0;
    padding:16px 18px;
    border-radius:16px;
    background:#fff;
    border-left:3px solid transparent;
    box-shadow:0 2px 16px rgba(0,0,0,.04);
}
.iu-summary-card:first-child{border-left-color:#815AFF;}
.iu-summary-card:nth-child(3){border-left-color:#2e7d32;}
.iu-summary-card span{
    display:block;
    margin-bottom:6px;
    color:#96939d;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.045em;
}
.iu-summary-card strong{
    display:block;
    color:#22222a;
    font-size:20px;
    font-weight:800;
    line-height:1.2;
}
.iu-summary-card strong.is-small{
    font-size:14px;
    line-height:1.35;
}

.iu-room-table thead th{
    background:#1a1a2e !important;
    color:#fff !important;
}
.iu-room-row{
    opacity:1;
    transform:translateY(0);
    transition:transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s cubic-bezier(.16,1,.3,1), opacity .35s ease;
}
.iu-room-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:5px 12px;
    border-radius:10px;
    background:#f3eeff;
    color:#815AFF;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
}
.iu-room-badge .iu-room-icon i{
    background:#815AFF !important;
    opacity:.75;
}
.iu-roi-badge{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 12px;
    border-radius:10px;
    background:#fff8e1;
    color:#a45b00;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}
.iu-cell-roi,
.iu-cell-kira{
    white-space:nowrap;
}

/* Investor-facing label: backend 'musait' is displayed as 'Satılık'. */
.iu-status-musait{
    background:#e8f5e9 !important;
    color:#2e7d32 !important;
}

/* Chat/support bubble must stay clickable when no IU modal is visibly open. */
.iu-modal:not(.iu-modal-visible),
.iu-modal.iu-modal-closing{
    pointer-events:none !important;
}
.iu-modal.iu-modal-visible{
    pointer-events:auto;
}
.support-fab,
.support-widget,
.support-chat,
.citil-support-fab,
.citil-support-widget,
[data-support-fab],
[data-chat-widget]{
    pointer-events:auto !important;
    z-index:2147483000 !important;
}

@media (max-width:980px){
    .iu-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
    .iu-room-filters{justify-content:flex-start;}
}
@media (max-width:640px){
    .iu-room-filterbar{width:100%;justify-content:flex-start;border-radius:20px;padding:7px;}
    .iu-room-filter-btn{min-height:46px;padding:0 16px;font-size:14px;border-radius:15px;}
    .iu-summary-cards{grid-template-columns:1fr;}
}

/* ── v241: Room filter/table smooth motion polish ─────────────────────── */
.iu-wrapper{
    --iu-ease-soft:cubic-bezier(.16,1,.3,1);
    --iu-ease-smooth:cubic-bezier(.22,.61,.36,1);
}

.iu-room-filterbar{
    transition:box-shadow .75s var(--iu-ease-soft), transform .75s var(--iu-ease-soft), background-color .75s ease;
}

.iu-room-filter-btn{
    transition:
        background-color .72s var(--iu-ease-soft),
        color .56s ease,
        box-shadow .72s var(--iu-ease-soft),
        transform .72s var(--iu-ease-soft),
        opacity .56s ease !important;
}

.iu-room-filter-btn:hover:not(.iu-room-filter-active){
    transform:translateY(-1px);
}

.iu-room-filter-btn.iu-room-filter-active{
    transform:translateY(-2px);
}

.iu-room-icon i{
    transition:
        background-color .62s ease,
        opacity .62s ease,
        transform .62s var(--iu-ease-soft) !important;
}

.iu-room-filter-btn:hover .iu-room-icon i,
.iu-room-filter-btn.iu-room-filter-active .iu-room-icon i{
    transform:scale(1.08);
}

.iu-room-filter-btn .iu-filter-count{
    transition:
        background-color .62s ease,
        color .62s ease,
        transform .62s var(--iu-ease-soft),
        opacity .62s ease !important;
}

.iu-room-filter-btn.iu-room-filter-active .iu-filter-count{
    transform:scale(1.04);
}

.iu-summary-cards,
.iu-table-wrap,
.iu-pagination{
    transform-origin:center top;
    transition:
        opacity .34s var(--iu-ease-smooth),
        transform .34s var(--iu-ease-soft),
        filter .34s ease;
    will-change:opacity, transform, filter;
}

.iu-wrapper.iu-ui-leaving .iu-summary-cards,
.iu-wrapper.iu-ui-leaving .iu-table-wrap,
.iu-wrapper.iu-ui-leaving .iu-pagination{
    opacity:0;
    transform:translateY(12px) scale(.992);
    filter:blur(2px);
}

.iu-wrapper.iu-ui-entering .iu-summary-cards,
.iu-wrapper.iu-ui-entering .iu-table-wrap,
.iu-wrapper.iu-ui-entering .iu-pagination{
    animation:iu-soft-section-enter .64s var(--iu-ease-soft) both;
}

.iu-summary-card{
    transition:
        transform .72s var(--iu-ease-soft),
        box-shadow .72s var(--iu-ease-soft),
        border-color .72s ease,
        opacity .62s ease !important;
}

.iu-wrapper.iu-ui-entering .iu-summary-card{
    animation:iu-summary-enter .62s var(--iu-ease-soft) both;
    animation-delay:calc(var(--iu-card-i, 0) * 52ms);
}

.iu-summary-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 32px rgba(129,90,255,.08);
}

.iu-room-row{
    transform-origin:center center;
    transition:
        transform .72s var(--iu-ease-soft),
        box-shadow .72s var(--iu-ease-soft),
        opacity .54s ease,
        filter .54s ease !important;
    will-change:transform, opacity, filter;
}

.iu-wrapper.iu-ui-entering .iu-room-row{
    animation:iu-row-enter .58s var(--iu-ease-soft) both;
    animation-delay:calc(var(--iu-row-i, 0) * 64ms);
}

.iu-page-btn{
    transition:
        background-color .46s var(--iu-ease-soft),
        border-color .46s var(--iu-ease-soft),
        color .46s ease,
        transform .46s var(--iu-ease-soft),
        box-shadow .46s var(--iu-ease-soft),
        opacity .46s ease !important;
}

.iu-page-btn:hover:not(.disabled):not(.iu-page-active){
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(129,90,255,.08);
}

.iu-info-btn{
    transition:
        background-color .52s var(--iu-ease-soft),
        color .52s ease,
        border-color .52s var(--iu-ease-soft),
        box-shadow .52s var(--iu-ease-soft),
        transform .52s var(--iu-ease-soft) !important;
}

@keyframes iu-soft-section-enter{
    0%{opacity:0;transform:translateY(14px) scale(.992);filter:blur(2px)}
    100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

@keyframes iu-summary-enter{
    0%{opacity:0;transform:translateY(12px) scale(.985)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes iu-row-enter{
    0%{opacity:0;transform:translateY(16px) scale(.985);filter:blur(1.5px)}
    100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

@media (prefers-reduced-motion: reduce){
    .iu-wrapper.iu-ui-entering .iu-summary-cards,
    .iu-wrapper.iu-ui-entering .iu-table-wrap,
    .iu-wrapper.iu-ui-entering .iu-pagination,
    .iu-wrapper.iu-ui-entering .iu-summary-card,
    .iu-wrapper.iu-ui-entering .iu-room-row{
        animation:none !important;
    }
    .iu-room-filter-btn,
    .iu-summary-card,
    .iu-room-row,
    .iu-page-btn,
    .iu-info-btn,
    .iu-summary-cards,
    .iu-table-wrap,
    .iu-pagination{
        transition:none !important;
    }
}


/* ── v242: ROI fix support + chat bubble accessibility ───────────────── */
.iu-summary-card strong{
    font-variant-numeric: tabular-nums;
}

/* Never let a hidden/closing IU modal block the support widget. */
.iu-modal:not(.iu-modal-visible),
.iu-modal.iu-modal-closing{
    pointer-events:none !important;
}
.iu-modal.iu-modal-visible{
    pointer-events:auto !important;
}

/* Support/chat bubble must stay above the inventory UI and clickable. */
.support-fab,
.support-fab-v57,
.support-fab-toggle,
.support-fab-button,
.support-fab-btn,
.support-widget,
.support-chat,
.support-trigger,
.support-trigger-btn,
.citil-support-fab,
.citil-support-widget,
.chat-bubble,
.chat-widget,
.chat-widget-button,
.chat-toggle,
.chat-button,
[data-support-fab],
[data-support-toggle],
[data-chat-widget],
[data-chat-toggle]{
    pointer-events:auto !important;
    z-index:2147483000 !important;
}


/* ── v243: table-only motion + stronger chat bubble isolation ─────────── */
.iu-summary-cards,
.iu-pagination{
    transition:none !important;
    animation:none !important;
    filter:none !important;
}

.iu-table-wrap{
    transform-origin:center top;
    transition:opacity .28s cubic-bezier(.22,.61,.36,1), transform .34s cubic-bezier(.16,1,.3,1), filter .28s ease !important;
    will-change:opacity, transform, filter;
}

.iu-table-wrap.iu-table-leaving{
    opacity:0;
    transform:translateY(10px) scale(.994);
    filter:blur(1.5px);
}

.iu-table-wrap.iu-table-entering{
    animation:iu-table-area-enter .56s cubic-bezier(.16,1,.3,1) both;
}

.iu-table-wrap.iu-table-entering .iu-room-row{
    animation:iu-row-enter .56s cubic-bezier(.16,1,.3,1) both;
    animation-delay:calc(var(--iu-row-i, 0) * 54ms);
}

/* Neutralize old wrapper-wide transition classes so only the table changes. */
.iu-wrapper.iu-ui-leaving .iu-summary-cards,
.iu-wrapper.iu-ui-leaving .iu-pagination,
.iu-wrapper.iu-ui-entering .iu-summary-cards,
.iu-wrapper.iu-ui-entering .iu-pagination,
.iu-wrapper.iu-ui-entering .iu-summary-card{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
}

@keyframes iu-table-area-enter{
    0%{opacity:0;transform:translateY(12px) scale(.994);filter:blur(1.5px)}
    100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

/* Keep support/chat above IU layers. Covers BEM and generated widget classnames. */
[class*="support-fab"],
[class*="support__"],
[class*="support-"],
[class*="chat-bubble"],
[class*="chat-widget"],
[class*="chat__"],
[class*="chat-"],
[id*="support"],
[id*="Support"],
[id*="chat"],
[id*="Chat"],
.support-fab,
.support-fab-v57,
.support-fab-toggle,
.support-fab-button,
.support-fab-btn,
.support-widget,
.support-chat,
.support-trigger,
.support-trigger-btn,
.citil-support-fab,
.citil-support-widget,
.chat-bubble,
.chat-widget,
.chat-widget-button,
.chat-toggle,
.chat-button,
[data-support-fab],
[data-support-toggle],
[data-chat-widget],
[data-chat-toggle]{
    pointer-events:auto !important;
    z-index:2147483000 !important;
}

.iu-modal:not(.iu-modal-visible),
.iu-modal.iu-modal-closing,
.iu-modal.iu-modal-closing *{
    pointer-events:none !important;
}

@media (prefers-reduced-motion: reduce){
    .iu-table-wrap.iu-table-entering,
    .iu-table-wrap.iu-table-entering .iu-room-row{
        animation:none !important;
    }
}


/* ── v244: money summary label + chat isolation safety ───────────────── */
.iu-summary-card span{
    line-height:1.25;
}
.iu-modal:not(.iu-modal-visible),
.iu-modal.iu-modal-closing,
.iu-modal.iu-modal-closing *{
    pointer-events:none !important;
}

/* ── v246: Bilgi Al — 3D flip, normal back face, 2s return ─────────
   The card keeps the original 180-degree flip. The confirmation face is
   pre-rotated by 180 degrees, so the combined transform reads normally
   instead of mirrored. After the success hold, JS removes the flip class
   and the form returns with the same animation.
*/
html body .iu-modal[data-iu-version="v238"] .iu-modal-perspective{
    perspective:1200px;
    -webkit-perspective:1200px;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-card{
    transform-style:preserve-3d !important;
    -webkit-transform-style:preserve-3d !important;
    transition:transform .82s cubic-bezier(.16,1,.3,1) !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-face{
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-front{
    transform:rotateY(0deg) translateZ(1px) !important;
    -webkit-transform:rotateY(0deg) translateZ(1px) !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-back{
    transform:rotateY(180deg) translateZ(1px) !important;
    -webkit-transform:rotateY(180deg) translateZ(1px) !important;
    direction:ltr;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-back > *{
    direction:ltr;
}
html body .iu-modal[data-iu-version="v238"].iu-modal-flipped .iu-modal-card{
    transform:translateY(0) scale(1) rotateY(180deg) !important;
    -webkit-transform:translateY(0) scale(1) rotateY(180deg) !important;
}
html body .iu-modal[data-iu-version="v238"].iu-modal-success .iu-modal-front{
    pointer-events:none;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-progressbar span{
    width:0%;
}
@media (prefers-reduced-motion:reduce){
    html body .iu-modal[data-iu-version="v238"] .iu-modal-card{
        transition:none !important;
    }
}


/* ── v247: Bilgi Al — edge-swap 3D flip, guaranteed non-mirrored content ──
   The visible face never remains beyond 90 degrees. At the edge, JS swaps
   the normal-orientation front/back panels, then completes the second half.
   This preserves the 3D flip while eliminating mirrored confirmation text.
*/
html body .iu-modal[data-iu-version="v238"] .iu-modal-card{
    transform-style:preserve-3d !important;
    -webkit-transform-style:preserve-3d !important;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-face{
    transform:none !important;
    -webkit-transform:none !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
    transition:opacity .08s linear,visibility 0s linear .08s;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-front{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
html body .iu-modal[data-iu-version="v238"] .iu-modal-back{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    direction:ltr;
}
html body .iu-modal[data-iu-version="v238"].iu-modal-show-back .iu-modal-front{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
html body .iu-modal[data-iu-version="v238"].iu-modal-show-back .iu-modal-back{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
html body .iu-modal[data-iu-version="v238"].iu-modal-flip-animating .iu-modal-card{
    transition:none !important;
    will-change:transform;
}
html body .iu-modal[data-iu-version="v238"].iu-modal-show-back .iu-modal-check svg path{
    stroke-dashoffset:0;
}
@media (prefers-reduced-motion:reduce){
    html body .iu-modal[data-iu-version="v238"] .iu-modal-face{
        transition:none !important;
    }
}