:root{--em-deep:#0c2017;--em-main:#1B4332;--em-light:#2d5a45;--gold:#d4af37;--gold-light:#e8cb6a;--white:#ffffff;--text-muted:rgba(255,255,255,0.55);--nav-h:76px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--em-deep);font-family:'Montserrat',sans-serif;color:var(--white);line-height:1.7;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:1160px;margin:auto;padding:0 24px;}
.gold{color:var(--gold);}
.eyebrow{font-size:11px;letter-spacing:0.5em;text-transform:uppercase;color:var(--gold);font-weight:300;margin-bottom:12px;opacity:0.85;}
.gold-divider{width:72px;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent);margin:24px auto;opacity:0.6;}

.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:linear-gradient(to bottom,rgba(12,32,23,0.98) 0%,rgba(12,32,23,0.92) 70%,transparent 100%);transition:background 0.3s;}
.navbar.scrolled{background:rgba(12,32,23,0.98);box-shadow:0 1px 0 rgba(212,175,55,0.1);}
.nav-inner{max-width:1200px;margin:auto;padding:0 32px;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;}
.nav-logo svg{width:200px;height:auto;display:block;}
.nav-links{list-style:none;display:flex;gap:36px;align-items:center;}
.nav-links a{font-size:12px;letter-spacing:0.25em;text-transform:uppercase;font-weight:300;color:rgba(255,255,255,0.7);transition:color 0.2s;}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger span{display:block;width:24px;height:1.5px;background:var(--white);transition:all 0.3s;}

.btn-primary{display:inline-block;padding:14px 32px;background:var(--gold);color:var(--em-deep);font-size:11px;letter-spacing:0.25em;text-transform:uppercase;font-weight:400;border-radius:2px;transition:background 0.2s,transform 0.15s;}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px);}
.btn-outline{display:inline-block;padding:13px 32px;border:1px solid rgba(212,175,55,0.5);color:var(--gold);font-size:11px;letter-spacing:0.25em;text-transform:uppercase;font-weight:300;border-radius:2px;transition:all 0.2s;}
.btn-outline:hover{border-color:var(--gold);background:rgba(212,175,55,0.07);}

.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:calc(var(--nav-h) + 60px) 24px 100px;position:relative;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(212,175,55,0.07) 0%,transparent 65%),radial-gradient(ellipse 100% 60% at 50% 110%,rgba(27,67,50,0.55) 0%,transparent 60%);}
.hero-content{position:relative;z-index:1;max-width:800px;}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,9vw,8rem);font-weight:300;letter-spacing:0.1em;line-height:1;text-transform:uppercase;color:var(--gold);}
.hero-title span{display:block;color:var(--white);font-size:clamp(2rem,5vw,4.5rem);letter-spacing:0.35em;margin-top:12px;}
.hero-desc{font-size:14px;font-weight:200;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:40px;}
.scroll-cue{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0.35;animation:bounce 2.2s ease-in-out infinite;}
.scroll-cue span{font-size:9px;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);}
.scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,var(--gold),transparent);}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(10px);}}

.menu-section{padding:90px 0 110px;border-top:1px solid rgba(212,175,55,0.1);}
.menu-header{text-align:center;margin-bottom:56px;}
.menu-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;letter-spacing:0.1em;}
.menu-layout{display:grid;grid-template-columns:240px 1fr;border:1px solid rgba(212,175,55,0.12);border-radius:14px;overflow:hidden;background:rgba(10,28,19,0.7);}

