/* Dr. Fays Poliklinik — ortak stil.
   Palet:
   --zemin  kırık beyaz (cihaz gövdesi, logo zemini)
   --yazi   logonun koyu kahvesi
   --bakir  logonun bakır halkası: marka vurgusu, tek anlamlı renk
   --isin   nişan diyotunun kırmızısı: yalnız lazer anlatımında */
:root{
  --zemin:#eeece7;
  --kagit:#f7f6f2;
  --yazi:#2b211c;
  --soluk:#6a605a;
  --bakir:#a9643f;
  --bakir-acik:#d9a07c;
  --koyu:#241b17;
  --metal:#c3c0ba;
  --isin:#e3243b;
  --cizgi:rgba(43,33,28,.16);
  --gutter:clamp(16px,4vw,56px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --zemin:#1a1614; --kagit:#221d1a; --yazi:#ece6df; --soluk:#a99f97; --bakir:#d69a74; --bakir-acik:#e7b896;
    --koyu:#0f0c0b; --metal:#4c4440; --isin:#ff4a5c; --cizgi:rgba(236,230,223,.14);
  }
}
:root[data-theme="dark"]{
  --zemin:#1a1614; --kagit:#221d1a; --yazi:#ece6df; --soluk:#a99f97; --bakir:#d69a74; --bakir-acik:#e7b896;
  --koyu:#0f0c0b; --metal:#4c4440; --isin:#ff4a5c; --cizgi:rgba(236,230,223,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--zemin);color:var(--yazi);font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.6;overflow-x:hidden}
a{color:inherit}
img,video{max-width:100%}
.sans{font-family:Archivo,system-ui,sans-serif}
h1,h2,h3{font-family:Archivo,system-ui,sans-serif;font-weight:700;letter-spacing:-.005em}
h2{font-stretch:72%;font-size:clamp(36px,4.4vw,64px);line-height:.95}
h3{font-stretch:100%;font-size:21px;line-height:1.2;font-weight:600}
.yan-not{color:var(--soluk);font-size:15px;margin-top:16px;max-width:34ch}
.bolum{padding:96px var(--gutter);border-bottom:1px solid var(--cizgi)}
.iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--gutter)}
@media (max-width:860px){.iki{grid-template-columns:1fr}.bolum{padding:64px var(--gutter)}}

/* ---------- üst şerit ---------- */
header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px var(--gutter);border-bottom:1px solid var(--cizgi);position:sticky;top:0;background:var(--zemin);z-index:20}
.marka{display:block;line-height:0}
.marka img{height:46px;width:auto}
nav.ana{display:flex;align-items:center;gap:22px;font-family:Archivo,sans-serif;font-size:15px}
nav.ana a{text-decoration:none;color:var(--soluk)}
nav.ana a:hover,nav.ana a[aria-current]{color:var(--yazi)}
.ara{font-family:Archivo,sans-serif;font-weight:600;text-decoration:none;padding:10px 16px;background:var(--yazi);color:var(--zemin)!important;white-space:nowrap}
.ara:hover{background:var(--bakir)}
.menu{display:none;font-family:Archivo,sans-serif}
.menu summary{list-style:none;cursor:pointer;padding:10px 0;font-weight:600}
.menu summary::-webkit-details-marker{display:none}
.menu[open] .menu-liste{display:flex}
.menu-liste{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--zemin);border-bottom:1px solid var(--cizgi);padding:8px var(--gutter) 20px}
.menu-liste a{text-decoration:none;padding:12px 0;border-top:1px solid var(--cizgi);font-size:17px}
@media (max-width:900px){
  nav.ana a:not(.ara){display:none}
  .menu{display:block}
  .marka img{height:38px}
}

