/* ============================================================
   Klinik anakalip - core stylesheet
   Marka jetonlari + tam yerlesim. Tek dosya, bagimsiz.
   ============================================================ */

/* ---------- 1. Jetonlar ---------- */
:root{
  /* marka */
  --paper:#F6F3EE;
  --navy:#0F3D3E;
  --blue:#5965B8;
  --sage:#B9C7BF;
  --rose:#D8B9B6;
  --gold:#C6A769;
  --gold-text:#7E5C22;   /* altin metin tonu: beyazda 6.1:1 */
  /* turetilmis notrler */
  --ink:#1A1A2E;
  --ink-2:#4A4A63;
  --ink-3:#63637A;
  --line:#E2DCD2;
  --line-2:#EFEAE2;
  --white:#FFFFFF;
  --sage-bg:#EDF2EF;
  --rose-bg:#F7EDEC;
  --gold-bg:#F5EEE1;
  --navy-08:rgba(15,61,62,.08);
  /* tipografi */
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* olcu */
  --wrap:1160px;
  --main-pt:2.1rem;      /* main ust dolgusu; tam genislik hero bunu geri ceker */
  --oluk:1.5rem;          /* sayfa sag/sol standart bosluk */
  --text-w:720px;
  --r:12px;
  --r-sm:8px;
  --hdr:74px;
  --hdr-nav:49px;
  --sh:0 1px 2px rgba(26,26,46,.05),0 8px 24px rgba(26,26,46,.06);
  --sh-2:0 2px 6px rgba(26,26,46,.07),0 16px 40px rgba(26,26,46,.10);
}

/* ---------- 2. Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-anchor:none}
body{
  margin:0;background:var(--paper);color:var(--ink);
  overflow-x:clip;
  font-family:var(--sans);font-size:1.0625rem;line-height:1.75;
  font-weight:400;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.06em}
a:hover{color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:3px}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}

h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);line-height:1.18;margin:0;font-weight:600;letter-spacing:-.005em}
h1{font-size:clamp(2.05rem,1.35rem + 2.6vw,3.05rem);margin:.2rem 0 1.1rem;letter-spacing:-.015em}
h2{font-size:clamp(1.55rem,1.2rem + 1.25vw,2.1rem);margin:2.9rem 0 .95rem}
h3{font-family:var(--sans);font-size:1.115rem;font-weight:700;color:var(--ink);margin:1.9rem 0 .55rem;letter-spacing:-.005em}
h4{font-family:var(--sans);font-size:1rem;font-weight:700;margin:1.5rem 0 .4rem}
h2,h3,section[id],[id]{scroll-margin-top:calc(var(--hdr) + var(--hdr-nav) + 18px)}

p{margin:0 0 1.05rem}
strong{font-weight:700;color:var(--ink)}
main ul,main ol{margin:0 0 1.25rem;padding-left:1.35rem}
main li{margin:0 0 .42rem}
main li::marker{color:var(--gold)}
main ol li::marker{color:var(--ink-3);font-variant-numeric:tabular-nums}
blockquote{margin:0}

/* ---------- 3. Erisilebilirlik ---------- */
.skip-link{
  position:fixed;top:0;left:1rem;z-index:10000;padding:.7rem 1.1rem;
  color:#fff;background:var(--navy);border-radius:0 0 var(--r-sm) var(--r-sm);
  text-decoration:none;font-weight:500;transform:translateY(-130%);transition:transform .18s ease;
}
.skip-link:focus{transform:translateY(0);color:#fff}

/* ---------- 4. Kapsayici ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk);width:100%}

/* ---------- 5. Ust bant ---------- */
.site-header{
  position:sticky;top:0;z-index:900;background:rgba(246,243,238,.92);
  backdrop-filter:saturate(1.6) blur(10px);-webkit-backdrop-filter:saturate(1.6) blur(10px);
  border-bottom:1px solid var(--line);
}
.site-header .wrap{
  display:flex;align-items:center;gap:1.1rem;min-height:var(--hdr);
}
@media (min-width:961px){
  .hdr-top{
    max-height:130px;overflow:hidden;
    transition:max-height .3s ease,transform .3s ease,opacity .22s ease,padding .3s ease;
  }
  .site-header.hdr-compact .hdr-top{
    max-height:0;min-height:0;transform:translateY(-100%);opacity:0;
    padding-top:0;padding-bottom:0;pointer-events:none;
  }
}
.logo{flex:0 0 auto;display:flex;align-items:center;text-decoration:none}
.logo img{width:auto;height:44px}
.hdr-info{flex:1 1 auto;display:flex;align-items:center;gap:1.4rem;min-width:0}
.hdr-tel,.hdr-adres{
  display:flex;align-items:center;gap:.4rem;font-size:.84rem;
  text-decoration:none;white-space:nowrap;color:var(--ink);
}
.hdr-tel{color:var(--navy);font-weight:700}
.hdr-tel:hover{text-decoration:underline}
.hdr-tel svg,.hdr-adres svg{flex:0 0 auto;width:15px;height:15px;color:var(--gold)}
.hdr-adres span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .btn{flex:0 0 auto}
.hdr-navrow{border-top:1px solid var(--line)}
.hdr-navrow .wrap{min-height:var(--hdr-nav)}
.main-nav{flex:1 1 auto;width:100%}
.main-nav > ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.05rem;list-style:none;margin:0;padding:0}
.main-nav > ul > li{margin:0}
.main-nav > ul > li > a{
  display:block;padding:.5rem .6rem;border-radius:var(--r-sm);white-space:nowrap;
  font-size:.92rem;font-weight:500;color:var(--ink);text-decoration:none;
  transition:background .16s ease,color .16s ease;
}
.main-nav > ul > li > a:hover{background:var(--navy-08);color:var(--navy)}
/* ---------- 6. Dugmeler ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.66rem 1.35rem;border:1px solid transparent;border-radius:999px;
  font-family:var(--sans);font-size:.95rem;font-weight:700;line-height:1.3;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 2px 10px rgba(15,61,62,.22)}
.btn-primary:hover{background:#134C4E;color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(15,61,62,.28)}
.btn-primary:active{transform:translateY(0)}
.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 2px 10px rgba(0,0,0,.20)}
.btn-gold:hover{background:#D2B684;color:var(--navy);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.26)}
.btn-gold:active{transform:translateY(0)}

/* ---------- 7. Ana yerlesim izgarasi ---------- */
main{
  display:grid;width:100%;max-width:var(--wrap);margin:0 auto;
  padding:var(--main-pt) var(--oluk) 4rem;
  grid-template-columns:
    [wide-start] minmax(0,1fr)
    [text-start] minmax(0,var(--text-w)) [text-end]
    minmax(0,1fr) [wide-end];
}
main > *{grid-column:text;min-width:0}
main > .silo-grup,
main > .home-list,
main > .card-grid,
main > .related,
main > .hubk,
main > .hubk-izgara,
main > .guven-bandi,
main > .yolculuk-bandi,
main > .felsefe-bandi,
main > .uzmanlik-bandi,
main > .guvenlik-bandi,
main > .uluslararasi-bandi,
main > .il-hero,
main > .il-galeri,
main > .il-kapanis,
main > .hk-hero,
main > .hk-taahhut,
main > .hk-neden,
main > .hk-yardim,
main > .hk-kapanis,
main > .neden-bandi,
main > .iletisim-form-bandi,
main > .kapanis-bandi,
main > .sb,
main > .hi-band,
main > .proc-cta-section{grid-column:wide}

/* ---------- 8. Ekmek kirintisi ---------- */
.breadcrumb{margin:0 0 1.4rem;font-size:.845rem;color:var(--ink-3)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.42rem;list-style:none;margin:0;padding:0}
.breadcrumb li{margin:0;display:flex;align-items:center;gap:.42rem}
.breadcrumb li + li::before{content:"/";color:var(--line);font-size:.9em}
.breadcrumb a{color:var(--ink-3);text-decoration:none}
.breadcrumb a:hover{color:var(--navy);text-decoration:underline}
.breadcrumb [aria-current]{color:var(--ink-2);font-weight:500}

/* ---------- 9. Kahraman gorsel ---------- */
.hero-fig{
  margin:0 0 2rem;border-radius:var(--r);overflow:hidden;
  background:var(--white);box-shadow:var(--sh);border:1px solid var(--line-2);
}
.hero-fig img{width:100%;aspect-ratio:16/9;object-fit:cover}
figure{margin:0 0 1.6rem}
figcaption{margin-top:.55rem;font-size:.855rem;color:var(--ink-3)}

/* ---------- 10. Yanit blogu (GEO) ---------- */
.answer-block{
  margin:0 0 2rem;padding:1.15rem 1.35rem;
  background:var(--sage-bg);border-left:4px solid var(--navy);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:1.09rem;line-height:1.68;color:var(--ink);
}

/* ---------- 11. Kunye tablosu ---------- */
.key-facts{
  width:100%;margin:0 0 2.1rem;border-collapse:collapse;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;font-size:.955rem;
}
.key-facts caption{
  caption-side:top;text-align:left;padding:.85rem 1.1rem;
  font-family:var(--sans);font-size:.775rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);
  background:var(--gold-bg);border-bottom:1px solid var(--line);
}
.key-facts th,.key-facts td{padding:.72rem 1.1rem;text-align:left;vertical-align:top;border-top:1px solid var(--line-2)}
.key-facts tbody tr:first-child th,.key-facts tbody tr:first-child td{border-top:0}
.key-facts th[scope=row]{width:38%;font-weight:500;color:var(--ink-2);background:#FCFAF7}
.key-facts td{color:var(--ink)}

/* ---------- 12. Genel tablo ---------- */
.table-scroll{overflow-x:auto;margin:0 0 2rem;-webkit-overflow-scrolling:touch}
.cs-table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cs-table th,.cs-table td{padding:.7rem 1rem;text-align:left;border-top:1px solid var(--line-2)}
.cs-table thead th{background:var(--gold-bg);color:var(--ink);font-weight:700;border-top:0}

/* ---------- 13. Kart izgarasi ---------- */
.home-list,.silo-grup{margin:0 0 3rem}
.home-list>h2,.silo-grup>h2{margin-top:2.6rem}
.card-grid{
  display:grid;gap:1.15rem;list-style:none;margin:0 0 1.6rem;padding:0;
  grid-template-columns:repeat(auto-fill,minmax(min(268px,100%),1fr));
}
.card-grid li{margin:0}
.card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh);overflow:hidden;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.card:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--sage)}
.card > a{display:block;padding:1.25rem 1.3rem 1.35rem;text-decoration:none;color:inherit;height:100%}
.card h3{margin:0 0 .45rem;font-size:1.045rem;color:var(--navy);line-height:1.35}
.card:hover h3{color:var(--blue)}
.card p{margin:0;font-size:.895rem;line-height:1.6;color:var(--ink-2)}

/* Fotografli varyant: gorsel ustte 16:9, metin altta. */
.card-foto .card > a{display:flex;flex-direction:column;padding:0}

/* Baglantisiz kart (Ingilizce blog): yazilar cevrilmedigi icin kart yalnizca
   konuyu tanitir, hicbir yere gitmez. Hover yukselmesi de kapatilir. */
.card > .k-ic{display:block;padding:1.25rem 1.3rem 1.35rem;color:inherit;height:100%}
.card-foto .card > .k-ic{display:flex;flex-direction:column;padding:0}
.kart-pasif:hover{transform:none;box-shadow:var(--sh);border-color:var(--line)}
.kart-pasif:hover .k-foto img{transform:none}
.k-foto{
  aspect-ratio:16/9;overflow:hidden;
  background:var(--line-2);border-bottom:1px solid var(--line);
}
.k-foto img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.card:hover .k-foto img{transform:scale(1.045)}
.k-gov{padding:1.05rem 1.2rem 1.25rem}

/* ---------- 13c. Ustyazili kart (blog listeleri) ---------- */
.card-ustyazi .card{border:none;box-shadow:var(--sh-2);border-radius:var(--r)}
.card-ustyazi .card:hover{border:none;box-shadow:0 10px 30px rgba(26,26,46,.22)}
.card-ustyazi .card > a{position:relative;display:block;padding:0;height:100%}
.card-ustyazi .k-foto{
  aspect-ratio:4/3;border-bottom:none;border-radius:var(--r);height:100%;
}
.card-ustyazi .k-foto::after{
  content:"";position:absolute;inset:0;border-radius:var(--r);
  background:linear-gradient(to top,rgba(10,22,22,.82) 0%,rgba(10,22,22,.45) 34%,rgba(10,22,22,0) 62%);
}
.card-ustyazi .k-gov{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  padding:1.1rem 1.15rem 1.25rem;text-align:center;
}
.card-ustyazi .k-gov h3{
  margin:0;font-family:var(--serif);font-size:1.14rem;font-weight:600;
  line-height:1.3;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45);
}
.card-ustyazi .card:hover h3{color:#fff}
.card-ustyazi .k-gov p,
.card-ustyazi .card-meta{display:none}
.card-ustyazi .card > a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

@media (max-width:560px){
  .card-ustyazi .k-foto{aspect-ratio:16/10}
}

/* ---------- 13b. Vitrin karuseli ---------- */
/* Serit .card-grid sinifini da tasiyor; grid yerlesimini ezmek icin iki
   sinifli secici (.krs .krs-serit) kullaniliyor, kaynak sirasina guvenilmiyor. */
.krs{position:relative;margin:0 0 1.6rem}
.krs .krs-serit{
  display:flex;gap:1.15rem;margin:0;
  /* Ust bosluk kartin :hover'daki 2px yukselmesi ve golgesi icin; alt bosluk
     golgenin overflow kutusunda kesilmemesi icin. */
  padding:.4rem 2px 1rem;
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-left:2px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.krs .krs-serit::-webkit-scrollbar{display:none}
.krs .krs-serit > li{
  /* Ucu bir ekranda: kart genisligi = (serit - 2 bosluk) / 3 */
  flex:0 0 calc((100% - 2 * 1.15rem) / 3);
  scroll-snap-align:start;
}
.krs-ok{
  position:absolute;top:34%;transform:translateY(-50%);
  display:grid;place-items:center;
  width:2.5rem;height:2.5rem;padding:0;
  border:1px solid var(--line);border-radius:50%;
  background:var(--white);color:var(--navy);
  box-shadow:var(--sh-2);cursor:pointer;z-index:2;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.krs-ok:hover{background:var(--navy);border-color:var(--navy);color:var(--white)}
.krs-ok svg{
  width:17px;height:17px;fill:none;stroke:currentColor;
  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
}
.krs-geri{left:-.85rem}
.krs-ileri{right:-.85rem}

@media (max-width:1000px){
  .krs .krs-serit > li{flex:0 0 calc((100% - 1.15rem) / 2)}
}
@media (max-width:640px){
  .krs .krs-serit > li{flex:0 0 100%}
  /* Dar ekranda parmakla kaydirma dogal yol; oklar kart alanini yiyor. */
  .krs-ok{display:none}
}

/* Yalin bolum basligi: ust etiket ve aciklama olmadan tek H2. */
.sb-yalin{margin-bottom:1.9rem}

/* Vitrine girmeyen basliklar: ic link kaybolmasin diye duz metin listesi. */
.hl-tumu-bas{
  margin:2.1rem 0 .9rem;padding-bottom:.55rem;
  border-bottom:1px solid var(--line);
  font-size:.74rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-3);
}
.hl-tumu-bas a{color:var(--navy);text-decoration:none}
.hl-tumu-bas a:hover{text-decoration:underline}
.home-list-tumu{
  list-style:none;margin:0;padding:0;
  columns:3;column-gap:2.6rem;column-rule:1px solid var(--line);
  font-size:.9rem;line-height:1.55;
}
.home-list-tumu li{margin:0;break-inside:avoid}
.home-list-tumu li::marker{content:none}
.home-list-tumu a{
  position:relative;display:block;
  padding:.3rem 0 .3rem .95rem;
  color:var(--ink-2);text-decoration:none;
  border-radius:var(--r-sm);
  transition:color .18s ease,background-color .18s ease;
}
.home-list-tumu a::before{
  content:"";position:absolute;left:.1rem;top:50%;
  width:4px;height:4px;margin-top:-2px;border-radius:50%;
  background:var(--gold);opacity:.42;
  transition:opacity .18s ease,transform .18s ease;
}
.home-list-tumu a:hover,
.home-list-tumu a:focus-visible{
  color:var(--navy);background:var(--line-2);text-decoration:none;
}
.home-list-tumu a:hover::before,
.home-list-tumu a:focus-visible::before{opacity:1;transform:scale(1.5)}
@media (max-width:900px){.home-list-tumu{columns:2}}
@media (max-width:560px){.home-list-tumu{columns:1}}

/* ---------- 14. Hekim kartlari ---------- */
.hekim-grid{
  display:grid;gap:1.4rem;list-style:none;margin:0 0 2.4rem;padding:0;
  grid-template-columns:repeat(auto-fill,minmax(min(292px,100%),1fr));
}
.hekim-kart{
  margin:0;padding:1.6rem;background:var(--white);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--sh);text-align:center;
}
.hekim-kart img{
  width:132px;height:132px;margin:0 auto .95rem;border-radius:50%;
  object-fit:cover;background:var(--sage-bg);border:3px solid var(--gold-bg);
}
.hekim-kart h3{margin:0 0 .18rem;font-family:var(--serif);font-size:1.28rem;font-weight:600;color:var(--navy)}
.hekim-kart h3 a{text-decoration:none;color:inherit}
.hekim-kart h3 a:hover{color:var(--blue)}
.hk-uzm{
  margin:0 0 .7rem;font-size:.755rem;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:#8A6E33;
}
.hk-bio{margin:0;font-size:.895rem;line-height:1.62;color:var(--ink-2)}
.hekim-portre{
  width:176px;height:176px;margin:0 0 1.6rem;border-radius:50%;object-fit:cover;
  background:var(--sage-bg);border:4px solid var(--gold-bg);box-shadow:var(--sh);
}

/* ---------- 15. Ilgili sayfalar ---------- */
.related{
  margin:3rem 0 0;padding:1.6rem 1.75rem;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);
}
.related h2{margin:0 0 .85rem;font-size:1.32rem}
.related ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.related li{margin:0;font-size:.9rem;line-height:1.55;color:var(--ink-3);padding-left:.9rem;position:relative}
.related li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.related a{font-weight:500;text-decoration:none}
.related a:hover{text-decoration:underline}

