*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--c-ink,#16181d);background:var(--c-bg,#fff)}
.container{max-width:960px;margin:0 auto;padding:0 20px}
a{color:var(--c-accent,#3d5afe)}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:10}
.site-head{border-bottom:1px solid var(--c-border,#e2e5ea)}
.site-head__inner{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.brand{font-weight:700;font-size:1.2rem;color:var(--c-ink,#16181d);text-decoration:none}
.site-nav__link{margin-left:18px;text-decoration:none;color:var(--c-muted,#5b6470)}
.site-nav__link.is-active{color:var(--c-ink,#16181d);font-weight:600}
main{min-height:60vh}
.preview-bar{background:#ffe9a8;text-align:center;padding:6px;font-size:.85rem}
.block{padding:56px 0}
.block--hero .block__headline{font-size:2.4rem;line-height:1.15;margin:.3rem 0}
.block__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--c-muted,#5b6470)}
.block__lead{font-size:1.15rem;color:var(--c-muted,#5b6470);margin:.6rem 0}
.block__heading{font-size:1.6rem;margin-bottom:1rem}
.block__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}
.card{border:1px solid var(--c-border,#e2e5ea);border-radius:10px;padding:20px;background:var(--c-surface,#f5f6f8)}
.card h3{margin-bottom:.4rem}
.block__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.block__grid img,.block--image img{max-width:100%;height:auto;border-radius:8px}
.block--cta{background:var(--c-surface,#f5f6f8);text-align:center;border-radius:12px;margin:32px 0}
.block__stats{display:flex;flex-wrap:wrap;gap:32px;margin-top:16px}
.stat__value{display:block;font-size:2rem;font-weight:700}
.stat__label{color:var(--c-muted,#5b6470);font-size:.9rem}
.block__faq dt{font-weight:600;margin-top:14px}
.block--quote blockquote{border-left:3px solid var(--c-accent,#3d5afe);padding-left:16px;font-size:1.2rem;font-style:italic}
.button{display:inline-block;background:var(--c-accent,#3d5afe);color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;margin-top:12px}
.prose p{margin:.8rem 0}
.site-foot{border-top:1px solid var(--c-border,#e2e5ea);padding:32px 0;margin-top:48px;color:var(--c-muted,#5b6470);font-size:.9rem}
.site-foot__social a{margin-right:12px}
.error-page{padding:80px 20px;text-align:center}
.error-page__code{font-size:3rem;font-weight:800;color:var(--c-muted,#5b6470)}
.page__empty{padding:64px 20px}

/* QR Menu — hero + menu list */
.hero{padding:56px 0}
.hero__eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--c-muted)}
.hero__title{font-size:2.4rem;line-height:1.1;margin:.4rem 0}
.hero__text{color:var(--c-muted);font-size:1.1rem;max-width:40ch}
.featured{padding:24px 0 40px}
.featured__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}
.featured__card{display:flex;flex-direction:column;gap:.3rem;padding:14px 16px;border:1px solid var(--c-border);border-radius:10px;background:var(--c-surface);text-decoration:none;color:var(--c-ink)}
.featured__price{color:var(--c-accent);font-weight:700}
.info{padding:24px 0 48px;color:var(--c-muted)}
.menu{padding:32px 0 56px}
.menu__head h1{font-size:1.9rem}
.menu__phone{color:var(--c-muted);font-size:.95rem}
.menu-cat{margin-top:32px}
.menu-cat__title{font-size:1.4rem;border-bottom:2px solid var(--c-accent);display:inline-block;padding-bottom:.2rem}
.menu-cat__desc{color:var(--c-muted);font-size:.92rem;margin:.4rem 0}
.menu-list{list-style:none;margin-top:.6rem}
.menu-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px dashed var(--c-border)}
.menu-row__name{font-weight:600}
.menu-row__desc{display:block;color:var(--c-muted);font-size:.88rem;margin-top:.2rem}
.menu-row__price{white-space:nowrap;font-weight:700;color:var(--c-accent)}
.menu-row--empty{color:var(--c-muted);font-style:italic;border:0}
.menu-tag{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;padding:.1rem .5rem;margin-left:.4rem;color:var(--c-muted)}
.info-page{padding:32px 0 56px}
.info-page__list{list-style:none;margin:1rem 0;color:var(--c-muted)}
.hours{margin-top:.6rem}
.hours th{text-align:left;padding:.4rem 1.5rem .4rem 0}
.hours__note{color:var(--c-muted);font-size:.88rem;margin-top:.6rem}

/* Contact buttons (Ayarlar → İletişim Butonları): the canonical WhatsApp / "Ara" buttons take this theme's own accent + corner radius. */
:root{--cms-fab-radius:8px;--cms-fab-phone-bg:var(--c-accent,var(--accent,var(--c-primary,var(--accent-color,#1f1f1f))));--cms-fab-phone-fg:var(--c-on-accent,#fff)}

/* CMS header logo (Ayarlar → Görünüm → Logo kullan): sized to the wordmark, never wider than the header allows. */
.wordmark__logo, .brand__logo { display:block; height: var(--cms-logo-h, 2.25rem); max-height: 2.75rem; width: auto; max-width: min(45vw, 220px); object-fit: contain; }

/* --- CMS sub-menus (Menü → alt öğe): desktop dropdown on hover / focus / toggle, listed inline inside the mobile drawer. Tokens fall back so every theme keeps its own surface + line colours. --- */
.site-nav__item { position: relative; display: inline-flex; align-items: center; gap: .15rem; }
.site-nav__subtoggle { display: none; border: 0; background: none; color: inherit; font: inherit; padding: 0 .15rem; cursor: pointer; line-height: 1; }
.site-nav__item.has-sub .site-nav__subtoggle { display: inline-flex; }
.site-nav__sub { position: absolute; top: calc(100% + .35rem); left: 0; z-index: 60; min-width: 200px; margin: 0; padding: .35rem; list-style: none; display: none; flex-direction: column;
  background: var(--c-surface, var(--surface, var(--c-bg, var(--bg, #fff)))); color: var(--c-ink, var(--ink, inherit)); border: 1px solid var(--c-border, var(--line, var(--border, rgba(0,0,0,.12)))); border-radius: var(--radius, 10px); box-shadow: 0 16px 40px -18px rgba(0,0,0,.45); }
.site-nav__item:hover > .site-nav__sub, .site-nav__item:focus-within > .site-nav__sub, .site-nav__item.is-open > .site-nav__sub { display: flex; }
.site-nav__sub a { display: block; padding: .5rem .7rem; white-space: nowrap; text-decoration: none; color: inherit; border-radius: 6px; font-size: .92em; }
.site-nav__sub a:hover, .site-nav__sub a:focus-visible { background: color-mix(in srgb, currentColor 8%, transparent); }
@media (max-width: 960px) { .site-nav__sub { position: static; box-shadow: none; border: 0; padding-left: 1rem; } }