/* ---------- düğmeler ---------- */
.dugme{font-family:Archivo,sans-serif;font-weight:600;font-size:16px;text-decoration:none;display:inline-block;padding:14px 22px;background:var(--yazi);color:var(--zemin)}
.dugme:hover{background:var(--bakir);color:#fff}
.dugme.ikincil{background:transparent;color:var(--yazi);box-shadow:inset 0 0 0 1.5px var(--yazi)}
.dugme.ikincil:hover{background:var(--yazi);color:var(--zemin)}
.dugmeler{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- ana sayfa girişi ---------- */
.giris{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:calc(100vh - 71px);border-bottom:1px solid var(--cizgi)}
.giris-metin{padding:clamp(40px,8vh,96px) var(--gutter) 40px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.giris h1{font-stretch:66%;font-size:clamp(56px,7.6vw,128px);line-height:.88;margin-left:-.04em}
.giris h1 em{font-style:normal;color:var(--bakir)}
.giris .alt{font-family:Archivo,sans-serif;font-size:clamp(20px,1.9vw,27px);font-stretch:112%;line-height:1.25;margin-top:28px;max-width:28ch;color:var(--soluk)}
.giris-alt{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:end;justify-content:space-between}
.bilgi-satir{font-family:Archivo,sans-serif;font-size:15px;color:var(--soluk);display:flex;flex-wrap:wrap;gap:6px 22px}
.bilgi-satir b{color:var(--yazi);font-weight:600}
.sahne{position:relative;overflow:hidden;background:var(--metal);min-height:420px}
.sahne video,.sahne img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sahne svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.kayit{position:absolute;left:14px;bottom:12px;font-family:Archivo,sans-serif;font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
@media (max-width:860px){.giris{grid-template-columns:1fr;min-height:0}.sahne{aspect-ratio:4/5;min-height:0}}

/* ---------- uygulama kataloğu: prospektüs dizini ---------- */
.katalog-ust{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.filtre{display:flex;flex-wrap:wrap;gap:8px;font-family:Archivo,sans-serif}
.filtre button{font:inherit;font-size:15px;background:none;border:0;padding:8px 14px;cursor:pointer;color:var(--soluk);box-shadow:inset 0 0 0 1px var(--cizgi)}
.filtre button[aria-pressed="true"]{background:var(--yazi);color:var(--zemin);box-shadow:none}
.grup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--gutter);border-top:2px solid var(--yazi);padding-top:18px;margin-bottom:56px}
.grup[hidden]{display:none}
.grup-ad{font-family:Archivo,sans-serif;font-stretch:72%;font-weight:700;font-size:34px;line-height:1}
.grup-ad small{display:block;font-stretch:100%;font-weight:400;font-size:14px;color:var(--soluk);margin-top:8px;line-height:1.4}
.satir{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;gap:24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--cizgi);text-decoration:none;position:relative}
.satir:first-child{padding-top:4px}
.satir .ad{font-family:Archivo,sans-serif;font-weight:600;font-size:clamp(20px,2vw,26px);line-height:1.15}
.satir .ozet{color:var(--soluk);font-size:16px}
.satir .ok{font-family:Archivo,sans-serif;font-size:14px;color:var(--soluk);white-space:nowrap}
.satir::before{content:"";position:absolute;left:-22px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--bakir);transform:scale(0);transition:transform .18s}
.satir:hover::before,.satir:focus-visible::before{transform:scale(1)}
.satir:hover .ad{color:var(--bakir)}
@media (max-width:860px){
  .grup{grid-template-columns:1fr;gap:12px}
  .satir{grid-template-columns:1fr auto;gap:4px 16px}
  .satir .ozet{grid-column:1/2;grid-row:2}
  .satir .ok{grid-row:1/3;grid-column:2;align-self:center}
  .satir::before{display:none}
}

/* ---------- öne çıkan ---------- */
.one-cikan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--koyu);color:#eee8e1}
.one-cikan .metin{padding:80px var(--gutter);display:flex;flex-direction:column;justify-content:center;gap:20px}
.one-cikan .etiket{font-family:Archivo,sans-serif;font-size:14px;color:var(--bakir-acik)}
.one-cikan h2{font-size:clamp(44px,5.6vw,88px)}
.one-cikan p{max-width:40ch;color:#c9c0b8}
.one-cikan .dugme{background:#eee8e1;color:#241b17;align-self:flex-start}
.one-cikan .dugme:hover{background:var(--bakir);color:#fff}
.one-cikan figure{position:relative;min-height:520px;background:#000}
.one-cikan figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.one-cikan figcaption{position:absolute;left:14px;bottom:12px;font-family:Archivo,sans-serif;font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
@media (max-width:860px){.one-cikan{grid-template-columns:1fr}.one-cikan figure{min-height:0;aspect-ratio:4/5}}

/* ---------- süreç ---------- */
.zaman{margin-top:48px;display:grid;grid-template-columns:repeat(var(--adim,4),minmax(0,1fr));border-top:2px solid var(--yazi);list-style:none}
.zaman li{padding:18px 18px 0 0;position:relative}
.zaman li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--zemin);border:2px solid var(--yazi)}
.zaman li.vurgu::before{background:var(--bakir);border-color:var(--bakir)}
.zaman li.lazer::before{background:var(--isin);border-color:var(--isin)}
.zaman .ne{font-family:Archivo,sans-serif;font-weight:600;font-size:19px;display:block;margin:8px 0 6px}
.zaman .ne small{font-weight:400;color:var(--soluk);font-size:14px;display:block}
.zaman p{font-size:16px;color:var(--soluk)}
@media (max-width:860px){
  .zaman{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--yazi);margin-left:6px}
  .zaman li{padding:0 0 28px 22px}
  .zaman li::before{top:4px;left:-7px}
  .zaman .ne{margin-top:0}
}

/* ---------- ilkeler ---------- */
.ilkeler{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gutter)}
.ilkeler li{border-top:1px solid var(--cizgi);padding:22px 0}
.ilkeler b{font-family:Archivo,sans-serif;font-weight:600;font-size:20px;display:block;margin-bottom:6px}
.ilkeler span{color:var(--soluk);font-size:16px}
@media (max-width:720px){.ilkeler{grid-template-columns:1fr}}

/* ---------- tablo ---------- */
table.prospektus{width:100%;border-collapse:collapse}
.prospektus th,.prospektus td{text-align:left;vertical-align:top;padding:18px 0;border-top:1px solid var(--cizgi)}
.prospektus th{font-family:Archivo,sans-serif;font-weight:600;width:34%;padding-right:24px;font-size:19px}
.prospektus td{color:var(--soluk)}
.prospektus tr:last-child th,.prospektus tr:last-child td{border-bottom:1px solid var(--cizgi)}
@media (max-width:720px){
  .prospektus th,.prospektus td{display:block;width:100%;border:0;padding:0}
  .prospektus tr{display:block;border-top:1px solid var(--cizgi);padding:16px 0}
  .prospektus th{margin-bottom:4px}
}

/* ---------- uygulama sayfası ---------- */
.yol{font-family:Archivo,sans-serif;font-size:14px;color:var(--soluk);padding:20px var(--gutter) 0}
.yol a{text-decoration:none}
.yol a:hover{color:var(--yazi)}
.u-giris{padding:40px var(--gutter) 72px;border-bottom:1px solid var(--cizgi);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--gutter);align-items:end}
.u-giris .kat{font-family:Archivo,sans-serif;font-size:15px;color:var(--bakir);display:flex;align-items:center;gap:10px;margin-bottom:20px}
.u-giris .kat::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--bakir)}
.u-giris h1{font-stretch:66%;font-size:clamp(54px,8.6vw,136px);line-height:.88;margin-left:-.03em}
.u-giris .ozet{font-family:Archivo,sans-serif;font-stretch:108%;font-size:clamp(19px,1.7vw,24px);line-height:1.35;color:var(--soluk);margin-top:28px;max-width:36ch}
.kunye{font-family:Archivo,sans-serif;border-top:2px solid var(--yazi)}
.kunye div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--cizgi);font-size:15px}
.kunye dt{color:var(--soluk)}
.kunye dd{font-weight:500}
.u-govde{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--gutter);padding:72px var(--gutter);border-bottom:1px solid var(--cizgi)}
.u-govde nav{position:sticky;top:96px;align-self:start;font-family:Archivo,sans-serif;font-size:15px;display:flex;flex-direction:column;gap:10px}
.u-govde nav a{text-decoration:none;color:var(--soluk)}
.u-govde nav a:hover{color:var(--yazi)}
.u-metin section{padding-bottom:48px}
.u-metin h2{font-size:clamp(30px,3.2vw,44px);margin-bottom:18px}
.u-metin p{max-width:62ch;margin-bottom:12px}
.u-metin ul{list-style:none;max-width:62ch}
.u-metin ul li{padding:10px 0 10px 24px;border-top:1px solid var(--cizgi);position:relative}
.u-metin ul li::before{content:"";position:absolute;left:0;top:20px;width:8px;height:8px;border-radius:50%;background:var(--bakir)}
.u-metin .uyari{font-size:15px;color:var(--soluk);border-left:3px solid var(--bakir);padding:4px 0 4px 16px;margin-top:16px;max-width:62ch}
@media (max-width:860px){
  .u-giris{grid-template-columns:1fr;align-items:start}
  .u-govde{grid-template-columns:1fr;padding:48px var(--gutter)}
  .u-govde nav{display:none}
}
.ilgili{padding:72px var(--gutter);border-bottom:1px solid var(--cizgi)}
.ilgili ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ilgili a{font-family:Archivo,sans-serif;text-decoration:none;display:inline-block;padding:10px 16px;box-shadow:inset 0 0 0 1px var(--cizgi)}
.ilgili a:hover{box-shadow:inset 0 0 0 1.5px var(--bakir);color:var(--bakir)}

