/* Lezzet Durağı Demo — sıcak krem tema, kiremit vurgu */
:root {
    --ana: #b4543a; --ana-k: #97432c; --acik: #fbe9e2;
    --bg: #faf4ec; --beyaz: #fffdf9; --cizgi: #e9dccc;
    --txt: #3a2d24; --mut: #8a7a6a; --altin: #c99a3f;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Georgia, 'Times New Roman', serif; background: var(--bg); color: var(--txt); font-size: 16px; line-height: 1.7; }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { font-weight: 700; letter-spacing: .3px; }

.demo-bant { background: linear-gradient(90deg, #0c1220, #1c2740); color: #8b98b8; font-size: .78rem;
    padding: 7px 18px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap;
    font-family: 'Segoe UI', sans-serif; }
.demo-bant b { color: #00e5ff; }
.demo-bant a { color: #e6ecff; }
.demo-bant a:hover { color: #00e5ff; }

.ust-bar { position: sticky; top: 0; z-index: 100; background: rgba(250, 244, 236, .94);
    backdrop-filter: blur(8px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { width: min(1000px, 94%); margin: 0 auto; display: flex; align-items: center;
    justify-content: space-between; gap: 14px; padding: 14px 0; flex-wrap: wrap; }
.marka { font-size: 1.45rem; font-weight: 800; }
.marka span { color: var(--ana); }
.menu-nav { display: flex; gap: 22px; font-family: 'Segoe UI', sans-serif; font-size: .88rem; font-weight: 600; }
.menu-nav a { color: var(--mut); transition: .2s; }
.menu-nav a:hover { color: var(--ana); }

/* Kahraman */
.kahraman { text-align: center; padding: 76px 20px 66px; position: relative; overflow: hidden;
    background: radial-gradient(600px at 15% 20%, var(--acik), transparent), radial-gradient(500px at 85% 80%, #f3e6cf, transparent); }
.kahraman .sus { font-size: 2.6rem; }
.kahraman h1 { font-size: clamp(2rem, 5vw, 3.1rem); margin: 10px 0 12px; }
.kahraman h1 span { color: var(--ana); font-style: italic; }
.kahraman p { color: var(--mut); max-width: 520px; margin: 0 auto 28px; }
.cizgi-sus { width: 90px; height: 3px; background: var(--altin); margin: 0 auto 8px; border-radius: 99px; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 28px;
    border: none; border-radius: 12px; background: var(--ana); color: #fff; font-weight: 700; font-size: .92rem;
    cursor: pointer; font-family: 'Segoe UI', sans-serif; transition: .25s; }
.btn:hover { background: var(--ana-k); transform: translateY(-2px); box-shadow: 0 14px 28px rgba(180, 84, 58, .3); }
.btn.dis { background: transparent; border: 2px solid var(--ana); color: var(--ana); }
.btn.dis:hover { background: var(--acik); box-shadow: none; }

.kap { width: min(1000px, 94%); margin: 0 auto; }
.bolum { padding: 60px 0; }
.bolum-baslik { text-align: center; margin-bottom: 34px; }
.bolum-baslik .ust-yazi { font-family: 'Segoe UI', sans-serif; font-size: .78rem; font-weight: 700;
    letter-spacing: 3px; text-transform: uppercase; color: var(--altin); }
.bolum-baslik h2 { font-size: 1.9rem; margin-top: 6px; }

/* QR şerit */
.qr-serit { background: var(--beyaz); border-block: 1px solid var(--cizgi); padding: 22px 0;
    font-family: 'Segoe UI', sans-serif; }
.qr-ic { width: min(1000px, 94%); margin: 0 auto; display: flex; align-items: center; gap: 16px;
    justify-content: center; flex-wrap: wrap; color: var(--mut); font-size: .9rem; }
.qr-kutu { width: 54px; height: 54px; border-radius: 10px; border: 2px solid var(--txt);
    background: repeating-conic-gradient(var(--txt) 0% 25%, transparent 0% 50%); background-size: 12px 12px; }

/* Menü */
.sekmeler { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 30px;
    font-family: 'Segoe UI', sans-serif; }
.sekme { padding: 9px 20px; border-radius: 99px; border: 1.5px solid var(--cizgi); background: var(--beyaz);
    color: var(--mut); font-size: .86rem; font-weight: 700; cursor: pointer; transition: .2s; font-family: inherit; }
.sekme:hover { border-color: var(--ana); color: var(--ana); }
.sekme.aktif { background: var(--ana); border-color: var(--ana); color: #fff; }
.menu-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 30px; }
.yemek { display: flex; gap: 14px; align-items: flex-start; background: var(--beyaz); border: 1px solid var(--cizgi);
    border-radius: 14px; padding: 16px 18px; transition: .25s; }
.yemek:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(58, 45, 36, .08); border-color: var(--altin); }
.yemek .emoji { font-size: 1.9rem; }
.yemek-bilgi { flex: 1; }
.yemek-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.yemek-ust b { font-size: 1.02rem; }
.yemek-ust .nokta { flex: 1; border-bottom: 2px dotted var(--cizgi); transform: translateY(-4px); }
.yemek-ust .fiyat { color: var(--ana); font-weight: 800; white-space: nowrap; }
.yemek small { color: var(--mut); font-family: 'Segoe UI', sans-serif; font-size: .82rem; }
.gizli { display: none; }

/* Rezervasyon */
.rez-kutu { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 20px; padding: 34px;
    max-width: 640px; margin: 0 auto; box-shadow: 0 20px 50px rgba(58, 45, 36, .07); }
label { display: block; font-family: 'Segoe UI', sans-serif; font-size: .8rem; font-weight: 700;
    color: var(--mut); margin-bottom: 6px; }
input, select, textarea { width: 100%; padding: 12px 14px; background: var(--bg); border: 1.5px solid var(--cizgi);
    border-radius: 11px; color: var(--txt); font-size: .95rem; font-family: 'Segoe UI', sans-serif; transition: .2s; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--ana);
    box-shadow: 0 0 0 3px rgba(180, 84, 58, .12); background: #fff; }
.alan { margin-bottom: 15px; }
.satir { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 13px; }
.onay-mesaj { background: #eef7ee; border: 1.5px solid #7cb87c; color: #2f6b2f; border-radius: 12px;
    padding: 14px 18px; margin-bottom: 18px; font-family: 'Segoe UI', sans-serif; font-size: .92rem;
    animation: gel .4s ease; }
@keyframes gel { from { opacity: 0; transform: translateY(-8px); } }

/* Alt bilgi */
.alt { background: #241b14; color: #cbbfae; padding: 44px 0 30px; margin-top: 40px; }
.alt-ic { width: min(1000px, 94%); margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 28px; font-family: 'Segoe UI', sans-serif; font-size: .88rem; }
.alt h3 { color: #fff; font-size: 1rem; margin-bottom: 10px; }
.alt .telif { text-align: center; margin-top: 30px; padding-top: 18px; border-top: 1px solid #3a2d22;
    font-size: .8rem; color: #8a7a6a; font-family: 'Segoe UI', sans-serif; }

@media (max-width: 760px) { .menu-izgara { grid-template-columns: 1fr; } .satir { grid-template-columns: 1fr; } .alt-ic { grid-template-columns: 1fr; } }