/* =========================================================
   "2027'ye geçiş" kampanya pop-up'ı (Views/Shared/_CampaignPopup.cshtml)
   ========================================================= */
.psc[hidden] { display: none !important; }
.psc {
    position: fixed; inset: 0; z-index: 10050;
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
}
.psc__backdrop {
    position: absolute; inset: 0; background: rgba(8, 6, 24, .72);
    opacity: 0; transition: opacity .25s ease;
}
.psc__dialog {
    position: relative; width: 100%; max-width: 560px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
    overflow-y: auto; overscroll-behavior: contain;
    border-radius: 22px; padding: 28px 28px 26px; text-align: center; color: #fff;
    background:
        radial-gradient(120% 60% at 0% 0%, rgba(124, 77, 255, .35), transparent 60%),
        radial-gradient(90% 50% at 100% 100%, rgba(236, 106, 42, .28), transparent 60%),
        radial-gradient(60% 40% at 100% 0%, rgba(0, 200, 255, .18), transparent 60%),
        linear-gradient(160deg, #1b1540 0%, #2a1a5e 100%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .08);
    opacity: 0; transform: translateY(16px) scale(.97);
    transition: opacity .28s ease, transform .28s ease;
}
.psc.is-open .psc__backdrop { opacity: 1; }
.psc.is-open .psc__dialog { opacity: 1; transform: none; }
/* Dialog kabı programatik odak alır; sitenin genel [tabindex]:focus-visible halkası burada gereksiz. */
.psc .psc__dialog:focus, .psc .psc__dialog:focus-visible { outline: none !important; }

.psc__close {
    position: absolute; top: 10px; right: 10px; width: 44px; height: 44px;
    display: grid; place-items: center; border: 0; border-radius: 50%;
    background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer;
    transition: background-color .15s ease;
}
.psc__close:hover { background: rgba(255, 255, 255, .2); }
.psc__close:focus-visible, .psc__cta:focus-visible { outline: 3px solid #ffb48a; outline-offset: 3px; }

.psc__logo {
    display: inline-flex; background: #fff; border-radius: 12px; padding: 6px 12px; margin-bottom: 14px;
}
.psc__logo img { height: 34px; width: auto; display: block; }

.psc__title {
    margin: 0 0 12px; color: #fff; font-weight: 800; line-height: 1.15;
    font-size: clamp(1.45rem, 1.1rem + 1.6vw, 2.05rem); letter-spacing: -.01em;
}
.psc__title span { display: block; }
.psc__accent {
    color: var(--primary-color, #EC6A2A);
    text-shadow: 0 0 22px rgba(236, 106, 42, .45);
}

.psc__chain {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    margin: 0 auto 16px; max-width: 440px; font-size: .98rem; line-height: 1.45; color: #e3defa;
}
.psc__chain-icon { flex: 0 0 auto; color: var(--primary-color, #EC6A2A); }

.psc__compare {
    display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin: 0 0 16px;
}
.psc__photo {
    width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .35), 0 0 0 2px rgba(255, 255, 255, .08);
}
.psc__photo--before { filter: grayscale(1) contrast(1.05); }
.psc__arrow {
    font-size: 2.2rem; font-weight: 800; line-height: 1; color: var(--primary-color, #EC6A2A);
    text-shadow: 0 0 18px rgba(236, 106, 42, .6);
}

.psc__claim { margin: 0 0 14px; font-weight: 700; font-size: 1.05rem; color: #fff; }

.psc__benefits {
    list-style: none; padding: 0; margin: 0 0 20px;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
}
.psc__benefits li {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 10px 6px; border-radius: 12px; background: rgba(255, 255, 255, .06);
    font-size: .84rem; font-weight: 600; line-height: 1.3; color: #f1eefe;
}
.psc__dot {
    width: 10px; height: 10px; border-radius: 50%; background: var(--primary-color, #EC6A2A);
    box-shadow: 0 0 12px rgba(236, 106, 42, .8);
}

.psc__cta {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 52px; padding: 14px 26px; border-radius: 999px; width: 100%;
    background: #C2410C; color: #fff !important; font-weight: 700; font-size: 1rem;
    text-decoration: none !important; box-shadow: 0 10px 30px rgba(236, 106, 42, .45);
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.psc__cta:hover { background: #A8370A; transform: translateY(-1px); box-shadow: 0 14px 34px rgba(236, 106, 42, .55); }

body.psc-lock { overflow: hidden; }

@media (max-width: 575.98px) {
    .psc { padding: 10px; align-items: flex-end; }
    .psc__dialog { padding: 22px 16px 18px; border-radius: 20px; max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); }
    .psc__logo img { height: 28px; }
    .psc__chain { font-size: .9rem; text-align: left; }
    .psc__compare { gap: 6px; }
    .psc__arrow { font-size: 1.7rem; }
    .psc__benefits li { font-size: .76rem; padding: 8px 4px; }
}

@media (prefers-reduced-motion: reduce) {
    .psc__backdrop, .psc__dialog, .psc__cta { transition: none; }
    .psc__dialog { transform: none; }
}