/* ==========================================================================
   Desiber Auto — ürün öncülü otomotiv
   Sanat yönü: tek sinematik koyu kahraman, sonrası açık nötr zeminde katı
   ızgara. Tipografi sessiz ve küçük; sahneyi araç fotoğrafı taşır.
   Ölçek, boşluk ve hareket arac/SISTEM.md'ye göre.
   ========================================================================== */

:root{
  /* palet */
  --bg:#F2F2F0; --yzy:#FFFFFF; --mrk:#111112; --sus:#6B6C70;
  --vrg:#111112; --vrg2:#B01B2E; --cizgi:#DEDEDA;
  --koyu:#0E0F11; --koyu-yzy:#17191C; --koyu-mrk:#F4F4F2; --koyu-sus:#9A9CA1;

  /* tipografi */
  --disp:'Archivo',system-ui,sans-serif;
  --govde:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --t-govde:clamp(1rem,.95rem + .25vw,1.0625rem);
  --t-kucuk:.875rem;
  --t-minik:.75rem;

  /* boşluk ritmi — ara değer uydurulmaz */
  --b1:.25rem; --b2:.5rem; --b3:.75rem; --b4:1rem; --b5:1.5rem;
  --b6:2rem; --b7:3rem; --b8:4rem; --b9:6rem; --b10:8rem;

  --kenar:clamp(1.25rem,5vw,6rem);
  --olcu:1320px;
  --yay:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--mrk);
  font-family:var(--govde);font-size:var(--t-govde);line-height:1.7;
  font-weight:400;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
button,input,select{font:inherit;color:inherit}
a{color:inherit}

.atla{position:absolute;left:-9999px;top:0;z-index:200;background:var(--mrk);
  color:var(--bg);padding:var(--b3) var(--b5);font-weight:600}
.atla:focus{left:0}
:focus-visible{outline:2px solid var(--vrg2);outline-offset:3px;border-radius:2px}

/* ------------------------------------------------------------- tipografi */
h1,h2,h3{font-family:var(--disp);font-weight:700;margin:0;letter-spacing:-.025em}
h2{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.1;max-width:20ch}
h3{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.25;letter-spacing:-.015em}

.etiket{
  margin:0 0 var(--b4);font-size:var(--t-minik);font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--sus);
}
.bolum-metin{margin:var(--b5) 0 0;max-width:62ch;color:var(--sus);line-height:1.75}

/* --------------------------------------------------------------- düğmeler */
.dugme{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--b2);
  min-height:48px;padding:0 var(--b5);border:1px solid transparent;
  font-size:var(--t-kucuk);font-weight:600;letter-spacing:.02em;line-height:1;
  text-decoration:none;cursor:pointer;border-radius:0;
  transition:background .3s var(--yay),color .3s var(--yay),
             border-color .3s var(--yay),transform .3s var(--yay);
}
.dugme--dolu{background:var(--mrk);color:var(--bg)}
.dugme--dolu:hover{background:var(--vrg2);transform:translateY(-2px)}
.dugme--cizgi{border-color:currentColor}
.dugme--cizgi:hover{background:var(--mrk);color:var(--bg);transform:translateY(-2px)}
.dugme--tam{width:100%;margin-top:var(--b5)}

/* ------------------------------------------------------------------- üst */
.ust{position:sticky;top:0;z-index:100;background:rgba(242,242,240,.86);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi);
  transition:background .4s var(--yay),border-color .4s var(--yay)}
.ust.koyu-uzerinde{background:rgba(14,15,17,.72);border-color:rgba(255,255,255,.14);color:var(--koyu-mrk)}
.ust-ic{max-width:var(--olcu);margin:0 auto;padding:var(--b3) var(--kenar);
  display:flex;align-items:center;gap:var(--b6);min-height:68px}
.marka{display:inline-flex;align-items:center;gap:var(--b3);text-decoration:none;flex:none}
.marka-im{flex:none}
.marka-ad{font-family:var(--disp);font-weight:700;font-size:1.0625rem;letter-spacing:-.02em}
.marka-ad em{font-style:normal;font-weight:400;color:var(--sus)}
.ust.koyu-uzerinde .marka-ad em{color:var(--koyu-sus)}
/* Koyu kahraman uzerindeyken baslik cubugundaki her sey acik tonda olmali;
   aksi halde nav baglantilari ve CTA koyu ustunde koyu kaliyor. */
