/* İcaz Restoran — site stili */
:root{
  --zemin:#0a1714; --zemin2:#0e1f1b; --kart:#122621;
  --murekkep:#eee8dc; --soluk:#a9b3a8; --cok-soluk:#6b7a72;
  --altin:#c9a467; --altin-acik:#e6cd96; --altin-koyu:#8d6f3c;
  --zumrut:#16332c;
  --cizgi:rgba(201,164,103,.22);
  --varak:linear-gradient(115deg,#8d6f3c 0%,#c9a467 28%,#f0dcae 50%,#c9a467 72%,#8d6f3c 100%);
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
  --etiket:'Aboreto','Jost',sans-serif;
  --kenar:clamp(20px,5vw,72px);
  --azami:1320px;
}
*,*::before,*::after{box-sizing:border-box}
html{scrollbar-color:#2c4740 #0a1714;scrollbar-width:thin;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--murekkep);font:300 16px/1.75 var(--sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--altin);color:#111}
:focus-visible{outline:1px solid var(--altin);outline-offset:4px}

.etiket{font:400 11px/1.4 var(--etiket);letter-spacing:.32em;text-transform:uppercase;color:var(--altin)}
h1,h2,h3{font-family:var(--serif);font-weight:300;letter-spacing:.005em;margin:0}
h1{font-size:clamp(38px,4.6vw,66px);line-height:1.06}
h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12}
h3{font-size:clamp(23px,2vw,28px);line-height:1.2;font-weight:400}
em{font-style:italic;color:var(--altin-acik)}
p{margin:0 0 1.1em;color:var(--soluk)}
.sar{max-width:var(--azami);margin:0 auto;padding:0 var(--kenar)}
.bolum{padding:clamp(88px,12vw,168px) 0}
.ince{display:block;width:56px;height:1px;background:var(--varak);margin:22px 0 26px}

/* Düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 28px;
  font:400 11px/1 var(--etiket);letter-spacing:.26em;text-transform:uppercase;border:1px solid var(--cizgi);
  color:var(--murekkep);transition:background .35s,color .35s,border-color .35s;white-space:nowrap;cursor:pointer;background:transparent}
.dugme:hover{border-color:var(--altin);color:var(--altin-acik)}
.dugme.varak{background:#eee8dc;color:#0a1714;border:1px solid #eee8dc;font-weight:400}
.dugme.varak:hover{background:transparent;color:#eee8dc;border-color:#eee8dc}
.dugme.ses{border-color:rgba(236,228,214,.35)}

/* Üst bar */
.ust{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.ust.dolu{background:rgba(8,20,17,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--cizgi)}
.ust .sar{display:flex;align-items:center;gap:36px;height:84px;max-width:none}
.logo{display:block;width:84px;color:var(--altin)}
.logo svg{width:100%;height:auto}
.gezinti{display:flex;gap:30px;margin-left:auto}
.gezinti a{font:400 11px/1 var(--etiket);letter-spacing:.24em;text-transform:uppercase;color:var(--murekkep);opacity:.82;transition:opacity .3s,color .3s}
.gezinti a:hover{opacity:1;color:var(--altin-acik)}
.ust-dugmeler{display:flex;gap:12px}
.ust-dugmeler .dugme{min-height:42px;padding:0 20px}
.menu-ac{display:none;background:none;border:0;color:var(--murekkep);width:44px;height:44px;margin-left:auto;padding:10px;cursor:pointer}
.menu-ac span{display:block;height:1px;background:currentColor;margin:7px 0;transition:transform .35s,opacity .35s}
body.acik .menu-ac span:nth-child(1){transform:translateY(8px) rotate(45deg)}
body.acik .menu-ac span:nth-child(2){opacity:0}
body.acik .menu-ac span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* Hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero-medya{position:absolute;inset:0;z-index:-2}
.hero-medya img,.hero-medya video{width:100%;height:100%;object-fit:cover}
.hero-medya img{animation:yavas 22s ease-out both}
@keyframes yavas{from{transform:scale(1.08)}to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,20,17,.55) 0%,rgba(8,20,17,.05) 30%,rgba(8,20,17,.25) 55%,rgba(8,20,17,.94) 100%),
             linear-gradient(90deg,rgba(8,20,17,.6) 0%,rgba(8,20,17,0) 60%)}
