:root {
    --bg-dark: #0F172A;
    --sidebar-bg: #0B1120;
    --accent-primary: #00E5FF;
    --accent-secondary: #FACC15;
    --text-main: #E2E8F0;
    --text-muted: #94A3B8;
    --radius-md: 16px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --main-padding: 40px 60px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Outfit', sans-serif;
}

body {
    background-color: var(--bg-dark);
    color: var(--text-main);
    display: flex;
    min-height: 100vh;
    overflow-x: hidden;
}

.app-container {
    display: flex;
    width: 100%;
}

/* --- SIDEBAR --- */
.sidebar {
    width: 280px;
    background: var(--sidebar-bg);
    border-right: 1px solid rgba(0, 229, 255, 0.05);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    z-index: 1000;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #2d3748 transparent;
}

.logo-area {
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 0;
    text-decoration: none;
    font-size: 1.8rem;
    line-height: 1;
}

.main-brand-logo {
    height: 1.4em;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    filter: drop-shadow(0 0 5px rgba(0, 229, 255, 0.3));
    flex-shrink: 0;
    object-fit: contain;
}

.logo-text-emlak {
    color: #00E5FF;
    font-weight: 800;
    font-size: 1.8rem;
    letter-spacing: -1px;
    text-shadow: 0 0 20px rgba(0, 229, 255, 0.5);
    line-height: 1;
    margin-right: 1px;
    /* cancel trailing letter-spacing gap before CHI */
}

.logo-text-chi {
    color: #e2e8f0;
    font-weight: 800;
    font-size: 1.8rem;
    letter-spacing: -1px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    line-height: 1;
}

.nav-menu {
    flex: 1;
}

.menu-label {
    padding: 0 30px;
    color: #475569;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.nav-links {
    list-style: none;
    padding: 0 20px;
}

.nav-links li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    color: #94A3B8;
    text-decoration: none;
    margin-bottom: 4px;
    border-radius: var(--radius-md);
    font-weight: 600;
    transition: var(--transition);
}

.nav-links li a.active {
    color: var(--accent-primary);
    background: rgba(0, 229, 255, 0.08);
    font-weight: 700;
    box-shadow: inset 0 0 10px rgba(0, 229, 255, 0.05);
}

.nav-links li a:hover:not(.active) {
    background: rgba(255, 255, 255, 0.03);
    color: white;
    transform: translateX(4px);
}

.nav-links li a.logout-link {
    margin-top: 40px;
    color: #94A3B8;
}

.nav-links li a.logout-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: white;
}

.nav-links li a>i.fas {
    width: 22px;
    text-align: center;
    flex-shrink: 0;
    font-size: 1.05rem;
}

/* CRM bildirimi — sol menü "Adaylar (CRM)" yanında yanıp sönen nokta */
@keyframes blink {
    0%,
    100% {
        opacity: 1;
        box-shadow: 0 0 10px rgba(239, 68, 68, 0.85);
    }
    50% {
        opacity: 0.3;
        box-shadow: 0 0 4px rgba(239, 68, 68, 0.4);
    }
}

.nav-links li a .emlakchi-crm-notify-dot {
    display: none;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ef4444;
    margin-left: auto;
    flex-shrink: 0;
}

.nav-links li a .emlakchi-crm-notify-dot.emlakchi-crm-notify-dot--active {
    display: block !important;
    animation: blink 1s infinite;
}

.sidebar-footer {
    margin-top: auto;
    padding: 25px;
    background: rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.user-profile-box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar-circle {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--accent-primary), #1E3A8A);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.user-name-text {
    font-weight: 700;
    font-size: 0.95rem;
    color: white;
}

.user-role-text {
    font-size: 0.8rem;
    color: #64748B;
    font-weight: 500;
}

/* --- ANA İÇERİK --- */
.main-content {
    margin-left: 280px;
    flex: 1;
    padding: var(--main-padding);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

/* --- DASHBOARD KARTLARI --- */
.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 28px;
}

@keyframes emlakchi-dashboard-fade-in-up {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Panel: üst özet kartları — 3 abonelik kotası + (ayrı blokta) mağaza ekstraları */
.dashboard-pulse-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}

.panelim-store-extras-section {
    margin-bottom: 24px;
}

.panelim-store-extras-section__title {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
    margin: 0 0 12px 4px;
}

@media (max-width: 1200px) {
    .dashboard-pulse-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .dashboard-pulse-stats {
        grid-template-columns: 1fr;
    }
}

.pulse-stat-card {
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 16px 18px;
    backdrop-filter: blur(12px);
}

/* both = gecikme öncesi/sonrası görünürlük; yoksa animasyon bitince opacity:0 kalır */
.page-dashboard .pulse-stat-card {
    opacity: 0;
    animation: emlakchi-dashboard-fade-in-up 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.page-dashboard .pulse-stat-card:nth-child(1) {
    animation-delay: 0s;
}

.page-dashboard .pulse-stat-card:nth-child(2) {
    animation-delay: 0.1s;
}

.page-dashboard .pulse-stat-card:nth-child(3) {
    animation-delay: 0.2s;
}

.pulse-stat-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.pulse-stat-label {
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.3;
    max-width: min(100%, 11rem);
}

.pulse-stat-nums {
    display: flex;
    align-items: baseline;
    gap: 2px;
    font-weight: 800;
    color: #f1f5f9;
    font-size: 1.35rem;
    line-height: 1;
}

.pulse-stat-denom {
    font-size: 0.85rem;
    font-weight: 600;
    color: #64748b;
}

.pulse-stat-limit-txt {
    font-size: 1.35rem;
    font-weight: 800;
    color: #f1f5f9;
    line-height: 1;
}

.dashboard-pulse-track {
    height: 8px;
    border-radius: 10px;
}

/* Panelim — Kazanç (hizmet bedeli) kartları */
.dashboard-earnings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 8px;
    margin-bottom: 28px;
}

@media (max-width: 720px) {
    .dashboard-earnings-grid {
        grid-template-columns: 1fr;
    }
}

.dashboard-earnings-card {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    padding: 22px 22px 20px;
    border: 1px solid rgba(250, 204, 21, 0.28);
    background: linear-gradient(155deg, rgba(15, 23, 42, 0.94) 0%, rgba(30, 27, 18, 0.72) 100%);
    backdrop-filter: blur(14px);
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-height: 118px;
}

.dashboard-earnings-card--earned {
    border-color: rgba(0, 229, 255, 0.28);
    background: linear-gradient(155deg, rgba(15, 23, 42, 0.94) 0%, rgba(15, 35, 42, 0.72) 100%);
}

.page-dashboard .dashboard-earnings-card {
    opacity: 0;
    animation: emlakchi-dashboard-fade-in-up 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.page-dashboard .dashboard-earnings-card:nth-child(1) {
    animation-delay: 0.24s;
}

.page-dashboard .dashboard-earnings-card:nth-child(2) {
    animation-delay: 0.34s;
}

.dashboard-earnings-card__glow {
    position: absolute;
    inset: -40% -20% auto auto;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(250, 204, 21, 0.35) 0%, transparent 68%);
    pointer-events: none;
    filter: blur(2px);
}

.dashboard-earnings-card__glow--earned {
    background: radial-gradient(circle, rgba(0, 229, 255, 0.28) 0%, transparent 68%);
    inset: auto auto -35% -15%;
}

.dashboard-earnings-card__icon {
    flex-shrink: 0;
    font-size: 2.1rem;
    line-height: 1;
    filter: drop-shadow(0 0 12px rgba(250, 204, 21, 0.35));
    z-index: 1;
}

.dashboard-earnings-card--earned .dashboard-earnings-card__icon {
    filter: drop-shadow(0 0 14px rgba(0, 229, 255, 0.45));
}

.dashboard-earnings-card__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.dashboard-earnings-card__label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fde68a;
    text-shadow: 0 0 18px rgba(250, 204, 21, 0.35);
}

.dashboard-earnings-card--earned .dashboard-earnings-card__label {
    color: #a5f3fc;
    text-shadow: 0 0 18px rgba(0, 229, 255, 0.28);
}

.dashboard-earnings-card__value {
    font-size: clamp(1.35rem, 3.5vw, 1.85rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #fef9c3;
    text-shadow:
        0 0 22px rgba(250, 204, 21, 0.45),
        0 0 42px rgba(245, 158, 11, 0.18);
    line-height: 1.15;
    word-break: break-word;
}

.dashboard-earnings-card--earned .dashboard-earnings-card__value {
    color: #ecfeff;
    text-shadow:
        0 0 22px rgba(0, 229, 255, 0.42),
        0 0 38px rgba(56, 189, 248, 0.15);
}

.dashboard-earnings-card__hint {
    font-size: 0.78rem;
    color: #94a3b8;
    font-weight: 500;
    line-height: 1.35;
    max-width: 22rem;
}

/* CRM tablo — tarih & rozet (crm.html ile uyumlu; global yedek) */
.crm-lead-date-cell {
    text-align: left;
}

.crm-status-badges {
    justify-content: flex-start;
}

/* CRM — ad satırı (sıcaklık ayrı sütunda) */
.crm-lead-name-cell {
    display: block;
    min-width: 0;
}

.crm-lead-temp-cell {
    vertical-align: middle;
    white-space: nowrap;
    max-width: 130px;
}

.crm-lead-name-text {
    min-width: 0;
    max-width: 220px;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.35;
    font-weight: 600;
    color: #f1f5f9;
}

/* CRM — Lead temperature row coloring (Hot / Warm / Cold).
 * Sınıf tr üzerinde kullanılır; çocuk hücreler renkleri inherit eder.
 */
.lead-hot {
    color: #FF0000 !important;
    font-weight: bold;
    background-color: rgba(255, 0, 0, 0.05);
}

.lead-warm {
    color: #FFBF00 !important;
    font-weight: 500;
}

.lead-cold {
    color: #007BFF !important;
}

/* Hot satırlardaki ad alanına eklenen alev rozeti. */
.lead-hot-icon {
    display: inline-block;
    margin-right: 4px;
    font-size: 0.95em;
    line-height: 1;
}

.crm-lead-title-link {
    color: inherit;
    text-decoration: none;
    transition:
        color 0.15s ease,
        text-decoration-color 0.15s ease;
}

.crm-lead-title-link:hover {
    color: #00e5ff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* CRM — Excel tarzı sütun filtreleri (thead içi filter-header-wrapper + absolute popover) */
.filter-header-wrapper:not(.filter-header-wrapper--plain) {
    position: relative !important;
}

.filter-header-wrapper {
    min-width: 0;
}

.filter-header-wrapper--plain {
    position: static;
}

.crm-leads-table thead {
    position: relative;
    z-index: 30;
}

.crm-leads-table thead th {
    position: relative !important;
    overflow: visible;
}

.crm-th-filterable {
    overflow: visible;
    vertical-align: middle;
}

.crm-th-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: nowrap;
    min-width: 0;
}

.crm-th-label {
    flex: 0 1 auto;
    min-width: 0;
}

.crm-th-filter-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.65);
    color: #64748b;
    cursor: pointer;
    transition:
        color 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease;
}

.crm-th-filter-btn i {
    font-size: 0.68rem;
    line-height: 1;
}

.crm-th-filter-btn:hover {
    color: #94a3b8;
    border-color: rgba(0, 229, 255, 0.35);
    background: rgba(0, 229, 255, 0.06);
}

.crm-th-filter-btn--active {
    color: #f97316;
    border-color: rgba(249, 115, 22, 0.55);
    background: rgba(249, 115, 22, 0.12);
    box-shadow: 0 0 12px rgba(249, 115, 22, 0.2);
}

.crm-th-filter-btn--active:hover {
    color: #fb923c;
    border-color: rgba(251, 146, 60, 0.65);
}

.crm-th-filter-anchor {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    flex-shrink: 0;
}

.crm-filter-popover {
    box-sizing: border-box;
    position: absolute !important;
    top: 100%;
    left: 0;
    right: auto;
    transform: none !important;
    margin: 5px 0 0;
    z-index: 99999;
    min-width: 200px;
    max-width: 300px;
    padding: 10px 12px 10px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: linear-gradient(165deg, rgba(30, 41, 59, 0.98), rgba(15, 23, 42, 0.99));
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(0, 0, 0, 0.2);
    max-height: min(320px, 70vh);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.6) transparent;
}

.crm-filter-popover.popover-right {
    left: auto !important;
    right: 0;
}

.crm-filter-popover[hidden] {
    display: none !important;
}

.crm-filter-popover__row--subhead span {
    font-weight: 700;
    color: #e2e8f0;
}

.crm-th-label--mulk-owner {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 0.08em;
    font-size: 0.68rem;
    color: #e0f7ff;
    text-shadow: 0 0 18px rgba(0, 229, 255, 0.35);
}

.crm-lead-mulk-owner-cell {
    font-weight: 600;
    font-size: 0.86rem;
    color: #cbd5e1;
    max-width: 180px;
    line-height: 1.35;
    word-break: break-word;
}

.crm-lead-mulk-owner-cell .crm-mulk-highlight-name {
    font-weight: 900;
    font-size: 0.92rem;
    color: #f8fafc;
    letter-spacing: 0.03em;
    text-shadow: 0 0 20px rgba(0, 229, 255, 0.22);
}

.crm-mulk-owner-name-cell {
    vertical-align: middle;
}

.crm-mulk-owner-name--hero {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #f1f5f9;
    line-height: 1.3;
    padding: 8px 10px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.12), rgba(59, 130, 246, 0.08));
    border: 1px solid rgba(0, 229, 255, 0.28);
    box-shadow:
        0 0 24px rgba(0, 229, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Ülke kodlu telefon (dijital lansman / paylaşılan bileşen) */
.emlakchi-intl-tel {
    display: grid;
    grid-template-columns: minmax(132px, 150px) minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
}

@media (max-width: 520px) {
    .emlakchi-intl-tel {
        grid-template-columns: 1fr;
    }
}

.emlakchi-intl-tel .emlakchi-intl-tel-cc {
    font-weight: 600;
    cursor: pointer;
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid rgba(0, 229, 255, 0.22) !important;
    color: #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.emlakchi-intl-tel .emlakchi-intl-tel-cc:focus {
    outline: none;
    border-color: rgba(0, 229, 255, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.15);
}

.emlakchi-intl-tel .emlakchi-intl-tel-national {
    border-radius: 10px !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    background: rgba(2, 6, 23, 0.65) !important;
}

.emlakchi-intl-tel .emlakchi-intl-tel-national:focus {
    border-color: rgba(0, 229, 255, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.12);
}

.emlakchi-intl-tel .emlakchi-intl-tel-national::placeholder {
    color: rgba(148, 163, 184, 0.38);
    opacity: 1;
}

.emlakchi-intl-tel .emlakchi-intl-tel-national--tr-mask::placeholder {
    color: rgba(0, 229, 255, 0.22);
}

.emlakchi-intl-tel--settings {
    width: 100%;
}

.emlakchi-intl-tel--micro {
    margin-top: 4px;
}

.crm-lead-title-mulk-strip {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
    font-size: 0.78rem;
    line-height: 1.35;
}

.crm-lead-title-mulk-strip--filled {
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid rgba(0, 229, 255, 0.22);
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.08), rgba(59, 130, 246, 0.05));
}

.crm-lead-title-mulk-strip__name {
    font-weight: 700;
    color: #e0f7ff;
}

.crm-lead-title-mulk-strip__tel {
    font-weight: 600;
    color: #7dd3fc;
    letter-spacing: 0.02em;
}

.crm-lead-title-mulk-strip--empty {
    color: rgba(148, 163, 184, 0.65);
    font-style: italic;
}

.crm-mulk-lead-stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.crm-mulk-highlight-name {
    font-weight: 900;
    font-size: 0.88rem;
    color: #f8fafc;
    letter-spacing: 0.03em;
}

.crm-mulk-highlight-phone {
    font-weight: 700;
    font-size: 0.82rem;
    color: #7dd3fc;
    font-variant-numeric: tabular-nums;
}

.crm-mulk-empty-hint {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px dashed rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.35);
}

.crm-mulk-empty-hint__txt {
    font-size: 0.78rem;
    color: rgba(148, 163, 184, 0.82);
    font-style: italic;
}

.crm-mulk-empty-hint--sm {
    padding: 6px 8px;
    justify-content: center;
    border-style: dashed;
    color: rgba(148, 163, 184, 0.55);
    font-size: 0.85rem;
}

.crm-mulk-owner-name--hero-empty {
    background: rgba(15, 23, 42, 0.55) !important;
    border: 1px dashed rgba(148, 163, 184, 0.35) !important;
    color: rgba(148, 163, 184, 0.85) !important;
    font-weight: 600 !important;
    font-style: italic;
    box-shadow: none !important;
}

.crm-mulk-owner-name--hero-soft {
    opacity: 0.92;
}

.crm-mulk-owner-phone-cell {
    vertical-align: middle;
}

.crm-mulk-listing-owner-strip {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
    font-size: 0.76rem;
}

.crm-mulk-listing-owner-strip--filled {
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid rgba(0, 229, 255, 0.2);
    background: rgba(0, 229, 255, 0.06);
}

.crm-mulk-listing-owner-strip__name {
    font-weight: 800;
    color: #f8fafc;
}

.crm-mulk-listing-owner-strip__tel {
    font-weight: 700;
    color: #38bdf8;
    font-variant-numeric: tabular-nums;
}

.crm-mulk-listing-owner-strip--empty .crm-mulk-listing-owner-strip__placeholder {
    color: rgba(148, 163, 184, 0.75);
    font-style: italic;
}

.crm-filter-popover__head {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
    margin-bottom: 8px;
}

.crm-filter-popover__subhead {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
    margin: 10px 0 6px;
}

.crm-filter-popover__checks {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.crm-filter-popover__checks--static {
    gap: 6px;
}

.crm-filter-popover__row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #e2e8f0;
    cursor: pointer;
    padding: 4px 2px;
    border-radius: 6px;
    transition: background 0.12s ease;
}

.crm-filter-popover__row:hover {
    background: rgba(255, 255, 255, 0.04);
}

.crm-filter-popover__row input {
    margin-top: 3px;
    accent-color: var(--accent-primary, #00e5ff);
    cursor: pointer;
    flex-shrink: 0;
}

.crm-filter-popover__row span {
    flex: 1;
    min-width: 0;
    line-height: 1.35;
    word-break: break-word;
}

.crm-filter-popover__search {
    width: 100%;
    box-sizing: border-box;
    padding: 7px 10px;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(2, 6, 23, 0.55);
    color: #f1f5f9;
    font-family: inherit;
    font-size: 0.82rem;
    margin-bottom: 4px;
}

.crm-filter-popover__search::placeholder {
    color: #64748b;
}

.crm-filter-popover__search:focus {
    outline: none;
    border-color: rgba(0, 229, 255, 0.4);
    box-shadow: 0 0 0 2px rgba(0, 229, 255, 0.08);
}

.crm-filter-popover__foot {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.crm-filter-popover__clear {
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(15, 23, 42, 0.8);
    color: #94a3b8;
    cursor: pointer;
    transition:
        color 0.15s ease,
        border-color 0.15s ease,
        background 0.15s ease;
}

.crm-filter-popover__clear:hover {
    color: #f1f5f9;
    border-color: rgba(0, 229, 255, 0.35);
    background: rgba(0, 229, 255, 0.08);
}

.crm-filter-popover__empty {
    font-size: 0.82rem;
    color: #64748b;
    padding: 8px 2px;
}

/* CRM — üst sekmeler (Adaylar / Mülk Sahipleri) */
.crm-view-tabs {
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 22px;
    padding: 6px;
    border-radius: 14px;
    background: rgba(2, 6, 23, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
}

.crm-view-tab {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    color: #94a3b8;
    font-family: inherit;
    font-weight: 700;
    font-size: 0.92rem;
    letter-spacing: 0.02em;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    transition:
        color 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.2s ease;
}

.crm-view-tab:hover {
    color: #e2e8f0;
    background: rgba(0, 229, 255, 0.06);
}

.crm-view-tab[aria-selected='true'] {
    color: #ecfeff;
    border-color: rgba(0, 229, 255, 0.45);
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.14), rgba(56, 189, 248, 0.06));
    box-shadow:
        0 0 22px rgba(0, 229, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    text-shadow: 0 0 14px rgba(0, 229, 255, 0.25);
}

.crm-tab-panel[hidden] {
    display: none !important;
}

.crm-th-mulk-portfolio {
    min-width: min(320px, 36vw);
    max-width: 480px;
    width: 34%;
}

.crm-th-mulk-portfolio__label {
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.35;
    color: #94a3b8;
    text-transform: uppercase;
}

.crm-td-mulk-portfolio {
    vertical-align: top;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.crm-mulk-owner-row td {
    vertical-align: top;
}

.crm-mulk-listings-box {
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: linear-gradient(155deg, rgba(15, 23, 42, 0.92), rgba(15, 23, 42, 0.68));
    box-shadow:
        0 0 0 1px rgba(94, 234, 212, 0.06),
        0 18px 44px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    padding: 14px;
}

.crm-mulk-listings {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
}

.crm-mulk-listing-card {
    border-radius: 12px;
    padding: 12px 14px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.2), rgba(15, 23, 42, 0.4));
    border: 1px solid rgba(56, 189, 248, 0.35);
    box-shadow:
        0 0 20px rgba(56, 189, 248, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        border-color 0.18s ease,
        box-shadow 0.22s ease,
        background 0.18s ease,
        transform 0.18s ease;
}

.crm-mulk-listing-card:nth-child(even) {
    background: linear-gradient(135deg, rgba(51, 65, 85, 0.45), rgba(15, 23, 42, 0.35));
    border-color: rgba(167, 139, 250, 0.38);
}

.crm-mulk-listing-card:hover {
    border-color: rgba(45, 212, 191, 0.55);
    box-shadow:
        0 0 28px rgba(45, 212, 191, 0.18),
        inset 0 0 24px rgba(45, 212, 191, 0.05);
    transform: translateY(-1px);
}

.crm-mulk-listing-card__main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 14px;
}

.crm-mulk-listing-title-link {
    flex: 1 1 160px;
    min-width: 0;
    color: #f1f5f9;
    font-weight: 700;
    font-size: 0.86rem;
    line-height: 1.4;
    text-decoration: none;
    word-break: break-word;
    border-radius: 6px;
    padding: 2px 0;
}

.crm-mulk-listing-title-link:hover {
    color: #a5f3fc;
    text-shadow: 0 0 14px rgba(0, 229, 255, 0.28);
}

.crm-mulk-listing-inspect {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #ecfeff !important;
    border: 1px solid rgba(0, 229, 255, 0.35);
    background: rgba(0, 229, 255, 0.1);
    box-shadow: 0 0 12px rgba(0, 229, 255, 0.12);
    transition:
        background 0.15s ease,
        border-color 0.15s ease;
}

.crm-mulk-listing-inspect .material-icons-round {
    font-size: 16px;
    opacity: 0.95;
}

.crm-mulk-listing-inspect:hover {
    background: rgba(0, 229, 255, 0.18);
    border-color: rgba(0, 229, 255, 0.55);
}

.crm-mulk-listing-badge-fallback {
    font-size: 0.86rem;
    font-weight: 600;
    color: #cbd5e1;
}

.crm-mulk-report-cell {
    min-width: 200px;
}

.crm-mulk-report-cell__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 14px;
}

.crm-mulk-report-summary {
    flex: 1 1 160px;
    min-width: 0;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #e2e8f0;
    line-height: 1.45;
    border: 1px solid rgba(34, 211, 238, 0.28);
    background: rgba(8, 47, 73, 0.45);
    box-shadow:
        0 0 18px rgba(34, 211, 238, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.crm-mulk-report-summary strong {
    color: #f0f9ff;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.crm-mulk-report-summary__hint {
    display: inline-block;
    margin-left: 4px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
}

.crm-mulk-perf-strip {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 280px;
}

.crm-mulk-perf-strip__text {
    font-size: 0.82rem;
    font-weight: 700;
    color: #e2e8f0;
    line-height: 1.45;
    letter-spacing: 0.01em;
}

.crm-mulk-perf-strip__hint {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
}

.crm-mulk-report-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(37, 211, 102, 0.42);
    background: linear-gradient(145deg, rgba(18, 140, 126, 0.35), rgba(37, 211, 102, 0.12));
    color: #ecfdf5 !important;
    font-family: inherit;
    font-weight: 800;
    font-size: 0.78rem;
    letter-spacing: 0.03em;
    cursor: pointer;
    white-space: nowrap;
    box-shadow:
        0 0 18px rgba(37, 211, 102, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}

.crm-mulk-report-btn .fab.fa-whatsapp {
    font-size: 1.15rem;
    filter: drop-shadow(0 0 6px rgba(37, 211, 102, 0.45));
}

.crm-mulk-report-btn:hover {
    border-color: rgba(52, 211, 153, 0.65);
    background: linear-gradient(145deg, rgba(18, 140, 126, 0.48), rgba(37, 211, 102, 0.22));
    box-shadow:
        0 0 26px rgba(37, 211, 102, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.09);
    transform: translateY(-1px);
}

.crm-mulk-report-btn:active {
    transform: translateY(0);
}

/* Gizli CRM — Premium ekspertiz PDF (beyaz zemin, navy & gold) */
.emlakchi-mulk-karne-host {
    position: absolute;
    left: -14000px;
    top: 0;
    width: 210mm;
    max-width: 210mm;
    font-family:
        'Outfit',
        system-ui,
        -apple-system,
        'Segoe UI',
        sans-serif;
    pointer-events: none;
}

.emlakchi-mulk-karne {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 22px 24px;
    background: #ffffff;
    border: 1px solid #cfd8e6;
    border-radius: 2px;
    color: #0f172a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    letter-spacing: 0.011em;
}

.emlakchi-karne-doc-header {
    text-align: center;
    padding: 6px 4px 12px;
    margin-bottom: 14px;
    border-bottom: 3px double #b8975a;
}

.emlakchi-karne-doc-kicker {
    margin: 0 0 6px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #64748b;
}

.emlakchi-karne-doc-title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0f2744;
}

.emlakchi-karne-doc-meta {
    margin: 10px 0 0;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.055em;
    color: #475569;
    line-height: 1.45;
}

.emlakchi-karne-hero {
    display: grid;
    grid-template-columns: 0.95fr 1.15fr;
    gap: 16px;
    align-items: stretch;
    margin-bottom: 12px;
}

.emlakchi-karne-hero-brand {
    padding: 14px 16px;
    background: #f8fafc;
    border: 1px solid #dce3ed;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.emlakchi-karne-hero-logo {
    max-height: 52px;
    width: auto;
    object-fit: contain;
}

.emlakchi-karne-hero-brand-cap {
    margin: 0;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #b8975a;
}

.emlakchi-karne-hero-visual {
    min-width: 0;
}

.emlakchi-karne-frame__inner {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #b8975a;
    box-shadow:
        0 0 0 1px rgba(15, 39, 68, 0.06),
        0 10px 28px rgba(15, 39, 68, 0.1);
    background: linear-gradient(145deg, #eef2f7, #ffffff);
    min-height: 96px;
}

.emlakchi-karne-frame__inner--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}

.emlakchi-karne-frame__inner--empty::after {
    content: 'Kapak görseli · henüz atanmadı veya yüklenemedi — şablon çerçevesi geçerlidir.';
    padding: 14px;
    text-align: center;
    font-size: 8px;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.03em;
    line-height: 1.4;
}

.emlakchi-karne-frame-caption {
    display: block;
    margin-top: 6px;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #64748b;
}

.emlakchi-karne-frame__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 168px;
    object-fit: cover;
}

.emlakchi-karne-print-date {
    margin: 0 0 8px;
    font-size: 9px;
    font-weight: 700;
    color: #0f2744;
    letter-spacing: 0.04em;
}

.emlakchi-karne-title-main {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: #0f2744;
}

.emlakchi-karne-lead-copy {
    margin: 0 0 14px;
    font-size: 10px;
    line-height: 1.55;
    color: #475569;
    font-weight: 600;
}

.emlakchi-karne-badge {
    display: inline-block;
    margin-bottom: 8px;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #0f2744, #1e4976);
    color: #fffef5;
    border: 1px solid #b8975a;
}

.emlakchi-karne-badge--start {
    background: linear-gradient(135deg, #475569, #64748b);
    border-color: #94a3b8;
}

.emlakchi-karne-infogrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 14px;
}

.emlakchi-karne-statbox {
    padding: 14px 14px 12px;
    border-radius: 12px;
    background: #fafbfc;
    border: 1px solid #dce3ed;
    text-align: center;
    box-shadow: 0 6px 18px rgba(15, 39, 68, 0.05);
}

.emlakchi-karne-statbox-ico {
    width: 48px;
    height: 48px;
    margin: 0 auto 8px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #0f2744, #1e4976);
    color: #fefce8;
    font-size: 22px;
    box-shadow: 0 4px 14px rgba(15, 39, 68, 0.2);
}

