/* ==========================================================================
   dryorum.com.tr — Arayüz revizyonu 2026
   Mevcut Metronic temasının üstüne yüklenen hafif katman + yeni bileşenler (.dr-*)
   ========================================================================== */
:root {
  --dr-lacivert: #0b2440;
  --dr-lacivert-2: #12395f;
  --dr-mavi: #009ef7;
  --dr-mavi-koyu: #0077c2;
  --dr-mint: #13b59a;
  --dr-mint-acik: #e7f8f4;
  --dr-turuncu: #ff8a3d;
  --dr-murekkep: #13202e;
  --dr-gri: #5e6b7a;
  --dr-gri-acik: #8a96a3;
  --dr-cizgi: #e8edf3;
  --dr-zemin: #f5f7fb;
  --dr-kart: #ffffff;
  --dr-yaricap: 16px;
  --dr-golge: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px -8px rgba(16, 24, 40, .08);
  --dr-golge-buyuk: 0 2px 4px rgba(16, 24, 40, .04), 0 24px 48px -16px rgba(11, 36, 64, .18);
}

/* ---- Genel dokunuşlar (mevcut sayfalar) ---------------------------------- */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body.app-default, body.dr26 { background-color: var(--dr-zemin); }
.card { border-radius: var(--dr-yaricap) !important; border: 1px solid var(--dr-cizgi) !important; box-shadow: var(--dr-golge) !important; }
.card .card-header { border-bottom-color: var(--dr-cizgi) !important; }
.btn { border-radius: 10px; }
.btn.btn-sm { border-radius: 9px; }
.form-control, .form-select { border-radius: 10px; }
a:focus-visible, .btn:focus-visible, button:focus-visible { outline: 3px solid rgba(0, 158, 247, .35); outline-offset: 2px; }
#kt_app_header { backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); background-color: rgba(255, 255, 255, .88) !important; border-bottom: 1px solid var(--dr-cizgi); box-shadow: none !important; }
.app-header .menu-link .menu-title a, .app-header .menu-title { font-weight: 600; }
.symbol > img { border-radius: 12px; }
.rating-label.checked i, .rating-label.checked { color: #ffad0f !important; }
::selection { background: rgba(0, 158, 247, .18); }

/* ---- "Yeni" rozeti ve menü öğeleri ------------------------------------- */
.dr-yeni { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #fff; background: linear-gradient(135deg, var(--dr-turuncu), #ff5f6d); border-radius: 999px; padding: 2px 7px; margin-left: 6px; vertical-align: middle; line-height: 1.5; }
.dr-menu-st a { color: var(--dr-mint) !important; }
.dr-menu-st a i { color: var(--dr-mint) !important; }

/* ---- Duyuru bandı ------------------------------------------------------- */
.dr-duyuru { background: linear-gradient(90deg, var(--dr-lacivert), var(--dr-lacivert-2)); color: #dfeaf5; font-size: 13px; padding: 9px 16px; text-align: center; position: relative; }
.dr-duyuru a { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.dr-duyuru .dr-yeni { margin: 0 8px 0 0; }
.dr-duyuru-kapat { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: #9fb4c9; font-size: 18px; line-height: 1; cursor: pointer; }

/* ---- Ana sayfa kahraman alanı ------------------------------------------- */
.dr-hero { position: relative; overflow: hidden; border-radius: 24px; background: radial-gradient(1200px 400px at 85% -10%, rgba(19, 181, 154, .35), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(0, 158, 247, .35), transparent 60%), linear-gradient(135deg, var(--dr-lacivert) 0%, #0e3157 100%); color: #fff; padding: 44px 44px 36px; margin-bottom: 28px; box-shadow: var(--dr-golge-buyuk); }
.dr-hero::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(180deg, rgba(0,0,0,.6), transparent 85%); -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.6), transparent 85%); pointer-events: none; }
.dr-hero > * { position: relative; z-index: 1; }
.dr-hero-ust { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #bfe9df; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; padding: 5px 12px; }
.dr-hero h1 { color: #fff; font-size: clamp(26px, 3.2vw, 42px); line-height: 1.15; font-weight: 800; letter-spacing: -.02em; margin: 16px 0 10px; max-width: 760px; }
.dr-hero h1 span { background: linear-gradient(90deg, #7fe3d0, #7cc8ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.dr-hero p.dr-hero-alt { color: #c6d4e3; font-size: 16px; max-width: 640px; margin-bottom: 22px; }
.dr-hero-ara { display: flex; gap: 8px; max-width: 640px; background: #fff; border-radius: 14px; padding: 6px; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.dr-hero-ara input { flex: 1; border: 0; outline: 0; font-size: 15px; padding: 10px 12px; border-radius: 10px; color: var(--dr-murekkep); min-width: 0; }
.dr-hero-ara button { border: 0; border-radius: 10px; background: var(--dr-mavi); color: #fff; font-weight: 600; padding: 0 20px; white-space: nowrap; }
.dr-hero-ara button:hover { background: var(--dr-mavi-koyu); }
.dr-hero-hizli { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.dr-hero-hizli a { color: #dbe7f3; font-size: 13px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: 4px 12px; transition: .15s; }
.dr-hero-hizli a:hover { background: rgba(255,255,255,.12); color: #fff; }
.dr-hero-istatistik { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 28px; max-width: 760px; }
.dr-hero-istatistik div { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 12px 14px; }
.dr-hero-istatistik strong { display: block; font-size: 22px; font-weight: 800; color: #fff; letter-spacing: -.01em; }
.dr-hero-istatistik span { font-size: 12px; color: #a9bccf; }
.dr-hero-kart { position: absolute; right: 44px; top: 44px; width: 300px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: 18px; padding: 18px; backdrop-filter: blur(6px); }
.dr-hero-kart h3 { color: #fff; font-size: 15px; margin-bottom: 6px; }
.dr-hero-kart p { color: #c6d4e3; font-size: 13px; margin-bottom: 12px; }
.dr-hero-kart a.dr-btn-mint { display: inline-flex; align-items: center; gap: 6px; background: var(--dr-mint); color: #fff; font-weight: 600; font-size: 13px; padding: 8px 14px; border-radius: 10px; }
@media (max-width: 1199px) { .dr-hero-kart { display: none; } }
@media (max-width: 767px) { .dr-hero { padding: 28px 20px 22px; border-radius: 18px; } .dr-hero-istatistik { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dr-hero-ara button span { display: none; } }

/* ---- Bilgi / sahiplenme kutuları (profil & kurum) ---------------------- */
.dr-bilgi { display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid var(--dr-cizgi); border-left: 4px solid var(--dr-mavi); border-radius: 14px; padding: 14px 18px; margin-bottom: 16px; box-shadow: var(--dr-golge); }
.dr-bilgi i.dr-ikon { font-size: 20px; color: var(--dr-mavi); line-height: 1.2; }
.dr-bilgi .dr-bilgi-metin { font-size: 13px; color: var(--dr-gri); line-height: 1.6; }
.dr-bilgi .dr-bilgi-metin strong { color: var(--dr-murekkep); }
.dr-bilgi .dr-bilgi-baglanti { display: inline-flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; }
.dr-bilgi .dr-bilgi-baglanti a { font-weight: 600; font-size: 12.5px; }
.dr-bilgi.dr-dogrulanmis { border-left-color: var(--dr-mint); }
.dr-bilgi.dr-dogrulanmis i.dr-ikon { color: var(--dr-mint); }

.dr-sahiplen { display: flex; gap: 18px; align-items: center; background: linear-gradient(135deg, #f2fbff 0%, #effaf6 100%); border: 1px solid #d8eef8; border-radius: 16px; padding: 16px 20px; margin-bottom: 22px; }
.dr-sahiplen .dr-sayac { min-width: 92px; text-align: center; background: #fff; border-radius: 12px; padding: 8px 10px; box-shadow: var(--dr-golge); }
.dr-sahiplen .dr-sayac strong { display: block; font-size: 22px; font-weight: 800; color: var(--dr-mavi-koyu); line-height: 1.1; }
.dr-sahiplen .dr-sayac span { font-size: 11px; color: var(--dr-gri); }
.dr-sahiplen h4 { font-size: 15px; margin: 0 0 3px; color: var(--dr-murekkep); }
.dr-sahiplen p { font-size: 13px; color: var(--dr-gri); margin: 0; }
.dr-sahiplen .dr-eylem { display: flex; gap: 8px; flex-wrap: wrap; margin-left: auto; }
@media (max-width: 767px) { .dr-sahiplen { flex-wrap: wrap; } .dr-sahiplen .dr-eylem { margin-left: 0; } }

.dr-cta-sr { display: flex; gap: 16px; align-items: center; border-radius: 16px; padding: 16px 20px; margin-bottom: 22px; background: linear-gradient(135deg, #f1fbf7, #fff); border: 1px solid #cdeee3; }
.dr-cta-sr i { font-size: 28px; color: var(--dr-mint); }
.dr-cta-sr h4 { font-size: 15px; margin: 0 0 2px; }
.dr-cta-sr p { font-size: 13px; color: var(--dr-gri); margin: 0; }
.dr-cta-sr .btn { margin-left: auto; white-space: nowrap; }
@media (max-width: 767px) { .dr-cta-sr { flex-wrap: wrap; } .dr-cta-sr .btn { margin-left: 0; } }

/* ---- Düğmeler ----------------------------------------------------------- */
.dr-btn { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; font-size: 13.5px; border-radius: 10px; padding: 9px 16px; border: 1px solid transparent; transition: .15s; text-decoration: none; cursor: pointer; }
.dr-btn-ana { background: var(--dr-mavi); color: #fff !important; }
.dr-btn-ana:hover { background: var(--dr-mavi-koyu); }
.dr-btn-mint { background: var(--dr-mint); color: #fff !important; }
.dr-btn-mint:hover { background: #0f9a83; }
.dr-btn-cizgi { background: #fff; color: var(--dr-murekkep) !important; border-color: var(--dr-cizgi); }
.dr-btn-cizgi:hover { border-color: #c9d3de; background: #fafbfd; }
.dr-btn-koyu { background: var(--dr-lacivert); color: #fff !important; }

/* ---- Yeni sayfa düzeni (sağlık turizmi, uzmanlar için, EN) ------------- */
.dr-sayfa { max-width: 1180px; margin: 0 auto; padding: 28px 20px 60px; }
.dr-baslik-alan { padding: 48px 0 28px; }
.dr-kicker { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dr-mint); }
.dr-h1 { font-size: clamp(28px, 3.4vw, 46px); font-weight: 800; letter-spacing: -.025em; line-height: 1.1; color: var(--dr-murekkep); margin: 10px 0 14px; }
.dr-lead { font-size: 17px; color: var(--dr-gri); max-width: 760px; line-height: 1.65; }
.dr-h2 { font-size: 24px; font-weight: 800; letter-spacing: -.015em; color: var(--dr-murekkep); margin: 0 0 6px; }
.dr-h2-alt { color: var(--dr-gri); font-size: 14.5px; margin-bottom: 20px; }
.dr-bolum { margin-top: 44px; }
.dr-izgara { display: grid; gap: 16px; }
.dr-izgara-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dr-izgara-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dr-izgara-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 991px) { .dr-izgara-3, .dr-izgara-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .dr-izgara-2, .dr-izgara-3, .dr-izgara-4 { grid-template-columns: 1fr; } }
.dr-kart { background: var(--dr-kart); border: 1px solid var(--dr-cizgi); border-radius: var(--dr-yaricap); padding: 20px; box-shadow: var(--dr-golge); transition: transform .15s, box-shadow .15s, border-color .15s; display: block; color: inherit; }
a.dr-kart:hover { transform: translateY(-2px); box-shadow: var(--dr-golge-buyuk); border-color: #d3dde8; color: inherit; }
.dr-kart h3 { font-size: 16px; font-weight: 700; color: var(--dr-murekkep); margin: 0 0 6px; }
.dr-kart p { font-size: 13.5px; color: var(--dr-gri); margin: 0; line-height: 1.55; }
.dr-kart .dr-kart-ikon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #eef7ff; color: var(--dr-mavi-koyu); font-size: 19px; margin-bottom: 12px; }
.dr-kart .dr-kart-ikon.mint { background: var(--dr-mint-acik); color: var(--dr-mint); }
.dr-kart .dr-kart-sayi { font-size: 12.5px; font-weight: 600; color: var(--dr-mavi-koyu); margin-top: 10px; }
.dr-adimlar { counter-reset: adim; display: grid; gap: 14px; }
.dr-adim { position: relative; padding: 16px 18px 16px 60px; background: #fff; border: 1px solid var(--dr-cizgi); border-radius: 14px; }
.dr-adim::before { counter-increment: adim; content: counter(adim); position: absolute; left: 16px; top: 16px; width: 30px; height: 30px; border-radius: 10px; background: var(--dr-lacivert); color: #fff; font-weight: 700; display: grid; place-items: center; font-size: 14px; }
.dr-adim h4 { font-size: 15px; margin: 0 0 4px; color: var(--dr-murekkep); }
.dr-adim p { margin: 0; font-size: 13.5px; color: var(--dr-gri); line-height: 1.6; }
.dr-uyari { background: #fff8ef; border: 1px solid #ffe1bf; border-radius: 14px; padding: 16px 18px; font-size: 13.5px; color: #6b4a1f; line-height: 1.6; }
.dr-uyari strong { color: #4a3110; }
.dr-tablo { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--dr-cizgi); border-radius: 14px; overflow: hidden; }
.dr-tablo th { background: #f7f9fc; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--dr-gri); font-weight: 700; padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--dr-cizgi); }
.dr-tablo td { padding: 12px 16px; border-bottom: 1px solid #f0f3f7; font-size: 14px; color: var(--dr-murekkep); }
.dr-tablo tr:last-child td { border-bottom: 0; }
.dr-tablo td.sayi, .dr-tablo th.sayi { text-align: right; font-variant-numeric: tabular-nums; }
.dr-tablo a { font-weight: 600; }
.dr-sss details { background: #fff; border: 1px solid var(--dr-cizgi); border-radius: 14px; padding: 14px 18px; margin-bottom: 10px; }
.dr-sss summary { cursor: pointer; font-weight: 700; color: var(--dr-murekkep); font-size: 15px; list-style: none; }
.dr-sss summary::-webkit-details-marker { display: none; }
.dr-sss summary::after { content: "+"; float: right; color: var(--dr-gri-acik); font-weight: 400; font-size: 20px; line-height: 1; }
.dr-sss details[open] summary::after { content: "–"; }
.dr-sss details p { margin: 10px 0 0; color: var(--dr-gri); font-size: 14px; line-height: 1.65; }
.dr-etiket { display: inline-block; font-size: 11.5px; font-weight: 600; color: var(--dr-gri); background: #f1f4f8; border-radius: 999px; padding: 3px 10px; margin: 0 6px 6px 0; }
.dr-etiket.mint { background: var(--dr-mint-acik); color: #0c7a68; }
.dr-kirinti { font-size: 13px; color: var(--dr-gri-acik); margin-bottom: 6px; }
.dr-kirinti a { color: var(--dr-gri); }
.dr-kirinti span { margin: 0 6px; }
.dr-banner-koyu { border-radius: 22px; padding: 34px; color: #fff; background: radial-gradient(700px 300px at 100% 0%, rgba(19,181,154,.35), transparent 60%), linear-gradient(135deg, var(--dr-lacivert), #0e3157); display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.dr-banner-koyu h3 { color: #fff; font-size: 22px; font-weight: 800; margin: 0 0 6px; }
.dr-banner-koyu p { color: #c6d4e3; margin: 0; font-size: 14.5px; max-width: 640px; }
.dr-banner-koyu .dr-eylem { margin-left: auto; display: flex; gap: 10px; flex-wrap: wrap; }
.dr-liste-uzman { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 767px) { .dr-liste-uzman { grid-template-columns: 1fr; } }
.dr-liste-uzman a { display: flex; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--dr-cizgi); border-radius: 12px; padding: 12px 14px; color: inherit; }
.dr-liste-uzman a:hover { border-color: #cfd9e4; }
.dr-liste-uzman .dr-bas { width: 38px; height: 38px; border-radius: 11px; background: #eef4fa; color: var(--dr-lacivert-2); font-weight: 700; display: grid; place-items: center; font-size: 14px; flex: 0 0 38px; }
.dr-liste-uzman strong { display: block; font-size: 14px; color: var(--dr-murekkep); }
.dr-liste-uzman small { color: var(--dr-gri); font-size: 12.5px; }

/* ---- EN sayfaları üst menü / alt bilgi --------------------------------- */
.dr-en-nav { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.9); backdrop-filter: blur(10px); border-bottom: 1px solid var(--dr-cizgi); }
.dr-en-nav .dr-ic { max-width: 1180px; margin: 0 auto; padding: 12px 20px; display: flex; align-items: center; gap: 18px; }
.dr-en-nav img { height: 34px; }
.dr-en-nav nav { display: flex; gap: 18px; margin-left: auto; align-items: center; }
.dr-en-nav nav a { color: var(--dr-murekkep); font-weight: 600; font-size: 14px; }
.dr-en-nav nav a.dil { border: 1px solid var(--dr-cizgi); border-radius: 999px; padding: 4px 12px; font-size: 13px; }
@media (max-width: 767px) { .dr-en-nav nav a.gizle-m { display: none; } }
.dr-en-footer { border-top: 1px solid var(--dr-cizgi); background: #fff; padding: 28px 20px; margin-top: 40px; }
.dr-en-footer .dr-ic { max-width: 1180px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; font-size: 13px; color: var(--dr-gri); }
.dr-en-footer a { color: var(--dr-gri); margin-right: 14px; }

/* ---- Yenilenmiş alt bilgi --------------------------------------------- */
#kt_app_footer.dr-footer { background: #fff; border-top: 1px solid var(--dr-cizgi); margin-top: 28px; }
.dr-footer-ust { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; padding: 32px 0 20px; }
@media (max-width: 991px) { .dr-footer-ust { grid-template-columns: 1fr 1fr; } }
.dr-footer h5 { font-size: 12px; text-transform: uppercase; letter-spacing: .07em; color: var(--dr-gri-acik); margin-bottom: 12px; }
.dr-footer ul { list-style: none; padding: 0; margin: 0; }
.dr-footer li { margin-bottom: 8px; }
.dr-footer li a { color: var(--dr-murekkep); font-size: 13.5px; }
.dr-footer li a:hover { color: var(--dr-mavi); }
.dr-footer .dr-footer-marka p { font-size: 13px; color: var(--dr-gri); max-width: 320px; margin-top: 10px; }
.dr-footer-alt { border-top: 1px solid var(--dr-cizgi); padding: 14px 0 18px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; font-size: 12.5px; color: var(--dr-gri); }
.dr-footer-alt a { color: var(--dr-gri); }

/* ---- Üst menü sıkılaştırma (yeni öğelerle tek satır) ------------------ */
@media (min-width: 992px) {
  #kt_app_header_menu > .menu-item { margin-left: .15rem !important; margin-right: .15rem !important; }
  #kt_app_header_menu > .menu-item > .menu-link { padding-left: .6rem; padding-right: .6rem; }
  #kt_app_header_menu .menu-title, #kt_app_header_menu .menu-title a { white-space: nowrap; }
  #kt_app_header_menu .menu-title .dr-yeni { margin-left: 5px; }
}
@media (min-width: 992px) and (max-width: 1399px) {
  #kt_app_header_menu > .menu-item > .menu-link .menu-title i { display: none; }
}
/* Yeni bileşenlerde ikon renkleri temadan bağımsız */
.dr-hero i, .dr-btn i, .dr-kart-ikon i, .dr-banner-koyu i, .dr-sahiplen i, .dr-bilgi i, .dr-cta-sr i, .dr-kart h3 i, .dr-footer i { color: inherit; font-size: inherit; }
.dr-kart-ikon i { font-size: 19px; }
.dr-bilgi .dr-bilgi-baglanti a i { color: inherit; font-size: 13px; margin-right: 2px; }
.dr-btn-mint i, .dr-btn-ana i, .dr-btn-koyu i { color: #fff !important; }
.dr-kart h3 i.text-danger { color: #f1416c !important; }
@media (max-width: 575px) {
  .dr-sahiplen p, .dr-bilgi .dr-m-gizle { display: none; }
  .dr-sahiplen { padding: 12px 14px; gap: 12px; }
  .dr-sahiplen h4 { font-size: 14px; }
}
.dr-cta-sr > i { font-size: 28px; color: var(--dr-mint); }
.dr-bilgi > i.dr-ikon { font-size: 20px; color: var(--dr-mavi); }
.dr-bilgi.dr-dogrulanmis > i.dr-ikon { color: var(--dr-mint); }

/* ==== Hangi bölüme gitmeliyim? rehberi (bl-*) ============================ */
.bl-kabuk { max-width: 980px; margin: 0 auto; }
.bl-adimlar { display: flex; gap: 6px; margin: 0 0 18px; }
.bl-adimlar span { flex: 1; height: 5px; border-radius: 99px; background: #e3e9f0; transition: background .2s; }
.bl-adimlar span.aktif { background: var(--dr-mint); }
.bl-kart { background: #fff; border: 1px solid var(--dr-cizgi); border-radius: 20px; box-shadow: var(--dr-golge-buyuk); padding: 28px; }
.bl-kart h2 { font-size: 22px; font-weight: 800; letter-spacing: -.015em; color: var(--dr-murekkep); margin: 0 0 6px; }
.bl-kart .bl-alt { color: var(--dr-gri); font-size: 14.5px; margin: 0 0 20px; }
.bl-secim { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 575px) { .bl-secim { grid-template-columns: 1fr; } .bl-kart { padding: 20px; } }
.bl-secim button { text-align: left; background: #fbfcfe; border: 2px solid var(--dr-cizgi); border-radius: 16px; padding: 18px; cursor: pointer; transition: .15s; }
.bl-secim button:hover, .bl-secim button:focus-visible { border-color: var(--dr-mint); background: #f3fcf9; }
.bl-secim button i { font-size: 26px; color: var(--dr-mint); display: block; margin-bottom: 8px; }
.bl-secim button strong { display: block; font-size: 16px; color: var(--dr-murekkep); }
.bl-secim button span { font-size: 13px; color: var(--dr-gri); }
.bl-acil-liste { list-style: none; padding: 0; margin: 0 0 18px; display: grid; gap: 8px; }
.bl-acil-liste li { display: flex; gap: 10px; align-items: flex-start; background: #fff6f6; border: 1px solid #ffdede; border-radius: 12px; padding: 10px 14px; font-size: 14px; color: #6b2323; }
.bl-acil-liste li i { color: #e5484d; font-size: 16px; margin-top: 1px; }
.bl-butonlar { display: flex; gap: 10px; flex-wrap: wrap; }
.bl-btn { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 12px; padding: 12px 18px; font-weight: 700; font-size: 14.5px; cursor: pointer; transition: .15s; text-decoration: none; }
.bl-btn i { color: inherit !important; }
.bl-btn-kirmizi { background: #e5484d; color: #fff !important; }
.bl-btn-kirmizi:hover { background: #cc3b40; }
.bl-btn-mint { background: var(--dr-mint); color: #fff !important; }
.bl-btn-mint:hover { background: #0f9a83; }
.bl-btn-mint:disabled { background: #b9e5dc; cursor: not-allowed; }
.bl-btn-cizgi { background: #fff; color: var(--dr-murekkep) !important; border: 1px solid var(--dr-cizgi); }
.bl-btn-cizgi:hover { border-color: #c9d3de; }
.bl-geri { background: none; border: 0; color: var(--dr-gri); font-weight: 600; font-size: 13.5px; cursor: pointer; padding: 0; margin-bottom: 14px; }
.bl-ara { position: relative; margin-bottom: 14px; }
.bl-ara input { width: 100%; border: 1px solid var(--dr-cizgi); border-radius: 12px; padding: 12px 14px 12px 40px; font-size: 15px; outline: 0; }
.bl-ara input:focus { border-color: var(--dr-mint); box-shadow: 0 0 0 3px rgba(19,181,154,.15); }
.bl-ara i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--dr-gri-acik); }
.bl-bolgeler { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.bl-bolgeler button { border: 1px solid var(--dr-cizgi); background: #fff; border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 600; color: var(--dr-gri); cursor: pointer; }
.bl-bolgeler button i { margin-right: 4px; color: inherit !important; }
.bl-bolgeler button[aria-pressed="true"] { background: var(--dr-lacivert); border-color: var(--dr-lacivert); color: #fff; }
.bl-belirtiler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-height: 360px; overflow: auto; padding: 2px; }
@media (max-width: 767px) { .bl-belirtiler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .bl-belirtiler { grid-template-columns: 1fr; } }
.bl-belirtiler button { text-align: left; border: 1px solid var(--dr-cizgi); background: #fbfcfe; border-radius: 12px; padding: 10px 12px; font-size: 13.5px; font-weight: 600; color: var(--dr-murekkep); cursor: pointer; display: flex; gap: 8px; align-items: center; }
.bl-belirtiler button::before { content: ""; width: 16px; height: 16px; border-radius: 5px; border: 2px solid #c8d2dc; flex: 0 0 16px; }
.bl-belirtiler button[aria-pressed="true"] { border-color: var(--dr-mint); background: #f0fbf8; }
.bl-belirtiler button[aria-pressed="true"]::before { background: var(--dr-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M6.2 11.3 2.9 8l1.1-1.1 2.2 2.2 5.8-5.8L13.1 4.4z'/%3E%3C/svg%3E") center/12px no-repeat; border-color: var(--dr-mint); }
.bl-belirtiler .bl-bos { grid-column: 1 / -1; color: var(--dr-gri); font-size: 14px; padding: 10px; }
.bl-secilenler { display: flex; gap: 6px; flex-wrap: wrap; min-height: 30px; margin: 14px 0 16px; align-items: center; font-size: 13px; color: var(--dr-gri); }
.bl-secilenler .bl-etiket { background: var(--dr-mint-acik); color: #0c7a68; font-weight: 700; border-radius: 999px; padding: 4px 6px 4px 12px; display: inline-flex; align-items: center; gap: 4px; }
.bl-secilenler .bl-etiket button { border: 0; background: none; color: #0c7a68; font-size: 16px; line-height: 1; cursor: pointer; padding: 0 4px; }
.bl-select { width: 100%; max-width: 420px; border: 1px solid var(--dr-cizgi); border-radius: 12px; padding: 12px 14px; font-size: 15px; margin-bottom: 18px; background: #fff; }
.bl-sonuc-bas { display: flex; gap: 12px; align-items: center; margin-bottom: 18px; }
.bl-sonuc-bas .bl-rozet { width: 44px; height: 44px; border-radius: 14px; background: var(--dr-mint-acik); color: var(--dr-mint); display: grid; place-items: center; font-size: 22px; flex: 0 0 44px; }
.bl-brans { border: 1px solid var(--dr-cizgi); border-radius: 16px; padding: 18px; margin-bottom: 12px; display: flex; gap: 16px; align-items: flex-start; }
.bl-brans.ilk { border: 2px solid var(--dr-mint); background: linear-gradient(135deg, #f3fcf9, #fff); }
.bl-brans .bl-sira { width: 30px; height: 30px; border-radius: 10px; background: var(--dr-lacivert); color: #fff; font-weight: 800; display: grid; place-items: center; flex: 0 0 30px; font-size: 14px; }
.bl-brans.ilk .bl-sira { background: var(--dr-mint); }
.bl-brans h3 { font-size: 17px; font-weight: 800; color: var(--dr-murekkep); margin: 2px 0 4px; }
.bl-brans p { font-size: 13.5px; color: var(--dr-gri); margin: 0 0 8px; line-height: 1.55; }
.bl-brans .bl-neden { font-size: 12.5px; color: #0c7a68; font-weight: 600; margin-bottom: 10px; }
.bl-brans .bl-govde { flex: 1; min-width: 0; }
.bl-notlar { background: #f7f9fc; border-radius: 14px; padding: 14px 16px; margin: 16px 0; font-size: 13.5px; color: var(--dr-gri); line-height: 1.6; }
.bl-notlar strong { color: var(--dr-murekkep); }
.bl-notlar p { margin: 0 0 8px; }
.bl-notlar p:last-child { margin: 0; }
.bl-gizlilik { display: flex; gap: 8px; align-items: center; font-size: 12.5px; color: var(--dr-gri); margin-top: 16px; }
.bl-gizlilik i { color: var(--dr-mint) !important; }
.bl-acil-ekran { text-align: center; padding: 10px 0; }
.bl-acil-ekran .bl-112 { width: 84px; height: 84px; border-radius: 26px; background: #e5484d; color: #fff; display: grid; place-items: center; font-size: 30px; font-weight: 900; margin: 0 auto 16px; box-shadow: 0 10px 30px rgba(229,72,77,.35); }
.bl-acil-ekran h2 { color: #b4232a; }
.bl-acil-ekran p { max-width: 560px; margin: 0 auto 18px; color: var(--dr-gri); }
.bl-acil-ekran .bl-butonlar { justify-content: center; }
.bl-hero-cta { display: inline-flex; gap: 8px; align-items: center; margin-top: 14px; color: #bff0e5; font-weight: 600; font-size: 14px; }
.bl-hero-cta:hover { color: #fff; }
/* Belirti sayfaları */
.bl-belirti-liste { columns: 3 260px; column-gap: 24px; }
.bl-belirti-liste section { break-inside: avoid; margin-bottom: 22px; }
.bl-belirti-liste h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--dr-gri-acik); margin-bottom: 8px; }
.bl-belirti-liste a { display: block; padding: 6px 0; border-bottom: 1px solid #f0f3f7; color: var(--dr-murekkep); font-weight: 600; font-size: 14.5px; }
.bl-belirti-liste a:hover { color: var(--dr-mint); }
.bl-il-linkler { display: flex; flex-wrap: wrap; gap: 8px; }
.bl-il-linkler a { border: 1px solid var(--dr-cizgi); background: #fff; border-radius: 999px; padding: 5px 12px; font-size: 13px; font-weight: 600; color: var(--dr-murekkep); }
.bl-il-linkler a span { color: var(--dr-gri-acik); font-weight: 500; margin-left: 4px; }
.bl-il-linkler a:hover { border-color: var(--dr-mint); color: #0c7a68; }
.dr-brans-belirtiler { margin: 0 0 18px; padding: 16px 18px; background: #f7fbfa; border: 1px solid #d8efe8; border-radius: 14px; }
.dr-brans-belirtiler h3 { font-size: 15px; margin: 0 0 10px; color: var(--dr-murekkep); }
.dr-brans-belirtiler a { display: inline-block; margin: 0 6px 8px 0; background: #fff; border: 1px solid #d8efe8; border-radius: 999px; padding: 4px 12px; font-size: 13px; font-weight: 600; color: #0c7a68; }
.bl-sonuc-bas .bl-rozet i { font-size: 22px; color: var(--dr-mint) !important; }
.bl-neden i { color: #0c7a68 !important; }
.bl-secim button i { font-size: 26px !important; color: var(--dr-mint) !important; }
/* Kurucu satırı (footer) — 2026-11-12 */
.dr-footer-kurucu { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-bottom: 8px; border-bottom: 1px dashed var(--dr-cizgi); margin-bottom: 4px; }
.dr-footer-kurucu a { color: var(--dr-murekkep); }
.dr-footer-kurucu img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; vertical-align: middle; margin-right: 4px; }
/* TR/EN düğmesi ve Google Çeviri çubuğunu gizleme — 2026-11-13 */
.dr-dil-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 32px; border-radius: 9px; border: 1px solid var(--dr-cizgi); background: #fff; font-weight: 800; font-size: 12.5px; letter-spacing: .04em; color: var(--dr-lacivert) !important; padding: 0 9px; }
.dr-dil-btn:hover { border-color: var(--dr-mint); color: var(--dr-mint) !important; }
.dr-dil-yuzen { position: fixed; left: 16px; bottom: 16px; z-index: 900; background: var(--dr-lacivert); color: #fff !important; font-weight: 800; font-size: 13px; border-radius: 999px; padding: 9px 14px; box-shadow: 0 8px 24px rgba(11, 36, 64, .25); }
.goog-te-banner-frame, .skiptranslate > iframe, #goog-gt-tt, .goog-te-balloon-frame, .VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; }
html.dr-ceviri body { top: 0 !important; position: static !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
@media (min-width: 992px) { html.dr-dil-ust .dr-dil-yuzen { display: none; } }
@media (max-width: 991px) { .dr-dil-yuzen { left: 12px; bottom: 76px; } }
/* İlgili rehber yazıları kutusu — 2026-11-13 */
.dr-rhi { background: #fff; border: 1px solid var(--dr-cizgi); border-radius: 18px; padding: 14px 16px; margin: 16px 0; box-shadow: var(--dr-golge); }
.dr-rhi-bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-weight: 700; color: var(--dr-murekkep); }
.dr-rhi-bas i { color: var(--dr-mint); }
.dr-rhi-bas a { font-size: 13px; color: var(--dr-mavi-koyu); }
.dr-rhi-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.dr-rhi-liste a { display: flex; gap: 10px; align-items: center; color: var(--dr-murekkep); border-radius: 12px; padding: 6px; transition: .15s; }
.dr-rhi-liste a:hover { background: var(--dr-zemin); color: var(--dr-murekkep); }
.dr-rhi-liste img { width: 96px; height: 50px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; }
.dr-rhi-liste strong { display: block; font-size: 13.5px; line-height: 1.35; font-weight: 650; }
.dr-rhi-liste small { color: var(--dr-gri-acik); font-size: 12px; }