/**
 * 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-winford-project-data-v246
 */

/* ── 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;
    }
}


/* ======================================================================
   The Winford v248 — approved type / delivery / bedroom filter mockup
   ====================================================================== */
.iu-wrapper.iu-winford{max-width:none;padding:0;font-family:'Open Sans',sans-serif;color:#171527}
.iu-winford .iu-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}
.iu-winford .iu-summary-grid article{display:flex;align-items:center;gap:18px;min-height:104px;padding:20px;border:1px solid #ebe7f0;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(49,34,82,.07)}
.iu-winford .iu-summary-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 auto;border-radius:16px;background:linear-gradient(135deg,#f4efff,#ebe2ff);color:#6843de;font-size:25px;font-weight:700}
.iu-winford .iu-summary-grid small{display:block;color:#76717d;font-size:13px}
.iu-winford .iu-summary-grid strong{display:block;margin-top:4px;color:#3b168c;font-size:30px;line-height:1;font-weight:700}
.iu-winford .iu-filter-groups{display:grid;grid-template-columns:1.45fr .95fr;gap:20px 30px;margin-bottom:26px}
.iu-winford .iu-filter-block-type{grid-column:1/-1}
.iu-winford .iu-filter-label{display:block;margin-bottom:10px;color:#393440;font-size:13px;font-weight:600}
.iu-winford .iu-filter-pills{display:flex;flex-wrap:wrap;gap:9px}
.iu-winford .iu-filter-btn{height:40px;padding:0 20px;border:1px solid #ded9e4;border-radius:999px;background:#fff;color:#3d3744;font-size:13px;font-weight:600;box-shadow:none}
.iu-winford .iu-filter-btn:hover{border-color:#815AFF;color:#6843de;transform:translateY(-1px)}
.iu-winford .iu-filter-btn.iu-filter-active{background:linear-gradient(135deg,#815AFF,#5f35cf);border-color:#6f45e6;color:#fff;box-shadow:0 9px 20px rgba(110,70,225,.18)}
.iu-winford .iu-bedroom-pills{padding:5px;border:1px solid #ded9e4;border-radius:14px;background:#fff;flex-wrap:nowrap}
.iu-winford .iu-bedroom-pills .iu-filter-btn{flex:1;border:0;border-radius:10px;white-space:nowrap}
.iu-winford .iu-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.iu-winford .iu-table-wrap{min-height:420px;padding:10px;border:1px solid #e8e4ec;border-radius:18px;background:#fff;box-shadow:0 14px 42px rgba(42,31,67,.06);overflow-x:auto}
.iu-winford .iu-table{border-collapse:collapse;border-spacing:0;min-width:990px;font-size:13px}
.iu-winford .iu-table thead th{padding:14px 14px;background:#fff;color:#282332;border-bottom:1px solid #e9e5ed;border-radius:0!important;font-size:12px;font-weight:700}
.iu-winford .iu-table tbody .iu-row{background:#fff}
.iu-winford .iu-table tbody .iu-row td{padding:13px 14px;border:0;border-bottom:1px solid #eeeaf1;border-radius:0!important;white-space:nowrap}
.iu-winford .iu-table tbody .iu-row:last-child td{border-bottom:0}
.iu-winford .iu-table tbody .iu-row:hover{background:#fbf9ff}
.iu-winford .iu-type-badge{display:inline-flex;padding:5px 13px;border-radius:7px;background:#f4efff;color:#7046e3;font-size:12px;font-weight:600}
.iu-winford .iu-badge{padding:5px 13px;background:#f4efff;color:#7046e3}
.iu-winford .iu-status-musait{background:#edf8f0;color:#257c43}
.iu-winford .iu-status-opsiyonlu{background:#fff4df;color:#a66300}
.iu-winford .iu-status-rezerve{background:#f3eafa;color:#77409a}
.iu-winford .iu-status-satildi{background:#f0f0f2;color:#777}
.iu-winford .iu-status-early_access{background:#f4efff;color:#7046e3}
.iu-winford .iu-info-btn{min-width:105px;height:36px;padding:0 18px;border:1px solid #815AFF;border-radius:9px;background:#fff;color:#6843de;font-size:12px;font-weight:700}
.iu-winford .iu-info-btn:hover{background:#815AFF;color:#fff;transform:translateY(-1px)}
.iu-winford .iu-guide-card{padding:22px;border:1px solid #e8e4ec;border-radius:18px;background:#fff;box-shadow:0 14px 42px rgba(42,31,67,.06)}
.iu-winford .iu-guide-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #ece8ef}
.iu-winford .iu-guide-head>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#f2ebff;color:#6843de;font-size:21px}
.iu-winford .iu-guide-head strong{font-size:14px}
.iu-winford .iu-guide-card ul{display:grid;gap:18px;margin:22px 0;padding:0;list-style:none}
.iu-winford .iu-guide-card li{position:relative;padding-left:28px;color:#4d4754;font-size:12px;line-height:1.55}
.iu-winford .iu-guide-card li::before{content:'✓';position:absolute;left:0;top:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#6843de;color:#fff;font-size:10px}
.iu-winford .iu-guide-card>p{margin:0;padding-top:18px;border-top:1px solid #ece8ef;color:#8b8690;font-size:10px;line-height:1.6}
.iu-winford .iu-pagination{margin-top:20px;padding:0}
.iu-winford .iu-page-btn{width:38px;height:38px;border-radius:9px}
.iu-winford .iu-empty{min-height:390px;display:grid;place-items:center}

@media(max-width:1050px){
 .iu-winford .iu-summary-grid{grid-template-columns:repeat(2,1fr)}
 .iu-winford .iu-content-grid{grid-template-columns:1fr}
 .iu-winford .iu-guide-card{display:none}
}
@media(max-width:700px){
 .iu-wrapper.iu-winford{padding:0}
 .iu-winford .iu-summary-grid{grid-template-columns:1fr 1fr;gap:10px}
 .iu-winford .iu-summary-grid article{min-height:88px;padding:14px;gap:12px}
 .iu-winford .iu-summary-icon{width:44px;height:44px;font-size:20px}
 .iu-winford .iu-summary-grid strong{font-size:24px}
 .iu-winford .iu-filter-groups{grid-template-columns:1fr}
 .iu-winford .iu-filter-block-type{grid-column:auto}
 .iu-winford .iu-filter-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
 .iu-winford .iu-filter-btn{flex:0 0 auto}
 .iu-winford .iu-bedroom-pills{overflow-x:auto}
 .iu-winford .iu-table-wrap{padding:5px;border-radius:14px}
}
@media(max-width:440px){.iu-winford .iu-summary-grid{grid-template-columns:1fr}}

/* =========================================================
   v252 — Winford desktop/mobile inventory redesign
   ========================================================= */
.iu-v252{max-width:100%;margin:0 auto}
.iu-v252 .iu-mobile-toolbar,.iu-v252 .iu-mobile-cards,.iu-v252 .iu-filter-panel-head,.iu-v252 .iu-filter-panel-actions,.iu-v252 .iu-filter-backdrop{display:none}
.iu-v252 .iu-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}
.iu-v252 .iu-summary-grid article{min-width:0;min-height:112px;padding:22px 20px;border:1px solid rgba(49,30,78,.09);box-shadow:0 14px 34px rgba(42,27,65,.07)}
.iu-v252 .iu-summary-grid article>div{min-width:0}
.iu-v252 .iu-summary-grid small{font-size:12px;color:#77717f}
.iu-v252 .iu-summary-grid strong{display:block;margin-top:7px;font-size:clamp(20px,1.8vw,29px);line-height:1.16;color:#4c25b6;overflow-wrap:anywhere}
.iu-v252 .iu-summary-icon{width:52px;height:52px;flex:0 0 52px;border-radius:16px;background:linear-gradient(145deg,#f3eeff,#e8dcff);color:#7142e7;font-size:22px}
.iu-v252 .iu-filter-panel{margin-bottom:26px;padding:0;background:transparent}
.iu-v252 .iu-filter-groups{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px 30px;align-items:end}
.iu-v252 .iu-filter-block-type{grid-column:1/-1}
.iu-v252 .iu-filter-label{display:block;margin-bottom:10px;font-size:12px;font-weight:700;color:#312a3b}
.iu-v252 .iu-filter-pills{display:flex;flex-wrap:wrap;gap:9px}
.iu-v252 .iu-filter-btn{min-height:42px;padding:9px 18px;border:1px solid #ddd5e8;border-radius:999px;background:#fff;color:#3d3548;font-size:12px;font-weight:600;transition:.25s ease}
.iu-v252 .iu-filter-btn:hover{border-color:#815aff;color:#6c42dc;transform:translateY(-1px)}
.iu-v252 .iu-filter-btn.iu-filter-active{background:linear-gradient(135deg,#815aff,#6336d7);border-color:transparent;color:#fff;box-shadow:0 9px 22px rgba(129,90,255,.2)}
.iu-v252 .iu-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:0;margin:-8px 0 20px}
.iu-v252 .iu-active-filters:empty{display:none}
.iu-v252 .iu-active-chip,.iu-v252 .iu-clear-inline{min-height:30px;padding:5px 10px;border-radius:999px;border:1px solid rgba(129,90,255,.22);background:rgba(129,90,255,.07);color:#6840d7;font-size:10px;font-weight:650}
.iu-v252 .iu-clear-inline{background:transparent;border-color:transparent;text-decoration:underline;color:#777}
.iu-v252 .iu-table-wrap{width:100%;overflow:hidden;border:1px solid rgba(49,30,78,.09);border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(42,27,65,.07)}
.iu-v252 .iu-table{width:100%;min-width:1080px;border-collapse:separate;border-spacing:0}
.iu-v252 .iu-table th{padding:17px 14px;background:#fbfaff;border-bottom:1px solid #eee9f5;color:#30293a;font-size:11px;font-weight:700;text-align:left;white-space:nowrap}
.iu-v252 .iu-table td{padding:15px 14px;border-bottom:1px solid #f0ecf5;color:#4e4856;font-size:12px;vertical-align:middle}
.iu-v252 .iu-table tbody tr:last-child td{border-bottom:0}
.iu-v252 .iu-table tbody tr{transition:background .22s ease,transform .22s ease}
.iu-v252 .iu-table tbody tr:hover{background:#fcfaff}
.iu-v252 .iu-type-badge{display:inline-flex;padding:6px 11px;border-radius:8px;background:#f3edff;color:#7448e2;font-weight:650;white-space:nowrap}
.iu-v252 .iu-list-price{color:#8a8491;text-decoration:none;white-space:nowrap}
.iu-v252 .iu-sale-price{white-space:nowrap}
.iu-v252 .iu-sale-price strong{display:block;color:#382264;font-size:13px}
.iu-v252 .iu-sale-price small{display:block;margin-top:4px;color:#1a9b54;font-size:9px;font-weight:700}
.iu-v252 .iu-roi-cell{color:#15964c;font-weight:750;white-space:nowrap}
.iu-v252 .iu-info-btn{min-width:98px;min-height:38px;padding:8px 14px;border:1px solid #815aff;border-radius:10px;background:#fff;color:#7448e2;font-size:11px;font-weight:700;transition:.25s ease}
.iu-v252 .iu-info-btn:hover{background:#815aff;color:#fff;box-shadow:0 8px 20px rgba(129,90,255,.2)}
.iu-v252 .iu-pagination{display:flex;justify-content:center;gap:7px;margin-top:20px}
.iu-v252 .iu-page-btn{width:38px;height:38px;border-radius:10px;border:1px solid #e4ddeb;background:#fff;color:#4e455b;font-size:12px;font-weight:700}
.iu-v252 .iu-page-btn.iu-page-active{background:#815aff;border-color:#815aff;color:#fff;box-shadow:0 8px 20px rgba(129,90,255,.24)}
.iu-v252 .iu-page-btn.disabled{opacity:.35;pointer-events:none}
.iu-modal-discount{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#edf9f1;color:#1a8a4e;font-size:11px;font-weight:650}

/* Keep flip faces readable: the back face must never mirror. */
.iu-modal-perspective{perspective:1600px!important}
.iu-modal-card{transform-style:preserve-3d!important;transition:transform .72s cubic-bezier(.2,.72,.2,1)!important}
.iu-modal-flipped .iu-modal-card{transform:rotateY(180deg)!important}
.iu-modal-face{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform-style:preserve-3d!important}
.iu-modal-front{transform:rotateY(0deg)!important}
.iu-modal-back{transform:rotateY(180deg)!important}
.iu-modal-back>*{-webkit-transform:translateZ(1px);transform:translateZ(1px)}

@media(max-width:1180px){
  .iu-v252 .iu-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iu-v252 .iu-filter-groups{grid-template-columns:minmax(0,1fr)}
  .iu-v252 .iu-filter-block-type{grid-column:auto}
  .iu-v252 .iu-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:767px){
  .iu-v252{padding:0 2px}
  .iu-v252 .iu-summary-grid{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px 18px;padding:2px 14px 10px;scroll-padding-inline:14px}
  .iu-v252 .iu-summary-grid article{flex:0 0 min(82vw,300px);min-height:96px;padding:17px 16px;scroll-snap-align:start}
  .iu-v252 .iu-summary-grid small{font-size:11px}.iu-v252 .iu-summary-grid strong{font-size:21px}
  .iu-v252 .iu-summary-icon{width:46px;height:46px;flex-basis:46px}
  .iu-v252 .iu-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
  .iu-v252 .iu-mobile-filter-open{min-height:44px;padding:10px 15px;border:1px solid #ddd5e8;border-radius:13px;background:#fff;color:#4e3b70;font-size:12px;font-weight:700;box-shadow:0 8px 22px rgba(42,27,65,.06)}
  .iu-v252 .iu-mobile-filter-open span{margin-right:7px;color:#815aff}
  .iu-v252 .iu-mobile-toolbar strong{font-size:12px;color:#777}
  .iu-v252 .iu-active-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 14px;padding:0 14px 5px}
  .iu-v252 .iu-active-chip,.iu-v252 .iu-clear-inline{flex:0 0 auto}
  .iu-v252 .iu-filter-panel{
    position:fixed;left:0;right:0;bottom:0;z-index:10020;max-height:86dvh;margin:0;padding:18px 16px max(18px,env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -24px 80px rgba(26,17,42,.24);overflow-y:auto;
    transform:translateY(104%);transition:transform .38s cubic-bezier(.2,.72,.2,1)
  }
  .iu-v252.iu-filter-drawer-open .iu-filter-panel{transform:translateY(0)}
  .iu-v252 .iu-filter-backdrop{display:block;position:fixed;inset:0;z-index:10010;background:rgba(19,13,27,.46);opacity:0;visibility:hidden;pointer-events:none;transition:.28s ease}
  .iu-v252.iu-filter-drawer-open .iu-filter-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .iu-v252 .iu-filter-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .iu-v252 .iu-filter-panel-head strong{font-size:20px;color:#2f2738}.iu-v252 .iu-filter-panel-head button{width:38px;height:38px;border:0;border-radius:50%;background:#f2eef7;color:#544b60}
  .iu-v252 .iu-filter-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
  .iu-v252 .iu-filter-pills{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:2px 0 8px}
  .iu-v252 .iu-filter-btn{flex:0 0 auto;min-height:42px;padding:9px 15px}
  .iu-v252 .iu-filter-panel-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;position:sticky;bottom:-18px;margin:18px -16px -18px;padding:14px 16px max(14px,env(safe-area-inset-bottom));background:linear-gradient(to top,#fff 82%,rgba(255,255,255,.86))}
  .iu-v252 .iu-filter-panel-actions button{min-height:50px;border-radius:13px;border:1px solid #ddd5e8;background:#fff;color:#4d4557;font-weight:700}
  .iu-v252 .iu-filter-panel-actions .iu-filter-apply{border-color:transparent;background:linear-gradient(135deg,#815aff,#6336d7);color:#fff}
  .iu-v252 .iu-table-wrap{display:none!important}
  .iu-v252 .iu-mobile-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .iu-v252 .iu-mobile-unit-card{padding:17px;border:1px solid rgba(54,34,84,.1);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(42,27,65,.07)}
  .iu-v252 .iu-mobile-unit-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #eee9f4}
  .iu-v252 .iu-mobile-unit-card header div{display:flex;align-items:center;gap:9px}.iu-v252 .iu-mobile-unit-card header span{font-size:12px;font-weight:800;color:#30263f}.iu-v252 .iu-mobile-unit-card header strong{padding:6px 9px;border-radius:8px;background:#f3edff;color:#7448e2;font-size:11px}.iu-v252 .iu-mobile-unit-card header em{font-style:normal;font-size:10px;color:#76707d;text-align:right}
  .iu-v252 .iu-mobile-unit-area{margin:12px 0;color:#6c6574;font-size:11px}
  .iu-v252 .iu-mobile-price-block{padding:14px;border-radius:14px;background:linear-gradient(145deg,#f8f5ff,#fff)}
  .iu-v252 .iu-mobile-price-block small{display:block;color:#7f7788;font-size:10px}.iu-v252 .iu-mobile-price-block strong{display:block;margin-top:4px;color:#382264;font-size:23px}.iu-v252 .iu-mobile-price-block span{display:block;margin-top:6px;color:#85808a;font-size:10px}.iu-v252 .iu-mobile-price-block s{color:#999}
  .iu-v252 .iu-mobile-unit-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:11px 0}.iu-v252 .iu-mobile-unit-kpis span{padding:10px;border-radius:12px;background:#faf9fc}.iu-v252 .iu-mobile-unit-kpis small{display:block;color:#88818f;font-size:9px}.iu-v252 .iu-mobile-unit-kpis b{display:block;margin-top:4px;color:#178d4c;font-size:13px}
  .iu-v252 .iu-info-btn-mobile{width:100%;min-height:48px;border-radius:13px;background:linear-gradient(135deg,#815aff,#6336d7);color:#fff;border:0}
  .iu-v252 .iu-pagination{overflow-x:auto;justify-content:flex-start;padding:4px 2px 14px}
  .iu-modal{padding:10px!important}.iu-modal-perspective{width:100%!important;max-height:calc(100dvh - 20px)!important}.iu-modal-card{min-height:min(760px,calc(100dvh - 20px))!important}.iu-modal-face{overflow-y:auto!important;border-radius:18px!important}.iu-modal-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(prefers-reduced-motion:reduce){
  .iu-modal-card,.iu-v252 .iu-filter-panel,.iu-v252 .iu-filter-backdrop{transition:none!important}
}