.emlakchi-karne-statbox-ico--gold {
    background: linear-gradient(145deg, #8f7439, #b8975a);
    color: #fff;
}

.emlakchi-karne-statbox-val {
    display: block;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f2744;
    line-height: 1;
}

.emlakchi-karne-statbox-lbl {
    display: block;
    margin-top: 6px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.emlakchi-karne-statbox-hint {
    display: block;
    margin-top: 4px;
    font-size: 8px;
    font-weight: 600;
    color: #94a3b8;
}

.emlakchi-karne-score-block {
    margin-bottom: 14px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #dce3ed;
    border-radius: 10px;
    border-top: 3px solid #0f2744;
    box-shadow: 0 8px 22px rgba(15, 39, 68, 0.06);
}

.emlakchi-karne-score-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.emlakchi-karne-score-title {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0f2744;
}

.emlakchi-karne-score-num {
    font-size: 22px;
    font-weight: 800;
    color: #b8975a;
    letter-spacing: -0.02em;
}

.emlakchi-karne-score-rail {
    height: 14px;
    border-radius: 999px;
    background: #e8edf4;
    border: 1px solid #cdd6e4;
    overflow: hidden;
}

.emlakchi-karne-score-fill {
    display: block;
    height: 100%;
    width: 28%;
    min-width: 18%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f2744 0%, #1e4976 42%, #b8975a 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.emlakchi-karne-score-caption {
    margin: 8px 0 0;
    font-size: 9px;
    line-height: 1.5;
    color: #475569;
    font-weight: 600;
}

.emlakchi-karne-microchart {
    margin-bottom: 14px;
    padding: 12px 14px;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border: 1px dashed #c5cdd8;
    border-radius: 10px;
}

.emlakchi-karne-microchart-title {
    margin: 0 0 10px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #334155;
}

.emlakchi-karne-microchart-row {
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 8px;
    font-weight: 700;
    color: #475569;
}

.emlakchi-karne-microtrack {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
    border: 1px solid #cbd5e1;
}

.emlakchi-karne-microfill {
    display: block;
    height: 100%;
    width: 22%;
    min-width: 16%;
    border-radius: inherit;
}

.emlakchi-karne-microfill--navy {
    background: linear-gradient(90deg, #0f2744, #1e4976);
}

.emlakchi-karne-microfill--gold {
    background: linear-gradient(90deg, #8f7439, #b8975a);
}

.emlakchi-karne-spark {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 16px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #e2e8f0;
}

.emlakchi-karne-spark-bars {
    display: flex;
    gap: 24px;
    flex: 1 1 120px;
}

.emlakchi-karne-spark-col {
    flex: 1;
    max-width: 56px;
}

.emlakchi-karne-spark-bar {
    height: 72px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 6px;
    background: linear-gradient(180deg, #eef2f7, #e2e8f0);
    border-radius: 8px 8px 4px 4px;
    border: 1px solid #cbd5e1;
}

.emlakchi-karne-spark-fill {
    display: block;
    width: 100%;
    height: var(--bar-pct, 20%);
    min-height: 10px;
    border-radius: 6px 6px 2px 2px;
}

.emlakchi-karne-spark-fill--navy {
    background: linear-gradient(180deg, #1e4976, #0f2744);
}

.emlakchi-karne-spark-fill--gold {
    background: linear-gradient(180deg, #d4af61, #8f7439);
}

.emlakchi-karne-donut-mini {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    flex-shrink: 0;
    background: conic-gradient(
        #0f2744 0 calc(var(--karne-pv-deg, 180) * 1deg),
        #b8975a calc(var(--karne-pv-deg, 180) * 1deg) 360deg
    );
    box-shadow:
        0 0 0 3px #fff,
        0 0 0 4px #dce3ed;
    position: relative;
}

.emlakchi-karne-donut-mini::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 46%;
    height: 46%;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e2e8f0;
}

.emlakchi-karne-microchart-foot {
    margin: 10px 0 0;
    font-size: 8px;
    font-style: italic;
    color: #64748b;
    font-weight: 600;
    line-height: 1.45;
}

.emlakchi-karne-section {
    margin-bottom: 12px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #dce3ed;
    border-radius: 10px;
    border-left: 4px solid #0f2744;
    box-shadow: 0 6px 20px rgba(15, 39, 68, 0.05);
}

.emlakchi-karne-section--note {
    border-left-color: #b8975a;
    background: linear-gradient(135deg, #fffef9 0%, #fff 100%);
}

.emlakchi-karne-section--market {
    border-left-color: #475569;
    background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
}

.emlakchi-karne-bench-rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.emlakchi-karne-bench-row {
    padding: 10px 12px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.emlakchi-karne-bench-row__ttl {
    display: block;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 4px;
}

.emlakchi-karne-bench-row__txt {
    margin: 0;
    font-size: 9.5px;
    font-weight: 650;
    color: #1e293b;
    line-height: 1.55;
}

.emlakchi-karne-h3 {
    margin: 0 0 8px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0f2744;
    display: flex;
    align-items: center;
    gap: 8px;
}

.emlakchi-karne-h3-gold {
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #b8975a, #0f2744);
}

.emlakchi-karne-section-lead {
    margin: -2px 0 10px;
    font-size: 9px;
    line-height: 1.5;
    color: #64748b;
    font-weight: 600;
}

.emlakchi-karne-channels {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.emlakchi-karne-channel {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.emlakchi-karne-channel-ico {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #dce3ed;
    color: #0f2744;
    font-size: 17px;
}

.emlakchi-karne-channel-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.emlakchi-karne-channel-name {
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0f2744;
}

.emlakchi-karne-channel-metric {
    font-size: 10px;
    font-weight: 700;
    color: #334155;
    line-height: 1.35;
}

.emlakchi-karne-consultant-body {
    margin: 0;
    font-size: 10px;
    line-height: 1.65;
    color: #334155;
    font-weight: 600;
}

.emlakchi-karne-footer {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 4px;
    padding: 14px 16px;
    background: #0f2744;
    border-radius: 10px;
    border: 1px solid #b8975a;
}

.emlakchi-karne-footer-logo {
    max-height: 44px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    padding: 4px 10px;
    background: #fff;
    border-radius: 6px;
}

.emlakchi-karne-footer-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.emlakchi-karne-footer-name {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.03em;
    color: #fff;
}

.emlakchi-karne-footer-dash {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #e8d5a8;
}

.emlakchi-karne-footer-sub {
    font-size: 8px;
    font-weight: 600;
    color: #94a3b8;
    letter-spacing: 0.04em;
}

@media print {
    .emlakchi-mulk-karne {
        box-shadow: none;
        border: none;
    }
}

.feature-card {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 28px;
    position: relative;
    backdrop-filter: blur(15px);
    display: flex;
    flex-direction: column;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.page-dashboard .dashboard-grid .feature-card {
    opacity: 0;
    animation: emlakchi-dashboard-fade-in-up 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.page-dashboard .dashboard-grid .feature-card:nth-child(1) {
    animation-delay: 0.3s;
}

.page-dashboard .dashboard-grid .feature-card:nth-child(2) {
    animation-delay: 0.4s;
}

.page-dashboard .dashboard-grid .feature-card:nth-child(3) {
    animation-delay: 0.5s;
}

.page-dashboard .dashboard-grid .feature-card:nth-child(4) {
    animation-delay: 0.6s;
}

.feature-card:hover {
    transform: translateY(-8px);
    border-color: var(--accent-primary);
    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.4),
        0 0 36px rgba(0, 229, 255, 0.22);
}

.card-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: white;
    margin-bottom: 12px;
}

.upgrade-link {
    font-size: 0.9rem;
    color: #FACC15;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 15px;
    font-weight: 600;
}

/* --- TABLO TASARIMI --- */
.section-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: white;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.recent-table-container {
    background: rgba(15, 23, 42, 0.4);
    border-radius: 20px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    text-align: left;
    padding: 15px;
    color: #64748B;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.75rem;
}

td {
    padding: 15px;
    color: #E2E8F0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    font-size: 0.9rem;
}

/* --- UPGRADE BUTTON --- */
.btn-upgrade-neon {
    background: transparent;
    color: #FACC15;
    border: 2px solid #FACC15;
    padding: 12px 24px;
    border-radius: 30px;
    font-weight: 800;
    font-size: 0.85rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(250, 204, 21, 0.2);
}

.btn-upgrade-neon:hover {
    background: #FACC15;
    color: #0F172A;
    box-shadow: 0 0 25px rgba(250, 204, 21, 0.5);
    transform: scale(1.05);
}

/* İKON ORTALAMA (KESİN ÇÖZÜM - ZORUNLU) */
.card-icon {
    width: 64px !important;
    height: 64px !important;
    background: rgba(0, 229, 255, 0.08);
    border-radius: 18px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px;
    padding: 0 !important;
    border: 1px solid rgba(0, 229, 255, 0.1);
    flex-shrink: 0;
}

.card-icon .material-icons-round {
    font-size: 34px !important;
    color: var(--accent-primary);
    line-height: 1 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.card-icon-frame {
    width: 50px;
    height: 50px;
    background-color: rgba(15, 23, 42, 0.6);
    border: 2px solid #00E5FF;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex: 0 0 auto;
}

.card-icon-frame .material-icons-round {
    color: #00E5FF;
    font-size: 26px;
    line-height: 1;
}

.framed-title {
    display: flex;
    align-items: center;
    gap: 0;
}

/* --- FORM ELEMANLARI (Elite Neon) --- */
.custom-input,
.custom-select,
.custom-textarea {
    width: 100%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 14px 18px;
    color: white;
    font-size: 0.95rem;
    font-weight: 500;
    transition: var(--transition);
    outline: none;
    appearance: none;
    /* Select okunu temizlemek için */
}

/* Select için koyu arka plan ve neon mavi hover */
select.custom-select {
    background-color: #0F172A !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300E5FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 18px !important;
    padding-right: 45px !important;
    color: white !important;
    border: 1px solid rgba(0, 229, 255, 0.2) !important;
}

select.custom-select option {
    background: #0F172A !important;
    color: white !important;
    padding: 12px !important;
}

select.custom-select option:hover,
select.custom-select option:focus,
select.custom-select option:active {
    background: var(--accent-primary) !important;
    color: #0F172A !important;
    box-shadow: 0 0 10px var(--accent-primary) !important;
}

.custom-input:focus,
.custom-select:focus,
.custom-textarea:focus {
    border-color: var(--accent-primary);
    background: rgba(0, 229, 255, 0.02);
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.1);
}

/* --- Google Places Autocomplete (pac-*) — agresif koyu tema; bej kalıntılarını ez --- */
.pac-container,
.pac-item,
.pac-item-query,
.pac-matched,
.pac-secondary-text {
    background-color: #0f172a !important;
    background: #0f172a !important;
    color: #ffffff !important;
}

.pac-container * {
    background: none !important;
}

.pac-container {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: none !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow:
        0 0 0 1px rgba(0, 229, 255, 0.08),
        0 12px 32px rgba(0, 0, 0, 0.45),
        0 4px 14px rgba(0, 229, 255, 0.06) !important;
    margin-top: -1px !important;
    padding: 4px 0 !important;
    font-family: inherit !important;
    z-index: 100000 !important;
    -webkit-font-smoothing: antialiased;
}

.pac-container::after {
    background-color: #0f172a !important;
    background: #0f172a !important;
}

.pac-item {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px 14px !important;
    cursor: pointer !important;
    line-height: 1.35 !important;
}

.pac-item:first-child {
    border-top: none !important;
}

.pac-item:hover,
.pac-item.pac-item-selected {
    background-color: #152042 !important;
    background: #152042 !important;
    cursor: pointer !important;
}

.pac-item-query,
.pac-item .pac-item-query {
    font-size: inherit !important;
}

.pac-matched,
.pac-item .pac-matched {
    font-weight: 700 !important;
}

.pac-item span:not(.pac-icon):not(.pac-matched):not(.pac-item-query) {
    color: #ffffff !important;
}

.pac-icon,
.pac-icon-marker {
    filter: invert(100%) !important;
    -webkit-filter: invert(100%) !important;
}

.pac-logo,
.pac-logo::after {
    filter: invert(100%) !important;
    -webkit-filter: invert(100%) !important;
}

.pac-container .pac-logo {
    background-color: #0f172a !important;
    background: #0f172a !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-top: 2px !important;
    padding: 6px 10px !important;
}

/* --- AI SELECTION (Feature Cards) --- */
.ai-selection-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

/* İlan dili — AIVERA koyu tema */
.aivera-ai-lang-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    margin-bottom: 20px;
    padding: 14px 18px;
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.65);
    border: 1px solid rgba(0, 229, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.aivera-ai-lang-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #e2e8f0;
    margin: 0;
    cursor: pointer;
    user-select: none;
}

.aivera-ai-lang-label .material-icons-round {
    font-size: 20px;
    color: var(--accent-primary, #00e5ff);
    opacity: 0.95;
}

.aivera-ai-lang-select {
    flex: 1 1 200px;
    max-width: 280px;
    min-width: 160px;
}

.ai-card {
    background: rgba(30, 41, 59, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 24px;
    /* %20 küçültme için padding düşürüldü */
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: scale(0.8);
    /* %20 küçültme etkisi */
}

.ai-card:hover {
    transform: translateY(-5px) scale(0.8);
    border-color: var(--accent-primary);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.ai-card.active {
    background: rgba(0, 229, 255, 0.05);
    border-color: var(--accent-primary);
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.1);
}

.ai-card.locked {
    opacity: 0.6;
    border-style: dashed;
}

.ai-card .lock-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--accent-secondary);
}

.ai-card .card-title {
    font-size: 1.1rem;
    /* %20 küçültme */
    font-weight: 800;
    color: white;
    margin-bottom: 8px;
}

.ai-card .card-desc {
    font-size: 0.8rem;
    /* %20 küçültme */
    color: var(--text-muted);
    line-height: 1.4;
}

.ai-card .card-icon {
    width: 52px !important;
    /* %20 küçültme */
    height: 52px !important;
    margin-bottom: 16px;
    display: grid !important;
    place-items: center !important;
}

.ai-card .card-icon .material-icons-round {
    font-size: 28px !important;
}

/* --- TABLO AKSİYON BUTONLARI (MODERN & ŞEFFAF) --- */
.action-menu-container {
    position: relative;
    display: inline-block;
}

.btn-icon {
    background: transparent !important;
    border: none !important;
    color: var(--text-muted);
    cursor: pointer;
    padding: 6px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.btn-icon:hover {
    background: transparent !important;
    transform: scale(1.2);
}

.btn-icon.neon-blue:hover {
    color: var(--accent-primary);
    filter: drop-shadow(0 0 8px var(--accent-primary));
}

.btn-icon.neon-yellow:hover {
    color: var(--accent-secondary);
    filter: drop-shadow(0 0 8px var(--accent-secondary));
}

.action-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: rgba(15, 23, 42, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 8px 0;
    min-width: 140px;
    display: none;
    z-index: 1000;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(15px);
}

.action-dropdown.show {
    display: block;
    animation: dropdownFadeIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.action-dropdown button,
.action-dropdown a {
    background: transparent !important;
    border: none;
    width: 100%;
    text-align: left;
    padding: 12px 16px;
    color: #CBD5E1;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none;
}

.action-dropdown button:hover,
.action-dropdown a:hover {
    background: rgba(0, 229, 255, 0.08) !important;
    color: var(--accent-primary) !important;
}

.action-dropdown .delete-item {
    color: var(--accent-secondary) !important;
}

.action-dropdown .delete-item:hover {
    background: rgba(250, 204, 21, 0.08) !important;
    color: var(--accent-secondary) !important;
}

/* --- TRANSLATION BUTTONS --- */
.translation-toolbar {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.btn-translate {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 8px 16px;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-translate:hover {
    background: rgba(0, 229, 255, 0.1);
    border-color: var(--accent-primary);
    color: var(--accent-primary);
}

.input-label {
    color: #94A3B8;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- TOGGLE BUTTON (Sahibinden Style) --- */
.toggle-group {
    display: flex;
    background: rgba(255, 255, 255, 0.05);
    padding: 4px;
    border-radius: 12px;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.toggle-btn {
    flex: 1;
    padding: 10px;
    border: none;
    background: transparent;
    color: #64748B;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    border-radius: 10px;
    transition: var(--transition);
}

.toggle-btn.active {
    background: var(--accent-primary);
    color: #0F172A;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.3);
}

/* --- ACTION BUTTON (Neon Mavi Full-Width) --- */
.btn-action-full {
    width: 100%;
    padding: 20px;
    background: var(--accent-primary);
    color: #0F172A;
    border: none;
    border-radius: 14px;
    font-weight: 800;
    font-size: 1.1rem;
    letter-spacing: 1px;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-transform: uppercase;
}

.btn-action-full:hover {
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.5);
    transform: translateY(-2px);
}

/* İlan-yaz: veritabanı kaydı (AI üretiminden ayrı CTA) */
.btn-save-listing-emlakchi {
    margin-top: 14px;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.98), rgba(5, 150, 105, 0.95));
    color: #0f172a;
}

.btn-save-listing-emlakchi:hover {
    box-shadow: 0 0 26px rgba(16, 185, 129, 0.45);
    transform: translateY(-2px);
}

/* --- NEON & BUTONLAR --- */
.neon-text {
    color: var(--accent-primary);
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
    font-weight: 800;
}

.btn-primary {
    background: var(--accent-primary);
    color: #0F172A;
    border: none;
    padding: 14px 28px;
    border-radius: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--transition);
}

.btn-primary:hover {
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.4);
    transform: translateY(-2px);
}

/* --- PANELE DÖN BUTONU ORTALAMA --- */
.btn-back-container {
    display: flex;
    align-items: center;
}

.btn-outline {
    background: transparent;
    color: var(--accent-primary);
    border: 2px solid var(--accent-primary);
    padding: 12px 24px;
    border-radius: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1;
}

.btn-outline .material-icons-round {
    font-size: 20px !important;
    line-height: 1 !important;
}

a.logo.login-logo {
    display: inline-flex;
    align-items: center;
    font-size: 2.2rem;
    line-height: 1;
    text-decoration: none;
}

/* ═══════════════════════════════════════════════
   AUTH / LOGIN PAGE V2
═══════════════════════════════════════════════ */
body.auth-page {
    background: var(--bg-dark);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    animation: none;
    padding-bottom: 0;
}

.auth-bg-mesh {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.auth-mesh-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.18;
}

.auth-mesh-orb--1 {
    width: 600px;
    height: 600px;
    background: var(--accent-primary);
    top: -180px;
    left: -180px;
}

.auth-mesh-orb--2 {
    width: 400px;
    height: 400px;
    background: #FACC15;
    bottom: -80px;
    right: -80px;
    opacity: 0.1;
}

.auth-mesh-orb--3 {
    width: 300px;
    height: 300px;
    background: #7c3aed;
    top: 50%;
    right: 30%;
    opacity: 0.08;
}

.auth-layout {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1 1 auto;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
}

/* İki sütun (sol + sağ); üst gövde — footer .auth-layout içinde alta sabitlenir */
.auth-layout-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

/* ── Left Panel ── */
.auth-left {
    flex: 0 0 420px;
    background: linear-gradient(155deg, rgba(11, 17, 32, 0.98) 0%, rgba(15, 23, 42, 0.95) 100%);
    border-right: 1px solid rgba(0, 229, 255, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px 48px;
    position: relative;
    align-self: stretch;
    min-height: 0;
}

@media (max-width: 900px) {
    .auth-left {
        display: none;
    }
}

.auth-left-inner {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.auth-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.auth-brand-logo {
    height: 38px;
    width: auto;
    filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.4));
}

.auth-brand-name {
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1;
}

.auth-brand-emlak {
    color: var(--accent-primary);
    text-shadow: 0 0 18px rgba(0, 229, 255, 0.45);
}

.auth-brand-chi {
    color: white;
}

.auth-left-headline h1 {
    font-size: 2.1rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: white;
}

.auth-headline-accent {
    color: var(--accent-primary);
    text-shadow: 0 0 24px rgba(0, 229, 255, 0.4);
}

.auth-left-headline p {
    margin-top: 14px;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.6;
}

.auth-feature-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auth-feature-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    color: #cbd5e1;
    font-weight: 500;
}

.auth-feature-list li .material-icons-round {
    color: var(--accent-primary);
    font-size: 18px;
    flex-shrink: 0;
}

.auth-left-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    color: #475569;
    font-weight: 600;
}

.auth-left-badge .material-icons-round {
    color: #FACC15;
    font-size: 16px;
}

/* ── Right Panel ── */
.auth-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: clamp(24px, 4vh, 48px) clamp(20px, 4vw, 32px) clamp(28px, 5vh, 56px);
    padding-bottom: max(clamp(28px, 5vh, 56px), env(safe-area-inset-bottom, 0px));
    min-height: 0;
    box-sizing: border-box;
}

.auth-card {
    width: 100%;
    max-width: 460px;
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(0, 229, 255, 0.12);
    border-radius: 24px;
    overflow: visible;
    backdrop-filter: blur(24px);
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.03) inset;
    animation: emlakchi-page-fade-in 0.5s ease both;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* Giriş / kayıt: .auth-panel sarmalayıcısı yok — iç boşluk doğrudan kartta */
.auth-card:not(:has(.auth-panel)) {
    padding: 32px 36px 36px;
}

/* ── Tabs ── */
.auth-tabs {
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.auth-tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 12px;
    background: none;
    border: none;
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.25s ease, background 0.25s ease;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    font-family: inherit;
}

.auth-tab .material-icons-round {
    font-size: 18px;
}

.auth-tab:hover {
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.03);
}

.auth-tab--active {
    color: var(--accent-primary);
    border-bottom-color: var(--accent-primary);
}

/* ── Panel ── */
.auth-panel {
    padding: 32px 36px 36px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.auth-panel:not(.auth-panel--active) {
    display: none;
}

.auth-panel-head {
    margin-bottom: 28px;
}

.auth-panel-head h2 {
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -0.015em;
    line-height: 1.28;
    padding-inline: 4px;
    margin-inline: 0;
    overflow: visible;
}

.auth-panel-head p {
    margin-top: 6px;
    color: #64748b;
    font-size: 0.88rem;
}

/* ── Fields ── */
.auth-field-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 22px;
}

.auth-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

@media (max-width: 480px) {
    .auth-field-row {
        grid-template-columns: 1fr;
    }
}

.auth-label {
    font-size: 0.8rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.auth-label--accent {
    color: var(--accent-primary);
}

.auth-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.auth-input-icon {
    position: absolute;
    left: 14px;
    font-size: 18px;
    color: #475569;
    pointer-events: none;
    z-index: 1;
}

.auth-input {
    width: 100%;
    background: rgba(2, 8, 24, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 12px;
    padding: 13px 14px 13px 44px;
    font-size: 0.92rem;
    font-family: inherit;
    color: #e2e8f0;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.auth-input::placeholder {
    color: #334155;
}

.auth-input:focus {
    border-color: rgba(0, 229, 255, 0.45);
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.1);
}

.auth-input--otp {
    letter-spacing: 6px;
    font-size: 1.2rem;
    font-weight: 800;
    text-align: center;
    padding-left: 44px;
}

.auth-eye-btn {
    position: absolute;
    right: 12px;
    background: none;
    border: none;
    cursor: pointer;
    color: #475569;
    display: flex;
    align-items: center;
    padding: 4px;
    transition: color 0.2s;
}

.auth-eye-btn:hover {
    color: #94a3b8;
}

.auth-eye-btn .material-icons-round {
    font-size: 18px;
}

/* ── Buttons ── */
.auth-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 20px;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: var(--transition);
    border: none;
    width: 100%;
    letter-spacing: 0.01em;
}

.auth-btn--primary {
    background: var(--accent-primary);
    color: #0f172a;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.2);
    margin-top: 10px;
}

.auth-btn--primary:hover:not(:disabled) {
    box-shadow: 0 0 32px rgba(0, 229, 255, 0.45);
    transform: translateY(-1px);
}

.auth-btn--primary:disabled {
    opacity: 0.38;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.auth-btn--outline {
    background: rgba(0, 229, 255, 0.06);
    border: 1px solid rgba(0, 229, 255, 0.28);
    color: var(--accent-primary);
    font-size: 0.84rem;
    padding: 10px 14px;
    width: 100%;
}

.auth-btn--outline:hover:not(:disabled) {
    background: rgba(0, 229, 255, 0.12);
}

.auth-btn--sent {
    background: rgba(0, 229, 255, 0.06) !important;
    border-color: rgba(0, 229, 255, 0.5) !important;
    color: var(--accent-primary) !important;
}

.auth-otp-btn {
    margin-top: 8px;
}

.auth-otp-field {
    background: rgba(0, 229, 255, 0.04);
    border: 1px solid rgba(0, 229, 255, 0.18);
    border-radius: 12px;
    padding: 14px;
}

/* ── Switch hint ── */
.auth-switch-hint {
    text-align: center;
    margin-top: 22px;
    font-size: 0.84rem;
    color: #64748b;
}

.auth-text-link {
    background: none;
    border: none;
    color: var(--accent-primary);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.auth-text-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ── Footer note (tam genişlik, .auth-layout sütununda alta; dar ekranda satır kırılır) ── */
.auth-footer-note {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 12px;
    margin-top: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 16px 20px max(16px, env(safe-area-inset-bottom, 0px));
    font-size: 0.78rem;
    color: #334155;
    text-align: center;
    width: 100%;
    max-width: none;
    flex-shrink: 0;
    line-height: 1.5;
    box-sizing: border-box;
}

.auth-footer-copy {
    color: #64748b;
}

.auth-footer-brand {
    color: #fbbf24;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.auth-footer-link {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.auth-footer-link:hover {
    color: #00d2ff;
}

.auth-footer-link--accent {
    color: #00d2ff;
    font-weight: 600;
}

.auth-footer-link--accent:hover {
    color: #fff;
}

.auth-footer-note .footer-support-inline {
    white-space: nowrap;
}

.auth-footer-sep {
    display: inline-block;
    margin: 0;
    opacity: 0.35;
    color: #64748b;
    user-select: none;
}

/* ── Toast ── */
.auth-toast-container {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 10100;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
}

.auth-toast {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.97);
    border: 1px solid rgba(0, 229, 255, 0.25);
    color: #e2e8f0;
    font-size: 0.87rem;
    font-weight: 600;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
    max-width: 340px;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.32s ease, transform 0.32s ease;
}

.auth-toast--show {
    opacity: 1;
    transform: translateY(0);
}

.auth-toast--error {
    border-color: rgba(248, 113, 113, 0.4);
}

.auth-toast--error .material-icons-round {
    color: #f87171;
}

.auth-toast--warning {
    border-color: rgba(250, 204, 21, 0.4);
}

.auth-toast--warning .material-icons-round {
    color: #FACC15;
}

.auth-toast--success .material-icons-round {
    color: var(--accent-primary);
}

/* ── Spin animation ── */
.auth-spin {
    animation: smcc-spin 0.9s linear infinite;
    display: inline-block;
}

/* ========== SOSYAL MEDYA KOMUTA MERKEZİ (sosyal-medya.html) ========== */
.smcc-page {
    padding-bottom: 60px;
}

/* Portföy kartı WhatsApp mührü: .smcc-pdf-brand-wa */

.smcc-section {
    background: rgba(15, 23, 42, 0.45);
    border: 1px solid rgba(0, 229, 255, 0.12);
    border-radius: 20px;
    padding: 24px 28px;
    margin-bottom: 28px;
    backdrop-filter: blur(16px);
}

.smcc-section-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}

.smcc-section-icon {
    font-size: 28px !important;
    color: var(--accent-primary);
    filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.35));
}

.smcc-section-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 4px 0;
    letter-spacing: -0.02em;
}

.smcc-section-desc {
    margin: 0;
    font-size: 0.9rem;
    color: var(--text-muted);
    line-height: 1.45;
}

.smcc-accounts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

/* ─── Bağlı hesaplar — marka renkleri ─── */
.account-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.account-card__row {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.account-card__title {
    color: #fff;
    font-size: 15px;
    margin: 0 0 4px 0;
}

.account-card__subtitle {
    color: #64748b;
    font-weight: 400;
    font-size: 11px;
}

.account-card .status-text {
    color: #94a3b8;
    font-size: 12px;
    margin: 0;
}

.account-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.account-card__icon .material-icons-round {
    font-size: 20px;
}

.account-card__icon--meta {
    background: linear-gradient(145deg, #1877f2 0%, #4267b2 42%, #c13584 100%);
    color: #fff;
    border: 1px solid rgba(24, 119, 242, 0.35);
    box-shadow: 0 4px 14px rgba(24, 119, 242, 0.25);
}

.account-card__icon--x {
    background: #0f1419;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    font-size: 18px;
    font-weight: 800;
}

.account-card__icon--linkedin {
    background: rgba(10, 102, 194, 0.2);
    color: #0a66c2;
    border: 1px solid rgba(10, 102, 194, 0.45);
    font-size: 14px;
    font-weight: 800;
}

.account-card__icon--whatsapp {
    background: rgba(37, 211, 102, 0.15);
    color: #25d366;
    border: 1px solid rgba(37, 211, 102, 0.35);
}

.account-card__icon--whatsapp .fab {
    font-size: 20px;
}

.account-card__icon--youtube {
    background: rgba(255, 0, 0, 0.12);
    color: #ff0000;
    border: 1px solid rgba(255, 0, 0, 0.22);
}

.account-card__icon--youtube .fab {
    font-size: 22px;
}

.account-connect-btn {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    white-space: nowrap;
    font-family: inherit;
}

.account-connect-btn--meta {
    background: rgba(24, 119, 242, 0.12);
    color: #5eb3ff;
    border: 1px solid rgba(24, 119, 242, 0.45);
}

.account-connect-btn--meta:hover {
    background: rgba(24, 119, 242, 0.22);
    box-shadow: 0 0 16px rgba(24, 119, 242, 0.25);
}

.account-connect-btn--x {
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.account-connect-btn--x:hover {
    background: rgba(148, 163, 184, 0.18);
    border-color: #cbd5e1;
    color: #e2e8f0;
}

.account-connect-btn--linkedin {
    background: rgba(10, 102, 194, 0.12);
    color: #5fa4e8;
    border: 1px solid rgba(10, 102, 194, 0.5);
}

.account-connect-btn--linkedin:hover {
    background: rgba(10, 102, 194, 0.22);
    box-shadow: 0 0 14px rgba(10, 102, 194, 0.3);
}

.account-connect-btn--whatsapp {
    background: rgba(37, 211, 102, 0.12);
    color: #4ade80;
    border: 1px solid rgba(37, 211, 102, 0.45);
}

.account-connect-btn--whatsapp:hover {
    background: rgba(37, 211, 102, 0.22);
    box-shadow: 0 0 14px rgba(37, 211, 102, 0.25);
}

.account-connect-btn--youtube {
    background: rgba(255, 0, 0, 0.1);
    color: #ff4d4d;
    border: 1px solid rgba(255, 0, 0, 0.28);
}

.account-connect-btn--youtube:hover {
    background: rgba(255, 0, 0, 0.18);
    box-shadow: 0 0 14px rgba(255, 0, 0, 0.2);
}

.account-connect-btn--disconnect {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.account-connect-btn--disconnect:hover {
    background: rgba(239, 68, 68, 0.18);
}

.smcc-connect-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 18px 20px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(11, 17, 32, 0.85);
    color: #e2e8f0;
    cursor: pointer;
    text-align: left;
    transition: var(--transition);
    font-family: inherit;
}

.smcc-connect-btn:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, 0.18);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

.smcc-connect-btn[aria-pressed="true"] {
    border-color: rgba(52, 211, 153, 0.45);
    box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.25), 0 8px 28px rgba(0, 0, 0, 0.3);
}

.smcc-connect-btn--meta:hover {
    border-color: rgba(8, 102, 225, 0.55);
    box-shadow: 0 0 24px rgba(8, 102, 225, 0.2);
}

.smcc-connect-btn--x:hover {
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 24px rgba(255, 255, 255, 0.08);
}

.smcc-connect-btn--linkedin:hover {
    border-color: rgba(10, 102, 194, 0.6);
    box-shadow: 0 0 24px rgba(10, 102, 194, 0.22);
}

.smcc-connect-icon {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--accent-primary);
    line-height: 1;
}

.smcc-connect-icon--x {
    font-size: 1.35rem;
    color: #fff;
}

.smcc-connect-in {
    font-size: 0.85rem;
    font-weight: 800;
    color: #fff;
    background: #0a66c2;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.5px;
}

.smcc-connect-label {
    font-weight: 700;
    font-size: 0.95rem;
}

.smcc-connect-label small {
    display: block;
    font-weight: 500;
    color: #64748b;
    font-size: 0.78rem;
    margin-top: 2px;
}

.smcc-connected-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(52, 211, 153, 0.18);
    color: #34d399;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 4px 8px;
    border-radius: 8px;
    border: 1px solid rgba(52, 211, 153, 0.35);
}

.smcc-wizard-card {
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    padding: 0;
    margin-bottom: 28px;
    overflow: hidden;
    backdrop-filter: blur(18px);
}

.smcc-wizard-card--premium {
    border-color: rgba(250, 204, 21, 0.25);
    box-shadow: 0 0 40px rgba(250, 204, 21, 0.06);
    position: relative;
}

/* Dijital lansman — mülk mikro site paneli (yalnızca lansman kilitlendiğinde görünür) */
.smcc-wizard-card.dl-micro-site-card {
    display: none;
    border-color: rgba(56, 189, 248, 0.22);
    box-shadow:
        0 0 0 1px rgba(56, 189, 248, 0.08),
        0 24px 80px rgba(15, 23, 42, 0.55),
        0 0 48px rgba(56, 189, 248, 0.12);
    background:
        radial-gradient(1200px 400px at 50% -10%, rgba(56, 189, 248, 0.14), transparent 55%),
        radial-gradient(800px 320px at 90% 60%, rgba(59, 130, 246, 0.1), transparent 50%),
        rgba(15, 23, 42, 0.62);
}

.smcc-wizard-card.dl-micro-site-card.dl-micro-site-card--live {
    display: block;
}

.dl-micro-site-inner {
    padding: 26px 28px 28px;
}

.dl-micro-site-head {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 22px;
}

.dl-micro-site-icon-wrap {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, rgba(59, 130, 246, 0.35), rgba(30, 58, 138, 0.45));
    border: 1px solid rgba(147, 197, 253, 0.35);
    box-shadow: 0 0 24px rgba(59, 130, 246, 0.35);
}

.dl-micro-site-icon-wrap .material-icons-round {
    font-size: 26px !important;
    color: #e0f2fe !important;
}

.dl-micro-site-head-text {
    min-width: 0;
}

.dl-micro-site-title {
    margin: 0 0 8px 0;
    font-size: 1.28rem;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: #f8fafc;
    text-shadow:
        0 0 28px rgba(56, 189, 248, 0.55),
        0 0 60px rgba(59, 130, 246, 0.35);
}

.dl-micro-site-sub {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: #94a3b8;
    max-width: 640px;
}

.dl-micro-site-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
    justify-content: stretch;
}

.dl-ms-btn {
    flex: 1 1 160px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 14px;
    font-weight: 700;
    font-size: 0.88rem;
    cursor: pointer;
    border: none;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        filter 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease;
}

.dl-ms-btn:focus-visible {
    outline: 2px solid rgba(56, 189, 248, 0.65);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .dl-ms-btn {
        transition: none;
    }
}

.dl-ms-btn-icon {
    font-size: 1.05rem;
    line-height: 1;
}

.dl-ms-btn-label {
    white-space: nowrap;
}

.dl-ms-btn--preview {
    color: #f0f9ff;
    background: linear-gradient(155deg, #1e3a8a 0%, #1d4ed8 45%, #172554 100%);
    border: 1px solid rgba(147, 197, 253, 0.35);
    box-shadow:
        0 10px 28px rgba(30, 58, 138, 0.45),
        0 0 24px rgba(59, 130, 246, 0.25);
}

.dl-ms-btn--preview:hover {
    transform: translateY(-2px) scale(1.02);
    filter: brightness(1.06);
    box-shadow:
        0 14px 36px rgba(30, 64, 175, 0.55),
        0 0 36px rgba(56, 189, 248, 0.35);
}

.dl-ms-btn--share {
    color: #ecfdf5;
    background: linear-gradient(155deg, #047857 0%, #059669 50%, #065f46 100%);
    border: 1px solid rgba(167, 243, 208, 0.45);
    box-shadow:
        0 10px 28px rgba(6, 95, 70, 0.4),
        0 0 22px rgba(52, 211, 153, 0.28);
}

.dl-ms-btn--share:hover {
    transform: translateY(-2px) scale(1.02);
    filter: brightness(1.07);
    box-shadow:
        0 14px 36px rgba(5, 150, 105, 0.48),
        0 0 34px rgba(74, 222, 128, 0.35);
}

.dl-ms-btn--unpublish {
    color: #fecaca;
    background: transparent;
    border: 2px solid rgba(248, 113, 113, 0.65);
    box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.08);
}

.dl-ms-btn--unpublish:hover {
    transform: translateY(-2px) scale(1.02);
    color: #fee2e2;
    border-color: rgba(252, 165, 165, 0.95);
    box-shadow:
        0 0 28px rgba(239, 68, 68, 0.35),
        inset 0 0 0 1px rgba(248, 113, 113, 0.12);
    background: rgba(127, 29, 29, 0.22);
}

@media (max-width: 640px) {
    .dl-micro-site-actions {
        flex-direction: column;
    }

    .dl-ms-btn {
        flex: 1 1 auto;
        width: 100%;
    }
}

.smcc-premium-ribbon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(90deg, rgba(250, 204, 21, 0.15), rgba(250, 204, 21, 0.05));
    color: #FACC15;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(250, 204, 21, 0.15);
}

.smcc-premium-ribbon .material-icons-round {
    font-size: 18px !important;
}

.smcc-wizard-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 28px 0;
}

.smcc-wizard-head .smcc-video-quota {
    margin-left: auto;
}

.smcc-wizard-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.2);
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.smcc-wizard-icon .material-icons-round {
    font-size: 26px !important;
    color: var(--accent-primary);
}

.smcc-wizard-icon--gold {
    background: rgba(250, 204, 21, 0.12);
    border-color: rgba(250, 204, 21, 0.25);
}

.smcc-wizard-icon--gold .material-icons-round {
    color: #FACC15;
}

.smcc-wizard-title {
    margin: 0 0 6px 0;
    font-size: 1.25rem;
    font-weight: 800;
    color: #fff;
}

.smcc-wizard-sub {
    margin: 0;
    font-size: 0.9rem;
    color: #94a3b8;
    line-height: 1.5;
    max-width: 720px;
}

.smcc-wizard-body {
    padding: 22px 28px 28px;
}

.smcc-file-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.smcc-dropzone {
    border: 2px dashed rgba(0, 229, 255, 0.28);
    border-radius: 18px;
    padding: 36px 24px;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    background: rgba(0, 229, 255, 0.03);
}

.smcc-dropzone:hover,
.smcc-dropzone:focus {
    outline: none;
    border-color: var(--accent-primary);
    background: rgba(0, 229, 255, 0.07);
    box-shadow: 0 0 24px rgba(0, 229, 255, 0.12);
}

.smcc-dropzone--active {
    border-color: var(--accent-primary);
    background: rgba(0, 229, 255, 0.1);
}

.smcc-dropzone--compact {
    padding: 22px;
}

.smcc-dropzone-icon {
    font-size: 40px !important;
    color: var(--accent-primary);
    margin-bottom: 8px;
}

.smcc-dropzone-title {
    margin: 0 0 6px;
    font-weight: 700;
    color: #e2e8f0;
}

.smcc-dropzone-hint {
    margin: 0;
    font-size: 0.85rem;
    color: #64748b;
}

/* ─── Dijital Lansman: önceden tanımlı görsel yuvaları (10 slot) ─── */
.dl-slot-board-lead {
    margin: 0 0 14px;
    font-size: 0.88rem;
    line-height: 1.45;
    color: #94a3b8;
}

.dl-slot-board {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dl-slot-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dl-slot-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #67e8f9;
}

.dl-slot-section-label .material-icons-round {
    font-size: 18px !important;
    opacity: 0.9;
}

.dl-slot-row--cover {
    display: grid;
    grid-template-columns: minmax(0, 160px);
    justify-content: center;
    max-width: 100%;
}

.dl-slot-row--carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.dl-slot-row--pdf-story {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.dl-slot-pdf-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
}

.dl-img-slot--carousel {
    width: 160px;
    height: 160px;
    max-width: 160px;
    min-height: 0;
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.65);
}

.dl-img-slot--pdf {
    width: 118px;
    max-width: 118px;
    min-height: 0;
    flex: 0 0 auto;
    aspect-ratio: 210 / 297;
    height: auto;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.65);
}

.dl-img-slot--story {
    width: 96px;
    max-width: 96px;
    min-height: 0;
    flex: 0 0 auto;
    aspect-ratio: 9 / 16;
    height: auto;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.65);
    box-shadow: none;
}

@media (max-width: 960px) {
    .dl-slot-row--carousel {
        justify-content: center;
    }
}

@media (max-width: 520px) {
    .dl-slot-row--carousel {
        gap: 8px;
    }
}

@media (max-width: 640px) {
    .dl-slot-row--pdf-story {
        flex-direction: column;
        align-items: center;
    }
}

.dl-slot-story-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.dl-img-slot {
    position: relative;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.65);
    min-height: 108px;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    outline: none;
}

.dl-img-slot:hover,
.dl-img-slot:focus-visible {
    border-color: rgba(34, 211, 238, 0.45);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.12), 0 12px 28px rgba(0, 0, 0, 0.35);
}

.dl-img-slot--dropping {
    border-color: #22d3ee !important;
    background: rgba(34, 211, 238, 0.1);
}

.dl-img-slot--cover {
    width: 160px;
    max-width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 1 / 1;
    min-height: 0;
    border-width: 2px;
    border-color: rgba(34, 211, 238, 0.5);
    background: linear-gradient(160deg, rgba(34, 211, 238, 0.09) 0%, rgba(15, 23, 42, 0.85) 100%);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.08), 0 16px 36px rgba(0, 0, 0, 0.35);
}

.dl-img-slot--cover .dl-img-slot__ico {
    font-size: 28px !important;
    color: #5eead4;
}

.dl-img-slot--story:hover,
.dl-img-slot--story:focus-visible {
    border-color: rgba(34, 211, 238, 0.45);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.12), 0 12px 28px rgba(0, 0, 0, 0.35);
}

.dl-img-slot--story .dl-img-slot__ico {
    color: rgba(148, 163, 184, 0.75);
}

.dl-img-slot__thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 1;
}

.dl-img-slot__thumb[hidden] {
    display: none !important;
}

.dl-img-slot__placeholder {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    padding: 12px 10px;
    min-height: inherit;
    box-sizing: border-box;
    pointer-events: none;
}

.dl-img-slot__placeholder[hidden] {
    display: none !important;
}

.dl-img-slot__ico {
    font-size: 28px !important;
    color: rgba(148, 163, 184, 0.75);
}

.dl-img-slot--carousel .dl-img-slot__ico {
    font-size: 24px !important;
    color: rgba(34, 211, 238, 0.65);
}

.dl-img-slot--pdf .dl-img-slot__ico {
    font-size: 26px !important;
    color: rgba(148, 163, 184, 0.8);
}

.dl-img-slot__label {
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.3;
    color: #e2e8f0;
    padding: 0 4px;
}

.dl-img-slot__hint {
    font-size: 0.62rem;
    color: #64748b;
    font-weight: 500;
}

.dl-img-slot__clear {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 4;
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.88);
    color: #f87171;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    pointer-events: auto;
}

.dl-img-slot__clear:hover {
    background: rgba(248, 113, 113, 0.25);
    color: #fff;
}

.dl-img-slot-footnote {
    margin: 0;
    max-width: 160px;
    text-align: center;
    font-size: 0.68rem;
    line-height: 1.35;
    color: #64748b;
    font-weight: 500;
}

.smcc-thumb-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    min-height: 0;
}

.smcc-thumb {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.smcc-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.smcc-thumb-remove {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.85);
    color: #f87171;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

.smcc-field-row {
    margin-top: 20px;
}

.smcc-field-grow {
    flex: 1;
    min-width: 200px;
}

.smcc-actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 20px;
    align-items: center;
}

.smcc-btn-publish {
    flex: 1;
    min-width: 220px;
}

/* ─── Sosyal medya modül aksiyonları (Carousel / Story / PDF) ─── */
.smcc-module-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
    align-items: stretch;
}

.smcc-module-actions--story {
    grid-column: 1 / -1;
    margin-top: 4px;
}

.smcc-wizard-card .smcc-module-actions .btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1 1 160px;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: var(--transition);
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.65);
    color: #e2e8f0;
    font-family: inherit;
    text-align: center;
    line-height: 1.25;
}

.smcc-wizard-card .smcc-module-actions .btn-generate-seo {
    border-color: rgba(250, 204, 21, 0.4);
    background: rgba(250, 204, 21, 0.08);
    color: #fde68a;
}

.smcc-wizard-card .smcc-module-actions .btn-generate-seo:hover {
    border-color: rgba(250, 204, 21, 0.55);
    box-shadow: 0 0 16px rgba(250, 204, 21, 0.15);
}

.smcc-wizard-card .smcc-module-actions .btn-publish-carousel,
.smcc-wizard-card .smcc-module-actions .btn-publish-story {
    border-color: rgba(0, 229, 255, 0.45);
    background: linear-gradient(145deg, rgba(0, 200, 255, 0.18), rgba(0, 120, 200, 0.1));
    color: #b8f8ff;
    box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.06) inset;
}

.smcc-wizard-card .smcc-module-actions .btn-publish-carousel:hover,
.smcc-wizard-card .smcc-module-actions .btn-publish-story:hover {
    border-color: rgba(0, 229, 255, 0.65);
    box-shadow: 0 0 22px rgba(0, 229, 255, 0.25);
    color: #e0feff;
}

.smcc-wizard-card .smcc-module-actions .btn-publish-wa {
    border-color: rgba(37, 211, 102, 0.45);
    background: rgba(37, 211, 102, 0.1);
    color: #86efac;
}

.smcc-wizard-card .smcc-module-actions .btn-publish-wa:hover {
    border-color: rgba(37, 211, 102, 0.65);
    box-shadow: 0 0 18px rgba(37, 211, 102, 0.2);
}

.smcc-wizard-card .smcc-module-actions .btn-download,
.smcc-wizard-card .smcc-module-actions .btn-download-story,
.smcc-wizard-card .smcc-module-actions .btn-download-pdf {
    border-color: rgba(52, 211, 153, 0.35);
    background: rgba(52, 211, 153, 0.08);
    color: #a7f3d0;
}

.smcc-wizard-card .smcc-module-actions .btn-download:hover,
.smcc-wizard-card .smcc-module-actions .btn-download-story:hover,
.smcc-wizard-card .smcc-module-actions .btn-download-pdf:hover {
    background: rgba(52, 211, 153, 0.16);
}

.smcc-publish-icons {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.smcc-publish-icons .fab {
    font-size: 15px;
    line-height: 1;
}

.smcc-ico-ig {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 4px rgba(225, 48, 108, 0.35));
}

.smcc-ico-fb {
    color: #1877f2;
}

.smcc-ico-x {
    color: #fff;
}

.smcc-ico-in {
    color: #0a66c2;
}

.smcc-wa-icon .fab {
    font-size: 18px;
    color: #25d366;
}

.smcc-btn-action-label {
    flex: 1;
    min-width: 0;
}

.smcc-schedule-lock-wrap {
    position: relative;
    display: inline-flex;
    flex: 1 1 140px;
    min-width: 120px;
    align-items: stretch;
    justify-content: center;
}

.smcc-schedule-lock-wrap .btn-action.btn-schedule.locked-feature {
    width: 100%;
}

.smcc-carousel-track-wrap {
    margin-top: 24px;
    overflow-x: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
}