/* ---------- 16. Guven kunyesi ---------- */
.content-trust{
  display:flex;gap:1.1rem;align-items:flex-start;margin:2.6rem 0 1.4rem;
  padding:1.25rem 1.4rem;background:var(--gold-bg);border-radius:var(--r);
  border:1px solid #E8DCC4;
}
.content-trust img{
  flex:0 0 auto;width:64px;height:64px;border-radius:50%;object-fit:cover;
  background:var(--white);border:2px solid var(--white);
}
.content-trust p{margin:0 0 .3rem;font-size:.87rem;line-height:1.6;color:var(--ink-2)}
.content-trust p:last-child{margin-bottom:0}
.content-trust strong{color:var(--ink)}

.post-disclaimer{
  margin:0 0 2.2rem;padding:1rem 1.25rem;background:var(--rose-bg);
  border-left:4px solid var(--rose);border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:.88rem;line-height:1.62;color:var(--ink-2);
}
.post-disclaimer strong{color:var(--ink)}

/* ---------- 17. Kaynaklar ---------- */
.cs-sources{margin:0 0 2.4rem;padding:1.5rem 1.75rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
.cs-sources h2{margin:0 0 .8rem;font-size:1.25rem}
.cs-sources ol{margin:0;padding-left:1.3rem}
.cs-sources li{margin:0 0 .5rem;font-size:.86rem;line-height:1.6;color:var(--ink-3)}
.cs-sources a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line)}
.cs-sources a:hover{color:var(--navy);text-decoration-color:currentColor}