.hero .sar{width:100%;max-width:none;padding-bottom:clamp(56px,9vh,110px)}
.hero h1{max-width:13ch;margin:20px 0 22px}
.hero p{max-width:520px;color:#cfc4b2;font-size:17px}
.hero .dugmeler{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.kaydir{position:absolute;right:var(--kenar);bottom:clamp(56px,9vh,110px);writing-mode:vertical-rl;font:400 10px/1 var(--etiket);letter-spacing:.34em;color:var(--soluk);display:flex;align-items:center;gap:14px}
.kaydir::after{content:"";width:1px;height:64px;background:linear-gradient(var(--altin),transparent)}

/* Manifesto */
.manifesto .izgara{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,120px);align-items:center}
.manifesto h2{max-width:17ch}
.manifesto .metin p{max-width:520px;font-size:17px}
.imza{font:italic 300 22px/1.3 var(--serif);color:var(--altin-acik);margin-top:30px}
.ikili{position:relative;padding-bottom:18%}
.ikili figure{margin:0;overflow:hidden}
.ikili .b1{width:78%}
.ikili .b2{position:absolute;right:0;bottom:0;width:48%;border:10px solid var(--zemin)}
.ikili img{width:100%;height:auto;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.ikili figure:hover img{transform:scale(1.04)}

/* Sahneler */
.sahneler{background:var(--zemin2)}
.baslik-satir{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(44px,6vw,80px)}
.baslik-satir p{max-width:420px;margin:0}
.kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}
.kart{position:relative;overflow:hidden;aspect-ratio:4/5.6;display:flex;align-items:flex-end;isolation:isolate}
.kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter 1s}
.kart::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,20,17,0) 35%,rgba(8,20,17,.92) 100%)}
.kart:hover img{transform:scale(1.06)}
.kart .ic{padding:26px 24px}
.kart .no{font:400 10px/1 var(--etiket);letter-spacing:.3em;color:var(--altin)}
.kart h3{margin:12px 0 8px}
.kart p{font-size:14.5px;line-height:1.6;margin:0;color:#c3b8a6}

/* Film */
.film{position:relative;height:min(92svh,860px);overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center}
.film video,.film img.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.film::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(8,20,17,.25),rgba(8,20,17,.75))}
.film h2{max-width:16ch;margin:18px auto 0}
.film .ses-dugme{position:absolute;right:var(--kenar);bottom:28px;font:400 10px/1 var(--etiket);letter-spacing:.28em;color:var(--murekkep);background:rgba(8,20,17,.4);border:1px solid var(--cizgi);padding:12px 16px;cursor:pointer}

/* Detay şeridi */
.detay .baslik-satir{margin-bottom:44px}
.serit{--bas:max(var(--kenar),calc((100vw - var(--azami))/2 + var(--kenar)));display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--bas) 8px;scroll-padding-left:var(--bas);scrollbar-width:none;cursor:grab}
.serit::-webkit-scrollbar{display:none}
.serit figure{flex:0 0 clamp(220px,24vw,340px);margin:0;scroll-snap-align:start}
.serit .kutu{overflow:hidden;aspect-ratio:3/4}
.serit img,.serit video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.serit figure:hover img{transform:scale(1.05)}
.serit figcaption{font:italic 300 17px/1.4 var(--serif);color:var(--soluk);padding-top:12px}
.serit-ok{display:flex;gap:10px}
.serit-ok button{width:48px;height:48px;border:1px solid var(--cizgi);background:none;color:var(--murekkep);cursor:pointer;font-size:18px;transition:border-color .3s,color .3s}
.serit-ok button:hover{border-color:var(--altin);color:var(--altin)}