.smcc-carousel-track {
    display: flex;
    gap: 16px;
    min-width: min-content;
}

.smcc-slide-card {
    flex: 0 0 200px;
    width: 200px;
    background: rgba(11, 17, 32, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.smcc-slide-visual {
    position: relative;
    flex: 0 0 auto;
    aspect-ratio: 4 / 5;
    background: #020617;
}

/* Konu metni yokken fotoğraf alanı daha yüksek kullanılır (6. dönüşüm slaytı hariç) */
.smcc-slide-card:not(.smcc-slide-card--conversion):has(.smcc-slide-caption--empty) .smcc-slide-visual {
    flex: 1 1 auto;
    aspect-ratio: 3 / 4;
    min-height: 0;
}

/* Carousel — 6. slayt: yalnızca lead QR + CTA (ilan görsellerinden ayrı) */
.smcc-slide-card--conversion .smcc-slide-caption-wrap--conversion-sentinel {
    display: none !important;
}

.smcc-slide-visual--conversion {
    flex: 1 1 auto;
    aspect-ratio: 4 / 5;
    min-height: 0;
    background: linear-gradient(160deg, #0b1224 0%, #1e293b 48%, #0a0f1f 100%);
}

.smcc-carousel-conversion-stack {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 10px 46px;
    box-sizing: border-box;
    min-height: 0;
    width: 100%;
}

.smcc-carousel-conversion-qr-host {
    width: 118px;
    height: 118px;
    padding: 6px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.smcc-carousel-conversion-qr-host canvas,
.smcc-carousel-conversion-qr-host img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
}

.smcc-carousel-conversion-qr-host table {
    display: block;
    max-width: 100%;
    border-collapse: collapse;
}

.smcc-carousel-conversion-cta {
    margin: 0;
    padding: 0 8px;
    text-align: center;
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.02em;
    color: #e2e8f0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
    max-width: 96%;
}

#smcc-carousel-track .smcc-slide-card--conversion .smcc-slide-brand--conversion-logo-only {
    transform: none;
    transform-origin: bottom center;
    padding: 0 8px 7px;
}

.smcc-slide-brand--conversion-logo-only .emlakchi-carousel-slide-brand-inner--conversion-logo-only {
    background: rgba(15, 23, 42, 0.55) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
}

/* Story — lead QR (üst köşe); alt bant / kartvizite dokunulmaz */
.smcc-story-stage--dijital .smcc-story-lead-qr-wrap {
    position: absolute;
    top: max(2.5%, 10px);
    right: max(2.5%, 10px);
    left: auto;
    z-index: 28;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: min(34%, 7.5rem);
}

.smcc-story-stage--dijital .smcc-story-lead-qr-panel {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.72);
    border-radius: 12px;
    padding: 8px 10px 10px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.65);
    box-sizing: border-box;
}

.smcc-story-stage--dijital .smcc-story-lead-qr-host {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    padding: 3px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smcc-story-stage--dijital .smcc-story-lead-qr-host canvas,
.smcc-story-stage--dijital .smcc-story-lead-qr-host img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
}

.smcc-story-stage--dijital .smcc-story-lead-qr-host table {
    display: block;
    max-width: 100%;
    border-collapse: collapse;
}

.smcc-story-stage--dijital .smcc-story-lead-qr-hint {
    margin: 7px 0 0;
    padding: 0;
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
    font-size: clamp(0.52rem, 2.65cqw, 0.66rem);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.01em;
    color: #1e293b;
    text-align: center;
    max-width: 11rem;
}

.smcc-story-stage--dijital .smcc-story-lead-qr-wrap.smcc-story-lead-qr-wrap--idle {
    opacity: 0.82;
}

.smcc-slide-brand {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    max-width: 100%;
    padding: 0 6px 8px;
    box-sizing: border-box;
    z-index: 4;
    pointer-events: none;
}

/* Carousel kartvizit: %80 ölçek, konum aynı */
#smcc-carousel-track .smcc-slide-brand {
    transform: scale(0.8);
    transform-origin: bottom center;
    padding: 0 6px 6px;
}

/* Eski tam genişlik footer — kartvizit artık her slaytta; alan gizli */
.smcc-carousel-brand-footer {
    display: none !important;
    width: 100%;
    margin-top: 0;
    box-sizing: border-box;
}

/* Portföy A4 — nihai: sıkı dikey mizanpaj, 210:297 önizleme, altta vitrin grid */
.smcc-portfolio-a4--nihai {
    align-items: stretch;
}

.smcc-portfolio-a4.smcc-pdf-a4-master {
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 210 / 297;
    box-sizing: border-box;
    padding: 6px 9px;
    gap: 2px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    color: #57534e;
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
    font-family: 'Outfit', sans-serif;
    overflow: hidden;
    min-height: 0;
}

/* A4 kart: saf beyaz zemin (yüksek kontrast / stabil render) */
.smcc-pdf-a4-white.smcc-pdf-a4-master {
    background: #ffffff;
}

/* Dijital Lansman: sayfa altında marka / destek satırı (EMLAKCHI, emlakchi.app) gizli — yasal linkler kalır */
.dijital-lansman-page .site-footer .footer-brand-logo,
.dijital-lansman-page .site-footer .footer-support-inline {
    display: none !important;
}

/* ─── Dijital Lansman: Profesyonel portföy üst bölüm (legend + Emlakchi + QR) ─── */
.smcc-pdf-a4--dijital {
    --emlakchi-dl-coldwell-blue: #003da6;
    --emlakchi-dl-coldwell-gold: #a89968;
    --emlakchi-dl-era-red: #c8102e;
    --emlakchi-dl-era-slate: #1e293b;
    --emlakchi-dl-kw-red: #b40101;
    --emlakchi-dl-kw-black: #0f0f0f;
}

.smcc-pdf-a4-topblock--dl {
    flex-shrink: 0;
    width: 100%;
    border-bottom: none;
    margin-bottom: 2px;
    padding-bottom: 0;
    box-sizing: border-box;
}

.portfolio-card-legend {
    position: relative;
    width: 100%;
    margin: 0 0 4px;
    min-height: 12px;
}

.portfolio-card-legend__line {
    display: block;
    height: 0;
    margin: 10px 0 0;
    border: 0;
    border-top: 1px solid rgba(15, 23, 42, 0.2);
    padding: 0;
    background: transparent;
}

.agency-name-wrapper {
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translateX(-50%);
    background: #fff;
    padding: 0 10px;
    z-index: 2;
    max-width: min(88%, 280px);
    text-align: center;
    box-sizing: border-box;
}

.smcc-pdf-agency-name {
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0f172a;
    margin: 0;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
}

/* Kurumsal: RE/MAX — mavi metin, kırmızı ayraç */
.smcc-pdf-a4--dijital.brand-remax .smcc-pdf-agency-name {
    color: #0054a6;
    letter-spacing: 0.1em;
}

.smcc-pdf-a4--dijital.brand-remax .smcc-pdf-agency-split {
    color: #ed1c24;
    font-weight: 900;
    padding: 0 0.12em;
}

/* Coldwell Banker */
.smcc-pdf-a4--dijital.brand-coldwell .smcc-pdf-agency-name {
    color: var(--emlakchi-dl-coldwell-blue);
    letter-spacing: 0.08em;
}

.smcc-pdf-a4--dijital.brand-coldwell .smcc-pdf-agency-split {
    color: var(--emlakchi-dl-coldwell-gold);
}

/* ERA */
.smcc-pdf-a4--dijital.brand-era .smcc-pdf-agency-name {
    color: var(--emlakchi-dl-era-slate);
}

.smcc-pdf-a4--dijital.brand-era .smcc-pdf-agency-split {
    color: var(--emlakchi-dl-era-red);
}

/* Keller Williams */
.smcc-pdf-a4--dijital.brand-kw .smcc-pdf-agency-name {
    color: var(--emlakchi-dl-kw-black);
    letter-spacing: 0.06em;
}

.smcc-pdf-a4--dijital.brand-kw .smcc-pdf-agency-split {
    color: var(--emlakchi-dl-kw-red);
}

/* Üst satır: sağda QR (Emlakchi / portföy satırı kaldırıldı); dijital kartta taşmayı önler */
.portfolio-card-header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: nowrap;
    padding: 0 0 4px;
    margin: 0;
    min-height: 0;
}

.portfolio-card-header .qr-container {
    display: block;
    width: 95px;
    height: 95px;
    margin-left: auto;
    flex-shrink: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.portfolio-card-header .qr-container canvas,
.portfolio-card-header .qr-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    display: block;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.smcc-pdf-card-title-row--dl {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin: 0 0 4px;
    min-height: 0;
}

.smcc-pdf-layer-title--dl-with-qr {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    align-self: center;
}

/* Dijital A4: aynı köşe kapsayıcı — üstteki .portfolio-card-header .qr-container kuralları geçerli */
.smcc-pdf-a4--dijital.portfolio-card-header .qr-container,
.smcc-pdf-a4--dijital .portfolio-card-header .qr-container,
.smcc-pdf-a4--dijital .qr-container {
    display: block;
    width: 95px !important;
    height: 95px !important;
    max-width: 95px !important;
    margin-left: auto !important;
    margin-right: 12px !important;
    flex-shrink: 0;
    overflow: hidden;
    padding: 2px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 0;
    align-self: center;
}

.smcc-pdf-a4--dijital .portfolio-card-header .qr-container canvas,
.smcc-pdf-a4--dijital .portfolio-card-header .qr-container img,
.smcc-pdf-a4--dijital .qr-container canvas,
.smcc-pdf-a4--dijital .qr-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.smcc-pdf-a4--dijital .qr-container img {
    border: 2px solid #fff !important;
    box-sizing: border-box !important;
    margin: 0 auto;
}

#qr-container-dl #qr-code-placeholder.smcc-pdf-qr-canvas {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border: none !important;
    box-shadow: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#qr-container-dl #qr-code-placeholder.smcc-pdf-qr-canvas.is-empty {
    min-width: 91px;
    min-height: 91px;
    width: 95px;
    height: 95px;
    border: 1px solid rgba(15, 23, 42, 0.2) !important;
    border-radius: 4px;
    box-sizing: border-box;
}

#qr-container-dl #qr-code-placeholder.is-empty .smcc-pdf-a4-qr-placeholder-text {
    color: #64748b;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

/* Lansman başlatılmadan: taranabilir QR yok — bilgi metni + silik kare desen */
#qr-container-dl #qr-code-placeholder.smcc-pdf-qr-canvas.smcc-pdf-a4-qr-placeholder--prelaunch {
    position: relative;
    min-width: 95px;
    min-height: 95px;
    width: 95px;
    height: auto;
    max-width: 100%;
    padding: 8px 6px !important;
    border: 1px dashed rgba(100, 116, 139, 0.55) !important;
    border-radius: 6px;
    background: linear-gradient(160deg, #f8fafc 0%, #e2e8f0 55%, #f1f5f9 100%) !important;
    box-sizing: border-box;
    overflow: hidden !important;
}

#qr-container-dl #qr-code-placeholder.smcc-pdf-a4-qr-placeholder--prelaunch::before {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 28px;
    border-radius: 3px;
    opacity: 0.22;
    filter: blur(0.45px);
    pointer-events: none;
    background-image:
        repeating-linear-gradient(
            90deg,
            #94a3b8 0,
            #94a3b8 2px,
            transparent 2px,
            transparent 5px
        ),
        repeating-linear-gradient(
            0deg,
            #94a3b8 0,
            #94a3b8 2px,
            transparent 2px,
            transparent 5px
        );
}

#qr-container-dl #qr-code-placeholder .smcc-pdf-a4-qr-placeholder-prelaunch-text {
    position: relative;
    z-index: 1;
    color: #475569;
    font-size: 0.58rem;
    line-height: 1.28;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 2px;
}

/* Diğer sayfalar (ör. sosyal-medya): tek #qr-code-placeholder */
#qr-code-placeholder.smcc-pdf-qr-canvas {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    border: none !important;
    box-shadow: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
}

#qr-code-placeholder.smcc-pdf-qr-canvas.is-empty {
    min-width: 60px;
    min-height: 60px;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(15, 23, 42, 0.2) !important;
    border-radius: 4px;
    box-sizing: border-box;
}

#qr-code-placeholder.is-empty .smcc-pdf-a4-qr-placeholder-text {
    color: #64748b;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

/* Eski: tek başına üst bölüm (sosyal / geriye uyum) */
.smcc-pdf-a4-topblock {
    flex-shrink: 0;
    width: 100%;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12);
    margin-bottom: 2px;
    padding-bottom: 2px;
}

.smcc-pdf-a4-office-row {
    text-align: center;
    width: 100%;
    margin: 0 0 4px;
    min-height: 0;
    padding: 0 2px;
}

.smcc-pdf-a4-office-name {
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #0f172a;
    margin: 0;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.smcc-pdf-a4-header--qr-only {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 6px;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.smcc-pdf-a4-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6px;
    padding-bottom: 1px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(161, 98, 7, 0.22);
    flex-shrink: 0;
}

/* Premium altın marka başlığı (beyaz zemin) */
.smcc-pdf-a4-brand-title {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #ca8a04;
    margin: 0;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.smcc-pdf-a4-qr-wrap {
    text-align: center;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*
 * Sağ üst QR: boyut HTML inline 72px kilitli; bg-white, border yok (çerçeve yok).
 */
.smcc-pdf-a4-qr-placeholder {
    box-sizing: border-box;
    margin: 0 0 9px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    background: #fff;
    border: none !important;
    outline: none;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.smcc-pdf-a4-qr-placeholder-text {
    font-family: 'Outfit', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #f59e0b;
    line-height: 1;
}

/* Tek görünür grafik: canvas/img — 256 iç üretim, portföy kutusunda net ölçek */
#qr-code-placeholder canvas,
#qr-code-placeholder img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain;
    margin: 0 auto !important;
    flex-shrink: 0;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

#qr-code-placeholder table {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Portföy başlığı — marka altın tonu, zarif ağırlık */
.smcc-pdf-layer-title {
    font-family: 'Outfit', sans-serif;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.15;
    margin: 0;
    color: #a16207;
    letter-spacing: -0.02em;
    flex-shrink: 0;
}

.smcc-pdf-layer-specs {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 auto;
    flex-shrink: 1;
    min-height: 0;
    overflow: hidden;
}

.smcc-pdf-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 6px;
    font-size: 0.7rem;
    margin-bottom: 0;
}

.smcc-pdf-specs-grid .smcc-pdf-k {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    line-height: 1.1;
}

.smcc-pdf-specs-grid .smcc-pdf-v {
    display: block;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    color: #a16207;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.smcc-pdf-price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 3px;
    font-size: 0.72rem;
}

.smcc-pdf-price-row .smcc-pdf-k {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.smcc-pdf-price-val {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    color: #a16207;
    letter-spacing: -0.02em;
}

.smcc-pdf-features-box {
    font-size: 0.65rem;
    line-height: 1.2;
    margin-top: 3px;
    padding-top: 2px;
    border-top: 1px solid rgba(161, 98, 7, 0.14);
}

.smcc-pdf-features-label {
    display: block;
    font-size: 0.56rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0;
}

/* Ek özellik rozetleri (Dijital Lansman portföy kartı) */
.features-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.feature-badge {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 6px 14px;
    background: rgba(0, 0, 0, 0.05);
    border-left: 4px solid #94a3b8;
    border-radius: 4px;
    color: #333;
    line-height: 1.25;
    letter-spacing: 0.02em;
    box-sizing: border-box;
    max-width: 100%;
    word-wrap: break-word;
}

.smcc-pdf-a4--dijital.brand-remax .feature-badge,
.smcc-pdf-a4--dijital.brand-remax .smcc-pdf-features-wrapper .feature-badge {
    border-left-color: #0054a6;
}

/* Dijital Lansman PDF: ek özellik rozetleri — serif tipografi; kelime başı JS titleCaseTr ile */
.smcc-pdf-a4--dijital .smcc-pdf-features-wrapper .feature-badge {
    font-family: 'Source Serif 4', 'Libre Baskerville', Georgia, 'Times New Roman', serif;
    font-size: 0.56rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.4;
    padding: 4px 10px;
    text-transform: none;
    font-variant-numeric: proportional-nums;
}

.smcc-pdf-features-ul {
    margin: 0;
    padding-left: 0.85em;
}

.smcc-pdf-features-ul li {
    margin: 0;
    line-height: 1.2;
}

.emlakchi-nihai-brand-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-shrink: 0;
}

.emlakchi-carousel-slide-brand-inner--nihai-compact {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.smcc-pdf-contact-cta {
    margin-top: 8px;
    text-align: center;
    flex-shrink: 0;
}

.smcc-pdf-contact-heading {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
    margin: 0 0 4px;
}

.smcc-pdf-contact-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.smcc-pdf-contact-wa-btn {
    padding: 4px 10px !important;
    font-size: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.smcc-pdf-contact-wa-btn i {
    font-size: 12px !important;
}

/* Kremsi A4 — alt şerit: danışman + WhatsApp tek blok (yanyana kompakt) */
.smcc-pdf-bottom-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 0.65rem;
    padding: 0.65rem 0.85rem;
    background: #1a1a24;
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    flex-shrink: 0;
    box-sizing: border-box;
    gap: 10px;
}

.smcc-pdf-bottom-bar__advisor {
    flex: 1 1 auto;
    min-width: 0;
}

.smcc-pdf-bottom-bar__wa-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
    flex-shrink: 0;
}

.smcc-pdf-bottom-bar__cta-label {
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(255, 255, 255, 0.78);
    margin: 0;
    line-height: 1.2;
}

.smcc-pdf-bottom-bar .emlakchi-nihai-brand-wrap {
    width: 100%;
    justify-content: flex-start;
}

.smcc-pdf-bottom-bar .emlakchi-carousel-slide-brand-inner--nihai-fullbleed.emlakchi-carousel-slide-brand-inner--portfolyo-pdf {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100%;
    justify-content: flex-start !important;
}

.smcc-pdf-bottom-bar .emlakchi-carousel-slide-brand-inner--nihai-compact {
    gap: 10px !important;
}

.smcc-pdf-bottom-bar__wa {
    padding: 8px 14px !important;
    font-size: 11px !important;
}

/* Alt şerit kartvizit: inline stilleri ezen premium altın / krem tonları */
.smcc-pdf-bottom-bar .emlakchi-brand-line--name {
    color: #fde68a !important;
    text-shadow: none !important;
}

.smcc-pdf-bottom-bar .emlakchi-brand-line--office {
    color: rgba(253, 224, 171, 0.92) !important;
}

.smcc-pdf-bottom-bar .emlakchi-brand-line--phone {
    color: #fcd34d !important;
}

.smcc-pdf-a4-master .smcc-pdf-vitrin-placeholder {
    font-weight: 600;
    color: #a16207;
}

.smcc-pdf-a4-foot {
    margin-top: 0;
    padding-top: 1px;
    font-size: 0.55rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #94a3b8;
    text-align: center;
    flex-shrink: 0;
}

.smcc-portfolio-a4-vitrin {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 4px;
    align-content: end;
}

.smcc-portfolio-a4-vitrin--triple {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    width: 100%;
    margin-top: 0.45rem;
    flex: 1 1 auto;
    min-height: 0;
    align-content: start;
}

.smcc-pdf-vitrin-frame {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-sizing: border-box;
    background: #e2e8f0 center / cover no-repeat;
}

.smcc-pdf-vitrin-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
    z-index: 1;
}

.smcc-pdf-vitrin-placeholder {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: inherit;
    font-size: 0.62rem;
    font-weight: 700;
    color: #64748b;
    text-align: center;
    pointer-events: none;
}

.smcc-pdf-vitrin-x {
    z-index: 3;
}

.smcc-pdf-vitrin-hero {
    grid-column: 1 / -1;
    aspect-ratio: 16 / 9;
    max-height: 96px;
    min-height: 0;
    background-size: cover !important;
    background-position: center !important;
}

.smcc-pdf-vitrin-cell,
.smcc-pdf-thumb-cell {
    aspect-ratio: 4 / 3;
    max-height: 72px;
    min-height: 0;
    background-size: cover !important;
    background-position: center !important;
}

.smcc-pdf-vitrin-triple-cell {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 0.5rem;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    background: #e2e8f0 center / cover no-repeat;
    min-height: 0;
    max-height: none;
}

.smcc-portfolio-a4-vitrin--triple .smcc-pdf-triple-img {
    border-radius: 0.45rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.smcc-pdf-slot-main {
    background-size: cover !important;
    background-position: center !important;
}

/* Kartvizit: tam genişlik, görsel üzeri değil */
.smcc-pdf-brand-slot.smcc-pdf-brand-slot--nihai {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    z-index: 1;
    width: 100%;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    box-sizing: border-box;
}

.emlakchi-carousel-slide-brand-inner--nihai-fullbleed.emlakchi-carousel-slide-brand-inner--portfolyo-pdf {
    background: rgba(15, 23, 42, 0.82) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-top: 1px solid rgba(148, 163, 184, 0.22) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
    padding: 8px 10px !important;
}

/* Lead WhatsApp mührü — vektör hissi, net kenar (kartvizit içi) */
.smcc-pdf-brand-wa {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 9999px;
    border: 1px solid rgba(16, 185, 129, 0.85);
    color: #6ee7b7;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.2;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    background: rgba(6, 78, 59, 0.35);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.smcc-pdf-brand-wa i {
    font-size: 14px;
    color: #34d399;
}

.smcc-pdf-brand-wa:hover {
    color: #ecfdf5;
    border-color: #34d399;
    background: rgba(6, 95, 70, 0.45);
}

.emlakchi-carousel-slide-brand-inner--portfolyo-pdf:not(.emlakchi-carousel-slide-brand-inner--nihai-fullbleed) {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 10px !important;
    gap: 6px !important;
    background: rgba(15, 23, 42, 0.82) !important;
    border-radius: 0 0 12px 12px !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-top: none !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

/* Portföy kartvizit (nihai dışı): daha byük tip */
.smcc-pdf-brand-slot .emlakchi-carousel-slide-brand-inner--portfolyo-pdf:not(.emlakchi-carousel-slide-brand-inner--nihai-compact) .emlakchi-brand-line--name {
    font-size: 1.125rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.smcc-pdf-brand-slot .emlakchi-carousel-slide-brand-inner--portfolyo-pdf:not(.emlakchi-carousel-slide-brand-inner--nihai-compact) .emlakchi-brand-line--office,
.smcc-pdf-brand-slot .emlakchi-carousel-slide-brand-inner--portfolyo-pdf:not(.emlakchi-carousel-slide-brand-inner--nihai-compact) .emlakchi-brand-line--phone {
    font-size: 0.875rem !important;
    line-height: 1.25 !important;
    margin-top: 2px !important;
}

.smcc-pdf-brand-slot .emlakchi-carousel-slide-brand-inner--portfolyo-pdf:not(.emlakchi-carousel-slide-brand-inner--nihai-compact) .emlakchi-brand-avatar {
    width: 36px !important;
    height: 36px !important;
}

/* Nihai A4: kompakt satış kartviziti — leading-tight, 48px avatar */
.smcc-pdf-brand-slot .emlakchi-carousel-slide-brand-inner--nihai-compact .emlakchi-brand-line--name {
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

.smcc-pdf-brand-slot .emlakchi-carousel-slide-brand-inner--nihai-compact .emlakchi-brand-line--office,
.smcc-pdf-brand-slot .emlakchi-carousel-slide-brand-inner--nihai-compact .emlakchi-brand-line--phone {
    font-size: 8px !important;
    line-height: 1.15 !important;
    margin-top: 1px !important;
}

.smcc-pdf-brand-slot .emlakchi-carousel-slide-brand-inner--nihai-compact .emlakchi-brand-line--phone {
    font-size: 10px !important;
}

.smcc-pdf-brand-slot .emlakchi-carousel-slide-brand-inner--nihai-compact .emlakchi-brand-avatar {
    width: 48px !important;
    height: 48px !important;
}

.smcc-slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Slayt altı metin alanı: esnek yükseklik, sabit/max yükseklik yok */
.smcc-slide-caption-wrap {
    flex: 1 1 auto;
    width: 100%;
    min-height: 64px;
    height: auto;
    max-height: none;
    box-sizing: border-box;
    padding: 0.875rem 0.5rem;
    background: rgba(15, 23, 42, 0.72);
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.smcc-slide-caption-wrap:has(.smcc-slide-caption--empty) {
    display: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    flex: 0 0 0 !important;
    border: 0 !important;
}

.smcc-slide-caption {
    margin: 0;
    padding: 0 0 0.12em;
    font-size: 13px;
    line-height: 1.35;
    color: #94a3b8;
    min-height: 0;
    max-height: none;
    height: auto;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow-wrap: break-word;
    word-break: break-word;
    text-wrap: pretty;
}

/* HTML’deki yardımcı sınıflar (Tailwind eşdeğeri; sosyal-medya’da kullanılır) */
.smcc-slide-caption.text-xs {
    font-size: 13px;
}

.smcc-slide-caption.leading-tight {
    line-height: 1.35;
}

.smcc-slide-caption.leading-snug {
    line-height: 1.4;
}

.smcc-slide-caption.line-clamp-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.smcc-slide-caption.break-words {
    overflow-wrap: break-word;
    word-break: break-word;
}

.smcc-slide-caption.text-wrap {
    text-wrap: pretty;
}

.smcc-slide-caption.smcc-slide-caption--empty {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    -webkit-line-clamp: unset !important;
}

/* Story: [Metin][Foto][Logo] yatay mühür; Carousel ile aynı stil, ~%25 daha sıkı iç boşluk */
.smcc-story-stage .smcc-slide-brand {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    padding: 0 5px 6px;
    box-sizing: border-box;
}

.smcc-story-stage .emlakchi-carousel-slide-brand-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    width: auto !important;
    max-width: min(92%, 268px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.smcc-story-stage .emlakchi-carousel-slide-brand-inner>div:first-child {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 4px !important;
    text-align: left !important;
}

.smcc-story-stats-wrap {
    margin-bottom: 6px;
}

/* Dijital Lansman — Story: sol özellikler + alt orta oda/alan (premium) */
.smcc-story-stage--dijital {
    container-type: inline-size;
    container-name: dlstory;
}

/* Sol özellikler: tam yatayda sağa kadar (güvenli pay hariç); satırlar stretch = tek satır sağa kadar uzar */
.smcc-story-feat-stack {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    max-width: none;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    padding: 0 max(3.5%, 14px) 30% max(2.5%, 10px);
    box-sizing: border-box;
    pointer-events: none;
    gap: clamp(0.45rem, 1.4cqw, 0.9rem);
}

.smcc-story-feat-line {
    width: 100%;
    max-width: none;
    min-width: 0;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.smcc-story-feat-line--1 {
    padding-left: 0;
}

.smcc-story-feat-line--2 {
    margin-top: 0.15em;
    /* margin yok: geniş alan 100% kalsın; ofset sadece padding + transform */
    padding-left: 0.9rem;
    transform: translateX(0.2rem) rotate(-0.35deg);
}

.smc-story-feat-txt {
    display: block;
    width: 100%;
    max-width: none;
    text-align: start;
    font-family: 'Outfit', 'Manrope', 'Montserrat', system-ui, sans-serif;
    /* Önceki boyutun ~2x; uzun metinde cqw ile kısılır */
    font-size: clamp(0.85rem, 5.2cqw, 1.95rem);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #f8fafc;
    /* Ağır koyu kutu yok: ince halka + yumuşak gölve ile okunabilirlik */
    text-shadow:
        0 0 0.12em rgba(0, 0, 0, 0.55),
        0 0.06em 0.22em rgba(0, 0, 0, 0.45),
        0 0.12em 0.5em rgba(0, 0, 0, 0.35);
    /* Önce yatay dolana kadar tek satır; yalnızca taşmada sarma (kelime sınırı) */
    white-space: normal;
    word-break: keep-all; /* CJK: kelime bütünlüğü; Latin’de normal ile aynı, taşmada aşırı bölme yok */
    word-wrap: normal;
    overflow-wrap: normal;
    hyphens: none;
    -webkit-hyphens: none;
    /* Tek kelime tüm satırı aşarsa böl; normal durumda boşluklarda kır */
    line-break: auto;
}

/* Alt bant: solda vurucu 2 özellik, sağda oda • m² — kartvizit hizası (--dijital: sütun + üstte kapsül) */
.smcc-story-bottom-band {
    position: absolute;
    left: 0;
    right: 0;
    bottom: clamp(4.15rem, 12cqw, 5.4rem);
    z-index: 3;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: clamp(0.5rem, 2cqw, 1rem);
    padding: 0 max(2.5%, 10px) 0 max(3%, 12px);
    box-sizing: border-box;
    pointer-events: none;
}

.smcc-story-stage--dijital .smcc-story-bottom-band {
    position: absolute;
    inset: 0;
    z-index: 35;
    pointer-events: none;
    display: block;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}

.smcc-story-stage--dijital .story-dynamic-stack {
    position: absolute;
    bottom: 82px;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    z-index: 40;
    pointer-events: none;
    box-sizing: border-box;
}

.smcc-story-stage--dijital .story-capsule-wrap,
.smcc-story-stage--dijital .story-overlay-highlights,
.smcc-story-stage--dijital .smcc-story-bottom-highlights {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    width: auto;
    max-width: min(94%, 19rem);
    pointer-events: none !important;
}

/* Kapsül (oda/bölüm + m²) tek satır; "m²" alt satıra düşmesin */
.smcc-story-stage--dijital .story-dynamic-stack .story-capsule-wrap.smcc-story-bottom-specs--capsule,
.smcc-story-stage--dijital .smcc-story-bottom-specs.smcc-story-bottom-specs--capsule.story-capsule-wrap {
    flex-shrink: 0;
    max-width: min(94%, 98vw);
}

.smcc-story-stage--dijital .story-dynamic-stack #preview-story-specs.preview-story-specs-el,
.smcc-story-stage--dijital .story-dynamic-stack .preview-story-specs-el,
.smcc-story-stage--dijital .smcc-story-bottom-specs--capsule #preview-story-specs {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
    min-width: max-content;
    width: auto !important;
    max-width: none !important;
    pointer-events: none !important;
}

.smcc-story-stage--dijital .story-overlay-highlights,
.smcc-story-stage--dijital .smcc-story-bottom-highlights {
    width: 100%;
    max-width: min(94%, 19rem);
}

.smcc-story-stage--dijital #preview-story-specs.smcc-story-bottom-specs__txt {
    text-align: center;
}

.smcc-story-stage--dijital .story-dynamic-highlights-root {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    text-align: center;
}

.smcc-story-stage--dijital .smcc-story-dynamic-hl-row {
    margin-bottom: 5px;
}

.smcc-story-stage--dijital .smcc-story-dynamic-hl-row:last-child {
    margin-bottom: 0;
}

.smcc-story-stage--dijital .smcc-story-hl-txt.story-hl-dynamic {
    font-size: clamp(0.88rem, 3.1cqw, 1.12rem) !important;
    line-height: 1.3;
}

.smcc-story-stage--dijital .smcc-story-hl-txt.story-hl-dynamic::before {
    content: none !important;
}

/* Portföy QR: canvas kütüphane çıktısı — asla gizlenmez (flex placeholder içinde blok) */
.smcc-pdf-a4--dijital .portfolio-card-header .qr-container canvas,
.smcc-pdf-a4--dijital .qr-container canvas,
.portfolio-card-header .qr-container canvas {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ── Dijital Lansman: görsel seçim yüzeyi (Story img altta kalsın ki metin okunabilir kalsın) ── */
body.dijital-lansman-page .smcc-story-stage.smcc-story-stage--dijital img.smcc-story-img {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 1;
}

body.dijital-lansman-page #smcc-carousel-track .smcc-slide-visual {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
}

body.dijital-lansman-page #smcc-carousel-track .smcc-slide-img {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 1;
}

/* Kartvizit, görsel katmanının üstünde (profil/HTML app.js ile dolar) */
body.dijital-lansman-page #smcc-carousel-track .smcc-slide-brand {
    z-index: 8 !important;
}

body.dijital-lansman-page #master-a4-wrapper .smcc-portfolio-a4-vitrin .smcc-pdf-vitrin-frame,
body.dijital-lansman-page #master-a4-wrapper .smcc-pdf-vitrin-triple-cell {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 20;
}

body.dijital-lansman-page #master-a4-wrapper .smcc-pdf-vitrin-x {
    pointer-events: auto !important;
    z-index: 30;
    position: absolute;
}

.dijital-lansman-page .dl-slot-board .dl-img-slot[data-dl-slot] {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: auto;
}

.smcc-story-bottom-specs.smcc-story-bottom-specs--capsule {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    min-width: max-content;
    width: auto;
}

.smcc-story-bottom-specs__txt br {
    display: none;
}

.smcc-story-bottom-highlights {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.28rem;
    text-align: left;
}

.smcc-story-hl-line {
    max-width: 100%;
}

.smcc-story-hl-line--2 {
    margin-left: 15px;
}

.smcc-story-stage--dijital .smcc-story-hl-line--2 {
    margin-left: 0;
}

.smcc-story-hl-txt {
    display: inline-block;
    max-width: 100%;
    font-family: 'Outfit', 'Manrope', 'Montserrat', system-ui, sans-serif;
    font-size: clamp(1.04rem, 3.7cqw, 1.4rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #f8fafc;
    line-height: 1.25;
    text-shadow:
        0 0 0.1em rgba(0, 0, 0, 0.55),
        0 0.06em 0.18em rgba(0, 0, 0, 0.45);
    padding: 0.32em 0.65em 0.34em;
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.32) 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.35);
}

.smcc-story-hl-txt::before {
    content: '✦ ';
    opacity: 0.95;
    font-weight: 800;
    margin-right: 0.15em;
}

.smcc-story-bottom-specs {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
}

/* Diğer sayfalar (sosyal-medya vb.): alt orta oda/alan — mutlak konum */
.smcc-story-stage:not(.smcc-story-stage--dijital) .smcc-story-bottom-specs {
    position: absolute;
    left: 0;
    right: 0;
    bottom: clamp(4.15rem, 12cqw, 5.4rem);
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4%;
    box-sizing: border-box;
    pointer-events: none;
    text-align: center;
}

.smcc-story-stage--dijital .smcc-story-feat-stack {
    display: none !important;
}

.smcc-story-bottom-specs__txt {
    display: inline-block;
    max-width: 94%;
    font-family: 'Outfit', 'Manrope', 'Montserrat', system-ui, sans-serif;
    font-size: clamp(0.6rem, 2.1cqw, 0.78rem);
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: none;
    color: #f1f5f9;
    line-height: 1.35;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85), 0 0 18px rgba(0, 0, 0, 0.6);
    padding: 0.4em 0.9em 0.42em;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.28) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(8px) saturate(1.1);
    backdrop-filter: blur(8px) saturate(1.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.smcc-story-stats-inner {
    transform: translateY(-10px);
}

.smcc-story-layout {
    display: grid;
    grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

@media (max-width: 900px) {
    .smcc-story-layout {
        grid-template-columns: 1fr;
    }

    .smcc-wizard-head .smcc-video-quota {
        margin-left: 0;
        width: 100%;
    }
}

.smcc-story-preview-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.smcc-story-stage {
    position: relative;
    width: 100%;
    max-width: 320px;
    aspect-ratio: 9 / 16;
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid rgba(0, 229, 255, 0.2);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
    background: #0b1120;
}

.smcc-story-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.smcc-overlay-ai {
    position: absolute;
    left: 12px;
    right: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.35;
    color: #0f172a;
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.95), rgba(56, 189, 248, 0.88));
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    text-align: center;
}

.smcc-overlay--top {
    top: 14px;
    bottom: auto;
}

.smcc-overlay--bottom {
    bottom: 14px;
    top: auto;
}

.smcc-pdf-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

@media (max-width: 960px) {
    .smcc-pdf-grid {
        grid-template-columns: 1fr;
    }
}

.smcc-pdf-pick {
    width: 100%;
    justify-content: center;
}

.smcc-a4-shell {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.smcc-a4-preview {
    width: 100%;
    max-width: 460px;
    min-height: 320px;
    background: #fff;
    color: #0f172a;
    border-radius: 8px;
    padding: 14px 16px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    font-family: 'Outfit', sans-serif;
    overflow: hidden;
}

.smcc-a4-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1.5px solid #00e5ff;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.smcc-a4-brand {
    font-size: 1.1rem;
    font-weight: 800;
    color: #00b8d4;
    letter-spacing: -0.03em;
}

.smcc-a4-qr {
    width: 52px;
    height: 52px;
    border: 2px dashed #94a3b8;
    font-size: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #64748b;
    line-height: 1.2;
    border-radius: 6px;
}

.smcc-a4-body {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    min-height: 0;
}

.smcc-a4-photo {
    width: 100%;
    height: 100%;
    min-height: 120px;
    object-fit: cover;
    border-radius: 6px;
    background: #e2e8f0;
}

.smcc-a4-title {
    margin: 0 0 8px;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.25;
}

.smcc-a4-dl {
    margin: 0;
    font-size: 0.72rem;
}

.smcc-a4-dl dt {
    color: #64748b;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 6px;
}

.smcc-a4-dl dd {
    margin: 2px 0 0;
    font-weight: 600;
    font-size: 0.78rem;
    color: #0f172a;
}

.smcc-a4-foot {
    margin-top: auto;
    padding-top: 10px;
    font-size: 0.55rem;
    color: #94a3b8;
    text-align: center;
}

.smcc-video-quota {
    text-align: right;
    padding: 10px 16px;
    border-radius: 14px;
    background: rgba(250, 204, 21, 0.1);
    border: 1px solid rgba(250, 204, 21, 0.22);
}

.smcc-video-quota--cyan {
    background: rgba(0, 229, 255, 0.08);
    border-color: rgba(0, 229, 255, 0.28);
}

.smcc-video-quota--cyan .smcc-quota-label {
    color: #22d3ee;
}

.smcc-video-quota--cyan .smcc-quota-value {
    color: var(--accent-primary);
    text-shadow: 0 0 14px rgba(0, 229, 255, 0.45);
}

.smcc-quota-label {
    display: block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #ca8a04;
}

.smcc-quota-value {
    font-size: 1.75rem;
    font-weight: 800;
    color: #FACC15;
    line-height: 1.1;
}

.smcc-spin {
    animation: smcc-spin 0.9s linear infinite;
}

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

.smcc-toast {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 10050;
    max-width: 320px;
    padding: 14px 18px;
    background: rgba(15, 23, 42, 0.95);
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 14px;
    color: #e2e8f0;
    font-size: 0.88rem;
    font-weight: 600;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.35s ease, transform 0.35s ease;
    pointer-events: none;
}

.smcc-toast--show {
    opacity: 1;
    transform: translateY(0);
}

/* --- Kurumsal: kullanım özeti, hukuki footer, paket butonları --- */

body.theme-neon .main-content {
    animation: emlakchi-page-fade-in 0.55s ease-out both;
}

@keyframes emlakchi-page-fade-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.theme-neon {
    padding-bottom: 56px;
}

.legal-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 12px 16px;
    background: rgba(11, 17, 32, 0.92);
    border-top: 1px solid rgba(0, 229, 255, 0.12);
    backdrop-filter: blur(12px);
    font-size: 0.8rem;
    color: #94a3b8;
}