/* ── Sidebar & Category Buttons ─ Enhanced ── */
.menu-sidebar{background:#0a1c13;border-right:1px solid rgba(212,175,55,0.15);padding:28px 0;}
.sidebar-label{font-size:10px;letter-spacing:0.45em;text-transform:uppercase;color:rgba(212,175,55,0.75);padding:0 22px;margin-bottom:18px;font-weight:600;}
.cat-btn{display:flex;align-items:center;gap:10px;width:100%;padding:16px 22px;background:none;border:none;cursor:pointer;text-align:left;border-left:3px solid transparent;color:rgba(255,255,255,0.55);font-family:'Montserrat',sans-serif;font-size:13px;letter-spacing:0.06em;font-weight:500;transition:all 0.2s;}
.cat-btn:hover{color:rgba(255,255,255,0.9);background:rgba(212,175,55,0.06);}
.cat-btn.active{color:var(--gold);border-left-color:var(--gold);background:rgba(212,175,55,0.12);font-weight:700;letter-spacing:0.03em;}
.cat-icon{font-size:14px;flex-shrink:0;}
.cat-text{flex:1;}
.cat-count{font-size:10px;background:rgba(212,175,55,0.12);color:var(--gold);padding:2px 8px;border-radius:20px;flex-shrink:0;}
.cat-btn.active .cat-count{background:rgba(212,175,55,0.28);}

.menu-content{padding:36px 40px;}
.cat-panel{display:none;}
.cat-panel.active{display:block;}
.cat-head{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(212,175,55,0.1);}
.cat-head h3{font-family:'Cormorant Garamond',serif;font-size:1.85rem;font-weight:300;}
.cat-desc{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:rgba(212,175,55,0.5);margin-top:4px;}
.all-price-badge{display:inline-block;margin-top:12px;background:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.22);color:var(--gold);font-size:11px;letter-spacing:0.2em;padding:5px 16px;border-radius:20px;}
.sub-label{font-size:9px;letter-spacing:0.5em;text-transform:uppercase;color:rgba(212,175,55,0.55);margin:28px 0 14px;display:flex;align-items:center;gap:12px;}
.sub-label::after{content:'';flex:1;height:1px;background:rgba(212,175,55,0.1);}

/* ── Menu Cards with Images ── */
.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;}
.menu-card{background:rgba(27,67,50,0.22);border:1px solid rgba(212,175,55,0.07);border-radius:10px;padding:0;transition:all 0.2s;position:relative;overflow:hidden;display:flex;flex-direction:column;}
.menu-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);opacity:0;transition:opacity 0.2s;z-index:2;}
.menu-card:hover{background:rgba(27,67,50,0.55);border-color:rgba(212,175,55,0.2);transform:translateY(-2px);}
.menu-card:hover::before{opacity:1;}
.mc-img{width:100%;height:110px;object-fit:cover;border-radius:10px 10px 0 0;display:block;}
.mc-body{padding:12px 16px;display:flex;flex-direction:column;gap:5px;}
/* Cards without image keep original padding */
.menu-card:not(:has(.mc-img)) .mc-body{padding:16px 18px;}
.menu-card:not(:has(.mc-img)){padding:0;}
.mc-num{font-size:9px;letter-spacing:0.3em;color:rgba(212,175,55,0.3);}
.mc-name{font-size:13px;font-weight:300;color:var(--white);line-height:1.4;}
.mc-price{font-family:'Cormorant Garamond',serif;font-size:1.15rem;color:var(--gold);font-weight:500;margin-top:4px;}

.cta-section{padding:100px 24px;text-align:center;background:var(--em-main);border-top:1px solid rgba(212,175,55,0.1);}
.cta-inner h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;margin:10px 0 16px;}
.cta-inner p{color:var(--text-muted);font-size:14px;font-weight:300;margin-bottom:36px;}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

.page-hero{min-height:36vh;display:flex;align-items:flex-end;justify-content:center;padding:calc(var(--nav-h)+60px) 24px 60px;text-align:center;background:radial-gradient(ellipse 80% 80% at 50% 30%,rgba(212,175,55,0.06) 0%,transparent 70%);border-bottom:1px solid rgba(212,175,55,0.1);}
.page-hero-content h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:300;letter-spacing:0.1em;}