.ust.koyu-uzerinde .gezinti a{color:rgba(244,244,242,.72)}
.ust.koyu-uzerinde .gezinti a:hover{color:var(--koyu-mrk)}
.ust.koyu-uzerinde .dil-d{color:rgba(244,244,242,.66)}
.ust.koyu-uzerinde .ust-cta{background:var(--koyu-mrk);color:var(--koyu)}
.ust.koyu-uzerinde .ust-cta:hover{background:var(--vrg2);color:#fff}
.ust.koyu-uzerinde .menu-d{border-color:rgba(255,255,255,.28)}

.gezinti{display:flex;gap:var(--b6);margin-left:auto}
.gezinti a{position:relative;text-decoration:none;font-size:var(--t-kucuk);
  font-weight:500;color:var(--sus);padding:var(--b2) 0;transition:color .25s}
.gezinti a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:currentColor;transition:right .35s var(--yay)}
.gezinti a:hover{color:inherit}
.gezinti a:hover::after{right:0}

.ust-sag{display:flex;align-items:center;gap:var(--b3);flex:none}
.dil{display:flex;border:1px solid var(--cizgi);border-radius:2px;overflow:hidden}
.ust.koyu-uzerinde .dil{border-color:rgba(255,255,255,.2)}
.dil-d{background:none;border:0;padding:var(--b2) var(--b3);cursor:pointer;
  font-size:var(--t-minik);font-weight:600;letter-spacing:.06em;color:var(--sus);
  min-height:34px;transition:background .25s,color .25s}
.dil-d[aria-pressed="true"]{background:var(--mrk);color:var(--bg)}
.ust.koyu-uzerinde .dil-d[aria-pressed="true"]{background:var(--koyu-mrk);color:var(--koyu)}
.ust-cta{min-height:40px;padding:0 var(--b4)}
.menu-d{display:none;background:none;border:1px solid var(--cizgi);border-radius:2px;
  width:44px;height:40px;cursor:pointer;position:relative}
.menu-d span{position:absolute;left:12px;right:12px;height:1.5px;background:currentColor;
  transition:transform .3s var(--yay),opacity .3s}
.menu-d span:nth-child(1){top:16px}
.menu-d span:nth-child(2){bottom:16px}
.menu-d[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu-d[aria-expanded="true"] span:nth-child(2){transform:translateY(-5px) rotate(-45deg)}

.cekmece{position:fixed;inset:68px 0 auto;z-index:99;background:var(--bg);
  border-bottom:1px solid var(--cizgi);padding:var(--b5) var(--kenar) var(--b7)}
.cekmece nav{display:flex;flex-direction:column;gap:var(--b1)}
.cekmece a{text-decoration:none;font-family:var(--disp);font-weight:600;
  font-size:1.375rem;padding:var(--b3) 0;border-bottom:1px solid var(--cizgi)}

/* -------------------------------------------------------------- kahraman */
.kahraman{position:relative;min-height:min(100svh,880px);display:flex;
  flex-direction:column;justify-content:flex-end;background:var(--koyu);
  color:var(--koyu-mrk);overflow:hidden;padding:var(--b10) 0 0}
.kahraman-gorsel{position:absolute;inset:0}
.kahraman-gorsel img{width:100%;height:100%;object-fit:cover;opacity:.9;
  transform:scale(1.08);transition:transform 1.6s var(--yay),opacity 1.2s ease}
.yuklendi .kahraman-gorsel img{transform:scale(1)}
.kahraman-gorsel::after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(14,15,17,.78) 0%,rgba(14,15,17,.28) 40%,rgba(14,15,17,.94) 100%),
    linear-gradient(90deg,rgba(14,15,17,.86) 0%,rgba(14,15,17,.45) 46%,transparent 78%)}
/* ışık süpürme — tek seferlik, sahnelemenin parçası */
.isik-supurme{position:absolute;top:0;bottom:0;width:38%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);
  transform:translateX(-140%) skewX(-12deg);pointer-events:none}
.yuklendi .isik-supurme{animation:supur 1.9s .5s var(--yay) both}
@keyframes supur{to{transform:translateX(320%) skewX(-12deg)}}

.kahraman-ic{position:relative;max-width:var(--olcu);width:100%;margin:0 auto;
  padding:0 var(--kenar) var(--b9)}