/* ---------- SSS ---------- */
details.soru{border-top:1px solid var(--cizgi)}
details.soru:last-child{border-bottom:1px solid var(--cizgi)}
details.soru summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-family:Archivo,sans-serif;font-weight:600;font-size:19px;position:relative}
details.soru summary::-webkit-details-marker{display:none}
details.soru summary::after{content:"+";position:absolute;right:4px;top:16px;font-weight:300;font-size:26px}
details.soru[open] summary::after{content:"−"}
details.soru p{padding:0 0 22px;color:var(--soluk);max-width:60ch}

/* ---------- video ---------- */
.video{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gutter);align-items:center}
.video p{color:var(--soluk);max-width:36ch;margin-top:16px}
.video video{display:block;width:100%;max-width:420px;aspect-ratio:9/16;background:var(--koyu);justify-self:center}
@media (max-width:720px){.video{grid-template-columns:1fr}.video video{max-width:none}}

/* ---------- kanıt şeridi ---------- */
.serit{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:6px;margin-top:40px}
.serit figure{position:relative;background:var(--metal)}
.serit img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.serit figure:first-child img{aspect-ratio:auto}
.serit figcaption{font-family:Archivo,sans-serif;font-size:13px;color:var(--soluk);padding:10px 0 0}
.serit figcaption b{color:var(--yazi);font-weight:600}
@media (max-width:860px){.serit{grid-template-columns:1fr 1fr}.serit figure:first-child{grid-column:1/-1}}
.oncesi{margin-top:32px;max-width:340px}
.oncesi img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.oncesi figcaption{font-family:Archivo,sans-serif;font-size:13px;color:var(--soluk);padding-top:10px}
@media (max-width:720px){.oncesi{max-width:none}.oncesi img{aspect-ratio:4/5}}

