/* ===== MODA RESTAURANT — Top-Tier Elegant Stylesheet =====
   Renk paleti: logo arka planı (#2b2e31) + eski sitenin sıcak krem
   tonları + beyaz. Saf siyah değil. Minimalist, elegant, bol boşluk. */

:root{
  --ink:#2b2e31;        /* logo arka planı - ana koyu renk */
  --ink-soft:#363a3d;   /* ikincil koyu */
  --paper:#ffffff;
  --cream:#f3ede4;      /* eski sitenin sıcak kremi (açık) */
  --cream-deep:#d5cbc2; /* eski sitenin bej tonu */
  --sand:#ece2d7;
  --text:#33373a;
  --muted:#8b8781;
  --line:#e6ded3;
  --accent:#b89a6a;     /* ince sıcak vurgu (bej-altın), az kullanılır */
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--text);background:var(--paper);
  line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.15;color:var(--ink);letter-spacing:.3px;}
h1{font-size:3.6rem;}
h2{font-size:2.7rem;}
h3{font-size:1.5rem;}
p{margin-bottom:1rem;}
a{color:var(--ink);text-decoration:none;transition:color .2s,opacity .2s;}
img{max-width:100%;display:block;}
.container{max-width:1120px;margin:0 auto;padding:0 28px;}
.narrow{max-width:760px;}
.text-center{text-align:center;}

/* Section label (ince, elegant) */
.label{
  color:var(--accent);letter-spacing:4px;text-transform:uppercase;
  font-size:.74rem;font-weight:600;display:block;margin-bottom:16px;
  font-family:'Inter',sans-serif;
}

