/* Veloya QR-Menü – angeglichen an Fassung 3 der Seite (11.11.2026)
   Palette Wada-Tafel 302: Antwerp Blue #007190 · Nile Blue #BCE4E5 · Ecru #C2AE93 · Cream Yellow #FDBF68
   Schrift: Folio (Überschriften, Versalien) + Spire (Text) */
:root{
  --tuch:#007190; --tuch-koyu:#0B3A4A; --murekkep:#0B2B36;
  --nil:#BCE4E5; --zemin:#E6F3F2; --mese-acik:#E9DFD0; --isik:#FDBF68;
  --cizgi:rgba(11,43,54,.14);
  --serif:"Folio",Georgia,serif; --sans:"Spire","Arial Narrow",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--zemin);color:var(--murekkep);font:400 1.3rem/1.45 var(--sans);font-variation-settings:"wght" 460}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:400}
:focus-visible{outline:2px solid var(--tuch);outline-offset:3px}

/* Kopf: feste blaue Fläche wie auf der Seite */
.m-kafa{display:flex;align-items:center;gap:16px;padding:16px clamp(16px,4vw,48px);background:var(--tuch);color:#F4FAFA}
.m-kafa__geri{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--zemin);padding:7px;flex:none}
.m-kafa__geri img{width:100%;height:100%;object-fit:contain}
.m-kafa__ust{margin:0;font-size:1.1rem;opacity:.85}
.m-kafa h1{font:400 2.6rem/1 var(--serif);text-transform:uppercase}
.m-kafa__saat{margin:0 0 0 auto;text-align:right;font-size:1.1rem;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.9}

/* Reiter */
.sekme{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;padding:10px clamp(16px,4vw,48px);background:var(--zemin);border-bottom:1px solid var(--cizgi);scrollbar-width:none}
.sekme::-webkit-scrollbar{display:none}
.sekme a{flex:none;display:grid;place-items:center;min-height:44px;padding:0 16px;border-radius:999px;text-decoration:none;font-weight:600;font-variation-settings:"wght" 600;font-size:1.15rem;white-space:nowrap;color:var(--murekkep);transition:background-color .2s ease,color .2s ease}
.sekme a:hover{background:rgba(0,113,144,.1)}
.sekme a.secili{background:var(--tuch);color:#F4FAFA}

/* Kategorien */
.kat{scroll-margin-top:68px;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:clamp(24px,4vw,64px);padding:clamp(32px,5vw,64px) clamp(16px,4vw,48px);border-bottom:1px solid var(--cizgi)}
.kat__foto{position:sticky;top:88px;align-self:start;margin:0;border-radius:32px;overflow:hidden;background:var(--tuch-koyu)}
.kat__foto img{width:100%;aspect-ratio:4/3;object-fit:cover;opacity:.55;transition:opacity .2s}
.kat.yandi .kat__foto img{animation:yan .9s ease-out forwards}
@keyframes yan{0%{opacity:.55}100%{opacity:1}}
.kat__foto h2{position:absolute;left:0;right:0;bottom:0;padding:64px clamp(18px,3vw,32px) clamp(16px,2.5vw,26px);font:400 clamp(2rem,3.6vw,3rem)/1.02 var(--serif);text-transform:uppercase;color:#FBFDFD;background:linear-gradient(0deg,rgba(6,30,38,.7),transparent)}
.grup+.grup{margin-top:32px}
.grup h3{display:inline-block;font:400 1.35rem/1.2 var(--serif);text-transform:uppercase;color:var(--tuch);margin-bottom:6px;padding-bottom:4px;border-bottom:2px solid var(--isik)}
.grup ul{list-style:none;margin:0;padding:0}
.grup li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.nokta{display:none}
.ad{flex:0 1 auto}
.ad small{display:block;font-size:1rem;opacity:.7;margin-top:2px}
.fiyat{flex:none;font-variant-numeric:tabular-nums;font-weight:600;font-variation-settings:"wght" 640}

/* Hinweis auf den Spielsaal */
.oyun{margin:clamp(32px,5vw,64px) clamp(16px,4vw,48px);padding:clamp(32px,5vw,56px);border-radius:32px;background:var(--tuch-koyu);color:#F4FAFA;text-align:center}
.oyun h2{font:400 clamp(2rem,4vw,3rem)/1.05 var(--serif);text-transform:uppercase;margin-bottom:12px}
.oyun p{max-width:40ch;margin:0 auto 24px;opacity:.9}
.lamba-dugme{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:12px 26px;background:var(--isik);color:var(--murekkep);text-decoration:none;font-weight:600;font-variation-settings:"wght" 640;font-size:1.15rem;border-radius:14px;transition:transform .15s ease}
.lamba-dugme__ampul{display:none}
.lamba-dugme::after{content:"";position:absolute;left:26px;right:26px;bottom:10px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.lamba-dugme:hover::after,.lamba-dugme:focus-visible::after{transform:scaleX(1)}
.lamba-dugme:active{transform:translateY(1px)}

.m-ayak{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding:24px clamp(16px,4vw,48px) 40px;background:var(--tuch);color:var(--mese-acik);font-size:1.05rem}
.m-ayak p{margin:0}

@media (max-width:760px){
  body{font-size:1.2rem}
  .m-kafa{padding:12px 16px;gap:12px}
  .m-kafa__geri{width:50px;height:50px;padding:6px}
  .m-kafa h1{font-size:2rem}
  .m-kafa__ust{font-size:.95rem}
  .m-kafa__saat{font-size:.95rem}
  .sekme{padding:8px 12px}
  .kat{grid-template-columns:1fr;gap:18px;padding:24px 16px 36px}
  .kat__foto{position:relative;top:auto;border-radius:24px}
  .kat__foto img{aspect-ratio:auto;height:38svh;max-height:320px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .kat__foto img,.kat.yandi .kat__foto img{opacity:1;animation:none}
}
@media (min-width:761px){.sekme{justify-content:center}}