/* ---------- 18. Randevu bandi ---------- */
.proc-cta-section{
  margin:3.2rem 0 0;padding:2.5rem 2rem;text-align:center;
  background:var(--navy);border-radius:var(--r);color:#EDF1F1;
}
.proc-cta-section h2{margin:0 0 .6rem;color:#fff;font-size:1.75rem}
.proc-cta-section p{margin:0 0 1.4rem;color:#C9D4D4;font-size:1rem}
.proc-cta-section .btn-primary{background:var(--gold);color:#231C0C;box-shadow:none}
.proc-cta-section .btn-primary:hover{background:#D2B685;color:#231C0C}

/* ---------- 19. NAP ---------- */
.nap{
  margin:1.4rem 0 2rem;padding:1.5rem 1.75rem;background:var(--white);
  border:1px solid var(--line);border-left:4px solid var(--sage);border-radius:0 var(--r) var(--r) 0;
}
.nap p{margin:0 0 .45rem;font-size:.975rem}
.nap p:last-child{margin-bottom:0}
.nap p:empty{display:none}
.nap-ad{font-size:1.08rem;color:var(--navy)}
.nap-ad strong{color:var(--navy);font-family:var(--serif);font-size:1.2rem;font-weight:600}
.nap-adres{color:var(--ink-2);line-height:1.6}
.nap-tel a,.nap-wa a,.nap-mail a{font-weight:500;text-decoration:none}
.nap-tel a:hover,.nap-wa a:hover,.nap-mail a:hover{text-decoration:underline}
.nap-saat{color:var(--ink-3);font-size:.9rem}

/* ---------- 20. Randevu formu ---------- */
.randevu-form{
  margin:1.4rem 0 2.4rem;padding:1.75rem;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);
}
.f-row{margin:0 0 1.05rem}
.f-row label{display:block;margin:0 0 .34rem;font-size:.875rem;font-weight:700;color:var(--ink-2)}
.f-row input,.f-row select,.f-row textarea{
  width:100%;padding:.66rem .85rem;font:inherit;font-size:.975rem;color:var(--ink);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);
}
.f-row input:focus,.f-row select:focus,.f-row textarea:focus{border-color:var(--blue);background:var(--white)}
.f-consent{display:flex;gap:.65rem;align-items:flex-start;margin:0 0 1.05rem;font-size:.855rem;line-height:1.55;color:var(--ink-2)}
.f-consent input{width:auto;flex:0 0 auto;margin-top:.28rem}
.f-note{margin:1rem 0 0;font-size:.82rem;line-height:1.55;color:var(--ink-3)}

/* ---------- 21. Alt bant ---------- */
/* Zemin: duragan gradyan rampasi + uzerine footer-bg.js'nin cizdigi akan
   gurultu katmani (canvas.f-bg, z-index:-1). Betik yuklenmezse asagidaki
   gradyan tek basina durur; perde katmani yok, boylece renk canli kalir. */
.site-footer{
  position:relative;isolation:isolate;overflow:hidden;
  margin-top:auto;padding:3.4rem 0 1.6rem;color:#C9D4D4;
  font-size:.9rem;line-height:1.7;
  background:
    radial-gradient(120% 88% at 50% 30%,rgba(194,164,111,.10) 0%,rgba(7,30,30,0) 52%,rgba(4,17,18,.62) 100%),
    radial-gradient(78% 120% at 78% 8%,#3A6061 0%,rgba(58,96,97,0) 62%),
    radial-gradient(64% 96% at 14% 92%,#194546 0%,rgba(25,69,70,0) 58%),
    linear-gradient(158deg,#0A2828 0%,#104243 46%,#081F1F 100%);
}
.f-bg{
  position:absolute;inset:0;z-index:-1;display:block;
  width:100%;height:100%;pointer-events:none;
}
.site-footer > .wrap{position:relative;z-index:1}

.site-footer p{margin:0 0 .42rem}
.site-footer a{color:#DDE3E4;text-decoration:none}
.site-footer a:hover{color:#fff}

/* Ust satir: iletisim · ortada marka · kurumsal baglantilar */
.f-top{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:2rem 2.5rem;align-items:start;padding-bottom:2.6rem;
}
.f-iletisim{display:grid;grid-template-columns:repeat(2,auto);gap:.5rem 2.1rem;justify-content:start}
.f-iletisim div{color:#fff}
.f-iletisim .lbl{color:var(--gold)}
.f-iletisim a:hover{text-decoration:underline}

.f-marka{text-align:center;justify-self:center}
/* Footer hazir beyaz varyanti (logo-beyaz.svg) kullaniyor; renkli dosyayi
   silueta ceviren brightness/invert filtresine artik gerek yok. */
.f-marka img{width:180px;height:auto;margin:0 auto .85rem;filter:brightness(0) invert(1)}
.f-tag{margin:0;color:#fff;font-size:.9rem}
.f-tag span{color:var(--gold)}
.f-social{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:.85rem 0 0;font-size:.85rem}
.f-social a{text-decoration:underline;text-underline-offset:.2em;text-decoration-color:rgba(255,255,255,.35)}

.f-kurumsal{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.9rem;
  justify-self:end;width:100%;max-width:26rem;
}
.f-kurumsal ul{list-style:none;margin:0;padding:0}
.f-kurumsal li{margin:0}
.f-kurumsal a{display:block;padding:.2rem 0}
.f-kurumsal a:hover{color:#fff;text-decoration:underline}

/* Tedavi menusu: alti sutun, altin cizgili bolum basliklari */
.f-menu{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2.1rem 1.7rem;
  padding-top:2.6rem;padding-bottom:.5rem;border-top:1px solid rgba(255,255,255,.16);
}
.f-menu > div{min-width:0}
.f-sec{margin-bottom:1.8rem}
.f-sec:last-child{margin-bottom:0}
.f-sb{
  display:block;margin:0 0 .6rem;padding-bottom:.5rem;
  font-size:.775rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;border-bottom:2px solid var(--gold);
}
.f-sb:hover{color:var(--gold)}
.f-liste{list-style:none;margin:0;padding:0}
.f-liste li{margin:0}
.f-liste a{display:block;padding:.2rem 0;font-size:.845rem;transition:padding-left .15s ease}
.f-liste a:hover{color:#fff;padding-left:.35rem}

/* Yetki belgesi: alt bantta yalnizca belgenin goruntusu durur. Kutu metni,
   belge no satiri ve dogrulama dugmesi kaldirildi; bilgi img alt metninde.
   Genislik min() ile kapali: dar ekranda sutuna sigar, genis ekranda buyuyup
   alt bandi ele gecirmez. */
.f-belge{grid-column:1 / -1;margin-top:1.4rem;display:flex;justify-content:center}
.f-belge-g{
  display:block;width:min(100%, 26rem);padding:6px;
  background:#fff;border-radius:var(--r-sm);
  box-shadow:0 10px 30px rgba(0,0,0,.30);
  transition:transform .16s ease,box-shadow .16s ease;
}
.f-belge-g:hover,.f-belge-g:focus-visible{
  transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,0,0,.38);
}
.f-belge-g img{display:block;width:100%;height:auto;border-radius:3px}

/* Alt satir */
.f-bottom{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.16)}
.f-disclaimer{margin-bottom:1rem;font-size:.83rem;color:#ACBCBC;max-width:74ch}
.f-bottom-sat{
  display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem;
  font-size:.83rem;color:#9BAEAE;
}
.f-legal{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-left:auto}
/* Ajans kunyesi: alt satirin da altinda, ortada, kucuk ve kisik. */
.f-kunye{
  margin:1.15rem 0 0;padding-top:.95rem;border-top:1px solid rgba(255,255,255,.10);
  text-align:center;font-size:.79rem;letter-spacing:.02em;color:#91A6A6;
}
.f-kunye a{color:#C6D1D1;border-bottom:1px solid rgba(198,209,209,.35)}
.f-kunye a:hover{color:#fff;border-bottom-color:#fff}
.f-up{
  width:2.4rem;height:2.4rem;flex:0 0 auto;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);
  display:inline-flex;align-items:center;justify-content:center;font-size:1rem;
  transition:border-color .15s,background .15s;
}
.f-up:hover{border-color:var(--gold);background:rgba(194,164,111,.12)}

@media (max-width:1100px){
  .f-menu{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1000px){
  .f-top{display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem;padding-bottom:2rem}
  .f-marka{order:-1;text-align:left;justify-self:start}
  .f-marka img{margin:0 0 .85rem}
  .f-social{justify-content:flex-start}
  .f-iletisim{grid-template-columns:1fr;gap:.35rem}
  .f-kurumsal{justify-self:start;max-width:none}
}
@media (max-width:820px){
  .f-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:2rem}
}
@media (max-width:560px){
  .f-menu{grid-template-columns:1fr;gap:1.4rem}
  .f-belge-g{width:100%}
  .f-bottom-sat{flex-direction:column;align-items:flex-start}
  .f-legal{margin-left:0}
}

/* ---------- 22. WhatsApp ---------- */
.yuzen-sosyal{
  position:fixed;right:1.1rem;bottom:1.1rem;z-index:950;
  display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;
}
.ig-float{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.72rem 1.15rem;border-radius:999px;
  background:linear-gradient(135deg,#F58529 0%,#DD2A7B 52%,#8134AF 100%);
  color:#fff;font-size:.9rem;font-weight:700;
  text-decoration:none;box-shadow:0 4px 18px rgba(221,42,123,.35);
  transition:transform .16s ease,box-shadow .16s ease;
}
.ig-float:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 24px rgba(221,42,123,.45)}
.wa-float{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.72rem 1.15rem;border-radius:999px;
  background:#1B7F44;color:#fff;font-size:.9rem;font-weight:700;
  text-decoration:none;box-shadow:0 4px 18px rgba(27,127,68,.35);
  transition:transform .16s ease,box-shadow .16s ease;
}
.wa-float:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 24px rgba(27,127,68,.45)}
.yuzen-diller{display:flex;gap:.4rem}
.dil-rozet{
  display:inline-flex;align-items:center;justify-content:center;
  width:2.15rem;height:2.15rem;border-radius:50%;
  background:#fff;text-decoration:none;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  transition:transform .16s ease,box-shadow .16s ease;
}
.dil-rozet:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.28)}
.bayrak-ikon{display:block;width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.14)}

/* ---------- 23. Duyarli ---------- */
@media (max-width:960px){
  :root{--hdr-nav:0px}
  .hdr-navrow,.hdr-info{display:none}
  .site-header .wrap{gap:.75rem}
  .site-header .btn{padding:.55rem 1.05rem;font-size:.885rem}
}
@media (max-width:640px){
  body{font-size:1rem}
  :root{--oluk:1.15rem}
  .site-header .wrap{gap:.6rem}
  :root{--main-pt:1.5rem}
  main{padding:var(--main-pt) var(--oluk) 3rem}
  h2{margin-top:2.3rem}
  .logo img{height:38px}
  .content-trust{flex-direction:column;gap:.85rem}
  .related,.cs-sources,.nap,.randevu-form{padding:1.25rem 1.15rem}
  .proc-cta-section{padding:2rem 1.25rem}
  .key-facts th[scope=row]{width:44%}
  .wa-float{right:.85rem;bottom:.85rem;padding:.62rem 1rem;font-size:.85rem}
  .dil-rozet{width:1.9rem;height:1.9rem}
  .dil-rozet .bayrak-ikon{width:16px;height:11px}
}
/* Dar ekran (<=480px, coğu telefon dahil): logo + CTA + hamburger tek
   satira sigmaz ve baslik yatay tasma yaratir. CTA mobil panelde ve
   WhatsApp balonunda zaten bulundugu icin basliktan dusurulur. */
@media (max-width:480px){
  .site-header .btn{display:none}
}
@media (max-width:380px){
  :root{--oluk:1rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms;transition-duration:.01ms;scroll-behavior:auto}
}

/* ---------- 25. Okuma rayi (sol sticky kisa indeks + yazi listesi) ---------- */
/* Kart degil: ustte kalin, altta ince cizgi; baglantilar sol dikey hatta asili.
   Yukseklik sinirlanmaz -> ray icinde kaydirma cubugu olusmaz. */
.tip-blog main,.tip-uygulama main,.tip-durum main,.tip-karar main{--wrap:1220px}

main > .cs-layout{
  grid-column:wide;
  display:grid;
  grid-template-columns:220px minmax(0,var(--text-w));
  justify-content:center;
  column-gap:clamp(3rem,6vw,6.5rem);
}
.cs-flow{grid-column:2;min-width:0}
.cs-flow > *:first-child{margin-top:0}

.cs-rail{
  grid-column:1;grid-row:1;
  position:sticky;top:calc(var(--hdr) + var(--hdr-nav) + 2.6rem);
  align-self:start;
  padding:1.35rem 0;
  border-top:2px solid var(--navy);
  border-bottom:1px solid var(--line);
}
.cs-rail-label{
  margin:0 0 1.05rem;
  font-family:var(--sans);font-size:.66rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);
}
.cs-rail-label-2{margin-top:1.35rem}
/* Yazi baglantilari tek satir: ray dikeyde buyumesin. */
.cs-rail-posts a{padding-top:.42rem;padding-bottom:.42rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-rail-nav,.cs-rail-posts{display:block}
.cs-rail a{
  position:relative;display:block;
  padding:.5rem 0 .5rem .9rem;
  border-left:1px solid var(--line);
  color:var(--ink-3);font-size:.78rem;line-height:1.45;
  text-decoration:none;
}
.cs-rail a::before{
  content:"";position:absolute;top:50%;left:-2px;
  width:3px;height:0;background:var(--gold);
  transform:translateY(-50%);transition:height .2s ease;
}
.cs-rail a:hover,
.cs-rail a:focus-visible,
.cs-rail a[aria-current="true"]{color:var(--navy)}
.cs-rail a:hover::before,
.cs-rail a:focus-visible::before,
.cs-rail a[aria-current="true"]::before{height:18px}
.cs-rail-note{
  margin-top:1.25rem;
  display:grid;grid-template-columns:24px 1fr;gap:.6rem;
  color:var(--ink-3);font-size:.7rem;line-height:1.6;
}
.cs-rail-note span{
  width:22px;height:22px;display:grid;place-items:center;
  border:1px solid var(--sage);border-radius:50%;
  color:var(--navy);font-family:var(--serif);font-size:.9rem;
}
/* Cipa hedefleri sabit basligin altinda kalmasin. */
.cs-flow section[id],.cs-flow h2[id],.cs-flow h3[id]{scroll-margin-top:calc(var(--hdr) + var(--hdr-nav) + 1.2rem)}

@media (max-width:1080px){
  main > .cs-layout{grid-template-columns:minmax(0,1fr);column-gap:0}
  .cs-flow{grid-column:1}
  .cs-rail{
    grid-column:1;grid-row:auto;position:static;
    margin-bottom:2.6rem;padding:.65rem 0;border-top-width:1px;
  }
  .cs-rail-nav,.cs-rail-posts{
    display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;
  }
  .cs-rail-nav::-webkit-scrollbar,.cs-rail-posts::-webkit-scrollbar{display:none}
  .cs-rail a{
    flex:0 0 auto;max-width:15rem;
    padding:.5rem .85rem;border-left:0;border-right:1px solid var(--line);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .cs-rail a::before{display:none}
  .cs-rail-note{display:none}
}

/* ---------- 24. Baski ---------- */
@media print{
  .site-header,.gtm-btn,.gtm-panel,.gtm-overlay,.wa-float,.yuzen-diller,.proc-cta-section{display:none}
  body{background:#fff;font-size:11pt}
  main{display:block;max-width:none;padding:0}
  a{text-decoration:none;color:#000}
}

/* ---------- 27. Masaustu mega menu ---------- */
/* Panel .site-header'a gore konumlanir: li static kalmali. */
.has-mm{position:static}
.main-nav > ul > li > a{display:flex;align-items:center;gap:.3rem}
.mm-ok{width:13px;height:13px;flex:0 0 auto;opacity:.5;transition:transform .18s ease}
.has-mm:hover > a,.has-mm:focus-within > a{background:var(--navy-08);color:var(--navy)}
/* bulunulan bolum (site-nav.js isaretler) */
.main-nav > ul > li > a[aria-current]{color:var(--navy);font-weight:700;background:var(--navy-08)}
.has-mm:hover > a .mm-ok,.has-mm:focus-within > a .mm-ok{transform:rotate(180deg);opacity:.85}

.mm{
  position:absolute;left:0;right:0;top:100%;
  background:var(--white);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  box-shadow:0 20px 44px rgba(26,26,46,.14);
  opacity:0;visibility:hidden;transform:translateY(-10px);
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
  /* Kisa ekranlarda (dizustu 768px) panel viewport'u asabilir: kendi icinde kaysin. */
  max-height:calc(100vh - var(--hdr) - var(--hdr-nav));overflow-y:auto;overscroll-behavior:contain;
}
.has-mm:hover > .mm,.has-mm:focus-within > .mm,.has-mm.mm-acik > .mm{
  opacity:1;visibility:visible;transform:none;transition-delay:0s,0s,0s;
}
.mm-in{
  max-width:var(--wrap);margin:0 auto;padding:1.7rem var(--oluk) 1.35rem;
  display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:2.4rem;
}
.mm-b .mm-in{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
.mm-bas{
  margin:0 0 .9rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-3);
}

/* one cikan / son eklenen kartlar */
.mm-kartlar{display:grid;gap:.35rem;align-content:start}
.mm-foto .mm-in{grid-template-columns:1fr;gap:0}
.mm-foto .mm-kartlar{
  grid-template-columns:repeat(auto-fill,minmax(min(274px,100%),1fr));
  gap:.3rem 1rem;
}
.mm-k{
  display:grid;grid-template-columns:92px minmax(0,1fr);gap:.8rem;align-items:center;
  padding:.4rem;border-radius:var(--r-sm);text-decoration:none;color:inherit;
  transition:background .16s ease;
}
.mm-k:hover,.mm-k:focus-visible{background:var(--gold-bg)}
.mm-k img{width:92px;height:69px;object-fit:cover;border-radius:var(--r-sm);display:block}
.mm-kt{display:block;min-width:0}
.mm-et{
  display:block;margin-bottom:.12rem;font-size:.7rem;font-weight:600;
  letter-spacing:.04em;color:var(--gold);font-variant-numeric:tabular-nums;
}
.mm-kt strong{display:block;font-size:.895rem;font-weight:600;line-height:1.32;color:var(--navy)}
.mm-kt small{display:block;margin-top:.15rem;font-size:.775rem;line-height:1.42;color:var(--ink-3)}

/* kategori sutunlari */
.mm-sut{
  display:grid;gap:.4rem 1.5rem;
  grid-template-columns:repeat(auto-fill,minmax(min(164px,100%),1fr));
}
.mm-g{min-width:0;break-inside:avoid;margin-bottom:.7rem}
.mm-gb{
  display:block;margin-bottom:.3rem;font-size:.845rem;font-weight:700;
  color:var(--navy);text-decoration:none;
}
.mm-gb:hover{text-decoration:underline}
.mm-g ul{list-style:none;margin:0;padding:0}
.mm-g li{margin:0}
.mm-g li a{
  display:block;padding:.17rem 0;font-size:.8rem;line-height:1.42;
  color:var(--ink-2);text-decoration:none;transition:color .14s ease;
}
.mm-g li a:hover,.mm-g li a:focus-visible{color:var(--navy);text-decoration:underline}
.mm-daha a{font-weight:600;color:var(--gold)}
.mm-b .mm-g li a{display:flex;justify-content:space-between;gap:.6rem;font-size:.855rem;padding:.3rem 0}
.mm-b .mm-g li a span{color:var(--ink-3);font-variant-numeric:tabular-nums}
.mm-b .mm-g li+li{border-top:1px solid var(--line-2)}

/* alt serit: yatay dolgu .mm-in ile ayni hizaya oturur */
.mm-alt{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  border-top:1px solid var(--line-2);background:#FCFAF7;
  padding:.8rem max(var(--oluk),calc((100vw - var(--wrap))/2 + var(--oluk)));
}
.mm-tum{font-size:.855rem;font-weight:600;color:var(--navy);text-decoration:none}
.mm-tum::after{content:" →"}
.mm-tum:hover{text-decoration:underline}
.mm-cta{padding:.5rem 1.1rem;font-size:.855rem}
body:has(.has-mm:hover) .wa-float,body:has(.has-mm:focus-within) .wa-float,
body:has(.has-mm.mm-acik) .wa-float,
body:has(.has-mm:hover) .yuzen-diller,body:has(.has-mm:focus-within) .yuzen-diller,
body:has(.has-mm.mm-acik) .yuzen-diller{opacity:0;pointer-events:none}

@media (max-width:960px){
  .mm{display:none}
}
@media (prefers-reduced-motion:reduce){
  .mm{transition-duration:.01ms}
  .mm-ok{transition-duration:.01ms}
}

/* ---------- 26. Mobil menu: off-canvas, dallanmali (3 seviye) ----------
   Sadece <=960px'te calisir. Panel her sayfada aynidir; icerik agaci
   build.py icindeki mobil_panel_html() tarafindan bir kez uretilir.      */

/* hamburger: iki SVG ust uste, aria-expanded ile morph */
.gtm-btn{
  display:none;align-items:center;justify-content:center;position:relative;
  flex:0 0 auto;width:44px;height:44px;padding:0;margin-left:auto;
  color:var(--navy);background:transparent;border:1px solid var(--line);
  border-radius:var(--r-sm);cursor:pointer;
}
.gtm-btn:hover{background:var(--navy-08)}
.gtm-btn svg{position:absolute;top:50%;left:50%;transition:opacity .2s ease,transform .2s ease}
.gtm-ico-menu{opacity:1;transform:translate(-50%,-50%) scale(1)}
.gtm-ico-x{opacity:0;transform:translate(-50%,-50%) scale(.55);pointer-events:none}
.gtm-btn[aria-expanded="true"] .gtm-ico-menu{opacity:0;transform:translate(-50%,-50%) scale(.55)}
.gtm-btn[aria-expanded="true"] .gtm-ico-x{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* perde */
.gtm-overlay{
  position:fixed;inset:0;z-index:940;
  background:rgba(15,61,62,.42);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;
  transition:opacity .28s ease,visibility 0s linear .28s;
}
.gtm-overlay.is-open{opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s}

/* panel */
.gtm-panel{
  position:fixed;top:0;right:0;z-index:950;
  width:min(360px,100vw);height:100vh;height:100dvh;
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--white);color:var(--ink);
  border-left:1px solid var(--line);
  box-shadow:-6px 0 40px rgba(26,26,46,.22);
  transform:translateX(100%);visibility:hidden;
  transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s;
}
.gtm-panel.is-open{
  transform:translateX(0);visibility:visible;
  transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s;
}
body.gtm-lock{overflow:hidden}
/* panel acikken sayfa ustundeki yuzen ogeler cakismasin */
body.gtm-lock .wa-float,body.gtm-lock .yuzen-diller,body.gtm-lock .consent-reopen,body.gtm-lock .consent-banner{
  opacity:0;pointer-events:none;transition:opacity .2s ease}

/* panel basligi */
.gtm-head{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:.75rem;min-height:var(--hdr);padding:.7rem 1.1rem;
  background:var(--paper);border-bottom:1px solid var(--line);
}
.gtm-head a{display:flex;align-items:center;text-decoration:none}
.gtm-head img{width:auto;height:40px}
.gtm-close{
  flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  color:var(--navy);background:var(--navy-08);border:1px solid var(--line);
  border-radius:50%;cursor:pointer;transition:background .18s ease;
}
.gtm-close:hover{background:var(--white)}
.gtm-close svg{width:15px;height:15px}

/* kaydirma alani */
.gtm-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.gtm-scroll::-webkit-scrollbar{width:3px}
.gtm-scroll::-webkit-scrollbar-thumb{background:var(--navy-08);border-radius:3px}

/* seviye 1: duz link ve dal acacagi */
.gtm-l1,.gtm-tog{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  width:100%;padding:.92rem 1.15rem;
  font-family:var(--sans);font-size:1rem;font-weight:600;line-height:1.35;
  color:var(--ink);background:var(--white);text-align:left;text-decoration:none;
  border:0;border-bottom:1px solid var(--line-2);border-radius:0;
  cursor:pointer;transition:background .2s ease,color .18s ease;
}
.gtm-l1:hover,.gtm-tog:hover,.gtm-l1:focus-visible,.gtm-tog:focus-visible{background:var(--navy-08);color:var(--navy)}
.gtm-tog[aria-expanded="true"]{color:var(--navy);background:var(--navy-08)}
.gtm-ic{flex:0 0 auto;width:16px;height:16px;color:var(--gold);transition:transform .24s ease}
.gtm-tog[aria-expanded="true"] .gtm-ic{transform:rotate(180deg)}

/* seviye 2 govdesi: altin dal cizgisi */
.gtm-sub{
  max-height:0;overflow:hidden;background:var(--paper);
  margin-left:1rem;border-left:2px solid var(--gold);
  transition:max-height .34s ease;
}
.gtm-sub.is-open{max-height:6000px}

/* "tumu" kisayolu */
.gtm-all{
  display:block;padding:.7rem 1.15rem;
  font-size:.85rem;font-weight:700;font-style:italic;letter-spacing:.01em;
  color:var(--navy);background:var(--gold-bg);text-decoration:none;
  border-bottom:1px solid var(--line-2);
  transition:padding-left .16s ease,background .2s ease;
}
.gtm-all:hover,.gtm-all:focus-visible{background:var(--gold);color:var(--navy);padding-left:1.5rem}

/* seviye 2: alt silo basligi */
.gtm-cat{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  width:100%;padding:.78rem 1.15rem;
  font-family:var(--sans);font-size:.82rem;font-weight:700;
  letter-spacing:.045em;text-transform:uppercase;text-align:left;line-height:1.35;
  color:var(--navy);background:transparent;
  border:0;border-bottom:1px solid var(--line-2);border-radius:0;
  cursor:pointer;transition:background .2s ease;
}
.gtm-cat:hover,.gtm-cat:focus-visible,.gtm-cat[aria-expanded="true"]{background:var(--navy-08)}
.gtm-cat .gtm-ic{width:13px;height:13px}
.gtm-cat[aria-expanded="true"] .gtm-ic{transform:rotate(180deg)}

/* seviye 3: sayfa linkleri */
.gtm-list{max-height:0;overflow:hidden;background:var(--white);transition:max-height .26s ease}
.gtm-list.is-open{max-height:2400px}
.gtm-l3{
  display:block;padding:.62rem 1.15rem .62rem 1.85rem;
  font-size:.9rem;font-weight:500;line-height:1.4;
  color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-2);
  transition:padding-left .16s ease,background .2s ease,color .18s ease;
}
.gtm-l3:hover,.gtm-l3:focus-visible{background:var(--navy-08);color:var(--navy);padding-left:2.1rem}
/* bulunulan sayfa */
.gtm-l1[aria-current],.gtm-l3[aria-current]{
  color:var(--navy);font-weight:700;background:var(--gold-bg);
  box-shadow:inset 3px 0 0 var(--gold)}

/* panel alt bandi: iletisim + sosyal + CTA */
.gtm-foot{flex:0 0 auto;padding:.8rem 1.15rem .9rem;background:var(--paper);border-top:1px solid var(--line)}
.gtm-cont{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.65rem}
.gtm-c{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none}
.gtm-c:hover .gtm-cv,.gtm-c:focus-visible .gtm-cv{color:var(--navy);text-decoration:underline;text-underline-offset:.18em}
.gtm-ci{
  flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  color:var(--navy);background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);
}
.gtm-ci svg{width:15px;height:15px}
.gtm-cv{font-size:.83rem;font-weight:600;line-height:1.3;color:var(--ink);transition:color .18s ease}
.gtm-cv small{display:block;margin-top:.1rem;font-size:.72rem;font-weight:400;line-height:1.35;color:var(--ink-3)}
.gtm-soc{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}
.gtm-s{
  display:inline-flex;align-items:center;gap:.3rem;padding:.34rem .7rem;
  font-size:.78rem;font-weight:600;color:var(--navy);text-decoration:none;
  background:var(--white);border:1px solid var(--line);border-radius:999px;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.gtm-s:hover,.gtm-s:focus-visible{background:var(--navy);border-color:var(--navy);color:var(--white)}
.gtm-s svg{width:13px;height:13px}
.gtm-cta{
  display:block;padding:.75rem;
  font-size:.92rem;font-weight:700;text-align:center;text-decoration:none;
  color:var(--white);background:var(--navy);border:1px solid var(--navy);border-radius:999px;
  box-shadow:0 4px 18px rgba(15,61,62,.28);
  transition:transform .16s ease,box-shadow .16s ease;
}
.gtm-cta:hover,.gtm-cta:focus-visible{color:var(--white);transform:translateY(-1px);box-shadow:0 6px 24px rgba(15,61,62,.4)}

/* kirilim noktalari: masaustunde panel hic yok */
@media (min-width:961px){
  .gtm-btn,.gtm-panel,.gtm-overlay{display:none!important}
}
@media (max-width:960px){
  .gtm-btn{display:flex}
}
@media (prefers-reduced-motion:reduce){
  .gtm-panel,.gtm-overlay,.gtm-sub,.gtm-list,.gtm-ic,.gtm-btn svg{transition-duration:.01ms}
}

/* ---------- 28. Anasayfa video kahramani + hizmet hublari ---------- */
/* Tam genislik bant: main izgarasinin "wide" sutunundan tasar. Govde
   overflow-x:clip tasidigi icin 100vw yatay kaydirma yaratmaz. */
.home-hero{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-top:.4rem;margin-bottom:3.2rem;
}
/* Bant sayfanin ilk ogesiyse main'in ust dolgusu kadar yukari cekilir:
   ust bandin altina kagit serit girmesin. */
main > .home-hero:first-child{margin-top:calc(-1 * var(--main-pt))}
.hh-media{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(300px,40vw,470px);
  display:flex;align-items:stretch;
  padding:clamp(2.2rem,5vw,4rem) 0 clamp(4.5rem,7vw,6.5rem);
  background:linear-gradient(120deg,#0B2C2C 0%,var(--navy) 45%,var(--blue) 100%);
}
.hh-video,.hh-still{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;object-fit:cover;
  border:0;pointer-events:none;
}
/* Metnin okunurlugu videodan bagimsiz olmali: sabit koyu perde. */
.hh-media::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,rgba(7,27,28,.38) 0%,rgba(7,27,28,.22) 50%,rgba(7,27,28,.34) 100%),
    linear-gradient(180deg,rgba(7,27,28,.26) 0%,rgba(7,27,28,.08) 38%,rgba(7,27,28,.38) 100%);
}
.hh-in{
  position:relative;z-index:1;
  max-width:var(--wrap);width:100%;margin:0 auto;
  padding:0 var(--oluk);
  display:grid;gap:clamp(1.6rem,4vw,3rem);align-content:space-between;
  min-height:clamp(300px,40vw,470px);
}
.hh-ad{justify-self:start;text-align:left;max-width:min(100%,34ch)}
.hh-ad1,.hh-ad2{
  margin:0;font-family:var(--serif);color:#fff;line-height:1.14;
  text-shadow:0 2px 18px rgba(4,18,18,.75);
  font-size:clamp(1.5rem,1rem + 2.1vw,2.7rem);
}
.hh-ad2{font-style:italic;font-weight:500}
.hh-yil{
  justify-self:end;text-align:right;margin:0;max-width:min(100%,26ch);
  font-family:var(--serif);color:#fff;line-height:1.15;
  font-size:clamp(1.25rem,.8rem + 1.6vw,2.1rem);
}
.hh-yil{text-shadow:0 2px 18px rgba(4,18,18,.75)}
.hh-yil em{font-style:italic;font-weight:500;color:var(--gold)}
.hh-orta{justify-self:center;text-align:center;max-width:60ch}
.hh-donen{
  position:relative;margin:0 0 .8rem;height:1.24em;
  text-shadow:0 2px 18px rgba(4,18,18,.75);
  font-family:var(--serif);color:#fff;line-height:1.24;
  font-size:clamp(1.6rem,1rem + 2.3vw,2.9rem);
}
.hh-donen span{
  position:absolute;left:0;right:0;top:0;opacity:0;
  animation:hh-don 17.5s linear infinite;
}
.hh-donen span:nth-child(1){animation-delay:0s}
.hh-donen span:nth-child(2){animation-delay:3.5s}
.hh-donen span:nth-child(3){animation-delay:7s}
.hh-donen span:nth-child(4){animation-delay:10.5s}
.hh-donen span:nth-child(5){animation-delay:14s}
@keyframes hh-don{
  0%{opacity:0}
  2%{opacity:1}
  18%{opacity:1}
  20%{opacity:0}
  100%{opacity:0}
}
.hh-unvan{
  margin:0 0 .35rem;color:#fff;text-shadow:0 1px 12px rgba(4,18,18,.85);
  font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  line-height:1.6;
}
.hh-yer{
  margin:0 0 1.5rem;color:var(--gold);text-shadow:0 1px 12px rgba(4,18,18,.85);
  font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}
.hh-orta .hh-cta-sat{justify-content:center}
.hh-cta-sat{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;margin:0}
.hh-cta{background:var(--gold);color:#231C0C;box-shadow:none}
.hh-cta:hover{background:#D2B685;color:#231C0C}
.hh-alt-link{
  color:#fff;font-weight:600;font-size:.95rem;
  text-decoration:underline;text-underline-offset:.25em;text-decoration-color:rgba(255,255,255,.45);
}
.hh-alt-link:hover{color:var(--gold);text-decoration-color:var(--gold)}

/* Hub kartlari: video bandinin alt kenarina binen giris kartlari, 3 sutun x 2 sira. */
.hh-hub{
  position:relative;z-index:2;
  max-width:var(--wrap);margin:-3.6rem auto 0;padding:0 var(--oluk);
  display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));
  list-style:none;
}
.hh-hub li{margin:0}
.hh-k > a{
  position:relative;display:block;overflow:hidden;
  aspect-ratio:16/11;border-radius:var(--r);
  background:var(--navy);box-shadow:var(--sh);
  text-decoration:none;color:#fff;
  transition:transform .16s ease,box-shadow .16s ease;
}
.hh-k > a:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.hh-kf{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hh-k > a:hover .hh-kf{transform:scale(1.05)}
/* Yazi katmani: fotografin altina koyu degrade, okunurluk fotografa birakilmaz. */
.hh-kg{
  position:absolute;inset:auto 0 0 0;z-index:1;display:block;
  padding:2.6rem 1.15rem 1.05rem;
  background:linear-gradient(180deg,rgba(7,27,28,0) 0%,rgba(7,27,28,.72) 45%,rgba(7,27,28,.93) 100%);
}
.hh-ikon{display:block;width:40px;height:40px;margin:0 0 .55rem;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(5,21,21,.55))}
.hh-kad{
  display:block;font-family:var(--serif);font-size:1.3rem;font-weight:600;
  color:#fff;line-height:1.18;
}
.hh-koz{display:block;margin-top:.28rem;font-size:.82rem;line-height:1.45;color:rgba(255,255,255,.84)}
/* Hub kartlarinda sira sirasi renk degistirir: tek sirada lacivert perde,
   cift sirada "Randevu Al" dugmesinin altini. Altin zeminde beyaz yazi
   okunmadigi icin cift kartlarda yazi ve marka isareti koyuya doner. */
.hh-hub li:nth-child(even) .hh-kg{
  background:linear-gradient(180deg,rgba(194,164,111,0) 0%,rgba(194,164,111,.78) 42%,rgba(200,172,121,.97) 100%);
}
.hh-hub li:nth-child(even) .hh-kad{color:#231C0C}
.hh-hub li:nth-child(even) .hh-koz{color:rgba(35,28,12,.80)}
.hh-hub li:nth-child(even) .hh-ikon{filter:brightness(0);opacity:.84}

@media (max-width:980px){
  .hh-hub{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-2.4rem}
  .hh-media{padding-bottom:clamp(3.6rem,9vw,5rem)}
}
@media (max-width:760px){
  .hh-in{align-content:center;gap:1.1rem;min-height:0}
  .hh-ad,.hh-yil,.hh-orta{justify-self:center;text-align:center;max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .hh-donen span{animation:none;opacity:0}
  .hh-donen span:first-child{opacity:1}
}
@media (max-width:640px){
  .home-hero{margin-bottom:2.4rem}
  .hh-media{min-height:0;padding:2.4rem 0 2.6rem}
  .hh-bas{max-width:none}
  .hh-hub{grid-template-columns:1fr;margin-top:1rem;gap:.75rem}
  .hh-k > a{aspect-ratio:16/8}
  .hh-kad{font-size:1.18rem}
}
/* Hareket azaltma tercihi: video hic oynatilmaz, marka gradyani kalir. */
@media (prefers-reduced-motion:reduce){
  .hh-video{display:none}
}

/* ---------- 29. Sayfa ust bandi (silo + icerik sayfalari) ---------- */
/* Anasayfadaki video bandinin dar kardesi: ayni marka gradyani, ayni perde
   degerleri; yalniz yukseklik ve tipografi kucultuldu. Ekmek kirintisi, H1,
   ozet ve CTA bandin icindedir. Gorsel yoksa gradyan tek basina kalir. */
.page-hero{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-top:.4rem;margin-bottom:2.6rem;
}
/* Band sayfanin ilk ogesiyse main'in ust dolgusu geri cekilir. */
main > .page-hero:first-child{margin-top:calc(-1 * var(--main-pt))}
.ph-media{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(196px,23vw,300px);
  display:flex;align-items:flex-end;
  padding:clamp(1.6rem,3.2vw,2.5rem) 0 clamp(1.7rem,3.2vw,2.6rem);
  background:linear-gradient(120deg,#0B2C2C 0%,var(--navy) 45%,var(--blue) 100%);
}
.ph-foto{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;object-fit:cover;
  border:0;pointer-events:none;
}
/* Metnin okunurlugu fotografa birakilmaz: anasayfayla ayni sabit perde. */
.ph-media::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(7,27,28,.86) 0%,rgba(7,27,28,.62) 52%,rgba(7,27,28,.30) 100%);
}
.ph-in{
  position:relative;z-index:1;
  max-width:var(--wrap);width:100%;margin:0 auto;
  padding:0 var(--oluk);
}
.ph-in .breadcrumb{margin:0 0 .75rem;color:rgba(255,255,255,.70)}
.ph-in .breadcrumb a{color:rgba(255,255,255,.82)}
.ph-in .breadcrumb a:hover{color:#fff}
.ph-in .breadcrumb [aria-current]{color:#fff;font-weight:600}
.ph-in .breadcrumb li + li::before{color:rgba(255,255,255,.38)}
.ph-ust{
  margin:0 0 .45rem;color:var(--gold);
  font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.ph-in h1{
  margin:0 0 .6rem;max-width:24ch;
  font-family:var(--serif);font-weight:600;color:#fff;
  font-size:clamp(1.7rem,1.1rem + 1.8vw,2.5rem);line-height:1.14;letter-spacing:-.015em;
}
.ph-oz{margin:0 0 1.2rem;max-width:56ch;color:rgba(255,255,255,.86);font-size:.97rem;line-height:1.6}
.ph-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.4rem;margin:0}
.ph-cta .btn-primary{background:var(--gold);color:#231C0C;box-shadow:none}
.ph-cta .btn-primary:hover{background:#D2B685;color:#231C0C}
.ph-alt{
  color:#fff;font-weight:600;font-size:.92rem;
  text-decoration:underline;text-underline-offset:.25em;
  text-decoration-color:rgba(255,255,255,.45);
}
.ph-alt:hover{color:var(--gold);text-decoration-color:var(--gold)}
/* Band bir sonraki ogeyle bitisiktir; capa sabit basligin altina kacmasin. */
#sayfa-govde{scroll-margin-top:calc(var(--hdr) + var(--hdr-nav) + 1rem)}

@media (max-width:640px){
  .page-hero{margin-bottom:2rem}
  .ph-media{min-height:0;padding:1.5rem 0 1.7rem}
  .ph-in h1{max-width:none}
  .ph-oz{margin-bottom:1rem;font-size:.94rem}
}
/* Baskida fotograf ve perde dusurulur; metin siyaha doner. */
@media print{
  .ph-media{background:none;min-height:0;padding:0}
  .ph-foto,.ph-media::after,.ph-cta{display:none}
  .ph-in h1,.ph-oz,.ph-ust,.ph-in .breadcrumb,.ph-in .breadcrumb a{color:#000}
}

/* ---------- 30. Sikca sorulan sorular (acilir-kapanir) ---------- */
/* Yapi <details>/<summary>: JS kapaliyken de her soru acilabilir kalir.
   Gorsel dil referans kalibin aynisi: ince ayrac cizgileri, serif soru,
   sagda acilinca 180 donen altin sevron. Cevap kapali durumda tarayici
   tarafindan gizlenir; ayrica CSS ile gizlemeye gerek yoktur. */
.sss-liste{display:flex;flex-direction:column;gap:0;margin-top:1.5rem}
.sss-oge{border-bottom:1px solid var(--line)}
.sss-oge:first-child{border-top:1px solid var(--line)}
.sss-q{
  width:100%;text-align:left;padding:1.25rem 0;
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;cursor:pointer;background:none;border:0;
  list-style:none;
}
/* Tarayicinin varsayilan ucgen isareti: iki motorda da kaldirilir. */
.sss-q::-webkit-details-marker{display:none}
.sss-q::marker{content:""}
.sss-q h3{
  margin:0;font-family:var(--serif);font-size:1.05rem;font-weight:600;
  color:var(--ink);line-height:1.3;letter-spacing:0;
  /* Capa ile gelindiginde yapiskan baslik soruyu ortmesin. */
  scroll-margin-top:calc(var(--hdr) + var(--hdr-nav) + 1.25rem);
}
.sss-q:hover h3,.sss-oge[open] .sss-q h3{color:var(--navy)}
.sss-q:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
.sss-ok{
  width:18px;height:18px;flex-shrink:0;
  fill:none;stroke:var(--gold);stroke-width:2;
  transition:transform .25s;
}
.sss-oge[open] .sss-ok{transform:rotate(180deg)}
.sss-a{font-size:.9rem;color:var(--ink-2);line-height:1.8;padding-bottom:1.25rem}
.sss-a p{margin:0;max-width:72ch}
.sss-a p + p{margin-top:.7rem}
@media (prefers-reduced-motion:reduce){.sss-ok{transition:none}}
@media (max-width:640px){
  .sss-q{padding:1.05rem 0}
  .sss-q h3{font-size:1.02rem}
}
/* Yazdirmada tum sorular JS ile acilir (site-nav.js); sevron gereksizdir. */
@media print{
  .sss-ok{display:none}
  .sss-oge{break-inside:avoid}
}

/* ---------- 31. Anasayfa hekim tanitim bandi ---------- */
/* Hero'nun hemen altinda duran iki sutunlu tanitim: solda portre, sagda
   egitim/yaklasim metni. Metin sutunu 720px'lik okuma kolonundan tasar,
   bu yuzden "wide" sutununa oturur. */
.hekim-tanitim{
  grid-column:wide;
  display:grid;gap:clamp(1.8rem,4vw,3.6rem);
  grid-template-columns:minmax(0,.82fr) minmax(0,1fr);
  align-items:center;
  margin:0 0 3.4rem;
}
.ht-sol{position:relative;isolation:isolate;display:flex}
.ht-sol::after{
  content:"";position:absolute;z-index:-1;
  right:-14px;bottom:-14px;width:46%;height:26%;
  border:1px solid var(--gold);border-radius:var(--r);
}
.ht-foto{
  display:block;width:100%;height:100%;min-height:clamp(380px,42vw,560px);
  object-fit:cover;object-position:50% 16%;
  border-radius:var(--r);box-shadow:var(--sh-2);
}

.ht-etiket{
  display:inline-block;margin:0 0 1.05rem;
  padding:.5rem 1.05rem;border-radius:999px;background:var(--gold-bg);
  font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold-text);
}
.ht-bas{
  margin:0 0 .55rem;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.95rem,3.4vw,2.9rem);line-height:1.14;color:var(--navy);
}
.ht-bas em{font-style:italic;font-weight:500;color:var(--gold-text)}
.ht-unvan{
  margin:0 0 1.5rem;font-size:.99rem;line-height:1.5;
  color:var(--gold-text);max-width:52ch;
}
.ht-metin{margin:0 0 1.05rem;color:var(--ink-2);max-width:62ch}
.ht-metin strong{font-weight:600;color:var(--navy)}

.ht-kartlar{
  list-style:none;margin:1.55rem 0 1.8rem;padding:0;
  display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));
}
.ht-kart{
  display:flex;align-items:center;gap:.85rem;height:100%;margin:0;
  padding:.95rem 1.05rem;
  border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--white);
}
.ht-ki{
  display:grid;place-items:center;flex:none;width:40px;height:40px;
  border-radius:999px;background:var(--gold-bg);color:var(--gold-text);
}
.ht-kmetin{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.ht-kb{font-size:.93rem;font-weight:600;line-height:1.3;color:var(--navy)}
.ht-ko{font-size:.84rem;line-height:1.45;color:var(--ink-3)}

.ht-link{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.88rem 1.9rem;border:1px solid var(--gold);border-radius:999px;
  font-weight:500;color:var(--navy);text-decoration:none;background:var(--white);
  transition:background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.ht-link:hover,.ht-link:focus-visible{
  background:var(--gold-bg);transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(8,31,31,.12);
}

@media (max-width:900px){
  .hekim-tanitim{grid-template-columns:1fr;gap:1.9rem;margin-bottom:2.8rem}
  .ht-foto{height:auto;min-height:0;aspect-ratio:1/1;max-height:78vh}
  .ht-sol{max-width:520px}
}
@media (max-width:520px){
  .ht-kartlar{grid-template-columns:1fr}
  .ht-link{width:100%}
}


/* ---------- 31b. Anasayfa ayrim ve surec bantlari ---------- */
.btn-ince{background:var(--white);border-color:var(--gold);color:var(--navy)}
.btn-ince:hover{background:var(--gold-bg);color:var(--navy);transform:translateY(-1px);box-shadow:0 4px 16px rgba(8,31,31,.14)}
.btn-ince:active{transform:translateY(0)}

.guven-bandi{
  margin:0 0 3.4rem;padding:clamp(2rem,4vw,3.2rem) clamp(1.2rem,3vw,2.6rem);
  border-radius:var(--r);
  background:linear-gradient(135deg,var(--line-2) 0%,var(--gold-bg) 100%);
}
.yolculuk-bandi{margin:0 0 3.4rem}

.gb-ust,.yb-ust{max-width:64ch;margin:0 auto 2rem;text-align:center}
.gb-etiket,.yb-etiket{
  display:inline-block;margin:0 0 .95rem;
  padding:.42rem 1rem;border-radius:999px;background:var(--white);
  font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold-text);
}
.gb-bas,.yb-bas{
  margin:0 0 .7rem;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.55rem,2.9vw,2.25rem);line-height:1.2;color:var(--navy);
}
.gb-bas em,.yb-bas em{font-style:italic;font-weight:500;color:var(--gold-text)}
.gb-ack,.yb-ack{margin:0;font-size:.97rem;line-height:1.62;color:var(--ink-2)}

.gb-izgara{
  list-style:none;margin:0;padding:0;
  display:grid;gap:clamp(.9rem,1.6vw,1.3rem);
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.gb-kart{
  margin:0;padding:1.35rem 1.4rem 1.5rem;
  border:1px solid var(--line);border-radius:var(--r-sm);
  background:rgba(255,255,255,.72);
}
.gb-ikon{
  display:grid;place-items:center;width:42px;height:42px;margin-bottom:1.15rem;
  border-radius:999px;background:var(--white);color:var(--gold-text);
  box-shadow:0 1px 3px rgba(26,26,46,.07);
}
.gb-kb{
  margin:0 0 .5rem;font-family:var(--serif);font-size:1.06rem;font-weight:600;
  line-height:1.3;color:var(--navy);
}
.gb-ko{margin:0;font-size:.875rem;line-height:1.6;color:var(--ink-3)}
.gb-cta{margin:2rem 0 0;text-align:center}

.yb-izgara{
  list-style:none;margin:0;padding:0;
  display:grid;gap:clamp(.6rem,1.4vw,1.05rem);
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.yb-adim{
  position:relative;margin:0;padding:1.6rem 1.05rem 1.7rem;text-align:center;
  border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--white);
}
.yb-adim + .yb-adim::before{
  content:"";position:absolute;right:100%;top:calc(1.6rem + 26px);
  width:clamp(.6rem,1.4vw,1.05rem);height:1px;
  background:var(--gold);opacity:.6;
}
.yb-no{
  display:grid;place-items:center;width:52px;height:52px;margin:0 auto 1rem;
  border:1px solid var(--line);border-radius:999px;background:var(--white);
  font-family:var(--sans);font-size:1.02rem;font-weight:700;
  font-variant-numeric:lining-nums tabular-nums;color:var(--navy);
}
.yb-kb{
  margin:0 0 .45rem;font-family:var(--serif);font-size:1rem;font-weight:600;
  line-height:1.3;color:var(--navy);
}
.yb-ko{margin:0;font-size:.83rem;line-height:1.55;color:var(--ink-3)}
.yb-cta{margin:1.9rem 0 0;text-align:center}

@media (max-width:900px){
  .yb-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
  .yb-adim + .yb-adim::before{display:none}
}
@media (max-width:860px){
  .gb-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .gb-izgara{grid-template-columns:1fr}
  .yb-izgara{grid-template-columns:1fr}
  .gb-cta .btn,.yb-cta .btn{width:100%}
}


/* ---------- 31c. Anasayfa guvenlik ve uluslararasi hasta bantlari ---------- */
.guvenlik-bandi{
  margin:0 0 3.4rem;padding:clamp(1.8rem,3.6vw,3rem) clamp(1.2rem,3vw,2.6rem);
  border-radius:var(--r);color:#fff;
  background:linear-gradient(135deg,#0C3334 0%,var(--navy) 55%,#124A46 100%);
}
.gv-ust{max-width:70ch;margin:0 0 1.9rem}
.gv-etiket{
  display:inline-block;margin:0 0 1rem;
  padding:.42rem 1rem;border-radius:999px;
  background:rgba(255,255,255,.10);border:1px solid rgba(198,167,105,.4);
  font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold);
}
.gv-bas{
  margin:0 0 .7rem;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.5rem,2.8vw,2.15rem);line-height:1.2;color:#fff;
}
.gv-bas em{font-style:italic;font-weight:500;color:var(--gold)}
.gv-ack{margin:0;font-size:.95rem;line-height:1.62;color:rgba(255,255,255,.82)}

.gv-govde{
  display:grid;gap:clamp(1.1rem,2.4vw,2rem);
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;
}
.gv-maddeler,.gv-kartlar{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.gv-madde{
  display:flex;align-items:center;gap:.9rem;margin:0;
  padding:.85rem 1.1rem;border-radius:var(--r-sm);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);
  font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.92);
}
.gv-tik{
  display:grid;place-items:center;flex:none;width:28px;height:28px;
  border-radius:999px;background:rgba(255,255,255,.12);color:var(--gold);
}
.gv-kart{
  margin:0;padding:1.05rem 1.15rem 1.15rem;text-align:center;
  border-radius:var(--r-sm);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
}
.gv-kb{
  margin:0 0 .4rem;font-family:var(--serif);font-size:1.02rem;font-weight:600;
  line-height:1.3;color:var(--gold);
}
.gv-ko{margin:0;font-size:.845rem;line-height:1.55;color:rgba(255,255,255,.78)}
.gv-cta{margin:1.6rem 0 0}

.uluslararasi-bandi{margin:0 0 3.4rem}
.up-govde{
  display:grid;gap:clamp(1.4rem,3vw,2.6rem);
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;
}
.up-ust{max-width:60ch;margin:0 0 1.4rem}
.up-etiket{
  display:inline-block;margin:0 0 1rem;
  padding:.42rem 1rem;border-radius:999px;background:var(--gold-bg);
  font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold-text);
}
.up-bas{
  margin:0 0 .8rem;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.5rem,2.8vw,2.15rem);line-height:1.2;color:var(--navy);
}
.up-bas em{font-style:italic;font-weight:500;color:var(--gold-text)}
.up-ack{margin:0;font-size:.95rem;line-height:1.65;color:var(--ink-2)}
.up-ozellikler{
  list-style:none;margin:0;padding:0;
  display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));
}
.up-ozellikler li{
  position:relative;margin:0;padding:.7rem .95rem .7rem 2.05rem;
  border:1px solid var(--line);border-radius:var(--r-sm);background:var(--white);
  font-size:.875rem;line-height:1.45;color:var(--ink-2);
}
.up-ozellikler li::before{
  content:"";position:absolute;left:.95rem;top:1.15rem;
  width:7px;height:7px;border-radius:999px;background:var(--gold);
}
.up-cta{margin:1.5rem 0 0}
.up-sag{display:flex}
.up-foto{
  display:block;width:100%;height:100%;min-height:clamp(300px,32vw,430px);
  object-fit:cover;border-radius:var(--r);box-shadow:var(--sh-2);
}

.up-ulkeler{
  margin:1.9rem 0 0;padding:1.1rem clamp(1rem,2.4vw,1.8rem);
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;
  border:1px solid var(--line);border-radius:var(--r);background:var(--white);
}
.up-ue{
  margin:0;font-size:.72rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-3);
}
.up-ulkeler ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.up-ulkeler li{
  margin:0;padding:.36rem .85rem;border:1px solid var(--line);border-radius:999px;
  font-size:.8rem;line-height:1.4;color:var(--ink-3);
}

@media (max-width:900px){
  .gv-govde,.up-govde{grid-template-columns:1fr}
  .up-sag{max-width:560px}
  .up-foto{min-height:0;aspect-ratio:16/10}
}
@media (max-width:600px){
  .up-ozellikler{grid-template-columns:1fr}
  .gv-cta .btn,.up-cta .btn{width:100%}
}


/* ---------- 31d. Anasayfa kapanis bandi ---------- */
.kapanis-bandi{position:relative;margin:0;text-align:center}
main > .kapanis-bandi{
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
}
.kb-foto{position:relative;overflow:hidden}
.kb-foto img{
  display:block;width:100%;height:clamp(360px,40vw,700px);object-fit:cover;object-position:50% 47%;
}
.kb-foto::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:58%;
  background:linear-gradient(to top,#F6F3EE 40%,rgba(246,243,238,.88) 58%,rgba(246,243,238,.45) 78%,rgba(246,243,238,0) 100%);
}
.kb-yazi{position:absolute;left:0;right:0;bottom:clamp(1.1rem,2.6vw,2.2rem);z-index:1;padding:0 1rem}
.kb-ad{
  margin:0;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.7rem,4vw,3.1rem);line-height:1.12;color:var(--navy);
}
.kb-slogan{
  margin:.1rem 0 1.35rem;font-family:var(--serif);font-style:italic;font-weight:500;
  font-size:clamp(1.7rem,4vw,3.1rem);line-height:1.12;color:var(--navy);
}
.kb-satir{
  margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.75rem 1rem;
}
.kb-tel{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.6rem 1.15rem;border-radius:999px;
  background:var(--white);box-shadow:0 2px 12px rgba(26,26,46,.10);
  font-size:.95rem;font-weight:600;color:var(--navy);text-decoration:none;
}
.kb-tel:hover{box-shadow:0 6px 20px rgba(26,26,46,.16)}
.kb-tel svg{color:var(--gold-text);flex:none}
.kb-veya{font-size:.92rem;color:var(--ink-3)}
.kb-btn{
  display:inline-flex;align-items:center;gap:.7rem;
  padding:.62rem .7rem .62rem 1.35rem;border-radius:999px;
  background:var(--navy);color:#fff;text-decoration:none;
  font-size:.95rem;font-weight:700;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.kb-btn:hover{background:#134C4E;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(15,61,62,.28)}
.kb-ok{
  display:grid;place-items:center;width:28px;height:28px;flex:none;
  border-radius:999px;background:var(--gold);color:#231C0C;
}

@media (max-width:760px){
  .kapanis-bandi{text-align:center}
  .kb-foto img{height:clamp(260px,66vw,350px)}
  .kb-foto::after{height:52%}
  .kb-yazi{position:static;padding:1.1rem 1rem 0}
  .kb-ad,.kb-slogan{font-size:clamp(1.3rem,5.8vw,1.85rem)}
  .kb-slogan{margin-bottom:1.1rem}
}


/* ---------- 31e. Anasayfa felsefe ve uzmanlik bantlari ---------- */
.felsefe-bandi{
  margin:0 0 3.4rem;padding:clamp(2rem,4vw,3.2rem) clamp(1.2rem,3vw,2.6rem);
  border-radius:var(--r);text-align:center;
  background:linear-gradient(150deg,var(--line-2) 0%,var(--gold-bg) 100%);
}
.fb-ust{max-width:62ch;margin:0 auto 1.4rem}
.fb-etiket,.uz-etiket{
  display:inline-block;margin:0 0 1rem;
  padding:.42rem 1rem;border-radius:999px;background:var(--white);
  font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-text);
}
.fb-bas,.uz-bas{
  margin:0;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.5rem,2.8vw,2.15rem);line-height:1.22;color:var(--navy);
}
.fb-bas em,.uz-bas em{font-style:italic;font-weight:500;color:var(--gold-text)}
.fb-metin{
  max-width:74ch;margin:0 auto 1rem;font-size:.94rem;line-height:1.7;color:var(--ink-2);
}
.fb-izgara{
  list-style:none;margin:1.9rem 0 0;padding:0;
  display:grid;gap:clamp(.9rem,1.8vw,1.3rem);
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.fb-kart{
  margin:0;padding:1.5rem 1.4rem 1.6rem;text-align:center;
  border:1px solid rgba(255,255,255,.7);border-radius:var(--r-sm);
  background:rgba(255,255,255,.66);
}
.fb-ikon{
  display:grid;place-items:center;width:44px;height:44px;margin:0 auto 1.1rem;
  border-radius:999px;background:var(--white);color:var(--gold-text);
  box-shadow:0 1px 3px rgba(26,26,46,.07);
}
.fb-kb{
  margin:0 0 .55rem;font-family:var(--serif);font-size:1.05rem;font-weight:600;
  line-height:1.3;color:var(--navy);
}
.fb-ko{margin:0;font-size:.86rem;line-height:1.6;color:var(--ink-3)}
.fb-cta{margin:1.9rem 0 0}

.uzmanlik-bandi{margin:0 0 3.4rem;text-align:center}
.uz-ust{max-width:62ch;margin:0 auto 1.8rem}
.uz-ack{margin:.75rem 0 0;font-size:.94rem;line-height:1.65;color:var(--ink-2)}
.uz-izgara{
  list-style:none;margin:0;padding:0;text-align:left;
  display:grid;gap:clamp(.85rem,1.6vw,1.15rem);
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.uz-kart{margin:0}
.uz-kart > a{
  display:flex;flex-direction:column;height:100%;
  padding:1.5rem 1.35rem 1.4rem;text-decoration:none;
  border:1px solid var(--line);border-radius:var(--r-sm);background:var(--white);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.uz-kart > a:hover,.uz-kart > a:focus-visible{
  border-color:var(--gold);transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(8,31,31,.11);
}
.uz-ikon{
  display:grid;place-items:center;width:42px;height:42px;margin-bottom:1.1rem;
  border-radius:999px;background:var(--gold-bg);color:var(--gold-text);
}
.uz-kb{
  margin:0 0 .5rem;font-family:var(--serif);font-size:1.05rem;font-weight:600;
  line-height:1.3;color:var(--navy);
}
.uz-ko{margin:0 0 1.1rem;font-size:.855rem;line-height:1.6;color:var(--ink-3)}
.uz-git{
  margin-top:auto;font-size:.72rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold-text);
}

@media (max-width:1020px){
  .uz-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .fb-izgara{grid-template-columns:1fr}
}
@media (max-width:600px){
  .uz-izgara{grid-template-columns:1fr}
  .fb-cta .btn{width:100%}
}


/* ---------- 31f. Anasayfa iletisim formu bandi ---------- */
.iletisim-form-bandi{
  margin:0 0 3.4rem;
  display:grid;gap:clamp(1.6rem,3.4vw,3rem);
  grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:center;
}
.if-sol{position:relative;isolation:isolate;display:flex}
.if-foto{
  display:block;width:100%;height:100%;min-height:clamp(340px,36vw,540px);
  object-fit:cover;object-position:50% 18%;
  border-radius:var(--r);box-shadow:var(--sh-2);
}
.if-rozet{
  position:absolute;left:0;right:0;bottom:clamp(1.4rem,3vw,2.6rem);
  display:flex;flex-direction:column;align-items:center;gap:.35rem;
  text-align:center;pointer-events:none;
}
.if-rozet strong{
  font-family:var(--serif);font-weight:500;color:var(--gold);
  font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1;
  text-shadow:0 2px 14px rgba(0,0,0,.5);
}
.if-rozet span{
  font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(255,255,255,.92);text-shadow:0 1px 10px rgba(0,0,0,.6);
}
.if-sag{min-width:0}
.if-bas{
  margin:0 0 .9rem;text-align:center;
  font-family:var(--serif);font-weight:600;color:var(--navy);
  font-size:clamp(1.6rem,2.9vw,2.35rem);line-height:1.2;
}
.if-bas em{font-style:italic;font-weight:500;color:var(--gold-text)}
.if-ack{
  margin:0 0 1.8rem;text-align:center;
  font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  line-height:1.9;color:var(--gold-text);
}
.if-sag .randevu-form{margin:0}
.if-sag .randevu-form textarea{resize:vertical}

@media (max-width:900px){
  .iletisim-form-bandi{grid-template-columns:1fr}
  .if-sol{max-width:520px;margin:0 auto}
  .if-foto{min-height:0;aspect-ratio:4/5}
}


/* ---------- 31g. Anasayfa kapanis oncesi ifade bandi ---------- */
.neden-bandi{
  margin:0 0 3.4rem;padding:clamp(2.2rem,4.4vw,3.6rem) clamp(1.2rem,3vw,2.6rem);
  text-align:center;border-radius:var(--r);
  border:1px solid var(--line);background:var(--white);
}
.nb-etiket{
  margin:0 0 1.1rem;
  font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-text);
}
.nb-bas{
  margin:0 auto;max-width:30ch;
  font-family:var(--serif);font-weight:500;color:var(--navy);
  font-size:clamp(1.45rem,1rem + 1.9vw,2.35rem);line-height:1.32;letter-spacing:-.005em;
}
.nb-bas strong{font-weight:500;font-style:italic;color:var(--gold-text)}
.nb-cizgi{
  display:block;width:52px;height:1px;margin:clamp(1.5rem,3vw,2.2rem) auto;
  background:var(--gold);
}
.nb-linkler{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem 3.6rem;
}
.nb-linkler li{margin:0}
.nb-linkler a{
  display:inline-grid;grid-template-columns:auto auto;align-items:baseline;
  column-gap:.55rem;text-decoration:none;
}
.nb-lb{
  grid-column:1;font-family:var(--serif);font-size:1.24rem;font-weight:600;
  color:var(--navy);border-bottom:1px solid var(--line);padding-bottom:.18rem;
  transition:border-color .16s ease;
}
.nb-ok{grid-column:2;color:var(--gold-text);font-size:1rem}
.nb-lo{
  grid-column:1 / -1;margin-top:.3rem;
  font-size:.82rem;line-height:1.5;color:var(--ink-3);
}
.nb-linkler a:hover .nb-lb,
.nb-linkler a:focus-visible .nb-lb{border-bottom-color:var(--gold)}

@media (max-width:560px){
  .nb-linkler{flex-direction:column;gap:1.3rem}
}


/* ---------- 31h. Hakkimda sayfasi bantlari ---------- */
.hk-bas{
  margin:0 0 .9rem;font-family:var(--serif);font-weight:600;color:var(--navy);
  font-size:clamp(1.6rem,1.1rem + 1.9vw,2.5rem);line-height:1.18;
}
.hk-metin{margin:0 0 1.4rem;color:var(--ink-2);line-height:1.7}
.hk-cta{margin:1.5rem 0 0}

.hk-hero{
  display:grid;gap:clamp(1.6rem,3.4vw,3rem);
  grid-template-columns:minmax(0,1fr) minmax(0,.86fr);align-items:start;
  margin:0 0 3.4rem;
}
.hk-etiket{
  margin:0 0 .9rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-text);
}
.hk-madde{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;gap:.5rem}
.hk-madde li{
  position:relative;margin:0;padding-left:1.5rem;
  font-size:.95rem;line-height:1.5;color:var(--navy);
}
.hk-madde li::before{
  content:"";position:absolute;left:0;top:.55em;
  width:8px;height:8px;border-radius:999px;background:var(--gold);
}
.hk-dernek{
  padding:1.15rem 1.3rem 1.25rem;border-radius:var(--r-sm);
  border:1px solid var(--line);border-left:3px solid var(--gold);
  background:var(--white);
}
.hk-dernek h3{
  margin:0 0 .7rem;font-family:var(--serif);font-size:1rem;font-weight:600;color:var(--navy);
}
.hk-dernek ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.hk-dernek li{
  position:relative;margin:0;padding-left:1.4rem;
  font-size:.875rem;line-height:1.5;color:var(--ink-2);
}
.hk-dernek li::before{
  content:"\2713";position:absolute;left:0;top:0;
  color:var(--gold-text);font-weight:700;font-size:.85rem;
}
.hk-portre{
  display:block;width:100%;height:auto;border-radius:var(--r);box-shadow:var(--sh-2);
}

.hk-taahhut{
  display:grid;gap:clamp(1.6rem,3.4vw,3rem);
  grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;
  margin:0 0 3.4rem;
}
.hk-foto-kutu{position:relative;isolation:isolate}
.hk-kare{
  display:block;width:100%;height:100%;object-fit:cover;
  aspect-ratio:4/5;border-radius:var(--r);box-shadow:var(--sh-2);
}
.hk-foto-et{
  position:absolute;left:1.1rem;bottom:1.1rem;
  padding:.42rem .9rem;border-radius:999px;
  background:rgba(7,27,28,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff;
}
.hk-vm{margin:1.3rem 0 0;padding-top:1.3rem;border-top:1px solid var(--line)}
.hk-vm h3{
  margin:0 0 .5rem;font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--navy);
}
.hk-vm h3 strong{font-weight:600;color:var(--gold-text)}
.hk-vm p{margin:0;font-size:.94rem;line-height:1.65;color:var(--ink-2)}

.hk-neden{
  margin:0 0 3.4rem;padding:clamp(2rem,4vw,3.2rem) clamp(1.2rem,3vw,2.4rem);
  border-radius:var(--r);text-align:center;
  background:linear-gradient(160deg,var(--line-2) 0%,var(--gold-bg) 100%);
}
.hk-neden .hk-ust{max-width:56ch;margin:0 auto 2rem}
.hk-neden-govde{
  display:grid;gap:clamp(1rem,2.2vw,1.8rem);
  grid-template-columns:minmax(0,1fr) minmax(0,.62fr) minmax(0,1fr);
  align-items:center;
}
.hk-kartlar{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.hk-k{
  margin:0;padding:1.3rem 1.35rem 1.4rem;text-align:left;
  border-radius:var(--r-sm);background:var(--white);
  box-shadow:0 1px 3px rgba(26,26,46,.07);
}
.hk-ki{
  display:grid;place-items:center;width:44px;height:44px;margin-bottom:1rem;
  border-radius:var(--r-sm);background:var(--gold);color:#fff;
}
.hk-k h3{
  margin:0 0 .5rem;font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--navy);
}
.hk-k p{margin:0;font-size:.87rem;line-height:1.6;color:var(--ink-3)}
.hk-oval{display:flex;justify-content:center}
.hk-oval-g{
  display:block;width:100%;max-width:250px;aspect-ratio:5/6;object-fit:cover;
  border-radius:50%;border:6px solid var(--white);box-shadow:var(--sh-2);
}

.hk-yardim{
  display:grid;gap:clamp(1.6rem,3.4vw,3rem);
  grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:center;
  margin:0 0 3.4rem;
}
.hk-y-bas{
  margin:0 0 1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--line);
  font-family:var(--serif);font-weight:600;color:var(--navy);
  font-size:clamp(1.7rem,1.1rem + 2.2vw,2.8rem);line-height:1.16;
}
.hk-y-bas strong{font-weight:500;font-style:italic}
.hk-yer{
  margin:0 0 .5rem;font-family:var(--serif);font-size:1.2rem;font-weight:600;color:var(--navy);
}
.hk-adres{margin:0 0 1.2rem;color:var(--ink-2);line-height:1.65}
.hk-iletisim{margin:0;display:flex;flex-wrap:wrap;gap:.7rem 1.6rem}
.hk-iletisim a{
  font-size:.95rem;font-weight:600;color:var(--navy);
  text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.15rem;
}
.hk-iletisim a:hover{border-bottom-color:var(--gold)}
.hk-rozet{display:block;width:150px;height:auto;margin:1.6rem 0 0}

.hk-kapanis{
  margin:0 0 3.4rem;padding:clamp(2rem,4vw,3rem) clamp(1.2rem,3vw,2.4rem);
  border-radius:var(--r);text-align:center;
  border:1px solid var(--line);background:var(--white);
}
.hk-kapanis .hk-bas{margin:0 auto;max-width:24ch}

@media (max-width:900px){
  .hk-hero,.hk-taahhut,.hk-yardim{grid-template-columns:1fr}
  .hk-sag,.hk-foto-kutu,.hk-y-foto{max-width:520px}
  .hk-neden-govde{grid-template-columns:1fr}
  .hk-oval{order:-1}
  .hk-oval-g{max-width:210px}
}
@media (max-width:600px){
  .hk-cta .btn{width:100%}
}


/* ---------- 31i. Iletisim sayfasi bantlari ---------- */
/* Iletisim sayfasinin konum fotografi 1024x559 yatay; 4:5 dikey kutuya
   object-fit:cover ile girince hekim saga kayiyordu. Kirpma penceresi
   goruntunun %68'ine tasinarak ozne ortalanir. */
.il-bul .hk-kare{object-position:68% center}

.il-hero{
  margin:0 0 3rem;padding:clamp(1.6rem,3.4vw,2.8rem) 1rem;
  text-align:center;border-radius:var(--r);
  background:linear-gradient(160deg,var(--line-2) 0%,var(--gold-bg) 100%);
}
.il-hero-bas{
  margin:0 0 .55rem;font-family:var(--serif);font-weight:600;color:var(--navy);
  font-size:clamp(2rem,1.2rem + 3vw,3.2rem);line-height:1.1;
}
.il-hero-et{
  margin:0;font-size:.72rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-text);
}