.about-section{padding:100px 0;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.about-text h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:300;margin-bottom:24px;}
.about-text p{font-size:14px;font-weight:300;color:var(--text-muted);line-height:1.9;margin-bottom:16px;}
.about-stats{display:flex;gap:40px;margin-top:40px;}
.stat{display:flex;flex-direction:column;}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:400;line-height:1;}
.stat-lbl{font-size:10px;letter-spacing:0.3em;text-transform:uppercase;color:var(--text-muted);margin-top:6px;}
.about-img-wrap{position:relative;}
.about-img-wrap img{border-radius:12px;border:1px solid rgba(212,175,55,0.15);box-shadow:0 40px 80px rgba(0,0,0,0.4);}
.about-img-badge{position:absolute;bottom:-16px;right:-16px;background:var(--gold);color:var(--em-deep);padding:12px 20px;font-size:11px;letter-spacing:0.3em;text-transform:uppercase;font-weight:400;border-radius:2px;}

.iletisim-section{padding:80px 0 120px;}
.iletisim-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.iletisim-info h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:300;margin-bottom:40px;}
.info-cards{display:flex;flex-direction:column;gap:20px;}
.info-card{display:flex;gap:20px;align-items:flex-start;padding:22px;border:1px solid rgba(212,175,55,0.1);border-radius:10px;background:rgba(27,67,50,0.2);transition:background 0.2s;}
.info-card:hover{background:rgba(27,67,50,0.4);}
.info-icon{font-size:18px;color:var(--gold);flex-shrink:0;margin-top:2px;}
.info-card h4{font-size:10px;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-weight:400;}
.info-card p{font-size:14px;font-weight:300;color:var(--text-muted);}
.info-card a{font-size:14px;font-weight:300;color:rgba(255,255,255,0.7);transition:color 0.2s;}
.info-card a:hover{color:var(--gold);}
.map-link{display:inline-block;margin-top:6px;font-size:12px;letter-spacing:0.1em;color:var(--gold) !important;}
.map-wrap{display:flex;flex-direction:column;gap:16px;}
.map-wrap iframe{width:100%;height:380px;border-radius:12px;border:1px solid rgba(212,175,55,0.15);}
.map-btn{text-align:center;}

.footer{background:rgba(0,0,0,0.35);border-top:1px solid rgba(212,175,55,0.1);padding:60px 0 40px;}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;}
.footer-logo svg{width:110px;opacity:0.35;}
.footer-links{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;}
.footer-links a{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.3);font-weight:300;transition:color 0.2s;}
.footer-links a:hover{color:var(--gold);}
.footer-social{display:flex;gap:20px;}
.footer-social a{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:rgba(212,175,55,0.45);font-weight:300;transition:color 0.2s;}
.footer-social a:hover{color:var(--gold);}
.footer-copy{font-size:10px;letter-spacing:0.15em;color:rgba(255,255,255,0.18);font-weight:300;}

@media(max-width:900px){
  .about-grid,.iletisim-grid{grid-template-columns:1fr;gap:48px;}
  .menu-layout{grid-template-columns:1fr;}
  .menu-sidebar{display:flex;flex-wrap:wrap;padding:12px 16px;border-right:none;border-bottom:1px solid rgba(212,175,55,0.1);}
  .sidebar-label{display:none;}
  .cat-btn{width:auto;border-left:none;border-bottom:2px solid transparent;padding:10px 14px;border-radius:0;font-size:12px;}
  .cat-btn.active{border-left:none;border-bottom-color:var(--gold);}
  .menu-content{padding:24px 20px;}
}
@media(max-width:680px){
  .nav-links{display:none;position:fixed;inset:0;top:var(--nav-h);background:rgba(12,32,23,0.98);flex-direction:column;align-items:center;justify-content:center;gap:32px;}
  .nav-links.open{display:flex;}
  .nav-links a{font-size:14px;}
  .hamburger{display:flex;}
  .nav-logo svg{width:160px;}
  .items-grid{grid-template-columns:1fr 1fr;}
  .mc-img{height:90px;}
}
@media(max-width:420px){.items-grid{grid-template-columns:1fr;}}

.about-single{grid-template-columns:1fr;max-width:720px;margin:auto;}