/* Metin sutunu sinirli: basligin araci ezmemesi ve okunakli kalmasi icin. */
.kahraman-ic>*{max-width:min(56ch,62%)}
.kahraman .etiket{color:var(--koyu-sus)}
.kahraman-baslik{font-size:clamp(2.75rem,7.6vw,6.5rem);line-height:1.06;
  letter-spacing:-.038em;margin:0 0 var(--b6);font-weight:700}
/* Türkçe kuyruk payı: maskeli satırda ğ/ş/y kesilmesin */
.satir{display:block;overflow:hidden}
.satir>span{display:block;padding-bottom:.14em;margin-bottom:-.14em;
  transform:translateY(105%);transition:transform 1s var(--yay)}
.yuklendi .satir>span{transform:translateY(0)}
.yuklendi .satir:nth-child(2)>span{transition-delay:.09s}

.kahraman-metin{max-width:52ch;color:var(--koyu-sus);line-height:1.75;margin:0 0 var(--b6)}
.kahraman-cta{display:flex;flex-wrap:wrap;gap:var(--b3)}
.kahraman .dugme--dolu{background:var(--koyu-mrk);color:var(--koyu)}
.kahraman .dugme--dolu:hover{background:var(--vrg2);color:#fff}
.kahraman .dugme--cizgi{border-color:rgba(255,255,255,.4);color:var(--koyu-mrk)}
.kahraman .dugme--cizgi:hover{background:var(--koyu-mrk);color:var(--koyu)}

/* sahnelenmiş giriş */
.sahne{opacity:0;transform:translateY(18px);
  transition:opacity .8s var(--yay),transform .8s var(--yay)}
.yuklendi .sahne{opacity:1;transform:none}
.yuklendi .kahraman-metin{transition-delay:.24s}
.yuklendi .kahraman-cta{transition-delay:.34s}
.yuklendi .kahraman .etiket{transition-delay:.14s}

.spek-serit{position:relative;display:grid;grid-template-columns:repeat(4,1fr);
  gap:var(--b5);max-width:var(--olcu);width:100%;margin:0 auto;
  padding:var(--b5) var(--kenar) var(--b6);
  border-top:1px solid rgba(255,255,255,.14)}
.spek-serit div{display:flex;flex-direction:column;gap:var(--b1)}
.spek-serit dt{font-size:var(--t-minik);letter-spacing:.12em;text-transform:uppercase;
  color:var(--koyu-sus);order:2}
.spek-serit dd{margin:0;font-family:var(--disp);font-size:clamp(1.75rem,3.2vw,2.5rem);
  font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.spek-serit dd i{font-style:normal;font-size:.45em;font-weight:500;
  color:var(--koyu-sus);margin-left:.25em}

/* --------------------------------------------------------------- bölümler */
.bolum{max-width:var(--olcu);margin:0 auto;
  padding:clamp(4rem,9vw,8rem) var(--kenar)}
.bolum-bas{max-width:64ch;margin-bottom:var(--b8)}

/* ------------------------------------------------------------------ filo */
/* Desen B — editoryal sekans. Kart yok, izgara yok. Her ilan kendi bandi;
   gorsel boyutlari kasitli olarak esit degil (Belmond ritmi). */
.filo{background:#101215;color:var(--koyu-mrk)}
.filo .etiket,.filo .bolum-metin{color:var(--koyu-sus)}
.filo-bas{max-width:var(--olcu);margin:0 auto;
  padding:clamp(4rem,8vw,7rem) var(--kenar) clamp(2.5rem,5vw,4rem)}

.ilan-akis{display:flex;flex-direction:column}
.ilan{display:grid;align-items:center;gap:clamp(1.5rem,4vw,4rem);
  max-width:var(--olcu);margin:0 auto;width:100%;
  padding:clamp(2.5rem,5vw,4.5rem) var(--kenar);
  border-top:1px solid rgba(255,255,255,.12)}
.ilan--sol{grid-template-columns:1.45fr .85fr}
.ilan--sag{grid-template-columns:.85fr 1.45fr}
.ilan--sag .ilan-gorsel{order:2}
/* Ritim: bazi ilanlar daha genis kare alir */
.ilan--genis.ilan--sol{grid-template-columns:1.9fr .8fr}
.ilan--genis.ilan--sag{grid-template-columns:.8fr 1.9fr}

.ilan-gorsel{margin:0;overflow:hidden;background:#0B0D10}
.ilan-gorsel img{width:100%;height:auto;display:block;
  transform:scale(1.04);transition:transform 1.4s var(--yay)}
.ilan.gorunur .ilan-gorsel img{transform:scale(1)}
.ilan:hover .ilan-gorsel img{transform:scale(1.03)}

.ilan-metin{display:flex;flex-direction:column;gap:var(--b3)}
.ilan-no{margin:0;font-size:var(--t-minik);letter-spacing:.16em;
  text-transform:uppercase;color:#E8737F;font-weight:600}
.ilan-ad{font-family:var(--disp);font-size:clamp(1.5rem,2.4vw,2.125rem);
  font-weight:700;letter-spacing:-.025em;line-height:1.12;margin:0}
.ilan-ozet{margin:0;color:var(--koyu-sus);font-size:var(--t-kucuk);
  line-height:1.75;max-width:46ch}

/* Etiket–deger satirlari (Belmond) */
.ilan-veri{margin:var(--b3) 0 0;display:grid;grid-template-columns:1fr 1fr;
  gap:var(--b3) var(--b5)}
.ilan-veri div{display:flex;flex-direction:column;gap:.15rem;
  padding-top:var(--b2);border-top:1px solid rgba(255,255,255,.12)}
.ilan-veri dt{font-size:var(--t-minik);letter-spacing:.1em;text-transform:uppercase;
  color:var(--koyu-sus)}
.ilan-veri dd{margin:0;font-size:1rem;font-variant-numeric:tabular-nums}

.ilan-fiyat{margin:var(--b3) 0 0;font-family:var(--disp);
  font-size:clamp(1.25rem,2vw,1.625rem);font-weight:700;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}

/* Dugme degil, alti cizili metin baglantisi */
.metin-bag{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--b2);
  font-size:var(--t-kucuk);font-weight:600;text-decoration:none;
  padding-bottom:.2em;border-bottom:1px solid rgba(255,255,255,.35);
  transition:border-color .3s var(--yay),gap .3s var(--yay)}
.metin-bag::after{content:"→"}
.metin-bag:hover{border-bottom-color:var(--koyu-mrk);gap:var(--b3)}

/* açılış animasyonu (IntersectionObserver ile .gorunur eklenir) */
.bel{opacity:0;transform:translateY(26px);
  transition:opacity .8s var(--yay),transform .8s var(--yay)}
.bel.gorunur{opacity:1;transform:none}


/* ---------------------------------------------------------- yapılandırıcı */
.yapilandir{background:var(--bg);max-width:none;padding-inline:0}
.yapilandir>.bolum-bas{max-width:var(--olcu);margin-inline:auto;
  padding-inline:var(--kenar)}
/* Sahne ile panel arasinda tek dikey sac teli; kutu yok. */
.yap-duzen{display:grid;grid-template-columns:1.5fr .8fr;gap:0;align-items:stretch;
  border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.yap-sahne{position:sticky;top:0;display:flex;flex-direction:column;
  justify-content:center;padding:clamp(2rem,4vw,4rem) clamp(1.5rem,4vw,4rem);
  background:#EBEBE8;min-height:min(78svh,720px)}
.yap-kare{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:0;
  background:transparent;border:0}
.yap-kare img{width:100%;height:100%;object-fit:cover;
  transition:opacity .45s ease,transform .8s var(--yay)}
.yap-kare.degisiyor img{opacity:0;transform:scale(1.03)}
.yap-renk-katman{position:absolute;inset:0;pointer-events:none;
  background:var(--renk,transparent);mix-blend-mode:multiply;opacity:0;
  transition:opacity .5s ease,background .5s ease}
.yap-kare.renkli .yap-renk-katman{opacity:.34}
.yap-kare-not{margin:var(--b3) 0 0;font-size:var(--t-kucuk);color:#55565A}

.yap-panel{display:flex;flex-direction:column;gap:0;
  border-left:1px solid var(--cizgi);background:var(--bg)}
.yap-panel>*{padding:var(--b5) clamp(1.5rem,3vw,2.5rem)}
.yap-panel>*+*{border-top:1px solid var(--cizgi)}
.yap-grup{border:0;padding:0;margin:0}
.yap-grup legend{padding:0;margin:0 0 var(--b3);font-size:var(--t-minik);
  font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sus)}
.sec-liste{display:grid;gap:0}
.sec-liste--iki{grid-template-columns:1fr 1fr;column-gap:var(--b5)}
.sec input,.renk input{position:absolute;width:1px;height:1px;opacity:0}
.sec-ic{display:flex;align-items:center;justify-content:space-between;gap:var(--b3);
  padding:var(--b3) 0;border:0;border-bottom:1px solid var(--cizgi);border-radius:0;
  cursor:pointer;background:none;min-height:48px;
  transition:color .25s,padding-left .3s var(--yay)}
.sec-ic b{font-weight:600;font-size:var(--t-kucuk)}
.sec-ic i{font-style:normal;font-size:var(--t-minik);color:var(--sus);
  font-variant-numeric:tabular-nums}
.sec:hover .sec-ic{padding-left:var(--b2)}
.sec input:checked + .sec-ic{color:var(--mrk);border-bottom-color:var(--mrk)}
.sec input:checked + .sec-ic b{position:relative}
.sec input:checked + .sec-ic b::before{content:"";position:absolute;left:-.9em;top:.55em;
  width:.4em;height:.4em;border-radius:50%;background:var(--vrg2)}
.sec input:focus-visible + .sec-ic{outline:2px solid var(--vrg2);outline-offset:2px}

.renk-liste{display:flex;flex-wrap:wrap;gap:var(--b3)}
.renk-ic{display:flex;flex-direction:column;align-items:center;gap:var(--b2);
  cursor:pointer;width:76px}
.renk-ic::before{content:"";width:44px;height:44px;border-radius:50%;
  background:var(--r);border:1px solid var(--cizgi);
  box-shadow:0 0 0 0 var(--mrk);transition:box-shadow .3s var(--yay),transform .3s var(--yay)}
.renk-ic i{font-style:normal;font-size:var(--t-minik);color:var(--sus);text-align:center;
  line-height:1.35}
.renk:hover .renk-ic::before{transform:translateY(-2px)}
.renk input:checked + .renk-ic::before{box-shadow:0 0 0 2px var(--yzy),0 0 0 4px var(--mrk)}
.renk input:focus-visible + .renk-ic::before{outline:2px solid var(--vrg2);outline-offset:4px}

.yap-ozet{border-top:1px solid var(--cizgi);padding-top:var(--b5)}
.ozet-satir{display:flex;align-items:baseline;justify-content:space-between;
  gap:var(--b4);padding:var(--b2) 0;font-size:var(--t-kucuk);color:var(--sus)}
.ozet-satir strong{font-family:var(--disp);font-weight:600;color:var(--mrk);
  font-variant-numeric:tabular-nums;font-size:1rem}
.ozet-satir--buyuk strong{font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.03em}

/* ------------------------------------------------------------- 148 kontrol */
.kontrol{max-width:none;background:var(--koyu);color:var(--koyu-mrk)}
.kontrol-yapiskan{max-width:var(--olcu);margin:0 auto;
  display:grid;grid-template-columns:1fr .92fr;gap:var(--b9);align-items:start}
.kontrol .etiket,.kontrol .bolum-metin{color:var(--koyu-sus)}
.kon-liste{list-style:none;margin:var(--b8) 0 0;padding:0;display:flex;
  flex-direction:column;gap:var(--b2)}
.kon-oge{display:grid;grid-template-columns:3rem 1fr;gap:var(--b4);
  padding:var(--b5) 0;border-top:1px solid rgba(255,255,255,.14);
  opacity:.42;transition:opacity .5s var(--yay)}
.kon-oge.etkin{opacity:1}
.kon-no{font-family:var(--disp);font-size:var(--t-kucuk);font-weight:700;
  color:var(--vrg2);font-variant-numeric:tabular-nums;padding-top:.2em}
.kon-ic{display:flex;flex-direction:column;gap:var(--b2)}
.kon-ic b{font-family:var(--disp);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}
.kon-ic em{font-style:normal;color:var(--koyu-sus);font-size:var(--t-kucuk);line-height:1.7}

.kontrol-gorsel{position:sticky;top:120px;aspect-ratio:4/5;border-radius:0;
  overflow:hidden;background:var(--koyu-yzy)}
.kon-kare{position:absolute;inset:0;margin:0;opacity:0;
  transition:opacity .7s var(--yay),transform 1.1s var(--yay);transform:scale(1.05)}
.kon-kare.etkin{opacity:1;transform:scale(1)}
.kon-kare img{width:100%;height:100%;object-fit:cover}

/* ------------------------------------------------------------------ salon */
.salon-izgara{display:grid;grid-template-columns:1fr .78fr;gap:var(--b9);align-items:start}
.salon-bilgi{margin:var(--b7) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--b5)}
.salon-bilgi dt{font-size:var(--t-minik);letter-spacing:.12em;text-transform:uppercase;
  color:var(--sus);margin-bottom:var(--b2)}
.salon-bilgi dd{margin:0;font-size:var(--t-kucuk);line-height:1.7}
.salon-bilgi a{text-decoration:none;border-bottom:1px solid var(--cizgi);
  transition:border-color .25s}
.salon-bilgi a:hover{border-color:var(--mrk)}
.salon-kare{margin:0;border-radius:0;overflow:hidden;background:#E6E6E2;aspect-ratio:4/5}
.salon-kare img{width:100%;height:100%;object-fit:cover}

/* ---------------------------------------------------------------- randevu */
.randevu{max-width:none;background:var(--yzy);border-top:1px solid var(--cizgi)}
.randevu-ic{max-width:var(--olcu);margin:0 auto;display:grid;
  grid-template-columns:1fr .84fr;gap:var(--b9);align-items:start}
.ran-form{display:grid;gap:var(--b4)}
.alan{display:flex;flex-direction:column;gap:var(--b2)}
.alan label{font-size:var(--t-minik);font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sus)}
.alan input,.alan select{min-height:52px;padding:0;border:0;border-bottom:1px solid var(--cizgi);
  border-radius:0;background:none;transition:border-color .25s}
.alan input:hover,.alan select:hover{border-bottom-color:#8E8F92}
.alan input:focus{outline:none;border-bottom-color:var(--mrk)}
.alan input[aria-invalid="true"]{border-color:var(--vrg2)}
.form-not{margin:var(--b3) 0 0;font-size:var(--t-minik);color:var(--sus);line-height:1.6}

/* -------------------------------------------------------------------- dip */
.dip{border-top:1px solid var(--cizgi);background:var(--bg)}
.dip-ic{max-width:var(--olcu);margin:0 auto;padding:var(--b8) var(--kenar);
  display:grid;grid-template-columns:auto 1fr auto;gap:var(--b6);align-items:center}
.dip-not{margin:0;font-size:var(--t-minik);color:var(--sus);max-width:56ch;line-height:1.6}
.dip-hak{margin:0;font-size:var(--t-minik);color:var(--sus);font-variant-numeric:tabular-nums}

/* ============================================================== duyarlılık */
@media (max-width:1080px){
  .yap-duzen{grid-template-columns:1fr;gap:0}
  .yap-sahne{position:static;min-height:auto}
  .yap-panel{border-left:0;border-top:1px solid var(--cizgi)}
  .kontrol-yapiskan{grid-template-columns:1fr;gap:var(--b7)}
  .kontrol-gorsel{position:relative;top:auto;aspect-ratio:16/10;order:-1}
  .salon-izgara,.randevu-ic{grid-template-columns:1fr;gap:var(--b7)}
}
@media (max-width:900px){
  .gezinti{display:none}
  .menu-d{display:block}
  .ust-cta{display:none}
  .ust-ic{gap:var(--b4)}
  .ust-sag{margin-left:auto}
}
@media (max-width:760px){
  .ilan,.ilan--sol,.ilan--sag,.ilan--genis.ilan--sol,.ilan--genis.ilan--sag{
    grid-template-columns:1fr}
  .ilan--sag .ilan-gorsel{order:0}
  .ilan-veri{grid-template-columns:1fr 1fr}
  .spek-serit{grid-template-columns:1fr 1fr;gap:var(--b4)}
  .kahraman{min-height:auto;padding-top:var(--b9)}
  .kahraman-ic{padding-bottom:var(--b7)}
  .sec-liste--iki{grid-template-columns:1fr}
  .salon-bilgi{grid-template-columns:1fr}
  .dip-ic{grid-template-columns:1fr;gap:var(--b4)}
  .arac-spek{gap:var(--b3)}
}

/* ============================================================ hareket kapalı */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;transition-delay:0ms!important;
  }
  /* içerik son hâliyle görünür kalsın */
  .sahne,.bel{opacity:1!important;transform:none!important}
  .satir>span{transform:none!important}
  .kahraman-gorsel img{transform:none!important}
  .isik-supurme{display:none}
  .kon-oge{opacity:1}
  .kon-kare{opacity:0}
  .kon-kare.etkin,.kon-kare:first-of-type{opacity:1;transform:none}
}