/* ---------- mekanizma (CO₂ sayfası) ---------- */
.mekanizma{position:relative;height:340vh;border-bottom:1px solid var(--cizgi)}
.yapiskan{position:sticky;top:71px;height:calc(100vh - 71px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--gutter);padding:40px var(--gutter);align-items:center}
.adim-metin h2{font-size:clamp(40px,5.4vw,80px);margin-bottom:24px}
.adim{display:none;max-width:38ch}
.adim.acik{display:block}
.adim b{font-family:Archivo,sans-serif;font-weight:600}
.olcek{font-family:Archivo,sans-serif;font-size:13px;color:var(--soluk);margin-top:28px;display:flex;gap:8px}
.olcek i{display:block;width:28px;height:3px;background:var(--cizgi)}
.olcek i.on{background:var(--yazi)}
#kesit{width:100%;height:auto;max-height:calc(100vh - 150px);color:var(--yazi)}
@media (max-width:860px){
  .yapiskan{grid-template-columns:1fr;align-content:start;gap:16px;padding-top:24px}
  .adim-metin h2{font-size:38px;margin-bottom:12px}
  .adim{font-size:16px}
}

/* ---------- iletişim ---------- */
.iletisim{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--gutter);padding:96px var(--gutter) 0;background:var(--koyu);color:#eee8e1}
.iletisim h2{font-size:clamp(48px,7vw,112px)}
.iletisim .dugmeler{margin-top:32px}
.iletisim .dugme{background:#eee8e1;color:#241b17}
.iletisim .dugme:hover{background:var(--bakir);color:#fff}
.iletisim .dugme.ikincil{background:transparent;color:#eee8e1;box-shadow:inset 0 0 0 1.5px #eee8e1}
.iletisim dl{display:grid;grid-template-columns:auto 1fr;gap:14px 28px;align-self:end;font-family:Archivo,sans-serif}
.iletisim dt{color:#a99f97;font-size:14px;padding-top:3px}
.iletisim dd{font-size:18px;max-width:34ch}
.iletisim dd a{text-decoration:none;border-bottom:1px solid rgba(238,232,225,.45)}
.iletisim dd a:hover{border-color:var(--bakir-acik)}
.harita{grid-column:1/-1;margin:64px calc(-1 * var(--gutter)) 0;height:360px;border:0;display:block;width:calc(100% + 2 * var(--gutter));filter:grayscale(.35)}
@media (max-width:860px){.iletisim{grid-template-columns:1fr;padding-top:64px}.harita{height:300px}}
footer{padding:28px var(--gutter);font-family:Archivo,sans-serif;font-size:13px;color:var(--soluk);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--zemin)}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .mekanizma{height:auto}
  .yapiskan{position:static;height:auto}
  .adim{display:block;margin-bottom:16px}
  .olcek{display:none}
}

sub{font-size:.62em;vertical-align:-.15em}

/* harita: tıklayınca yüklenir */
.harita-kutu{background:#2f2622;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;font-family:Archivo,sans-serif;color:#c9c0b8;font-size:14px}
.harita-kutu .dugme{background:#eee8e1;color:#241b17;border:0;cursor:pointer}
.harita-kutu .dugme:hover{background:var(--bakir);color:#fff}
.harita-kutu iframe{width:100%;height:100%;border:0;display:block}
footer a{color:inherit}
.harita-kutu.yuklu{display:block;padding:0}