.legal-footer-brand {
    font-weight: 600;
    color: #cbd5e1;
}

.legal-footer-link {
    background: none;
    border: none;
    color: var(--accent-primary);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.legal-footer-link:hover {
    color: #7df4ff;
}

.terms-modal {
    position: fixed;
    inset: 0;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.terms-modal--open {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.terms-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(6px);
    opacity: 0;
    transition: opacity 0.35s ease;
}

.terms-modal--open .terms-modal__backdrop {
    opacity: 1;
}

.terms-modal__panel {
    position: relative;
    max-width: 520px;
    width: 100%;
    max-height: min(80vh, 560px);
    overflow: auto;
    padding: 28px 26px 24px;
    border-radius: 20px;
    background: linear-gradient(165deg, rgba(15, 23, 42, 0.98) 0%, rgba(11, 17, 32, 0.98) 100%);
    border: 1px solid rgba(0, 229, 255, 0.22);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    transform: translateY(16px) scale(0.98);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
}

.terms-modal--open .terms-modal__panel {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.terms-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(15, 23, 42, 0.8);
    color: #e2e8f0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-modal__title {
    font-size: 1.35rem;
    font-weight: 800;
    margin-bottom: 14px;
    letter-spacing: -0.02em;
}

.terms-modal__body {
    color: #cbd5e1;
    font-size: 0.92rem;
    line-height: 1.55;
}

.terms-modal__body ul {
    margin: 14px 0 0 18px;
}

.terms-modal__body li {
    margin-bottom: 10px;
}

body.terms-modal-active {
    overflow: hidden;
}

.usage-summary-card {
    margin-bottom: 28px;
    padding: 22px 24px;
    border-radius: var(--radius-md);
    background: rgba(15, 23, 42, 0.65);
    border: 1px solid rgba(0, 229, 255, 0.14);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.usage-summary-card__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
}

.usage-summary-card__icon {
    font-size: 28px;
    color: var(--accent-primary);
    filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.45));
}

.usage-summary-card__title {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.usage-summary-card__hint {
    font-size: 0.82rem;
    color: #94a3b8;
    margin-top: 4px;
}

.usage-summary-row__label {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
    margin-bottom: 8px;
}

.usage-summary-row__nums {
    font-size: 1.5rem;
    font-weight: 800;
    color: #f1f5f9;
    margin-bottom: 10px;
}

.usage-summary-row__nums .usage-used {
    color: var(--accent-primary);
    text-shadow: 0 0 18px rgba(0, 229, 255, 0.35);
}

.usage-progress {
    height: 10px;
    border-radius: 999px;
    background: rgba(30, 41, 59, 0.9);
    border: 1px solid rgba(0, 229, 255, 0.12);
    overflow: hidden;
}

.usage-progress__fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #00b8d9 0%, #00e5ff 45%, #5cf0ff 100%);
    box-shadow: 0 0 16px rgba(0, 229, 255, 0.55);
    transition: width 0.45s ease;
}

.smcc-btn-emlak-tanitim {
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.22) 0%, rgba(0, 180, 200, 0.12) 100%) !important;
    border: 1px solid rgba(0, 229, 255, 0.45) !important;
    color: #e0faff !important;
    box-shadow: 0 0 24px rgba(0, 229, 255, 0.25);
}

.smcc-btn-emlak-tanitim:hover {
    box-shadow: 0 0 32px rgba(0, 229, 255, 0.4);
}

.smcc-ribbon-pro {
    background: linear-gradient(90deg, rgba(0, 229, 255, 0.2), rgba(0, 180, 200, 0.12)) !important;
    border-color: rgba(0, 229, 255, 0.35) !important;
    color: #cffafe !important;
}

.smcc-ribbon-pro .material-icons-round {
    color: var(--accent-primary) !important;
}

.smcc-cinematic-gold-wrap {
    position: relative;
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    padding: 2px;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 0 28px rgba(250, 204, 21, 0.2);
}

.smcc-cinematic-gold-wrap::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160%;
    height: 160%;
    transform: translate(-50%, -50%);
    background: conic-gradient(from 0deg,
            rgba(250, 204, 21, 0.2),
            rgba(250, 204, 21, 0.95),
            rgba(255, 248, 200, 0.95),
            rgba(217, 119, 6, 0.9),
            rgba(250, 204, 21, 0.25),
            rgba(250, 204, 21, 0.2));
    animation: smcc-gold-orbit 5s linear infinite;
    z-index: 0;
}

.smcc-cinematic-gold-wrap>* {
    position: relative;
    z-index: 1;
}

@keyframes smcc-gold-orbit {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.smcc-cinematic-gold-wrap .btn-cinematic-gold,
.smcc-cinematic-gold-wrap #vm-quick-generate {
    width: 100%;
    border-radius: 15px;
}

.btn-cinematic-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    font-weight: 700;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    border-radius: 15px;
    color: #0f172a;
    background: linear-gradient(135deg, #fde68a 0%, #facc15 35%, #d97706 100%);
    box-shadow: 0 8px 28px rgba(217, 119, 6, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-cinematic-gold:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 12px 36px rgba(250, 204, 21, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.vm-quick-shell {
    width: 100%;
    max-width: 360px;
}

.vm-quick-shell:not(.smcc-cinematic-gold-wrap) {
    display: block;
}

.smcc-upgrade-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    margin-top: 12px;
}

.smcc-upgrade-hint {
    font-size: 0.82rem;
    color: #94a3b8;
    font-weight: 600;
}

.smcc-upgrade-btn {
    white-space: nowrap;
}

button.is-disabled-quota,
.btn-cinematic-gold:disabled,
.smcc-btn-emlak-tanitim:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.vm-page .vm-studio-card {
    margin-top: 8px;
    padding: 32px 28px;
    border-radius: var(--radius-md);
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(0, 229, 255, 0.1);
    text-align: center;
    max-width: 560px;
}

.vm-studio-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    border-radius: 16px;
    background: rgba(0, 229, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-primary);
}

.vm-studio-icon .material-icons-round {
    font-size: 30px;
}

.vm-studio-title {
    font-size: 1.35rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.vm-studio-desc {
    color: #94a3b8;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 22px;
}

.vm-studio-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
}

.vm-studio-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* --- Sosyal medya info banner --- */
.smcc-info-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 14px;
    background: rgba(0, 229, 255, 0.06);
    border: 1px solid rgba(0, 229, 255, 0.18);
    color: #cbd5e1;
    font-size: 0.9rem;
    margin-bottom: 24px;
}

/* --- Usage progress gold variant --- */
.usage-used--gold {
    color: #FACC15;
    text-shadow: 0 0 14px rgba(250, 204, 21, 0.4);
}

.usage-progress--gold {
    background: rgba(30, 41, 59, 0.9);
    border-color: rgba(250, 204, 21, 0.2);
}

.usage-progress__fill--gold {
    background: linear-gradient(90deg, #d97706 0%, #facc15 50%, #fde68a 100%);
    box-shadow: 0 0 14px rgba(250, 204, 21, 0.4);
}

/* --- Video Merkezi two-card layout --- */
.vm-cards-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 28px;
}

@media (max-width: 860px) {
    .vm-cards-grid {
        grid-template-columns: 1fr;
    }
}

.vm-card {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(0, 229, 255, 0.1);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.vm-card:hover {
    border-color: rgba(0, 229, 255, 0.25);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.vm-card--premium {
    border-color: rgba(250, 204, 21, 0.18);
}

.vm-card--premium:hover {
    border-color: rgba(250, 204, 21, 0.35);
    box-shadow: 0 8px 30px rgba(250, 204, 21, 0.12);
}

.vm-card-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 24px;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    color: inherit;
    transition: background 0.2s ease;
}

.vm-card-header:hover {
    background: rgba(255, 255, 255, 0.03);
}

.vm-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vm-card-icon .material-icons-round {
    font-size: 24px;
}

.vm-card-icon--cyan {
    background: rgba(0, 229, 255, 0.12);
    color: var(--accent-primary);
    filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.2));
}

.vm-card-icon--gold {
    background: rgba(250, 204, 21, 0.12);
    color: #FACC15;
    filter: drop-shadow(0 0 8px rgba(250, 204, 21, 0.2));
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.vm-card-meta {
    flex: 1;
    min-width: 0;
}

.vm-card-title {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    margin-bottom: 4px;
}

.vm-card-subtitle {
    font-size: 0.82rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 8px;
}

.vm-premium-badge {
    background: rgba(250, 204, 21, 0.15);
    border: 1px solid rgba(250, 204, 21, 0.3);
    color: #FACC15;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 6px;
    letter-spacing: 0.04em;
}

.vm-card-chevron {
    color: #64748b;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.vm-card-body {
    padding: 0 24px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.vm-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 20px;
}

.vm-result {
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 20px;
}

.vm-result-preview {
    margin-bottom: 16px;
}

.vm-result-mock {
    background: rgba(0, 229, 255, 0.05);
    border: 1px dashed rgba(0, 229, 255, 0.25);
    border-radius: 14px;
    padding: 28px 20px;
    text-align: center;
    animation: emlakchi-page-fade-in 0.4s ease;
}

.vm-result-mock--gold {
    background: rgba(250, 204, 21, 0.05);
    border-color: rgba(250, 204, 21, 0.25);
}

.vm-action-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.vm-video-actions {
    align-items: stretch;
    gap: 10px;
}

.vm-video-actions .btn-vm-video-share {
    flex: 1 1 140px;
    min-width: 0;
}

.vm-schedule-locked-wrap {
    position: relative;
    display: inline-flex;
    flex: 1 1 120px;
    min-width: 0;
    align-items: stretch;
    justify-content: center;
}

.vm-schedule-lock-ico {
    font-size: 0.85rem;
    line-height: 1;
    margin-right: 2px;
    filter: drop-shadow(0 0 6px rgba(250, 204, 21, 0.35));
}

.btn-vm-video-share {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: var(--transition);
    border: 1px solid rgba(0, 229, 255, 0.45);
    background: linear-gradient(145deg, rgba(0, 180, 220, 0.22), rgba(0, 120, 180, 0.12));
    color: #b8f8ff;
    box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.08) inset;
}

.btn-vm-video-share:hover {
    border-color: rgba(0, 229, 255, 0.65);
    box-shadow: 0 0 22px rgba(0, 229, 255, 0.28);
    color: #e0feff;
}

.btn-vm-video-share .material-icons-round {
    font-size: 18px;
}

.locked-feature,
button.locked-feature,
.btn-schedule.locked-feature {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-schedule.locked-feature {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(30, 41, 59, 0.55);
    color: #94a3b8;
    transition: opacity 0.2s ease, border-color 0.2s ease;
}

.btn-schedule.locked-feature .material-icons-round {
    font-size: 18px;
}

.smcc-wizard-card .smcc-module-actions .btn-action.btn-schedule.locked-feature {
    border-color: rgba(148, 163, 184, 0.35);
    background: rgba(30, 41, 59, 0.55);
    color: #94a3b8;
    font-size: 0.78rem;
}

.vm-schedule-locked-wrap:hover .btn-schedule.locked-feature {
    opacity: 0.62;
}

.ultra-feature-tooltip {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.35;
    max-width: min(280px, 90vw);
    white-space: normal;
    text-align: center;
    color: #fde68a;
    background: linear-gradient(165deg, #0f172a 0%, #1e293b 100%);
    border: 1px solid rgba(250, 204, 21, 0.35);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(0, 0, 0, 0.35) inset;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 50;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.ultra-feature-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top-color: #1e293b;
    filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
}

.vm-schedule-locked-wrap:hover .ultra-feature-tooltip,
.vm-schedule-locked-wrap:focus-within .ultra-feature-tooltip,
.smcc-schedule-lock-wrap:hover .ultra-feature-tooltip,
.smcc-schedule-lock-wrap:focus-within .ultra-feature-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.btn-vm-video-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 12px;
    cursor: pointer;
    transition: var(--transition);
    border: 1px solid transparent;
}

.btn-vm-video-icon .material-icons-round {
    font-size: 22px;
}

.btn-vm-download-icon {
    background: rgba(0, 229, 255, 0.1);
    border-color: rgba(0, 229, 255, 0.35);
    color: #7dd3fc;
}

.btn-vm-download-icon:hover {
    background: rgba(0, 229, 255, 0.2);
    box-shadow: 0 0 16px rgba(0, 229, 255, 0.2);
    color: #e0faff;
}

.btn-vm-delete-outline {
    background: transparent;
    border-color: rgba(239, 68, 68, 0.55);
    color: #f87171;
}

.btn-vm-delete-outline:hover {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(248, 113, 113, 0.75);
    color: #fecaca;
}

.btn-vm-action {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 16px;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
    border: 1px solid transparent;
    letter-spacing: 0.02em;
}

.btn-vm-download {
    background: rgba(0, 229, 255, 0.12);
    border-color: rgba(0, 229, 255, 0.35);
    color: #e0faff;
}

.btn-vm-download:hover {
    background: rgba(0, 229, 255, 0.22);
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.25);
}

.btn-vm-delete {
    background: rgba(71, 85, 105, 0.3);
    border-color: rgba(100, 116, 139, 0.35);
    color: #94a3b8;
}

.btn-vm-delete:hover {
    background: rgba(71, 85, 105, 0.5);
    color: #e2e8f0;
}

.btn-vm-share {
    background: rgba(0, 229, 255, 0.18);
    border-color: rgba(0, 229, 255, 0.4);
    color: #cffafe;
    flex: 1;
    justify-content: center;
}

.btn-vm-share:hover:not(:disabled) {
    box-shadow: 0 0 24px rgba(0, 229, 255, 0.3);
}

.btn-vm-share:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.emlakchi-ultra-locked-toast {
    position: fixed;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    max-width: min(360px, calc(100% - 32px));
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    color: #fde68a;
    background: linear-gradient(165deg, #0f172a 0%, #1e293b 100%);
    border: 1px solid rgba(250, 204, 21, 0.4);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
    z-index: 10300;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}

.emlakchi-ultra-locked-toast--visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.emlakchi-app-toast {
    position: fixed;
    bottom: 88px;
    left: 50%;
    transform: translateX(-50%) translateY(16px);
    max-width: min(400px, calc(100% - 32px));
    padding: 13px 18px;
    border-radius: 12px;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    color: #e2e8f0;
    background: linear-gradient(165deg, #0f172a 0%, #1e293b 100%);
    border: 1px solid rgba(148, 163, 184, 0.35);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
    z-index: 10310;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

.emlakchi-app-toast--success {
    border-color: rgba(52, 211, 153, 0.4);
    color: #d1fae5;
}

.emlakchi-app-toast--visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

@keyframes emlakchiSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Video render — tam ekran bekleme */
.emlakchi-video-render-loading {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(2, 6, 23, 0.82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity 0.28s ease;
    pointer-events: all;
}

.emlakchi-video-render-loading--visible {
    opacity: 1;
}

.emlakchi-video-render-loading--out {
    opacity: 0;
}

.emlakchi-video-render-loading__box {
    max-width: 420px;
    text-align: center;
    padding: 32px 28px;
    border-radius: 20px;
    border: 1px solid rgba(34, 211, 238, 0.22);
    background: linear-gradient(165deg, rgba(15, 23, 42, 0.98) 0%, rgba(2, 6, 23, 0.96) 100%);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(0, 229, 255, 0.08);
}

.emlakchi-video-render-loading__ring {
    width: 52px;
    height: 52px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-left-color: #22d3ee;
    animation: emlakchiSpin 0.9s linear infinite;
}

.emlakchi-video-render-loading__text {
    margin: 0 0 10px;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #f1f5f9;
    line-height: 1.45;
}

.emlakchi-video-render-loading__hint {
    margin: 0;
    font-size: 0.82rem;
    color: #94a3b8;
    line-height: 1.5;
}

/* Üretilen video — modal oynatıcı */
.emlakchi-video-modal {
    position: fixed;
    inset: 0;
    z-index: 100060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    transition: opacity 0.22s ease;
}

.emlakchi-video-modal--visible {
    opacity: 1;
}

.emlakchi-video-modal--out {
    opacity: 0;
}

.emlakchi-video-modal__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: radial-gradient(ellipse at 50% 30%, rgba(6, 182, 212, 0.12), rgba(2, 6, 23, 0.92));
}

.emlakchi-video-modal__panel {
    position: relative;
    z-index: 1;
    width: min(96vw, 520px);
    max-height: min(88vh, 900px);
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(103, 232, 249, 0.35);
    background: #020617;
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(0, 229, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.emlakchi-video-modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    color: #e2e8f0;
    background: rgba(15, 23, 42, 0.75);
    transition: background 0.15s ease, color 0.15s ease;
}

.emlakchi-video-modal__close:hover {
    background: rgba(6, 182, 212, 0.35);
    color: #fff;
}

.emlakchi-video-modal__frame {
    aspect-ratio: 9 / 16;
    max-height: min(82vh, 820px);
    background: #000;
}

.emlakchi-video-modal__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: middle;
    outline: none;
}

/* ─── Video Merkezi: profesyonel sayfa içi sonuç oynatıcı ─── */
.vm-video-result-shell {
    margin: 24px auto 28px;
    width: 100%;
    max-width: 920px;
    padding: 0 clamp(12px, 4vw, 24px);
    opacity: 0;
    transition: opacity 0.48s ease;
}

.vm-video-result-shell.vm-video-result-shell--visible {
    opacity: 1;
}

.vm-video-result-inner {
    text-align: center;
}

.vm-video-result-heading {
    font-size: clamp(1.25rem, 4vw, 1.65rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #fef9c3;
    margin: 0 0 18px;
    text-shadow: 0 2px 24px rgba(250, 204, 21, 0.22);
}

.vm-video-result-player-wrap {
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    background: #020617;
    box-shadow:
        0 20px 56px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(250, 204, 21, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.vm-video-result-player {
    display: block;
    width: 100%;
    height: auto;
    max-height: min(72vh, 560px);
    vertical-align: middle;
    outline: none;
}

.vm-video-result-actions {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.btn-vm-video-result-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-decoration: none;
    color: #17200a;
    cursor: pointer;
    border: 1px solid rgba(253, 224, 71, 0.65);
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 45%, #eab308 100%);
    box-shadow:
        0 10px 36px rgba(245, 158, 11, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.btn-vm-video-result-download:hover {
    transform: translateY(-2px);
    box-shadow:
        0 14px 44px rgba(245, 158, 11, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.btn-vm-video-result-download:focus-visible {
    outline: 2px solid rgba(251, 191, 36, 0.85);
    outline-offset: 3px;
}

.btn-vm-video-result-download .material-icons-round {
    font-size: 22px;
}

@media (max-width: 640px) {
    .vm-video-result-shell {
        max-width: 100%;
        padding: 0 10px;
    }

    .vm-video-result-player {
        max-height: none;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        background: #000;
    }
}

/* ─── Video Merkezi: Üretilen videolar grid ─── */
.vm-produced-section {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vm-produced-heading {
    font-size: 1.15rem;
    font-weight: 700;
    color: #e2e8f0;
    margin: 0 0 16px 0;
    letter-spacing: 0.02em;
}

.vm-produced-videos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

.vm-produced-card {
    background: linear-gradient(165deg, rgba(15, 23, 42, 0.95) 0%, rgba(17, 24, 39, 0.92) 100%);
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

.vm-produced-card__thumb {
    position: relative;
    aspect-ratio: 16 / 9;
    background: radial-gradient(ellipse at 50% 30%, rgba(0, 229, 255, 0.12), rgba(15, 23, 42, 0.9));
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.vm-produced-card__thumb-icon {
    font-size: 48px;
    color: rgba(0, 229, 255, 0.45);
}

.vm-produced-card__thumb-label {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #64748b;
}

.vm-produced-card__player-shell {
    position: relative;
    width: 100%;
    background: #020617;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.vm-produced-card__video {
    display: block;
    width: 100%;
    height: auto;
    max-height: min(72vh, 640px);
    vertical-align: middle;
    outline: none;
}

.vm-produced-card__download-row {
    display: flex;
    justify-content: center;
    padding: 14px 12px 10px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.5) 0%, rgba(15, 23, 42, 0.95) 100%);
    border-bottom: 1px solid rgba(34, 211, 238, 0.12);
}

.vm-produced-card__download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 9999px;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #f0fdfa;
    background: linear-gradient(135deg, #0891b2 0%, #06b6d4 50%, #22d3ee 100%);
    box-shadow: 0 6px 24px rgba(6, 182, 212, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(103, 232, 249, 0.45);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.vm-produced-card__download:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 28px rgba(6, 182, 212, 0.45);
    color: #fff;
}

.vm-produced-card__download .material-icons-round {
    font-size: 20px;
}

.vm-produced-card__meta {
    padding: 10px 12px 0;
    font-size: 0.78rem;
    color: #94a3b8;
}

.vm-produced-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
}

.vm-produced-card .btn-action {
    flex: 1 1 calc(50% - 4px);
    min-width: 108px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 10px;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
    border: 1px solid transparent;
    font-family: inherit;
    text-align: center;
    line-height: 1.2;
}

.vm-produced-card .btn-share {
    background: rgba(0, 229, 255, 0.14);
    border-color: rgba(0, 229, 255, 0.4);
    color: #a5f3fc;
}

.vm-produced-card .btn-share:hover {
    background: rgba(0, 229, 255, 0.24);
    box-shadow: 0 0 16px rgba(0, 229, 255, 0.2);
}

.vm-produced-card .btn-download {
    background: rgba(52, 211, 153, 0.12);
    border-color: rgba(52, 211, 153, 0.35);
    color: #6ee7b7;
}

.vm-produced-card .btn-download:hover {
    background: rgba(52, 211, 153, 0.2);
}

.vm-produced-card .btn-delete {
    background: transparent;
    border-color: rgba(239, 68, 68, 0.55);
    color: #f87171;
}

.vm-produced-card .btn-delete:hover {
    background: rgba(239, 68, 68, 0.12);
}

.vm-produced-card .btn-schedule.locked-feature {
    opacity: 0.6;
    cursor: not-allowed;
    background: rgba(30, 41, 59, 0.55);
    border-color: rgba(148, 163, 184, 0.35);
    color: #94a3b8;
}

.vm-produced-card .btn-schedule.locked-feature:hover {
    opacity: 0.65;
}

.vm-upgrade-area {
    text-align: center;
    margin-top: 8px;
}

/* --- Flash ticker (Ultra) --- */
.emlakchi-ticker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(11, 17, 32, 0.97);
    border-bottom: 1px solid rgba(255, 50, 50, 0.25);
    height: 36px;
    display: flex;
    align-items: center;
    gap: 0;
    overflow: hidden;
    font-size: 0.78rem;
}

.ticker-flash-label {
    flex-shrink: 0;
    padding: 0 16px;
    font-weight: 800;
    color: #ef4444;
    letter-spacing: 0.06em;
    border-right: 1px solid rgba(255, 50, 50, 0.2);
    display: flex;
    align-items: center;
    gap: 6px;
    height: 100%;
}

.ticker-blink {
    animation: ticker-blink 1s step-start infinite;
}

@keyframes ticker-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.ticker-track-wrap {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.ticker-track {
    white-space: nowrap;
    animation: ticker-scroll 35s linear infinite;
    color: #94a3b8;
    font-weight: 500;
}

@keyframes ticker-scroll {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

body.has-ticker .app-container {
    margin-top: 36px;
}

/* --- Trend widget (Ultra) --- */
.emlakchi-trend-widget {
    margin-bottom: 28px;
    padding: 22px 24px;
    border-radius: var(--radius-md);
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(0, 229, 255, 0.1);
    animation: emlakchi-page-fade-in 0.5s ease 0.1s both;
}

.trend-widget-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.trend-widget-icon {
    font-size: 28px;
    color: #34d399;
    filter: drop-shadow(0 0 10px rgba(52, 211, 153, 0.4));
}

.trend-widget-title {
    font-size: 1.1rem;
    font-weight: 800;
}

.trend-widget-hint {
    font-size: 0.78rem;
    color: #64748b;
    margin-top: 3px;
}

.trend-widget-badge {
    margin-left: auto;
    background: rgba(250, 204, 21, 0.15);
    border: 1px solid rgba(250, 204, 21, 0.3);
    color: #FACC15;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 8px;
    letter-spacing: 0.06em;
}

.trend-widget-bars {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.trend-bar-item {
    display: grid;
    grid-template-columns: 140px 1fr 50px;
    align-items: center;
    gap: 12px;
}

.trend-bar-label {
    font-size: 0.82rem;
    color: #cbd5e1;
    font-weight: 600;
}

.trend-bar-track {
    height: 8px;
    border-radius: 999px;
    background: rgba(30, 41, 59, 0.9);
    border: 1px solid rgba(0, 229, 255, 0.08);
    overflow: hidden;
}

.trend-bar-fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #00b8d9, #00e5ff);
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.3);
    animation: trend-grow 1.2s ease-out both;
}

@keyframes trend-grow {
    from {
        width: 0 !important;
    }
}

.trend-bar-val {
    font-size: 0.82rem;
    font-weight: 800;
    color: #34d399;
    text-align: right;
}

/* --- Zamanla butonu --- */
.btn-schedule {
    white-space: nowrap;
}

.smcc-schedule-dt {
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(0, 229, 255, 0.25);
    color: #e2e8f0;
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 0.85rem;
    font-family: inherit;
}

.smcc-schedule-dt:focus {
    outline: none;
    border-color: rgba(0, 229, 255, 0.5);
}

/* ═══════════════════════════════════════════════════════════════════════════
   OTP GÜVENLİK KODU MODALI
   ═══════════════════════════════════════════════════════════════════════════ */
.otp-modal {
    position: fixed;
    inset: 0;
    z-index: 9500;
    background: rgba(3, 7, 18, 0.82);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: otp-fade-in 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.otp-modal[hidden] {
    display: none;
}

.otp-modal--closing {
    animation: otp-fade-out 0.28s ease forwards;
}

@keyframes otp-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes otp-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.otp-box {
    background: linear-gradient(160deg, rgba(13, 20, 40, 0.99) 0%, rgba(8, 14, 28, 0.99) 100%);
    border: 1px solid rgba(0, 229, 255, 0.22);
    border-radius: 26px;
    padding: 42px 38px 36px;
    max-width: 420px;
    width: 100%;
    text-align: center;
    box-shadow:
        0 32px 80px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(255, 255, 255, 0.03),
        0 0 60px rgba(0, 229, 255, 0.06);
    animation: otp-box-in 0.34s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes otp-box-in {
    from {
        transform: translateY(24px) scale(0.95);
        opacity: 0;
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.otp-box-icon {
    width: 68px;
    height: 68px;
    background: rgba(0, 229, 255, 0.08);
    border: 1.5px solid rgba(0, 229, 255, 0.28);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px;
    box-shadow: 0 0 24px rgba(0, 229, 255, 0.1);
}

.otp-box-icon .material-icons-round {
    font-size: 32px;
    color: #00E5FF;
}

.otp-box-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F1F5F9;
    margin: 0 0 10px;
    letter-spacing: -0.4px;
}

.otp-box-desc {
    font-size: 0.865rem;
    color: #64748B;
    line-height: 1.6;
    margin: 0 0 28px;
}

.otp-box-desc strong {
    color: #94A3B8;
}

/* ── 6 tekli OTP kutuları ── */
.otp-inputs {
    display: flex;
    gap: 9px;
    justify-content: center;
    margin-bottom: 16px;
}

.otp-input {
    width: 50px;
    height: 60px;
    background: rgba(255, 255, 255, 0.03);
    border: 1.5px solid rgba(0, 229, 255, 0.18);
    border-radius: 14px;
    color: #00E5FF;
    font-size: 1.55rem;
    font-weight: 800;
    text-align: center;
    font-family: 'Outfit', 'Courier New', monospace;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    caret-color: #00E5FF;
    -moz-appearance: textfield;
    appearance: textfield;
}

.otp-input::-webkit-outer-spin-button,
.otp-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.otp-input:focus {
    border-color: #00E5FF;
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.14), 0 0 18px rgba(0, 229, 255, 0.12);
    background: rgba(0, 229, 255, 0.06);
}

.otp-input.otp-input--filled {
    border-color: rgba(0, 229, 255, 0.5);
    background: rgba(0, 229, 255, 0.07);
    color: #E0FAFF;
}

.otp-input.otp-input--error {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.06);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.14);
    animation: otp-shake 0.42s ease;
}

@keyframes otp-shake {

    0%,
    100% {
        transform: translateX(0);
    }

    18% {
        transform: translateX(-5px);
    }

    36% {
        transform: translateX(5px);
    }

    54% {
        transform: translateX(-3px);
    }

    72% {
        transform: translateX(3px);
    }
}

.otp-demo-hint {
    font-size: 0.77rem;
    color: #475569;
    margin-bottom: 24px;
}

.otp-demo-hint strong {
    color: #64748B;
    letter-spacing: 4px;
    font-family: 'Courier New', monospace;
}

.otp-verify-btn {
    width: 100%;
    margin-bottom: 14px;
}

.otp-actions-row {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 22px;
}

.otp-session-info {
    padding: 11px 14px;
    background: rgba(250, 204, 21, 0.05);
    border: 1px solid rgba(250, 204, 21, 0.14);
    border-radius: 12px;
    font-size: 0.77rem;
    color: #94A3B8;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    text-align: left;
    line-height: 1.5;
}

.otp-session-info strong {
    color: #FACC15;
}

.otp-session-info .material-icons-round {
    color: #FACC15;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SESSION EXPIRED — oturum aşım ekranı
   ═══════════════════════════════════════════════════════════════════════════ */
.session-expired-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(3, 7, 18, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    animation: otp-fade-in 0.3s ease both;
}

.session-expired-box {
    background: linear-gradient(160deg, rgba(13, 20, 40, 0.99), rgba(8, 14, 28, 0.99));
    border: 1px solid rgba(239, 68, 68, 0.28);
    border-radius: 26px;
    padding: 44px 36px 36px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.7), 0 0 50px rgba(239, 68, 68, 0.08);
    animation: otp-box-in 0.38s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.session-expired-icon {
    font-size: 48px;
    color: #ef4444;
    display: block;
    margin-bottom: 18px;
    filter: drop-shadow(0 0 12px rgba(239, 68, 68, 0.4));
}

.session-expired-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #F1F5F9;
    margin: 0 0 12px;
}

.session-expired-desc {
    font-size: 0.88rem;
    color: #64748B;
    line-height: 1.6;
    margin: 0 0 20px;
}

.session-expired-meta {
    padding: 10px 14px;
    background: rgba(239, 68, 68, 0.06);
    border: 1px solid rgba(239, 68, 68, 0.15);
    border-radius: 10px;
    font-size: 0.78rem;
    color: #94A3B8;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    text-align: left;
}

.session-expired-meta strong {
    color: #fca5a5;
}

.session-expired-meta .material-icons-round {
    color: #ef4444;
    font-size: 15px;
    flex-shrink: 0;
}

.session-expired-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #00b8d9, #00E5FF);
    color: #0f172a;
    font-weight: 700;
    font-size: 0.95rem;
    border: none;
    border-radius: 12px;
    padding: 13px 28px;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
    transition: opacity 0.2s, transform 0.2s;
    box-shadow: 0 8px 24px rgba(0, 229, 255, 0.25);
}

.session-expired-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.session-expired-btn .material-icons-round {
    font-size: 18px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SITE FOOTER
   Lives INSIDE <main class="main-content"> — no margin-left needed.
   margin-top: auto pushes it to the bottom when content is short.
   ═══════════════════════════════════════════════════════════════════════════ */
.site-footer {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 0.65rem;
    row-gap: 0.5rem;
    font-size: 0.8125rem;
    color: #6c757d;
    border-top: 1px solid rgba(0, 229, 255, 0.06);
    box-sizing: border-box;
    max-width: 100%;
}

.site-footer>* {
    white-space: nowrap;
}

/* Brand logo inside footer */
.footer-brand-logo {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #FACC15;
    white-space: nowrap;
}

.footer-brand-logo em {
    font-style: normal;
    color: #00E5FF;
}

.footer-brand-copy {
    font-size: 12px;
    color: #4a5568;
}

.site-footer .footer-sep {
    color: #64748b;
    opacity: 0.35;
    user-select: none;
    padding: 0 0.2rem;
    flex-shrink: 0;
    white-space: nowrap;
}

.site-footer a {
    font-size: inherit;
    color: #4a5568;
    text-decoration: none;
    transition: color 0.18s ease;
    white-space: nowrap;
}

.site-footer a:hover {
    color: #00E5FF;
}

.footer-support-inline {
    white-space: nowrap;
}

.footer-support-mail {
    color: #00e5ff;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.18s ease;
}

.footer-support-mail:hover {
    color: #66f0ff;
    text-decoration: underline;
}

/* Panel / sayfa altı: footer link satırı — kelime kırılması yok, dar ekranda blok olarak satır kırılır */
.footer-links,
.footer-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 0.65rem;
    row-gap: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    font-size: 0.8125rem;
    color: #64748b;
    text-align: center;
}

.footer-links--panel {
    margin-top: 50px;
    padding-top: 25px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-links>*,
.footer-menu>* {
    white-space: nowrap;
}

.footer-links a,
.footer-menu a {
    white-space: nowrap;
}

.footer-links .footer-links__copy,
.footer-links .footer-links__item,
.footer-links .footer-support-inline {
    white-space: nowrap;
}

.footer-links__sep {
    color: #64748b;
    opacity: 0.35;
    user-select: none;
    padding: 0 0.2rem;
    flex-shrink: 0;
}

.footer-links__link {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-links__link:hover {
    color: #00d2ff;
}

.footer-links__link--accent {
    color: #00d2ff;
    font-weight: 600;
}

.footer-links__link--accent:hover {
    color: #fff;
}

@media (max-width: 520px) {

    .footer-links,
    .footer-menu,
    .site-footer {
        font-size: 0.8rem;
        column-gap: 0.5rem;
    }
}

@media (max-width: 380px) {

    .footer-links,
    .footer-menu,
    .site-footer {
        font-size: 0.78rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ONBOARDING (KARŞILAMA) MODALI
   ═══════════════════════════════════════════════════════════════════════════ */
.onboarding-modal {
    position: fixed;
    inset: 0;
    z-index: 8800;
    background: rgba(3, 7, 18, 0.78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    display: none;
    /* hidden by default — JS shows it after localStorage check */
    align-items: center;
    justify-content: center;
    padding: 24px;
    animation: onb-fade-in 0.4s ease both;
}

@keyframes onb-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.onboarding-box {
    background: linear-gradient(155deg, rgba(12, 20, 40, 0.98) 0%, rgba(7, 13, 28, 0.98) 100%);
    border: 1px solid rgba(0, 229, 255, 0.2);
    border-radius: 28px;
    padding: 48px 44px 40px;
    max-width: 520px;
    width: 100%;
    text-align: center;
    position: relative;
    box-shadow:
        0 40px 100px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(255, 255, 255, 0.025),
        0 0 80px rgba(0, 229, 255, 0.07);
    animation: onb-box-in 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes onb-box-in {
    from {
        transform: translateY(32px) scale(0.93);
        opacity: 0;
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

/* Decorative top glow line */
.onboarding-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.5), transparent);
    border-radius: 50%;
}

.onboarding-rocket {
    width: 76px;
    height: 76px;
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.1), rgba(0, 184, 217, 0.07));
    border: 1.5px solid rgba(0, 229, 255, 0.25);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    box-shadow: 0 0 32px rgba(0, 229, 255, 0.12);
    animation: onb-float 3s ease-in-out infinite;
}

@keyframes onb-float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

.onboarding-rocket .material-icons-round {
    font-size: 36px;
    color: #00E5FF;
    filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.5));
}

.onboarding-title {
    font-size: 1.45rem;
    font-weight: 800;
    color: #F1F5F9;
    margin: 0 0 16px;
    letter-spacing: -0.5px;
    line-height: 1.3;
}

.onboarding-desc {
    font-size: 0.92rem;
    color: #64748B;
    line-height: 1.65;
    margin: 0 0 32px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* CTA button — neon blue with animated pulse glow */
.onboarding-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #00b8d9 0%, #00E5FF 50%, #00b8d9 100%);
    background-size: 200% 100%;
    color: #05101f;
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    border: none;
    border-radius: 14px;
    padding: 15px 30px;
    cursor: pointer;
    width: 100%;
    justify-content: center;
    letter-spacing: 0.2px;
    box-shadow:
        0 0 0 0 rgba(0, 229, 255, 0.5),
        0 8px 28px rgba(0, 184, 217, 0.35);
    animation: onb-cta-bg 3s ease infinite, onb-pulse 2.2s ease-in-out infinite;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    margin-bottom: 14px;
}

@keyframes onb-cta-bg {

    0%,
    100% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 100% 0%;
    }
}

@keyframes onb-pulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(0, 229, 255, 0.45), 0 8px 28px rgba(0, 184, 217, 0.35);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(0, 229, 255, 0), 0 8px 28px rgba(0, 184, 217, 0.35);
    }
}

.onboarding-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 0 0 rgba(0, 229, 255, 0), 0 14px 36px rgba(0, 184, 217, 0.5);
}

.onboarding-cta .material-icons-round {
    font-size: 20px;
}

.onboarding-skip {
    background: none;
    border: none;
    color: #334155;
    font-family: 'Outfit', sans-serif;
    font-size: 0.82rem;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 8px;
    transition: color 0.18s ease;
    width: 100%;
}

.onboarding-skip:hover {
    color: #64748B;
}

/* Step dots (decorative) */
.onboarding-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 20px;
}

.onboarding-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(0, 229, 255, 0.2);
}

.onboarding-dot.active {
    background: #00E5FF;
    width: 18px;
    border-radius: 3px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SANDBOX / ONBOARDING TOUR
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Dummy image thumbnails ── */
.sandbox-images {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.sandbox-img-thumb {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: rgba(0, 229, 255, 0.06);
    border: 1px solid rgba(0, 229, 255, 0.18);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 0.7rem;
    color: #64748b;
    min-width: 64px;
}

.sandbox-img-thumb .material-icons-round {
    font-size: 20px;
    color: #00E5FF;
    opacity: 0.7;
}

/* ── Tooltip balloon ── */
.sandbox-tooltip {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 14px;
    padding: 12px 16px;
    margin: 12px 0;
    font-size: 0.85rem;
    color: #94A3B8;
    line-height: 1.5;
    position: relative;
    animation: sandbox-tooltip-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.sandbox-tooltip::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 28px;
    width: 14px;
    height: 14px;
    background: rgba(0, 229, 255, 0.08);
    border-left: 1px solid rgba(0, 229, 255, 0.3);
    border-top: 1px solid rgba(0, 229, 255, 0.3);
    transform: rotate(45deg);
}

@keyframes sandbox-tooltip-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sandbox-tooltip strong {
    color: #00E5FF;
}

/* ── Blinking generate button ── */
.sandbox-btn-blink {
    animation: sandbox-blink 1.1s ease-in-out infinite !important;
    box-shadow: 0 0 0 0 rgba(0, 229, 255, 0.5) !important;
}

@keyframes sandbox-blink {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(0, 229, 255, 0.5), 0 6px 20px rgba(0, 229, 255, 0.2);
        opacity: 1;
    }

    50% {
        box-shadow: 0 0 0 12px rgba(0, 229, 255, 0), 0 6px 20px rgba(0, 229, 255, 0.4);
        opacity: 0.85;
    }
}

/* ── Loading overlay ── */
.sandbox-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 9200;
    background: rgba(3, 7, 18, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: otp-fade-in 0.3s ease both;
}

.sandbox-loading-box {
    text-align: center;
    max-width: 380px;
    width: 100%;
    padding: 20px;
}

.sandbox-loading-icon {
    margin-bottom: 24px;
}

.sandbox-loading-box h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #F1F5F9;
    margin: 0 0 8px;
}

.sandbox-loading-box p {
    font-size: 0.85rem;
    color: #64748B;
    margin: 0 0 24px;
}

.sandbox-progress-bar {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 10px;
}

.sandbox-progress-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #00b8d9, #00E5FF);
    border-radius: inherit;
    transition: width 0.1s linear;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
}

.sandbox-progress-label {
    font-size: 0.8rem;
    font-weight: 700;
    color: #00E5FF;
    margin: 0 !important;
}

/* ── Completion / "Harika!" modal ── */
.sandbox-complete-modal {
    position: fixed;
    inset: 0;
    z-index: 9400;
    background: rgba(3, 7, 18, 0.88);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    animation: otp-fade-in 0.35s ease both;
}

.sandbox-complete-box {
    background: linear-gradient(155deg, rgba(12, 20, 40, 0.99), rgba(7, 13, 28, 0.99));
    border: 1px solid rgba(52, 211, 153, 0.25);
    border-radius: 28px;
    padding: 48px 44px 40px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.7), 0 0 80px rgba(52, 211, 153, 0.07);
    animation: onb-box-in 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.sandbox-complete-icon {
    width: 76px;
    height: 76px;
    background: rgba(52, 211, 153, 0.1);
    border: 1.5px solid rgba(52, 211, 153, 0.3);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    box-shadow: 0 0 32px rgba(52, 211, 153, 0.15);
}

.sandbox-complete-icon .material-icons-round {
    font-size: 36px;
    color: #34D399;
    filter: drop-shadow(0 0 8px rgba(52, 211, 153, 0.5));
}

.sandbox-complete-title {
    font-size: 1.45rem;
    font-weight: 800;
    color: #F1F5F9;
    margin: 0 0 16px;
    letter-spacing: -0.5px;
}

.sandbox-complete-desc {
    font-size: 0.9rem;
    color: #64748B;
    line-height: 1.65;
    margin: 0 0 32px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   AYARLAR (SETTINGS) PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tab Bar ── */
.settings-tab-bar {
    display: flex;
    gap: 4px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 229, 255, 0.1);
    border-radius: 16px;
    padding: 6px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.settings-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    border: none;
    background: transparent;
    color: #64748B;
    font-family: 'Outfit', sans-serif;
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}

.settings-tab .material-icons-round {
    font-size: 18px;
}

.settings-tab:hover {
    background: rgba(0, 229, 255, 0.07);
    color: #cbd5e1;
}

.settings-tab.active {
    background: rgba(0, 229, 255, 0.12);
    color: #00E5FF;
    font-weight: 600;
}

/* ── Panel ── */
.settings-panel {
    animation: otp-fade-in 0.25s ease both;
}

/* ── Card ── */
.settings-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 229, 255, 0.1);
    border-radius: 20px;
    padding: 28px 32px;
}

.settings-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    font-weight: 700;
    color: #F1F5F9;
    margin: 0 0 20px;
}

.settings-card-title .material-icons-round {
    font-size: 20px;
    color: var(--accent-primary, #00E5FF);
}

.settings-card-desc {
    font-size: 0.85rem;
    color: #64748B;
    line-height: 1.6;
    margin: -12px 0 20px;
}

/* ── Grid ── */
.settings-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 680px) {
    .settings-grid {
        grid-template-columns: 1fr;
    }
}

/* ── Input ── */
.settings-input {
    width: 100%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(0, 229, 255, 0.15);
    border-radius: 12px;
    padding: 11px 16px;
    color: #F1F5F9;
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}

.settings-input::placeholder {
    color: #334155;
}

.settings-input:focus {
    border-color: rgba(0, 229, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.08);
}

.settings-input:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.settings-input--textarea {
    min-height: 96px;
    resize: vertical;
    line-height: 1.5;
}

/* Ayarlar — Kurumsal fatura (İyzico ile eşleşen data-emlakchi-billing-id) */
.settings-billing-block {
    grid-column: 1 / -1;
    margin-top: 8px;
    padding-top: 22px;
    border-top: 1px solid rgba(0, 229, 255, 0.12);
}

.settings-billing-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

.settings-billing-head>.material-icons-round {
    font-size: 26px;
    color: var(--accent-primary, #00e5ff);
    flex-shrink: 0;
    margin-top: 2px;
    filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.25));
}

