@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');
/* =====================================================================
 * YDKB sitesi – görünüm iyileştirme ÖNERİSİ (v113, 02.10.2026)
 * Yalnız görünüm: içerik, metin, sayı, bağlantı DEĞİŞMEZ.
 * Canlıda: tüm genel sayfalarda (header include) mevcut stillerin EN SONUNA eklenir.
 * Tek palet: lacivert (#2d338a ve koyu tonları) + mat şampanya (#E6D2A8, yalnız koyu zeminde).
 * ===================================================================== */

:root {
    --yd-lacivert: #2d338a;
    --yd-lacivert-koyu: #1f2464;
    --yd-gece: #141a4a;
    --yd-lacivert-acik: rgba(45, 51, 138, 0.07);
    --yd-sampanya: #E6D2A8;
    --yd-yazi: #1c2230;
    --yd-yazi-2: #4a5464;
    --yd-yazi-3: #6b7482;
    --yd-cizgi: #e3e6ee;
    --yd-zemin: #f6f7fa;
    --yd-r-kart: 12px;
    --yd-r-dugme: 8px;
    --yd-golge: 0 1px 2px rgba(20, 26, 74, 0.04), 0 2px 8px rgba(20, 26, 74, 0.04);
    --yd-golge-hover: 0 10px 24px rgba(20, 26, 74, 0.08);
    --corp-accent: #2d338a;            /* eski metalik altın vurgular laciverte döner */
    --yd-baslik-font: 'Poppins', 'Inter', system-ui, sans-serif;
}

/* ---------- 1. Yazı tipi ve temel okunurluk ---------- */
html { -webkit-text-size-adjust: 100%; }
body {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
    color: var(--yd-yazi);
    background: var(--yd-zemin) !important;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'cv11';
}
h1, h2, h3, .yd-section-title, .yd-slide-title, .yd-logo-title {
    font-family: var(--yd-baslik-font);
    letter-spacing: -0.01em;
}
h1 { font-weight: 600 !important; }
h2, h3 { font-weight: 600 !important; }

/* Bölüm başlıkları: tek ölçü, tek renk */
.yd-section-title { font-size: 30px; line-height: 1.25; color: var(--yd-yazi) !important; }
.yd-section-sub { font-size: 16px; color: var(--yd-yazi-3); line-height: 1.6; }
.yd-section-head { margin-bottom: 36px; }
.yd-section-eyebrow { color: var(--yd-lacivert); letter-spacing: .12em; font-weight: 600; }
.yd-section-eyebrow::before { background: var(--yd-lacivert); height: 2px; width: 24px; }
.yd-section-eyebrow svg { color: var(--yd-lacivert) !important; }
@media (max-width: 640px) {
    .yd-section-title { font-size: 23px; }
    .yd-section-sub { font-size: 15px; }
    .yd-section-head { margin-bottom: 24px; }
}

/* Bölümler arası boşluk: tek ritim (masaüstü 72, telefon 48) */
section.py-20 { padding-top: 72px !important; padding-bottom: 72px !important; }
section.py-16 { padding-top: 48px !important; padding-bottom: 32px !important; }
section.py-14 { padding-top: 56px !important; padding-bottom: 56px !important; }
@media (max-width: 767px) {
    section.py-20 { padding-top: 48px !important; padding-bottom: 48px !important; }
    section.py-16 { padding-top: 32px !important; padding-bottom: 20px !important; }
    section.py-14 { padding-top: 40px !important; padding-bottom: 40px !important; }
}
/* Sayfalar arası aynı genişlik (ilan, liste sayfaları üst bilgiyle aynı hizada) */
.max-w-6xl { max-width: 80rem !important; }

/* ---------- 2. Üst bilgi ve menü ---------- */
.yd-topbar { background: var(--yd-gece) !important; }
.yd-topbar a { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; opacity: .85; }
.yd-topbar a:hover { opacity: 1; }
.yd-header { border-bottom: 1px solid var(--yd-cizgi); box-shadow: 0 1px 0 rgba(20,26,74,.02); }
.yd-logo-title { font-weight: 600; color: var(--yd-lacivert) !important; }
.yd-nav-link { font-weight: 500; color: var(--yd-yazi-2); border-radius: var(--yd-r-dugme); }
.yd-nav-link:hover { background: var(--yd-lacivert-acik); color: var(--yd-lacivert); }
.yd-login-btn { border-radius: var(--yd-r-dugme) !important; box-shadow: none !important; background: var(--yd-lacivert) !important; font-weight: 600; }
@media (max-width: 1023px) { .yd-mobile-toggle { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } }
.yd-header .lg\:hidden a.block, .yd-header .lg\:hidden button.w-full { min-height: 44px; display: flex; align-items: center; }
.yd-header .lg\:hidden a.block.text-center { justify-content: center; border-radius: var(--yd-r-dugme); }

