/* Kor: köz, kül ve kemik rengi. Tek aile (Hanken Grotesk); kor turuncusu yalnız canlı durumlar için:
   boş yer, seçili gün, açık anahtar. */
:root{
  --koz:#1d150c;--kul:#272017;--kul-2:#33291e;--kemik:#ede6da;--duman:#a39886;--cizgi:rgba(237,230,218,.14);
  --kor:#e0642b;
  --zemin:var(--koz);--yazi:var(--kemik);--odak:var(--kor);
  --govde:'Hanken Grotesk',system-ui,sans-serif;
  /* 1.25 ölçek */
  --t-1:.8rem;--t0:1rem;--t1:1.25rem;--t2:1.563rem;--t3:1.953rem;--t4:2.441rem;--t5:3.052rem;--t6:3.815rem;
  --kenar:clamp(1rem,4vw,3.5rem);
}
body{font-size:var(--t0);line-height:1.55;font-weight:400}
h2{font-weight:300;font-size:var(--t5);line-height:1.05;letter-spacing:-.02em}
.dugme{display:inline-flex;align-items:center;min-height:3rem;padding:0 1.4rem;border:1px solid var(--kemik);background:var(--kemik);color:var(--koz);font-weight:600;text-decoration:none;cursor:pointer;border-radius:2px;transition:background-color .2s,color .2s,border-color .2s}
.dugme:hover{background:transparent;color:var(--kemik)}
.dugme:disabled{opacity:.45;cursor:not-allowed;background:transparent;color:var(--kemik)}

/* Üst: menü değil, iki bağlantı ve canlı doluluk */
.ust{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:2rem;padding:1.1rem var(--kenar);mix-blend-mode:normal}
.isim{font-weight:600;font-size:var(--t2);letter-spacing:-.02em;text-decoration:none}
.ust-baglanti{display:flex;gap:1.6rem;margin-left:auto;font-size:.95rem}
.ust-baglanti a{text-decoration:none;color:var(--duman)}
.ust-baglanti a:hover{color:var(--kemik)}
.ust-rez{display:grid;justify-items:end;text-decoration:none;line-height:1.2}
.ust-rez span{font-weight:600}
.ust-rez small{color:var(--kor);font-size:.8rem}
.ust.dolu{background:rgba(29,21,12,.92);backdrop-filter:blur(8px)}

/* Açılış */
.dizi{background:var(--koz)}
.dizi::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(29,21,12,.85) 0%,rgba(29,21,12,.4) 28%,rgba(29,21,12,0) 42%)}
.dizi-katman{position:relative;z-index:1;height:100%;padding:0 var(--kenar)}
.dizi-not{position:absolute;left:var(--kenar);bottom:clamp(5rem,12vh,7rem);max-width:min(30rem,40vw);opacity:0}
.dizi-acilis{opacity:1}
.dizi-acilis h1{font-weight:300;font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:1.02;letter-spacing:-.03em}
.dizi-acilis p{margin-top:1.2rem;color:var(--duman);font-size:var(--t1);max-width:26rem}
.dizi-n1,.dizi-n2,.dizi-n3 p{font-size:var(--t2);line-height:1.3;font-weight:300}
.dizi-n3 .dugme{margin-top:1.4rem}
.dizi-durgun{padding:7rem var(--kenar) 3rem}
.dizi-durgun .dizi-not{position:relative;left:auto;bottom:auto;opacity:1;margin-bottom:2rem;max-width:36rem}