/* Davetler */
.davet{background:linear-gradient(180deg,var(--zemin) 0%,var(--zumrut) 100%)}
.sahneler{background:var(--zemin2)}
.davet .izgara{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,7vw,120px);align-items:center}
.davet .gorseller{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.davet .gorseller figure{margin:0;overflow:hidden}
.davet .gorseller figure:last-child{margin-top:22%}
.davet .gorseller img{width:100%;height:auto}
.ozellik{list-style:none;margin:32px 0 40px;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--cizgi)}
.ozellik li{padding:20px 18px 20px 0;border-bottom:1px solid var(--cizgi)}
.ozellik b{display:block;font:400 26px/1.1 var(--serif);color:var(--altin-acik)}
.ozellik span{font-size:13.5px;color:var(--soluk);letter-spacing:.02em}
.davet .dugmeler{display:flex;flex-wrap:wrap;gap:14px}

/* Lounge */
.gece{position:relative;overflow:hidden;isolation:isolate}
.gece .izgara{display:grid;grid-template-columns:1fr 1fr;min-height:640px}
.gece figure{margin:0;position:relative;overflow:hidden}
.gece figure img,.gece figure video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gece .metin{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,8vw,120px) var(--kenar);background:#081311}
.gece .saat{display:flex;gap:34px;margin:30px 0 36px;padding:22px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.gece .saat b{display:block;font:400 28px/1 var(--serif);color:var(--altin-acik);margin-bottom:8px}
.gece .saat span{font:400 10px/1 var(--etiket);letter-spacing:.26em;color:var(--soluk)}

/* Ziyaret */
.ziyaret{position:relative;isolation:isolate;overflow:hidden}
.ziyaret .fon{position:absolute;inset:0;z-index:-2}
.ziyaret .fon img{width:100%;height:100%;object-fit:cover}
.ziyaret::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,20,17,.95) 0%,rgba(8,20,17,.82) 45%,rgba(8,20,17,.35) 100%)}
.ziyaret .kutu{max-width:560px}
.bilgi{display:grid;gap:26px;margin:36px 0 40px}
.bilgi div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--cizgi)}
.bilgi dt{font:400 10px/2.2 var(--etiket);letter-spacing:.28em;color:var(--altin)}
.bilgi dd{margin:0;color:var(--murekkep)}
.bilgi dd a:hover{color:var(--altin-acik)}
.bilgi small{display:block;color:var(--soluk);font-size:13px}

/* Kapanış çağrısı */
.cagri{text-align:center;padding:clamp(90px,11vw,150px) 0;border-top:1px solid var(--cizgi);
  background:radial-gradient(ellipse at 50% 120%,rgba(201,164,103,.13),transparent 60%)}