.settings-billing-title {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    color: #e2e8f0;
    letter-spacing: 0.02em;
}

.settings-billing-lead {
    margin: 6px 0 0;
    font-size: 0.8rem;
    color: #64748b;
    line-height: 1.5;
    max-width: 52rem;
}

.settings-billing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.settings-billing-span-2 {
    grid-column: 1 / -1;
}

@media (max-width: 680px) {
    .settings-billing-grid {
        grid-template-columns: 1fr;
    }

    .settings-billing-span-2 {
        grid-column: 1;
    }
}

/* ── Save Button ── */
.settings-actions {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}

.btn-settings-save {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: linear-gradient(135deg, #0099bb, #00E5FF);
    border: none;
    border-radius: 12px;
    color: #030712;
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.15s;
    box-shadow: 0 4px 20px rgba(0, 229, 255, 0.25);
}

.btn-settings-save:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.btn-settings-save:active {
    transform: translateY(0);
}

/* ── Brand Logo Preview ── */
.brand-logo-preview-area {
    width: 100%;
    max-width: 320px;
    aspect-ratio: 3/1;
    border: 2px dashed rgba(0, 229, 255, 0.2);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 229, 255, 0.03);
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s;
}

.brand-logo-preview-area:hover {
    border-color: rgba(0, 229, 255, 0.45);
}

.brand-logo-preview-area img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    padding: 12px;
}

.brand-logo-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #334155;
    font-size: 0.82rem;
}

.brand-logo-placeholder .material-icons-round {
    font-size: 32px;
    color: rgba(0, 229, 255, 0.25);
}

/* ── Color Row ── */
.brand-color-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.brand-color-swatch {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

.settings-color-input {
    width: 48px;
    height: 40px;
    border: 1px solid rgba(0, 229, 255, 0.2);
    border-radius: 10px;
    background: transparent;
    padding: 2px;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}

.brand-color-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #94A3B8;
    font-family: 'Courier New', monospace;
}

/* ── Danger outline variant ── */
.btn-outline--danger {
    color: #f87171 !important;
    border-color: rgba(248, 113, 113, 0.3) !important;
}

.btn-outline--danger:hover {
    background: rgba(248, 113, 113, 0.07) !important;
}

/* ── Integration Cards ── */
.integration-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.integration-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 229, 255, 0.1);
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: border-color 0.2s;
}

.integration-card:hover {
    border-color: rgba(0, 229, 255, 0.22);
}

.integration-card-header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.integration-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.integration-icon .material-icons-round {
    font-size: 22px;
}

.integration-icon .fab {
    font-size: 22px;
    line-height: 1;
}

.integration-icon--whatsapp {
    background: rgba(37, 211, 102, 0.12);
    color: #25D366;
}

.integration-icon--instagram {
    background: rgba(228, 64, 95, 0.12);
    color: #E4405F;
}

.integration-icon--linkedin {
    background: rgba(10, 102, 194, 0.15);
    color: #0A66C2;
}

.integration-icon--x {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.integration-icon--youtube {
    background: rgba(229, 62, 62, 0.12);
    color: #e53e3e;
}

.integration-name {
    font-size: 0.95rem;
    font-weight: 700;
    color: #F1F5F9;
    margin: 0 0 4px;
}

.integration-desc {
    font-size: 0.8rem;
    color: #64748B;
    line-height: 1.5;
    margin: 0;
}

.integration-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
    margin-left: auto;
    flex-shrink: 0;
}

.integration-badge--soon {
    background: rgba(251, 191, 36, 0.1);
    color: #FBBF24;
    border: 1px solid rgba(251, 191, 36, 0.25);
}

.integration-card-body {
    margin: 0 -4px;
}

.btn-integrate {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    border: 1px solid rgba(0, 229, 255, 0.2);
    background: transparent;
    color: #94A3B8;
    font-family: 'Outfit', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: not-allowed;
    opacity: 0.55;
    width: 100%;
    justify-content: center;
}

/* ── Subscription Tab ── */
.sub-current-plan {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.sub-plan-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sub-plan-icon .material-icons-round {
    font-size: 26px;
    color: #00E5FF;
}

.sub-plan-name {
    font-size: 1.05rem;
    font-weight: 700;
    color: #F1F5F9;
}

.sub-plan-price {
    font-size: 0.88rem;
    color: #00E5FF;
    font-weight: 600;
    margin-top: 2px;
}

.sub-plan-renew {
    font-size: 0.78rem;
    color: #475569;
    margin-top: 3px;
}

/* ── Invoice Table ── */
.sub-invoice-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.sub-invoice-table th {
    text-align: left;
    color: #475569;
    font-weight: 600;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sub-invoice-table td {
    padding: 12px 12px;
    color: #94A3B8;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    vertical-align: middle;
}

.sub-invoice-table tr:last-child td {
    border-bottom: none;
}

.invoice-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.72rem;
    font-weight: 700;
}

.invoice-badge--paid {
    background: rgba(52, 211, 153, 0.1);
    color: #34D399;
    border: 1px solid rgba(52, 211, 153, 0.25);
}

/* ═══════════════════════════════════════════════════════════════════════════
   BÖLÜM 11 — HAFTALIK VERİMLİLİK KARNESİ
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── "Haftalık Raporum" dashboard header button ── */
.btn-weekly-report {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: rgba(0, 229, 255, 0.07);
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 14px;
    color: #00E5FF;
    font-family: 'Outfit', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s, border-color 0.2s, transform 0.15s;
    flex-shrink: 0;
}

.btn-weekly-report .material-icons-round {
    font-size: 18px;
}

.btn-weekly-report:hover {
    background: rgba(0, 229, 255, 0.13);
    border-color: rgba(0, 229, 255, 0.45);
    transform: translateY(-1px);
}

/* Pulsing notification dot */
.weekly-report-dot {
    width: 8px;
    height: 8px;
    background: #34D399;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.6);
    animation: weekly-dot-pulse 2.2s ease-in-out infinite;
}

@keyframes weekly-dot-pulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.6);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(52, 211, 153, 0);
    }
}

/* ── Toast Notification ── */
.weekly-toast {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 8500;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(10, 18, 38, 0.95);
    border: 1px solid rgba(0, 229, 255, 0.28);
    border-radius: 18px;
    padding: 16px 18px;
    max-width: 380px;
    width: calc(100vw - 56px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55), 0 0 30px rgba(0, 229, 255, 0.06);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    cursor: pointer;
    /* Start hidden/off-screen */
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
}

.weekly-toast--visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.weekly-toast-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.weekly-toast-icon .material-icons-round {
    font-size: 20px;
    color: #00E5FF;
}

.weekly-toast-body {
    flex: 1;
    min-width: 0;
}

.weekly-toast-title {
    font-size: 0.88rem;
    font-weight: 700;
    color: #F1F5F9;
    margin: 0 0 4px;
}

.weekly-toast-text {
    font-size: 0.8rem;
    color: #64748B;
    line-height: 1.5;
    margin: 0;
}

.weekly-toast-text strong {
    color: #00E5FF;
}

.weekly-toast-close {
    background: transparent;
    border: none;
    color: #475569;
    cursor: pointer;
    padding: 2px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: color 0.2s, background 0.2s;
}

.weekly-toast-close:hover {
    color: #94A3B8;
    background: rgba(255, 255, 255, 0.05);
}

.weekly-toast-close .material-icons-round {
    font-size: 16px;
}

/* ── Weekly Modal Overlay ── */
.weekly-modal {
    position: fixed;
    inset: 0;
    z-index: 9100;
    background: rgba(3, 7, 18, 0.82);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.weekly-modal--visible {
    opacity: 1;
    pointer-events: auto;
}

.weekly-modal--leaving {
    opacity: 0;
    pointer-events: none;
}

/* ── Modal Box ── */
.weekly-modal-box {
    position: relative;
    background: linear-gradient(155deg, rgba(11, 19, 40, 0.99), rgba(6, 12, 27, 0.99));
    border: 1px solid rgba(0, 229, 255, 0.15);
    border-radius: 28px;
    padding: 44px 40px 36px;
    max-width: 520px;
    width: 100%;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.7), 0 0 80px rgba(0, 229, 255, 0.05);
    transform: scale(0.93) translateY(16px);
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.weekly-modal--visible .weekly-modal-box {
    transform: scale(1) translateY(0);
}

/* ── Close X button ── */
.weekly-modal-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #475569;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
}

.weekly-modal-close:hover {
    background: rgba(255, 255, 255, 0.09);
    color: #94A3B8;
}

.weekly-modal-close .material-icons-round {
    font-size: 18px;
}

/* ── Modal Header ── */
.weekly-modal-header {
    text-align: center;
    margin-bottom: 28px;
}

.weekly-modal-badge {
    width: 60px;
    height: 60px;
    background: rgba(0, 229, 255, 0.08);
    border: 1.5px solid rgba(0, 229, 255, 0.2);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    box-shadow: 0 0 28px rgba(0, 229, 255, 0.1);
}

.weekly-modal-badge .material-icons-round {
    font-size: 28px;
    color: #00E5FF;
}

.weekly-modal-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: #F1F5F9;
    margin: 0 0 6px;
    letter-spacing: -0.5px;
}

.weekly-modal-subtitle {
    font-size: 0.82rem;
    color: #475569;
    margin: 0;
}

/* ── Hero Time-saved Block ── */
.weekly-hero {
    background: rgba(0, 229, 255, 0.04);
    border: 1px solid rgba(0, 229, 255, 0.12);
    border-radius: 18px;
    padding: 24px 20px;
    text-align: center;
    margin-bottom: 24px;
}

.weekly-hero-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 8px;
}

.weekly-hero-number {
    font-size: 4.5rem;
    font-weight: 800;
    color: #00E5FF;
    line-height: 1;
    text-shadow: 0 0 40px rgba(0, 229, 255, 0.4);
    letter-spacing: -2px;
    margin-bottom: 8px;
}

.weekly-hero-unit {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0;
    vertical-align: baseline;
}

.weekly-hero-caption {
    font-size: 0.85rem;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}

.weekly-hero-caption strong {
    color: #00E5FF;
}

/* ── Stats Grid ── */
.weekly-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 22px;
}

@media (max-width: 520px) {
    .weekly-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .weekly-modal-box {
        padding: 36px 24px 28px;
    }
}

.weekly-stat-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 16px 10px;
    text-align: center;
    transition: border-color 0.2s;
}

.weekly-stat-card:hover {
    border-color: rgba(0, 229, 255, 0.2);
}

#weekly-modal .weekly-stat-card {
    opacity: 0;
    animation: emlakchi-dashboard-fade-in-up 0.48s cubic-bezier(0.22, 1, 0.36, 1) both;
}

#weekly-modal .weekly-stat-card:nth-child(1) {
    animation-delay: 0s;
}

#weekly-modal .weekly-stat-card:nth-child(2) {
    animation-delay: 0.1s;
}

#weekly-modal .weekly-stat-card:nth-child(3) {
    animation-delay: 0.2s;
}

#weekly-modal .weekly-stat-card:nth-child(4) {
    animation-delay: 0.3s;
}

.weekly-stat-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
}

.weekly-stat-icon .material-icons-round {
    font-size: 18px;
}

.weekly-stat-icon--blue {
    background: rgba(0, 229, 255, 0.1);
    color: #00E5FF;
}

.weekly-stat-icon--gold {
    background: rgba(250, 204, 21, 0.1);
    color: #FACC15;
}

.weekly-stat-icon--green {
    background: rgba(52, 211, 153, 0.1);
    color: #34D399;
}

.weekly-stat-icon--purple {
    background: rgba(167, 139, 250, 0.1);
    color: #A78BFA;
}

.weekly-stat-value {
    font-size: 1.8rem;
    font-weight: 800;
    color: #F1F5F9;
    line-height: 1;
    margin-bottom: 4px;
}

.weekly-stat-label {
    font-size: 0.72rem;
    color: #475569;
    font-weight: 500;
    line-height: 1.3;
}

/* ── Weekly ROI kurumsal açıklama metinleri ── */
.weekly-roi-narr-wrap {
    margin: -12px 0 18px;
    padding: 14px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    text-align: left;
}

.weekly-roi-narr {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #64748b;
    margin: 0;
}

.weekly-roi-narr--second {
    margin-top: 10px;
}

/* ── Motivational footer text ── */
.weekly-motivate {
    text-align: center;
    font-size: 0.85rem;
    color: #475569;
    margin: 0 0 16px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BÖLÜM 12 — UPSELL & ADD-ON MİMARİSİ
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Upsell Modal Overlay ── */
.upsell-modal {
    position: fixed;
    inset: 0;
    z-index: 9300;
    background: rgba(3, 7, 18, 0.84);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    transition: opacity 0.28s ease;
    pointer-events: none;
}

.upsell-modal--visible {
    opacity: 1;
    pointer-events: auto;
}

/* ── Upsell Modal Box ── */
.upsell-modal-box {
    position: relative;
    background: linear-gradient(155deg, rgba(11, 19, 42, 0.99), rgba(5, 11, 25, 0.99));
    border: 1px solid rgba(0, 229, 255, 0.15);
    border-radius: 28px;
    padding: 44px 40px 36px;
    max-width: 480px;
    width: 100%;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.75), 0 0 60px rgba(0, 229, 255, 0.06);
    transform: scale(0.92) translateY(14px);
    transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.upsell-modal--visible .upsell-modal-box {
    transform: scale(1) translateY(0);
}

.upsell-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.04);
    color: #475569;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
}

.upsell-modal-close:hover {
    background: rgba(255, 255, 255, 0.09);
    color: #94A3B8;
}

.upsell-modal-close .material-icons-round {
    font-size: 17px;
}

/* ── Upsell Header ── */
.upsell-header {
    text-align: center;
    margin-bottom: 28px;
}

.upsell-icon {
    width: 58px;
    height: 58px;
    background: rgba(250, 204, 21, 0.09);
    border: 1.5px solid rgba(250, 204, 21, 0.25);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    box-shadow: 0 0 28px rgba(250, 204, 21, 0.1);
}

.upsell-icon .material-icons-round {
    font-size: 28px;
    color: #FACC15;
}

.upsell-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #F1F5F9;
    margin: 0 0 8px;
    letter-spacing: -0.4px;
}

.upsell-subtitle {
    font-size: 0.85rem;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}

/* ── Upsell Options ── */
.upsell-option {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    border-radius: 16px;
    padding: 16px 18px;
    margin-bottom: 12px;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
    transition: transform 0.15s, box-shadow 0.2s;
}

.upsell-option:hover {
    transform: translateY(-2px);
}

.upsell-option--primary {
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.1), rgba(0, 184, 217, 0.06));
    border: 1.5px solid rgba(0, 229, 255, 0.3);
    box-shadow: 0 4px 20px rgba(0, 229, 255, 0.08);
}

.upsell-option--primary:hover {
    box-shadow: 0 8px 28px rgba(0, 229, 255, 0.15);
}

.upsell-option--secondary {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.upsell-option--secondary:hover {
    border-color: rgba(255, 255, 255, 0.14);
}

.upsell-option-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.upsell-option-icon .material-icons-round {
    font-size: 20px;
    color: #00E5FF;
}

.upsell-option-icon--dim {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

.upsell-option-icon--dim .material-icons-round {
    color: #64748B;
}

.upsell-option-body {
    flex: 1;
    min-width: 0;
}

.upsell-option-title {
    font-size: 0.92rem;
    font-weight: 700;
    color: #F1F5F9;
    margin: 0 0 3px;
}

.upsell-option--primary .upsell-option-title {
    color: #00E5FF;
}

.upsell-option-desc {
    font-size: 0.78rem;
    color: #64748B;
    margin: 0;
}

.upsell-option-badge {
    background: linear-gradient(135deg, #0099bb, #00E5FF);
    color: #030712;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.upsell-option-arrow {
    color: #334155;
    flex-shrink: 0;
}

.upsell-option-arrow .material-icons-round {
    font-size: 20px;
}

.upsell-footer-note {
    font-size: 0.75rem;
    color: #334155;
    text-align: center;
    margin: 4px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

/* ── Purchase Processing Overlay ── */
.upsell-proc-overlay {
    position: fixed;
    inset: 0;
    z-index: 9600;
    background: rgba(3, 7, 18, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: otp-fade-in 0.25s ease both;
}

.upsell-proc-box {
    text-align: center;
    color: #94A3B8;
    font-size: 0.95rem;
}

.upsell-proc-spin {
    font-size: 48px !important;
    color: #00E5FF;
    display: block;
    margin-bottom: 16px;
    animation: smcc-spin 1.2s linear infinite;
}

/* ── Purchase Success Overlay ── */
.upsell-success-overlay {
    position: fixed;
    inset: 0;
    z-index: 9600;
    background: rgba(3, 7, 18, 0.88);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    animation: otp-fade-in 0.3s ease both;
}

.upsell-success-box {
    background: linear-gradient(155deg, rgba(10, 18, 38, 0.99), rgba(5, 11, 25, 0.99));
    border: 1px solid rgba(52, 211, 153, 0.2);
    border-radius: 28px;
    padding: 44px 40px 36px;
    max-width: 420px;
    width: 100%;
    text-align: center;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.7), 0 0 50px rgba(52, 211, 153, 0.06);
    animation: onb-box-in 0.38s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.upsell-success-icon {
    width: 64px;
    height: 64px;
    background: rgba(52, 211, 153, 0.08);
    border: 1.5px solid rgba(52, 211, 153, 0.25);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    box-shadow: 0 0 28px rgba(52, 211, 153, 0.12);
}

.upsell-success-icon .material-icons-round {
    font-size: 30px;
    color: #34D399;
}

.upsell-success-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #F1F5F9;
    margin: 0 0 12px;
}

.upsell-success-desc {
    font-size: 0.88rem;
    color: #64748B;
    line-height: 1.6;
    margin: 0 0 28px;
}

/* ── Ekstra Güç Widget (dashboard) ── */
.addon-widget {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(0, 229, 255, 0.1);
    border-radius: 22px;
    padding: 28px 32px;
    margin-top: 32px;
    margin-bottom: 0;
}

.addon-widget-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.addon-widget-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: rgba(250, 204, 21, 0.09);
    border: 1px solid rgba(250, 204, 21, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.addon-widget-icon .material-icons-round {
    font-size: 22px;
    color: #FACC15;
}

.addon-widget-title {
    font-size: 1rem;
    font-weight: 700;
    color: #F1F5F9;
    margin: 0 0 4px;
}

.addon-widget-subtitle {
    font-size: 0.82rem;
    color: #475569;
    margin: 0;
}

.addon-items-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

@media (max-width: 700px) {
    .addon-items-row {
        grid-template-columns: 1fr;
    }
}

.addon-item {
    position: relative;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 18px;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.addon-item:hover {
    border-color: rgba(0, 229, 255, 0.2);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

.addon-item--featured {
    border-color: rgba(0, 229, 255, 0.25);
    background: rgba(0, 229, 255, 0.04);
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.06);
}

.addon-item-badge {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #0099bb, #00E5FF);
    color: #030712;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 3px 12px;
    border-radius: 20px;
    white-space: nowrap;
}

.addon-item-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addon-item-icon .material-icons-round {
    font-size: 22px;
}

.addon-item-icon--cyan {
    background: rgba(0, 229, 255, 0.1);
    color: #00E5FF;
    border: 1px solid rgba(0, 229, 255, 0.2);
}

.addon-item-icon--gold {
    background: rgba(250, 204, 21, 0.1);
    color: #FACC15;
    border: 1px solid rgba(250, 204, 21, 0.2);
}

.addon-item-icon--green {
    background: rgba(52, 211, 153, 0.1);
    color: #34D399;
    border: 1px solid rgba(52, 211, 153, 0.2);
}

.addon-item-name {
    font-size: 0.82rem;
    font-weight: 600;
    color: #CBD5E1;
    margin: 0;
    line-height: 1.35;
}

.addon-item-price {
    font-size: 1.55rem;
    font-weight: 800;
    color: #F1F5F9;
    margin: 0;
    line-height: 1;
}

.addon-item-price span {
    font-size: 0.85rem;
    font-weight: 600;
    color: #64748B;
    margin-left: 2px;
}

.btn-addon-buy {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 11px;
    border: 1px solid rgba(0, 229, 255, 0.25);
    background: transparent;
    color: #00E5FF;
    font-family: 'Outfit', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    width: 100%;
    justify-content: center;
}

.btn-addon-buy:hover {
    background: rgba(0, 229, 255, 0.08);
    transform: translateY(-1px);
}

.btn-addon-buy .material-icons-round {
    font-size: 15px;
}

.btn-addon-buy--featured {
    background: linear-gradient(135deg, rgba(0, 153, 187, 0.15), rgba(0, 229, 255, 0.12));
    border-color: rgba(0, 229, 255, 0.4);
    box-shadow: 0 4px 14px rgba(0, 229, 255, 0.12);
}

.btn-addon-buy--featured:hover {
    background: linear-gradient(135deg, rgba(0, 153, 187, 0.25), rgba(0, 229, 255, 0.2));
}

/* ── Video Merkezi Upsell Banner ── */
.vm-upsell-banner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    background: rgba(0, 229, 255, 0.04);
    border: 1px solid rgba(0, 229, 255, 0.18);
    border-radius: 18px;
    padding: 18px 24px;
    margin: 20px 0 4px;
    overflow: hidden;
}

.vm-upsell-banner-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(0, 229, 255, 0.07), transparent);
    pointer-events: none;
    animation: vm-banner-glow 3s ease-in-out infinite alternate;
}

@keyframes vm-banner-glow {
    from {
        opacity: 0.6;
    }

    to {
        opacity: 1;
    }
}

.vm-upsell-banner-icon {
    font-size: 28px !important;
    color: #FACC15;
    filter: drop-shadow(0 0 8px rgba(250, 204, 21, 0.5));
    flex-shrink: 0;
    animation: sandbox-blink 2s ease-in-out infinite;
}

.vm-upsell-banner-text {
    flex: 1;
    font-size: 0.9rem;
    color: #94A3B8;
    margin: 0;
    line-height: 1.5;
    min-width: 200px;
}

.vm-upsell-banner-text strong {
    color: #F1F5F9;
}

.btn-upsell-banner {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(0, 153, 187, 0.2), rgba(0, 229, 255, 0.14));
    border: 1.5px solid rgba(0, 229, 255, 0.4);
    border-radius: 12px;
    color: #00E5FF;
    font-family: 'Outfit', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.1);
}

.btn-upsell-banner:hover {
    background: linear-gradient(135deg, rgba(0, 153, 187, 0.3), rgba(0, 229, 255, 0.22));
    transform: translateY(-1px);
    box-shadow: 0 4px 24px rgba(0, 229, 255, 0.18);
}

.btn-upsell-banner .material-icons-round {
    font-size: 16px;
}

.vm-upsell-banner--premium {
    background: rgba(250, 204, 21, 0.06);
    border: 1px solid rgba(250, 204, 21, 0.28);
    margin-top: 12px;
}

.vm-upsell-banner-glow--gold {
    background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(250, 204, 21, 0.12), transparent);
}

.vm-upsell-banner-icon--gold {
    color: #EAB308 !important;
    filter: drop-shadow(0 0 10px rgba(234, 179, 8, 0.45));
}

.vm-upsell-banner-text--premium strong {
    color: #fef9c3;
}

.btn-upsell-banner--gold {
    background: linear-gradient(135deg, rgba(161, 98, 7, 0.35), rgba(234, 179, 8, 0.2));
    border: 1.5px solid rgba(250, 204, 21, 0.45);
    color: #FACC15;
    box-shadow: 0 0 20px rgba(250, 204, 21, 0.12);
}

.btn-upsell-banner--gold:hover {
    background: linear-gradient(135deg, rgba(161, 98, 7, 0.45), rgba(234, 179, 8, 0.28));
    box-shadow: 0 4px 24px rgba(250, 204, 21, 0.22);
}

/* Kota: %80 toast */
.emlakchi-quota-toast {
    position: fixed;
    right: 20px;
    bottom: 24px;
    max-width: min(360px, calc(100vw - 40px));
    padding: 16px 18px;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(17, 24, 39, 0.96));
    border: 1px solid rgba(0, 229, 255, 0.25);
    color: #e2e8f0;
    font-size: 0.88rem;
    line-height: 1.45;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 229, 255, 0.08);
    z-index: 10050;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.emlakchi-quota-toast.emlakchi-quota-toast--visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Kota doldu modalı */
.quota-exhausted-modal {
    position: fixed;
    inset: 0;
    z-index: 10100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: blur(8px);
}

.quota-exhausted-modal__panel {
    width: 100%;
    max-width: 520px;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 18px;
    padding: 28px 24px 22px;
    background: linear-gradient(165deg, #0f172a 0%, #0a0f1a 100%);
    border: 1px solid rgba(51, 65, 85, 0.55);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}

.quota-exhausted-modal__title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #f8fafc;
    margin: 0 0 10px;
    text-align: center;
    line-height: 1.25;
}

.quota-exhausted-modal__desc {
    font-size: 0.92rem;
    color: #94a3b8;
    text-align: center;
    margin: 0 0 22px;
    line-height: 1.5;
}

.quota-exhausted-modal__cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px;
}

.quota-exhausted-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(30, 41, 59, 0.5);
}

.quota-exhausted-card--gold {
    border-color: rgba(250, 204, 21, 0.35);
    background: rgba(120, 53, 15, 0.15);
}

.quota-exhausted-card__text {
    font-size: 0.88rem;
    color: #e2e8f0;
    margin: 0;
    flex: 1;
    min-width: 180px;
}

.quota-exhausted-modal__later {
    display: block;
    width: 100%;
    margin-top: 8px;
    padding: 12px;
    border: none;
    border-radius: 10px;
    background: rgba(51, 65, 85, 0.5);
    color: #94a3b8;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s, color 0.2s;
}

.quota-exhausted-modal__later:hover {
    background: rgba(71, 85, 105, 0.55);
    color: #e2e8f0;
}

/* ═══════════════════════════════════════════════════════════
   STORY OLUŞTURUCU — Dinamik Overlay + Giriş Formu
   ═══════════════════════════════════════════════════════════ */

/* Story form sol sütun */
.smcc-story-form {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* 2 kolonlu oda/alan ızgarası, özellik satırları tam genişlik */
.story-inputs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 14px;
}

/* ─── Dinamik Story Overlay ─── */
.smcc-story-overlay-dynamic {
    position: absolute;
    left: 0;
    right: 0;
    padding: 14px 16px;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(2, 8, 20, 0.75) 25%,
            rgba(2, 8, 20, 0.96) 100%);
    display: flex;
    flex-direction: column;
    gap: 7px;
}

/* Oda + Alan çiplerinin olduğu satır */
.story-ol-specs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.story-ol-chip {
    font-family: 'Outfit', sans-serif;
    font-size: 0.88rem;
    font-weight: 800;
    color: #00e5ff;
    background: rgba(0, 229, 255, 0.12);
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 20px;
    padding: 2px 10px;
    letter-spacing: 0.02em;
}

.story-ol-dot {
    color: rgba(255, 255, 255, 0.4);
    font-size: 1.1rem;
}

/* Özellik satırları */
.story-ol-features {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.story-ol-feat {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Outfit', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
}

.story-ol-feat .material-icons-round {
    font-size: 14px;
    color: #fbbf24;
}

/* Marka adı alt çizgi */
.story-ol-brand {
    font-family: 'Outfit', sans-serif;
    font-size: 0.65rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    color: rgba(0, 229, 255, 0.55);
    text-transform: uppercase;
    margin-top: 2px;
}

/* ═══════════════════════════════════════════════════════════
   PORTFÖY KARTI — 3'lü Görsel Grid
   ═══════════════════════════════════════════════════════════ */

.smcc-a4-photos-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 5px;
    height: 100%;
    min-height: 130px;
}

/* Ana görsel sol sütun: tüm satır yüksekliği */
.smcc-a4-photo-main-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smcc-a4-photo-main {
    width: 100%;
    height: 100%;
    min-height: 130px;
    object-fit: cover;
    border-radius: 6px;
    display: none;
}

/* Sağ sütun: 2 küçük kare üst üste */
.smcc-a4-photos-mini {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 5px;
}

.smcc-a4-photo-sm-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smcc-a4-photo-sm {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: none;
}

/* Placeholder: görsel seçilmemişken gri arka plan + ikon */
.smcc-a4-ph-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #94a3b8;
    font-size: 0.6rem;
    pointer-events: none;
}

.smcc-a4-ph-placeholder .material-icons-round {
    font-size: 20px;
    color: #cbd5e1;
}

.smcc-a4-ph--main .material-icons-round {
    font-size: 28px;
}

/* ═══════════════════════════════════════════════════════════
   PORTFÖY KARTI — Gerçek QR Görseli
   ═══════════════════════════════════════════════════════════ */

.smcc-a4-qr-img {
    width: 56px;
    height: 56px;
    border-radius: 6px;
    object-fit: contain;
    border: 1.5px solid rgba(0, 229, 255, 0.25);
    background: #fff;
    padding: 2px;
    display: block;
}

/* ═══════════════════════════════════════════════════════════
   STORY OVERLAY — Lüks Metin Bandı (v2)
   ═══════════════════════════════════════════════════════════ */

/* Oda + Alan satırı — büyük, altın/neon */
.story-ol-oda-alan {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 800;
    color: #fbbf24;
    letter-spacing: 0.04em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    line-height: 1.2;
}

/* Özellikler satırı — ince, beyaz */
.story-ol-ozellikler {
    font-family: 'Outfit', sans-serif;
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: 0.02em;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    line-height: 1.3;
}

/* ═══════════════════════════════════════════════════════════
   PORTFÖY KARTI — İki-Kolonlu Yatay Layout (v2)
   Ana görsel sol | Logo+Bilgiler+2KüçükGörsel sağ
   ═══════════════════════════════════════════════════════════ */

/* Kartın iç yatay düzeni */
.smcc-a4-layout {
    display: flex;
    gap: 0;
    height: 100%;
    flex: 1;
    min-height: 0;
}

/* Sol sütun: tam yükseklik ana görsel */
.smcc-a4-left {
    flex: 0 0 42%;
    display: flex;
    flex-direction: column;
}

.smcc-a4-main-img-wrap {
    position: relative;
    flex: 1;
    overflow: hidden;
    border-radius: 6px 0 0 6px;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}

.smcc-a4-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px 0 0 6px;
    display: none;
}

/* Sağ sütun: header + bilgiler + küçük görseller + footer */
.smcc-a4-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    min-height: 0;
}

/* 2 Küçük görsel — sağ alt */
.smcc-a4-sub-imgs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin-top: auto;
    padding-top: 8px;
}

.smcc-a4-sub-img-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background: #e2e8f0;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smcc-a4-sub-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    display: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Abonelik — SaaS pricing (abonelik.html)
   Arka plan #0a0f1a, kartlar #111827, vurgu cyan-400 uyumu
   ═══════════════════════════════════════════════════════════════════════════ */

body.page-abonelik {
    background: #0a0f1a;
}

body.page-abonelik .sidebar {
    border-right-color: rgba(34, 211, 238, 0.06);
}

/* Abonelik — sadece sidebar metin logosu: EMLAK turkuaz, CHI açık gri (ana başlığa dokunulmaz) */
body.page-abonelik .sidebar .logo-text-emlak {
    color: #22d3ee;
    text-shadow: 0 0 20px rgba(34, 211, 238, 0.45);
}

body.page-abonelik .sidebar .logo-text-chi {
    color: #e2e8f0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

.subscription-page-main {
    --subscription-accent: #22d3ee;
    --subscription-card: #111827;
    --subscription-card-border: rgba(148, 163, 184, 0.12);
    background: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(34, 211, 238, 0.08) 0%, transparent 50%),
        linear-gradient(180deg, #0a0f1a 0%, #06090f 100%);
    flex: 1;
}

.subscription-hero {
    max-width: 1120px;
    margin: 0 auto 40px;
    text-align: center;
    position: relative;
}

.subscription-hero__title {
    font-size: clamp(1.85rem, 4vw, 2.75rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #f8fafc;
    line-height: 1.12;
    margin-bottom: 12px;
    text-shadow: 0 0 40px rgba(34, 211, 238, 0.15);
}

.subscription-hero__title em {
    font-style: normal;
    color: var(--subscription-accent);
}

.subscription-hero__lead {
    color: #94a3b8;
    font-size: 1.05rem;
    max-width: 560px;
    margin: 0 auto 28px;
    line-height: 1.55;
}

.subscription-discount-bar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px 20px;
    padding: 14px 22px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.85);
    border: 1px solid var(--subscription-card-border);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.06), 0 20px 50px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    position: relative;
    z-index: 5;
    pointer-events: auto;
}