/* Sayfa yolu (breadcrumb): telefonda tek satır, uzun başlık kısaltılır */
nav.bg-white.border-b > div { font-size: 13px; }
@media (max-width: 767px) {
    nav.bg-white.border-b > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; padding-bottom: 10px; }
}

/* ---------- 3. Manşet (slider) ---------- */
.yd-slider {
    border-radius: 16px;
    background: linear-gradient(120deg, var(--yd-gece) 0%, #1a2160 55%, #0f1438 100%);
    box-shadow: 0 18px 40px -18px rgba(20, 26, 74, 0.45);
}
.yd-slider::after { display: none !important; }             /* metalik altın çizgi kalkar */
.yd-slide-photo { background: #0f1438; }
.yd-slide-badge {
    background: transparent;
    border: 1px solid rgba(230, 210, 168, 0.55);
    color: var(--yd-sampanya);
    letter-spacing: .16em; font-weight: 600; padding: 5px 12px;
}
.yd-slide-badge::before { background: var(--yd-sampanya); box-shadow: none; animation: none; }
.yd-slide-date { color: rgba(255,255,255,0.7); }
.yd-slide-title { font-weight: 600 !important; line-height: 1.25; text-shadow: none !important; }
.yd-slide-excerpt { color: rgba(255,255,255,0.8); line-height: 1.6; }
.yd-slide-cta {
    background: var(--yd-sampanya) !important;
    color: var(--yd-gece) !important;
    border-radius: var(--yd-r-dugme);
    box-shadow: none !important;
    font-weight: 600; min-height: 44px; padding: 11px 22px;
}
.yd-slide-cta:hover { transform: none; background: #efe0bf !important; }
.yd-slide-counter b { color: var(--yd-sampanya); }
.yd-slide-dot .fill { background: var(--yd-sampanya) !important; }
.yd-slide-arrow { width: 44px; height: 44px; }
@media (min-width: 1024px) {
    .yd-slider { --yd-h: clamp(400px, 30vw, 440px); }
    .yd-slide-content { padding: 40px 48px 72px 52px; }
    .yd-slide-title { font-size: clamp(1.4rem, 1.9vw, 1.8rem); }
    .yd-slide-dots { left: 52px !important; }
    /* görselin sol kenarındaki geçiş biraz daha yumuşak: metin ile görsel tek parça görünür */
    .yd-slide-gradient { width: 120px !important; right: calc(var(--yd-foto-w) - 120px) !important;
        background: linear-gradient(90deg, #141a4a 0%, rgba(20,26,74,0) 100%) !important; }
}

/* ---------- 4. Kartlar ve düğmeler: tek tip ---------- */
.yd-card-corporate, .yd-stat-corp, .yd-hizli, .il-kart {
    border: 1px solid var(--yd-cizgi) !important;
    border-radius: var(--yd-r-kart) !important;
    box-shadow: var(--yd-golge);
    background-color: #fff;
}
.yd-card-corporate::before { background: var(--yd-lacivert) !important; height: 3px; }
.yd-card-corporate:hover { transform: translateY(-2px); box-shadow: var(--yd-golge-hover); border-color: rgba(45,51,138,.25) !important; }
.yd-card-corporate h3 { color: var(--yd-yazi) !important; font-size: 18px; line-height: 1.35; }
.yd-card-corporate p { color: var(--yd-yazi-3) !important; line-height: 1.6; }
.yd-card-corporate .w-12.h-12, .yd-card-corporate .w-10.h-10 { border-radius: 10px !important; }

.yd-btn-corp {
    border-radius: var(--yd-r-dugme); font-weight: 600; min-height: 44px; padding: 11px 22px;
    box-shadow: none; background: var(--yd-lacivert);
}
.yd-btn-corp::before { display: none; }
.yd-btn-corp:hover { transform: none; box-shadow: none; background: var(--yd-lacivert-koyu); }
.yd-btn-corp-outline { background: #fff; border: 1.5px solid var(--yd-lacivert); color: var(--yd-lacivert); }
.yd-btn-corp-outline:hover { background: var(--yd-lacivert); color: #fff; }

/* Rozetler (Kanun / Yönetmelik vb.) tek renk ailesi */
.yd-card-corporate span.bg-blue-100, .yd-card-corporate span.bg-purple-100,
.yd-card-corporate span.bg-green-100, .yd-card-corporate span.bg-yellow-100,
.yd-card-corporate span.bg-red-100, .yd-card-corporate span.bg-orange-100 {
    background: var(--yd-lacivert-acik) !important; color: var(--yd-lacivert) !important;
    border-radius: 999px !important; padding: 3px 10px !important; letter-spacing: .08em; font-weight: 600 !important;
}

/* ---------- 5. Ana sayfa bölümleri ---------- */
/* İstatistik kartları: rakam belirgin, yazı sade */
.yd-stat-corp { padding: 28px 20px; }
.yd-stat-corp > div:first-child { font-family: var(--yd-baslik-font); font-weight: 600 !important; color: var(--yd-lacivert) !important; }
.yd-stat-corp > div:last-child { font-size: 12.5px !important; letter-spacing: .1em; color: var(--yd-yazi-3) !important; font-weight: 500; }
.yd-stat-corp::after { opacity: .07; }
@media (max-width: 767px) {
    .yd-stat-corp { padding: 20px 12px; }
    .yd-stat-corp > div:first-child { font-size: 32px !important; }
    .yd-stat-corp > div:last-child { font-size: 11.5px !important; letter-spacing: .06em; }
}

/* Hızlı erişim: daha büyük dokunma alanı */
.yd-hizli { min-height: 56px; padding: 14px 16px; font-weight: 600; color: var(--yd-yazi); }
.yd-hizli svg { width: 22px; height: 22px; padding: 0; }
.yd-hizli:hover { border-color: var(--yd-lacivert) !important; box-shadow: var(--yd-golge-hover); }
@media (max-width: 767px) {
    .yd-hizli { min-height: 52px; padding: 10px 12px; font-size: 13.5px; gap: 8px; }
    .yd-hizli svg { width: 18px; height: 18px; }
}

/* Kurumsal tanıtım: rahat okunur satır boyu */
section.py-14 .max-w-4xl p.text-gray-600 { max-width: 760px; margin-left: auto; margin-right: auto; color: var(--yd-yazi-2) !important; line-height: 1.75 !important; }
@media (max-width: 767px) {
    section.py-14 .max-w-4xl.text-center { text-align: left; }
    section.py-14 .max-w-4xl .yd-section-title { font-size: 22px; }
    section.py-14 .max-w-4xl p.text-gray-600 { font-size: 16px !important; }
    section.py-14 .max-w-4xl nav { justify-content: flex-start !important; }
    section.py-14 .max-w-4xl nav a { min-height: 44px; display: inline-flex; align-items: center; }
}

/* "Tüm Hizmetler" kartları: 5. kart (Üye Girişi) boşluk bırakmadan satırı tamamlar */
@media (min-width: 768px) {
    .yd-pattern-roof .grid > a[href="/admin/login"]:last-child { grid-column: span 2; }
}
@media (min-width: 1024px) {
    .yd-pattern-roof .grid > a[href="/admin/login"]:last-child { grid-column: span 2; }
}
.yd-pattern-roof .grid > a[href="/admin/login"] {
    background: linear-gradient(120deg, var(--yd-gece) 0%, var(--yd-lacivert) 100%) !important;
    border-color: var(--yd-lacivert) !important;
}
.yd-pattern-roof .grid > a[href="/admin/login"] h3 { color: #fff !important; }
.yd-pattern-roof .grid > a[href="/admin/login"] p { color: rgba(255,255,255,.78) !important; }
.yd-pattern-roof .grid > a[href="/admin/login"] > div:last-child { color: var(--yd-sampanya) !important; }
.yd-pattern-roof::before { opacity: .05; }

/* Başkanın mesajı: eğik yazı yerine düz, rahat okunur */
blockquote.border-l-4 { border-left-width: 3px !important; padding-left: 24px !important; }
blockquote.border-l-4 p { font-style: normal !important; font-size: 17px !important; line-height: 1.8 !important; color: var(--yd-yazi-2) !important; }
section img.rounded-xl.shadow-lg { border-radius: var(--yd-r-kart) !important; box-shadow: var(--yd-golge-hover) !important; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 25%; }
@media (max-width: 767px) {
    blockquote.border-l-4 { padding-left: 16px !important; }
    blockquote.border-l-4 p { font-size: 16px !important; line-height: 1.75 !important; }
}

/* Haber kartları: görsel kendi oranında (yazılı kapak kırpılmaz), başlıklar belirgin */
article.yd-card-corporate img.h-48 { height: auto !important; aspect-ratio: 1200 / 630; object-fit: cover; }
article.yd-card-corporate .p-5 { padding: 20px 22px 22px; }
article.yd-card-corporate h3 { font-size: 17px !important; line-height: 1.4 !important; }
article.yd-card-corporate h3 a { color: var(--yd-yazi) !important; }
article.yd-card-corporate h3 a:hover { color: var(--yd-lacivert) !important; }
article.yd-card-corporate span.text-xs { color: var(--yd-yazi-3) !important; font-weight: 500; letter-spacing: .02em; }
article.yd-card-corporate p.text-sm { color: var(--yd-yazi-3) !important; line-height: 1.6; }
article.yd-card-corporate a.inline-block { font-weight: 600 !important; color: var(--yd-lacivert) !important; }

/* Sıkça sorulan sorular */
.space-y-3 > .bg-white.rounded-lg.border { border-color: var(--yd-cizgi) !important; border-radius: var(--yd-r-kart) !important; box-shadow: var(--yd-golge) !important; }
.space-y-3 > .bg-white.rounded-lg.border > button { min-height: 56px; font-weight: 500; color: var(--yd-yazi); }

/* ---------- 6. Haber detayı: okuma düzeni ---------- */
article.py-12 header h1 {
    font-size: clamp(24px, 3.2vw, 36px) !important; line-height: 1.25 !important;
    color: var(--yd-yazi) !important; margin-bottom: 14px !important;
}
article.py-12 header .text-gray-500 { color: var(--yd-yazi-3) !important; }
article.py-12 .yd-medya-alan { border-radius: var(--yd-r-kart) !important; background: #eef0f6 !important; }
article.py-12 .prose { font-size: 18px; line-height: 1.8 !important; color: var(--yd-yazi-2) !important; max-width: 720px !important; }
article.py-12 .prose p { margin: 0 0 1.05em; }
article.py-12 .prose a { color: var(--yd-lacivert); text-decoration: underline; text-underline-offset: 3px; }
article.py-12 .prose h2, article.py-12 .prose h3 { color: var(--yd-yazi); margin: 1.4em 0 .5em; line-height: 1.3; }
article.py-12 .prose ul, article.py-12 .prose ol { margin: 0 0 1.05em 1.3em; list-style: disc; }
article.py-12 .yd-ig-galeri img { border-radius: 10px; }
article.py-12 .border-t a { min-height: 44px; }
@media (max-width: 767px) {
    article.py-12 { padding-top: 28px !important; padding-bottom: 32px !important; }
    article.py-12 header { margin-bottom: 20px !important; }
    article.py-12 .prose { font-size: 17px; line-height: 1.75 !important; }
}

/* ---------- 7. İlanlar ve form öğeleri ---------- */
section.py-10 > div > h1, section.py-10 h1.text-3xl {
    font-size: clamp(26px, 3vw, 34px) !important; color: var(--yd-yazi) !important; line-height: 1.25;
}
section.py-10 > div > p.text-lg { color: var(--yd-yazi-3) !important; font-size: 17px !important; }
.il-dugme { border-radius: var(--yd-r-kart) !important; font-family: var(--yd-baslik-font); font-weight: 600 !important; font-size: 18px !important; min-height: 88px !important; }
.il-dugme small { font-family: 'Inter', sans-serif; font-size: 14.5px !important; }
.il-ust-dugmeler a.il-dugme[href*="ilan-ver=kurulus"] { background: linear-gradient(120deg, var(--yd-gece), var(--yd-lacivert)) !important; }
.il-ust-dugmeler a.il-dugme[href*="ilan-ver=personel"] { border-width: 1.5px !important; background: #fff !important; }
.il-inp { border-radius: var(--yd-r-dugme) !important; border-color: #cfd5e1 !important; font-size: 16px !important; }
.il-inp:focus { outline: 2px solid rgba(45,51,138,.25); outline-offset: 1px; border-color: var(--yd-lacivert) !important; }
button.il-inp { font-weight: 600 !important; }
.il-btn { border-radius: var(--yd-r-dugme) !important; font-weight: 600 !important; }
@media (max-width: 767px) {
    .il-dugme { font-size: 17px !important; min-height: 72px !important; }
}

/* ---------- 8. Alt bilgi ---------- */
footer[style*="2d338a"] { background-color: var(--yd-gece) !important; }
footer[style*="2d338a"]::before { opacity: .06 !important; }
footer h3 { font-size: 13px !important; text-transform: uppercase; letter-spacing: .12em; color: var(--yd-sampanya); font-weight: 600 !important; font-family: 'Inter', sans-serif; }
footer ul { color: rgba(255,255,255,.78) !important; }
footer ul a:hover { color: #fff; }
footer .w-8.h-8 { width: 40px !important; height: 40px !important; background: rgba(255,255,255,.1) !important; }
footer .w-8.h-8:hover { background: rgba(230,210,168,.25) !important; }
footer .border-t { border-color: rgba(255,255,255,.14) !important; font-size: 13px !important; }
/* alt bilgi üstündeki dişli şerit: ince ve sakin */
div[style*="height:50px"][style*="overflow:hidden"] { height: 28px !important; }
div[style*="height:50px"][style*="overflow:hidden"] svg path, div[style*="height:50px"][style*="overflow:hidden"] svg polygon { fill: var(--yd-gece) !important; }
@media (max-width: 767px) {
    div[style*="height:50px"][style*="overflow:hidden"] { height: 16px !important; }
    footer .max-w-7xl { padding-top: 36px !important; padding-bottom: 28px !important; }
    footer .grid { gap: 28px !important; }
    /* bağlantılar iki sütun, her biri parmakla rahat dokunulur */
    footer ul.space-y-2 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
    footer ul.space-y-2 > li { margin: 0 !important; }
    footer ul a { display: inline-flex; align-items: center; min-height: 44px; }
    footer .w-8.h-8 { width: 44px !important; height: 44px !important; }
    footer .border-t { text-align: center; }
    footer .border-t a { min-height: 44px; display: inline-flex; align-items: center; }
}

/* ---------- 9. Telefonda dokunma alanları (en az 44) ---------- */
@media (max-width: 767px) {
    .yd-topbar a { min-width: 40px; min-height: 44px; }
    .yd-topbar .gap-3 { gap: 0 !important; }
    .yd-logo-link { min-height: 44px; }
    nav.bg-white.border-b > div > a { display: inline-flex; align-items: center; min-height: 44px; vertical-align: middle; }
    nav.bg-white.border-b > div { padding-top: 0 !important; padding-bottom: 0 !important; line-height: 44px; }
    article.yd-card-corporate a.inline-block, a.inline-block[href].text-sm { display: inline-flex !important; align-items: center; min-height: 44px; margin-top: 4px !important; }
    a.rounded-full.border.px-4.py-2 { min-height: 44px; display: inline-flex; align-items: center; }
    article.py-12 .border-t a, article.py-12 p.mt-10 a { min-height: 44px; display: inline-flex; align-items: center; }
    nav[aria-label*="ayfa"] a, .pagination a, a[href*="?sayfa="], a[href*="&sayfa="], a[href*="?page="] { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
}

/* v113 duzeltme: Hizli Erisim yazilari telefonda kesilmesin, iki satira insin */
.yd-hizli span { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.25; }
@media (max-width: 767px) { .yd-hizli { font-size: 15px !important; min-height: 56px; } }

/* =====================================================================
 * v150 (06.10.2026, Başkan kararı "uygulamadaki tasarımı siteye de uygula")
 * Mobil uygulamanın tasarım dili: kâğıt zemin, antet çizgisi (lacivert + şampanya kıl çizgi), köşe süslü antet kartı,
 * yumuşak gölgeli 16'lık kartlar, şampanya çizgili bölüm başlıkları, simge kutuları, yumuşak geçişler.
 * Yalnız görünüm: içerik, metin, bağlantı ve form işleyişi DEĞİŞMEZ. Logo/amblem dosyalarına dokunulmaz.
 * ===================================================================== */
:root {
    --yd-kagit: #F8F6F1;
    --yd-kart-cizgi: #E7E1D3;
    --yd-kart-cizgi2: #EFEBE1;
    --yd-sam-koyu: #B89A5E;
    --yd-sam-yazi: #8A6A2E;
    --yd-sam-acik: #F6EEDC;
    --yd-lac-acik: #ECEDF7;
    --yd-metin: #191C3A;
    --yd-metin2: #5A5F7A;
    --yd-metin3: #8C90A6;
    --yd-r16: 16px;
    --yd-golge-u: 0 1px 2px rgba(31,36,100,.05), 0 10px 28px -16px rgba(31,36,100,.22);
    --yd-golge-u2: 0 2px 4px rgba(31,36,100,.06), 0 18px 36px -18px rgba(31,36,100,.32);
    --yd-egri: cubic-bezier(.2,.8,.2,1);
    --yd-zemin: #F8F6F1;
    --yd-cizgi: #E7E1D3;
}
body, body.bg-gray-50 { background: var(--yd-kagit) !important; color: var(--yd-metin); }
section.bg-white, section.bg-gray-50, main.bg-white, div.bg-gray-50.min-h-screen { background-color: var(--yd-kagit) !important; }
::selection { background: var(--yd-sam-acik); color: var(--yd-metin); }

/* Üst bilgi: kâğıt zemin + antet çizgisi */
.yd-header { background: rgba(248,246,241,.94) !important; border-bottom: 0 !important; box-shadow: none !important;
    -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); }
.yd-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 4px; pointer-events: none;
    background: linear-gradient(var(--yd-lacivert), var(--yd-lacivert)) 0 0 / 100% 1px no-repeat,
                linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) 0 3px / 100% 1px no-repeat; }
.yd-logo-sub { text-transform: uppercase; letter-spacing: .1em !important; font-weight: 500; color: var(--yd-metin3) !important; font-size: 10.5px !important; }
.yd-nav-link { color: var(--yd-metin2); transition: background 180ms var(--yd-egri), color 180ms var(--yd-egri); }
.yd-nav-link:hover { background: var(--yd-sam-acik) !important; color: var(--yd-lacivert-koyu) !important; box-shadow: inset 0 0 0 1px rgba(184,154,94,.32); }
.yd-nav-dd-menu { border-color: var(--yd-kart-cizgi) !important; border-radius: 14px !important; box-shadow: var(--yd-golge-u2) !important; }
.yd-nav-dd-menu a { border-radius: 10px !important; }
.yd-nav-dd-menu a:hover { background: var(--yd-sam-acik) !important; color: var(--yd-lacivert-koyu) !important; }
.yd-login-btn { border-radius: 12px !important; box-shadow: 0 10px 22px -12px rgba(45,51,138,.8) !important;
    transition: transform 160ms var(--yd-egri), background 160ms, box-shadow 160ms !important; }
.yd-login-btn:hover { transform: translateY(-1px); background: var(--yd-lacivert-koyu) !important; }
.yd-header .lg\:hidden { background: var(--yd-kagit); }
.yd-header .lg\:hidden a.block:not(.text-center):hover { background: var(--yd-sam-acik) !important; }

/* Sayfa yolu: kâğıt zemin, ince sıcak çizgi */
nav.bg-white.border-b { background: transparent !important; border-color: var(--yd-kart-cizgi) !important; }
nav.bg-white.border-b a { color: var(--yd-lacivert); }

/* Bölüm başlıkları: uygulamadaki gibi şampanya kısa çizgi + lacivert büyük harf */
.yd-section-eyebrow { color: var(--yd-lacivert) !important; }
.yd-section-eyebrow::before { background: var(--yd-sam-koyu) !important; width: 22px !important; height: 2px !important; border-radius: 1px; }
section[aria-label="Hızlı Erişim"] > div > div.text-xs { display: flex; align-items: center; gap: 10px; font-family: var(--yd-baslik-font);
    color: var(--yd-lacivert) !important; letter-spacing: .14em !important; font-size: 12px !important; font-weight: 600; margin-bottom: 14px !important; }
section[aria-label="Hızlı Erişim"] > div > div.text-xs::before { content: ""; width: 22px; height: 2px; border-radius: 1px; background: var(--yd-sam-koyu); }

/* Manşet: köşe süslü antet çerçevesi */
.yd-slider { border-radius: 20px !important; background: linear-gradient(155deg, #343B98 0%, var(--yd-lacivert) 30%, var(--yd-lacivert-koyu) 70%, var(--yd-gece) 100%) !important;
    box-shadow: 0 22px 44px -22px rgba(31,36,100,.65) !important; }
.yd-slider::before { content: ""; position: absolute; inset: 8px; z-index: 5; pointer-events: none; border-radius: 14px;
    border: 1px solid rgba(230,210,168,.40);
    background:
      linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) left 4px top 4px / 15px 1.5px no-repeat,
      linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) left 4px top 4px / 1.5px 15px no-repeat,
      linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) right 4px top 4px / 15px 1.5px no-repeat,
      linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) right 4px top 4px / 1.5px 15px no-repeat,
      linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) left 4px bottom 4px / 15px 1.5px no-repeat,
      linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) left 4px bottom 4px / 1.5px 15px no-repeat,
      linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) right 4px bottom 4px / 15px 1.5px no-repeat,
      linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) right 4px bottom 4px / 1.5px 15px no-repeat; }
.yd-slide-photo { background: transparent !important; }
.yd-slide-cta { border-radius: 12px !important; box-shadow: 0 10px 22px -14px rgba(120,95,40,.7) !important; transition: transform 160ms var(--yd-egri), background 160ms !important; }
.yd-slide-cta:hover { transform: translateY(-1px) !important; }
@media (min-width: 1024px) {
    .yd-slide-gradient { background: linear-gradient(90deg, var(--yd-lacivert-koyu) 0%, rgba(31,36,100,0) 100%) !important; }
}

/* Kartlar: tek tip 16'lık kart, sıcak çizgi, yumuşak gölge, dokununca hafif hareket */
.yd-card-corporate, .yd-stat-corp, .yd-hizli, .il-kart {
    border: 1px solid var(--yd-kart-cizgi) !important; border-radius: var(--yd-r16) !important; box-shadow: var(--yd-golge-u) !important;
    transition: transform 200ms var(--yd-egri), box-shadow 200ms var(--yd-egri), border-color 200ms !important; }
.yd-card-corporate:hover, .yd-hizli:hover, a.il-kart:hover, .il-kart:hover { transform: translateY(-2px); box-shadow: var(--yd-golge-u2) !important; border-color: rgba(184,154,94,.55) !important; }
.yd-card-corporate:active, .yd-hizli:active { transform: scale(.985); }
.yd-card-corporate::before { background: linear-gradient(var(--yd-lacivert), var(--yd-lacivert)) 0 0 / 100% 2px no-repeat,
    linear-gradient(var(--yd-sampanya), var(--yd-sampanya)) 0 4px / 100% 1px no-repeat !important; height: 5px !important; opacity: 0; transition: opacity 200ms; }
.yd-card-corporate:hover::before { opacity: 1; }
article.yd-card-corporate span.text-xs { color: var(--yd-sam-yazi) !important; letter-spacing: .04em; }
.yd-card-corporate .w-12.h-12, .yd-card-corporate .w-10.h-10 { border-radius: 12px !important; background-color: var(--yd-lac-acik) !important; }

/* Rakam kartları */
.yd-stat-corp { background: #fff !important; }
.yd-stat-corp > div:first-child { color: var(--yd-lacivert) !important; }
.yd-stat-corp > div:last-child { color: var(--yd-metin3) !important; }

/* Hızlı erişim: uygulamadaki simge kutuları (lacivert / şampanya sırayla) */
.yd-hizli { background: #fff !important; gap: 12px !important; }
.yd-hizli svg { width: 40px !important; height: 40px !important; padding: 10px !important; border-radius: 12px; background: var(--yd-lac-acik); color: var(--yd-lacivert) !important; flex: none; box-sizing: border-box; }
.yd-hizli:nth-child(even) svg { background: var(--yd-sam-acik); color: var(--yd-sam-yazi) !important; }
@media (max-width: 767px) {
    .yd-hizli { gap: 10px !important; padding: 10px 10px !important; }
    .yd-hizli svg { width: 36px !important; height: 36px !important; padding: 9px !important; }
}

/* Düğmeler */
.yd-btn-corp { border-radius: 12px !important; box-shadow: 0 10px 22px -12px rgba(45,51,138,.75); transition: transform 160ms var(--yd-egri), background 160ms, box-shadow 160ms; }
.yd-btn-corp:hover { transform: translateY(-1px); }
.yd-btn-corp:active, .yd-login-btn:active, .yd-slide-cta:active { transform: scale(.975) !important; }
.yd-btn-corp-outline { box-shadow: none; }

/* Form alanları: uygulamadaki yumuşak köşe + odakta lacivert hale (yalnız görünüm) */
main input[type=text], main input[type=email], main input[type=tel], main input[type=password], main input[type=number], main input[type=search],
main input[type=date], main input:not([type]), main select, main textarea,
section input[type=text], section input[type=email], section input[type=tel], section input[type=password], section input[type=number],
section input[type=search], section input[type=date], section input:not([type]), section select, section textarea {
    border-radius: 12px !important; border-color: #DCD5C4; transition: border-color 150ms, box-shadow 150ms; }
main input:focus, main select:focus, main textarea:focus, section input:focus, section select:focus, section textarea:focus {
    border-color: var(--yd-lacivert) !important; box-shadow: 0 0 0 4px rgba(45,51,138,.10) !important; outline: none !important; }
.il-inp { border-radius: 12px !important; border-color: #DCD5C4 !important; }
.il-dugme { border-radius: var(--yd-r16) !important; box-shadow: var(--yd-golge-u); transition: transform 180ms var(--yd-egri), box-shadow 180ms; }
.il-dugme:hover { transform: translateY(-2px); box-shadow: var(--yd-golge-u2); }
button[type=submit]:not(.yd-mobile-toggle), input[type=submit] { border-radius: 12px; transition: transform 140ms var(--yd-egri), filter 140ms; }
button[type=submit]:active, input[type=submit]:active { transform: scale(.98); }

/* Sıkça sorulan sorular ve beyaz kutular */
.space-y-3 > .bg-white.rounded-lg.border { border-color: var(--yd-kart-cizgi) !important; border-radius: var(--yd-r16) !important; box-shadow: var(--yd-golge-u) !important; }
section .bg-white.rounded-xl, section .bg-white.rounded-2xl, section .bg-white.rounded-lg.shadow, section .bg-white.rounded-lg.shadow-sm,
main .bg-white.rounded-xl, main .bg-white.rounded-2xl { border-color: var(--yd-kart-cizgi) !important; border-radius: var(--yd-r16) !important; box-shadow: var(--yd-golge-u) !important; }

/* Haber detayı */
article.py-12 header h1 { color: var(--yd-metin) !important; }
article.py-12 .yd-medya-alan { background: var(--yd-kart-cizgi2) !important; border-radius: var(--yd-r16) !important; }

/* Alt bilgi: üstte şampanya antet çizgisi */
footer[style*="2d338a"] { border-top: 4px double rgba(230,210,168,.55); }
footer .w-8.h-8 { border-radius: 12px !important; transition: background 180ms var(--yd-egri), transform 180ms var(--yd-egri); }
footer .w-8.h-8:hover { transform: translateY(-1px); }
div[style*="height:50px"][style*="overflow:hidden"] { display: none !important; }

/* Yumuşak beliriş (uygulamadaki gibi kısa, sakin) */
@keyframes ydBelir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
    .yd-hizli-grid > *, .yd-slider { animation: ydBelir 360ms var(--yd-egri) backwards; }
    .yd-hizli-grid > *:nth-child(2) { animation-delay: 50ms; } .yd-hizli-grid > *:nth-child(3) { animation-delay: 100ms; } .yd-hizli-grid > *:nth-child(4) { animation-delay: 150ms; }
}


/* İŞ 2 (07.10): odak çerçevesi alanın tam kenarında (offset yok, kaymaz); tarayıcı/WebView varsayılan turuncu-sarı halkası kapalı */
input, select, textarea, button, a { -webkit-tap-highlight-color: transparent; }
input:focus, select:focus, textarea:focus, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: none !important; outline-offset: 0 !important; }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):focus, select:focus, textarea:focus, .il-inp:focus {
    border-color: var(--yd-lacivert, #2D338A) !important; box-shadow: inset 0 0 0 1px var(--yd-lacivert, #2D338A) !important; }
input[type=checkbox]:focus-visible, input[type=radio]:focus-visible { outline: 2px solid var(--yd-lacivert, #2D338A) !important; outline-offset: 0 !important; }