/* Buttons - sade, logo rengi */
.btn{
  display:inline-block;padding:16px 40px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:.78rem;
  letter-spacing:2px;text-transform:uppercase;cursor:pointer;
  transition:all .25s;border:1.5px solid var(--ink);
}
.btn-primary{background:var(--ink);color:#fff;}
.btn-primary:hover{background:transparent;color:var(--ink);}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff;}
.btn-xl{
  padding:26px 82px;font-size:1.15rem;letter-spacing:3px;font-weight:700;
  box-shadow:0 14px 42px rgba(0,0,0,.45);
  transition:all .25s;
}
.btn-xl:hover{transform:translateY(-3px);box-shadow:0 20px 52px rgba(0,0,0,.55);}
.btn-light{background:#fff;color:var(--ink);border-color:#fff;}
.btn-light:hover{background:transparent;color:#fff;}
/* Hero Order butonu: altin zemin, beyaz yazi, ince beyaz cerceve (yalin, gorseldeki gibi) */
.btn-hero-order{background:var(--accent);color:#fff;border:1px solid rgba(255,255,255,.85);box-shadow:none;}
.btn-hero-order:hover{background:var(--ink);color:#fff;border-color:rgba(255,255,255,.85);transform:translateY(-2px);box-shadow:none;}
/* Her zeminde gorunen buton (koyu/beyaz farketmez) */
.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn-accent:hover{background:var(--ink);border-color:var(--ink);color:#fff;}

/* ===== Header / Nav ===== */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;
  transition:all .3s;background:transparent;
}
.site-header.scrolled{background:var(--ink);padding:14px 0;box-shadow:0 2px 24px rgba(0,0,0,.22);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;}
.nav-logo img{height:110px;width:auto;}
.site-header.scrolled .nav-logo img{height:74px;}
@media(max-width:880px){.nav-logo img{height:84px;}.site-header.scrolled .nav-logo img{height:64px;}}
.nav-links{display:flex;align-items:center;gap:36px;list-style:none;}
.nav-links a{
  color:#fff;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;
  font-weight:500;font-family:'Inter',sans-serif;opacity:.9;
}
.nav-links a:hover{opacity:1;color:var(--accent);}
.nav-links a.nav-order{background:#fff;color:var(--ink)!important;padding:11px 24px;font-weight:600;}
.nav-links a.nav-order:hover{background:var(--accent);color:#fff!important;}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.7rem;cursor:pointer;line-height:1;}

/* Menu dropdown (eski sistemdeki gibi) */
.nav-links li{position:relative;}
.has-sub .subnav{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  background:var(--ink);min-width:235px;padding:12px 0;list-style:none;
  opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;
  box-shadow:0 16px 44px rgba(0,0,0,.4);
}
.has-sub:hover .subnav{opacity:1;visibility:visible;}
.has-sub .subnav::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;}
.subnav li{position:static;}
.subnav a{display:block;padding:11px 24px;font-size:.72rem;letter-spacing:1.2px;}
.subnav a:hover{background:rgba(255,255,255,.07);color:var(--accent);}
.subnav-divider{border-top:1px solid rgba(255,255,255,.14);margin-top:8px;padding-top:8px;}
@media(max-width:880px){
  /* Mobil panelde dropdown yerine acik liste */
  .has-sub .subnav{
    position:static;transform:none;opacity:1;visibility:visible;
    box-shadow:none;background:transparent;min-width:0;
    padding:8px 0 0 16px;
  }
  .subnav a{padding:8px 0;font-size:.7rem;color:rgba(255,255,255,.75);}
  .nav-links{overflow-y:auto;}
}

/* ===== Hero (sinematik - yemek ustunde kamera geciyormus gibi) ===== */
.hero{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  text-align:center;color:#fff;position:relative;overflow:hidden;background:#2b2e31;
}
/* Fotograf katmanlari - yavasca zoom+pan (Ken Burns) ve crossfade */
.hero-slides{position:absolute;inset:0;z-index:1;}
.hero-slide{
  position:absolute;inset:-2% -9%;background-size:cover;background-position:center;
  opacity:0;will-change:transform,opacity;
}
/* 4 fotograf dongusu (mixed grill -> lamb shish -> beyti -> mixed meze), kamera kayar */
.hero-slide:nth-child(1){background-image:url('../img/food/mixed-grill.jpg?v=3');animation:heroPanL 50s infinite;animation-delay:0s;}
.hero-slide:nth-child(2){background-image:url('../img/food/lamb-shish.jpg?v=3');animation:heroPanR 50s infinite;animation-delay:10s;}
.hero-slide:nth-child(3){background-image:url('../img/food/chicken-shish.jpg?v=3');animation:heroPanL 50s infinite;animation-delay:20s;}
.hero-slide:nth-child(4){background-image:url('../img/food/beyti.jpg?v=3');animation:heroPanR 50s infinite;animation-delay:30s;}
.hero-slide:nth-child(5){background-image:url('../img/food/meze-platter-2.jpg?v=3');animation:heroPanL 50s infinite;animation-delay:40s;}
@keyframes heroPanL{
  0%{opacity:0;transform:translateX(6%) scale(1.01);}
  3%{opacity:1;}
  17%{opacity:1;}
  20%{opacity:0;}
  100%{opacity:0;transform:translateX(-6%) scale(1.07);}
}
@keyframes heroPanR{
  0%{opacity:0;transform:translateX(-6%) scale(1.01);}
  3%{opacity:1;}
  17%{opacity:1;}
  20%{opacity:0;}
  100%{opacity:0;transform:translateX(6%) scale(1.07);}
}
/* hafif genel karartma - asil okunurluk hero-content panelinden gelir */
.hero::after{
  content:"";position:absolute;inset:0;z-index:2;
  background:rgba(43,46,49,.28);
}
.hero-content{
  position:relative;z-index:3;max-width:720px;margin:0 20px;
  padding:52px 54px;
  /* Koyu zemin tek basina okunurlugu garanti eder; blur sadece bonus */
  background:rgba(26,28,31,.62);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:4px;
}
.g-rating{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;font-size:.9rem;
  text-shadow:0 2px 10px rgba(0,0,0,.8);
}
.g-rating .g-stars{color:#ffd27a;letter-spacing:1px;}
.g-rating .g-score{color:#fff;font-weight:700;}
.g-rating .g-count{color:#fff;font-weight:600;}
.hero h1{color:#fff;font-size:5.4rem;margin-bottom:16px;font-weight:700;letter-spacing:4px;text-shadow:0 3px 14px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.6);line-height:1.05;}
.hero h1 .h1-eyebrow{
  display:block;font-family:'Inter',sans-serif;font-size:1rem;font-weight:700;
  letter-spacing:5px;text-transform:uppercase;color:#fff;opacity:1;
  margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.9);
}
.hero p{font-size:1.12rem;margin-bottom:30px;color:#fff;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.75);}
.hero-btns{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;}
/* Michelin tarzi: ince ayrac + telefon */
.hero-divider{width:52px;height:1px;background:var(--accent);margin:26px auto;}
.hero-phone{display:block;width:fit-content;margin:30px auto 0;color:#e8c06a;font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:700;letter-spacing:2px;text-shadow:0 3px 14px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.7);}
.hero-phone:hover{color:#fff;}
.hero-phone-caption{display:block;margin-top:10px;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.9);}
.hero-phone-caption a{color:#e8c06a;border-bottom:1px solid #e8c06a;padding-bottom:2px;}
.hero-phone-caption a:hover{color:#fff;border-color:#fff;}
.hero-phone-caption a:hover{color:#fff;}

/* ===== Section base ===== */
section{padding:110px 0;}
.bg-cream{background:var(--cream);}
.bg-ink{background:var(--ink);color:#fff;}
.bg-ink h1,.bg-ink h2,.bg-ink h3{color:#fff;}
.bg-ink .label{color:var(--accent);}

/* Intro */
.intro{text-align:center;}
.intro .container{max-width:720px;}
.intro p{font-size:1.1rem;color:#555;font-weight:300;}

/* Menu preview (3 kategori) - fotograflar parlak, yazi altta */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px;}
.cat-tile{display:block;overflow:hidden;background:#fff;box-shadow:0 10px 36px rgba(43,46,49,.12);transition:transform .35s,box-shadow .35s;}
.cat-tile:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(43,46,49,.22);}
.cat-img{position:relative;overflow:hidden;height:300px;}
.cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s;}
.cat-tile:hover .cat-img img{transform:scale(1.07);}
/* cok hafif alttan golge - sadece derinlik, lezzet kaybolmaz */
.cat-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 70%,rgba(0,0,0,.12));}
.cat-body{padding:22px 24px;text-align:center;}
.cat-body h3{font-size:1.5rem;margin-bottom:2px;}
.cat-body span{color:var(--accent);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-family:'Inter',sans-serif;font-weight:600;}

/* Galeri seridi */
.gallery-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;}
.gallery-strip a{display:block;position:relative;overflow:hidden;aspect-ratio:1/1;}
.gallery-strip img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .3s;}
.gallery-strip a:hover img{transform:scale(1.1);filter:brightness(1.08);}
@media(max-width:880px){.gallery-strip{grid-template-columns:repeat(3,1fr);}}
@media(max-width:480px){.gallery-strip{grid-template-columns:repeat(2,1fr);}}

/* Lunch band */
.lunch-band{text-align:center;padding:90px 0;background:var(--ink);color:#fff;}
.lunch-band .price{font-family:'Cormorant Garamond',serif;font-size:4.2rem;color:var(--accent);font-weight:700;line-height:1;margin:6px 0;}
.lunch-band p{color:rgba(255,255,255,.8);font-weight:300;}

/* Group */
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;}
.split .split-img{height:100%;min-height:480px;background-size:cover;background-position:center;}
.split .split-text{padding:90px 70px;}
.split .split-text.on-cream{background:var(--cream);}

/* Reviews */
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;}
.review-card{padding:34px;border:1px solid var(--line);background:#fff;}
.review-stars{color:var(--accent);margin-bottom:14px;letter-spacing:2px;}
.review-card p{font-family:'Cormorant Garamond',serif;font-size:1.25rem;line-height:1.5;color:var(--ink);font-style:italic;}
.review-author{font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-top:18px;}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;}
.contact-info{padding:90px 70px;background:var(--ink);color:#fff;}
.contact-info h2{color:#fff;}
.contact-info .row{margin-bottom:20px;}
.contact-info .row .k{color:var(--accent);font-size:.74rem;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:4px;}
/* Opening hours: gun solda, saat sagda hizali */
.hours{max-width:360px;margin-top:4px;}
.hours .hrow{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:.93rem;}
.hours .hrow:last-child{border-bottom:none;}
.hours .hd{color:#fff;}
.hours .ht{color:var(--accent);font-weight:600;white-space:nowrap;letter-spacing:.5px;}
.contact-info a{color:#fff;}
.contact-info a:hover{color:var(--accent);}
.contact-map iframe{width:100%;height:100%;min-height:500px;border:0;filter:grayscale(.3) contrast(1.05);}

/* Footer */
.site-footer{background:#1f2225;color:#9a968f;padding:60px 0 34px;text-align:center;}
.site-footer img{height:46px;margin:0 auto 22px;opacity:.95;}
.foot-links{display:flex;gap:28px;justify-content:center;list-style:none;margin:22px 0;flex-wrap:wrap;}
.foot-links a{color:#b5b1aa;font-size:.76rem;text-transform:uppercase;letter-spacing:1.5px;}
.foot-links a:hover{color:var(--accent);}
.foot-social{margin:18px 0;}
.foot-social a{color:#b5b1aa;margin:0 12px;font-size:.78rem;letter-spacing:1px;text-transform:uppercase;}
.copyright{font-size:.76rem;color:#6a6762;margin-top:22px;}

/* Yuzen Order butonu - kaydirinca belirir, altin nabiz efekti */
.float-order{
  position:fixed;right:26px;bottom:26px;z-index:90;
  background:var(--accent);color:#fff;padding:16px 32px;border-radius:44px;
  font-family:'Inter',sans-serif;font-weight:700;font-size:.8rem;
  letter-spacing:2px;text-transform:uppercase;
  opacity:0;visibility:hidden;transform:translateY(16px);
  transition:opacity .3s,visibility .3s,transform .3s,background .2s;
}
.float-order.show{
  opacity:1;visibility:visible;transform:translateY(0);
  animation:orderPulse 2.2s infinite;
}
.float-order:hover{background:var(--ink);color:#fff;transform:translateY(-3px);animation:none;box-shadow:0 14px 40px rgba(0,0,0,.45);}
@keyframes orderPulse{
  0%{box-shadow:0 12px 36px rgba(0,0,0,.35),0 0 0 0 rgba(184,154,106,.6);}
  70%{box-shadow:0 12px 36px rgba(0,0,0,.35),0 0 0 20px rgba(184,154,106,0);}
  100%{box-shadow:0 12px 36px rgba(0,0,0,.35),0 0 0 0 rgba(184,154,106,0);}
}
@media(max-width:880px){
  .float-order{right:16px;bottom:16px;padding:14px 26px;font-size:.74rem;}
}

/* ===== Menu page ===== */
.menu-hero{background:var(--ink);color:#fff;text-align:center;padding:160px 0 70px;}
.menu-hero h1{color:#fff;}
.menu-hero p{color:rgba(255,255,255,.8);font-weight:300;}
.menu-nav{position:sticky;top:102px;background:#fff;border-bottom:1px solid var(--line);z-index:50;padding:0;}
.menu-section{scroll-margin-top:190px;}
.menu-nav ul{
  display:flex;gap:2px;list-style:none;max-width:1120px;margin:0 auto;padding:0 20px;
  justify-content:center;flex-wrap:wrap;
}
.menu-nav a{
  display:inline-block;margin:10px 3px;padding:10px 18px;
  font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--ink);white-space:nowrap;font-weight:700;
  border:1px solid var(--line);background:var(--cream);
  transition:all .2s;
}
.menu-nav a:hover{background:var(--ink);border-color:var(--ink);color:#fff;}
/* Mobilde kategoriler: sarmali kompakt etiketler, hepsi gorunur */
@media(max-width:880px){
  .menu-nav{position:static;}
  .menu-nav ul{
    flex-wrap:wrap;justify-content:center;overflow:visible;
    padding:10px 14px 14px;
  }
}
/* Yan yana buton sirasi - mobilde alt alta */
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px;}
@media(max-width:560px){
  .cta-row{flex-direction:column;align-items:center;gap:12px;}
  .cta-row .btn{width:100%;max-width:320px;text-align:center;}
}
.menu-section{max-width:860px;margin:0 auto;padding:70px 28px 0;}
.menu-section h2{text-align:center;margin-bottom:8px;}
.menu-section .sec-sub{text-align:center;color:var(--muted);margin-bottom:36px;font-size:.9rem;}
.menu-row{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);gap:20px;}
.menu-row .mr-name{font-weight:600;color:var(--ink);font-size:1.02rem;}
.menu-row .mr-desc{display:block;font-weight:400;font-size:.88rem;color:var(--muted);margin-top:4px;line-height:1.5;}
.menu-row .mr-price{white-space:nowrap;color:var(--accent);font-weight:700;font-family:'Cormorant Garamond',serif;font-size:1.3rem;}
.menu-note{text-align:center;color:var(--muted);font-size:.82rem;font-style:italic;margin-top:14px;}

/* page hero (sub pages) - fotografli, elegant */
.page-hero{
  background-color:var(--ink);background-size:cover;background-position:center;
  color:#fff;text-align:center;padding:190px 0 90px;position:relative;
}
.page-hero h1{color:#fff;font-weight:700;text-shadow:0 3px 14px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.6);}
.page-hero p{color:#fff;font-weight:400;max-width:640px;margin:12px auto 0;text-shadow:0 2px 10px rgba(0,0,0,.75);}
.page-hero .hero-divider{margin:20px auto 0;}
.page-hero-link{
  display:inline-block;margin-top:22px;color:#fff;font-size:.82rem;font-weight:600;
  letter-spacing:2px;text-transform:uppercase;
  border-bottom:1px solid var(--accent);padding-bottom:3px;
  text-shadow:0 2px 8px rgba(0,0,0,.7);
}
.page-hero-link:hover{color:var(--accent);}

/* ===== Mobile ===== */
@media(max-width:880px){
  h1{font-size:2.7rem;}h2{font-size:2.1rem;}
  .hero h1{font-size:2.8rem;}
  .hero-content{padding:34px 24px;margin:70px 18px;}
  .nav-links{
    position:fixed;top:0;right:-100%;height:100vh;width:78%;max-width:330px;
    background:var(--ink);flex-direction:column;align-items:flex-start;
    padding:100px 40px;gap:28px;transition:right .3s;
  }
  .nav-links.open{right:0;}
  .nav-toggle{display:block;z-index:101;}
  .cat-grid,.review-grid,.split,.contact-grid{grid-template-columns:1fr;}
  .split .split-img{min-height:300px;}
  .split .split-text{padding:50px 28px;}
  .contact-info{padding:50px 28px;}
  section{padding:70px 0;}
  .lunch-band .price{font-size:3.2rem;}
}
@media(max-width:480px){
  .cat-img{height:240px;}
}

/* ===== Mobil cila (kapsamli) ===== */
@media(max-width:880px){
  .hero-phone{font-size:2rem;}
  .hero-phone-caption{font-size:.82rem;}
  .btn-xl{padding:20px 48px;font-size:.95rem;}
  .page-hero{padding:150px 0 64px;}
  .page-hero h1{font-size:2.4rem;}
  .menu-nav{top:88px;}
  .menu-nav a{margin:8px 2px;padding:9px 14px;font-size:.74rem;}
  .menu-section{padding:50px 22px 0;scroll-margin-top:160px;}
  .menu-row .mr-price{font-size:1.1rem;}
  .contact-map iframe{min-height:320px;}
  .lunch-band{padding:64px 0;}
  .review-card{padding:26px;}
  .review-card p{font-size:1.1rem;}
  .site-footer{padding:44px 0 26px;}
  .foot-links{gap:16px;}
  .welcome-grid{grid-template-columns:1fr;gap:34px;}
}
@media(max-width:480px){
  .hero h1{font-size:2.4rem;letter-spacing:2px;}
  .hero h1 .h1-eyebrow{font-size:.74rem;letter-spacing:3px;}
  .hero-content{padding:30px 20px;margin:56px 14px;}
  .hero-phone{font-size:1.8rem;}
  .hero-phone-caption{font-size:.78rem;letter-spacing:1px;}
  .btn-xl{padding:18px 0;font-size:.92rem;letter-spacing:2px;width:100%;box-sizing:border-box;}
  h2{font-size:1.8rem;}
  .page-hero h1{font-size:2rem;}
  .g-rating{font-size:.8rem;}
  .container{padding:0 20px;}
  .cat-body h3{font-size:1.3rem;}
  .menu-row{flex-wrap:wrap;}
  .menu-row .mr-price{padding-left:0;}
}