.subscription-discount-bar__label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
    font-size: 0.95rem;
    color: #e2e8f0;
}

.subscription-discount-bar__label input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.subscription-toggle-track {
    width: 48px;
    height: 26px;
    border-radius: 999px;
    background: rgba(71, 85, 105, 0.6);
    position: relative;
    transition: background 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s ease;
    flex-shrink: 0;
}

.subscription-toggle-thumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f1f5f9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s ease;
}

.subscription-discount-bar__label input:focus-visible+.subscription-toggle-track {
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.35);
}

.subscription-discount-bar__label input:checked+.subscription-toggle-track {
    background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);
    box-shadow: 0 0 24px rgba(34, 211, 238, 0.35);
}

.subscription-discount-bar__label input:checked+.subscription-toggle-track .subscription-toggle-thumb {
    transform: translateX(22px);
    background: #0a0f1a;
}

.subscription-pricing-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    max-width: 1120px;
    margin: 0 auto;
    align-items: stretch;
}

@media (min-width: 960px) {
    .subscription-pricing-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }
}

.subscription-pricing-grid--lux {
    gap: 28px;
    max-width: 1180px;
}

@media (min-width: 960px) {
    .subscription-pricing-grid--lux {
        gap: 24px;
    }
}

.subscription-pricing-grid--lux .subscription-pricing-card {
    overflow: visible;
    padding: 32px 26px 28px;
    border-radius: 24px;
    background: linear-gradient(165deg, rgba(17, 24, 39, 0.98) 0%, rgba(15, 23, 42, 0.99) 100%);
}

.subscription-pricing-card--solo {
    border-color: rgba(148, 163, 184, 0.14);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
}

.subscription-pricing-card--solo::before {
    background: linear-gradient(145deg, rgba(226, 232, 240, 0.12), transparent 42%, transparent);
    opacity: 0.55;
}

.subscription-pricing-card--solo .subscription-plan-name {
    color: #f8fafc;
}

.subscription-pricing-card--growth.subscription-pricing-card--featured {
    background: linear-gradient(168deg, #101827 0%, #0c1220 40%, rgba(6, 182, 212, 0.07) 100%);
    border-color: rgba(34, 211, 238, 0.38);
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.1),
        0 32px 64px rgba(0, 0, 0, 0.55),
        0 0 80px rgba(34, 211, 238, 0.06);
}


.subscription-pricing-card--power {
    border-color: rgba(217, 119, 6, 0.38);
    background: linear-gradient(168deg, #14100c 0%, #111827 42%, rgba(180, 83, 9, 0.1) 100%);
    box-shadow:
        0 0 0 1px rgba(251, 191, 36, 0.08),
        0 22px 48px rgba(0, 0, 0, 0.48),
        0 0 48px rgba(217, 119, 6, 0.06);
}

.subscription-pricing-card--power::before {
    background: linear-gradient(145deg, rgba(251, 191, 36, 0.16), transparent 46%, transparent);
    opacity: 0.75;
}

.subscription-pricing-card--power .subscription-plan-name {
    color: #fde68a;
    text-shadow: 0 0 28px rgba(251, 191, 36, 0.18);
}

.subscription-plan-price-host--growth {
    margin-bottom: 22px;
}

.subscription-plan-price-host--power {
    margin-bottom: 22px;
}

.subscription-price-current--solo {
    color: #f1f5f9;
    text-shadow: 0 0 28px rgba(248, 250, 252, 0.12);
}

.subscription-price-current--growth {
    color: #5eead4;
    text-shadow: 0 0 36px rgba(45, 212, 191, 0.35);
}

.subscription-price-current--power {
    color: #fcd34d;
    text-shadow: 0 0 28px rgba(251, 191, 36, 0.28);
}

.subscription-feature-list--lux-min {
    text-align: left;
    width: 100%;
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
}

.subscription-feature-list--lux-min li {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 8px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    font-size: 0.92rem;
    font-weight: 400;
    letter-spacing: 0.01em;
    color: rgba(226, 232, 240, 0.92);
    line-height: 1.45;
}

.subscription-feature-list--lux-min li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.subscription-digital-term {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    outline: none;
    vertical-align: baseline;
}

.subscription-digital-term__label {
    border-bottom: 1px dashed rgba(148, 163, 184, 0.45);
    cursor: help;
    color: #f8fafc;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.subscription-digital-term:hover .subscription-digital-term__label,
.subscription-digital-term:focus .subscription-digital-term__label {
    border-bottom-color: rgba(34, 211, 238, 0.55);
    color: #fff;
}

.subscription-digital-term__icon {
    font-size: 16px !important;
    width: 16px;
    height: 16px;
    color: rgba(148, 163, 184, 0.75) !important;
    flex-shrink: 0;
    margin-top: 0 !important;
    transition: color 0.2s ease;
}

.subscription-digital-term:hover .subscription-digital-term__icon,
.subscription-digital-term:focus .subscription-digital-term__icon {
    color: rgba(34, 211, 238, 0.9) !important;
}

.subscription-pricing-card--power .subscription-digital-term:hover .subscription-digital-term__label,
.subscription-pricing-card--power .subscription-digital-term:focus .subscription-digital-term__label {
    border-bottom-color: rgba(251, 191, 36, 0.55);
}

.subscription-pricing-card--power .subscription-digital-term:hover .subscription-digital-term__icon,
.subscription-pricing-card--power .subscription-digital-term:focus .subscription-digital-term__icon {
    color: rgba(251, 191, 36, 0.85) !important;
}

.subscription-digital-term__tooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 12px);
    transform: translateX(-50%) translateY(6px);
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.015em;
    color: #e2e8f0;
    background: rgba(15, 23, 42, 0.97);
    border: 1px solid rgba(51, 65, 85, 0.75);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(34, 211, 238, 0.08);
    width: max-content;
    max-width: min(288px, 78vw);
    z-index: 30;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.22s ease,
        visibility 0.22s ease,
        transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.subscription-digital-term__tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top-color: rgba(15, 23, 42, 0.97);
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
}

.subscription-digital-term:hover .subscription-digital-term__tooltip,
.subscription-digital-term:focus .subscription-digital-term__tooltip,
.subscription-digital-term:focus-within .subscription-digital-term__tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

@media (hover: none) {
    .subscription-digital-term__tooltip {
        left: 0;
        transform: translateX(0) translateY(6px);
        max-width: 100%;
    }

    .subscription-digital-term:focus .subscription-digital-term__tooltip,
    .subscription-digital-term:focus-within .subscription-digital-term__tooltip {
        transform: translateX(0) translateY(0);
    }
}

.btn-sub-solo {
    background: rgba(255, 255, 255, 0.05);
    color: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.btn-sub-solo:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(226, 232, 240, 0.35);
    color: #fff;
}

.btn-sub-growth {
    background: linear-gradient(135deg, #2dd4bf 0%, #22d3ee 100%);
    color: #0a0f1a;
    border: 1px solid rgba(45, 212, 191, 0.6);
}

.btn-sub-growth:hover {
    filter: brightness(1.06);
    box-shadow: 0 0 28px rgba(45, 212, 191, 0.45);
}

.btn-sub-power {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    color: #0a0f1a;
    border: 1px solid rgba(251, 191, 36, 0.55);
}

.btn-sub-power:hover {
    filter: brightness(1.05);
    box-shadow: 0 0 28px rgba(251, 191, 36, 0.4);
}

.subscription-pricing-card {
    background: var(--subscription-card);
    border: 1px solid var(--subscription-card-border);
    border-radius: 22px;
    padding: 28px 22px 26px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s ease, border-color 0.35s ease;
    overflow: hidden;
}

.subscription-pricing-card--align-center {
    align-items: center;
    text-align: center;
}

.subscription-pricing-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(145deg, rgba(34, 211, 238, 0.15), transparent 40%, transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.7;
}

.subscription-pricing-card:hover {
    transform: translateY(-6px);
    border-color: rgba(34, 211, 238, 0.25);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(34, 211, 238, 0.08);
}

.subscription-pricing-card--featured {
    border-color: rgba(34, 211, 238, 0.45);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.12), 0 28px 56px rgba(0, 0, 0, 0.5);
    background: linear-gradient(165deg, #111827 0%, #0f172a 45%, rgba(6, 182, 212, 0.08) 100%);
}

@media (min-width: 960px) {
    .subscription-pricing-card--featured {
        transform: scale(1.04);
        z-index: 2;
    }

    .subscription-pricing-card--featured:hover {
        transform: scale(1.04) translateY(-6px);
    }
}

.subscription-pricing-card__badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #22d3ee, #06b6d4);
    color: #0a0f1a;
    padding: 5px 18px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 8px 24px rgba(34, 211, 238, 0.35);
}

.subscription-pricing-card__head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 12px 0;
    min-height: 2.1rem;
    width: 100%;
    text-align: center;
}

.subscription-pricing-card__head .subscription-pricing-card__badge--popular {
    margin-left: auto;
    margin-right: auto;
}

/* Premium — rozet akışta, başlıkla çakışmaz */
.subscription-pricing-card__badge--popular {
    position: static;
    transform: none;
    left: auto;
    top: auto;
    max-width: 100%;
    padding: 7px 14px;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.35;
    text-align: center;
    white-space: nowrap;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.99) 100%);
    color: #e0f2fe;
    border: 1px solid rgba(34, 211, 238, 0.4);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}

.subscription-plan-name {
    font-size: clamp(1.5rem, 2.6vw, 1.8rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #f1f5f9;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.subscription-pricing-card--featured .subscription-plan-name {
    color: var(--subscription-accent);
}

.subscription-pricing-grid--lux .subscription-pricing-card h2.subscription-plan-name {
    font-size: clamp(1.9rem, 4vw, 2.65rem);
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.08;
    margin-bottom: 12px;
}

.subscription-pricing-card--ultra {
    border-color: rgba(217, 119, 6, 0.45);
    background: linear-gradient(165deg, #15100a 0%, #111827 38%, rgba(180, 83, 9, 0.12) 100%);
    box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.1), 0 20px 48px rgba(0, 0, 0, 0.5), 0 0 40px rgba(217, 119, 6, 0.08);
}

.subscription-pricing-card--ultra::before {
    background: linear-gradient(145deg, rgba(251, 191, 36, 0.22), transparent 45%, transparent);
    opacity: 0.85;
}

.subscription-pricing-card--ultra:hover {
    border-color: rgba(251, 191, 36, 0.4);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(251, 191, 36, 0.15);
}

.subscription-pricing-card--ultra .subscription-plan-name {
    color: #fbbf24;
    text-shadow: 0 0 28px rgba(251, 191, 36, 0.2);
}

.subscription-plan-desc {
    color: #94a3b8;
    font-size: 0.92rem;
    line-height: 1.45;
    margin: 0 auto 18px;
    min-height: 2.8em;
    width: 100%;
    max-width: 22rem;
    text-align: center;
}

.subscription-pricing-card--align-center .subscription-plan-name,
.subscription-pricing-card--align-center .subscription-plan-desc,
.subscription-pricing-card--align-center .subscription-plan-price-host {
    text-align: center;
}

.subscription-plan-price-host {
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.subscription-plan-price-mount {
    width: 100%;
    max-width: 100%;
    display: block;
}

/* Premium / Ultra — 4K çıktı prestij rozeti (abonelik + landing) */
.subscription-prestige-4k-badge {
    margin: 0 0 14px 0;
    padding: 11px 16px;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.4;
    color: #fffbeb;
    background: linear-gradient(135deg,
            rgba(146, 64, 14, 0.55) 0%,
            rgba(245, 158, 11, 0.35) 45%,
            rgba(120, 53, 15, 0.5) 100%);
    border: 1px solid rgba(251, 191, 36, 0.65);
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.4) inset,
        0 6px 24px rgba(245, 158, 11, 0.18);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    max-width: 100%;
    box-sizing: border-box;
}

.subscription-price-display {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.subscription-price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 12px;
    row-gap: 10px;
}

.subscription-price-strike {
    font-size: clamp(1rem, 2.6vw, 1.2rem);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #64748b;
    opacity: 0.88;
    text-decoration: line-through;
    text-decoration-color: rgba(100, 116, 139, 0.85);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    font-variant-numeric: tabular-nums;
}

.subscription-price-current {
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.subscription-price-current--pro {
    color: #f8fafc;
    text-shadow: 0 0 28px rgba(148, 163, 184, 0.35);
}

.subscription-price-current--premium {
    color: #22d3ee;
    text-shadow: 0 0 32px rgba(34, 211, 238, 0.35);
}

.subscription-price-current--ultra {
    color: #fbbf24;
    text-shadow: 0 0 28px rgba(251, 191, 36, 0.28);
}

.subscription-price-suffix {
    font-size: 0.95rem;
    font-weight: 600;
    color: #64748b;
    letter-spacing: 0.02em;
}

.subscription-launch-pill {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #e0f2fe;
    background: linear-gradient(145deg, rgba(14, 165, 233, 0.26), rgba(99, 102, 241, 0.12));
    border: 1px solid rgba(56, 189, 248, 0.5);
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.65) inset,
        0 4px 18px rgba(14, 165, 233, 0.14);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    white-space: nowrap;
}

.subscription-price-caption {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 500;
    color: #94a3b8;
    letter-spacing: 0.02em;
    line-height: 1.35;
    max-width: 22rem;
}

.subscription-price-caption--muted {
    color: #64748b;
    font-size: 0.68rem;
}

.subscription-price-yearly-total {
    margin: 2px 0 0;
    font-size: 0.78rem;
    font-weight: 600;
    color: #cbd5e1;
    letter-spacing: 0.01em;
    font-variant-numeric: tabular-nums;
}

.subscription-price-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subscription-price-yearly {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.subscription-price-main-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 10px 16px;
}

.subscription-price-amount {
    font-size: clamp(1.35rem, 3.4vw, 1.85rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.subscription-price-year-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #64748b;
}

.subscription-plan-price-line {
    font-size: clamp(1.85rem, 4vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
    display: inline-block;
    text-align: center;
}

#pro-price {
    color: #f8fafc;
}

.subscription-plan-price-line--premium,
#premium-price {
    color: #22d3ee;
}

.subscription-plan-price-line--ultra,
#ultra-price {
    color: #fbbf24;
}

.subscription-price-main-row .old-price {
    font-size: clamp(1rem, 2.5vw, 1.25rem);
    margin-right: 0;
}

.old-price {
    text-decoration: line-through;
    color: #ff6b6b;
    font-size: 0.7em;
    margin-right: 5px;
}

.subscription-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 26px 0;
    flex-grow: 1;
}

.subscription-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 13px;
    color: #e2e8f0;
    font-size: 0.9rem;
    line-height: 1.45;
}

.subscription-feature-list .material-icons-round {
    color: var(--subscription-accent);
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 1px;
}

.subscription-feature-list--ultra .material-icons-round {
    color: #fbbf24;
}

.subscription-feature-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
}

.feature-badge--lansman {
    display: inline-flex;
    align-items: center;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fcd34d;
    background: rgba(120, 53, 15, 0.35);
    border: 1px solid rgba(251, 191, 36, 0.28);
    padding: 3px 9px;
    border-radius: 7px;
    white-space: nowrap;
}

.subscription-feature-list .subscription-whatsapp-row {
    align-items: center;
}

/* Alt madde — Eksper Sinematik altında HeyGen satırı (Premium / Ultra) */
.subscription-feature-list .subscription-feature-sub {
    display: block;
    padding-left: calc(20px + 11px);
    margin-top: -5px;
    margin-bottom: 13px;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.45;
    letter-spacing: 0.02em;
}

.subscription-feature-sub__text {
    display: block;
}

.subscription-feature-sub--premium .subscription-feature-sub__text {
    color: rgba(248, 250, 252, 0.58);
}

.subscription-feature-sub--ultra .subscription-feature-sub__text {
    font-weight: 500;
    color: #facc15;
    text-shadow: 0 0 18px rgba(250, 204, 21, 0.22);
}

.subscription-whatsapp-row .material-icons-round {
    color: #25d366;
    filter: drop-shadow(0 0 6px rgba(37, 211, 102, 0.35));
}

.btn-plan {
    width: 100%;
    padding: 14px 16px;
    border-radius: var(--radius-md);
    font-weight: 700;
    font-size: 0.98rem;
    text-align: center;
    transition: var(--transition);
    cursor: pointer;
    border: none;
    font-family: inherit;
}

.subscription-page-main .btn-subscribe {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
    border-radius: var(--radius-md);
    font-weight: 700;
    font-size: 0.98rem;
    text-align: center;
    transition: var(--transition);
    font-family: inherit;
    position: relative;
    z-index: 4;
    pointer-events: auto;
}

.btn-subscribe {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.btn-subscribe:active {
    transform: scale(0.99);
}

.subscription-page-main .btn-subscribe:disabled {
    opacity: 0.88;
    cursor: wait;
    pointer-events: none;
}

.btn-sub-pro {
    background: rgba(255, 255, 255, 0.04);
    color: #f1f5f9;
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.btn-sub-pro:hover {
    background: rgba(34, 211, 238, 0.08);
    border-color: rgba(34, 211, 238, 0.35);
    color: #fff;
}

.btn-sub-premium {
    background: #22d3ee;
    color: #0a0f1a;
    border: 1px solid #22d3ee;
}

.btn-sub-premium:hover {
    filter: brightness(1.07);
    box-shadow: 0 0 24px rgba(34, 211, 238, 0.45);
}

.btn-sub-ultra {
    background: #fbbf24;
    color: #0a0f1a;
    border: 1px solid #fbbf24;
}

.btn-sub-ultra:hover {
    filter: brightness(1.05);
    box-shadow: 0 0 24px rgba(251, 191, 36, 0.45);
}

.subscription-fup-note {
    text-align: center;
    margin-top: 36px;
    padding: 0 12px;
    color: #64748b;
    font-size: 0.82rem;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}

/* İyzico yönlendirme modalı — .iyzico-modal + .emlakchi-payment-modal (app.js) */
.iyzico-modal.emlakchi-payment-modal {
    position: fixed;
    inset: 0;
    z-index: 10060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.28s ease;
}

.iyzico-modal.emlakchi-payment-modal.emlakchi-payment-modal--visible {
    opacity: 1;
    pointer-events: auto;
}

.iyzico-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 15, 26, 0.82);
    backdrop-filter: blur(10px);
}

