/* Dr. Canan Uğur - Kardiyoloji */

:root {
  --zemin: #f7f5f1;
  --kagit: #fffdf9;
  --metin: #1e2430;
  --soluk: #5b6272;
  --cizgi: #e2ddd3;
  --vurgu: #9b2335;
  --vurgu-koyu: #7a1b2a;
  --vurgu-acik: #f4e6e6;
  --yesil: #4f6b52;
  --gul: #f6e8e7;
  --gul-orta: #ecd0d0;
  --adacayi: #e8eee5;
  --adacayi-koyu: #46604a;
  --kum: #f1eadd;
  --kum-koyu: #8a6532;

  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --sans: "Figtree", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --genislik: 1120px;
  --dar: 720px;
  --kenar: clamp(16px, 4vw, 32px);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--zemin);
  color: var(--metin);
  font-family: var(--sans);
  font-size: 1.0625rem;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--vurgu); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: var(--vurgu-koyu); }

:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; }

h1, h2, h3 {
  font-family: var(--serif);
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 .6em;
  letter-spacing: -.01em;
}
h1 { font-size: clamp(2.3rem, 5vw, 3.6rem); }
h2 { font-size: clamp(1.7rem, 3.2vw, 2.3rem); }
h3 { font-size: 1.35rem; }

p { margin: 0 0 1em; }

.kap { max-width: var(--genislik); margin: 0 auto; padding: 0 var(--kenar); }
.dar { max-width: var(--dar); }

.gizli {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}

.atla {
  position: absolute; left: 8px; top: -60px;
  background: var(--metin); color: #fff; padding: 8px 14px; z-index: 50;
}
.atla:focus { top: 8px; color: #fff; }

/* Üst kısım */

.ust {
  background: var(--zemin);
  border-bottom: 1px solid var(--cizgi);
  position: sticky; top: 0; z-index: 20;
}
.ust-ic {
  display: flex; align-items: center; gap: 24px;
  min-height: 76px;
}

.marka {
  display: flex; align-items: center; gap: 12px;
  color: var(--metin); text-decoration: none; margin-right: auto;
}
.marka svg { width: 38px; height: 38px; flex: none; }
.marka-ad { font-family: var(--serif); font-size: 1.3rem; line-height: 1.1; display: block; white-space: nowrap; }
.marka-alt { font-size: .78rem; color: var(--soluk); letter-spacing: .06em; text-transform: uppercase; display: block; white-space: nowrap; }

.menu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 26px; }
.menu a {
  color: var(--metin); text-decoration: none; font-size: .96rem;
  padding: 6px 0; border-bottom: 1px solid transparent; white-space: nowrap;
}
.menu a:hover { border-bottom-color: var(--metin); }
.menu a[aria-current="page"] { border-bottom-color: var(--vurgu); color: var(--vurgu); }

