/* PlusOne Training Studio · sen + 1 hoca */
:root{
  --zemin:#1C1E1F;
  --yuzey:#26292A;
  --yuzey-2:#313536;
  --duvar:#5E676C;
  --cizgi:rgba(242,240,234,.12);
  --cizgi-guclu:rgba(242,240,234,.28);
  --metin:#F2F0EA;
  --metin-2:#BEBBB3;
  --etiket:#9A978F;
  --vurgu:#F8C82C;
  --vurgu-hover:#FFD54F;
  --vurgu-ust:#1C1E1F;
  --isaret:rgba(248,200,44,.28);

  --f-sans:'Gabarito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --kenar:16px;
  --bolum:88px;
  --menu-h:60px;
  --serit-h:0px;
  --ease:cubic-bezier(.22,1,.36,1);
}
@media (min-width:768px){ :root{ --kenar:24px; --bolum:112px; } }
@media (min-width:1024px){ :root{ --kenar:40px; --bolum:144px; } }
/* Yan boşluk: yatay iPhone'da çentik ve yuvarlak köşe içeriği yemesin (viewport-fit=cover) */
:root{ --yan:max(var(--kenar), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)); }

*,*::before,*::after{ box-sizing:border-box; }
*{ margin:0; padding:0; }
html{ color-scheme:dark; -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-padding-top:calc(var(--menu-h) + 16px); }
@media (prefers-reduced-motion:no-preference){ html{ scroll-behavior:smooth; } }
body{
  background:var(--zemin); color:var(--metin);
  font:400 17px/1.55 var(--f-sans);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  overflow-x:clip;
}
@media (min-width:1024px){ body{ font-size:18px; } }
body.kilit{ overflow:hidden; }
img{ display:block; max-width:100%; height:auto; }
ul{ list-style:none; }
a{ color:inherit; }
button,input{ font:inherit; color:inherit; }
button{ background:none; border:0; cursor:pointer; }
::selection{ background:var(--vurgu); color:var(--vurgu-ust); }
:focus-visible{ outline:2px solid var(--vurgu); outline-offset:3px; }
.sprite{ position:absolute; width:0; height:0; overflow:hidden; }
.sr{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.atla{ position:absolute; left:8px; top:-60px; z-index:100; background:var(--vurgu); color:var(--vurgu-ust); padding:10px 14px; border-radius:8px; font-weight:600; text-decoration:none; }
.atla:focus{ top:8px; }
[hidden]{ display:none !important; }

/* İşaretler */
.arti{ width:20px; height:20px; color:var(--vurgu); flex:none; display:inline-block; }
.ik{ width:20px; height:20px; flex:none; display:inline-block; }
.etiket{
  font:500 12px/1.4 var(--f-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--etiket);
}
@media (min-width:1024px){ .etiket{ font-size:13px; } }
.altyazi{
  display:flex; align-items:center; gap:8px; margin-top:10px;
  font:500 12px/1.4 var(--f-mono); letter-spacing:.06em; color:var(--etiket); text-wrap:balance;
}
.altyazi .arti{ width:10px; height:10px; }
.yazar{ font:500 12px/1.4 var(--f-mono); letter-spacing:.04em; color:var(--etiket); }

/* Düğmeler */
.dg,.dg-2{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:52px; padding:14px 22px; border-radius:8px;
  font:600 17px/1.2 var(--f-sans); text-decoration:none; letter-spacing:-.005em;
  transition:background-color .15s, border-color .15s, color .15s, transform .1s;
  -webkit-tap-highlight-color:transparent; white-space:nowrap;
}
.dg{ background:var(--vurgu); color:var(--vurgu-ust); }
.dg:hover{ background:var(--vurgu-hover); }
.dg:active,.dg-2:active{ transform:translateY(1px); }
.dg-2{ background:transparent; color:var(--metin); border:1.5px solid var(--cizgi-guclu); }
.dg-2:hover{ background:var(--yuzey-2); border-color:rgba(242,240,234,.45); }
.dg-2 .arti{ width:16px; height:16px; }
.dg-tam{ width:100%; }
.dg-kucuk{ min-height:44px; padding:10px 16px; font-size:15px; }
.ikon-dg{
  display:inline-grid; place-items:center; width:44px; height:44px; border-radius:8px; text-decoration:none;
  transition:background-color .15s;
}
.ikon-dg .ik{ width:22px; height:22px; }
.ikon-dg:hover{ background:var(--yuzey-2); }
.metin-bag{
  display:inline-flex; align-items:center; gap:8px; min-height:44px;
  font-weight:600; color:var(--metin); text-decoration:underline; text-decoration-color:var(--vurgu);
  text-decoration-thickness:2px; text-underline-offset:5px;
  transition:text-decoration-color .15s, color .15s;
}
.metin-bag .ik{ width:18px; height:18px; }
.metin-bag .arti{ width:14px; height:14px; }
.metin-bag:hover{ color:#fff; text-decoration-color:var(--vurgu-hover); }

/* Yerleşim */
.kap{ max-width:calc(1280px + var(--kenar) * 2); margin-inline:auto; padding-inline:var(--yan); }
.bolum{ padding-block:var(--bolum); }
.bolum-yuzey{ background:var(--yuzey); }
.bolum-bas{ max-width:44rem; margin-bottom:40px; }
@media (min-width:1024px){ .bolum-bas{ margin-bottom:64px; max-width:calc((100% - 11*24px)/12*7 + 6*24px); } }
h2{
  font:800 34px/1.1 var(--f-sans); letter-spacing:-.02em; text-wrap:balance; color:var(--metin);
}
@media (min-width:768px){ h2{ font-size:46px; } }
@media (min-width:1024px){ h2{ font-size:60px; } }
.bolum-bas p:not(.etiket){ margin-top:18px; color:var(--metin-2); max-width:36em; text-wrap:pretty; }
h3{ font:600 21px/1.2 var(--f-sans); letter-spacing:-.01em; }
@media (min-width:1024px){ h3{ font-size:26px; } }
.buyuk-rakam{ font:800 44px/1 var(--f-sans); letter-spacing:-.03em; color:var(--vurgu); font-variant-numeric:tabular-nums; }
@media (min-width:1024px){ .buyuk-rakam{ font-size:80px; } }

/* Önizleme şeridi */
.serit-onizleme{
  height:var(--serit-h); display:flex; align-items:center; justify-content:center; padding-inline:12px;
  background:var(--vurgu); color:var(--vurgu-ust); font:600 13px/1.2 var(--f-sans); text-align:center;
}

/* Menü */
.menu{ position:sticky; top:0; z-index:40; background:var(--zemin); border-bottom:1px solid var(--cizgi); }
.menu-ic{
  height:var(--menu-h); max-width:calc(1280px + var(--kenar)*2); margin-inline:auto; padding-inline:var(--yan);
  display:flex; align-items:center; gap:8px;
}
.menu-logo{ display:inline-flex; align-items:center; min-height:44px; margin-right:auto; }
.wordmark{ display:block; height:16px; width:auto; aspect-ratio:368/40; }
@media (min-width:1024px){ .menu .wordmark{ height:20px; } }
.menu-nav,.menu-wa,.menu .menu-durum{ display:none; }
.menu-wa-mobil{ color:var(--vurgu); }
.menu-ac{ margin-right:-8px; }
@media (min-width:1024px){
  .menu-ic{ gap:28px; }
  .menu-nav{ display:flex; gap:22px; }
  .menu-nav a{ font:600 15px/1 var(--f-sans); text-decoration:none; color:var(--metin-2); padding-block:15px; position:relative; transition:color .15s; }
  .menu-nav a::after{ content:""; position:absolute; left:0; right:0; bottom:6px; height:2px; background:var(--vurgu); transform:scaleX(0); transform-origin:left; transition:transform .25s var(--ease); }
  .menu-nav a:hover,.menu-nav a[aria-current="true"]{ color:var(--metin); }
  .menu-nav a:hover::after,.menu-nav a[aria-current="true"]::after{ transform:scaleX(1); }
  .menu-wa{ display:inline-flex; }
  .menu-wa-mobil,.menu-ac{ display:none; }
}
@media (min-width:1240px){
  .menu-logo{ margin-right:0; }
  .menu .menu-durum{ display:flex; margin-inline:auto; }
}
.durum{ display:flex; align-items:center; gap:10px; font:400 13px/1.3 var(--f-sans); color:var(--metin-2); font-variant-numeric:tabular-nums; }
.durum-kare{ width:8px; height:8px; background:var(--etiket); flex:none; }
.durum.acik .durum-kare{ background:var(--vurgu); }

/* Mobil panel */
.panel{
  position:fixed; inset:0; z-index:60; background:var(--zemin); overflow-y:auto; overscroll-behavior:contain;
  padding:0 var(--yan) calc(24px + env(safe-area-inset-bottom)); display:flex; flex-direction:column;
}
.panel-ust{ height:var(--menu-h); display:flex; align-items:center; justify-content:space-between; margin-right:-8px; }
.panel-durum{ margin:4px 0 20px; }
.panel-nav{ display:flex; flex-direction:column; border-top:1px solid var(--cizgi); }
.panel-nav a{
  display:flex; align-items:center; gap:16px; min-height:64px; border-bottom:1px solid var(--cizgi);
  font:800 32px/1.1 var(--f-sans); letter-spacing:-.02em; text-decoration:none;
}
.panel-nav .arti{ width:20px; height:20px; transition:transform .3s var(--ease); }
.panel-nav a:hover .arti{ transform:rotate(90deg); }
.panel-alt{ margin-top:auto; padding-top:28px; display:grid; gap:10px; }
@media (min-width:1024px){ .panel{ display:none !important; } }

/* ============ GİRİŞ ============ */
/* Telefon: "Sen + 1" tek satırda; "Sen +" ve "1" fotoğrafı aynı taban çizgisinde, "1"in sorusu (sekmeler) Sen'in üstündeki boşlukta */
.giris{ min-height:calc(100svh - var(--serit-h) - var(--menu-h)); display:flex; }
@supports (height:100dvh){ .giris{ min-height:calc(100dvh - var(--serit-h) - var(--menu-h)); } }
.giris-izgara{
  --sen:clamp(56px, 20vw, 200px);
  --bir-h:clamp(244px, 44vh, 520px);
  --bir-h:clamp(244px, min(44svh, (100vw - 2 * var(--yan) - 12px - 2.3 * var(--sen)) * 1.7778), 520px);
  position:relative; width:100%; display:grid; padding-top:20px; padding-bottom:28px;
  grid-template-columns:1fr auto; column-gap:12px;
  grid-template-rows:auto auto auto auto auto;
  grid-template-areas:"sekme bir" "h1 bir" "alt alt" "dug dug" "durum durum";
  align-content:center;
}
.giris-h1{
  grid-area:h1; align-self:end; justify-self:start; margin-top:12px;
  display:flex; flex-direction:row; align-items:baseline; gap:.09em;
  font:800 var(--sen)/.8 var(--f-sans); transform:translateY(.115em);
}
.h1-sen{ display:block; font:inherit; letter-spacing:-.03em; color:var(--metin); }
.h1-arti{ width:.6em; height:.6em; display:block; flex:none; }
.h1-arti rect{ fill:var(--vurgu); transform-box:fill-box; transform-origin:center; }
.bir{ grid-area:bir; position:relative; align-self:end; }
.bir-cerceve{
  position:relative; height:var(--bir-h); width:auto; aspect-ratio:9/16;
  /* Rakam "1": gövde + sola sarkan bayrak (Gabarito 1'inin eğimi) */
  clip-path:polygon(30% 0, 100% 0, 100% 100%, 30% 100%, 30% 15%, 0 28%, 0 14%);
  background:var(--yuzey);
}
.bir-ic{ position:absolute; inset:0; }
.bir-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:saturate(.94) contrast(1.03); opacity:0; transition:opacity .35s ease;
}
.bir-img.etkin{ opacity:1; }
.bir .altyazi{ position:absolute; top:100%; right:0; margin-top:10px; white-space:nowrap; }
/* "1" neyle dolsun: Sen'in üstünde dikey liste */
.bir-sekmeler{ grid-area:sekme; align-self:start; display:none; flex-direction:column; border-top:1px solid var(--cizgi); }
.js .bir-sekmeler{ display:flex; }
.bir-sekmeler button{
  display:flex; align-items:center; gap:10px; min-height:44px; padding:0 2px; text-align:left;
  border-bottom:1px solid var(--cizgi); font:600 16px/1.1 var(--f-sans); color:var(--etiket);
  transition:color .15s;
}
.bir-sekmeler button .arti{ width:14px; height:14px; flex:none; color:var(--cizgi-guclu); transform:scale(.7); transition:transform .3s var(--ease), color .15s; }
.bir-sekmeler button:hover{ color:var(--metin); }
.bir-sekmeler button[aria-selected="true"]{ color:var(--metin); }
.bir-sekmeler button[aria-selected="true"] .arti{ color:var(--vurgu); transform:scale(1) rotate(90deg); }
.giris-alt{ grid-area:alt; margin-top:42px; color:var(--metin-2); font-size:17px; line-height:1.5; max-width:34em; text-wrap:pretty; }
.giris-alt .ilk-ders{ color:var(--metin); font-weight:600; white-space:nowrap; box-shadow:inset 0 -.32em 0 rgba(248,200,44,.3); }
.giris-dugmeler{ grid-area:dug; margin-top:20px; display:grid; gap:10px; }
.giris-dugmeler .dg-2 .arti{ width:16px; height:16px; }
.giris-durum{ grid-area:durum; margin-top:18px; }
@media (min-width:1024px){ .giris-durum{ display:none !important; } }

/* iPhone SE: başlık ve iki düğme ilk ekranda */
@media (max-height:620px) and (max-width:599px) and (orientation:portrait){
  .giris-izgara{ padding-top:12px; --bir-h:244px; --sen:57px; }
  .giris-alt{ margin-top:38px; font-size:16px; }
  .giris-dugmeler{ margin-top:14px; gap:8px; }
}
@media (min-width:600px) and (max-width:1023px){
  .giris-izgara{ padding-top:36px; column-gap:24px; }
  /* Tablet: "1" ekranın boş kalan yüksekliğini doldursun (telefonda %44, burada %54) */
  .giris-izgara{ --bir-h:clamp(244px, 54vh, 600px); }
  .giris-izgara{ --bir-h:clamp(244px, min(54svh, (100vw - 2 * var(--yan) - 24px - 2.3 * var(--sen)) * 1.7778), 600px); }
  .bir-sekmeler{ max-width:340px; width:100%; }
  .bir-sekmeler button{ font-size:18px; min-height:52px; }
  .giris-dugmeler{ grid-template-columns:auto auto; justify-content:start; }
  .giris-alt{ font-size:19px; }
}
/* Yatay telefon: Sen + 1 solda tek ekranda, metin ve düğmeler sağda */
@media (max-width:1023px) and (orientation:landscape) and (max-height:540px){
  .giris-izgara{
    --sen:64px; --bir-h:max(200px, calc(100svh - var(--serit-h) - var(--menu-h) - 52px));
    padding-top:14px; padding-bottom:36px; column-gap:20px;
    grid-template-columns:auto auto 1fr; grid-template-rows:auto auto auto;
    grid-template-areas:"sekme bir alt" "h1 bir dug" ". . durum";
  }
  .bir-sekmeler{ display:none; }
  .js .bir-sekmeler{ display:grid; grid-template-columns:auto auto; column-gap:14px; border-top:0; }
  .bir-sekmeler button{ font-size:15px; }
  .giris-h1{ margin-top:10px; }
  .giris-alt{ margin-top:0; align-self:start; font-size:16px; }
  .giris-dugmeler{ margin-top:12px; grid-template-columns:1fr; gap:8px; align-self:end; max-width:340px; }
  .giris-durum{ margin-top:44px; }
}
@media (min-width:1024px){
  .giris-izgara{
    --sen:clamp(160px, 16.4vw, 248px);
    grid-template-columns:repeat(12,1fr); column-gap:24px; padding-block:28px 32px;
    grid-template-rows:1fr auto auto auto 1fr auto;
    grid-template-areas:none; align-content:stretch;
  }
  .giris-h1{ grid-column:1 / 9; grid-row:2; align-self:auto; margin:0; gap:clamp(24px, 2.4vw, 36px); line-height:.95; transform:none; }
  .h1-arti{ width:.695em; height:.695em; transform:translateY(3%); }
  .giris-alt{ grid-column:1 / 8; grid-row:3; margin-top:32px; font-size:20px; max-width:44ch; }
  .giris-dugmeler{ grid-column:1 / 8; grid-row:4; margin-top:36px; grid-template-columns:auto auto; justify-content:start; gap:12px; }
  .bir{ grid-column:9 / 13; grid-row:1 / 6; justify-self:end; align-self:center; display:flex; flex-direction:column; max-width:100%; }
  .bir-cerceve{ height:clamp(440px, calc(100dvh - var(--serit-h) - var(--menu-h) - 150px), 760px); max-width:100%; }
  .bir .altyazi{ position:static; margin-top:10px; }
  .bir-sekmeler{
    grid-column:9 / 13; grid-row:6; margin-top:10px; justify-self:end; width:100%;
    max-width:calc(clamp(440px, calc(100dvh - var(--serit-h) - var(--menu-h) - 150px), 760px) * 9 / 16);
    flex-direction:row; justify-content:space-between; border-top:1px solid var(--cizgi);
  }
  .bir-sekmeler button{ border-bottom:0; font-size:15px; gap:8px; }
}
/* Açılış hareketi için başlangıç (yalnız JS + hareket izni) */
.gir .h1-sen,.gir .giris-alt,.gir .giris-dugmeler,.gir .bir .altyazi,.gir .bir-sekmeler{ opacity:0; }
.gir .h1-arti rect{ transform:scale(0); }
.gir .bir-ic{ clip-path:inset(100% 0 0 0); }

/* ============ DERSLER ============ */
.satirlar{ border-top:1px solid var(--cizgi); }
.satir{ border-bottom:1px solid var(--cizgi); position:relative; }
.satir::before{ content:""; position:absolute; left:0; right:0; top:-1px; height:1px; background:var(--cizgi-guclu); transform:scaleX(0); transform-origin:left; transition:transform .6s var(--ease); }
.satir.gorundu::before{ transform:scaleX(1); }
.satir summary{
  list-style:none; cursor:pointer; min-height:88px; display:grid; align-items:center;
  grid-template-columns:32px 1fr; column-gap:16px; padding-block:18px;
  -webkit-tap-highlight-color:transparent;
}
.satir summary::-webkit-details-marker{ display:none; }
.satir summary:focus-visible{ outline-offset:-2px; }
.satir-arti{ width:32px; height:32px; transition:transform .3s var(--ease); }
.satir[open] .satir-arti{ transform:rotate(45deg); }
.satir h3{ font:800 26px/1.1 var(--f-sans); letter-spacing:-.02em; }
.satir .kunye{ grid-column:2; margin-top:6px; font:500 12px/1.4 var(--f-mono); letter-spacing:.06em; color:var(--etiket); }
.satir summary:hover h3{ color:#fff; }
.satir summary:hover .satir-arti{ transform:rotate(90deg); }
.satir[open] summary:hover .satir-arti{ transform:rotate(45deg); }
.satir-ic{ display:grid; gap:20px; padding-bottom:32px; overflow:hidden; }
.satir-gorsel{ border-radius:4px; overflow:hidden; aspect-ratio:4/3; background:var(--yuzey); }
.satir-gorsel img{ width:100%; height:100%; object-fit:cover; filter:saturate(.94) contrast(1.03); }
.kunye-liste{ display:grid; }
.kunye-liste > div{ display:grid; grid-template-columns:96px 1fr; gap:12px; padding-block:11px; border-bottom:1px dashed var(--cizgi-guclu); align-items:baseline; }
.kunye-liste > div:first-child{ border-top:1px dashed var(--cizgi-guclu); }
.kunye-liste dt{ font:500 12px/1.4 var(--f-mono); letter-spacing:.06em; color:var(--etiket); }
.kunye-liste dd{ color:var(--metin); }
.satir-cumle{ margin-top:20px; font-size:19px; line-height:1.45; color:var(--metin); max-width:30em; text-wrap:pretty; }
.kucuk-alinti{ margin-top:12px; color:var(--metin-2); font-size:16px; }
.kucuk-alinti .yazar{ display:block; margin-top:4px; }
.satir-dugmeler{ margin-top:24px; display:flex; flex-wrap:wrap; gap:10px; }
@media (max-width:1023px){ .satir-dugmeler > *{ flex:1 1 200px; } }
html:not(.js) [data-ekle]{ display:none; }
[data-ekle].eklendi{ border-color:var(--vurgu); }
[data-ekle].eklendi .arti{ transform:rotate(90deg); }
[data-ekle] .arti{ transition:transform .3s var(--ease); }
@media (min-width:1024px){
  .satir summary{ min-height:112px; grid-template-columns:48px 1fr auto; column-gap:28px; }
  .satir-arti{ width:48px; height:48px; }
  .satir h3{ font-size:44px; }
  .satir .kunye{ grid-column:3; margin-top:0; font-size:13px; text-align:right; }
  .satir-ic{ grid-template-columns:repeat(12,1fr); column-gap:24px; padding:8px 0 48px; }
  .satir-gorsel{ grid-column:1 / 6; }
  .satir-metin{ grid-column:7 / 13; align-self:center; }
}
.arti-uc-bas{ margin-top:56px; display:flex; align-items:center; gap:10px; }
.arti-uc-bas .arti{ width:12px; height:12px; }
.arti-uc{ margin-top:16px; display:grid; border-top:1px solid var(--cizgi-guclu); }
.arti-uc li{ padding:22px 0 24px; display:flex; flex-direction:column; gap:8px; border-bottom:1px dashed var(--cizgi-guclu); }
.arti-uc li > .arti{ display:none; }
.arti-uc h3{ font:800 24px/1.15 var(--f-sans); letter-spacing:-.02em; }
.arti-uc p{ color:var(--metin-2); text-wrap:pretty; }
.arti-uc .metin-bag{ margin-top:auto; padding-top:6px; align-self:flex-start; }
@media (min-width:1024px){
  .arti-uc-bas{ margin-top:80px; }
  .arti-uc{ grid-template-columns:repeat(3,1fr); border-bottom:1px dashed var(--cizgi-guclu); }
  .arti-uc li{ padding:32px 32px 36px; border-bottom:0; border-left:1px dashed var(--cizgi-guclu); }
  .arti-uc li:first-child{ border-left:0; padding-left:0; }
  .arti-uc h3{ font-size:28px; }
}

/* ============ EKİP ============ */
.ekip-izgara{ display:grid; gap:12px; }
.hucre{ background:var(--zemin); border-radius:4px; padding:24px; }
.okan-satir{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:16px 24px; margin-top:16px; }
.okan-ad{ font:800 48px/1.05 var(--f-sans); letter-spacing:-.03em; position:relative; padding-bottom:14px; }
.okan-cizgi{ position:absolute; left:0; bottom:0; height:3px; width:100%; background:var(--vurgu); transform-origin:left; }
.okan-sayi{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
/* Artı hanesi: 34 yorum, 18'i sarı (sütun sütun dolar) */
.hane{ margin-top:28px; }
.hane-izgara{ display:grid; grid-template-rows:repeat(2,auto); grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:6px; max-width:420px; }
.hane-izgara i{
  display:block; aspect-ratio:1; color:rgba(242,240,234,.2);
  background:linear-gradient(currentColor,currentColor) center/100% 22% no-repeat, linear-gradient(currentColor,currentColor) center/22% 100% no-repeat;
}
.hane-izgara i.dolu{ color:var(--vurgu); }
.hane .etiket{ margin-top:12px; }
.hane-sari{ color:var(--metin); }
.okan-alintilar{ margin-top:28px; display:grid; gap:24px; }
.alinti p{ font-size:18px; line-height:1.5; margin-top:10px; text-wrap:pretty; }
.alinti .yazar{ margin-top:10px; display:block; }
.alinti-kucuk p{ font-size:17px; color:var(--metin-2); }
.yildizlar{ display:inline-flex; gap:3px; color:var(--vurgu); }
.yildizlar svg{ width:14px; height:14px; }
.ekip-sag{ display:grid; gap:12px; }
.ekip-ad{ font:800 32px/1.1 var(--f-sans); letter-spacing:-.02em; margin-top:12px; }
/* Fotoğraflı ekip kartı: portre sağ üstte, yazı solda akar */
.hucre-foto{ display:grid; grid-template-columns:1fr auto; column-gap:16px; align-content:start; }
.hucre-foto > *{ grid-column:1; }
.hucre-foto .ekip-foto{ grid-column:2; grid-row:1 / 4; width:112px; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:4px; filter:saturate(.94) contrast(1.03); }
.hucre-ince{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 24px; padding-block:16px; }
.hucre-ince p{ color:var(--metin-2); }
@media (min-width:1024px){
  .ekip-izgara{ grid-template-columns:repeat(12,1fr); gap:24px; }
  .hucre{ padding:40px; }
  .hucre-okan{ grid-column:1 / 8; }
  .ekip-sag{ grid-column:8 / 13; gap:24px; grid-template-rows:1fr 1fr; }
  .hucre-ince{ grid-column:1 / 13; padding-block:20px; }
  .okan-ad{ font-size:88px; }
  .okan-alintilar{ grid-template-columns:1fr 1fr; gap:32px; margin-top:40px; }
}

/* ============ TOPLAM: denklemin kendisi kurucu ============ */
.hesap{ background:var(--yuzey); border-radius:4px; display:grid; }
.hesap-ekran{ padding:22px 20px 18px; scroll-margin-top:calc(var(--menu-h) + 16px); }
.hesap-ekran:focus{ outline:none; }
.denklem{
  margin-top:14px; display:flex; flex-wrap:wrap; align-items:baseline; column-gap:12px; row-gap:10px;
  font:800 30px/1.15 var(--f-sans); letter-spacing:-.02em; min-height:1.2em; position:relative;
}
.terim{ display:inline-flex; align-items:baseline; gap:12px; white-space:nowrap; }
.terim-yazi{ display:inline-block; }
.terim-arti{ width:.8em; height:.8em; flex:none; align-self:center; }
.terim-hoca{ color:var(--etiket); }
.terim-hoca .terim-arti{ color:var(--etiket); }
.denklem.sik{ font-size:26px; column-gap:10px; }
/* Eklenen terim: kendi grubunu açan düğme */
.terim-dg{ font:inherit; letter-spacing:inherit; color:var(--metin); padding:0; min-height:44px; display:inline-flex; align-items:center; text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:3px; text-underline-offset:.16em; transition:text-decoration-color .15s; white-space:nowrap; }
.terim-dg:hover{ text-decoration-color:var(--vurgu); }
/* Sen: adını denklemin içine yaz */
.terim-sen{ display:inline-flex; flex-direction:column; align-items:flex-start; gap:2px; position:relative; }
.sen-kutu{ display:none; }
.js .sen-statik{ display:none; }
.js .sen-kutu{ display:inline-grid; }
@media (min-width:600px){ .sen-girdi{ height:auto; } }
.sen-kutu{ grid-template-columns:minmax(0,auto); }
.sen-ayna,.sen-girdi{ grid-area:1 / 1; font:inherit; letter-spacing:inherit; min-width:2.1em; min-height:44px; padding:0 .04em; }
.sen-ayna{ visibility:hidden; white-space:pre; }
.sen-girdi{
  /* girdi metni kutusunda dikey ortalanır; alt dolgu metni 1.15em'lik üst satıra (aynanın satırına) çeker */
  height:44px; padding-bottom:max(0px, calc(44px - 1.15em - 2px));
  width:100%; min-width:0; background:transparent; border:0; border-bottom:2px dashed var(--cizgi-guclu); border-radius:0; color:var(--metin);
  outline:none; caret-color:var(--vurgu); line-height:1.15; -webkit-appearance:none; appearance:none;
}
.sen-girdi::placeholder{ color:var(--metin); opacity:1; }
.sen-girdi:hover{ border-bottom-color:rgba(242,240,234,.5); }
.sen-girdi:focus-visible{ border-bottom:2px solid var(--vurgu); }
.sen-girdi:focus::placeholder{ color:var(--etiket); }
.sen-alt{ font:500 11px/1.35 var(--f-mono); letter-spacing:.06em; color:var(--vurgu); text-transform:uppercase; white-space:nowrap; }
/* Boşluk: dokununca seçenekler açılır */
.bos{
  font:inherit; letter-spacing:inherit; color:var(--etiket); min-height:44px; min-width:1.6em; padding:0 .3em; line-height:1.05;
  border:2px dashed var(--cizgi-guclu); border-radius:4px; transition:border-color .15s, color .15s, background-color .15s;
}
.bos:hover{ border-color:rgba(242,240,234,.5); color:var(--metin-2); }
.bos[aria-expanded="true"]{ border-color:var(--vurgu); color:var(--metin); border-style:solid; }
.bos-statik{ color:var(--etiket); }
.bos{ display:none; }
.js .bos{ display:inline-block; }
.js .bos-statik{ display:none; }
.hesap-ipucu{ display:none; margin-top:14px; font-size:15px; line-height:1.45; color:var(--metin-2); }
.js .hesap-ipucu{ display:block; }
/* Tepsi: tek seferde tek grup */
.tepsi{ position:relative; border-top:1px solid var(--cizgi); padding:0 20px 20px; overflow:hidden; }
.tepsi-ust{ display:flex; align-items:stretch; border-bottom:1px solid var(--cizgi); margin-inline:-20px; padding-inline:12px; }
.tepsi-sekmeler{ display:flex; flex:1; min-width:0; overflow-x:auto; scrollbar-width:none; }
.tepsi-sekmeler::-webkit-scrollbar{ display:none; }
.tepsi-sekmeler button{
  position:relative; flex:none; min-height:48px; min-width:44px; padding:0 8px; display:inline-flex; align-items:center; gap:5px;
  font:500 11px/1.35 var(--f-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--etiket);
}
.tepsi-sekmeler button::after{ content:""; position:absolute; left:8px; right:8px; bottom:-1px; height:2px; background:var(--vurgu); transform:scaleX(0); transition:transform .25s var(--ease); }
.tepsi-sekmeler button[aria-selected="true"]{ color:var(--metin); }
.tepsi-sekmeler button[aria-selected="true"]::after{ transform:scaleX(1); }
.ts-arti{ width:9px; height:9px; color:var(--vurgu); display:none; }
.tepsi-sekmeler button.dolu .ts-arti{ display:block; }
.tepsi-kapat{ position:absolute; right:6px; top:56px; width:44px; height:44px; display:grid; place-items:center; color:var(--metin-2); border-radius:4px; }
.tepsi-kapat:hover{ color:var(--metin); background:var(--yuzey-2); }
.tepsi-kapat .ik{ width:20px; height:20px; }
.tepsi-panel{ padding-top:16px; }
.tepsi-soru{ font:600 19px/1.3 var(--f-sans); letter-spacing:-.01em; margin-bottom:12px; padding-right:40px; }
.tepsi-not{ white-space:nowrap; font:500 11px/1 var(--f-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--etiket); margin-left:6px; vertical-align:2px; }
.tuslar{ display:flex; flex-wrap:wrap; gap:6px; }
/* Tuş: çerçevesiz, artısı önde; seçilince sarı ve artı × olur (dokununca çıkar) */
.tus{
  display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:10px 14px 10px 12px; border-radius:4px;
  background:var(--yuzey-2); color:var(--metin); font:600 16px/1.2 var(--f-sans); text-align:left;
  -webkit-tap-highlight-color:transparent; transition:background-color .15s, color .15s;
}
.tus:hover{ background:#3B4041; }
.tus-arti{ width:12px; height:12px; flex:none; color:var(--vurgu); transition:transform .3s var(--ease); }
.tus[aria-pressed="true"]{ background:var(--vurgu); color:var(--vurgu-ust); }
.tus[aria-pressed="true"] .tus-arti{ color:var(--vurgu-ust); transform:rotate(45deg); }
.tus-mono{ font:500 12px/1 var(--f-mono); color:var(--etiket); letter-spacing:.02em; font-variant-numeric:tabular-nums; }
.tus[aria-pressed="true"] .tus-mono{ color:rgba(28,30,31,.75); }
.yardim{ margin-top:12px; font-size:15px; line-height:1.45; color:var(--metin-2); max-width:34em; }
.tepsi-sonraki{ margin-top:14px; display:inline-flex; align-items:center; gap:6px; min-height:44px; font:600 15px/1.2 var(--f-sans); color:var(--metin); text-decoration:underline; text-decoration-color:var(--vurgu); text-decoration-thickness:2px; text-underline-offset:4px; }
.tepsi-sonraki .ik{ width:18px; height:18px; }
/* Eşittir: mesaj ve gönder */
.esittir{ border-top:1px solid var(--cizgi-guclu); padding:18px 20px 22px; }
.esittir-bas{ font:600 20px/1.2 var(--f-sans); }
.esittir-isaret{ color:var(--vurgu); font-weight:800; margin-right:4px; }
.mesaj{ margin-top:10px; font-size:15px; line-height:1.55; color:var(--metin-2); white-space:pre-line; max-height:calc(1.55em * 9); overflow:auto; }
.esittir .dg{ margin-top:20px; white-space:normal; text-align:center; }
.kart-not{ margin-top:12px; font-size:13px; line-height:1.4; color:var(--etiket); }
.sifirla{ font:600 13px/1 var(--f-sans); color:var(--metin-2); text-decoration:underline; text-underline-offset:3px; padding:14px 6px; margin:-14px 0 -14px 2px; }
.sifirla:hover{ color:var(--metin); }
@media (max-width:419px){ .esittir .dg{ font-size:16px; padding-inline:14px; gap:8px; } }
@media (min-width:600px){
  .hesap-ekran{ padding:32px 32px 24px; }
  .denklem{ font-size:40px; column-gap:16px; }
  .denklem.sik{ font-size:34px; }
  .tepsi{ padding:0 32px 28px; }
  .tepsi-ust{ margin-inline:-32px; padding-inline:24px; }
  .tepsi-kapat{ right:18px; top:58px; }
  .tepsi-sekmeler button{ font-size:12px; padding:0 12px; }
  .esittir{ padding:24px 32px 28px; }
}
@media (min-width:1024px){
  .hesap{ grid-template-columns:repeat(12,1fr); }
  .hesap-ekran{ grid-column:1 / 13; padding:44px 48px 32px; }
  .denklem{ font-size:60px; column-gap:22px; row-gap:14px; }
  .terim{ gap:22px; }
  .denklem.sik{ font-size:48px; column-gap:18px; }
  .denklem.sik .terim{ gap:16px; }
  .sen-alt{ font-size:12px; }
  .tepsi{ grid-column:1 / 8; grid-row:2; padding:0 48px 40px; border-right:1px solid var(--cizgi); }
  .tepsi-ust{ margin-inline:-48px 0; padding-inline:40px 8px; }
  .tepsi-kapat{ right:24px; top:60px; }
  .tepsi-sekmeler button{ font-size:13px; }
  .tepsi-soru{ font-size:22px; }
  .hesap-ipucu{ font-size:17px; }
  .esittir{ grid-column:8 / 13; grid-row:2; border-top:1px solid var(--cizgi); padding:32px 40px 40px; }
  .tepsi[hidden] + .esittir{ grid-column:1 / 13; display:grid; grid-template-columns:1fr auto; column-gap:40px; align-items:end; padding:32px 48px 40px; }
  .tepsi[hidden] + .esittir .esittir-bas,.tepsi[hidden] + .esittir .mesaj{ grid-column:1; }
  .tepsi[hidden] + .esittir .dg{ grid-column:2; grid-row:1 / 3; align-self:end; }
  .tepsi[hidden] + .esittir .kart-not{ grid-column:1 / 3; }
}

/* ============ İKİ DÜNYA ============ */
.tirnak{ color:var(--vurgu); }
.h2-arti{ width:.6em; height:.6em; margin:0 .14em; vertical-align:-.04em; }
.h2-yazar{ margin-top:16px; }
.dunya-sekmeler{ display:none; }
.dunya-bas{ font:500 12px/1.4 var(--f-mono); letter-spacing:.06em; color:var(--etiket); margin-bottom:14px; }
.dunya-orta{ display:none; }
.dunya + .dunya-orta + .dunya,.dunya-ev{ margin-top:40px; }
.dunya-serit{
  display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain;
  margin-inline:calc(var(--yan) * -1); padding-inline:var(--yan); scroll-padding-inline:var(--yan);
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.dunya-serit::-webkit-scrollbar{ display:none; }
.dunya-serit li{ flex:0 0 78vw; max-width:340px; scroll-snap-align:start; }
.dunya-serit figure img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:4px; filter:saturate(.94) contrast(1.03); background:var(--zemin); }
.dunya-serit .img-oda{ object-position:40% 50%; }
.dunya-serit .img-torba{ object-position:50% 40%; }
.dunya-yorum{ margin-top:28px; max-width:36em; }
/* Telefonda kaydırılabildiğini söyleyen sayaç + kaydırma çubuğu (JS ekler) */
.serit-ilerleme{ display:flex; align-items:center; gap:14px; margin-top:16px; }
.si-sayi{ font:500 12px/1 var(--f-mono); letter-spacing:.06em; color:var(--metin-2); font-variant-numeric:tabular-nums; white-space:nowrap; }
.si-sayi b{ font-weight:500; color:var(--vurgu); }
.si-hat{ flex:1; height:2px; background:var(--cizgi); position:relative; overflow:hidden; }
.si-hat i{ position:absolute; left:0; top:0; bottom:0; width:var(--si-w, 25%); background:var(--vurgu); transform:translateX(var(--si-x, 0%)); will-change:transform; }
.si-ipucu{ font:500 12px/1 var(--f-mono); letter-spacing:.06em; color:var(--etiket); white-space:nowrap; display:inline-flex; align-items:center; gap:6px; transition:opacity .3s; }
.si-ipucu svg{ width:14px; height:14px; }
.serit-ilerleme.kaydi .si-ipucu{ opacity:0; }
.js .dunya-sekmeler{
  display:grid; grid-template-columns:1fr 1fr; position:relative; margin-bottom:12px;
  border:1.5px solid var(--cizgi-guclu); border-radius:4px; overflow:hidden;
}
.js .dunya-sekmeler button{ min-height:52px; font:600 16px/1 var(--f-sans); color:var(--metin-2); transition:background-color .2s, color .2s; }
.js .dunya-sekmeler button[aria-selected="true"]{ background:var(--vurgu); color:var(--vurgu-ust); }
.dunya-tutamak{
  position:absolute; left:50%; top:50%; width:28px; height:28px; margin:-14px 0 0 -14px; display:grid; place-items:center;
  background:var(--zemin); border-radius:4px; pointer-events:none; transition:transform .35s var(--ease); z-index:1;
}
.dunya-tutamak .arti{ width:16px; height:16px; }
.dunya-sekmeler.ev-secili .dunya-tutamak{ transform:rotate(90deg); }
.js .dunya-sekmeler::after{ content:""; position:absolute; left:50%; right:0; bottom:0; height:4px; background:var(--duvar); opacity:0; transition:opacity .2s; }
.js .dunya-sekmeler.ev-secili::after{ opacity:1; }
@media (max-width:1023px){
  .js .dunya-ev{ margin-top:0; }
  .js .dunya .dunya-bas{ display:none; }
}
@media (min-width:1024px){
  .js .dunya-sekmeler{ display:none; }
  .dunyalar{ display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; align-items:start; }
  .dunya{ display:block !important; }
  .dunya-kulup{ grid-column:1 / 6; }
  .dunya-ev{ grid-column:8 / 13; margin-top:0 !important; }
  .dunya-orta{ display:block; grid-column:6 / 8; align-self:stretch; }
  .dunya-orta-yapis{ position:sticky; top:30vh; display:grid; place-items:center; height:140px; }
  .dunya-arti{ width:140px; height:140px; }
  .dunya-bas{ font-size:13px; padding-bottom:14px; margin-bottom:24px; border-bottom:1px solid var(--cizgi); }
  .dunya-ev .dunya-bas{ border-bottom:4px solid var(--duvar); padding-bottom:11px; }
  .dunya-serit{ display:grid; gap:24px; overflow:visible; margin:0; padding:0; scroll-snap-type:none; }
  .dunya-serit li{ max-width:none; }
  .serit-ilerleme{ display:none; }
  .dunya-yorum{ margin-top:40px; }
}
/* Olanaklar: kart değil, artılarla toplanan tek satır */
.olanaklar{ margin-top:48px; display:flex; flex-wrap:wrap; gap:4px 22px; padding-top:20px; border-top:1px solid var(--cizgi); }
.olanaklar li{ display:inline-flex; align-items:center; gap:10px; min-height:36px; font:600 16px/1.3 var(--f-sans); }
.olanaklar .arti{ width:14px; height:14px; }
@media (min-width:1024px){ .olanaklar{ margin-top:96px; gap:8px 36px; padding-top:28px; } .olanaklar li{ font-size:18px; } }

/* ============ YORUMLAR ============ */
.yorum-bas{ display:grid; gap:20px; margin-bottom:28px; }
.yorum-bas .bolum-bas{ margin-bottom:0; }
.puan{ display:flex; align-items:center; gap:16px; }
.puan .etiket{ max-width:16em; }
@media (min-width:1024px){
  .yorum-bas{ grid-template-columns:repeat(12,1fr); column-gap:24px; align-items:end; margin-bottom:48px; }
  .yorum-bas .bolum-bas{ grid-column:1 / 8; }
  .puan{ grid-column:9 / 13; justify-self:end; flex-direction:column; align-items:flex-end; text-align:right; gap:8px; }
}
.tema-alan{ display:none; margin-bottom:28px; }
.js .tema-alan{ display:block; }
.tema-bas{ font-size:15px; color:var(--metin-2); margin-bottom:12px; }
.tema-cipler{ display:flex; flex-wrap:wrap; gap:8px; }
.tema-cip{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 14px; border-radius:4px;
  background:var(--yuzey); border:1.5px solid var(--cizgi-guclu); font:600 16px/1.2 var(--f-sans);
  transition:background-color .15s, border-color .15s, color .15s;
}
.tema-cip .arti{ width:12px; height:12px; transition:transform .3s var(--ease); }
.tema-sayi{ font:500 13px/1 var(--f-mono); color:var(--etiket); font-variant-numeric:tabular-nums; }
.tema-cip:hover{ background:var(--yuzey-2); }
.tema-cip[aria-pressed="true"]{ background:var(--vurgu); border-color:var(--vurgu); color:var(--vurgu-ust); }
.tema-cip[aria-pressed="true"] .arti{ color:var(--vurgu-ust); transform:rotate(90deg); }
.tema-cip[aria-pressed="true"] .tema-sayi{ color:rgba(28,30,31,.75); }
.yorum-kartlar{ display:grid; gap:12px; }
.yorum-kart{ background:var(--yuzey); border-radius:4px; padding:24px; display:flex; flex-direction:column; }
.yorum-kart > p:not(.yazar){ margin-top:14px; font-size:18px; line-height:1.5; text-wrap:pretty; }
.yorum-kart .yazar{ margin-top:auto; padding-top:16px; }
mark{ background:none; color:inherit; }
.js mark{
  background-image:linear-gradient(var(--isaret), var(--isaret)); background-repeat:no-repeat; background-position:0 88%;
  background-size:0% 100%; transition:background-size .2s ease; padding:0 .06em; margin:0 -.06em;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
.js mark.yanik{ background-size:100% 100%; transition:background-size .45s var(--ease) var(--gec, 0s); }
.yorum-bag{ margin-top:28px; }
.yorum-daha{ margin-top:12px; }
.yorum-daha .arti{ width:14px; height:14px; }
@media (max-width:767px){ .yorum-kartlar.kisa .yorum-kart:nth-child(n+5){ display:none; } }
@media (min-width:768px){ .yorum-daha{ display:none !important; } }
@media (min-width:1024px){
  .yorum-kartlar{ grid-template-columns:1fr 1fr; gap:24px; grid-auto-rows:1fr; }
  .yorum-kart{ padding:32px; }
}

/* ============ SSS ============ */
.sss-izgara{ display:grid; gap:32px; }
.sss-liste{ border-top:1px solid var(--cizgi); }
.sss{ border-bottom:1px solid var(--cizgi); }
.sss summary{
  list-style:none; cursor:pointer; min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding-block:14px; font:600 19px/1.3 var(--f-sans); -webkit-tap-highlight-color:transparent;
}
.sss summary::-webkit-details-marker{ display:none; }
.sss summary:hover span{ color:#fff; }
.sss summary:focus-visible{ outline-offset:-2px; }
.sss-arti{ width:20px; height:20px; transition:transform .3s var(--ease); }
.sss[open] .sss-arti{ transform:rotate(45deg); }
.sss-cevap{ padding-bottom:22px; color:var(--metin-2); max-width:38em; }
.sss-cevap .metin-bag{ margin-top:6px; }
.sss-not-ic{ background:var(--zemin); border-radius:4px; padding:24px; display:grid; gap:14px; justify-items:start; }
.sss-not-bas{ font:800 26px/1.15 var(--f-sans); letter-spacing:-.02em; }
@media (min-width:1024px){
  .sss-izgara{ grid-template-columns:repeat(12,1fr); column-gap:24px; }
  .sss-sol{ grid-column:1 / 8; }
  .sss-not{ grid-column:9 / 13; }
  .sss-not-ic{ position:sticky; top:120px; padding:32px; margin-top:calc(60px * 1.1 + 64px); }
  .sss summary{ font-size:21px; }
}

/* ============ ZİYARET ============ */
.konum-izgara{ display:grid; gap:40px; }
.eyebrow{ margin-bottom:14px; }
.adres{ margin-top:28px; display:flex; gap:12px; align-items:flex-start; font-style:normal; font-size:19px; line-height:1.45; }
.adres .ik{ color:var(--vurgu); margin-top:3px; }
.tarif{ margin-top:12px; font-size:16px; color:var(--metin-2); max-width:34em; padding-left:32px; }
/* İlk gelişte iki yön: Haritalar'ın tarifi plazanın arkasına düşürüyor */
.girisler{ margin-top:22px; margin-left:32px; padding:16px 18px; border:1px solid var(--cizgi); border-left:2px solid var(--vurgu); border-radius:4px; max-width:34em; }
.girisler ul{ list-style:none; margin:10px 0 0; padding:0; display:grid; gap:10px; }
.girisler li{ display:flex; gap:10px; align-items:flex-start; font-size:16px; line-height:1.45; color:var(--metin-2); }
.girisler li .arti{ width:12px; height:12px; margin-top:6px; }
.girisler b{ color:var(--metin); font-weight:600; }
@media (max-width:599px){ .girisler{ margin-left:0; } }
.konum-dugmeler{ margin-top:28px; display:grid; gap:10px; }
.harita-cerceve{ aspect-ratio:16/10; border-radius:4px; overflow:hidden; background:var(--yuzey); }
.harita-cerceve img{ width:100%; height:100%; object-fit:cover; object-position:50% 20%; filter:saturate(.94) contrast(1.03); }
.harita-cerceve iframe{ width:100%; height:100%; border:0; display:block; }
.saatler{ width:100%; border-collapse:collapse; margin-top:32px; font-variant-numeric:tabular-nums; }
.saatler caption{ text-align:left; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; padding-bottom:12px; }
.saatler tr{ height:48px; border-bottom:1px dashed var(--cizgi-guclu); }
.saatler tbody tr:first-child{ border-top:1px dashed var(--cizgi-guclu); }
.saatler th{ text-align:left; font:600 17px/1.2 var(--f-sans); padding-left:14px; }
.saatler td{ font:500 15px/1 var(--f-mono); color:var(--metin); white-space:nowrap; }
.saatler td.kapali{ color:var(--etiket); }
.saatler .bugun-yazi{ text-align:right; padding:0 14px 0 8px; font-size:12px; letter-spacing:.06em; color:var(--metin-2); width:76px; }
@media (max-width:599px){ .saatler caption{ flex-direction:column; align-items:flex-start; } }
.saatler tr.bugun{ background:var(--yuzey-2); box-shadow:inset 3px 0 0 var(--vurgu); }
.kaynak{ margin-top:10px; font-size:13px; color:var(--etiket); }
@media (min-width:600px){ .konum-dugmeler{ grid-template-columns:1fr 1fr; } }
@media (min-width:1024px){
  .konum-izgara{ grid-template-columns:repeat(12,1fr); column-gap:24px; align-items:start; }
  .konum-sol{ grid-column:1 / 7; position:sticky; top:120px; }
  .konum-sag{ grid-column:7 / 13; }
  .konum-dugmeler{ max-width:520px; }
}
@media (max-width:1023px){
  .konum-sag{ display:flex; flex-direction:column; }
  .konum-sag .harita{ order:2; margin-top:32px; }
  .konum-sag .saatler{ order:1; margin-top:0; }
  .konum-sag .kaynak{ order:1; }
}
.kapanis{
  margin-top:var(--bolum); border-top:1px solid var(--cizgi); padding:96px var(--yan) 0;
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.wordmark-buyuk{ height:48px; max-width:100%; overflow:visible; }
.slogan{ margin-top:22px; font:500 12px/1.4 var(--f-mono); letter-spacing:.32em; color:var(--metin); padding-left:.32em; }
.kapanis-dugmeler{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.ab-yazi .ab-ig{ display:inline-flex; align-items:center; gap:8px; }
.ab-yazi .ab-ig .ik{ width:18px; height:18px; flex:none; }
.dunya-serit .altyazi a{ color:inherit; text-decoration:underline; text-underline-offset:3px; }
.slogan-cizgi{ display:block; width:24px; height:2px; background:var(--vurgu); margin-top:14px; }
.kapanis-yazi{ margin-top:28px; font-size:18px; color:var(--metin-2); }
.kapanis-dugmeler{ margin-top:22px; }
@media (min-width:1024px){ .kapanis{ padding-top:144px; } .wordmark-buyuk{ height:96px; } .slogan{ font-size:13px; margin-top:30px; } }

/* ============ ALTBİLGİ ============ */
.altbilgi{ background:var(--yuzey); margin-top:var(--bolum); padding-top:56px; padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
@media (max-width:1023px){ .altbilgi{ margin-top:0; } }
@media (min-width:1024px){ .altbilgi{ padding-bottom:0; } }
.altbilgi-izgara{ display:grid; gap:28px; }
.altbilgi .etiket{ margin-bottom:8px; }
.ab-yazi{ color:var(--metin-2); font-size:16px; line-height:1.5; max-width:22em; }
.ab-yazi a{ text-decoration:underline; text-decoration-color:var(--vurgu); text-decoration-thickness:2px; text-underline-offset:4px; color:var(--metin); display:inline-block; padding-block:10px; }
.slogan-kucuk{ margin-top:12px; margin-bottom:14px; padding-left:0; }
.imza{ margin-top:48px; padding:20px var(--yan); border-top:1px solid var(--cizgi); text-align:center; font-size:13px; color:var(--etiket); }
.imza a{ color:var(--metin-2); text-underline-offset:3px; display:inline-block; padding:12px 8px; margin-inline:-8px; }
@media (min-width:1024px){ .altbilgi-izgara{ grid-template-columns:1.4fr 1fr 1.2fr 1fr; gap:24px; } }

/* ============ TABLET (768-1023) ============ */
@media (min-width:768px) and (max-width:1023px){
  .arti-uc{ grid-template-columns:repeat(3,1fr); border-bottom:1px dashed var(--cizgi-guclu); }
  .arti-uc li{ padding:24px 20px; border-bottom:0; border-left:1px dashed var(--cizgi-guclu); }
  .arti-uc li:first-child{ border-left:0; padding-left:0; }
  .ekip-sag{ grid-template-columns:1fr 1fr; }
  .okan-ad{ font-size:64px; }
  .okan-alintilar{ grid-template-columns:1fr 1fr; gap:28px; }
  .yorum-kartlar{ grid-template-columns:1fr 1fr; grid-auto-rows:1fr; }
  .satir-ic{ grid-template-columns:5fr 6fr; column-gap:24px; }
  .satir-metin{ align-self:center; }
  .konum-dugmeler{ max-width:560px; }
  .altbilgi-izgara{ grid-template-columns:1fr 1fr; gap:32px 24px; }
}

/* ============ EYLEM ÇUBUĞU ============ */
.eylem{
  position:fixed; left:0; right:0; bottom:0; z-index:45;
  height:calc(64px + env(safe-area-inset-bottom)); padding:8px max(8px, env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left, 0px));
  background:var(--yuzey); border-top:1px solid var(--cizgi);
  display:grid; grid-template-columns:22% 1fr 28%; gap:6px;
  transform:translateY(0); transition:transform .3s var(--ease);
}
.js .eylem{ transform:translateY(110%); }
.js .eylem.gorunur{ transform:translateY(0); }
.eylem a{
  display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; border-radius:8px;
  font:600 15px/1.1 var(--f-sans); text-decoration:none; -webkit-tap-highlight-color:transparent; white-space:nowrap;
}
.eylem-ara{ color:var(--metin); }
.eylem-ara:hover,.eylem-toplam:hover{ background:var(--yuzey-2); }
.eylem-wa{ background:var(--vurgu); color:var(--vurgu-ust); }
.eylem-wa span{ transition:opacity .2s; }
.eylem-toplam{ color:var(--metin); border:1.5px solid var(--cizgi-guclu); }
.eylem-toplam .arti{ width:14px; height:14px; }
.eylem-sayi{ font:500 13px/1 var(--f-mono); color:var(--vurgu); margin-left:-2px; }
@media (min-width:1024px){ .eylem{ display:none; } }
@media (max-width:359px){ .eylem{ grid-template-columns:18% 1fr 29%; gap:4px; padding-inline:6px; } .eylem a{ font-size:14px; gap:5px; } .eylem .ik{ width:18px; height:18px; } }

/* Yatay telefon: kısa ekranda sabit öğeler incelir, galeri kareleri ekran yüksekliğine sığar */
@media (max-width:1023px) and (orientation:landscape) and (max-height:540px){
  :root{ --menu-h:52px; }
  .eylem{ height:calc(56px + env(safe-area-inset-bottom)); padding-top:6px; padding-bottom:calc(6px + env(safe-area-inset-bottom)); grid-template-columns:22% 1fr 28%; }
  .eylem a{ min-height:44px; }
  .altbilgi{ padding-bottom:calc(72px + env(safe-area-inset-bottom)); }
  .dunya-serit li{ flex-basis:clamp(180px, calc((100svh - 150px) * .8), 340px); }
  .panel-nav a{ min-height:52px; font-size:26px; }
  .panel-durum{ margin-bottom:12px; }
}

/* Azaltılmış hareket */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ transition-duration:0s !important; animation-duration:0s !important; }
  .bir-img{ transition:none; }
}
.satir.kapaniyor .satir-arti{ transform:none; }
.terim.cikiyor{ z-index:0; }
.tepsi.aciliyor{ will-change:height; }