.iyzico-modal__panel {
    position: relative;
    width: 100%;
    max-width: 420px;
    padding: 40px 28px 34px;
    border-radius: 20px;
    background: linear-gradient(165deg, #0f172a 0%, #0a0f1a 55%, #111827 100%);
    border: 1px solid rgba(51, 65, 85, 0.6);
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(34, 211, 238, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    text-align: center;
    transform: translateY(12px) scale(0.98);
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.iyzico-modal.emlakchi-payment-modal.emlakchi-payment-modal--visible .iyzico-modal__panel {
    transform: translateY(0) scale(1);
}

.iyzico-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
}

.iyzico-modal__close:hover {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

.iyzico-modal__spinner {
    width: 52px;
    height: 52px;
    margin: 0 auto 22px;
    border-radius: 50%;
    border: 3px solid rgba(51, 65, 85, 0.9);
    border-top-color: #22d3ee;
    border-right-color: rgba(34, 211, 238, 0.35);
    animation: emlakchi-pay-spin 0.9s linear infinite;
    box-shadow: 0 0 20px rgba(34, 211, 238, 0.12);
}

.iyzico-modal__title {
    font-size: 1.15rem;
    font-weight: 800;
    color: #f8fafc;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.iyzico-modal__text {
    font-size: 0.95rem;
    line-height: 1.55;
    color: #94a3b8;
    margin: 0;
}

.iyzico-modal__plan {
    margin: 14px 0 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748b;
    letter-spacing: 0.02em;
}

.emlakchi-payment-modal {
    position: fixed;
    inset: 0;
    z-index: 10060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.28s ease;
}

.emlakchi-payment-modal.emlakchi-payment-modal--visible {
    opacity: 1;
    pointer-events: auto;
}

.emlakchi-payment-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 15, 26, 0.82);
    backdrop-filter: blur(10px);
}

.emlakchi-payment-modal__panel {
    position: relative;
    width: 100%;
    max-width: 420px;
    padding: 40px 28px 34px;
    border-radius: 20px;
    background: linear-gradient(165deg, #0f172a 0%, #0a0f1a 55%, #111827 100%);
    border: 1px solid rgba(51, 65, 85, 0.6);
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(34, 211, 238, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    text-align: center;
    transform: translateY(12px) scale(0.98);
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.emlakchi-payment-modal--visible .emlakchi-payment-modal__panel {
    transform: translateY(0) scale(1);
}

.emlakchi-payment-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
}

.emlakchi-payment-modal__close:hover {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

.emlakchi-payment-modal__spinner {
    width: 52px;
    height: 52px;
    margin: 0 auto 22px;
    border-radius: 50%;
    border: 3px solid rgba(51, 65, 85, 0.9);
    border-top-color: #22d3ee;
    border-right-color: rgba(34, 211, 238, 0.35);
    animation: emlakchi-pay-spin 0.9s linear infinite;
    box-shadow: 0 0 20px rgba(34, 211, 238, 0.12);
}

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

.emlakchi-payment-modal__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #f8fafc;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
}

.emlakchi-payment-modal__text {
    font-size: 0.95rem;
    line-height: 1.55;
    color: #94a3b8;
    margin: 0;
}

@media (max-width: 959px) {
    .subscription-page-main {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.old-price {
    text-decoration: line-through;
    color: #ff4d4d;
    font-size: 0.7em;
    margin-right: 8px;
}

.badge-free {
    background: rgba(0, 229, 255, 0.15);
    color: #00e5ff;
    font-size: 0.65rem;
    padding: 3px 8px;
    border-radius: 12px;
    margin-left: 8px;
    font-weight: 700;
    vertical-align: middle;
}

.legal-header {
    margin-bottom: 30px;
}

.legal-header h2 {
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 8px;
}

.legal-header p {
    color: #8b95a5;
    font-size: 1rem;
}

.legal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    padding-bottom: 40px;
}

.legal-card {
    background: #151a23;
    border: 1px solid #2a303c;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.legal-card:hover {
    border-color: #00e5ff;
    box-shadow: 0 5px 20px rgba(0, 229, 255, 0.1);
    transform: translateY(-4px);
}

.legal-card-icon {
    font-size: 2rem;
    color: #00e5ff;
    margin-bottom: 15px;
}

.legal-card h3 {
    color: #ffffff;
    font-size: 1.15rem;
    margin-bottom: 10px;
}

.legal-card p {
    color: #8b95a5;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 20px;
    flex-grow: 1;
}

.legal-card-actions {
    display: flex;
    gap: 10px;
    width: 100%;
    margin-top: auto;
}

/* Hukuk: Yetki belgesi kartı — alt butonlar + modal tetikleyici */
.legal-card .doc-card-footer {
    display: flex;
    gap: 10px;
    width: 100%;
    margin-top: auto;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.legal-card .btn-doc-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}

.btn-download-legal {
    flex: 1;
    background: transparent;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn-pdf {
    border: 1px solid #ff4757;
    color: #ff4757;
}

.btn-pdf:hover {
    background: #ff4757;
    color: #151a23;
}

.btn-word {
    border: 1px solid #2e86de;
    color: #2e86de;
}

.btn-word:hover {
    background: #2e86de;
    color: #151a23;
}

.shop-header {
    margin-bottom: 40px;
    text-align: center;
}

.shop-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}

.shop-title-wrapper h2 {
    color: #fff;
    font-size: 2.2rem;
    margin: 0;
}

.badge-premium {
    background: linear-gradient(45deg, #FFD700, #FFA500);
    color: #000;
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 800;
    letter-spacing: 1px;
}

.shop-header p {
    color: #8b95a5;
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

.shop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding-bottom: 50px;
}

.shop-card {
    background: #1a202c;
    border: 1px solid #2d3748;
    border-radius: 16px;
    padding: 30px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.shop-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
    border-color: #4a5568;
}

.premium-glow {
    border-color: rgba(255, 215, 0, 0.3);
}

.premium-glow:hover {
    border-color: #FFD700;
    box-shadow: 0 12px 30px rgba(255, 215, 0, 0.15);
}

.shop-icon {
    font-size: 2.5rem;
    color: #00e5ff;
    margin-bottom: 20px;
}

.premium-glow .shop-icon {
    color: #FFD700;
}

.shop-card h3 {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 12px;
}

.shop-card p {
    color: #a0aec0;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 25px;
    flex-grow: 1;
}

/* Mağaza: hacim indirimli adet seçici */
.shop-qty-picker {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
}

.shop-qty-option {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    font-size: 0.78rem;
    color: #cbd5e1;
    border-radius: 999px;
    border: 1px solid #334155;
    background: #0f172a;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.shop-qty-option input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.shop-qty-option .shop-qty-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 12px;
    border-radius: 999px;
    line-height: 1.2;
}

.shop-qty-option:hover {
    border-color: rgba(0, 229, 255, 0.45);
}

.shop-qty-option:has(input:checked) {
    background: #00e5ff;
    border-color: #00e5ff;
    color: #0f172a;
    box-shadow: 0 0 14px rgba(0, 229, 255, 0.35);
}

.shop-qty-option:has(input:checked) .shop-qty-label {
    color: #0f172a;
}

.shop-qty-discount-badge {
    position: absolute;
    top: -7px;
    right: -4px;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    padding: 2px 5px;
    border-radius: 6px;
    background: rgba(0, 229, 255, 0.18);
    color: #67e8f9;
    border: 1px solid rgba(0, 229, 255, 0.35);
    pointer-events: none;
    white-space: nowrap;
}

.shop-qty-option:has(input:checked) .shop-qty-discount-badge {
    background: #0f172a;
    color: #00e5ff;
    border-color: #0f172a;
}

.shop-price {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px;
}

.shop-price .shop-price-unit {
    font-size: 0.9rem;
    color: #718096;
    font-weight: 400;
    display: block;
    margin-top: 4px;
}

.shop-price .shop-price-main {
    display: inline-block;
}

.btn-shop-buy {
    background: #00e5ff;
    color: #0f172a;
    border: none;
    padding: 14px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s;
    width: 100%;
}

.btn-shop-buy:hover {
    background: #00c4cc;
}

.premium-glow .btn-shop-buy {
    background: linear-gradient(45deg, #FFD700, #FDB931);
}

.premium-glow .btn-shop-buy:hover {
    background: linear-gradient(45deg, #FDB931, #E5B91A);
}

/* Dijital Mağaza: dar sütun (220–240px) + kompakt kart — yan yana 4–5 kart */
.page-magaza .shop-grid.shop-grid--compact {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 14px 16px;
    padding-bottom: 40px;
}

.page-magaza .shop-card.product-card {
    padding: 1rem;
    border-radius: 12px;
}

.page-magaza .shop-card .shop-icon {
    font-size: 2rem;
    margin-bottom: 10px;
}

.page-magaza .shop-card h3 {
    font-size: 1.1rem;
    margin-bottom: 8px;
    line-height: 1.25;
}

.page-magaza .shop-card p {
    font-size: 0.82rem;
    margin-bottom: 14px;
    line-height: 1.45;
}

.page-magaza .shop-qty-picker {
    margin-bottom: 8px;
    gap: 4px;
}

.page-magaza .shop-qty-option {
    font-size: 0.62rem;
}

.page-magaza .shop-qty-option .shop-qty-label {
    padding: 5px 8px;
}

.page-magaza .shop-qty-discount-badge {
    top: -5px;
    right: -3px;
    font-size: 0.5rem;
    padding: 1px 4px;
}

.page-magaza .shop-price {
    font-size: 1.44rem;
    margin-bottom: 12px;
}

.page-magaza .shop-price .shop-price-unit {
    font-size: 0.72rem;
    margin-top: 2px;
}

.page-magaza .btn-shop-buy {
    padding: 10px 12px;
    font-size: 0.85rem;
    border-radius: 8px;
}

.promo-store-banner {
    background: linear-gradient(135deg, #152033 0%, #0d121c 100%);
    border: 1px solid #00e5ff;
    border-radius: 16px;
    padding: 30px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 229, 255, 0.1);
}

.promo-content {
    position: relative;
    z-index: 2;
    max-width: 70%;
}

.badge-premium-large {
    background: linear-gradient(45deg, #FFD700, #FFA500);
    color: #000;
    font-size: 0.8rem;
    padding: 5px 12px;
    border-radius: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 12px;
}

.promo-content h2 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 10px;
}

.promo-content p {
    color: #a0aec0;
    font-size: 1.05rem;
    margin-bottom: 20px;
    line-height: 1.5;
}

.btn-go-store {
    background: #00e5ff;
    color: #0f172a;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.btn-go-store:hover {
    background: #fff;
    color: #00e5ff;
    transform: translateX(5px);
}

.promo-icon-bg {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12rem;
    color: rgba(0, 229, 255, 0.05);
    z-index: 1;
    transition: all 0.5s ease;
}

.promo-store-banner:hover .promo-icon-bg {
    transform: translateY(-50%) scale(1.1) rotate(-10deg);
    color: rgba(0, 229, 255, 0.1);
}

.wizard-header {
    text-align: center;
    margin-bottom: 30px;
}

.wizard-header h2 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 10px;
}

.wizard-header p {
    color: #a0aec0;
    margin-bottom: 20px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.progress-container {
    width: 100%;
    max-width: 600px;
    height: 12px;
    background: #1a202c;
    border-radius: 10px;
    margin: 0 auto 10px;
    overflow: hidden;
    border: 1px solid #2d3748;
}

.progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #00e5ff, #007acc);
    transition: width 0.4s ease, box-shadow 0.35s ease, filter 0.35s ease;
    border-radius: inherit;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.35), 0 0 20px rgba(0, 229, 255, 0.12);
    filter: drop-shadow(0 0 4px rgba(0, 229, 255, 0.45));
}

/* Panel özet çubukları: sayfa yükünde 0 → hedef (portre: sınıf .progress-bar--meter yok) */
@keyframes emlakchi-dashboard-meter-fill {
    0% {
        width: 0%;
        box-shadow: 0 0 6px rgba(0, 229, 255, 0.35), 0 0 14px rgba(0, 229, 255, 0.15);
        filter: drop-shadow(0 0 3px rgba(0, 229, 255, 0.4));
    }

    100% {
        width: var(--pb-target, 100%);
        box-shadow: 0 0 16px rgba(0, 229, 255, 0.55), 0 0 32px rgba(0, 229, 255, 0.22);
        filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.55));
    }
}

.progress-bar.progress-bar--meter {
    transition: none;
    width: 0%;
    animation: emlakchi-dashboard-meter-fill 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.progress-text {
    color: #00e5ff;
    font-weight: 700;
}

.upload-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 15px;
    max-width: 800px;
    margin: 0 auto 40px;
}

.upload-box {
    aspect-ratio: 1;
    background: #151a23;
    border: 2px dashed #4a5568;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    color: #718096;
}

.upload-box:hover {
    border-color: #00e5ff;
    color: #00e5ff;
    background: rgba(0, 229, 255, 0.05);
}

.upload-box.uploaded {
    border: 2px solid #00e5ff;
    background: rgba(0, 229, 255, 0.1);
    color: #00e5ff;
}

.wizard-footer {
    text-align: center;
}

.btn-start-training {
    background: linear-gradient(45deg, #00e5ff, #007acc);
    color: #fff;
    padding: 15px 40px;
    border: none;
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.3s, transform 0.3s;
}

.btn-start-training:disabled {
    background: #2d3748;
    color: #718096;
    cursor: not-allowed;
}

.btn-start-training:not(:disabled):hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 229, 255, 0.2);
}

/* --- DİNAMİK MODAL STİLLERİ --- */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.dynamic-modal {
    background: #151a23;
    border: 1px solid #2d3748;
    border-radius: 16px;
    width: 90%;
    max-width: 500px;
    transform: scale(0.9);
    transition: all 0.3s ease;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    max-height: 95vh !important;
    overflow: hidden !important;
}

.modal-overlay.active .dynamic-modal {
    transform: scale(1);
}

.modal-header {
    padding: 20px 25px;
    border-bottom: 1px solid #2d3748;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.modal-title-area {
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal-title-area i {
    color: #00e5ff;
    font-size: 1.5rem;
}

.modal-title-area h3 {
    color: #fff;
    font-size: 1.3rem;
    margin: 0;
}

.btn-close-modal {
    background: transparent;
    border: none;
    color: #718096;
    font-size: 1.2rem;
    cursor: pointer;
    transition: color 0.3s;
}

.btn-close-modal:hover {
    color: #ff4757;
}

.modal-body {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    min-height: 0 !important;
    padding: 25px 10px;
    scrollbar-width: thin;
    scrollbar-color: #2d3748 transparent;
}

.modal-body::-webkit-scrollbar {
    width: 8px;
}

.modal-body::-webkit-scrollbar-thumb {
    background: #2d3748;
    border-radius: 4px;
}

.modal-desc {
    color: #a0aec0;
    margin-bottom: 20px;
    font-size: 0.95rem;
    line-height: 1.5;
}

.modal-form-area {
    background: #1a202c;
    padding: 15px;
    border-radius: 10px;
    border: 1px dashed #4a5568;
}

.custom-input,
.custom-select {
    width: 100%;
    background: #0f172a;
    border: 1px solid #2d3748;
    color: #fff;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 15px;
    font-family: inherit;
}

.custom-input:focus,
.custom-select:focus {
    outline: none;
    border-color: #00e5ff;
}

.custom-file-upload {
    display: block;
    text-align: center;
    padding: 20px;
    background: rgba(0, 229, 255, 0.05);
    border: 1px dashed #00e5ff;
    color: #00e5ff;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
}

.custom-file-upload:hover {
    background: rgba(0, 229, 255, 0.1);
}

.modal-footer {
    position: sticky !important;
    bottom: 0 !important;
    padding: 20px !important;
    margin-top: 0 !important;
    background: #151a23 !important;
    border-top: 1px solid #2d3748 !important;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    z-index: 100 !important;
}

.modal-price-tag {
    color: #a0aec0;
    font-size: 1rem;
}

.modal-price-tag span {
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    margin-left: 5px;
}

.btn-checkout {
    background: #00e5ff;
    color: #0f172a;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-checkout:hover {
    background: #fff;
    transform: translateX(3px);
}

.hidden-file {
    display: none;
}

.form-hint {
    display: block;
    font-size: 0.8rem;
    color: #718096;
    margin-top: 8px;
    text-align: center;
}

.custom-file-upload.success {
    border-color: #00e5ff;
    background: rgba(0, 229, 255, 0.1);
    color: #fff;
}

/* --- ÖDEME MODALI --- */
.payment-modal {
    max-width: 450px;
}

.payment-header {
    background: rgba(0, 255, 136, 0.05);
    border-bottom: 1px solid rgba(0, 255, 136, 0.2);
}

.text-success {
    color: #00ff88 !important;
}

.payment-summary {
    text-align: center;
    background: #0f172a;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px dashed #2d3748;
}

.payment-summary span {
    color: #a0aec0;
    font-size: 0.9rem;
}

.payment-summary h2 {
    color: #fff;
    font-size: 2.2rem;
    margin: 5px 0 0 0;
    font-weight: 800;
}

.credit-card-form label {
    display: block;
    color: #a0aec0;
    font-size: 0.85rem;
    margin-bottom: 5px;
}

.card-details-row {
    display: flex;
    gap: 15px;
}

.card-col {
    flex: 1;
}

.iyzico-badge {
    text-align: center;
    font-size: 0.85rem;
    color: #718096;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.iyzico-badge i {
    color: #0052cc;
    font-size: 1.1rem;
}

.btn-pay {
    width: 100%;
    justify-content: center;
    background: #0052cc;
    color: white;
    border-radius: 8px;
    font-size: 1.1rem;
    position: relative;
    transition: all 0.3s;
}

.btn-pay:hover {
    background: #0065ff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 82, 204, 0.3);
}

.loader {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 3px solid #fff;
    width: 22px;
    height: 22px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.text-info {
    color: #00e5ff;
}

.text-warning {
    color: #ffc107;
}

.text-center {
    text-align: center;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

/* Lüks Paket Kartları (Kompakt Versiyon) */
.premium-package-card {
    background: #151a23;
    border: 1px solid #2d3748;
    border-radius: 10px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
    margin-bottom: 12px;
    margin-top: 25px;
    /* Üstteki elemente binmeyi engeller */
}

.premium-package-card+.premium-package-card {
    margin-top: 0;
    /* İkinci kartın arasını normal tutar */
}

.premium-package-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.premium-package-card.border-cyan {
    border-color: rgba(0, 229, 255, 0.3);
}

.premium-package-card.border-cyan:hover {
    border-color: rgba(0, 229, 255, 0.6);
}

.premium-package-card.border-yellow {
    border-color: rgba(255, 193, 7, 0.3);
}

.premium-package-card.border-yellow:hover {
    border-color: rgba(255, 193, 7, 0.6);
}

.package-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
    background: #0f172a;
}

.package-icon-box.icon-cyan {
    color: #00e5ff;
    border: 1px solid rgba(0, 229, 255, 0.2);
}

.package-icon-box.icon-yellow {
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.2);
}

.package-text-area {
    flex-grow: 1;
    color: #a0aec0;
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.4;
}

.package-text-area b {
    color: #fff;
}

/* Kutu Butonlar (Kompakt Versiyon) */
.btn-package-buy {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    flex-shrink: 0;
    font-size: 0.85rem;
}

.btn-package-buy:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.btn-package-cyan {
    background: #00e5ff;
    color: #0f172a;
}

.btn-package-cyan:hover {
    background: #fff;
}

.btn-package-yellow {
    background: #ffc107;
    color: #0f172a;
}

.btn-package-yellow:hover {
    background: #fff;
}

.btn-package-buy.btn-shop-buy {
    width: auto;
    max-width: none;
}

/* Video Merkezi: yatay upsell banner içi adet seçici (mağaza neon stili, yükseklik artmadan) */
.premium-package-card .vm-upsell-qty-picker {
    margin: 0;
    flex-shrink: 0;
    align-self: center;
    flex-wrap: nowrap;
    gap: 6px;
    max-width: min(100%, 280px);
}

.premium-package-card .vm-upsell-qty-picker .shop-qty-option .shop-qty-label {
    padding: 6px 9px;
    font-size: 0.7rem;
}

.premium-package-card .vm-upsell-qty-picker .shop-qty-discount-badge {
    font-size: 0.52rem;
    top: -6px;
    right: -3px;
}

@media (max-width: 900px) {
    .premium-package-card .vm-upsell-qty-picker {
        flex-wrap: wrap;
        justify-content: flex-end;
        max-width: 100%;
    }
}

/* Video Merkezi — «Emlak Tanıtım Videosu ek hakları» bandı: ikon + metin dikey ortalama */
.vm-neon-upsell-tanitim .vm-upsell-tanitim-icon-text {
    display: flex;
    align-items: center;
    align-self: center;
}

.vm-neon-upsell-tanitim .vm-upsell-tanitim-icon {
    flex-shrink: 0;
    align-self: center;
}

.vm-neon-upsell-tanitim .vm-upsell-tanitim-lead-copy {
    margin-top: 2px;
    margin-bottom: 0;
    padding: 0;
    flex: 1;
    min-width: 0;
}

/* Fatura Seçenekleri Alanı */
.billing-options-area {
    border-top: 1px dashed #2d3748;
    padding-top: 15px;
}

.custom-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #a0aec0;
    font-size: 0.85rem;
    cursor: pointer;
}

.custom-checkbox-label input[type="checkbox"] {
    accent-color: #00e5ff;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.custom-checkbox-label span {
    user-select: none;
}

.billing-details-form {
    animation: slideDown 0.3s ease forwards;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Kota Progress Barları */
.progress-bar-bg {
    width: 100%;
    height: 8px;
    background: #0f172a;
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar-fill {
    height: 100%;
    border-radius: 10px;
    transition: width 1s ease-in-out;
}

.fill-cyan {
    background: linear-gradient(90deg, #0080ff, #00e5ff);
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.4);
}

.fill-yellow {
    background: linear-gradient(90deg, #ff9900, #ffc107);
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.4);
}

.fill-danger {
    background: linear-gradient(90deg, #cc0044, #ff3366);
    box-shadow: 0 0 10px rgba(255, 51, 102, 0.4);
}

/* AI Daktilo ve Yükleme Efektleri */
.ai-typing-cursor::after {
    content: '|';
    animation: blink 1s step-start infinite;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

.btn-loading-state {
    position: relative;
    pointer-events: none;
    opacity: 0.8;
}

.btn-loading-state span {
    visibility: hidden;
}

.btn-loading-state::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

/* Açılır Menü (Select/Option) Karanlık Tema Düzeltmesi */
select.custom-input {
    background-color: #0f172a !important;
    /* Koyu lacivert arka plan */
    color: #ffffff !important;
    /* Beyaz yazı */
    cursor: pointer;
}

select.custom-input option {
    background-color: #151a23 !important;
    /* Seçeneklerin arka planı biraz daha açık lacivert/gri */
    color: #ffffff !important;
    /* Seçenek yazıları beyaz */
    padding: 10px;
}

/* Seçiliyken veya üzerine gelindiğinde (Hover/Focus state tarayıcı desteklediği kadarıyla) */
select.custom-input option:checked,
select.custom-input option:hover {
    background-color: #00e5ff !important;
    color: #1e293b !important;
}

/* --- MOBİL UYUMLULUK (RESPONSIVE) --- */
.mobile-header {
    display: none;
}

.sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    z-index: 998;
    opacity: 0;
    transition: opacity 0.3s ease;
}

@media (max-width: 768px) {
    body.theme-neon {
        flex-direction: column;
        align-items: stretch;
    }

    /* Mobil Header'ı Göster */
    .mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        background: #0f172a;
        border-bottom: 1px solid #2d3748;
        position: sticky;
        top: 0;
        z-index: 997;
    }

    /* Ana İçeriği Sola Yasla */
    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 15px !important;
    }

    /* Sol Menüyü (Sidebar) Gizle ve Çekmece Yap */
    .sidebar {
        position: fixed !important;
        left: -300px !important;
        top: 0 !important;
        height: 100vh !important;
        width: 280px !important;
        z-index: 999 !important;
        transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: 5px 0 15px rgba(0, 0, 0, 0.5);
    }

    /* Menü Açık Durumu */
    .sidebar.active {
        left: 0 !important;
    }

    .sidebar-overlay.active {
        display: block;
        opacity: 1;
    }

    /* --- MOBİL İÇERİK DÜZENLEMELERİ --- */
    /* Izgaraları (Grid) ve Flex yapıları alt alta (1 sütun) diz */
    .grid-container,
    .dashboard-cards,
    .dashboard-grid,
    .form-grid,
    .pricing-tables,
    .form-row,
    .integration-cards {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 15px !important;
    }

    /* Form inputları ve butonlar tam genişlik olsun */
    .custom-input,
    .btn,
    select.custom-input,
    button {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .mobile-header button {
        width: auto !important;
    }

    /* Tablolar mobilde taşmasın, yatay kaydırılabilsin */
    .table-responsive,
    table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    /* Kartların iç boşluklarını (padding) mobilde biraz daralt ki ekrana sığsın */
    .card,
    .integration-card,
    .pricing-card {
        padding: 15px !important;
        margin-bottom: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Ana içerik alanının mobilde sağdan soldan taşmasını engelle */
    body {
        overflow-x: hidden !important;
    }
}

/* --- TOAST BİLDİRİM SİSTEMİ --- */
.toast-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.custom-toast {
    background: #151a23;
    border-left: 4px solid #00e5ff;
    color: #fff;
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.9rem;
    font-weight: 500;
    transform: translateX(120%);
    animation: slideInToast 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.custom-toast.hide {
    animation: slideOutToast 0.4s ease forwards;
}

.custom-toast.success {
    border-left-color: #00e5ff;
}

.custom-toast.success i {
    color: #00e5ff;
}

.custom-toast.info {
    border-left-color: #38bdf8;
}

.custom-toast.info i {
    color: #38bdf8;
}

.custom-toast.warning {
    border-left-color: #fbbf24;
}

.custom-toast.warning i {
    color: #fbbf24;
}

.custom-toast.error {
    border-left-color: #f87171;
}

.custom-toast.error i {
    color: #f87171;
}

@keyframes slideInToast {
    to {
        transform: translateX(0);
    }
}

@keyframes slideOutToast {
    to {
        transform: translateX(120%);
        opacity: 0;
    }
}

/* --- BOŞ DURUM (EMPTY STATE) --- */
.empty-state-wrapper {
    background: #151a23;
    border: 1px dashed #2d3748;
    border-radius: 12px;
    padding: 50px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.empty-state-icon {
    font-size: 4rem;
    color: #2d3748;
    margin-bottom: 20px;
}

.empty-state-title {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 10px;
    font-weight: bold;
}

.empty-state-desc {
    color: #a0aec0;
    font-size: 0.95rem;
    max-width: 400px;
    margin: 0 auto 25px auto;
    line-height: 1.6;
}

/* --- SaaS: Satın Alınanlar & Paket Kullanımı --- */
.saas-page-intro {
    color: #94a3b8;
    font-size: 1.05rem;
    margin-top: 8px;
    max-width: 720px;
    line-height: 1.55;
}

.saas-empty-state {
    background: linear-gradient(145deg, #151a23 0%, #0f1419 100%);
    border: 1px dashed rgba(0, 229, 255, 0.25);
    border-radius: 16px;
    padding: 48px 28px;
    text-align: center;
    max-width: 520px;
    margin: 24px auto 0 auto;
}

.saas-empty-icon {
    font-size: 3.5rem;
    color: rgba(0, 229, 255, 0.35);
    margin-bottom: 16px;
}

.saas-empty-state h3 {
    color: #fff;
    font-size: 1.35rem;
    margin-bottom: 10px;
    font-weight: 700;
}

.saas-empty-state p {
    color: #94a3b8;
    margin-bottom: 0;
    font-size: 0.98rem;
}

.saas-toolbox-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 8px;
}

.saas-tool-card {
    background: #1a202c;
    border: 1px solid #2d3748;
    border-radius: 16px;
    padding: 26px 22px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.saas-tool-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 229, 255, 0.35);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.saas-tool-icon {
    font-size: 2.25rem;
    margin-bottom: 14px;
}

.saas-tool-card h3 {
    color: #fff;
    font-size: 1.15rem;
    margin-bottom: 10px;
    font-weight: 700;
}

.saas-tool-tip {
    color: #94a3b8;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 16px;
    flex-grow: 1;
}

.saas-tool-count {
    color: #cbd5e1;
    font-size: 0.95rem;
    margin-bottom: 18px;
}

.btn-saas-action {
    width: 100%;
    background: #00e5ff;
    color: #0f172a;
    border: none;
    padding: 12px 14px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

.btn-saas-action:hover {
    background: #67e8f9;
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.35);
}

.saas-usage-block {
    margin-bottom: 40px;
}

.saas-section-title {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 800;
    margin-bottom: 18px;
    letter-spacing: -0.02em;
}

.saas-usage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}

.saas-usage-card {
    background: #1a202c;
    border: 1px solid #2d3748;
    border-radius: 14px;
    padding: 20px 18px;
}

.saas-usage-head {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #e2e8f0;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 14px;
}

.saas-usage-ico {
    font-size: 1.25rem;
    width: 28px;
    text-align: center;
}

.saas-usage-bar {
    height: 10px;
    background: #0f172a;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid #334155;
}

.saas-usage-bar>span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #00e5ff, #38bdf8);
    transition: width 0.4s ease;
}

.saas-usage-bar--store>span {
    background: linear-gradient(90deg, #22d3ee, #a78bfa);
}

.saas-usage-nums {
    margin-top: 10px;
    font-size: 0.9rem;
    color: #e2e8f0;
}

.saas-muted {
    color: #64748b;
    font-size: 0.88rem;
}

.saas-usage-block .saas-muted a {
    color: var(--accent-primary);
    font-weight: 600;
    text-decoration: none;
}

.saas-usage-block .saas-muted a:hover {
    text-decoration: underline;
}

.custom-toast span {
    max-width: min(420px, 92vw);
    line-height: 1.45;
}

/* Mağaza — iyzico modal sipariş özeti */
.magaza-payment-order {
    text-align: left;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 8px;
}

.order-summary-heading {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #64748b;
    font-weight: 700;
    margin-bottom: 12px;
}

.order-summary-product {
    color: #f1f5f9;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.35;
}

.order-summary-meta {
    color: #94a3b8;
    font-size: 0.95rem;
    margin: 0 0 14px 0;
}

.order-summary-meta strong {
    color: #00e5ff;
    font-weight: 700;
}

.order-summary-total-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.order-summary-total-label {
    font-size: 0.9rem;
    color: #94a3b8;
}

.magaza-payment-order h2 {
    margin: 0;
    font-size: 1.65rem;
    color: #00e5ff;
    text-shadow: 0 0 18px rgba(0, 229, 255, 0.25);
}

/* ═══════════════════════════════════════════════════════════════════════════
   LANDING PAGE (landing.html) — yüksek dönüşüm, neon, responsive
   ═══════════════════════════════════════════════════════════════════════════ */

body.landing-page {
    display: block;
    margin: 0;
    min-height: 100vh;
    background: var(--bg-dark);
}

.landing-bg-mesh {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.landing-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(72px);
    opacity: 0.38;
    animation: landing-orb-drift 18s ease-in-out infinite alternate;
}

.landing-orb--1 {
    width: min(520px, 90vw);
    height: min(520px, 90vw);
    background: radial-gradient(circle, rgba(0, 229, 255, 0.45) 0%, transparent 68%);
    top: -14%;
    right: -8%;
}

.landing-orb--2 {
    width: min(420px, 80vw);
    height: min(420px, 80vw);
    background: radial-gradient(circle, rgba(56, 189, 248, 0.22) 0%, transparent 70%);
    bottom: 5%;
    left: -10%;
    animation-delay: -4s;
}

.landing-orb--3 {
    width: min(300px, 60vw);
    height: min(300px, 60vw);
    background: radial-gradient(circle, rgba(250, 204, 21, 0.12) 0%, transparent 72%);
    top: 42%;
    left: 35%;
    animation-delay: -8s;
}

@keyframes landing-orb-drift {
    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(-12px, 16px) scale(1.04);
    }
}

.landing-shell {
    position: relative;
    z-index: 1;
}

.landing-nav-bar {
    position: sticky;
    top: 0;
    z-index: 50;
    width: 100%;
    /* Alacakaranlık: sayfa kenarlarıyla uyumlu derin lacivert-siyah (parlak gradyan yok) */
    background: rgba(6, 10, 18, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(0, 229, 255, 0.09);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.landing-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 24px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.landing-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex-shrink: 0;
}

.landing-logo-img {
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.15);
}

.landing-logo-text {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.landing-nav-bar .landing-logo .logo-text-emlak {
    color: #00e5ff;
    text-shadow: 0 0 20px rgba(0, 229, 255, 0.5);
}

.landing-nav-bar .landing-logo .logo-text-chi {
    color: #e2e8f0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.landing-nav-bar .landing-logo-img {
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.15);
    background: transparent;
}

.landing-nav-links {
    display: flex;
    align-items: center;
    gap: 22px;
}

.landing-nav-links a {
    color: #00e5ff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: color 0.2s ease, filter 0.2s ease;
    text-shadow: 0 0 14px rgba(0, 229, 255, 0.25);
}

.landing-nav-links a:hover {
    color: #67e8f9;
    filter: brightness(1.08);
}

.landing-nav-cta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.landing-nav-toggle {
    display: none;
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.28);
    color: #00e5ff;
    border-radius: 10px;
    padding: 8px 10px;
    cursor: pointer;
}

.landing-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.88rem;
    text-decoration: none;
    transition: var(--transition);
    border: 1px solid transparent;
    cursor: pointer;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

.landing-btn--primary {
    background: linear-gradient(135deg, #0099bb, #00e5ff);
    color: #0a0f1a;
    border-color: rgba(0, 229, 255, 0.5);
    box-shadow: 0 4px 24px rgba(0, 229, 255, 0.2);
}

.landing-btn--primary:hover {
    filter: brightness(1.06);
    box-shadow: 0 6px 32px rgba(0, 229, 255, 0.35);
}

.landing-btn--ghost {
    background: rgba(255, 255, 255, 0.04);
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.25);
}

.landing-btn--ghost:hover {
    border-color: rgba(0, 229, 255, 0.45);
    color: #fff;
}

.landing-btn--lg {
    padding: 14px 26px;
    font-size: 0.95rem;
    border-radius: 14px;
}

.landing-main {
    padding: 48px 20px 80px;
    max-width: 1180px;
    margin: 0 auto;
}

.landing-hero {
    text-align: center;
    padding: 32px 12px 56px;
    max-width: 880px;
    margin: 0 auto;
    animation: landing-fade-up 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes landing-fade-up {
    from {
        opacity: 0;
        transform: translateY(22px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.landing-eyebrow {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 16px;
}

.landing-hero-title {
    font-size: clamp(2rem, 5vw, 3.15rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.04em;
    color: #f8fafc;
    margin: 0 0 20px;
}

.landing-gradient-text {
    background: linear-gradient(105deg, #67e8f9 0%, #00e5ff 40%, #38bdf8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 0 28px rgba(0, 229, 255, 0.35));
}

.landing-hero-lead {
    font-size: clamp(1rem, 2.2vw, 1.2rem);
    color: #94a3b8;
    line-height: 1.65;
    max-width: 640px;
    margin: 0 auto 32px;
    font-weight: 500;
}

.landing-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    align-items: center;
}

.landing-section-head {
    text-align: center;
    margin-bottom: 36px;
}

.landing-section-head h2 {
    font-size: clamp(1.45rem, 3vw, 1.85rem);
    font-weight: 800;
    color: #f1f5f9;
    margin: 0 0 10px;
    letter-spacing: -0.02em;
}

.landing-section-head p {
    color: #64748b;
    font-size: 0.95rem;
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.55;
}

.landing-features {
    padding: 24px 0 56px;
}

.landing-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

@media (max-width: 900px) {
    .landing-feature-grid {
        grid-template-columns: 1fr;
    }
}

.landing-feature-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 229, 255, 0.1);
    border-radius: 20px;
    padding: 26px 22px;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.landing-feature-card:hover {
    border-color: rgba(0, 229, 255, 0.28);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 229, 255, 0.06);
    transform: translateY(-4px);
}

.landing-feature-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 229, 255, 0.1);
    color: var(--accent-primary);
    margin-bottom: 16px;
}

.landing-feature-icon .material-icons-round {
    font-size: 26px;
}

.landing-feature-icon--gold {
    background: rgba(250, 204, 21, 0.1);
    color: #facc15;
}

.landing-feature-icon--green {
    background: rgba(52, 211, 153, 0.1);
    color: #34d399;
}

.landing-feature-card h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #f1f5f9;
    margin: 0 0 10px;
    line-height: 1.3;
}

.landing-feature-card p {
    font-size: 0.88rem;
    color: #94a3b8;
    line-height: 1.6;
    margin: 0;
}

.landing-pricing {
    padding: 32px 0 48px;
}

.landing-pricing-toggle-wrap {
    justify-content: center;
    margin: 0 auto 24px;
    max-width: 520px;
}

.landing-pricing-alt {
    text-align: center;
    margin-top: 20px;
}

.landing-pricing-alt a {
    color: var(--accent-primary);
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9rem;
}

.landing-pricing-alt a:hover {
    text-decoration: underline;
}

.landing-page .subscription-page-main a.btn-subscribe.landing-plan-cta,
.landing-page .subscription-page-main button.btn-subscribe.landing-plan-cta {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    padding: 14px 16px;
    border-radius: var(--radius-md);
    font-weight: 700;
    font-size: 0.98rem;
    font-family: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.landing-trust {
    padding: 20px 0 48px;
}

.landing-trust-card {
    max-width: 720px;
    margin: 0 auto;
    padding: 28px 32px;
    text-align: center;
    background: linear-gradient(145deg, rgba(0, 229, 255, 0.06) 0%, rgba(15, 23, 42, 0.8) 100%);
    border: 1px solid rgba(0, 229, 255, 0.15);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

.landing-trust-quote {
    font-size: clamp(1rem, 2.4vw, 1.2rem);
    font-weight: 600;
    color: #e2e8f0;
    line-height: 1.55;
    margin: 0 0 22px;
}

.landing-trust-pay {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.landing-trust-pay-label {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #64748b;
    font-weight: 700;
}

.landing-iyzico-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.28);
    color: #e2e8f0;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: 0.02em;
}

.landing-iyzico-badge i {
    color: var(--accent-primary);
}

.landing-footer {
    max-width: 1100px;
    margin: 0 auto;
    padding: 36px 20px 48px;
    border-top: 1px solid rgba(0, 229, 255, 0.08);
    text-align: center;
}

.landing-footer-brand {
    margin-bottom: 14px;
}

.landing-footer-support {
    margin-bottom: 16px;
}

.landing-footer-policies {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px 4px;
    font-size: 0.78rem;
    line-height: 1.7;
}

.landing-footer-policies a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landing-footer-policies a:hover {
    color: var(--accent-primary);
}

.landing-footer-sep {
    color: #334155;
    user-select: none;
    margin: 0 2px;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 900px) {
    .landing-nav {
        flex-wrap: wrap;
    }

    .landing-nav-links,
    .landing-nav-cta {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        order: 4;
        padding: 16px 4px 12px;
        margin-top: 8px;
        border-top: 1px solid rgba(0, 229, 255, 0.1);
        border-radius: 0 0 12px 12px;
        background: rgba(6, 10, 18, 0.98);
        box-shadow: inset 0 1px 0 rgba(0, 229, 255, 0.08);
    }

    .landing-nav-links.landing-nav-links--open,
    .landing-nav-cta.landing-nav-cta--open {
        display: flex;
    }

    .landing-nav-links a {
        padding: 10px 12px;
        color: #00e5ff;
    }

    .landing-nav-cta {
        gap: 10px;
        padding-top: 0;
    }

    .landing-nav-cta .landing-btn {
        justify-content: center;
    }

    .landing-nav-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ADMIN — Kontrol Merkezi (admin.html)
   ═══════════════════════════════════════════════════════════════════════════ */

.page-admin .admin-mobile-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-admin .admin-mobile-brand-text {
    color: #fff;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

.page-admin .admin-logo-area {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 8px !important;
}

.page-admin .admin-brand-lockup {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.page-admin .admin-brand-line1 .logo-text-emlak {
    font-size: 1.35rem;
}

.page-admin .admin-brand-line1 .logo-text-chi {
    font-size: 1.35rem;
}

.page-admin .admin-brand-line2 {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.28em;
    color: #00e5ff;
    text-shadow: 0 0 14px rgba(0, 229, 255, 0.35);
}

.page-admin .admin-god-link {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 18px 12px 0;
    padding: 12px 14px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.82rem;
    color: #0f172a;
    background: linear-gradient(135deg, #22d3ee 0%, #00e5ff 50%, #06b6d4 100%);
    border: 1px solid rgba(0, 229, 255, 0.55);
    box-shadow: 0 4px 22px rgba(0, 229, 255, 0.25);
    transition: var(--transition);
}

.page-admin .admin-god-link:hover {
    filter: brightness(1.06);
    box-shadow: 0 6px 28px rgba(0, 229, 255, 0.4);
}

.page-admin .admin-god-link .material-icons-round {
    font-size: 20px;
}

.page-admin .admin-logout {
    color: #a0aec0;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
}

.page-admin .admin-logout:hover {
    background: rgba(239, 68, 68, 0.12);
    color: #f87171;
}

.page-admin .admin-main {
    max-width: 1200px;
}

.page-admin .admin-page-header {
    margin-bottom: 28px;
}

.page-admin .admin-eyebrow {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #64748b;
    margin: 0 0 8px;
}

.page-admin .admin-page-title {
    font-size: clamp(1.65rem, 3vw, 2.15rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #f8fafc;
    margin: 0 0 10px;
}

.page-admin .admin-accent {
    color: var(--accent-primary);
    text-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
}

.page-admin .admin-lead {
    color: #94a3b8;
    font-size: 0.95rem;
    line-height: 1.55;
    margin: 0;
    max-width: 560px;
}

.page-admin .admin-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 36px;
}

@media (max-width: 1100px) {
    .page-admin .admin-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .page-admin .admin-kpi-grid {
        grid-template-columns: 1fr;
    }
}

.page-admin .admin-kpi-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 229, 255, 0.12);
    border-radius: 16px;
    padding: 20px 18px;
    position: relative;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.page-admin .admin-kpi-card:hover {
    border-color: rgba(0, 229, 255, 0.22);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
}

.page-admin .admin-kpi-card--accent {
    border-color: rgba(0, 229, 255, 0.28);
    box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.06);
}

.page-admin .admin-kpi-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(0, 229, 255, 0.1);
    color: #00e5ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    font-size: 1.1rem;
}

.page-admin .admin-kpi-value {
    font-size: 1.55rem;
    font-weight: 800;
    color: #f1f5f9;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
}

.page-admin .admin-kpi-label {
    font-size: 0.78rem;
    color: #94a3b8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.page-admin .admin-table-section {
    margin-bottom: 32px;
}

.page-admin .admin-table-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.page-admin .admin-table-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #e2e8f0;
    margin: 0;
}

.page-admin .admin-table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.page-admin .admin-btn-report {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    border: 1px solid rgba(0, 229, 255, 0.45);
    background: rgba(0, 229, 255, 0.12);
    color: #e0f2fe;
    transition: var(--transition);
}

.page-admin .admin-btn-report:hover {
    background: rgba(0, 229, 255, 0.2);
    border-color: #00e5ff;
}

.page-admin .admin-btn-report--ghost {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(148, 163, 184, 0.35);
    color: #cbd5e1;
}

.page-admin .admin-btn-report .material-icons-round {
    font-size: 18px;
    color: #00e5ff;
}

.page-admin .admin-table-card {
    background: rgba(15, 23, 42, 0.65);
    border: 1px solid rgba(0, 229, 255, 0.1);
    border-radius: 14px;
    overflow: hidden;
}

.page-admin .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.page-admin .admin-data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.page-admin .admin-data-table th {
    text-align: left;
    padding: 12px 16px;
    background: rgba(0, 229, 255, 0.06);
    color: #94a3b8;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 1px solid rgba(0, 229, 255, 0.12);
}

.page-admin .admin-data-table td {
    padding: 12px 16px;
    color: #e2e8f0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.page-admin .admin-data-table tbody tr:hover td {
    background: rgba(0, 229, 255, 0.04);
}

.page-admin .admin-code {
    font-size: 0.8rem;
    color: #67e8f9;
    background: rgba(0, 229, 255, 0.08);
    padding: 2px 6px;
    border-radius: 6px;
}

.page-admin .admin-pill {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.page-admin .admin-pill--pro {
    background: rgba(148, 163, 184, 0.2);
    color: #e2e8f0;
}

.page-admin .admin-pill--premium {
    background: rgba(34, 211, 238, 0.15);
    color: #22d3ee;
    border: 1px solid rgba(34, 211, 238, 0.35);
}

.page-admin .admin-pill--ultra {
    background: rgba(250, 204, 21, 0.12);
    color: #facc15;
    border: 1px solid rgba(250, 204, 21, 0.35);
}

.page-admin .admin-footer-note {
    text-align: center;
    padding: 28px 12px 20px;
    color: #64748b;
    font-size: 0.82rem;
}

.page-admin .admin-tab-panel {
    display: none;
    animation: admin-tab-in 0.35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.page-admin .admin-tab-panel--active {
    display: block;
}

@keyframes admin-tab-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-admin .admin-nav-link.active {
    color: #00e5ff !important;
    border-left: 3px solid #00e5ff;
    padding-left: 13px;
    margin-left: -3px;
    background: rgba(0, 229, 255, 0.06);
}

.page-admin .admin-ceo-row-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #64748b;
    margin: 8px 0 14px;
}

.page-admin .admin-ceo-row-label .material-icons-round {
    font-size: 18px;
    color: #00e5ff;
}

.page-admin .admin-kpi-grid--ceo {
    margin-bottom: 36px;
}

.page-admin .admin-kpi-card--ceo {
    border-color: rgba(0, 229, 255, 0.18);
}

.page-admin .admin-kpi-hint {
    margin: 8px 0 0;
    font-size: 0.72rem;
    color: #64748b;
    line-height: 1.4;
}

.page-admin .admin-kpi-trend {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 0.78rem;
    font-weight: 600;
}

.page-admin .admin-kpi-trend--positive {
    color: #4ade80;
}

.page-admin .admin-kpi-trend--positive i {
    color: #4ade80;
    filter: drop-shadow(0 0 6px rgba(74, 222, 128, 0.45));
}

.page-admin .admin-kpi-trend--watch {
    color: #fbbf24;
}

.page-admin .admin-kpi-trend--watch i {
    color: #fbbf24;
    filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.35));
}

.page-admin .admin-cohort-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 20px;
    margin-bottom: 22px;
    padding: 14px 18px;
    border-radius: 14px;
    border: 1px solid rgba(0, 229, 255, 0.2);
    background: rgba(0, 229, 255, 0.04);
    box-shadow: 0 0 24px rgba(0, 229, 255, 0.06);
}

.page-admin .admin-cohort-toolbar-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-right: 12px;
}

.page-admin .admin-cohort-toolbar-title .material-icons-round {
    font-size: 18px;
    color: #00e5ff;
}

.page-admin .admin-cohort-range {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
}

.page-admin .admin-cohort-selects {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.page-admin .admin-cohort-sep {
    color: #64748b;
    font-weight: 700;
    padding: 0 2px;
}

.page-admin .admin-cohort-select {
    appearance: none;
    min-width: 118px;
    padding: 8px 28px 8px 12px;
    border-radius: 10px;
    border: 1px solid rgba(0, 229, 255, 0.28);
    background: rgba(15, 23, 42, 0.85);
    color: #e2e8f0;
    font-size: 0.82rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300e5ff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.page-admin .admin-cohort-select:hover,
.page-admin .admin-cohort-select:focus {
    border-color: rgba(0, 229, 255, 0.55);
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 229, 255, 0.12);
}

.page-admin .admin-cohort-select--filter {
    min-width: 160px;
}

.page-admin .admin-btn-investor {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    border: 2px solid rgba(0, 229, 255, 0.55);
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.14), rgba(0, 229, 255, 0.04));
    color: #e0fbff;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition: var(--transition);
}

.page-admin .admin-btn-investor .material-icons-round {
    font-size: 22px;
    color: #00e5ff;
}

.page-admin .admin-btn-investor:hover {
    border-color: #00e5ff;
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.22), rgba(0, 229, 255, 0.08));
    box-shadow: 0 0 28px rgba(0, 229, 255, 0.28);
}

.page-admin .admin-month-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    margin-bottom: 14px;
}

.page-admin .admin-month-filter-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #94a3b8;
}

.page-admin .admin-month-filter-label .material-icons-round {
    font-size: 18px;
    color: #00e5ff;
}

@keyframes admin-kpi-pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    40% {
        opacity: 0.82;
        transform: scale(0.985);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.page-admin .admin-kpi-value.admin-kpi-pulse {
    animation: admin-kpi-pulse 0.45s ease-out;
}

.page-admin .admin-table-actions--wrap {
    justify-content: flex-end;
    max-width: 100%;
}

.page-admin .admin-btn-filter {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(255, 255, 255, 0.04);
    color: #cbd5e1;
    transition: var(--transition);
}

.page-admin .admin-btn-filter:hover {
    border-color: rgba(0, 229, 255, 0.35);
    color: #e2e8f0;
}

.page-admin .admin-btn-filter--on {
    border-color: rgba(248, 113, 113, 0.55);
    background: rgba(248, 113, 113, 0.1);
    color: #fecaca;
    box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.15);
}

.page-admin .admin-data-table--dense th,
.page-admin .admin-data-table--dense td {
    padding: 10px 12px;
    font-size: 0.8rem;
}

.page-admin .admin-table-card--wide {
    max-width: 100%;
}

.page-admin .admin-pill--ok {
    background: rgba(74, 222, 128, 0.12);
    color: #86efac;
    border: 1px solid rgba(74, 222, 128, 0.35);
}

.page-admin .admin-pill--warn {
    background: rgba(251, 191, 36, 0.1);
    color: #fcd34d;
    border: 1px solid rgba(251, 191, 36, 0.35);
}

.page-admin .admin-settings-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 229, 255, 0.12);
    border-radius: 16px;
    padding: 22px 22px 24px;
    margin-bottom: 20px;
    max-width: 560px;
}

.page-admin .admin-settings-title {
    font-size: 1rem;
    font-weight: 700;
    color: #f1f5f9;
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-admin .admin-settings-title i {
    color: #00e5ff;
}

.page-admin .admin-settings-lead {
    font-size: 0.85rem;
    color: #94a3b8;
    margin: 0 0 16px;
    line-height: 1.5;
}

.page-admin .admin-settings-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 16px;
}

@media (max-width: 640px) {
    .page-admin .admin-settings-grid {
        grid-template-columns: 1fr;
    }
}

.page-admin .admin-settings-card--toggle {
    max-width: 640px;
}

.page-admin .admin-maint-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.page-admin .admin-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.page-admin .admin-toggle input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.page-admin .admin-toggle-track {
    width: 52px;
    height: 28px;
    border-radius: 999px;
    background: rgba(71, 85, 105, 0.65);
    position: relative;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    flex-shrink: 0;
}