.il-galeri{margin:0 0 3.4rem}
.il-g-ust{max-width:56ch;margin:0 0 1.6rem}
.il-g-et{
  margin:0 0 .6rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-text);
}
.il-g-bas{
  margin:0;font-family:var(--serif);font-weight:600;color:var(--navy);
  font-size:clamp(1.45rem,1rem + 1.6vw,2.1rem);line-height:1.2;
}
.il-g-izgara{
  list-style:none;margin:0;padding:0;
  display:grid;gap:.75rem;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.il-g-izgara li{margin:0}
.il-g-izgara li:first-child{grid-column:span 2;grid-row:span 2}
.ig-foto{
  display:block;width:100%;height:100%;object-fit:cover;
  aspect-ratio:4/3;border-radius:var(--r-sm);box-shadow:var(--sh);
}
.il-g-izgara li:first-child .ig-foto{aspect-ratio:1/1}

.il-kapanis{
  margin:0 0 3.4rem;padding:clamp(2.2rem,4.4vw,3.6rem) clamp(1.2rem,3vw,2.4rem);
  text-align:center;border-radius:var(--r);
  background:linear-gradient(165deg,#0C3334 0%,var(--navy) 60%,#2A2540 100%);
}
.il-k-logo{
  display:block;width:clamp(74px,9vw,110px);height:auto;margin:0 auto 1.1rem;
  filter:brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(5deg);
  opacity:.92;
}
.il-k-bas{
  margin:0 auto;max-width:26ch;font-family:var(--serif);font-weight:500;
  font-size:clamp(1.4rem,1rem + 1.7vw,2.15rem);line-height:1.24;color:#fff;
}
.il-k-bas strong{font-weight:500;font-style:italic;color:var(--gold)}
.il-k-cizgi{
  display:block;width:min(420px,70%);height:1px;margin:1.5rem auto;
  background:rgba(255,255,255,.28);
}
.il-k-hizmet{
  margin:0;font-size:.7rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;line-height:1.9;color:var(--gold);
}
.il-k-rozet{
  display:block;width:150px;height:auto;margin:1.8rem auto 0;
  padding:.5rem .7rem;border-radius:var(--r-sm);background:#fff;
}

@media (max-width:820px){
  .il-g-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .il-g-izgara li:first-child{grid-column:span 2;grid-row:auto}
  .il-g-izgara li:first-child .ig-foto{aspect-ratio:16/9}
}
@media (max-width:520px){
  .il-g-izgara{grid-template-columns:1fr}
  .il-g-izgara li:first-child{grid-column:auto}
}


/* ---------- 31j. 360 derece panorama galerisi ---------- */
.il-g-ack{margin:.6rem 0 0;font-size:.95rem;line-height:1.6;color:var(--ink-2)}
.pano{position:relative}
.pano-sahne{
  position:relative;overflow:hidden;border-radius:var(--r);
  background:var(--line-2);box-shadow:var(--sh-2);
  aspect-ratio:2/1;
}
.pano-duz{display:block;width:100%;height:100%;object-fit:cover}
.pano-tuval{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  cursor:grab;touch-action:none;opacity:0;
  -webkit-user-select:none;user-select:none;
  transition:opacity .3s ease;
}
.pano-hazir .pano-tuval{opacity:1}
.pano-suruklu .pano-tuval{cursor:grabbing}
.pano-tuval:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
/* Tuval devreye girdiginde duz fotograf gizlenir; JS yoksa gorunur kalir. */
.pano-acik .pano-duz{visibility:hidden}

.pano-ipucu{
  position:absolute;left:50%;top:1rem;transform:translateX(-50%);
  margin:0;padding:.4rem .95rem;border-radius:999px;
  background:rgba(7,27,28,.62);-webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:#fff;pointer-events:none;opacity:0;transition:opacity .3s ease;
}
.pano-hazir .pano-ipucu{opacity:1}
.pano-suruklu .pano-ipucu{opacity:0}

.pano-kucukler{
  list-style:none;margin:.8rem 0 0;padding:0;
  display:grid;gap:.55rem;
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.pano-kucukler li{margin:0}
.pano-k{
  display:block;width:100%;padding:0;border:2px solid transparent;
  border-radius:var(--r-sm);overflow:hidden;background:none;cursor:pointer;
  transition:border-color .16s ease,transform .16s ease;
}
.pano-k img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.pano-k:hover{transform:translateY(-2px)}
.pano-k[aria-current="true"]{border-color:var(--gold)}
.pano-k:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

@media (max-width:760px){
  .pano-sahne{aspect-ratio:4/3}
  .pano-kucukler{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .pano-tuval,.pano-ipucu{transition:none}
}


/* ---------- 32. Anasayfa ozet serit ---------- */
/* Ust satir: arama motoru ve yapay zeka araclarinin alintiladigi kisa cevap.
   Alt satir: hekim bandindan tasinan uc guven maddesi. Ikisi tek bir dar
   bantta durur; hekim bandi ile uygulamalar listesi arasina girer. */
.ozet-serit{
  grid-column:wide;
  margin:0 0 3.4rem;padding:1.6rem clamp(1.2rem,3vw,2.2rem);
  border:1px solid var(--line);border-top:2px solid var(--gold);
  border-radius:var(--r);background:var(--gold-bg);
}
/* Video eklendiginde serit tek kutu olmaktan cikar: solda metin karti, sagda
   video karti, aralarinda bosluk olan iki ayri blok. Disaridaki eleman artik
   yalnizca izgara gorevi goruyor; kutu gorunumu .oz-govde'ye tasindi. */
.ozet-serit.oz-videolu{
  display:grid;align-items:start;
  gap:clamp(1rem,2.2vw,1.7rem);
  grid-template-columns:minmax(0,1fr) clamp(235px,24vw,288px);
  margin:0 0 3.4rem;padding:0;
  border:0;border-radius:0;background:none;
}
.ozet-serit.oz-videolu > .oz-govde{
  padding:1.6rem clamp(1.2rem,3vw,2.2rem);
  border:1px solid var(--line);border-top:2px solid var(--gold);
  border-radius:var(--r);background:var(--gold-bg);
}
.oz-govde{min-width:0}
/* Video karti metin kartiyla ayni cerceve dilini kullanir: ayni kose yaricapi,
   ayni altin ust cizgi. Iki blok ayri durur ama akraba okunur. */
.oz-video{
  position:relative;overflow:hidden;
  aspect-ratio:9/16;
  border:1px solid var(--line);border-top:2px solid var(--gold);
  border-radius:var(--r);
  background:var(--navy);
  box-shadow:0 6px 18px rgba(26,26,46,.10);
}
/* aspect-ratio destegi yoksa oran padding hilesiyle korunur. */
@supports not (aspect-ratio:9/16){
  .oz-video::before{content:"";display:block;padding-top:177.78%}
}
.oz-vid{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.oz-etiket{
  margin:0 0 .5rem;font-size:.72rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);
}
.oz-metin{
  margin:0;max-width:78ch;
  font-family:var(--serif);font-size:clamp(1.12rem,1.7vw,1.34rem);
  line-height:1.5;color:var(--ink);
}
/* Cevap ve guven maddeleri ayni bantta ama ayri okuma birimi: sac teli
   kalinliginda bir cizgi ikisini ayirir, kutu bolmeye gerek kalmaz. */
.oz-guven{
  list-style:none;margin:1.35rem 0 0;padding:1.35rem 0 0;
  border-top:1px solid var(--line);
  display:grid;gap:1rem clamp(1.2rem,3vw,2.4rem);
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.oz-guven li{margin:0;display:flex;gap:.75rem;align-items:flex-start}
.oz-gi{
  flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;
  border-radius:50%;background:var(--white);color:var(--gold-text);
  box-shadow:0 1px 2px rgba(26,26,46,.06);
}
.oz-gm{display:block;min-width:0;font-size:.86rem;line-height:1.5;color:var(--ink-2)}
.oz-gm strong{
  display:block;margin-bottom:.18rem;
  font-size:.94rem;font-weight:600;line-height:1.3;color:var(--navy);
}

/* Iki sutunlu seritte metin alani daraliyor; uc guven maddesi yan yana
   sigmadigi icin ikiye duser. Alt sinir 901: 900'un altinda serit zaten tek
   sutuna gectiginden madde listesi de tek sutun kaliyor. */
@media (min-width:901px) and (max-width:1160px){
  .ozet-serit.oz-videolu .oz-guven{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .ozet-serit{margin-bottom:2.8rem}
  .oz-guven{grid-template-columns:1fr;gap:.9rem}
  /* Tek sutuna dusunce video metnin altina, ortalanmis olarak gecer. */
  .ozet-serit.oz-videolu{grid-template-columns:minmax(0,1fr);gap:1.2rem;margin-bottom:2.8rem}
  .oz-video{width:min(294px,80vw);margin:0 auto}
}


/* --- Surec bandi: canli gradyan zemin + adim kartlari ---
   Zemin hs-akis.js icindeki WebGL shader'i cizer. Betik yuklenmezse ya da
   WebGL yoksa asagidaki gradyan oldugu gibi kalir; tasarim bozulmaz. */
.hs-band{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-bottom:3.4rem;
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(150deg,#0B2C2C 0%,var(--navy) 55%,#184445 100%);
  color:#fff;padding:clamp(3.4rem,6.4vw,5.2rem) 0;
}
.hs-tuval{
  position:absolute;inset:0;width:100%;height:100%;
  z-index:0;pointer-events:none;
  opacity:0;transition:opacity .9s ease;
}
.hs-canli > .hs-tuval{opacity:1}

/* Perde: shader ne uretirse uretsin beyaz metnin kontrastini sabitler. */
.hs-band::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(90% 120% at 12% 0%,rgba(194,164,111,.18),transparent 55%),
    radial-gradient(75% 105% at 100% 100%,rgba(48,88,89,.38),transparent 62%),
    linear-gradient(180deg,rgba(7,30,31,.52) 0%,rgba(7,30,31,.26) 45%,rgba(7,30,31,.58) 100%);
}
/* Ince egik tarama: zemine basili bir doku hissi verir, cok dusuk opaklikta. */
.hs-band::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
}
.hs-in{position:relative;z-index:2;max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}

.hs-ust{
  display:inline-flex;align-items:center;gap:.55rem;
  margin:0 0 .9rem;padding:.32rem .82rem .32rem .62rem;
  border:1px solid rgba(194,164,111,.42);border-radius:999px;
  background:rgba(194,164,111,.10);
  color:#E6D2A8;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
}
.hs-ust::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 0 3px rgba(194,164,111,.20);
}
.hs-bas{margin:0 0 .75rem;font-family:var(--serif);font-size:clamp(1.85rem,1.1rem + 2vw,2.7rem);font-weight:600;line-height:1.12;color:#fff}
.hs-ack{margin:0 0 2.8rem;max-width:60ch;color:rgba(255,255,255,.82);font-size:1.02rem;line-height:1.65}

.hs-liste{
  list-style:none;margin:0;padding:0;
  display:grid;gap:1.1rem;
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.hs-liste li{
  position:relative;
  padding:1.5rem 1.15rem 1.35rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:linear-gradient(168deg,rgba(255,255,255,.085),rgba(255,255,255,.022));
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  transition:transform .28s cubic-bezier(.22,.61,.36,1),border-color .28s ease,background .28s ease;
}
/* Kartin ust kenarindaki altin cizgi; uzerine gelince tam genislige uzar. */
.hs-liste li::before{
  content:"";position:absolute;left:1.15rem;top:-1px;height:2px;width:2.1rem;
  border-radius:2px;
  background:linear-gradient(90deg,var(--gold),rgba(194,164,111,0));
  transition:width .32s cubic-bezier(.22,.61,.36,1);
}
/* Kartlar arasi baglayici: adimlarin sirali oldugunu gosterir. */
.hs-liste li::after{
  content:"";position:absolute;top:2.2rem;right:calc(-1.1rem - 1px);
  width:1.1rem;height:1px;
  background:linear-gradient(90deg,rgba(194,164,111,.55),rgba(194,164,111,.10));
}
.hs-liste li:last-child::after{display:none}
.hs-liste li:hover{
  transform:translateY(-4px);
  border-color:rgba(194,164,111,.45);
  background:linear-gradient(168deg,rgba(255,255,255,.125),rgba(255,255,255,.04));
}
.hs-liste li:hover::before{width:calc(100% - 2.3rem)}

.hs-no{display:block;font-family:var(--serif);font-size:2.1rem;line-height:1;font-weight:600;letter-spacing:.01em;color:var(--gold)}
/* Altin gecis yalnizca background-clip:text destekleyen tarayicida; yoksa
   yukaridaki duz altin renk gecerli kalir. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hs-no{
    background:linear-gradient(135deg,#EFDCB2,var(--gold) 52%,#9C7F4B);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
  }
}
.hs-ad{display:block;margin:.62rem 0 .45rem;font-size:1.03rem;font-weight:700;color:#fff}
.hs-oz{display:block;font-size:.86rem;line-height:1.6;color:rgba(255,255,255,.76)}

.hs-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin:2.9rem 0 0}
.hs-alt{color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px}
.hs-alt:hover{border-bottom-color:var(--gold);color:var(--gold)}

@media (max-width:1024px){
  .hs-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hs-liste li:nth-child(3n)::after{display:none}
  .hs-liste li:last-child::after{display:none}
}
@media (max-width:760px){
  .hs-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hs-liste li:nth-child(3n)::after{display:block}
  .hs-liste li:nth-child(2n)::after{display:none}
  .hs-liste li:last-child::after{display:none}
}
@media (max-width:520px){
  .hs-liste{grid-template-columns:1fr;gap:.85rem}
  .hs-liste li{padding:1.25rem 1.1rem 1.15rem}
  .hs-liste li::after{display:none}
  .hs-band{margin-bottom:2.6rem}
}
@media (prefers-reduced-motion:reduce){
  .hs-tuval{transition:none}
  .hs-liste li,.hs-liste li::before{transition:none}
  .hs-liste li:hover{transform:none}
}

.hb-band{margin:0 0 3.2rem}
.hb-bas{margin:0 0 1.3rem;font-family:var(--serif);font-size:clamp(1.45rem,1rem + 1.3vw,1.95rem);font-weight:600;color:var(--navy)}
.hb-grid{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start}
.hb-k{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  padding:1.35rem 1.4rem 1.5rem;
}
.hb-et{margin:0 0 .3rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hb-ad{margin:0 0 .35rem;font-family:var(--serif);font-size:1.08rem;font-weight:600;color:var(--navy);line-height:1.3}
.hb-no{margin:0 0 .6rem;display:inline-block;padding:.2rem .55rem;border-radius:999px;background:var(--gold-bg);color:var(--gold-text);font-size:.775rem;font-weight:700;letter-spacing:.02em}
.hb-oz{margin:0;font-size:.865rem;line-height:1.55;color:var(--ink-2)}
@media (max-width:900px){.hb-grid{grid-template-columns:1fr}}

.hf-band{margin:0 0 3.2rem}
.hf-bas{margin:0 0 1.2rem;font-family:var(--serif);font-size:clamp(1.45rem,1rem + 1.3vw,1.95rem);font-weight:600;color:var(--navy)}
.hf-liste{display:grid;gap:.6rem;max-width:var(--text-w,72ch)}
.hf-oge{background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.hf-q{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  cursor:pointer;list-style:none;padding:.95rem 1.15rem;
  font-weight:600;color:var(--navy);font-size:1rem;
}
.hf-q::-webkit-details-marker{display:none}
.hf-ok{width:20px;height:20px;flex:none;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.hf-oge[open] .hf-ok{transform:rotate(180deg)}
.hf-oge[open] .hf-q{border-bottom:1px solid var(--line)}
.hf-a{padding:.95rem 1.15rem}
.hf-a p{margin:0;font-size:.94rem;line-height:1.62;color:var(--ink-2)}
.hf-not{margin:1.1rem 0 0;font-size:.85rem;color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){.hf-ok{transition:none}}

.hb-band{margin-top:.6rem}
.hf-band{margin-top:.6rem}
.hi-band{margin:0}
.hi-band > h2{margin-top:0}
.hi-band .nap{max-width:var(--text-w)}

.sb{margin:2.9rem 0 1.5rem;max-width:64ch}
.home-list > .sb:first-child,.hb-in > .sb:first-child,.hf-in > .sb:first-child{margin-top:0}
.sb-et{margin:0 0 .5rem;font-size:.73rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-text)}
.sb h2{margin:0 0 .5rem;font-family:var(--serif);font-size:clamp(1.5rem,1rem + 1.4vw,2.05rem);font-weight:600;line-height:1.18;color:var(--navy)}
.sb-ack{margin:0;font-size:.97rem;line-height:1.62;color:var(--ink-2)}
.sb-sayi{margin:.7rem 0 0;display:inline-block;padding:.18rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:.76rem;font-weight:700;letter-spacing:.04em;color:var(--ink-3)}
.home-list > .sb{margin-top:3.2rem}

.hb-band{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-top:0;margin-bottom:3.4rem;
  background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:clamp(2.6rem,5vw,4rem) 0;
}
.hb-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}
.hk-satir{
  list-style:none;margin:0 0 2rem;padding:1.3rem 0 0;
  border-top:1px solid var(--line);
  display:grid;gap:1.2rem 1.6rem;grid-template-columns:repeat(4,minmax(0,1fr));
}
.hk-satir li{display:block}
.hk-d{display:block;font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--navy);line-height:1.1}
.hk-a{display:block;margin-top:.3rem;font-size:.85rem;line-height:1.5;color:var(--ink-2)}
@media (max-width:860px){.hk-satir{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hk-satir{grid-template-columns:1fr}}

.hf-band{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-top:1rem;margin-bottom:3.2rem;
  background:var(--gold-bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:clamp(2.6rem,5vw,4rem) 0;
}
.hf-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}



/* Konum bandi: harita tam genislikte bir sahne, NAP karti onun UST KATMANINDA
   yuzuyor (kullanici karari 2026-09-04). Kart 400px ile sinirli ve solda
   duruyor; harita merkezi kabin ortasinda kaldigi icin pin kartin altina
   girmez. Genis ekranda iframe ayrica biraz saga kaydiriliyor, boylece pin
   acikta kalan alanin ortasina denk gelir. */
.hi-band .nap{max-width:none}
.hi-sahne{
  position:relative;margin:1.4rem 0 2rem;
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  background:var(--gold-bg);
  box-shadow:0 1px 2px rgba(15,61,62,.05),0 18px 40px -26px rgba(15,61,62,.30);
}
.hi-harita{position:absolute;inset:0;overflow:hidden}
.hi-harita iframe{
  position:absolute;top:0;bottom:0;display:block;height:100%;border:0;
  /* Pin'i kartin sagina kaydir: iframe sol kenardan baslar ama kaptan genis
     olur, boylece merkezi saga kayar ve solda bosluk kalmaz. */
  left:0;width:calc(100% + clamp(0px,12vw,220px));
}
/* Sahne yuksekligini kart belirlemesin: harita mutlak konumda oldugu icin
   kabin yuksekligi buradan gelir. */
.hi-sahne{min-height:clamp(26rem,40vw,33rem)}
.hi-kutu{
  position:relative;z-index:2;
  width:min(400px,100%);margin:clamp(1.1rem,2.4vw,1.9rem);
  padding:clamp(1.25rem,2.2vw,1.7rem);
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(226,220,210,.9);border-left:4px solid var(--sage);
  border-radius:calc(var(--r) - 2px);
  box-shadow:0 22px 48px -20px rgba(15,61,62,.42);
}
.hi-kutu-et{
  margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold-text);
}
/* NAP kutusu burada cerceveyi kartla paylasir: kendi kenarligi, zemini ve
   ic bosluklari sifirlanir. Ayni fonksiyon iletisim sayfasinda kendi kutusu
   olarak calismaya devam eder. */
.hi-kutu .nap{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.hi-eylem{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.15rem 0 0}
.hi-eylem .btn{font-size:.9rem}
.hi-yol{
  display:inline-flex;align-items:center;gap:.3rem;margin:.85rem 0 0;
  padding:.34rem .72rem;border-radius:999px;background:var(--navy);color:#fff;
  font-size:.79rem;font-weight:600;text-decoration:none;white-space:nowrap;
}
.hi-yol:hover{background:#134C4E;color:#fff}
/* Harita yoksa sahne yalnizca karti tasir: yuzme biter, kutu akisa girer. */
.hi-sahne.hi-haritasiz{min-height:0;background:var(--white)}
.hi-sahne.hi-haritasiz .hi-kutu{width:auto;box-shadow:none;background:transparent;
  -webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent;
  border-left-color:var(--sage)}
/* Dar ekranda kart haritanin tamamini kapatirdi: yuzmeyi birakip haritanin
   ustune akar, harita altta sabit yukseklikte kalir. */
@media (max-width:860px){
  .hi-sahne{display:flex;flex-direction:column-reverse;min-height:0;background:var(--white)}
  .hi-harita{position:relative;inset:auto;height:17rem;border-top:1px solid var(--line)}
  .hi-harita iframe{left:0;width:100%}
  .hi-kutu{width:auto;margin:0;border-radius:0;border:0;border-left:4px solid var(--sage);
    background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none;
    box-shadow:none}
}
@media (max-width:520px){
  .hi-eylem .btn{flex:1 1 auto;justify-content:center;text-align:center}
  .hi-yol{width:100%;justify-content:center}
}

/* Iletisim sayfasindaki tek basina harita. Anasayfadaki .hi-harita yuzen
   kartin altinda mutlak konumda durur; burada oyle bir kart yok, harita
   normal akista sabit oranli bir kutudur. */
.il-harita{margin:0 0 var(--gap,1.5rem);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;background:var(--white)}
.il-harita iframe{display:block;width:100%;height:clamp(18rem,42vw,26rem);border:0}
.il-harita figcaption{padding:.7rem 1rem;border-top:1px solid var(--line);
  font-size:.92rem}

/* Harita izin kapisi. consent-manager.js, izin verilene kadar iframe'in
   src'sini silip gizliyor ve yerine .consent-media-placeholder koyuyor.
   Iki harita kabinda da iframe display:block aldigi icin [hidden] tek
   basina yetmiyor; ayrica yer tutucunun kabi doldurmasi gerekiyor. */
.hi-harita iframe[hidden],.il-harita iframe[hidden]{display:none!important}
.consent-media-placeholder{
  display:grid;align-content:center;justify-items:center;gap:.7rem;
  padding:1.5rem;text-align:center;background:var(--gold-bg);
  border:0;color:var(--ink)}
.consent-media-placeholder[hidden]{display:none!important}
.consent-media-placeholder strong{font-size:1rem}
.consent-media-placeholder span{
  max-width:34ch;color:var(--ink-2);font-size:.85rem;line-height:1.55}
.hi-harita .consent-media-placeholder{position:absolute;inset:0}
.il-harita .consent-media-placeholder{min-height:clamp(18rem,42vw,26rem)}

/* H1 altindaki kompakt yazar imzasi. Tam kunye sayfa sonunda; bu satir onun
   ozeti ve #kunye baglantisi. */
.cs-byline{display:flex;align-items:center;gap:.6rem;margin:0 0 1.1rem;
  padding:.55rem 0;border-bottom:1px solid var(--line);
  font-size:.9rem;line-height:1.45;color:var(--muted,inherit)}
.cs-byline img{flex:0 0 auto;width:32px;height:32px;border-radius:50%;object-fit:cover}
.cs-byline a{color:inherit;text-underline-offset:2px}

.hb-yan{display:grid;gap:1.2rem}
.hb-belge{margin:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.hb-belge-g{
  display:block;padding:clamp(.9rem,1.6vw,1.5rem);
  background:var(--gold-bg);border-bottom:1px solid var(--line);
  transition:background .18s ease;
}
.hb-belge-g img{
  display:block;width:100%;height:auto;border-radius:4px;
  box-shadow:0 2px 14px rgba(15,61,62,.14);
  transition:transform .22s ease,box-shadow .22s ease;
}
.hb-belge-g:hover,.hb-belge-g:focus-visible{background:#EFE4CF}
.hb-belge-g:hover img,.hb-belge-g:focus-visible img{transform:scale(1.015);box-shadow:0 6px 22px rgba(15,61,62,.20)}
.hb-belge-alt{padding:1.25rem 1.4rem 1.4rem}
@media (prefers-reduced-motion:reduce){
  .hb-belge-g img{transition:none}
  .hb-belge-g:hover img,.hb-belge-g:focus-visible img{transform:none}
}

.hb-grid{align-items:stretch}
.hb-yan{display:flex;flex-direction:column;gap:1.2rem}
.hb-yan .hb-k{flex:1 1 0;display:flex;flex-direction:column;justify-content:center}
@media (max-width:900px){.hb-yan .hb-k{display:block}}
.hb-yan .hb-k .hb-no{align-self:flex-start}


.hub-gruplar{columns:4;column-gap:2.1rem}
.hg{break-inside:avoid;margin:0 0 1.5rem}
.hg h3{
  margin:0 0 .5rem;padding-bottom:.4rem;
  border-bottom:1px solid var(--line);
  font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.hg h3 a{color:var(--ink-3);text-decoration:none}
.hg h3 a:hover{color:var(--navy)}
.hg ul,.hub-liste{list-style:none;margin:0;padding:0;font-size:.875rem;line-height:1.5}
.hub-liste{columns:4;column-gap:2.1rem}
.hg li{margin:0}
.hub-liste li{margin:0;break-inside:avoid}
.hg li a,.hub-liste li a{
  position:relative;display:block;padding:.26rem 0 .26rem 1.45rem;
  color:var(--ink-2);text-decoration:none;border-radius:var(--r-sm);
  transition:color .18s ease,background-color .18s ease;
}
/* Madde isareti altin nokta degil, logo markasi (G + ustundeki figur).
   madde-logo.svg favicon'dan turetildi: gradyan/golge katmanlari bu
   olcekte bulaniklik yaptigi icin cikarildi, viewBox cizimin gercek
   sinirlarina daraltildi ve tek renk lacivere indirildi. Cizim genis
   (486.9x380.6 -> ~1.28:1), bu yuzden kutu kare degil.
   Durgun halde sonuk; imlec/odak gelince tam opakliga cikiyor. */
.hg li a::before,.hub-liste li a::before{
  content:"";position:absolute;left:.05rem;
  /* Dikeyde ilk satira hizalanir (top:50% degil): iki satira tasan
     baslikta isaret ortada asili kalmasin. */
  top:calc(.26rem + .75em);transform:translateY(-50%);
  width:13px;height:11.9px;
  background:url(/assets/img/marka-isaret.svg) center/contain no-repeat;
  opacity:.7;
  transition:opacity .18s ease,transform .18s ease;
}
.hg li a:hover,.hg li a:focus-visible,
.hub-liste li a:hover,.hub-liste li a:focus-visible{color:var(--navy);background:var(--line-2)}
.hg li a:hover::before,.hg li a:focus-visible::before,
.hub-liste li a:hover::before,.hub-liste li a:focus-visible::before{opacity:1;transform:translateY(-50%) scale(1.12)}

@media (prefers-reduced-motion:reduce){
  .hg li a,.hg li a::before,.hub-liste li a,.hub-liste li a::before{transition:none}
  .hg li a:hover::before,.hg li a:focus-visible::before{transform:none}
}

.hf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:1.6rem 2.4rem;align-items:start}
.hf-sag{position:sticky;top:calc(var(--main-pt) * .5)}
.hf-form{margin:0;padding:1.5rem 1.55rem 1.6rem}
.hf-form-bas{margin:0 0 .35rem;font-family:var(--serif);font-size:1.2rem;font-weight:600;color:var(--navy)}
.hf-form-ack{margin:0 0 1.15rem;font-size:.88rem;line-height:1.55;color:var(--ink-2)}
.hf-form-alt{margin:1rem 0 0;font-size:.82rem;line-height:1.55;color:var(--ink-3)}
.hf-form .btn{width:100%}
@media (max-width:980px){
  .hf-grid{grid-template-columns:1fr}
  .hf-sag{position:static}
}

.hg h3 .hg-n{margin-left:.3rem;font-weight:600;color:var(--gold-text);font-size:.7rem}
.hg-oz{margin:0;font-size:.86rem;line-height:1.55;color:var(--ink-2)}
.en-nav ul{gap:.1rem}

.gorsel-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.f-note-en{margin:0 0 2rem;padding:1rem 1.2rem;background:var(--gold-bg);border:1px solid var(--line);border-radius:var(--r-sm)}
.f-note-en p{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink-2)}
.en-dil a{font-weight:700}

.en-dil a{display:inline-flex;align-items:center;padding:.3rem .45rem;border-radius:var(--r-sm);line-height:0}
.en-dil a:hover,.en-dil a:focus-visible{background:var(--line-2)}
.dil-bayrak{display:block;width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.16)}
.n-dil-item{display:flex;align-items:center}
.n-dil-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem}
.n-dil-l{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .45rem;border-radius:var(--r-sm);color:inherit;text-decoration:none;font-size:.82rem}
.n-dil-l:hover,.n-dil-l:focus-visible{background:var(--line-2)}
.gtm-dil{display:flex;align-items:center;gap:.6rem}
.gtm-dil{justify-content:flex-start}

.blog-cip{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.bc{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.4rem .85rem;border:1px solid var(--line);border-radius:999px;
  background:var(--white);color:var(--ink-2);text-decoration:none;
  font-size:.85rem;font-weight:600;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.bc span{font-size:.74rem;font-weight:700;color:var(--ink-3)}
.bc:hover,.bc:focus-visible{background:var(--line-2);color:var(--navy);border-color:var(--gold)}
.bc-aktif{background:var(--navy);border-color:var(--navy);color:#fff}
.bc-aktif span{color:var(--gold)}
.bc-aktif:hover,.bc-aktif:focus-visible{background:var(--navy);color:#fff;border-color:var(--navy)}

.blog-lead{margin:0 0 2.2rem}
.bl-g{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;text-decoration:none;box-shadow:var(--sh);
  transition:transform .18s ease,box-shadow .18s ease;
}
.bl-g:hover,.bl-g:focus-visible{transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,61,62,.16)}
.bl-foto{margin:0;background:var(--gold-bg)}
.bl-foto img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
.bl-gov{padding:clamp(1.3rem,2.4vw,2rem);align-self:center}
.bl-et{
  margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold-text);
}
.bl-gov h2{
  margin:0 0 .5rem;font-family:var(--serif);
  font-size:clamp(1.3rem,1rem + 1.1vw,1.8rem);font-weight:600;line-height:1.2;color:var(--navy);
}
.bl-oz{margin:.7rem 0 0;font-size:.95rem;line-height:1.6;color:var(--ink-2)}
.bl-devam{
  display:inline-block;margin-top:1rem;font-size:.88rem;font-weight:700;
  color:var(--gold-text);border-bottom:1px solid var(--gold);padding-bottom:2px;
}
.bl-g:hover .bl-devam{color:var(--navy);border-bottom-color:var(--navy)}
@media (max-width:820px){
  .bl-g{grid-template-columns:1fr}
  .bl-foto img{min-height:200px;max-height:260px}
}

.k-kat{
  display:inline-block;margin-left:.5rem;padding:.1rem .45rem;
  border-radius:999px;background:var(--gold-bg);color:var(--gold-text);
  font-size:.72rem;font-weight:700;
}
@media (prefers-reduced-motion:reduce){
  .bl-g,.bc{transition:none}
  .bl-g:hover,.bl-g:focus-visible{transform:none}
}

.proc-cta-section{text-align:left;padding:clamp(1.7rem,3vw,2.4rem)}
.pc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,250px);gap:1.3rem 2.4rem;align-items:center}
.pc-metin h2{margin:0 0 .5rem}
.pc-ack{margin:0;color:#C9D4D4;font-size:.97rem;line-height:1.6;max-width:56ch}
.pc-aksiyon{display:flex;flex-direction:column;gap:.75rem}
.pc-aksiyon .btn{width:100%}
.pc-kanal{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.2rem;margin:0}
.pc-kanal a{
  color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.42);padding-bottom:1px;
}
.pc-kanal a:hover,.pc-kanal a:focus-visible{color:var(--gold);border-bottom-color:var(--gold)}
.pc-not{margin:0;text-align:center;font-size:.8rem;color:rgba(255,255,255,.62)}
@media (max-width:760px){
  .pc-in{grid-template-columns:1fr;gap:1.4rem}
  .proc-cta-section{text-align:center}
  .pc-ack{max-width:none}
}

.ph-in .breadcrumb{margin:0 0 1rem;font-size:.9rem;color:rgba(255,255,255,.86)}
.ph-in .breadcrumb a{color:rgba(255,255,255,.92);font-weight:500;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:1px}
.ph-in .breadcrumb a:hover,.ph-in .breadcrumb a:focus-visible{color:#fff;border-bottom-color:var(--gold);text-decoration:none}
.ph-in .breadcrumb [aria-current]{color:#fff;font-weight:700}
.ph-in .breadcrumb li + li::before{color:rgba(255,255,255,.55)}

@media print{
  .ph-in .breadcrumb,.ph-in .breadcrumb a{color:#000;border-bottom:0}
}

/* ---------- 33. Anasayfa bolum kartlari (resimli hub) ---------- */
/* Eski tasarim: solda yapiskan bir metin sutunu, sagda uc kolon bag listesi.
   Kullanici 2026-09-04'te begenmedi; yerine her bolumun kendi kapak
   gorseli uzerinde durdugu genis kart geldi. Gorsel 16:9 uretildi, kart
   bandi ondan daha yassi bir kirpim aliyor (aspect-ratio), bu yuzden
   object-position dikeyde biraz yukari cekildi. */
.hubk-izgara{
  display:grid;gap:clamp(1rem,1.8vw,1.5rem);
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0 0 3rem;
}
.hubk-izgara > .hubk{display:flex;flex-direction:column}
.hubk-izgara .hubk-govde{display:flex;flex-direction:column;flex:1}
.hubk-izgara .hubk-git{margin-top:auto;padding-top:.9rem}
.hubk-izgara .hub-liste{columns:2}
.hubk-izgara .hubk-kapak{aspect-ratio:16/8;min-height:0}
.hubk{
  margin:0 0 1.7rem;
  background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:0 1px 2px rgba(15,61,62,.05),0 20px 44px -32px rgba(15,61,62,.34);
}
.hubk:last-of-type{margin-bottom:3rem}

.hubk-kapak{
  position:relative;isolation:isolate;
  aspect-ratio:16/4.4;min-height:14rem;
  background:var(--navy);
}
.hubk-kapak img{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;object-fit:cover;object-position:50% 38%;
  transition:transform .5s ease;
}
.hubk-kapak::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(97deg,rgba(7,29,30,.93) 0%,rgba(8,32,32,.84) 34%,rgba(8,34,34,.42) 66%,rgba(9,37,37,.14) 100%),
    linear-gradient(180deg,rgba(7,29,30,.18) 0%,rgba(7,29,30,0) 40%);
}
.hubk:hover .hubk-kapak img{transform:scale(1.035)}

.hubk-yazi{
  position:relative;height:100%;
  display:flex;flex-direction:column;justify-content:center;
  gap:.15rem;max-width:min(58%,34rem);
  padding:1.5rem clamp(1.2rem,2.4vw,2.1rem);
}
.hubk-no{margin:0 0 .5rem;line-height:1}
.hubk-no span{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--serif);font-size:1.05rem;letter-spacing:.14em;color:var(--gold);
}
.hubk-no span::after{content:"";width:2.1rem;height:1px;background:rgba(194,164,111,.65)}

.hubk-kapak h2{
  margin:0 0 .5rem;
  font-family:var(--serif);font-weight:600;line-height:1.16;
  font-size:clamp(1.55rem,1.05rem + 1.6vw,2.25rem);
}
.hubk-kapak h2 a{
  color:#fff;text-decoration:none;
  /* Baglanti tum kapagi kapsar: kart nereye tiklanirsa bolume gider. */
}
.hubk-kapak h2 a::after{content:"";position:absolute;inset:0}
.hubk-kapak h2 a:hover{color:var(--gold)}
.hubk-kapak h2 a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

.hubk-ack{
  margin:0 0 .9rem;max-width:44ch;
  font-size:.925rem;line-height:1.55;color:rgba(255,255,255,.82);
}
.hubk-sayi{margin:0}
.hubk-sayi span{
  display:inline-block;padding:.3rem .72rem;border-radius:999px;
  background:rgba(194,164,111,.16);border:1px solid rgba(194,164,111,.42);
  font-size:.76rem;font-weight:700;letter-spacing:.05em;color:#E4CFA4;
}

.hubk-govde{padding:1.6rem clamp(1.2rem,2.4vw,2.1rem) 1.5rem}
.hubk-git{margin:.4rem 0 0;text-align:right}
.hubk-git a{
  font-size:.86rem;font-weight:700;color:var(--gold-text);text-decoration:none;
  border-bottom:1px solid var(--gold);padding-bottom:2px;
}
.hubk-git a:hover{color:var(--navy);border-bottom-color:var(--navy)}

@media (max-width:1180px){.hub-gruplar,.hub-liste{columns:3}}
@media (max-width:900px){
  .hubk-izgara{grid-template-columns:1fr}
  .hubk-izgara .hubk-kapak{aspect-ratio:16/7}
}
@media (max-width:600px){.hubk-izgara .hub-liste{columns:1}}
@media (max-width:900px){
  .hubk-kapak{aspect-ratio:16/7;min-height:13rem}
  .hubk-yazi{max-width:none}
  .hub-gruplar,.hub-liste{columns:2}
}
@media (max-width:600px){
  .hubk-kapak{aspect-ratio:4/3;min-height:0}
  .hubk-kapak::after{
    background:linear-gradient(180deg,rgba(7,29,30,.42) 0%,rgba(7,29,30,.72) 46%,rgba(7,29,30,.94) 100%);
  }
  .hubk-yazi{justify-content:flex-end}
  .hubk-ack{display:none}
  .hub-gruplar,.hub-liste{columns:1}
  .hubk-git{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .hubk-kapak img{transition:none}
  .hubk:hover .hubk-kapak img{transform:none}
}