.cagri h2{margin:18px auto 14px;max-width:18ch}
.cagri p{margin:0 auto 36px;max-width:440px}
.cagri .dugmeler{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Alt bilgi */
.alt{border-top:1px solid var(--cizgi);padding:72px 0 40px;font-size:14px}
.alt .izgara{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.alt .logo{width:92px;margin-bottom:18px}
.alt h4{font:400 10px/1 var(--etiket);letter-spacing:.3em;color:var(--altin);margin:6px 0 20px;font-weight:400}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.alt a{color:var(--soluk);transition:color .3s}
.alt a:hover{color:var(--altin-acik)}
.alt p{font-size:14px}
.sosyal{display:flex;gap:12px;margin-top:22px}
.sosyal a{width:40px;height:40px;border:1px solid var(--cizgi);display:grid;place-items:center;color:var(--murekkep)}
.sosyal a:hover{border-color:var(--altin);color:var(--altin)}
.sosyal svg{width:16px;height:16px}
.telif{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;padding-top:26px;border-top:1px solid var(--cizgi);color:var(--cok-soluk);font-size:12.5px;letter-spacing:.02em}

/* Mobil alt çubuk */
.mobil-cubuk{display:none}

/* Görünür olunca */
.belir{opacity:0;transform:translateY(26px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
.belir.gorundu{opacity:1;transform:none}
.belir.g2{transition-delay:.12s}.belir.g3{transition-delay:.24s}.belir.g4{transition-delay:.36s}

/* Alt sayfalar */
.sayfa-bas{padding:160px 0 60px;border-bottom:1px solid var(--cizgi)}
.sayfa-bas h1{font-size:clamp(34px,4vw,54px);margin-top:16px}
.yazi{max-width:780px}
.yazi h2{font-size:clamp(24px,2.4vw,32px);margin:52px 0 14px;color:var(--murekkep)}
.yazi p,.yazi li{color:var(--soluk)}
.yazi ul,.yazi ol{padding-left:20px}
.yazi a{color:var(--altin-acik);border-bottom:1px solid var(--cizgi)}

/* Menü sayfası */
.sekmeler{display:flex;gap:10px;flex-wrap:wrap;margin:34px 0 0}
.sekmeler button{font:400 11px/1 var(--etiket);letter-spacing:.24em;text-transform:uppercase;padding:16px 24px;background:none;color:var(--soluk);border:1px solid var(--cizgi);cursor:pointer;transition:all .3s}
.sekmeler button[aria-selected=true]{background:#eee8dc;color:#0a1714;border-color:#eee8dc}
.menu-sayfalar{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding:48px 0 120px}
.menu-sayfalar button{padding:0;border:1px solid var(--cizgi);background:#f4efe6;cursor:zoom-in;display:block;width:100%;aspect-ratio:1811/2560;overflow:hidden}
.menu-sayfalar img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.menu-sayfalar button:hover img{transform:scale(1.03)}
.bekle{color:var(--soluk);padding:60px 0}
.buyut{position:fixed;inset:0;z-index:100;background:rgba(8,7,6,.96);display:none;overflow:auto;-webkit-overflow-scrolling:touch}
.buyut.acik{display:block}
.buyut img{margin:0 auto;width:min(100%,1000px);height:auto}
.buyut .kapat,.buyut .yon{position:fixed;z-index:2;background:rgba(8,20,17,.7);border:1px solid var(--cizgi);color:var(--murekkep);width:52px;height:52px;cursor:pointer;font-size:20px}
.buyut .kapat{top:16px;right:16px}
.buyut .yon.onceki{left:16px;top:50%}
.buyut .yon.sonraki{right:16px;top:50%}

/* Duyarlı */
@media (max-width:1100px){
  .gezinti{gap:22px}
  .kartlar{grid-template-columns:1fr 1fr}
  .alt .izgara{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  .gezinti,.ust-dugmeler{display:none}
  .menu-ac{display:block}
  .ust .sar{height:68px}
  .logo{width:72px}
  body.acik{overflow:hidden}
  body.acik .ust{background:#0a1714;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--cizgi)}
  body.acik .gezinti{display:flex;position:fixed;top:68px;left:0;right:0;height:calc(100dvh - 68px);overflow-y:auto;flex-direction:column;gap:0;padding:14px var(--kenar) 96px;background:#0a1714;margin:0;z-index:55}
  body.acik .gezinti a{font:400 12px/1 var(--etiket);letter-spacing:.24em;text-transform:uppercase;opacity:1;padding:20px 0;border-bottom:1px solid var(--cizgi)}
  .manifesto .izgara,.davet .izgara,.gece .izgara{grid-template-columns:1fr}
  .gece figure{min-height:420px}
  .baslik-satir{flex-direction:column;align-items:flex-start;gap:18px}
  .kaydir{display:none}
}
@media (max-width:640px){
  body{font-size:15.5px;padding-bottom:64px}
  .hero{min-height:92svh}
  .hero p{font-size:16px}
  .hero .dugmeler .dugme{flex:1 1 auto}
  .kartlar{grid-template-columns:1fr;gap:14px}
  .kart{aspect-ratio:4/4.6}
  .ozellik{grid-template-columns:1fr}
  .bilgi div{grid-template-columns:1fr;gap:6px}
  .alt .izgara{grid-template-columns:1fr}
  .film{height:78svh}
  .menu-sayfalar{grid-template-columns:1fr 1fr;gap:10px}
  .mobil-cubuk{display:grid;grid-template-columns:1fr 1.3fr 1fr;position:fixed;inset:auto 0 0;z-index:60;height:64px;
    background:rgba(8,20,17,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--cizgi);padding-bottom:env(safe-area-inset-bottom)}
  .mobil-cubuk a{display:flex;align-items:center;justify-content:center;font:400 10.5px/1 var(--etiket);letter-spacing:.2em;color:var(--murekkep)}
  .mobil-cubuk a.ana{background:#eee8dc;color:#0a1714}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .belir{opacity:1;transform:none}
}