.page-admin .admin-toggle-thumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f1f5f9;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.page-admin .admin-toggle input:checked+.admin-toggle-track {
    background: linear-gradient(135deg, #22d3ee, #00e5ff);
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
}

.page-admin .admin-toggle input:checked+.admin-toggle-track .admin-toggle-thumb {
    transform: translateX(24px);
    background: #0f172a;
}

.page-admin .admin-settings-hint {
    margin: 14px 0 0;
    font-size: 0.78rem;
    color: #64748b;
}

.page-admin .admin-settings-hint code {
    font-size: 0.72rem;
    color: #94a3b8;
}

/* =============================================================================
   MOBİL — SON RESPONSIVE KATMAN (max-width: 768px)
   Tek sütun, taşma önleme, sosyal carousel / franchise / video paket düzeni,
   sidebar katmanı. Önceki @media(768) ile birlikte çalışır; çakışmada burası geçerli.
   ============================================================================= */
@media (max-width: 768px) {
    html {
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        max-width: 100%;
    }

    body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
        position: relative;
    }

    body.theme-neon .main-content,
    .app-container,
    .main-content {
        max-width: 100%;
    }

    .app-container {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex-direction: column;
        align-items: stretch;
        overflow-x: hidden;
    }

    .main-content,
    .page-wrap,
    .auth-shell,
    .content-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box;
    }

    .content-container {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    /* ─── SIDEBAR / OVERLAY — sola tam oturur, içerik üst üste binmez ─── */
    .mobile-header {
        z-index: 10030;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px;
        flex-wrap: nowrap;
        box-sizing: border-box;
        padding-left: 16px;
        padding-right: 16px;
    }

    /* Mobil üst bar: marka satırı — logo görseli + EMLAKCHI metni yan yana */
    .mobile-header>div:first-of-type {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px;
        flex: 1 1 auto;
        min-width: 0;
    }

    /* Sidebar ile aynı logo.png — mobilde üst barda görünür (FA yer tutucusu ile çakışmayı önler) */
    .mobile-header>div:first-of-type::before {
        content: "";
        display: block !important;
        flex-shrink: 0;
        width: 36px;
        height: 36px;
        max-width: 40px;
        max-height: 40px;
        background: url("logo.png") center center / contain no-repeat;
        filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.35));
    }

    /* HTML’e doğrudan <img class="main-brand-logo"> eklenirse çift logo olmasın */
    .mobile-header>div:first-of-type:has(.main-brand-logo)::before {
        display: none !important;
    }

    .mobile-header .main-brand-logo {
        display: inline-block !important;
        height: clamp(32px, 8vw, 40px) !important;
        width: auto !important;
        max-width: 44px;
        flex-shrink: 0 !important;
        object-fit: contain;
        margin: 0 !important;
        vertical-align: middle;
    }

    /* Yer tutucu FA ikonu — üst barda asıl marka logo.png (::before veya img) ile gösterildiği için gizli */
    .mobile-header>div:first-of-type>i.fas {
        display: none !important;
    }

    .sidebar-overlay {
        z-index: 10040;
    }

    .sidebar {
        width: min(280px, 100%) !important;
        max-width: min(280px, 100%) !important;
        left: -100% !important;
        z-index: 10050 !important;
        background: var(--sidebar-bg) !important;
        box-shadow: none;
    }

    .sidebar.active {
        left: 0 !important;
        box-shadow: 12px 0 32px rgba(0, 0, 0, 0.55) !important;
    }

    /* ─── Sidebar üst marka: logo + EMLAKCHI — mobilde alt alta, ortalı, kırpma yok ─── */
    .sidebar .logo-area {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        box-sizing: border-box !important;
        padding: 18px 14px 20px !important;
        gap: 10px;
        overflow: visible;
    }

    .sidebar .logo-area .main-brand-logo {
        display: block !important;
        margin: 0 auto !important;
        height: clamp(32px, 9vw, 40px) !important;
        width: auto !important;
        max-width: min(100%, 120px) !important;
        flex-shrink: 0;
        object-fit: contain;
    }

    .sidebar .logo-area .logo-text {
        display: block;
        width: 100%;
        max-width: 100%;
        text-align: center;
        line-height: 1.1;
        padding: 0 4px;
        box-sizing: border-box;
        overflow: visible;
    }

    .sidebar .logo-area .logo-text-emlak,
    .sidebar .logo-area .logo-text-chi {
        font-size: clamp(1.05rem, 4.2vw, 1.5rem) !important;
        letter-spacing: -0.04em !important;
        line-height: 1.1 !important;
    }

    /* ─── Sosyal medya: Carousel slayt önizlemesi — 2 sütun ızgara, yatay scrollbar kalkar ─── */
    .smcc-carousel-track-wrap {
        overflow-x: visible !important;
        overflow-y: visible !important;
        padding-bottom: 0;
        width: 100%;
        max-width: 100%;
    }

    .smcc-carousel-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .smcc-slide-card {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* ─── Ayarlar: Franchise logoları — 2 sütun, merkez, overflow-x iptal ─── */
    #franchise-scroll {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 10px !important;
        padding-bottom: 4px !important;
        box-sizing: border-box !important;
    }

    #franchise-scroll .franchise-tile {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* ─── Video Merkezi: ek paket kartı + adet seçici satırı ─── */
    .premium-package-card {
        flex-direction: column !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .premium-package-card .package-icon-box {
        align-self: center;
    }

    .premium-package-card .package-text-area {
        text-align: center;
        width: 100%;
        max-width: 100%;
    }

    .shop-qty-picker,
    .premium-package-card .vm-upsell-qty-picker,
    .vm-upsell-qty-picker {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        align-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        flex-shrink: 1 !important;
    }

    .shop-qty-option,
    .premium-package-card .shop-qty-option {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
        max-width: calc(50% - 4px) !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .shop-qty-option .shop-qty-label {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .premium-package-card .btn-package-buy,
    .premium-package-card .btn-shop-buy {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center;
        box-sizing: border-box !important;
    }

    /* Video: özellik chip’leri — üstteki genel `button { width:100% }` kuralını iptal et */
    .vm-chip,
    .vm-form .vm-chip {
        width: auto !important;
        max-width: 100% !important;
        flex: 0 1 auto !important;
    }

    [id$="-chips"],
    .vm-form [id$="-chips"] {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    /* Tipografi — büyük başlıkları orantılı küçült (inline stilleri de bastırır) */
    h1 {
        font-size: 1.65rem !important;
        line-height: 1.2 !important;
        letter-spacing: -0.02em !important;
    }

    h2 {
        font-size: 1.4rem !important;
        line-height: 1.25 !important;
    }

    h3 {
        font-size: 1.15rem !important;
        line-height: 1.3 !important;
    }

    .page-hero h1,
    .dashboard-header h1,
    .auth-card h1,
    .onboarding-title {
        font-size: 1.65rem !important;
        text-align: center;
    }

    .section-title,
    .saas-section-title {
        font-size: 1.1rem !important;
        text-align: center;
        justify-content: center;
    }

    /* Üst başlık + aksiyon: alt alta, ortalı */
    .dashboard-header,
    .page-header,
    .auth-header {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center;
        gap: 16px !important;
        margin-bottom: 24px !important;
    }

    .dashboard-header>div,
    .page-header>div {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .dashboard-header p,
    .page-hero p,
    .saas-page-intro {
        font-size: 0.95rem !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    /* Tüm grid yapıları → tek sütun */
    .dashboard-grid,
    .dashboard-pulse-stats,
    .dashboard-cards,
    .grid-container,
    .form-grid,
    .form-row,
    .settings-grid,
    .integration-cards,
    .pricing-tables,
    .pricing-grid,
    .shop-grid,
    .legal-grid,
    .upload-grid,
    .saas-toolbox-grid,
    .saas-usage-grid,
    .weekly-stats-grid,
    .addon-items-row,
    .card-details-row,
    .page-admin .admin-settings-grid,
    .magaza-grid,
    .video-grid,
    .social-grid,
    .feature-row,
    .two-col,
    .split-layout,
    .auth-field-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 14px !important;
    }

    /* Flex ile yan yana olan bloklar → dikey */
    .promo-store-banner,
    .membership-banner,
    .promo-banner,
    .checkout-summary-row,
    .plan-compare-row,
    .footer-links,
    .footer-links--panel,
    .user-profile-box,
    .pulse-stat-head {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        gap: 14px !important;
    }

    .promo-content {
        max-width: 100% !important;
        text-align: center;
    }

    .promo-content h2 {
        font-size: 1.35rem !important;
    }

    .promo-icon-bg {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        font-size: 4.5rem !important;
        margin: 8px 0 0;
        opacity: 0.35;
    }

    .membership-banner>div[style*="display: flex"],
    .membership-banner>div:first-child {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        width: 100%;
    }

    /* Kartlar — tam genişlik, simetrik padding, ortalı metin */
    .feature-card,
    .ai-card,
    .pricing-card,
    .integration-card,
    .saas-tool-card,
    .pulse-stat-card,
    .weekly-stat-card,
    .card,
    .shop-card,
    .legal-card,
    .settings-card {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        text-align: center;
        align-items: center;
    }

    .feature-card .card-title,
    .card-title {
        text-align: center;
    }

    .card-icon {
        margin-left: auto;
        margin-right: auto;
    }

    .pulse-stat-head {
        text-align: center;
    }

    .pulse-stat-nums {
        justify-content: center;
    }

    /* Tablo: yatay kaydırma, sayfa gövdesi taşmaz */
    .recent-table-container,
    .table-responsive,
    .admin-table-wrap,
    .data-table-wrap {
        width: 100% !important;
        max-width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
    }

    .main-content table,
    .recent-table-container table,
    .recent-section table {
        display: table !important;
        width: auto;
        min-width: min(520px, 100%);
        max-width: none;
    }

    .recent-section {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    /* Footer: alt alta, ortalı, ayırıcıları gizle */
    .footer-links .footer-links__sep {
        display: none;
    }

    .footer-links,
    .footer-links--panel {
        flex-wrap: wrap !important;
        justify-content: center !important;
        row-gap: 10px;
        column-gap: 12px;
        padding: 16px 8px;
        font-size: 0.82rem;
        line-height: 1.5;
    }

    .footer-links__copy,
    .footer-links__link,
    .footer-support-inline {
        text-align: center;
        display: block;
        width: 100%;
    }

    /* Form elemanları — tam genişlik, rahat dokunma */
    input:not([type="checkbox"]):not([type="radio"]),
    textarea,
    select,
    .custom-input {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 44px;
        box-sizing: border-box !important;
    }

    textarea {
        min-height: 120px;
    }

    /* Butonlar — tam genişlik ana CTA; ikon satırları hariç */
    .btn,
    .btn-primary,
    .btn-secondary,
    .btn-neon,
    .btn-go-store,
    .btn-upgrade-neon,
    .btn-weekly-report,
    .btn-settings-save,
    .onboarding-cta,
    .btn-saas-action,
    .auth-submit,
    .pricing-card .btn {
        width: 100% !important;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
        min-height: 48px;
        padding: 14px 18px !important;
        justify-content: center;
        box-sizing: border-box;
    }

    .onboarding-skip {
        width: 100%;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
        min-height: 44px;
        text-align: center;
    }

    /* Tablo / modal içi ikon butonları — kare dokunma alanı, tam genişlik değil */
    table button,
    .recent-table-container button,
    .weekly-modal-close,
    .weekly-toast-close,
    #btnHamburger,
    .mobile-header button,
    .admin-table-actions button {
        width: auto !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 10px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .nav-links li a {
        min-height: 48px;
        align-items: center;
    }

    /* Modallar — 100vw yerine güvenli genişlik */
    .weekly-modal-box,
    .onboarding-box,
    .modal-box,
    .modal-content {
        width: 100% !important;
        max-width: min(100%, calc(100% - 32px)) !important;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        padding: 20px 16px !important;
    }

    .weekly-modal-header,
    .weekly-hero,
    .onboarding-title,
    .onboarding-desc {
        text-align: center;
    }

    /* ─── CANLI PİYASA / ULTRA HABER — yatay marquee (sayfa taşmaz, sadece bant içi kayar) ─── */
    .ticker-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .ultra-finance-bar,
    .ultra-news-ticker {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 36px;
        overflow: hidden !important;
        box-sizing: border-box !important;
        gap: 0 !important;
    }

    .finance-track-container,
    .ultra-news-ticker .ticker-track-container {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        height: 100% !important;
        position: relative;
        display: flex !important;
        align-items: center !important;
    }

    .finance-track {
        display: flex !important;
        align-items: center !important;
        gap: 40px !important;
        white-space: nowrap !important;
        width: max-content !important;
        padding-left: 20px !important;
        animation: emlakchi-finance-marquee 35s linear infinite !important;
        will-change: transform;
    }

    .finance-track:hover {
        animation-play-state: paused !important;
    }

    .ultra-news-ticker .ticker-track {
        display: flex !important;
        align-items: center !important;
        gap: 28px !important;
        white-space: nowrap !important;
        width: max-content !important;
        padding-left: 20px !important;
        animation: emlakchi-news-marquee 45s linear infinite !important;
        will-change: transform;
    }

    .ultra-news-ticker .ticker-track:hover {
        animation-play-state: paused !important;
    }

    @keyframes emlakchi-finance-marquee {
        0% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(-50%, 0, 0);
        }
    }

    @keyframes emlakchi-news-marquee {
        0% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(-50%, 0, 0);
        }
    }

    /* Genel görsel / video kutuları (.mobile-header .main-brand-logo daha yüksek özgüllükle istisna) */
    img,
    video,
    iframe,
    .document-sim,
    .preview-frame {
        max-width: 100% !important;
        height: auto !important;
    }

}

/* --- AIVERA ilan formu (Dijital Lansman vb.): kategori şeridi & form grid --- */
.aivera-ilan-form .aivera-category-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
    padding: 16px 20px;
    background: rgba(15, 23, 42, 0.65);
    border: 1px solid rgba(0, 229, 255, 0.12);
    border-radius: 16px;
}

.aivera-category-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #e2e8f0;
    font-size: 0.95rem;
}

.aivera-category-label .material-icons-round {
    font-size: 1.25rem;
    color: var(--accent-primary);
}

.aivera-category-toggle {
    display: inline-flex;
    gap: 8px;
    padding: 4px;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.aivera-cat-btn {
    border: none;
    cursor: pointer;
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.03em;
    background: transparent;
    color: #94a3b8;
    transition: color 0.2s, background 0.2s, box-shadow 0.2s;
}

.aivera-cat-btn:hover {
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.05);
}

.aivera-cat-btn.active {
    color: #0f172a;
    background: linear-gradient(135deg, var(--accent-primary), #22d3ee);
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.35);
}

/* --- Dijital Lansman: İşlem tipi (Satılık / Kiralık) --- */
.dl-wizard-islem-tip {
    margin-bottom: 16px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(0, 229, 255, 0.2);
    background: linear-gradient(165deg, rgba(15, 23, 42, 0.75) 0%, rgba(30, 41, 59, 0.45) 100%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
}

.dl-islem-tip-main-label {
    margin: 0 !important;
    flex: 0 0 auto;
    font-weight: 700 !important;
    letter-spacing: 0.03em;
}

.dl-islem-tip-options {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.dl-islem-tip-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(15, 23, 42, 0.5);
    font-size: 0.92rem;
    font-weight: 600;
    color: #cbd5e1;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
    user-select: none;
}

.dl-islem-tip-pill input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.dl-islem-tip-pill input:focus-visible + span {
    outline: 2px solid var(--accent-primary);
    outline-offset: 2px;
    border-radius: 4px;
}

.dl-islem-tip-pill:has(input:checked) {
    border-color: rgba(0, 229, 255, 0.55);
    background: rgba(0, 229, 255, 0.12);
    color: #e0fafe;
    box-shadow: 0 0 16px rgba(0, 229, 255, 0.15);
}

.dl-islem-tip-pill:hover {
    border-color: rgba(0, 229, 255, 0.35);
}

@supports not selector(:has(*)) {
    .dl-islem-tip-pill input:checked ~ span {
        color: #e0fafe;
    }
}

/* Textarea + Kopyala (Dijital Lansman) */
.dl-textarea-copy-bar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px 14px;
    flex-wrap: wrap;
    margin-bottom: 8px;
    width: 100%;
    box-sizing: border-box;
}

.dl-textarea-copy-bar .btn-copy-text.ai-btn-copy {
    flex-shrink: 0;
    align-self: flex-start;
}

.dl-carousel-post-caption-field .custom-input,
.dl-story-seo-caption-wrap .custom-input {
    width: 100%;
    box-sizing: border-box;
}

.dl-story-seo-caption-wrap {
    margin-top: 14px;
    width: 100%;
}

.story-tags-input-wrap {
    margin-bottom: 12px;
}

.story-tags-input-wrap .tag-input-container {
    margin-top: 8px;
}

.dl-carousel-seo-slide-head .btn-copy-text.ai-btn-copy,
button.dl-carousel-slide-copy-btn {
    padding: 6px 12px !important;
    font-size: 0.75rem !important;
}

@media (max-width: 560px) {
    .dl-textarea-copy-bar {
        flex-direction: column;
        align-items: stretch;
    }
    .dl-textarea-copy-bar .btn-copy-text.ai-btn-copy {
        width: 100%;
        justify-content: center;
    }
}

.dl-wizard-cat-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 10px;
}

@media (max-width: 640px) {
    .dl-wizard-cat-row {
        grid-template-columns: 1fr;
    }
}

.dl-wizard-cat-row .dl-wizard-cat-btn {
    padding: 18px 16px;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    border-radius: 16px;
    border: 1px solid rgba(0, 229, 255, 0.22);
    background: rgba(15, 23, 42, 0.55);
}

.dl-wizard-cat-row .dl-wizard-cat-btn:hover {
    border-color: rgba(0, 229, 255, 0.45);
    background: rgba(0, 229, 255, 0.08);
}

.dl-wizard-cat-row .dl-wizard-cat-btn.active,
.dl-wizard-cat-row .aivera-cat-btn.dl-wizard-cat-btn.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #00e5ff, #22d3ee, #6366f1);
    border-color: rgba(255, 255, 255, 0.35) !important;
    box-shadow:
        0 0 0 1px rgba(0, 229, 255, 0.35),
        0 8px 28px rgba(0, 229, 255, 0.25);
    text-shadow: 0 1px 2px rgba(15, 23, 42, 0.35);
}

/* Wizard: alt tip / imar — kategori ile senkron tek seçici */
.dl-property-subtype-card {
    margin-bottom: 14px;
    padding: 14px 16px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.94), rgba(30, 41, 59, 0.62));
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
}

.dl-property-subtype-card .input-label {
    font-weight: 800;
    letter-spacing: 0.06em;
    font-size: 0.72rem;
    text-transform: uppercase;
    color: #cbd5e1;
}

.dl-property-subtype-select {
    width: 100%;
    margin-top: 8px;
}

.dl-property-subtype-hint {
    margin: 10px 0 0;
    font-size: 0.82rem;
    color: #94a3b8;
    line-height: 1.5;
}

.aivera-ilan-form:has(#dl_property_subtype) #section-konut .input-group:has(#konut_subtype),
.aivera-ilan-form:has(#dl_property_subtype) #section-isyeri .input-group:has(#isyeri_subtype),
.aivera-ilan-form:has(#dl_property_subtype) #section-arsa .input-group:has(#land_imar) {
    display: none !important;
}

.dl-wizard-footnote {
    margin-bottom: 20px !important;
}

.dl-autofill-wizard-grid {
    margin-bottom: 8px;
}

.dl-wizard-features-block {
    margin-top: 24px;
    padding-top: 8px;
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.dl-wizard-features-title {
    margin-bottom: 8px !important;
}

.dl-wizard-features-note {
    margin: 0 0 12px;
    font-size: 0.78rem;
    line-height: 1.45;
    color: #94a3b8;
    font-weight: 500;
    letter-spacing: 0.02em;
    max-width: 42rem;
}

.dl-pdf-tags-hint {
    margin: 0 0 8px;
    font-size: 0.78rem;
    line-height: 1.45;
    color: #94a3b8;
    font-weight: 500;
}

.dl-pdf-tags-container {
    margin-top: 4px;
}

.dl-pdf-tags-empty {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.4;
    color: #64748b;
}

.dl-pdf-mirror-tag.dl-pdf-mirror-tag {
    cursor: pointer;
}

.tag-input-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.pdf-custom-tag {
    background: #0054a6;
    color: #fff;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.85rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    user-select: none;
    max-width: 100%;
}

.pdf-custom-tag:hover {
    filter: brightness(1.08);
}

.pdf-custom-tag:focus-visible {
    outline: 2px solid rgba(0, 229, 255, 0.6);
    outline-offset: 2px;
}

.popular-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    min-height: 8px;
}

.feature-tag {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #cbd5e1;
    background: transparent;
    border: 1px solid rgba(148, 163, 184, 0.45);
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.feature-tag:hover {
    color: #f1f5f9;
    border-color: rgba(0, 229, 255, 0.45);
    background: rgba(0, 229, 255, 0.06);
}

.feature-tag.active {
    color: #0f172a;
    background: linear-gradient(135deg, var(--accent-primary), #22d3ee);
    border-color: transparent;
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.35);
}

.feature-tag.selected {
    color: #0f172a;
    background: linear-gradient(135deg, var(--accent-primary), #22d3ee);
    border-color: transparent;
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.35);
}

.feature-tag:focus-visible {
    outline: 2px solid var(--accent-primary);
    outline-offset: 2px;
}

.dl-highlights-sync-field {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.dl-autofill-hidden-defaults {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    pointer-events: none;
}

.aivera-section {
    margin-bottom: 28px;
}

.aivera-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 20px;
}

@media (max-width: 900px) {
    .aivera-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .aivera-form-grid {
        grid-template-columns: 1fr;
    }
}

.aivera-span-2 {
    grid-column: span 2;
}

@media (max-width: 560px) {
    .aivera-span-2 {
        grid-column: span 1;
    }
}

.aivera-span-full {
    grid-column: 1 / -1;
}

.facade-checkbox-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.facade-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.9);
    border: 1px solid rgba(0, 229, 255, 0.15);
    color: #cbd5e1;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}

.facade-chip:has(.facade-cb:checked) {
    border-color: var(--accent-primary);
    background: rgba(0, 229, 255, 0.12);
    color: #f1f5f9;
}

.facade-chip .facade-cb {
    accent-color: var(--accent-primary);
}

.aivera-hint {
    color: #94a3b8;
    font-size: 0.85rem;
    margin: 0 0 12px 0;
}

[data-listing-cat="isyeri"] .cat-only-konut {
    display: none !important;
}

/* --- AIVERA: Gemini mod seçimi & sonuç paneli --- */
.ai-selection-grid {
    gap: 16px !important;
}

.ai-card.ai-card--selectable {
    position: relative;
    cursor: pointer;
    border-radius: 16px;
    padding: 20px 18px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(15, 23, 42, 0.55);
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

.ai-card.ai-card--selectable:hover:not(.ai-card--disabled) {
    border-color: rgba(0, 229, 255, 0.35);
    box-shadow: 0 0 24px rgba(0, 229, 255, 0.12);
}

.ai-card.ai-card--selectable.active {
    border-color: rgba(0, 229, 255, 0.55);
    box-shadow: 0 0 28px rgba(0, 229, 255, 0.18);
    background: rgba(0, 229, 255, 0.06);
}

.ai-card--eksper.ai-card--disabled {
    opacity: 0.78;
    cursor: not-allowed;
    filter: grayscale(0.08);
}

.ai-card--eksper.ai-card--disabled:hover {
    border-color: rgba(251, 191, 36, 0.25);
}

.ai-card-lock-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 1.2rem;
    line-height: 1;
    z-index: 2;
    pointer-events: none;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}

.ai-card-upgrade-hint {
    display: block;
    margin-top: 10px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fbbf24;
}

.ai-model-tag {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(0, 229, 255, 0.2);
    color: #7dd3fc;
}

.card-icon--gold {
    background: rgba(250, 204, 21, 0.1) !important;
}

.card-icon--gold .material-icons-round {
    color: var(--accent-secondary) !important;
}

.ai-card--eksper.ai-card--disabled[data-ai-tooltip]:hover::after {
    content: attr(data-ai-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translateX(-50%);
    min-width: 220px;
    max-width: min(320px, 92vw);
    padding: 10px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.45;
    color: #f8fafc;
    background: rgba(15, 23, 42, 0.98);
    border: 1px solid rgba(0, 229, 255, 0.25);
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    z-index: 5;
    pointer-events: none;
}

.btn-generate-ai {
    margin-top: 8px;
}

.ai-result-panel {
    margin-top: 32px;
    background: rgba(8, 12, 22, 0.55);
    border: 1px solid rgba(0, 229, 255, 0.15);
    border-radius: 20px;
    padding: 24px 26px 28px;
}

.ai-result-header {
    margin-bottom: 16px;
}

.ai-result-title {
    margin: 0;
    color: #fff;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.15rem;
}

.ai-result-title .material-icons-round {
    color: var(--accent-primary);
}

.ai-result-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 14px;
}

.ai-btn-copy {
    background: linear-gradient(145deg, #1e293b, #0f172a) !important;
    color: #00e5ff !important;
    border: 1px solid rgba(0, 229, 255, 0.45) !important;
    padding: 8px 18px !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: box-shadow 0.2s, transform 0.15s;
}

.ai-btn-copy:hover {
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.25);
}

.ai-api-error-msg {
    color: #f87171;
    font-weight: 600;
    margin: 0;
    line-height: 1.65;
    font-size: 0.98rem;
}

.ai-text-output {
    color: #e2e8f0;
    line-height: 1.75;
    font-size: 0.98rem;
    background: rgba(15, 23, 42, 0.65);
    padding: 22px;
    border-radius: 14px;
    min-height: 160px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    white-space: pre-wrap;
}

.ai-output-loading {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #94a3b8;
    font-weight: 600;
}

.ai-output-loading .material-icons-round {
    color: var(--accent-primary);
}

/* --- İşlem özeti: son Supabase ilanı --- */
.emlakchi-son-ilan-panel {
    margin-bottom: 32px;
}

.emlakchi-ozet-card {
    background: linear-gradient(165deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.55) 100%);
    border: 1px solid rgba(0, 229, 255, 0.14);
    border-radius: 20px;
    padding: 28px 30px 24px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

.emlakchi-ozet-card__head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.emlakchi-ozet-card__head .material-icons-round {
    font-size: 2rem;
    color: var(--accent-primary);
    margin-top: 2px;
}

.emlakchi-ozet-card__title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: #f8fafc;
    letter-spacing: -0.02em;
}

.emlakchi-ozet-card__sub {
    margin: 6px 0 0 0;
    font-size: 0.9rem;
    color: #94a3b8;
    font-weight: 500;
}

.emlakchi-ozet-dl {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px 24px;
    margin: 0 0 22px 0;
}

.emlakchi-ozet-dl dt {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    font-weight: 700;
    margin: 0 0 4px 0;
}

.emlakchi-ozet-dl dd {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 600;
    color: #e2e8f0;
}

.emlakchi-ozet-ai__label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px 0;
    font-size: 0.85rem;
    font-weight: 700;
    color: #7dd3fc;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.emlakchi-ozet-ai__label .material-icons-round {
    font-size: 1.1rem;
}

.emlakchi-ozet-ai__body {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 18px 20px;
    font-size: 0.95rem;
    line-height: 1.75;
    color: #cbd5e1;
    white-space: pre-wrap;
    max-height: 320px;
    overflow-y: auto;
}

.emlakchi-ozet-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 18px 0 0 0;
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 600;
}

.emlakchi-ozet-meta .material-icons-round {
    font-size: 1rem;
    color: var(--accent-primary);
}

.ai-card.ai-card--selectable .card-title {
    margin: 12px 0 0 0;
}

/* ─── Global kredi rozeti (sidebar + mobil) — AIVERA ─── */
.emlakchi-sidebar-credits-host {
    padding: 0 20px 14px;
}

.emlakchi-mobile-credits-host {
    margin-left: auto;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.aivera-credits-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    border: 1px solid rgba(234, 179, 8, 0.45);
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.18), rgba(16, 185, 129, 0.12));
    color: #fef9c3;
    box-shadow: 0 4px 20px rgba(234, 179, 8, 0.12);
    transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.aivera-credits-badge .aivera-credits-icon {
    font-size: 1.05rem;
    line-height: 1;
}

.aivera-credits-badge strong {
    font-weight: 800;
    color: #fde047;
}

.aivera-credits-badge--low {
    border-color: rgba(249, 115, 22, 0.55);
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.22), rgba(249, 115, 22, 0.14));
    color: #fecaca;
    box-shadow: 0 4px 22px rgba(239, 68, 68, 0.18);
}

.aivera-credits-badge--low strong {
    color: #fca5a5;
}

.emlakchi-credits-badge--compact {
    padding: 6px 11px;
    font-size: 0.72rem;
    gap: 4px;
}

/* Danışman kartı — ilan çıktısı / işlem özeti */
.aivera-advisor-card {
    margin: 0 0 16px;
    padding: 16px 18px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.85), rgba(15, 23, 42, 0.92));
    border: 1px solid rgba(0, 229, 255, 0.18);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
}

.aivera-advisor-card__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px;
    justify-content: space-between;
}

.aivera-advisor-card__avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(0, 229, 255, 0.35);
    flex-shrink: 0;
}

.aivera-advisor-card__text {
    flex: 1 1 180px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aivera-advisor-card__name {
    font-weight: 800;
    font-size: 1.05rem;
    color: #f8fafc;
    letter-spacing: -0.02em;
}

.aivera-advisor-card__office {
    font-size: 0.9rem;
    color: #94a3b8;
    font-weight: 600;
}

.aivera-advisor-card__phone {
    font-size: 0.88rem;
    color: #38bdf8;
    font-weight: 600;
}

.aivera-advisor-card__logo {
    max-height: 44px;
    max-width: 140px;
    width: auto;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
}

.ozet-gen-card__accordion-inner--branded .ozet-gen-accordion-text {
    margin-top: 10px;
}

/* ─── Video Merkezi — Emlak tanıtım dropzone (dikey / telefon oranı) ─── */
#vm-emlak-dropzone.emlakchi-vm-emlak-dropzone {
    box-sizing: border-box;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    aspect-ratio: 9 / 16;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 0.75rem;
    text-align: center;
}

#vm-emlak-dropzone.emlakchi-vm-emlak-dropzone .material-icons-round {
    flex-shrink: 0;
}

#vm-emlak-dropzone.emlakchi-vm-emlak-dropzone p {
    margin: 0;
    max-width: 100%;
}

textarea#vm-emlak-narration-text.emlakchi-vm-narration-textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 120px;
    padding: 0.75rem 0.85rem;
    border-radius: 0.5rem;
    border: 1px solid rgb(51 65 85);
    background: rgb(2 6 23);
    color: rgb(241 245 249);
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.55;
    resize: vertical;
}

textarea#vm-emlak-narration-text.emlakchi-vm-narration-textarea:focus {
    outline: none;
    border-color: rgba(34, 211, 238, 0.65);
    box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.2);
}

.emlakchi-vm-narration-count-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.5rem 0.75rem;
    margin-top: 0.35rem;
}

#char-count.emlakchi-vm-char-count {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: rgb(100 116 139);
    text-align: right;
    flex: 0 0 auto;
}

.emlakchi-vm-narration-length-warn {
    margin: 0;
    flex: 1 1 12rem;
    font-size: 0.6875rem;
    line-height: 1.4;
    font-weight: 600;
    color: #fbbf24;
    text-align: right;
}

.emlakchi-vm-narration-length-warn[hidden] {
    display: none !important;
}

#char-count.emlakchi-vm-char-count.emlakchi-vm-char-count--limit {
    color: #f87171;
}

#vm-emlak-photo-validation-msg.emlakchi-vm-photo-validation-msg {
    margin: 0 0 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    color: #fecaca;
    background: rgba(127, 29, 29, 0.35);
    border: 1px solid rgba(248, 113, 113, 0.45);
}

#vm-emlak-photo-validation-msg.emlakchi-vm-photo-validation-msg[hidden] {
    display: none !important;
}

/* Emlak tanıtım paneli — başlık satırı (Eksper kartı ile uyumlu ikon + kurumsal mavi) */
.vm-emlak-inline-panel__icon.vm-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
}

.vm-emlak-inline-panel__title {
    margin: 0;
    color: var(--accent-primary, #00e5ff);
    line-height: 1.25;
    text-shadow: 0 0 18px rgba(0, 229, 255, 0.2);
}

.emlakchi-vm-narration-ai-notice {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    padding: 0.65rem 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(251, 191, 36, 0.35);
    background: rgba(251, 191, 36, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.emlakchi-vm-narration-ai-notice__ico {
    flex-shrink: 0;
    font-size: 1.125rem !important;
    color: #fbbf24;
    margin-top: 0.05rem;
}

.emlakchi-vm-narration-ai-notice__text {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: #e2e8f0;
}

/* Pure CSS Toggle Logic */
.emlakchi-vm-subtitle-checkbox:checked+.emlakchi-vm-subtitle-toggle-btn {
    background-color: #f59e0b;
    /* bg-amber-500 */
    border-color: transparent;
}

.emlakchi-vm-subtitle-checkbox:checked+.emlakchi-vm-subtitle-toggle-btn .emlakchi-vm-subtitle-knob {
    transform: translateX(1.25rem);
    /* translate-x-5 */
    background-color: #ffffff;
}

.emlakchi-vm-subtitle-checkbox:not(:checked)+.emlakchi-vm-subtitle-toggle-btn {
    background-color: rgba(245, 158, 11, 0.25);
    /* bg-amber-500/25 */
    border-color: rgba(245, 158, 11, 0.4);
    /* border-amber-500/40 */
}

.emlakchi-vm-subtitle-checkbox:not(:checked)+.emlakchi-vm-subtitle-toggle-btn .emlakchi-vm-subtitle-knob {
    transform: translateX(0.25rem);
    /* translate-x-1 */
    background-color: #fcd34d;
    /* bg-amber-300 */
}

/* Görsel özellikleri — tek satır giriş + chip etiketleri */
.emlakchi-vm-feature-tag-field {
    box-sizing: border-box;
    width: 100%;
    margin-top: 0.35rem;
    padding: 0.55rem 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid rgb(51 65 85);
    background: rgb(15 23 42);
    color: rgb(241 245 249);
    font-size: 0.8125rem;
    line-height: 1.35;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.emlakchi-vm-feature-tag-field::placeholder {
    color: rgb(100 116 139);
}

.emlakchi-vm-feature-tag-field:hover {
    border-color: rgba(34, 211, 238, 0.35);
}

.emlakchi-vm-feature-tag-field:focus {
    outline: none;
    border-color: rgba(34, 211, 238, 0.55);
    box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.15);
}

#feature-tags-container.emlakchi-vm-feature-tags-wrap {
    box-sizing: border-box;
    width: 100%;
    min-height: 0.5rem;
    margin-top: 0.65rem;
    margin-bottom: 0.15rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.5rem;
    align-items: center;
}

.emlakchi-vm-feature-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.28rem 0.35rem 0.28rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.25;
    color: #e2e8f0;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.92));
    border: 1px solid rgba(34, 211, 238, 0.28);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 2px 10px rgba(0, 0, 0, 0.2);
}

.emlakchi-vm-feature-chip__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 14rem;
}

.emlakchi-vm-feature-chip__remove {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 999px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    color: #94a3b8;
    background: rgba(15, 23, 42, 0.65);
    cursor: pointer;
    transition:
        color 0.15s ease,
        background 0.15s ease;
}

.emlakchi-vm-feature-chip__remove:hover {
    color: #f1f5f9;
    background: rgba(239, 68, 68, 0.35);
}

.emlakchi-vm-feature-chip__remove:focus-visible {
    outline: 2px solid rgba(34, 211, 238, 0.65);
    outline-offset: 1px;
}

/* Video Merkezi — Eksper sinematik: profesyonel ses seçimi (premium kartlar) */
.emlakchi-vm-voice-fieldset {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.emlakchi-vm-voice-legend {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 700;
    color: #f1f5f9;
    margin-bottom: 0.35rem;
    padding: 0;
}

.emlakchi-vm-voice-hint {
    margin: 0 0 0.85rem 0;
    font-size: 0.7rem;
    line-height: 1.45;
    color: rgba(148, 163, 184, 0.95);
}

.emlakchi-vm-voice-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

@media (min-width: 380px) {
    .emlakchi-vm-voice-grid {
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
    }
}

.emlakchi-vm-voice-card {
    display: block;
    cursor: pointer;
    margin: 0;
    border-radius: 14px;
    border: 1px solid rgba(251, 191, 36, 0.22);
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(12, 10, 6, 0.55));
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.5) inset,
        0 4px 18px rgba(0, 0, 0, 0.35);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease,
        background 0.2s ease;
}

.emlakchi-vm-voice-card:hover {
    border-color: rgba(250, 204, 21, 0.45);
    box-shadow:
        0 0 0 1px rgba(251, 191, 36, 0.12) inset,
        0 6px 26px rgba(250, 204, 21, 0.12);
}

.emlakchi-vm-voice-card:focus-within {
    outline: none;
    box-shadow:
        0 0 0 2px rgba(250, 204, 21, 0.55),
        0 0 24px rgba(250, 204, 21, 0.18);
}

.emlakchi-vm-voice-card:has(.emlakchi-vm-voice-input:checked) {
    border-color: rgba(250, 204, 21, 0.75);
    background: linear-gradient(155deg,
            rgba(120, 53, 15, 0.35) 0%,
            rgba(15, 23, 42, 0.88) 48%,
            rgba(12, 10, 6, 0.65) 100%);
    box-shadow:
        0 0 0 1px rgba(251, 191, 36, 0.35) inset,
        0 0 32px rgba(250, 204, 21, 0.22),
        0 8px 28px rgba(0, 0, 0, 0.4);
    transform: translateY(-1px);
}

.emlakchi-vm-voice-card__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    padding: 0.85rem 0.9rem 0.95rem;
    min-height: 5.5rem;
}

.emlakchi-vm-voice-card__ico {
    font-size: 1.5rem !important;
    color: rgba(253, 230, 138, 0.85);
    filter: drop-shadow(0 0 10px rgba(250, 204, 21, 0.25));
}

.emlakchi-vm-voice-card:has(.emlakchi-vm-voice-input:checked) .emlakchi-vm-voice-card__ico {
    color: #fde68a;
    filter: drop-shadow(0 0 14px rgba(250, 204, 21, 0.45));
}

.emlakchi-vm-voice-card__title {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fefce8;
    line-height: 1.35;
}

.emlakchi-vm-voice-card__sub {
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.55);
}

.emlakchi-vm-voice-card:has(.emlakchi-vm-voice-input:checked) .emlakchi-vm-voice-card__sub {
    color: rgba(254, 243, 199, 0.75);
}

/* Sektör PRO — yayın konsepti kartı (seçili neon çerçeve) */
.vm-sektor-concept-label {
    position: relative;
}

.vm-sektor-concept-label--selected {
    border-color: rgba(56, 189, 248, 0.9) !important;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.88), rgba(12, 74, 110, 0.22)) !important;
    box-shadow:
        0 0 0 2px rgba(34, 211, 238, 0.65),
        0 0 32px rgba(56, 189, 248, 0.5),
        0 0 56px rgba(14, 165, 233, 0.2);
}


.video-premium-box {
    max-width: 800px;
    margin: 20px auto;
    border: 3px solid #FFD700;
    border-radius: 15px;
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.4);
    overflow: hidden;
}

.btn-premium-indir {
    display: inline-block;
    background: #28a745;
    color: #fff;
    padding: 12px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 15px;
    transition: 0.3s;
}

.btn-premium-indir:hover {
    transform: scale(1.05);
    background: #218838;
}


/* ACIL EZME: Dikey Video �retim Ek Haklar� D�� �er�evesi */
.vm-neon-upsell-tanitim {
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
}

.vm-neon-upsell-tanitim>div {
    padding: 8px 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 0 !important;
}

.vm-neon-upsell-tanitim .vm-upsell-tanitim-icon-text {
    margin-right: 10px !important;
}

/* ─── Dijital Lansman (Emlakchi): carousel sıra + Zamanla butonu ─── */
.dijital-lansman-page .dl-carousel-sort-wrap {
    margin: 0 0 20px;
}

.dijital-lansman-page .dl-carousel-sort-heading {
    font-size: 0.8rem;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.dijital-lansman-page .dl-post-sort-thumbs {
    margin-top: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
}

.dijital-lansman-page .dl-post-sort-item {
    position: relative;
    flex: 0 0 auto;
}

.dijital-lansman-page .dl-post-sort-item:active {
    cursor: grabbing;
}

.dijital-lansman-page .dl-post-sort-badge {
    position: absolute;
    top: 4px;
    left: 4px;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 800;
    color: #0f172a;
    background: linear-gradient(135deg, #00e5ff, #38bdf8);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    pointer-events: none;
    z-index: 2;
}

.dijital-lansman-page .smcc-module-actions--carousel .btn-action,
.dijital-lansman-page .smcc-module-actions--story .btn-action,
.dijital-lansman-page .smcc-module-actions--pdf .btn-action {
    cursor: pointer;
    opacity: 1;
}

.dijital-lansman-page .smcc-module-actions--carousel .btn-action:disabled,
.dijital-lansman-page .smcc-module-actions--story .btn-action:disabled,
.dijital-lansman-page .smcc-module-actions--pdf .btn-action:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.dijital-lansman-page .btn-schedule-dl-ultra,
.dijital-lansman-page .btn-schedule-dl-ultra:hover {
    opacity: 1;
    cursor: pointer;
    border-color: rgba(0, 229, 255, 0.45);
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.2), rgba(30, 41, 59, 0.75));
    color: #e2e8f0;
}

.dijital-lansman-page .smcc-schedule-dl-wrap {
    min-width: 0;
    flex: 1 1 120px;
}

.dijital-lansman-page #dl-carousel-post-grid .dl-carousel-seo-ta {
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.dijital-lansman-page #dl-carousel-post-grid .dl-carousel-seo-ta:focus {
    outline: none;
    border-color: rgba(0, 229, 255, 0.45);
    box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.2);
}

.dijital-lansman-page #smcc-carousel-track .smcc-slide-caption {
    transition: color 0.12s ease;
}

/* —— İşlem Özeti: evrensel işlem günlüğü satırları —— */
.emlakchi-tx-log-list .emlakchi-tx-card .ozet-gen-card__row {
    align-items: stretch;
}

.emlakchi-tx-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    max-width: 100%;
}

.emlakchi-tx-actions .ozet-action {
    min-height: 38px;
    padding: 8px 12px;
    font-size: 0.8rem;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    background: rgba(30, 41, 59, 0.85);
    color: #e2e8f0;
    border: 1px solid rgba(148, 163, 184, 0.25);
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.emlakchi-tx-actions .ozet-action:hover {
    background: rgba(51, 65, 85, 0.95);
    border-color: rgba(0, 229, 255, 0.35);
    color: #f8fafc;
}

.emlakchi-tx-actions .ozet-action--primary {
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.25), rgba(0, 128, 255, 0.2));
    border-color: rgba(0, 229, 255, 0.45);
    color: #e0f2fe;
}

.emlakchi-tx-actions .ozet-action--primary:hover {
    border-color: rgba(56, 189, 248, 0.65);
    color: #fff;
}

@media (max-width: 768px) {
    .emlakchi-tx-actions {
        width: 100%;
        justify-content: flex-start;
        padding-left: 0;
        margin-top: 10px;
    }

    .emlakchi-tx-log-list .ozet-gen-card__row {
        flex-direction: column;
        align-items: stretch;
    }

    .emlakchi-tx-log-list .ozet-gen-card__date {
        white-space: normal;
    }
}

/* ─── Dijital Lansman: yatay overflow koruma + tam genişlik içerik ─── */
html {
    overflow-x: hidden;
    max-width: 100%;
}

body.dijital-lansman-page .app-container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

body.dijital-lansman-page .main-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    flex: 1 1 auto;
}

body.dijital-lansman-page .tool-workspace {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
}

body.dijital-lansman-page .form-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.dijital-lansman-page .aivera-form-grid {
    width: 100%;
}

body.dijital-lansman-page .aivera-ilan-form .input-group {
    min-width: 0;
}

body.dijital-lansman-page .aivera-ilan-form .custom-input,
body.dijital-lansman-page .aivera-ilan-form .custom-select,
body.dijital-lansman-page .aivera-ilan-form textarea {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.dijital-lansman-page .dl-slot-board {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

body.dijital-lansman-page .dl-slot-row--carousel,
body.dijital-lansman-page .dl-slot-row--pdf-story {
    width: 100%;
    justify-content: flex-start;
}

body.dijital-lansman-page .dl-img-slot {
    max-width: 100%;
    box-sizing: border-box;
}

body.dijital-lansman-page .dl-img-slot__thumb {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

body.dijital-lansman-page #smcc-carousel-track .smcc-slide-img,
body.dijital-lansman-page #smcc-story-preview-img,
body.dijital-lansman-page .smcc-slide-card img {
    max-width: 100%;
    box-sizing: border-box;
    object-fit: cover;
}