.ust-tel {
  font-weight: 600; text-decoration: none; white-space: nowrap;
  padding: 9px 16px; border: 1px solid var(--vurgu); border-radius: 3px;
}
.ust-tel:hover { background: var(--vurgu); color: #fff; }

.menu-dugme {
  display: none;
  font: inherit; font-size: .95rem; background: none; color: var(--metin);
  border: 1px solid var(--metin); border-radius: 3px; padding: 7px 14px; cursor: pointer;
}

@media (max-width: 1320px) {
  .ust-tel { display: none; }
}

@media (max-width: 1100px) {
  .menu-dugme { display: block; }
  .menu {
    display: none;
    position: absolute; left: 0; right: 0; top: 100%;
    background: var(--zemin); border-bottom: 1px solid var(--cizgi);
    padding: 8px var(--kenar) 20px;
  }
  .menu.acik { display: block; }
  .menu ul { flex-direction: column; gap: 0; }
  .menu li { border-top: 1px solid var(--cizgi); }
  .menu a { display: block; padding: 13px 0; border: 0; font-size: 1.05rem; }
}

/* Butonlar */

.dugme {
  display: inline-block;
  background: var(--vurgu); color: #fff;
  padding: 13px 22px; border-radius: 3px;
  text-decoration: none; font-weight: 600; font-size: 1rem;
  border: 1px solid var(--vurgu);
}
.dugme:hover { background: var(--vurgu-koyu); border-color: var(--vurgu-koyu); color: #fff; }
.dugme-ikincil { background: transparent; color: var(--metin); border-color: var(--metin); }
.dugme-ikincil:hover { background: var(--metin); border-color: var(--metin); color: #fff; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

.devam { font-weight: 600; text-decoration: none; }
.devam::after { content: " →"; }
.devam:hover { text-decoration: underline; }

/* Ana sayfa girişi */

.giris { padding: clamp(40px, 7vw, 88px) 0 clamp(48px, 7vw, 96px); }
.giris-ic {
  display: grid; grid-template-columns: 1.15fr .85fr;
  gap: clamp(32px, 6vw, 80px); align-items: center;
}
.ust-etiket {
  font-size: .82rem; letter-spacing: .09em; text-transform: uppercase;
  color: var(--soluk); margin-bottom: 18px;
}
.giris h1 { margin-bottom: .35em; }
.giris-ozet { font-size: 1.22rem; color: #363d4b; max-width: 30em; }

.durum {
  margin: 22px 0 0; font-size: .95rem; color: var(--soluk);
  display: flex; align-items: center; gap: 9px;
}
.durum::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%; background: #aaa; flex: none;
}
.durum.acik::before { background: var(--yesil); }

.giris-foto { margin: 0; }
.giris-foto picture { display: block; position: relative; isolation: isolate; }
.giris-foto img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 2px; }
.giris-foto picture::before {
  content: ""; position: absolute; inset: 18px -18px -18px 18px;
  border: 1px solid var(--vurgu); z-index: -1; border-radius: 2px;
}
.giris-foto figcaption { font-size: .82rem; color: var(--soluk); margin-top: 26px; }



/* Bölümler */

.bolum { padding: clamp(48px, 7vw, 88px) 0; border-top: 1px solid var(--cizgi); }
.bolum-koyu { background: var(--metin); color: #e9e6df; border-top: 0; }
.bolum-koyu h2, .bolum-koyu h3 { color: #fff; }
.bolum-koyu a { color: #f0c7cd; }

.iki-kolon {
  display: grid; grid-template-columns: 1fr 2fr; gap: clamp(24px, 5vw, 72px);
}
.iki-kolon > :first-child h2 { position: sticky; top: 110px; }
@media (max-width: 820px) {
  .iki-kolon { grid-template-columns: 1fr; }
}

.giris-yazi { font-size: 1.15rem; }

.kunye {
  display: grid; grid-template-columns: max-content 1fr; gap: 10px 28px;
  margin: 28px 0; padding: 22px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi);
}
.kunye dt { color: var(--soluk); font-size: .92rem; }
.kunye dd { margin: 0; }
@media (max-width: 520px) {
  .kunye { grid-template-columns: 1fr; gap: 2px; }
  .kunye dd { margin-bottom: 10px; }
}

/* Numaralı hizmet listesi */

.sirali { list-style: none; margin: 0; padding: 0; counter-reset: s; }
.sirali li {
  counter-increment: s;
  display: grid; grid-template-columns: 56px 1fr; gap: 4px 12px;
  padding: 20px 0; border-bottom: 1px solid var(--cizgi);
}
.sirali li:first-child { border-top: 1px solid var(--cizgi); }
.sirali li::before {
  content: counter(s, decimal-leading-zero);
  font-family: var(--serif); color: var(--vurgu); font-size: 1.15rem; grid-row: span 2;
}
.sirali strong { font-weight: 600; font-size: 1.08rem; }
.sirali span { color: var(--soluk); grid-column: 2; }
.bolum-koyu .sirali li { border-color: #3a4150; }
.bolum-koyu .sirali li::before { color: #f0c7cd; }
.bolum-koyu .sirali span { color: #b9bcc4; }

/* Getirilecekler kutusu */

.not-kagidi {
  background: var(--kagit);
  border: 1px solid var(--cizgi);
  padding: clamp(24px, 4vw, 44px);
  display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(24px, 4vw, 56px);
}
@media (max-width: 820px) { .not-kagidi { grid-template-columns: 1fr; } }

.kontrol { list-style: none; padding: 0; margin: 0; }
.kontrol li {
  position: relative; padding: 10px 0 10px 34px; border-bottom: 1px dashed var(--cizgi);
}
.kontrol li::before {
  content: ""; position: absolute; left: 0; top: 14px;
  width: 17px; height: 17px; border: 1.5px solid var(--metin); border-radius: 2px;
}
.kontrol small { display: block; color: var(--soluk); font-size: .88rem; }

.kucuk-not { font-size: .93rem; color: var(--soluk); }

/* Saatler ve konum */

.saatler { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.saatler th, .saatler td { text-align: left; padding: 10px 0; border-bottom: 1px solid var(--cizgi); font-weight: 400; }
.saatler td { text-align: right; }
.saatler tr.bugun th, .saatler tr.bugun td { font-weight: 700; color: var(--vurgu); }
.saatler tr.bugun th::after { content: " (bugün)"; font-weight: 400; font-size: .85rem; }
.saatler .kapali { color: var(--soluk); }

.konum-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 72px); }
@media (max-width: 820px) { .konum-grid { grid-template-columns: 1fr; } }

.adres { font-style: normal; font-size: 1.1rem; margin-bottom: 20px; }
.adres strong { display: block; font-weight: 600; }

.harita {
  position: relative; background: #e8e4dc; border: 1px solid var(--cizgi);
  aspect-ratio: 4 / 3; display: grid; place-items: center; text-align: center; padding: 24px;
}
.harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.harita p { font-size: .88rem; color: var(--soluk); max-width: 26em; margin: 12px auto 0; }
.harita button { font: inherit; cursor: pointer; }

/* Alt sayfa başlığı */

.sayfa-bas { padding: clamp(44px, 7vw, 84px) 0 clamp(28px, 4vw, 44px); }
.sayfa-bas p { font-size: 1.18rem; color: #3b4250; max-width: 36em; }
.yol { font-size: .86rem; color: var(--soluk); margin-bottom: 14px; }
.yol a { color: var(--soluk); }

/* Metin sayfaları */

.metin h2 { margin-top: 1.6em; }
.metin h3 { margin-top: 1.4em; }
.metin ul { padding-left: 1.2em; }
.metin li { margin-bottom: .35em; }

/* Zaman çizelgesi */

.cizelge { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--vurgu); }
.cizelge li { position: relative; padding: 0 0 30px 28px; }
.cizelge li::before {
  content: ""; position: absolute; left: -5px; top: 9px;
  width: 9px; height: 9px; background: var(--zemin); border: 1px solid var(--vurgu); border-radius: 50%;
}
.cizelge time { font-family: var(--serif); font-size: 1.25rem; color: var(--vurgu); display: block; }
.cizelge strong { display: block; font-weight: 600; }
.cizelge span { color: var(--soluk); }

/* Hizmet grupları */

.grup { padding: 44px 0; border-top: 1px solid var(--cizgi); }
.grup-bas { display: grid; grid-template-columns: 1fr 2fr; gap: clamp(24px, 5vw, 72px); }
@media (max-width: 820px) { .grup-bas { grid-template-columns: 1fr; } }
.grup-bas > div > p:first-of-type { color: var(--soluk); }

.hizmet { padding: 0 0 30px; margin-bottom: 30px; border-bottom: 1px solid var(--cizgi); }
.hizmet:last-child { border-bottom: 0; margin-bottom: 0; }
.hizmet h3 { margin-bottom: .4em; }
.hizmet dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 18px; margin: 14px 0 0; font-size: .95rem; }
.hizmet dt { color: var(--soluk); }
.hizmet dd { margin: 0; }
@media (max-width: 520px) {
  .hizmet dl { grid-template-columns: 1fr; gap: 0; }
  .hizmet dd { margin-bottom: 8px; }
}

/* Akordeon */

.akordeon { border-top: 1px solid var(--cizgi); }
.akordeon details { border-bottom: 1px solid var(--cizgi); }
.akordeon summary {
  list-style: none; cursor: pointer;
  display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
  padding: 22px 0; font-family: var(--serif); font-size: 1.35rem;
}
.akordeon summary::-webkit-details-marker { display: none; }
.akordeon summary::after {
  content: "+"; font-family: var(--sans); font-size: 1.5rem; line-height: 1; color: var(--vurgu); flex: none;
}
.akordeon details[open] summary::after { content: "−"; }
.akordeon summary:hover { color: var(--vurgu); }
.akordeon .ic { padding: 0 0 26px; max-width: 46em; }
.akordeon .ic ul { padding-left: 1.2em; }
.akordeon small { font-family: var(--sans); font-size: .85rem; color: var(--soluk); font-weight: 400; margin-left: auto; margin-right: 10px; }

.sss summary { font-size: 1.15rem; }

/* Uyarı kutusu */

.uyari {
  border-left: 3px solid var(--vurgu); background: var(--vurgu-acik);
  padding: 20px 24px; margin: 0 0 40px;
}
.uyari strong { color: var(--vurgu-koyu); }
.uyari p:last-child { margin-bottom: 0; }

/* Adımlar */

.adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 2px solid var(--metin); }
.adimlar li { padding: 22px 24px 8px 0; }
.adimlar li + li { padding-left: 24px; border-left: 1px solid var(--cizgi); }
.adimlar b { font-family: var(--serif); font-weight: 500; font-size: 1.6rem; color: var(--vurgu); display: block; }
@media (max-width: 820px) {
  .adimlar { grid-template-columns: 1fr; }
  .adimlar li + li { padding-left: 0; border-left: 0; border-top: 1px solid var(--cizgi); }
}

/* Kurum listesi */

.kurumlar { columns: 3 220px; column-gap: 32px; padding: 0; list-style: none; margin: 0; font-size: .95rem; }
.kurumlar li { break-inside: avoid; padding: 5px 0; border-bottom: 1px dotted var(--cizgi); }

/* Alt kısım */

.alt { background: #171c26; color: #c9ccd3; padding: 56px 0 28px; font-size: .95rem; margin-top: 0; }
.alt a { color: #e9e6df; text-decoration: none; }
.alt a:hover { text-decoration: underline; color: #fff; }
.alt-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 36px; }
@media (max-width: 820px) { .alt-grid { grid-template-columns: 1fr; } }
.alt h2 { font-family: var(--sans); font-size: .8rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: #8e939e; margin-bottom: 14px; }
.alt ul { list-style: none; padding: 0; margin: 0; }
.alt li { margin-bottom: 6px; }
.alt address { font-style: normal; }
.alt .marka-ad { color: #fff; font-size: 1.4rem; margin-bottom: 4px; }
.alt-son {
  margin-top: 44px; padding-top: 20px; border-top: 1px solid #2d3340;
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; font-size: .84rem; color: #8e939e;
}
.alt-son p { margin: 0; }

/* Yazdırma */

@media print {
  .ust, .alt, .dugmeler, .yazdir, .harita, .atla { display: none !important; }
  body { background: #fff; font-size: 11pt; }
  .bolum, .grup { border: 0; padding: 12pt 0; }
  .not-kagidi { border: 0; padding: 0; }
  a { color: inherit; text-decoration: none; }
}

.bosluk { margin-top: 28px; }
h2.bosluk { margin-top: 48px; }

/* Görsel öğeler */

.ikon { width: 44px; height: 44px; color: var(--vurgu); flex: none; }
.ikon-buyuk { width: 56px; height: 56px; }

.ekg-serit {
  height: 96px;
  background: #fbf1f1 url(../img/ekg-serit.svg) repeat-x 0 50% / auto 120px;
  border-top: 1px solid #efd3d7; border-bottom: 1px solid #efd3d7;
  animation: ekg-kay 40s linear infinite;
}
.ekg-serit-ince { height: 64px; background-size: auto 90px; }
@keyframes ekg-kay { to { background-position: -1200px 50%; } }
@media (prefers-reduced-motion: reduce) { .ekg-serit { animation: none; } }

.tetkik-izgara {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #3a4150; border-left: 1px solid #3a4150;
}
.tetkik-izgara li {
  border-right: 1px solid #3a4150; border-bottom: 1px solid #3a4150;
  padding: 28px 24px 26px;
}
.tetkik-izgara a { color: inherit; text-decoration: none; display: block; }
.tetkik-izgara a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.tetkik-izgara .ikon { color: #f0c7cd; margin-bottom: 18px; }
.tetkik-izgara strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 1.3rem; color: #fff; margin-bottom: 4px; }
.tetkik-izgara span { color: #b9bcc4; font-size: .95rem; }
@media (max-width: 820px) { .tetkik-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) {
  .tetkik-izgara li { padding: 20px 14px; }
  .tetkik-izgara strong { font-size: 1.1rem; }
  .tetkik-izgara span { display: none; }
}

.bas-satir { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; margin-bottom: 36px; }
.bas-satir h2 { margin: 0; }

.getir-grup { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.getir-grup li { border-top: 2px solid var(--metin); padding-top: 18px; }
.getir-grup strong { display: block; font-weight: 600; margin: 12px 0 4px; }
.getir-grup span { color: var(--soluk); font-size: .95rem; }
@media (max-width: 820px) { .getir-grup { grid-template-columns: repeat(2, 1fr); } }

.hizmet.ikonlu { display: grid; grid-template-columns: 56px 1fr; gap: 0 22px; }
.hizmet.ikonlu > .ikon { width: 56px; height: 56px; }
@media (max-width: 520px) {
  .hizmet.ikonlu { grid-template-columns: 1fr; }
  .hizmet.ikonlu > .ikon { margin-bottom: 10px; }
}

.etiketler { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; font-size: .88rem; }
.etiketler li { border: 1px solid var(--cizgi); background: var(--kagit); padding: 4px 10px; border-radius: 20px; }
.etiketler b { font-weight: 600; }

.sayfa-bas-gorsel { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(24px, 5vw, 64px); align-items: center; }
.sayfa-bas-gorsel figure { margin: 0; }
.sayfa-bas-gorsel figcaption { font-size: .85rem; color: var(--soluk); margin-top: 8px; }
@media (max-width: 820px) { .sayfa-bas-gorsel { grid-template-columns: 1fr; } .sayfa-bas-gorsel figure { max-width: 440px; } }

.akordeon summary .ikon { width: 34px; height: 34px; margin-right: 14px; }
.akordeon summary span.baslik { display: flex; align-items: center; }

.adimlar .ikon { margin-bottom: 10px; }

.kontrol-grup { display: grid; grid-template-columns: 44px 1fr; gap: 0 16px; padding: 16px 0; border-bottom: 1px dashed var(--cizgi); }
.kontrol-grup:first-child { padding-top: 0; }
.kontrol-grup h3 { font-family: var(--sans); font-size: 1rem; font-weight: 600; margin: 8px 0 6px; }
.kontrol-grup .kontrol li { padding: 5px 0 5px 28px; border: 0; }
.kontrol-grup .kontrol li::before { top: 9px; width: 14px; height: 14px; }
.akordeon summary { align-items: center; }
@media (max-width: 520px) { .akordeon summary small { display: none; } }
[id] { scroll-margin-top: 96px; }

/* İnce ayarlar */

body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; }

.dugme { font-family: inherit; cursor: pointer; line-height: 1.4; }

.devam { display: inline-block; padding: 6px 0; }
.alt li a, .alt address a, .alt-son a { display: inline-block; padding: 5px 0; }
.alt li { margin-bottom: 2px; }

.durum { align-items: flex-start; }
.durum::before { margin-top: .55em; }

.metin > :first-child { margin-top: 0; }

@media (min-width: 821px) {
  .yapiskan { position: sticky; top: 110px; align-self: start; }
}

.kontrol-grup:last-child { border-bottom: 0; padding-bottom: 0; }

.harita {
  background-color: #ebe7df;
  background-image:
    linear-gradient(#f7f5f1 2px, transparent 2px),
    linear-gradient(90deg, #f7f5f1 2px, transparent 2px),
    linear-gradient(35deg, transparent 48%, #f7f5f1 48%, #f7f5f1 52%, transparent 52%);
  background-size: 64px 64px, 64px 64px, 100% 100%;
}
.harita > div { background: var(--zemin); padding: 22px 24px; border: 1px solid var(--cizgi); max-width: 340px; }
.harita .ikon { display: block; margin: 0 auto 12px; }

@media (max-width: 820px) {
  .foto-kucuk { max-width: 280px; }
}

@media (max-width: 520px) {
  .hizmet.ikonlu { grid-template-columns: 36px 1fr; gap: 0 14px; }
  .hizmet.ikonlu > .ikon { width: 36px; height: 36px; margin: 2px 0 0; }
  .kurumlar { font-size: .9rem; column-gap: 20px; }
}
.kurumlar { columns: 3 150px; }
@media (max-width: 1000px) { .giris-foto picture::before { inset: 12px -12px -12px 12px; } }

/* Renk */

.giris { background: var(--gul); position: relative; overflow: hidden; }
.giris::after {
  content: ""; position: absolute; right: -140px; top: -180px; width: 620px; height: 620px;
  border-radius: 50%; background: var(--gul-orta); opacity: .45; pointer-events: none;
}
.giris .kap { position: relative; z-index: 1; }
.giris-foto picture::before { border-color: var(--vurgu); }
.giris .dugme-ikincil { background: var(--kagit); }

.hizli-bilgi { list-style: none; padding: 0; margin: 26px 0 0; display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: .92rem; color: #3b4250; }
.hizli-bilgi li { display: flex; align-items: center; gap: 8px; }
.hizli-bilgi .ikon { width: 22px; height: 22px; }

.zemin-adacayi { background: var(--adacayi); border-top: 0; }
.zemin-kum { background: var(--kum); border-top: 0; }
.zemin-gul { background: var(--gul); border-top: 0; }

.sayfa-bas { background: var(--gul); }

/* Renkli ikon rozetleri */
.getir-grup .ikon, .hizmet.ikonlu > .ikon, .adimlar .ikon, .kontrol-grup > .ikon, .akordeon summary .ikon {
  box-sizing: border-box; border-radius: 50%; background: var(--gul); color: var(--vurgu);
}
.getir-grup .ikon, .adimlar .ikon { width: 60px; height: 60px; padding: 12px; }
.hizmet.ikonlu > .ikon { width: 60px; height: 60px; padding: 12px; }
.kontrol-grup > .ikon { width: 44px; height: 44px; padding: 8px; }
.akordeon summary .ikon { width: 40px; height: 40px; padding: 7px; }

.getir-grup li:nth-child(2) .ikon, .adimlar li:nth-child(2) .ikon, .kontrol-grup:nth-child(2) > .ikon,
.akordeon details:nth-child(3n+2) summary .ikon { background: var(--adacayi); color: var(--adacayi-koyu); }
.getir-grup li:nth-child(3) .ikon, .adimlar li:nth-child(3) .ikon, .kontrol-grup:nth-child(3) > .ikon,
.akordeon details:nth-child(3n) summary .ikon { background: var(--kum); color: var(--kum-koyu); }
.zemin-kum .getir-grup li .ikon { background: var(--kagit); }

.grup:nth-of-type(3n+2) .hizmet.ikonlu > .ikon { background: var(--adacayi); color: var(--adacayi-koyu); }
.grup:nth-of-type(3n) .hizmet.ikonlu > .ikon { background: var(--kagit); color: var(--kum-koyu); }
.grup:nth-of-type(3n) { background: var(--kum); }
.etiketler li:first-child { background: var(--adacayi); border-color: #cfdccb; }

.tetkik-izgara li:nth-child(3n+2) .ikon { color: #bcd3b6; }
.tetkik-izgara li:nth-child(3n) .ikon { color: #ead3a5; }
.tetkik-izgara li { transition: background .2s; }
.tetkik-izgara li:hover { background: #262d3a; }

.saatler tr.bugun th, .saatler tr.bugun td { background: var(--gul); }
.saatler tr.bugun th { padding-left: 10px; }
.saatler tr.bugun td { padding-right: 10px; }

.getir-grup li { border-top-color: var(--vurgu); }
.getir-grup li:nth-child(2) { border-top-color: var(--adacayi-koyu); }
.getir-grup li:nth-child(3) { border-top-color: var(--kum-koyu); }

.adimlar { border-top-color: var(--vurgu); }
.not-kagidi { border-top: 4px solid var(--vurgu); }

.alt { border-top: 4px solid var(--vurgu); }

.cizelge li:first-child::before { background: var(--vurgu); }

.kunye { border-color: rgba(30, 36, 48, .12); }

/* Mobil giriş */
@media (max-width: 640px) {
  .giris { padding: 0 0 36px; }
  .giris::after { display: none; }
  .giris-ic { display: flex; flex-direction: column; gap: 0; padding: 0; }
  .giris-foto { order: -1; margin: 0; max-width: none; width: 100%; }
  .giris-foto picture::before { display: none; }
  .giris-foto img { aspect-ratio: 5 / 4; object-position: 50% 22%; border-radius: 0; }
  .giris-foto figcaption { display: none; }
  .giris-kart {
    position: relative; margin: -56px var(--kenar) 0; padding: 22px 20px 20px;
    background: var(--kagit); border-top: 4px solid var(--vurgu); border-radius: 2px;
    box-shadow: 0 10px 30px -18px rgba(30, 36, 48, .35);
  }
  .giris-kart .ust-etiket { margin-bottom: 8px; color: var(--vurgu); font-weight: 600; font-size: .76rem; }
  .giris h1 { font-size: 2.15rem; margin-bottom: .3em; }
  .giris-ozet { font-size: 1.02rem; }
  .giris .dugmeler { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 18px; }
  .giris .dugme { text-align: center; padding: 13px 14px; }
  .durum { margin-top: 16px; font-size: .88rem; }
  .hizli-bilgi { flex-direction: column; gap: 8px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--cizgi); }
}
.hizmet.ikonlu { grid-template-columns: 60px 1fr; }
@media (max-width: 520px) {
  .hizmet.ikonlu { grid-template-columns: 44px 1fr; gap: 0 14px; }
  .hizmet.ikonlu > .ikon { width: 44px; height: 44px; padding: 9px; }
  .getir-grup .ikon, .adimlar .ikon { width: 52px; height: 52px; padding: 11px; }
}

/* Blog */

.yazi-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.yazi-izgara.iki { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) { .yazi-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .yazi-izgara, .yazi-izgara.iki { grid-template-columns: 1fr; } }

.yazi-kart { background: var(--kagit); border: 1px solid var(--cizgi); display: flex; }
.yazi-kart > a { display: flex; flex-direction: column; color: inherit; text-decoration: none; width: 100%; }
.yazi-kart:hover { border-color: var(--vurgu); }
.yazi-kart:hover h3 { color: var(--vurgu); }
.yazi-kapak {
  aspect-ratio: 16 / 7; display: grid; place-items: center; position: relative; overflow: hidden;
  background: var(--gul); color: var(--vurgu);
}
.yazi-kapak::before {
  content: ""; position: absolute; inset: auto 0 18% 0; height: 60px;
  background: url(../img/ekg-serit.svg) repeat-x 0 50% / auto 80px; opacity: .35; mix-blend-mode: multiply;
}
.yazi-kapak .ikon { width: 64px; height: 64px; position: relative; background: var(--kagit); border-radius: 50%; padding: 12px; box-sizing: border-box; }
.ton-adacayi .yazi-kapak { background: var(--adacayi); color: var(--adacayi-koyu); }
.ton-kum .yazi-kapak { background: var(--kum); color: var(--kum-koyu); }
.yazi-ozet { padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1; }
.yazi-ozet h3 { font-size: 1.35rem; margin-bottom: .4em; }
.yazi-ozet p { color: var(--soluk); font-size: .95rem; }
.yazi-ozet .devam { margin-top: auto; color: var(--vurgu); }
.yazi-ust { font-size: .8rem !important; letter-spacing: .04em; margin-bottom: 10px; }
.yazi-ust span { color: var(--vurgu); font-weight: 600; text-transform: uppercase; }

.yazi-bas .kap { max-width: calc(var(--dar) + 2 * var(--kenar)); }
.yazi-bas h1 { font-size: clamp(2rem, 4.4vw, 3rem); }
.yazi-bilgi { font-size: .95rem !important; color: var(--soluk) !important; }
.yazi-bilgi span { color: var(--metin); font-weight: 600; }

.yazi { font-size: 1.08rem; }
.yazi h2 { font-size: clamp(1.45rem, 2.6vw, 1.8rem); margin-top: 1.8em; }
.yazi ul li { margin-bottom: .5em; }
.yazi .uyari { margin: 32px 0; }
.yazi-not { margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--cizgi); font-size: .92rem; color: var(--soluk); }

.yazi-gorsel { margin: 28px 0; }
.olcum-adim { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.olcum-adim li { background: var(--gul); padding: 18px 16px; text-align: center; border-radius: 2px; }
.olcum-adim li:nth-child(2) { background: var(--adacayi); }
.olcum-adim li:nth-child(3) { background: var(--kum); }
.olcum-adim .ikon { display: block; margin: 0 auto 8px; width: 52px; height: 52px; background: var(--kagit); border-radius: 50%; padding: 10px; box-sizing: border-box; }
.olcum-adim li:nth-child(2) .ikon { color: var(--adacayi-koyu); }
.olcum-adim li:nth-child(3) .ikon { color: var(--kum-koyu); }
.olcum-adim b { display: block; font-family: var(--serif); font-weight: 500; font-size: 1.3rem; }
.olcum-adim span { font-size: .88rem; color: var(--soluk); }
@media (max-width: 520px) {
  .olcum-adim { grid-template-columns: 1fr; }
  .olcum-adim li { display: grid; grid-template-columns: 52px 1fr; gap: 0 14px; text-align: left; align-items: center; }
  .olcum-adim .ikon { grid-row: span 2; margin: 0; }
}

.iki-sutun { columns: 2 220px; column-gap: 32px; }
.iki-sutun li { break-inside: avoid; }

.isaret-liste { list-style: none; padding: 0 !important; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.isaret-liste li { display: flex; align-items: center; gap: 12px; background: var(--kagit); border: 1px solid var(--cizgi); padding: 12px 14px; margin: 0 !important; font-size: .98rem; line-height: 1.4; }
.isaret-liste .ikon { width: 40px; height: 40px; padding: 8px; box-sizing: border-box; border-radius: 50%; background: var(--gul); }
.isaret-liste li:nth-child(3n+2) .ikon { background: var(--adacayi); color: var(--adacayi-koyu); }
.isaret-liste li:nth-child(3n) .ikon { background: var(--kum); color: var(--kum-koyu); }
@media (max-width: 600px) { .isaret-liste { grid-template-columns: 1fr; } }

.tablo-kap { overflow-x: auto; margin: 24px 0; }
.cizelge-tablo { width: 100%; border-collapse: collapse; font-size: .95rem; min-width: 440px; font-variant-numeric: tabular-nums; }
.cizelge-tablo caption { text-align: left; font-weight: 600; margin-bottom: 10px; }
.cizelge-tablo th { text-align: left; background: var(--metin); color: #fff; font-weight: 600; padding: 10px 12px; }
.cizelge-tablo td { padding: 10px 12px; border-bottom: 1px solid var(--cizgi); background: var(--kagit); }
.cizelge-tablo tbody tr:nth-child(even) td { background: var(--zemin); }

.sonuc-liste, .deger-liste { display: grid; gap: 10px; margin: 24px 0; }
.sonuc-liste > div, .deger-liste > div { display: grid; grid-template-columns: 170px 1fr; gap: 16px; padding: 16px 18px; background: var(--kagit); border-left: 4px solid var(--cizgi); }
.sonuc-liste .ton-gul, .deger-liste .ton-gul { border-left-color: var(--vurgu); background: var(--gul); }
.sonuc-liste .ton-adacayi, .deger-liste .ton-adacayi { border-left-color: var(--adacayi-koyu); background: var(--adacayi); }
.sonuc-liste .ton-kum, .deger-liste .ton-kum { border-left-color: var(--kum-koyu); background: var(--kum); }
.sonuc-liste dt, .deger-liste dt { font-weight: 700; }
.sonuc-liste dd, .deger-liste dd { margin: 0; }
@media (max-width: 520px) { .sonuc-liste > div, .deger-liste > div { grid-template-columns: 1fr; gap: 4px; } }

/* İmza */
.imza { margin: 18px 0 0; font-size: .82rem; color: #8e939e; text-align: center; letter-spacing: .02em; }
@media (max-width: 600px) {
  .cizelge-tablo { min-width: 0; font-size: .84rem; }
  .cizelge-tablo th, .cizelge-tablo td { padding: 8px 7px; }
}

.ust .kap { max-width: 1280px; }
.menu ul { gap: 24px; }
.zemin-gul .saatler tr.bugun th, .zemin-gul .saatler tr.bugun td { background: var(--kagit); }

/* WhatsApp */
.dugme-wp { background: #1a7f45; border-color: #1a7f45; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.dugme-wp:hover { background: #146b39; border-color: #146b39; }
.dugme-wp .ikon { width: 20px; height: 20px; color: #fff; }
.metin a[href^="https://wa.me"], .kunye a[href^="https://wa.me"] { color: #1a7f45; }

.wp-yuzen {
  position: fixed; right: 18px; bottom: 18px; z-index: 40;
  width: 58px; height: 58px; border-radius: 50%;
  background: #1a7f45; color: #fff; display: grid; place-items: center;
  box-shadow: 0 8px 22px -8px rgba(20, 60, 35, .55);
}
.wp-yuzen:hover { background: #146b39; color: #fff; }
.wp-yuzen .ikon { width: 32px; height: 32px; color: #fff; }
@media print { .wp-yuzen { display: none; } }

@media (max-width: 640px) {
  .giris .dugmeler { grid-template-columns: 1fr 1fr; }
  .giris .dugmeler .dugme:first-child { grid-column: 1 / -1; }
  .wp-yuzen { right: 14px; bottom: 14px; width: 54px; height: 54px; }
}