.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

/* WhatsApp mark — tanınabilir yeşil; buton zemini sitede lacivert / cam / outline */
.wa-icon {
    color: #25d366;
}
a:hover .wa-icon,
button:hover .wa-icon {
    color: #34eb7a;
}

.glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-overlay {
    background: linear-gradient(to top, rgba(17, 17, 17, 0.8) 0%, rgba(17, 17, 17, 0.2) 100%);
}

/* Ana sayfa hero — iletilen mock ile uyumlu koyu lacivert üst geçiş */
.hero-gradient {
    background: linear-gradient(
        to top,
        rgba(20, 25, 54, 0.95) 0%,
        rgba(20, 25, 54, 0.4) 50%,
        rgba(20, 25, 54, 0.2) 100%
    );
}

/* Ana sayfa hero — kontrollü min-yükseklik + fotoğraf odak (scale yok) */
.home-redesign .home-hero-section {
    min-height: 560px;
}

@media (min-width: 768px) {
    .home-redesign .home-hero-section {
        min-height: min(680px, 75vh);
    }
}

@media (min-width: 1024px) {
    .home-redesign .home-hero-section {
        min-height: min(760px, 82vh);
    }
}

@media (min-width: 1280px) {
    .home-redesign .home-hero-section {
        min-height: min(820px, 85vh);
    }
}

.home-redesign .home-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Mobilde sol başlık alanı + sağ/orta-sağ ana sahnenin dengesi */
    object-position: 44% 42%;
}

@media (min-width: 768px) {
    .home-redesign .home-hero-media img {
        object-position: 48% 41%;
    }
}

@media (min-width: 1024px) {
    .home-redesign .home-hero-media img {
        object-position: 50% 36%;
    }
}

/* Trust rail — üst değer satırı ritmi; alt metin iki satıra yakın dengeli blok */
.hero-trust-rail .trust-rail-stats > div > span:first-of-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
}

.hero-trust-rail .trust-rail-stat-desc {
    display: block;
    text-align: center;
    text-wrap: balance;
    min-height: 2.625rem;
}

.home-redesign details summary.list-none::-webkit-details-marker {
    display: none;
}

summary.list-none::-webkit-details-marker {
    display: none;
}

#mobile-drawer {
    transition: transform var(--motion-duration-base, 260ms) var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

#mobile-drawer[data-open="false"] {
    transform: translateX(100%);
}

#mobile-drawer[data-open="true"] {
    transform: translateX(0);
}

#mobile-drawer-backdrop {
    transition: opacity var(--motion-duration-fast, 180ms) var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.legal-content p {
    margin-bottom: 1.5rem;
    color: #46464d;
}

.legal-content h2 {
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #141936;
}

.legal-content h2:first-of-type,
.legal-content > h2.text-4xl {
    margin-top: 0;
}

.legal-content h3,
.legal-content h4,
.legal-content h5 {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-weight: 700;
    color: #141936;
}

.legal-content h3 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.legal-content h4 {
    font-size: 1.1rem;
}

.legal-content h5 {
    font-size: 1rem;
}

.legal-content ul {
    margin-bottom: 1.5rem;
}

.legal-content a {
    text-underline-offset: 2px;
}

html {
    scroll-padding-top: 5.5rem;
}

.site-app-header {
    /* Body'deki text-on-background (#1b1b1e) mirasını kes: koyu şeritte tüm metin/ikon currentColor okunur olsun */
    color: #f1f5f9;
    transition:
        box-shadow var(--motion-duration-base, 260ms) var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
        background-color var(--motion-duration-base, 260ms) var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.site-app-header.site-header--scrolled {
    box-shadow: 0 6px 24px rgba(10, 14, 32, 0.18);
}

.mobile-nav-link {
    display: block;
    padding: 0.625rem 0.75rem;
    border-radius: 0.5rem;
    color: #e2e8f0;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.mobile-nav-link:hover {
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
}

.mobile-nav-link--accent {
    margin-top: 0.35rem;
    background: #d71920;
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.mobile-nav-link--accent:hover {
    background: #b2151a;
    color: #fff;
}

/* Ana sayfa güven kartı — kısa, yumuşak reveal (tek seferlik) */
@keyframes hero-trust-rail-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-trust-rail {
    animation: hero-trust-rail-in var(--motion-duration-reveal, 680ms) var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
}

@keyframes hero-trust-cell-in {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-trust-rail .trust-rail-stats > div {
    animation: hero-trust-cell-in var(--motion-duration-slow, 420ms) var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
}

.hero-trust-rail .trust-rail-stats > div:nth-child(1) { animation-delay: 120ms; }
.hero-trust-rail .trust-rail-stats > div:nth-child(2) { animation-delay: 200ms; }
.hero-trust-rail .trust-rail-stats > div:nth-child(3) { animation-delay: 280ms; }
.hero-trust-rail .trust-rail-stats > div:nth-child(4) { animation-delay: 360ms; }

@media (prefers-reduced-motion: reduce) {
    .hero-trust-rail,
    .hero-trust-rail .trust-rail-stats > div {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

.hero-odometer {
    font-variant-numeric: tabular-nums;
}

/* Mobil hızlı kanallar dock — hero dışında / tüm sayfalar; menü çekmecesinin altında (z-110 < z-115) */
.qc-dock-shell {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition:
        opacity 200ms var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
        transform 200ms var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
        visibility 0ms linear 200ms;
}

.qc-dock-shell.qc-dock-shell--visible {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 220ms var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
        transform 220ms var(--motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
        visibility 0ms;
}

.qc-dock-panel[data-open="true"] {
    display: block;
}

.qc-dock-panel[data-open="false"] {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .qc-dock-shell {
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }
}