/* Bir akşam: saat çizelgesi */
.aksam{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);padding:clamp(5rem,10vw,8rem) var(--kenar);border-top:1px solid var(--cizgi)}
.aksam-bas{align-self:start;position:sticky;top:6rem}
.aksam-bas>p{margin-top:1.4rem;color:var(--duman);max-width:28rem}
.fiyat{margin-top:2.4rem;display:grid;gap:.9rem}
.fiyat p{color:var(--duman)}
.fiyat b{display:block;color:var(--kemik);font-weight:300;font-size:var(--t5);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}
.anahtar{display:inline-flex;align-items:center;gap:.8rem;cursor:pointer;width:max-content}
.anahtar input{position:absolute;opacity:0}
.anahtar span{position:relative;width:2.6rem;height:1.5rem;border-radius:1rem;background:var(--kul-2);transition:background-color .2s}
.anahtar span::after{content:'';position:absolute;top:.2rem;left:.2rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--kemik);transition:transform .2s}
.anahtar input:checked+span{background:var(--kor)}
.anahtar input:checked+span::after{transform:translateX(1.1rem)}
.anahtar input:focus-visible+span{outline:2px solid var(--kor);outline-offset:3px}
.akis li{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1.5rem;padding:1.5rem 0;border-top:1px solid var(--cizgi)}
.akis li:last-child{border-bottom:1px solid var(--cizgi)}
.akis time{font-weight:300;font-size:var(--t3);line-height:1.1;color:var(--duman);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.akis h3{font-size:var(--t2);font-weight:400;line-height:1.2;letter-spacing:-.01em}
.akis p{color:var(--duman);margin-top:.3rem}
.akis .bu time,.akis .bu h3{color:var(--kemik)}
.akis .bu{background:linear-gradient(90deg,var(--kul),transparent)}
.akis .es{display:none;color:var(--kemik)}
.sarapli .akis .es{display:block}
.sarapli .akis .es::before{content:'Kadeh: ';color:var(--duman)}

/* Rezervasyon */
.rez{padding:clamp(5rem,10vw,8rem) var(--kenar);background:var(--kul)}
.rez-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem}
.rez-bas p{max-width:30rem;color:var(--duman)}
.takvim{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:2.6rem}
.gun{display:grid;gap:.5rem;align-content:space-between;min-height:7.5rem;padding:.9rem;border:1px solid transparent;background:var(--koz);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}
.gun b{font-weight:400;font-size:var(--t1)}
.gun small{color:var(--duman);font-size:.85rem}
.gun .yer{font-size:var(--t3);font-weight:300;font-variant-numeric:tabular-nums;line-height:1;color:var(--kor)}
.gun .yer span{font-size:.85rem;margin-left:.3rem;color:var(--duman)}
.gun:hover:not(:disabled){border-color:var(--cizgi)}
.gun[aria-checked='true']{border-color:var(--kor);background:var(--kul-2)}
.gun:disabled{cursor:default;opacity:.5}
.gun:disabled .yer{color:var(--duman);font-size:var(--t0)}
.rez-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 1.2rem;align-items:end;margin-top:2.4rem}
.secim{grid-column:1/-1;font-size:var(--t1)}
.kisi{display:grid;gap:.35rem;font-size:.85rem;color:var(--duman)}
.sayac{display:flex;align-items:center;border:1px solid var(--cizgi);height:3rem;width:max-content}
.sayac button{width:3rem;height:100%;border:0;background:none;font-size:1.3rem;cursor:pointer}
.sayac button:hover{background:var(--kul-2)}
.sayac output{min-width:2.5rem;text-align:center;font-size:var(--t1);font-variant-numeric:tabular-nums;color:var(--kemik)}
.rez-form label{display:grid;gap:.35rem;font-size:.85rem;color:var(--duman)}
.rez-form .genis{grid-column:span 2}
.rez-form input{min-height:3rem;padding:0 .9rem;border:1px solid var(--cizgi);border-radius:2px;background:var(--koz);color:var(--kemik);font-size:1rem}
.rez-form input:focus{outline:none;border-color:var(--kor)}
.rez-form .dugme{justify-content:center}
.form-durum{grid-column:1/-1;min-height:1.5em;color:var(--kor)}

/* Bilgi */
.bilgi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);padding:clamp(4rem,8vw,6rem) var(--kenar)}
.bilgi h2{font-size:var(--t1);font-weight:600;letter-spacing:0;margin-bottom:.8rem}
.bilgi p{color:var(--duman);max-width:22rem}
.bilgi p+p{margin-top:.8rem}
.alt{padding:2.5rem var(--kenar) 5rem;border-top:1px solid var(--cizgi);color:var(--duman);font-size:.85rem;display:grid;gap:.4rem}

@media (max-width:960px){
  .aksam{grid-template-columns:1fr}
  .aksam-bas{position:static}
  .takvim{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rez-form{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .dizi::after{background:linear-gradient(0deg,rgba(29,21,12,1) 30%,rgba(29,21,12,0) 52%)}
  .dizi-not{max-width:none;right:var(--kenar);bottom:4.75rem}
  .dizi-acilis h1{font-size:clamp(2rem,8.5vw,2.8rem)}
  .ust-baglanti{display:none}
  .ust-rez{margin-left:auto}
}
@media (max-width:640px){
  .akis li{grid-template-columns:4.2rem minmax(0,1fr);gap:1rem}
  .akis time{font-size:var(--t1)}
  .takvim{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gun{min-height:6rem}
  .rez-form,.bilgi{grid-template-columns:1fr}
  .rez-form .genis{grid-column:auto}
  h2{font-size:var(--t4)}
}