/* ============================================================
   SELAM — the Turkish flow
   Design: İznik-csempe irány (petrol-türkiz + gránátalma + sáfrány),
   oszmán boltív-keretek, geometrikus csempe-minta. Tiszta CSS, kép nélkül is áll.
   Betűk: Bricolage Grotesque (display) + Hanken Grotesk (body).
   ============================================================ */

:root{
  --selam-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Crect width='52' height='52' fill='%23831b24'/%3E%3Cg fill='none' stroke='%238e2c31' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='22' cy='22' r='9.5'/%3E%3Cpath d='M47 38.5C40 38 35 42 34.5 48.5'/%3E%3Cpath d='M54 48.5C53 54 49 57 43 57.5'/%3E%3Cpath d='M2 48.5C1 54 -3 57 -9 57.5'/%3E%3Cpath d='M47 -13.5C40 -14 35 -10 34.5 -3.5'/%3E%3Cpath d='M2 -3.5C1 2 -3 5 -9 5.5'/%3E%3Cpath d='M54 -3.5C53 2 49 5 43 5.5'/%3E%3C/g%3E%3C/svg%3E"); /* piros szekció-minta, 52x52 csempe */
  /* SELAM valós paletta (referencia szerint): burgundi/borvörös + krém + arany */
  --gece:#831b24;        /* mély burgundi — sötét szekciók (galéria, kapcsolat, lábléc) */
  --gece-2:#96252d;      /* világosabb burgundi */
  --brand:#a92d35;       /* dusztus téglavörös — nav-sáv + elsődleges gombok */
  --brand-d:#831b1f;
  --firuze:#c9a24a;      /* arany — a "flow" tagline + finom akcensek */
  --firuze-d:#9a7420;    /* mély arany — link/szöveg világos háttéren */
  --nar:#b5271b;         /* élénk téglavörös — árak, ❖ kategória-jel, aktív fül */
  --nar-d:#8f1e15;
  --safran:#c9a24a;      /* arany — másodlagos akcens */
  --safran-d:#a5811f;
  --kagit:#f6efe2;       /* krém — világos háttér (étlap) */
  --kagit-2:#efe6d5;     /* krém 2 — váltó szekció */
  --ink:#2a1c1a;         /* meleg sötét tinta (szöveg) */
  --muted:#7a6a60;       /* halvány szöveg */
  --vonal:#e5d9c6;       /* keret világos háttéren */
  --radius:14px;
  --wrap:1140px;
  --arch:999px 999px var(--radius) var(--radius); /* oszmán boltív felül */
  /* csempe-minta — dekoratív, halvány (arany pöttyök a sötét szekciókon) */
  --tile:
    radial-gradient(circle at 50% 50%, transparent 8px, color-mix(in srgb, var(--safran) 26%, transparent) 9px 10px, transparent 11px),
    radial-gradient(circle at 0 0, transparent 8px, color-mix(in srgb, var(--safran) 20%, transparent) 9px 10px, transparent 11px),
    radial-gradient(circle at 100% 100%, transparent 8px, color-mix(in srgb, var(--safran) 20%, transparent) 9px 10px, transparent 11px);
}

*{box-sizing:border-box}
html{overflow-x:clip}
/* sima görgetés csak betöltés UTÁN (a script.js teszi fel a .sima osztályt): másik oldalról érkezve a horgony azonnal ugrik,
   ugyanazon az oldalon kattintva a mostani helyről görget tovább */
@media(prefers-reduced-motion:no-preference){html.sima{scroll-behavior:smooth}}
body{
  margin:0;
  overflow-x:clip;
  font-family:"Hanken Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  background:var(--kagit);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--firuze-d);text-decoration:none}
h1,h2,h3{font-family:"Oswald",system-ui,sans-serif;font-weight:600;line-height:1.08;letter-spacing:.02em;text-transform:uppercase;margin:0}
/* elegáns dőlt tagline (Playfair) — a "the Turkish flow" */
.script{font-family:"Playfair Display",serif;font-style:italic;font-weight:500;text-transform:none;letter-spacing:0;color:var(--firuze)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.center{text-align:center}
.kicker{display:inline-block;font-family:"Oswald";font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--nar);margin-bottom:12px}
.night .kicker{color:var(--safran)}
.h2{font-size:clamp(28px,4vw,44px);margin-bottom:14px}
.lead{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:60ch}
.night .lead,.contact .lead,.page-hero .lead{color:#e9d9d2}

/* ---------- gombok ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:"Oswald";font-weight:600;font-size:16px;
  padding:13px 24px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap}
.btn{border-radius:6px}
.btn-red{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn-red:hover{background:var(--brand-d);border-color:var(--brand-d);transform:translateY(-1px)}
.btn-gold{background:transparent;color:var(--firuze);border-color:var(--firuze)}
.btn-gold:hover{background:var(--firuze);color:var(--gece)}
.btn-line{background:transparent;color:var(--ink);border-color:var(--vonal)}
.btn-line:hover{border-color:var(--ink)}

.order-note{margin-top:16px;font-size:14px;color:var(--muted)}
.order-note a{color:var(--firuze-d);font-weight:600}
.order-note a:hover{text-decoration:underline}

/* ---------- csempe-minta segéd ---------- */
.tilepat{background-image:var(--tile);background-size:44px 44px}

/* ---------- oszmán boltív képhely (placeholder) ---------- */
.arch{
  position:relative;border-radius:var(--arch);overflow:hidden;
  background:var(--gece-2);background-image:var(--tile);background-size:40px 40px;
  border:2px solid color-mix(in srgb,var(--firuze) 45%,transparent);
  display:flex;align-items:center;justify-content:center;min-height:220px;
}
.arch .ph{color:color-mix(in srgb,var(--firuze) 85%,#fff);text-align:center;font-family:"Oswald";font-weight:600;font-size:14px;letter-spacing:.05em;opacity:.85;padding:16px}
.arch .ph small{display:block;font-family:"Hanken Grotesk";font-weight:400;font-size:12px;opacity:.7;margin-top:4px;text-transform:none;letter-spacing:0}
.arch.tall{min-height:340px}
.arch.wide{min-height:180px;border-radius:var(--radius)}
.arch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* a valós belső mohafal a világító SELAM-felirattal — a hero képhelyén */
.arch.moss-wall{
  background-color:#2a2017;
  background-image:
    radial-gradient(circle at 22% 28%, #3f3020cc 0, transparent 26%),
    radial-gradient(circle at 78% 42%, #35281a99 0, transparent 22%),
    radial-gradient(circle at 58% 82%, #3c2e1fcc 0, transparent 26%),
    radial-gradient(circle at 10% 76%, #2d2116cc 0, transparent 20%),
    radial-gradient(circle at 90% 86%, #3f3020aa 0, transparent 22%);
  border-color:color-mix(in srgb,var(--safran) 60%,transparent);
}
.moss-sign{text-align:center;padding:16px}
.moss-sign b{display:block;font-family:"Oswald";font-weight:800;font-size:clamp(46px,8vw,80px);letter-spacing:.08em;color:#f6edd6;
  text-shadow:0 0 26px rgba(212,161,58,.55),0 2px 6px rgba(0,0,0,.45)}
.moss-sign small{display:block;font-family:"Hanken Grotesk";font-weight:400;font-size:12px;letter-spacing:.03em;color:#d5e2d3;opacity:.85;margin-top:14px}

/* ---------- NAV (tömör burgundi sáv, világos szöveg — referencia szerint) ---------- */
.nav{position:sticky;top:0;z-index:50;background:#831b24 var(--selam-pat) 0 0/52px 52px repeat;border-bottom:1px solid color-mix(in srgb,#000 22%,#831b24)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:11px;color:#fbf3e6}
.brand img{display:block;height:40px;width:auto}
@media(max-width:600px){.brand img{height:34px}}
.nav-links{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.nav-links a{color:#f6e9d8;font-family:"Oswald";font-weight:500;font-size:15px;letter-spacing:.09em;text-transform:uppercase}
.nav-links a:not(.btn):hover{color:var(--firuze)}
.nav-links a.active{color:var(--firuze)}
/* nyelvváltó: „HU | EN” — külön kis keretes pill a sáv jobb szélén, finom elválasztóval a menütől; az aktuális nyelv nem link */
.lang-pick{position:relative;display:inline-flex;align-items:center;flex:none;gap:0;margin-left:24px;padding:4px 13px;border:1px solid color-mix(in srgb,#fbf3e6 55%,transparent);border-radius:999px;font-family:"Oswald";font-weight:600;font-size:13px;letter-spacing:.12em;line-height:1.5}
.lang-pick::before{content:"";position:absolute;left:-14px;top:50%;height:26px;width:1px;transform:translateY(-50%);background:color-mix(in srgb,#fbf3e6 28%,transparent)}
.lang-pick>*+*::before{content:"|";margin:0 8px;font-weight:400;color:color-mix(in srgb,#fbf3e6 50%,transparent)}
.lang-on{color:var(--firuze);cursor:default}
.lang-switch{color:#fbf3e6;transition:.18s}
.lang-switch:hover{color:var(--firuze)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.burger span{width:24px;height:2px;background:#fbf3e6;display:block;transition:.2s}

/* ---------- HERO (valós belső fotó, középre igazított SELAM — referencia szerint) ---------- */
.hero{position:relative;min-height:86vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:var(--gece)}
.hero-photo{position:absolute;inset:0;background-image:url('kepek/insta-13-belso-ter-asztalok.webp');background-size:cover;background-position:center 25%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,9,12,.34) 0%,rgba(31,9,12,.5) 60%,rgba(31,9,12,.72) 100%)}
.hero-in{position:relative;z-index:2;padding:110px 22px 130px;max-width:900px;margin:0 auto}
.hero .over{font-family:"Oswald";font-weight:500;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--firuze);margin:0 0 14px}
.hero h1{font-size:clamp(60px,13vw,152px);font-weight:600;letter-spacing:.05em;line-height:.98;color:#fff;margin:0;text-shadow:0 6px 34px rgba(0,0,0,.5)}
.hero .script{display:block;font-size:clamp(26px,4.6vw,52px);margin:10px 0 4px;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.hero .tag{font-size:clamp(16px,2vw,19px);color:#f0e6da;max-width:52ch;margin:20px auto 30px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}
.hero-hours{position:absolute;z-index:2;right:26px;bottom:26px;text-align:left;min-width:210px;text-shadow:0 1px 8px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.6)}
.hero-hours h4{font-family:"Oswald";font-weight:600;font-size:13px;letter-spacing:.14em;color:var(--firuze);margin:0 0 8px}
.hero-hours li{display:flex;justify-content:space-between;gap:18px;list-style:none;font-size:13.5px;color:#fff;padding:3px 0}
.hero-hours ul{margin:0;padding:0}
.hero-hours b{color:#fff;font-weight:500}

/* ---------- bizalom-sáv ---------- */
.trust{background:#831b24 var(--selam-pat) 0 0/52px 52px repeat;color:#eaf2ef;border-top:2px solid color-mix(in srgb,var(--safran) 60%,transparent)}
.trust .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px;padding:20px 22px}
.titem{display:flex;align-items:center;gap:0;font-size:15px}
.titem b{font-family:"Oswald";color:var(--firuze)}
.titem .dot{width:7px;height:7px;border-radius:50%;background:var(--safran);margin-right:9px}
.titem .rest{margin-left:.28em}

/* ---------- szekció ---------- */
.section{padding:76px 0}
.section.pad-sm{padding:54px 0}
.cream2{background:var(--kagit-2)}

/* ---------- Rólunk ---------- */
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.about-imgs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-imgs .arch:first-child{margin-top:28px}

/* ---------- étlap-ízelítő ---------- */
.menu-teaser{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.mcard{background:var(--kagit);border:1px solid var(--vonal);border-radius:var(--radius);padding:20px 22px;display:flex;flex-direction:column}
.cream2 .mcard{background:#fff}
.mcard h3{font-size:19px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mcard p{color:var(--muted);font-size:15px;margin:8px 0 14px;flex:1}
.mcard .ar{font-family:"Oswald";font-weight:700;font-size:18px;color:var(--nar)}
.badge{font-family:"Oswald";font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.badge.vegan{background:color-mix(in srgb,var(--firuze) 20%,#fff);color:var(--firuze-d)}
/* allergén-jelölés: ovális szám-jelvény (1 glutén · 2 laktóz · 3 tojás · 4 magvak) */
.alg{font-family:"Oswald";font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--muted);border:1px solid var(--vonal);border-radius:999px;padding:1px 9px}

/* ---------- by night ---------- */
.night{position:relative;background:#831b24 var(--selam-pat) 0 0/52px 52px repeat;color:#eef2ef;overflow:hidden}
.night .wrap{position:relative}
/* vízipipa-matrica: a by night szekció jobb felső részén, a címsor mellett (a 9d2c311-beli helyén) */
.s2-marvany .h2{max-width:calc(100% - 130px)}
.s2-marvany .lead{max-width:min(62ch,calc(100% - 130px))}
.s2-marvany .m-vizipipa{position:absolute;z-index:1;right:10px;top:-30px;height:150px;width:auto;transform:rotate(7deg)}
@media(max-width:860px){
  .s2-marvany .h2,.s2-marvany .lead{max-width:none}
  .s2-marvany .m-vizipipa{position:static;float:right;height:96px;margin:0 0 6px 12px}
  .s2-marvany .night-grid{clear:both}
}
@media(max-width:600px){.s2-marvany .m-vizipipa{height:78px}}
.night-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.ncard{background:color-mix(in srgb,var(--gece-2) 90%,#000);border:1px solid color-mix(in srgb,var(--safran) 32%,transparent);border-radius:var(--radius);padding:20px 22px}
.ncard h3{font-size:18px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:#fff}
.ncard h3 .ar{font-family:"Oswald";color:var(--safran);font-size:16px}
.ncard p{color:#b9cbc6;font-size:14.5px;margin:8px 0 0}
.night-note{margin-top:26px;font-size:15px;color:#cde0db}
.night-note a{color:var(--safran)}

/* ---------- vízipipa-panel (a by night szekció egyik fő eleme) ---------- */
.hookah{
  position:relative;margin-top:36px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"txt pipak" "btn pipak";column-gap:clamp(28px,5vw,72px);row-gap:0;align-items:center;
  background:radial-gradient(ellipse 60% 120% at 88% 50%,color-mix(in srgb,var(--safran) 22%,transparent),transparent 70%),linear-gradient(135deg,rgba(40,8,15,.72),rgba(40,8,15,.5));
  border:1px solid color-mix(in srgb,var(--safran) 60%,transparent);
  box-shadow:0 18px 50px rgba(20,4,8,.35),inset 0 0 0 1px color-mix(in srgb,var(--safran) 14%,transparent);
  border-radius:calc(var(--radius) + 4px);padding:52px clamp(28px,4vw,56px);
}
.hookah-badge{
  display:inline-block;font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gece);background:var(--safran);
  padding:5px 13px;border-radius:999px;margin-bottom:14px;
}
.hookah h3{font-family:"Oswald";font-size:clamp(28px,3.4vw,40px);line-height:1.15;color:#fff;margin:0}
.hookah p{color:#d6e2de;font-size:17px;line-height:1.6;margin:14px 0 0;max-width:56ch}
.hookah-izek{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hookah-izek li{font-size:13px;line-height:1;letter-spacing:.03em;color:#e6d6a8;padding:7px 13px;border:1px solid color-mix(in srgb,var(--safran) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--safran) 8%,transparent)}
.hookah .btn{margin-top:26px}
/* a szöveg balra, az „Újdonság” címke és az itallap-gomb a doboz jobb oldalán; mobilon címke felül, gomb alul */
.hookah-txt{grid-area:txt}
.hookah>.hookah-badge{position:absolute;z-index:2;top:20px;right:22px;margin:0}
.hookah>.btn.btn-arrow{grid-area:btn;justify-self:start;align-self:start;margin:24px 0 0}
/* a két pipa-matrica (2 fős, 4 fős): gépen jobbra, mobilon a szöveg fölött */
.hookah-pipak{grid-area:pipak;display:flex;gap:20px;align-items:flex-end;justify-content:center;padding-top:22px}
@media(min-width:861px){.hookah-pipak{margin-right:clamp(24px,4vw,64px)}}  /* gépen ne tapadjon a doboz jobb széléhez */
.hookah-pipak figure{margin:0;text-align:center}
.hookah-pipak img{display:block;height:210px;width:auto;margin:0 auto;filter:drop-shadow(0 10px 18px rgba(20,4,8,.45))}
.hookah-pipak figure:first-child img{transform:rotate(-5deg)}
.hookah-pipak figure:last-child img{transform:rotate(5deg)}
.hookah-pipak figcaption{font-family:"Oswald";font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--safran);margin-top:10px}
@media(max-width:860px){.hookah{padding:56px 32px 40px;grid-template-columns:1fr;grid-template-areas:"pipak" "txt" "btn";row-gap:18px}.hookah-pipak{padding-top:0}.hookah-pipak img{height:170px}.hookah>.btn.btn-arrow{margin-top:6px}}
@media(max-width:640px){.hookah{padding-top:54px}.hookah-pipak img{height:140px}.hookah>.hookah-badge{top:16px;right:16px}}
@media(max-width:640px){
  .hookah{padding:54px 22px 24px;margin-top:28px}
  .hookah p{font-size:16px}
  .hookah .btn{margin-top:22px}
}

/* ---------- kiszállítás ---------- */
.delivery{background:#831b24 var(--selam-pat) 0 0/52px 52px repeat;color:#fff;text-align:center}
.delivery .h2{color:#fff}
.delivery p{max-width:52ch;margin:0 auto;color:#ffe6e0}
.dapps{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px}
.dapp{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--ink);border-radius:999px;padding:13px 24px;font-family:"Oswald";font-weight:700;transition:background .18s,transform .18s,box-shadow .18s}
.dapp small{display:block;font-family:"Hanken Grotesk";font-weight:400;font-size:12px;color:var(--muted)}
.dapp[href*="wolt"]{background:#0079B3;color:#fff}
.dapp[href*="foodora"]{background:#D70F64;color:#fff}
.dapp[href*="wolt"] small,.dapp[href*="foodora"] small{color:#fff;font-weight:500}
.dapp[href*="wolt"]:hover{background:#006796;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.dapp[href*="foodora"]:hover{background:#B80C54;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.dapp:hover{transform:translateY(-1px)}

/* ---------- galéria-ízelítő ---------- */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.gal .arch{min-height:190px}
.gal .arch:nth-child(1),.gal .arch:nth-child(4){min-height:240px}

/* lekerekített, változatos méretű galéria (masonry — a képek megtartják arányukat) */
.gallery{columns:4;column-gap:12px;margin-top:32px}
.gallery a,.gallery img{display:block;width:100%}
.gallery img{height:auto;border-radius:12px;margin-bottom:12px;break-inside:avoid}
.gallery a{break-inside:avoid;margin-bottom:12px}
.gallery a img{margin-bottom:0}
/* főoldali ízelítő: 4 egyforma, lekerekített kép egymás mellett */
.gallery.teaser{columns:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery.teaser a{margin-bottom:0}
.gallery.teaser img{aspect-ratio:3/2;object-fit:cover;height:auto;margin-bottom:0}
/* nagy kiemelt kép az ízelítő elején: 2 oszlop × 2 sor */
.gallery.teaser .t-big{display:block;position:relative;grid-column:span 2;grid-row:span 2}
.gallery.teaser .t-big img{position:absolute;inset:0;aspect-ratio:auto;width:100%;height:100%}
.gallery.teaser .t-w2{display:block;position:relative;grid-column:span 2}
.gallery.teaser .t-w2 img{position:absolute;inset:0;aspect-ratio:auto;width:100%;height:100%}
@media(max-width:820px){.gallery.teaser .t-big{aspect-ratio:1/1}.gallery.teaser .t-w2{aspect-ratio:2/1}}  /* 2 oszlopnál egyedül állnak a sorukban — magasságot maguknak kell adniuk */
@media(max-width:820px){.gallery{columns:3}.gallery.teaser{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.gallery{columns:2}}

/* ---------- vélemények ---------- */
.rev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.rev{background:#fff;border:1px solid var(--vonal);border-radius:var(--radius);padding:22px 24px}
.rev .stars{color:var(--safran);font-size:17px;letter-spacing:2px}
.rev p{font-size:16px;margin:10px 0 12px}
.rev .who{font-family:"Oswald";font-weight:600;font-size:14px;color:var(--muted)}
/* a szerző neve sima szövegnek látszik (Dani, 2026-10-03), de a Places API szabálya miatt a profiljára mutató link megmarad */
.rev .who a{color:inherit;text-decoration:none;cursor:text}
.rev .rev-av{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:7px;vertical-align:middle;object-fit:cover;background:var(--vonal);color:var(--ink);font-size:12px;font-weight:600}
.rev .rev-orig{display:block;width:max-content;margin-top:8px;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.rev-sum{margin:12px 0 0;font-family:"Oswald";font-weight:600;font-size:20px;color:var(--ink)}
.rev-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.rev-fallback{margin:28px 0 0;font-size:17px}
.rev-src{margin:18px 0 0;font-size:12px;color:var(--muted)}
.rev-rule{margin-top:6px;font-size:12px}
.rev-ph{min-height:130px;background:linear-gradient(90deg,#fff 25%,#f2ece2 50%,#fff 75%);background-size:200% 100%;animation:revph 1.4s ease-in-out infinite}
@keyframes revph{from{background-position:200% 0}to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.rev-ph{animation:none}}
.rev-grid[hidden]{display:none}

/* ---------- GYIK ---------- */
.faq{max-width:760px;margin:32px auto 0}
.faq-item{border:1px solid var(--vonal);border-radius:var(--radius);margin-bottom:12px;background:#fff;overflow:hidden}
.faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:18px 22px;font-family:"Oswald";font-weight:600;font-size:17px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-q .plus{color:var(--nar);font-size:22px;flex:none;transition:.2s}
.faq-item.open .faq-q .plus{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faq-a p{margin:0;padding:0 22px 20px;color:var(--muted)}
.faq-a a{color:var(--firuze-d);text-decoration:underline}

/* ---------- kapcsolat ---------- */
.contact{background:#831b24 var(--selam-pat) 0 0/52px 52px repeat;color:#eef2ef}
.contact .kicker{color:var(--safran)}
.contact .h2{color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.c-lines{list-style:none;margin:22px 0;padding:0}
.c-lines li{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,#fff 12%,transparent);align-items:flex-start}
.c-lines .ci{flex:none;width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--firuze);font-size:0;overflow:hidden}
.c-lines a{color:#fff}
.c-lines small{display:block;color:#d8c4c0;font-size:13px}
.hours-box{background:color-mix(in srgb,var(--gece-2) 85%,#000);border:1px solid color-mix(in srgb,var(--safran) 30%,transparent);border-radius:var(--radius);padding:8px 22px}
.hours-box ul{margin:0;padding:0}
.hours-box li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid color-mix(in srgb,#fff 10%,transparent);list-style:none}
.hours-box li:last-child{border-bottom:0}
.hours-box .nap{color:#c7d6d2}
.hours-box b{color:var(--safran);font-family:"Oswald"}
.hours-box li.ma{background:color-mix(in srgb,var(--firuze) 16%,transparent);margin:0 -22px;padding:13px 22px;border-radius:8px}
.hours-box li.ma .nap,.hours-box li.ma b{color:#fff}
.socials{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.socials a{color:#dfeae6;border:1px solid color-mix(in srgb,#fff 20%,transparent);border-radius:999px;padding:8px 16px;font-size:14px}
.socials a:hover{border-color:var(--firuze);color:var(--firuze)}
/* bizalmi sáv: mobilon 2x2 rács */
@media(max-width:600px){
  .trust .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:16px 18px;justify-content:stretch}
  .trust .titem{display:block;position:relative;padding-left:15px;font-size:13.5px;line-height:1.3}
  .trust .titem .dot{position:absolute;left:0;top:.65em;margin:-3.5px 0 0}
  .trust .titem b{white-space:nowrap}
  .trust .rest{margin-left:0}
  .trust .hm{display:none}
}
/* kapcsolat: egységes ikonok */
.c-lines .ci{width:20px;height:20px;margin-top:2px;border-radius:0;background:none;color:var(--firuze);font-size:0;overflow:visible}
.c-lines .ci svg{width:20px;height:20px;display:block}
/* ugyanez világos háttéren (foglalás oldal) */
.c-lines.vilagos{color:var(--ink)}
.c-lines.vilagos li{border-bottom-color:color-mix(in srgb,var(--ink) 12%,transparent)}
.c-lines.vilagos .ci{color:var(--nar)}
.c-lines.vilagos a{color:var(--firuze-d)}
.c-lines.vilagos small{color:var(--muted)}
.socials{align-items:center}
.brandicons{display:flex;flex-wrap:wrap;gap:10px}
.bi{width:42px;height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s,box-shadow .18s,filter .18s}
.bi svg{width:26px;height:26px;display:block}
.bi-wolt,.bi-foodora{width:92px;padding:0 10px}
.bi-name{font-family:"Oswald",Arial,sans-serif;font-weight:500;font-size:15px;letter-spacing:.04em;color:#f3ece0;line-height:1}
.bi-wolt{background:#2a5f78}.bi-foodora{background:#8c3556}.bi-fb{background:#34578a}
.bi-ig{background:linear-gradient(45deg,#8a5a3c 0%,#9a4a5a 55%,#6c4a86 100%)}
.bi-tt{background:#2b2427}
/* 5 ikon (Wolt, Foodora, IG, FB, TikTok) keskeny telefonon is egy sorban */
@media(max-width:400px){.brandicons{gap:8px}.bi-wolt,.bi-foodora{width:80px}.bi-name{font-size:14px}}
.socials .bi{border:0;padding:0;color:#fff;border-radius:11px;font-size:0}
.bi:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.3);filter:brightness(1.12)}
#terkep{height:300px;border-radius:var(--radius);margin-top:14px;border:1px solid color-mix(in srgb,var(--safran) 30%,transparent);overflow:hidden;max-width:100%}
#terkep iframe{display:block;width:100%;height:100%;border:0}
.map-note{font-size:13.5px;color:#a9bdb8;margin-top:10px}

/* ---------- FOGLALÁS űrlap ---------- */
.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.form-card{background:#fff;border:1px solid var(--vonal);border-radius:var(--radius);padding:28px 28px 30px}
.field{margin:0;min-width:0}
.field label{display:block;font-family:"Oswald";font-weight:600;font-size:14px;margin-bottom:6px}
.field input,.field select,.field textarea{display:block;width:100%;min-height:48px;font-family:inherit;font-size:16px;line-height:1.4;padding:12px 14px;border:1px solid var(--vonal);border-radius:10px;background-color:var(--kagit);color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--firuze);box-shadow:0 0 0 3px color-mix(in srgb,var(--firuze) 22%,transparent)}
.field ::placeholder{color:var(--muted);opacity:.75}
/* űrlap-csoportok (Mikor / Hányan / Elérhetőség): egyetlen térköz-ritmus — a mezőknek nincs saját margója, a csoporton belül a gap, a csoportok között a margó adja a rést, így mobilon sem adódik össze semmi */
.fgroup{border:0;margin:0 0 28px;padding:0;min-width:0;display:grid;gap:16px}
.fgroup-title{display:flex;align-items:center;gap:12px;width:100%;padding:0;margin:0 0 16px;font-family:"Oswald";font-weight:600;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--nar)}
.fgroup-title::after{content:"";flex:1;height:1px;background:var(--vonal)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field-hint{font-size:13px;line-height:1.5;color:var(--muted);margin:-8px 0 0}
/* natív dátum/idő mező — natív marad, csak a dizájnhoz igazítva */
.field input[type="date"],.field input[type="time"]{-webkit-appearance:none;appearance:none;text-align:left;cursor:pointer;color-scheme:light}
.field input[type="date"]::-webkit-date-and-time-value,.field input[type="time"]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
.field input[type="date"]::-webkit-datetime-edit,.field input[type="time"]::-webkit-datetime-edit{padding:0}
.field input[type="date"]:invalid::-webkit-datetime-edit,.field input[type="time"]:invalid::-webkit-datetime-edit{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.field input[type="date"]::-webkit-calendar-picker-indicator,.field input[type="time"]::-webkit-calendar-picker-indicator{width:18px;height:18px;padding:0;margin-left:8px;opacity:1;cursor:pointer;background:var(--nar);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E") center/18px 18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E") center/18px 18px no-repeat}
.field input[type="time"]::-webkit-calendar-picker-indicator{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.field select{-webkit-appearance:none;appearance:none;padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6a60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px}
.form-note{font-size:13.5px;color:var(--muted);margin-top:4px}
.form-foot{text-align:center;margin-top:12px}
.hp-field{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden;margin:0}
/* hozzájárulások: rövid, érdemi címke; a teljes szöveg közvetlenül alatta, a „Részletek" lenyílóban */
.consent{display:grid;gap:12px;border-top:1px solid var(--vonal);padding-top:22px;margin-bottom:22px}
.field .consent-label{display:flex;gap:12px;align-items:flex-start;margin:0 !important;font-family:inherit !important;font-weight:400 !important;font-size:14px !important;line-height:1.5;color:var(--muted);cursor:pointer}
.field .consent-req{color:var(--ink)}
.field .consent-label input{width:18px;height:18px;min-height:0;flex:none;margin:2px 0 0;padding:0;accent-color:var(--nar)}
.opt-tag{display:inline-block;font-family:"Oswald";font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--vonal);border-radius:999px;padding:0 8px;margin-right:4px;vertical-align:1px}
.form-error{font-size:14px;font-weight:600;color:var(--nar);margin:0 0 12px}
/* betelt óránál a szerver aznapi szabad időpontjai a hibasáv alatt — kattintásra az az időpont, és megy a foglalás (Dani, 2026-10-05) */
/* a lemondó linken a foglalás módosítása (Dani, 2026-10-05) */
.mod-urlap{margin:6px 0 4px;padding-top:16px;border-top:1px solid var(--vonal)}.mod-cim{font-size:20px;margin:0 0 12px}.mod-urlap .form-error{margin-top:4px}
/* a „Módosítom” és az „Igen, lemondom” gomb egységes, tágas távolsága a fölötte lévő mezőktől */
.mod-urlap #modGomb,#lemondGomb{margin-top:22px}
/* közlemény-sáv a menü alján (Dani, 2026-10-05); 2026-10-07: a háttere egységes a menü piros sávjával — a menüben átlátszó, így a minta folytonos;
   a menütől vékony arany vonal választja el */
.kozlemeny-sav{background:transparent;border-top:1px solid color-mix(in srgb,var(--safran) 55%,transparent);color:#f3e3c3;text-align:center;font-weight:600;font-size:15px;line-height:1.35;padding:9px 16px}
body>.kozlemeny-sav{background:#831b24 var(--selam-pat) 0 0/52px 52px repeat}
.szabad-ajanlat{margin-top:10px}.szabad-ajanlat p{margin:0 0 8px;color:var(--ink);font-weight:500}.szabad-ajanlat .slot-grid{max-width:380px}
.field input[aria-invalid="true"],.field select[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:var(--nar);background-color:color-mix(in srgb,var(--nar) 6%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--nar) 18%,transparent)}
.consent-label input[aria-invalid="true"]{outline:2px solid var(--nar);outline-offset:2px}
.field .consent-label:has(input[aria-invalid="true"]){color:var(--nar)}

/* ---------- oldal-hero (aloldalak) ---------- */
.page-hero{background:#831b24 var(--selam-pat) 0 0/52px 52px repeat;color:#f2f0e8;position:relative;overflow:hidden}
.page-hero .wrap{position:relative;padding:56px 22px 50px}
.page-hero .over{font-family:"Oswald";font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:13px;color:var(--safran);margin:0 0 12px}
.page-hero h1{font-size:clamp(34px,6vw,60px)}

/* ---------- étlap / itallap oldal ---------- */
.tabs-sticky{position:sticky;top:calc(64px + var(--kozl-h,0px));z-index:20;margin-bottom:38px}
.menu-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;background:var(--kagit);padding:14px 0}
/* mobilon hosszú (nem szétválasztott) étlap-kategóriák: vízszintesen görgethető sor, ne kelljen fel-vissza görgetni a fülekért */
@media(max-width:600px){
  .menu-tabs:not(.split){flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}
  .menu-tabs:not(.split) .mtab{flex:none}
}
.mtab{font-family:"Oswald";font-weight:500;font-size:14px;letter-spacing:.05em;text-transform:uppercase;padding:9px 18px;border-radius:6px;border:1px solid var(--vonal);background:#fff;color:var(--ink);cursor:pointer;transition:.15s}
.mtab:hover{border-color:var(--nar)}
.mtab.active{background:var(--nar);color:#fff;border-color:var(--nar)}
.menu-cat{font-size:clamp(20px,2.6vw,27px);margin:38px 0 16px;padding-bottom:12px;border-bottom:2px solid color-mix(in srgb,var(--safran) 55%,transparent);color:var(--gece);display:flex;align-items:center;gap:11px;flex-wrap:wrap;letter-spacing:.03em}
.menu-cat::before{content:"❖";color:var(--nar);font-size:14px}
.menu-cat small{font-family:"Hanken Grotesk";font-weight:400;font-size:14px;color:var(--muted);text-transform:none;letter-spacing:0}
.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 40px}
.mrow{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px dashed var(--vonal);align-items:baseline}
.mrow .mr-l h3{font-size:16px;font-family:"Oswald";font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mrow .mr-l p{margin:5px 0 0;font-size:14px;color:var(--muted)}
.mrow .mr-l .menu-sub{color:var(--ink);font-weight:600}
.mrow .mr-ar{font-family:"Oswald";font-weight:600;font-size:17px;color:var(--nar);white-space:nowrap}
.alg-guide,.menu-note{font-size:14px;color:var(--muted);margin-top:26px}
.alg-guide b{color:var(--ink)}

/* étlap: kártyás kategória-rács (referencia szerint — 2 oszlopos masonry) */
.menu-cards{columns:2;column-gap:26px}
.mcat-card{break-inside:avoid;background:#fff;border:1px solid var(--vonal);border-radius:12px;padding:8px 26px 18px;margin-bottom:26px}
.mcat-card .menu-cat{margin-top:22px}
.mcat-card .menu-list{grid-template-columns:1fr}
@media(max-width:760px){.menu-cards{columns:1}}

/* itallap: alkoholmentes / bár (18+) szétválasztás */
.menu-tabs.split{flex-direction:column;gap:16px}
.tabset{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;align-items:center}
.tabset-label{font-family:"Oswald";font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.part-head{text-align:center;margin:8px 0 30px;padding-bottom:22px;border-bottom:1px solid var(--vonal)}
.menu-part + .menu-part .part-head{margin-top:52px}
.part-title{font-size:clamp(24px,3.6vw,36px);color:var(--gece);margin-top:8px}
.part-note{font-size:14px;color:var(--muted);margin-top:12px}
.age{display:inline-block;font-family:"Oswald";font-weight:700;font-size:12px;background:var(--nar);color:#fff;border-radius:999px;padding:2px 11px;margin-left:8px;vertical-align:middle;letter-spacing:.06em}
body.filtering .part-head{display:none}

/* ---------- footer ---------- */
footer{background:#1c150e;color:#cdbfa6;padding:30px 0}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;font-size:14px}
.foot a{color:#dfeae6}
.foot-logo{display:block;line-height:0}
.foot-logo img{display:block;height:48px;width:auto}
@media(max-width:600px){.foot-logo img{height:40px}}
.foot-nav{display:flex;gap:18px;flex-wrap:wrap}
.foot-nav a:hover{color:var(--firuze)}

/* ---------- reveal (a rejtést csak a JS .pre teszi rá — JS nélkül minden látszik) ---------- */
.reveal{transition:opacity .6s ease,transform .6s ease}
.reveal.pre{opacity:0;transform:translateY(16px)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{transition:none}.reveal.pre{opacity:1;transform:none}}

/* ============================================================
   RESPONSZÍV
   ============================================================ */
@media(max-width:860px){
  .burger{display:flex;margin-left:8px}
  .lang-pick{margin-left:auto}
  .lang-pick::before{display:none}
  .nav-links{position:fixed;inset:calc(66px + var(--kozl-h,0px)) 0 auto 0;background:var(--kagit);flex-direction:column;align-items:flex-start;gap:0;padding:8px 22px 20px;border-bottom:1px solid var(--vonal);transform:translateY(-140%);transition:.25s;box-shadow:0 12px 30px rgba(0,0,0,.08)}
  .nav-links.open{transform:none}
  .nav-links li{width:100%}
  .nav-links a{display:block;padding:13px 0;width:100%;font-size:17px;color:var(--ink)}
  .nav-links a.active{color:var(--nar)}
  .hero{flex-direction:column}
  .hero-in{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:52px;padding-bottom:60px}
  .hero-in>*{min-width:0}
  .hero h1{font-size:clamp(40px,11vw,86px)}
  /* nyitvatartás-kártya: mobilon NE lebegjen a CTA-k felett — normál dokumentumfolyamba kerül, a hero alá */
  .hero-hours{position:relative;right:auto;bottom:auto;margin:0 auto 22px;width:100%;max-width:340px;min-width:0;text-align:center}
  .hero .tag,.hero-txt{max-width:100%}
  .hero-art{order:-1}
  .hero-art .arch{min-height:260px}
  .about-grid,.contact-grid,.book-grid{grid-template-columns:1fr;gap:30px}
  .about-imgs .arch:first-child{margin-top:0}
  .menu-teaser,.night-grid,.rev-grid,.menu-list{grid-template-columns:1fr}
  .gal{grid-template-columns:1fr 1fr}
  .field-row{grid-template-columns:1fr}
}
@media(max-width:460px){
  body{font-size:16px}
  .section{padding:56px 0}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{justify-content:center}
  .form-card{padding:24px 20px 26px}
}
.btn[hidden]{display:none}
.gdpr{margin:0 0 0 30px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.gdpr summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;color:var(--firuze-d);list-style:none}
.gdpr summary::-webkit-details-marker{display:none}
.gdpr summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.gdpr[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.gdpr summary:hover{text-decoration:underline}
.gdpr[open]{background:var(--kagit);border:1px solid var(--vonal);border-radius:10px;padding:10px 14px;margin-left:0}
.gdpr p{margin:10px 0 0}
.gdpr ul{margin:10px 0 0;padding-left:18px}
.gdpr li{margin:4px 0}

/* Gépen (egér, nincs érintés) a telefonszám sima szöveg; telefonon/tableten hívható marad */
@media (hover: hover) and (pointer: fine) {
  a[href^="tel:"] { pointer-events: none; cursor: text; color: inherit !important; text-decoration: none; }
}

/* ============================================================
   SELAM by night márvány-háttér + étel/ital-matricák (a SELAM 2-ből átvéve, 2026-10-02)
   KRITÉRIUM (2026-10-02, Dani): az étlap/itallap tétel-sorai mellett NINCS matrica; a kategória tételeinek matricái egy sorban a kategória-cím mellé kerülnek (h2.menu-cat > .cat-matricak), más kategóriához nem. A főoldalon a pita/falafel/burger/baklava és a by night koktél-kártyák matricái a névvel egy kártyán állnak; a vízipipa a by night szekció vízipipa-panelján, nagyban (2026-10-03, Dani: »jelentősebbnek látszó rész«). A matrica nem takar szöveget/árat, nem kap fókuszt és nem fog el kattintást (pointer-events:none, alt="", aria-hidden).
   DETEKTOR: nincs; kézi szem + a túllógás-mérés. AMIT NEM FOG MEG: hogy a tételnév később átíródik.
   ============================================================ */
.matrica{height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none;
  filter:drop-shadow(0 4px 6px rgba(31,9,12,.22))}
.night.s2-marvany{background:linear-gradient(180deg,rgba(40,8,15,.62),rgba(40,8,15,.78)),url('kepek/dekor/marvany.webp') center/cover,#831b24 var(--selam-pat) 0 0/52px 52px repeat}

/* kategória-matricák: a kategória-cím mellett, egy sorban (étlap/itallap) — a h2.menu-cat-on BELÜL, hogy a fül-szűréskor a kategóriával együtt tűnjenek el */
.menu-cat .cat-matricak{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:6px;min-width:0}
.menu-cat .cat-matricak .matrica{flex:none;height:44px;width:auto;margin:-10px 0;transform:rotate(-5deg)}
.menu-cat .cat-matricak .matrica:nth-child(even){transform:rotate(5deg)}
/* 4+ matrica: külön sor a cím alatt (a cím olvasható marad, a sor sortörik, nincs negatív margó → a sorok nem csúsznak egymásba).
   Kivétel: a .mellette osztályú kategóriánál a 4 matrica is a cím mellett marad, mint a teánál — csak néhánynál, hogy váltakozzon
   (Dani, 2026-10-04: „változatosabb legyen”, „ne mindegyiknél”) */
.menu-cat .cat-matricak:not(.mellette):has(.matrica:nth-child(4)){flex-basis:100%;margin-left:0;gap:10px 12px;padding:6px 0 2px}
.menu-cat .cat-matricak:not(.mellette):has(.matrica:nth-child(4)) .matrica{height:40px;margin:0}
/* főoldali étlap-kártya: a név sorában jobbra */
.mcard h3 .matrica{flex:none;height:52px;width:auto;margin:-12px 0 -12px auto;transform:rotate(6deg)}
/* by night koktél-kártya: a név mellett, az ár előtt */
.ncard h3{flex-wrap:wrap}
.ncard h3 .matrica{flex:none;height:52px;width:auto;margin:-14px auto -14px 0;transform:rotate(6deg)}
@media(max-width:600px){
  .menu-cat .cat-matricak{flex-basis:100%;margin-left:0;gap:8px}
  .menu-cat .cat-matricak .matrica{height:34px;margin:-4px 0}
  .menu-cat .cat-matricak:not(.mellette):has(.matrica:nth-child(4)){gap:8px 8px}
  .menu-cat .cat-matricak:not(.mellette):has(.matrica:nth-child(4)) .matrica{height:32px;margin:0}
  .mcard h3 .matrica{height:44px;margin:-10px 0 -10px auto}
  .ncard h3 .matrica{height:44px;margin:-12px auto -12px 0}
}

/* --- Szekció-alji gránátalma-sáv (a SELAM 2 étlap-ízelítő mintájára; mobilon rejtve) --- */
.section.sav-alj{padding-bottom:0}
.dekor-sav{position:absolute;left:0;right:0;bottom:0;pointer-events:none;background-repeat:repeat-x;background-position:center bottom}
.dekor-granatalma{position:relative;margin-top:60px;height:100px;opacity:.38;
  background-image:url('kepek/dekor/granatalma-sav.webp');background-size:auto 100%;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 70%);mask-image:linear-gradient(180deg,transparent 0,#000 70%)}
/* a szekció TETEJÉRE tett változat: lefelé halványul (főoldal: Rólunk fölött, by night alatt) */
.section.sav-fent{padding-top:0}
.dekor-granatalma.fent{margin-top:0;margin-bottom:60px;
  -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 70%);mask-image:linear-gradient(0deg,transparent 0,#000 70%)}
/* mobilon is látszik, kisebben (Dani, 2026-10-02) */
@media(max-width:860px){
  .dekor-granatalma{height:60px;margin-top:40px}
  .dekor-granatalma.fent{margin-top:0;margin-bottom:40px}
}

/* HERO: a fotón lévő világító SELAM moha-tábla a hero címe. A kép szélességre illesztve, felülre rögzítve áll (a tábla helye így csak a szélességtől függ:
   gépen a tábla alja a kép 420/1672 része, mobilon 650/940), a szöveg a tábla ALATT kezdődik. A h1 szövege a DOM-ban marad, vizuálisan rejtve. */
.hero{align-items:flex-end}
.hero-photo{inset:0 0 auto 0;aspect-ratio:1672/941;background-image:url('kepek/selam-hero-asztali-v2.webp');background-size:100% auto;background-repeat:no-repeat;background-position:center top;-webkit-mask-image:linear-gradient(#000 calc(100% - 140px),transparent);mask-image:linear-gradient(#000 calc(100% - 140px),transparent)}
.hero::after{background:linear-gradient(180deg,rgba(31,9,12,.06) 0,rgba(31,9,12,.1) calc(25.12vw + 8px),rgba(31,9,12,.62) calc(25.12vw + 150px),rgba(31,9,12,.86) 100%)}
.hero-in{padding:calc(25.12vw + 34px) 22px 80px}
.hero .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.hero .over{margin:0 0 6px}
.hero .script{font-size:clamp(26px,4vw,44px);line-height:1.2;margin:0 0 4px}
.hero .tag{margin:12px auto 24px}
@media(max-width:860px){
  .hero-photo{aspect-ratio:940/1672;background-image:url('kepek/selam-hero-mobil-v2.webp')}
  .hero::after{background:linear-gradient(180deg,rgba(31,9,12,.06) 0,rgba(31,9,12,.1) calc(69.15vw + 8px),rgba(31,9,12,.66) calc(69.15vw + 90px),rgba(31,9,12,.88) 100%)}
  .hero-in{padding:calc(69.15vw + 24px) 22px 28px}
  .hero .script{font-size:clamp(25px,7vw,38px)}
}

/* ---- 2026-10-02 mobil finomítás ---- */
/* szűréskor a kiválasztott kategória elég magas, hogy a címe a ragadós sáv alá görgethető legyen */
body.filtering .menu-group:not([hidden]){min-height:var(--szuro-min,calc(100vh - 150px))}
@media(max-width:600px){
  /* 1) hero nyitvatartás-doboz: kompaktabb */
  .hero-hours{max-width:232px;margin:0 auto 18px}
  .hero-hours h4{font-size:13px;margin:0 0 4px}
  .hero-hours ul li{font-size:13px;gap:12px;padding:1px 0}
  /* 2) kategória-sáv: egy vízszintesen húzható sor (étlap és itallap egyaránt), jobb szélén fade */
  .tabs-sticky::after{content:"";position:absolute;right:-22px;top:0;bottom:0;width:106px;pointer-events:none;background:linear-gradient(to right,rgba(246,239,226,0),var(--kagit) 55%);transition:opacity .2s}
  .tabs-sticky.at-end::after{opacity:0}
  /* húzható-jelzés: kis nyíl-gomb a jobb szélen, finoman „bólint” jobbra; a sáv végén eltűnik */
  .tabs-sticky::before{content:"";position:absolute;z-index:2;right:6px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;pointer-events:none;
    background:var(--nar) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;
    box-shadow:0 2px 8px rgba(40,8,15,.25);opacity:.45;transition:opacity .3s;animation:sav-biccent 1.6s ease-in-out 2}
  .tabs-sticky.at-end::before{opacity:0;animation:none}
  @keyframes sav-biccent{0%,60%,100%{transform:translateX(0)}30%{transform:translateX(4px)}}
  @media(prefers-reduced-motion:reduce){.tabs-sticky::before{animation:none}}
  .tabs-sticky .menu-tabs,.tabs-sticky .menu-tabs.split{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -22px;padding:12px 22px 12px}
  .tabs-sticky .menu-tabs::-webkit-scrollbar{display:none}
  .tabs-sticky .tabset{display:contents}
  .tabs-sticky .tabset-label{display:none}
  .tabs-sticky .mtab{flex:none;white-space:nowrap;padding:9px 15px}
  .tabs-sticky .tabset + .tabset .mtab::after{content:"18+";display:inline-block;margin-left:7px;padding:1px 6px;border-radius:999px;font-size:10px;letter-spacing:.04em;line-height:1.4;background:var(--nar);color:#fff;vertical-align:1px}
  .tabs-sticky .tabset + .tabset .mtab.active::after{background:#fff;color:var(--nar)}
  .tabs-sticky .tabset + .tabset .mtab:first-of-type{margin-left:6px}
}

/* hero: a nyitvatartás a hero-in-ben (a leírás és a gombok közt); gépen továbbra is a hero jobb alsó sarkába lebeg, ehhez a hero-in nem pozícionált */
.hero-in{position:static}
.hero-in>*{position:relative;z-index:2}
.hero-in>.hero-hours{position:absolute}
@media(max-width:860px){.hero-in>.hero-hours{position:relative}}
.hero-hours h4{text-align:inherit}
@media(max-width:860px){.hero-hours h4{text-align:center}}

/* hero-leírás: gépen az első mondat egy sorban, a <br> után a második; mobilon folyó szöveg */
.hero .tag{max-width:min(100%,840px)}
@media(max-width:600px){.hero .tag br{display:none}}

/* by night koktél-matricák: a kártya jobb felső sarkához, kicsit túllógva (az ár alatt/mellett marad, nem takarja) */
.ncard{position:relative}
.ncard h3 .matrica{position:absolute;right:-12px;top:-30px;margin:0;height:48px;z-index:2}
@media(max-width:600px){.ncard h3 .matrica{right:-8px;top:-30px;margin:0;height:42px}}

/* főoldal: az „Az étlapunk” gomb a szekció-fejléc jobb oldalán (gépen), mobilon a fejléc alatt */
/* koktél-kártya záró jelzője: saját sorban, arany dőlt */
.ncard p .ncard-note{display:block;margin-top:6px;color:var(--safran);font-style:italic;font-weight:600;font-size:15.5px}

/* főoldali étlap-ízelítő: bal oldalon cím, jobb oldalon rövid leírás (gépen); mobilon a cím alatt */
#etlap .center .sec-desc{margin:14px auto 0;max-width:46ch;color:#5a4a40;font-size:16px;line-height:1.6}
@media(min-width:761px){
  #etlap .center:not(.order-note){display:grid;grid-template-columns:1fr minmax(260px,370px);column-gap:56px;text-align:left;align-items:end}
  #etlap .center:not(.order-note) .kicker{grid-column:1;grid-row:1}
  #etlap .center:not(.order-note) .h2{grid-column:1;grid-row:2}
  #etlap .center .sec-desc{grid-column:2;grid-row:1/3;margin:0 0 6px;max-width:none;align-self:end}
}
/* „Az étlapunk” gomb a kártyarács jobb alsó sarkában: bordó szegély/szöveg a krém háttéren, nyíl, hover */
.menu-more{display:flex;justify-content:flex-end;margin-top:22px}
.menu-btn{display:inline-flex;align-items:center;gap:10px;font-family:"Oswald";font-weight:600;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--nar-d);border:2px solid var(--nar-d);border-radius:6px;padding:12px 24px;background:transparent;transition:background .18s,color .18s,box-shadow .18s}
.menu-btn span{display:inline-block;transition:transform .18s}
.menu-btn:hover,.menu-btn:focus-visible{background:var(--nar-d);color:#fff;box-shadow:0 6px 16px rgba(143,30,21,.25)}
.menu-btn:hover span,.menu-btn:focus-visible span{transform:translateX(4px)}
@media(max-width:600px){.menu-more{justify-content:center}.menu-btn{width:100%;justify-content:center}}

/* aloldal-fejléc (2026-10-03, Dani): a matricák a teljes bordó fejléc-sávot kitöltik szélességben ÉS magasságban, a szöveg MÖGÖTT, halványan (vízjel).
   KRITÉRIUM: a sáv minden pontja matricás legyen (nincs nagy üres folt), de a cím és a felirat olvasható marad. A matricák két lazán eltolt sorban állnak,
   matricánként eltérő forgatással, mérettel és eltolással (nem rács); a 12 elem a 4–6 különböző kép ismétlése, soha nem ugyanaz a kép közvetlenül egymás mellett.
   A fejléc széleinél a kilógás szándékos (overflow:hidden). A cím mögött lágy bordó radiális sötétítés (::after) védi az olvashatóságot.
   DETEKTOR: nincs (szemrevételezés 1280/375 px-en). AMIT NEM FOG MEG: új, 12-től/18-tól eltérő elemszámú matrica-sort (a --n/--nm az elemszám). */
.page-hero.has-matricak .wrap{position:static}
.page-hero.has-matricak .over,.page-hero.has-matricak h1{position:relative;z-index:3}
.page-hero.has-matricak::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(ellipse 620px 100% at max(330px,calc(50% - 330px)) 50%,rgba(131,27,36,.82) 0%,rgba(131,27,36,.55) 45%,rgba(131,27,36,0) 100%)}
.hero-matricak{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-matricak .matrica{--i:1;--r:0deg;--s:1;--y:-14%;position:absolute;top:var(--y);left:calc((var(--i) - .5) * 100% / var(--n,12));height:calc(78% * var(--s));width:auto;max-width:none;
  opacity:.26;filter:none;transform:translateX(-50%) rotate(var(--r));
  -webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent 100%);mask-image:radial-gradient(closest-side,#000 60%,transparent 100%)}
.hero-matricak .matrica:nth-child(even){--y:36%}
.hero-matricak .matrica:nth-child(1){--i:1;--r:-9deg;--s:1}
.hero-matricak .matrica:nth-child(2){--i:2;--r:6deg;--s:.92;--y:30%}
.hero-matricak .matrica:nth-child(3){--i:3;--r:-4deg;--s:1.08;--y:-18%}
.hero-matricak .matrica:nth-child(4){--i:4;--r:12deg;--s:.95;--y:40%}
.hero-matricak .matrica:nth-child(5){--i:5;--r:-12deg;--s:1.04;--y:-10%}
.hero-matricak .matrica:nth-child(6){--i:6;--r:8deg;--s:.9;--y:34%}
.hero-matricak .matrica:nth-child(7){--i:7;--r:-6deg;--s:1;--y:-16%}
.hero-matricak .matrica:nth-child(8){--i:8;--r:11deg;--s:1.06;--y:32%}
.hero-matricak .matrica:nth-child(9){--i:9;--r:-10deg;--s:.94;--y:-12%}
.hero-matricak .matrica:nth-child(10){--i:10;--r:5deg;--s:1;--y:38%}
.hero-matricak .matrica:nth-child(11){--i:11;--r:-7deg;--s:1.05;--y:-17%}
.hero-matricak .matrica:nth-child(12){--i:12;--r:10deg;--s:.93;--y:35%}
/* sűrűbb sáv (itallap, 2026-10-03, Dani: »lehet kicsit sűrűbb«): az ital-matricák keskenyek (üveg, pohár), ezért 12 helyett 18 elem, mobilon 6 helyett 9 */
.hero-matricak.suru{--n:18}
.hero-matricak .matrica:nth-child(13){--i:13;--r:-8deg;--s:.98;--y:-15%}
.hero-matricak .matrica:nth-child(14){--i:14;--r:9deg;--s:.94;--y:37%}
.hero-matricak .matrica:nth-child(15){--i:15;--r:-5deg;--s:1.04;--y:-13%}
.hero-matricak .matrica:nth-child(16){--i:16;--r:7deg;--s:.9;--y:33%}
.hero-matricak .matrica:nth-child(17){--i:17;--r:-11deg;--s:1.02;--y:-16%}
.hero-matricak .matrica:nth-child(18){--i:18;--r:6deg;--s:.95;--y:36%}
@media(max-width:700px){
  /* mobil: csak az első 6 elem, soronként 3 (két sor), kisebb matricák — a sáv így is végig tele */
  .hero-matricak .matrica:nth-child(n+7){display:none}
  .hero-matricak .matrica{height:calc(60% * var(--s));opacity:.32;left:calc((var(--i) - .5) * 100% / var(--nm,6))}
  .hero-matricak.suru{--nm:9}
  .hero-matricak.suru .matrica:nth-child(-n+9){display:block}
  .page-hero.has-matricak::after{background:radial-gradient(ellipse 100% 100% at 25% 55%,rgba(131,27,36,.55) 0%,rgba(131,27,36,.3) 55%,rgba(131,27,36,0) 100%)}
}

/* felső sáv: a Foglalás külön, kitöltött CTA-gomb a menü és a nyelvváltó között */
.nav-links .nav-cta{position:relative;margin-left:12px}
.nav-links .nav-cta::before{content:"";position:absolute;left:-19px;top:50%;height:26px;width:1px;transform:translateY(-50%);background:color-mix(in srgb,#fbf3e6 28%,transparent)}
.nav-links .nav-cta a{display:inline-block;background:#8e312a;color:#fbf3e6;border:1.5px solid var(--safran);padding:6px 18px;border-radius:999px;font-weight:700;transition:background .18s,color .18s,border-color .18s}
.nav-links .nav-cta a:not(.btn):hover{background:#9c3a31;color:#fbf3e6;border-color:#dcb75e}
.nav-links .nav-cta a.active{background:#9c3a31;color:#fbf3e6;border-color:#dcb75e}
@media(max-width:860px){
  .nav-links .nav-cta{margin:12px 0 0;width:100%}
  .nav-links .nav-cta::before{display:none}
  .nav-links .nav-cta a,.nav-links .nav-cta a.active{display:block;text-align:center;padding:12px;border-radius:999px;color:#fbf3e6;background:#8e312a;border:1.5px solid var(--safran);box-shadow:none}
  .nav-links .nav-cta a.active{background:#9c3a31}
}

/* night szekció gombja: nyíl, mint az étlap-szekció „Az étlapunk →” gombján */
.btn-arrow{text-transform:uppercase;letter-spacing:.04em;gap:10px}
.btn-arrow span{display:inline-block;transition:transform .18s}
.btn-arrow:hover span,.btn-arrow:focus-visible span{transform:translateX(4px)}
/* galéria-aloldal: sűrű, szabálytalan mozaik (kis cella, kézzel kiosztott 2 oszlop széles / 2 sor magas képek) */
.gallery.mosaic{columns:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;grid-auto-flow:dense;gap:12px}
.gallery.mosaic img{width:100%;height:100%;margin:0;object-fit:cover;border-radius:12px}
.gallery.mosaic .g-w2{grid-column:span 2}
.gallery.mosaic .g-h2{grid-row:span 2}
.gallery.mosaic .g-big{grid-column:span 2;grid-row:span 2}
@media(max-width:900px){.gallery.mosaic{grid-template-columns:repeat(3,1fr);grid-auto-rows:190px}}
@media(max-width:600px){
  .gallery.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:116px;gap:8px}
  .gallery.mosaic .g-w2{grid-row:span 2}
  .gallery.mosaic .g-big{grid-row:span 3}
  .gallery.mosaic .g-h2-m{grid-row:span 2}  /* mobilon e kettő dupla magas, hogy ne maradjon rés a mozaik végén */
}

/* saját dátumválasztó: a mező pontosan úgy néz ki, mint az „Alkalom” select (jobb oldalon naptár-ikon a nyíl helyett); a naptár az oldal palettájában */
.datepick{position:relative}
.field .datepick-input{-webkit-appearance:none;appearance:none;padding-right:42px;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6a60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px}
.cal{position:absolute;z-index:40;left:0;top:calc(100% + 6px);width:max(100%,320px);max-width:calc(100vw - 44px);background:#fff;border:1px solid var(--vonal);border-radius:12px;box-shadow:0 14px 36px rgba(60,20,25,.22);padding:14px}
.cal[hidden]{display:none}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cal-title{font-family:"Oswald";font-weight:600;font-size:17px;letter-spacing:.05em;text-transform:uppercase;color:var(--nar-d)}
.cal-nav{width:36px;height:36px;border:1px solid var(--vonal);border-radius:10px;background:var(--kagit);color:var(--nar-d);font-size:20px;line-height:1;cursor:pointer;transition:.15s}
.cal-nav:hover:not(:disabled){background:var(--nar-d);border-color:var(--nar-d);color:#fff}
.cal-nav:disabled{opacity:.35;cursor:not-allowed}
.cal-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}
.cal-dow span{text-align:center;font-family:"Oswald";font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:4px 0}
.cal-nap{height:38px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);font-family:"Hanken Grotesk",inherit;font-size:15px;cursor:pointer;transition:.12s}
.cal-nap:hover:not(:disabled){background:var(--kagit);border-color:var(--safran)}
.cal-nap.ma{border-color:var(--safran);font-weight:700;color:var(--nar-d)}
.cal-nap.kij,.cal-nap.kij:hover{background:var(--nar-d);border-color:var(--nar-d);color:#fff;font-weight:700}
.cal-nap.tiltott{color:color-mix(in srgb,var(--muted) 45%,transparent);cursor:not-allowed;text-decoration:line-through}
.cal-nap:focus-visible,.cal-nav:focus-visible{outline:2px solid var(--safran);outline-offset:1px}
@media(max-width:600px){.cal{width:100%;max-width:100%;padding:12px}}
/* a dátum-oszlop kicsit szélesebb, hogy a teljes (hosszú) dátum is kiférjen a mezőben */
@media(min-width:601px){.field-row:has(.datepick){grid-template-columns:1.5fr 1fr}}
.field .datepick-input{font-size:15px;padding-left:12px;padding-right:38px}
@media(min-width:601px) and (max-width:1100px){.field-row:has(.datepick){grid-template-columns:1fr}}

/* saját időpont-választó: a mező és a popover a dátumválasztó stílusában; a rács kapszula-gombokból áll */
.timepick{position:relative}
.field .timepick-input{display:block;width:100%;min-height:48px;font-family:inherit;font-size:15px;line-height:1.4;padding:12px 38px 12px 12px;border:1px solid var(--vonal);border-radius:10px;background-color:var(--kagit);color:var(--ink);-webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6a60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px}
.field .timepick-input:focus{outline:none;border-color:var(--firuze);box-shadow:0 0 0 3px color-mix(in srgb,var(--firuze) 22%,transparent)}
.field .timepick-input[aria-invalid="true"]{border-color:var(--nar);background-color:color-mix(in srgb,var(--nar) 6%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--nar) 18%,transparent)}
.timepick .cal{left:auto;right:0;width:min(300px,calc(100vw - 44px))}
.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.slot{height:38px;padding:0 4px;border:1px solid var(--vonal);border-radius:999px;background:var(--kagit);color:var(--ink);font-family:"Oswald";font-weight:500;font-size:14px;letter-spacing:.03em;cursor:pointer;transition:.12s;white-space:nowrap}
.slot:hover:not(:disabled){border-color:var(--safran);background:#fff}
.slot.kij,.slot.kij:hover{background:var(--nar-d);border-color:var(--nar-d);color:#fff}
.slot.tiltott{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.slot:focus-visible{outline:2px solid var(--safran);outline-offset:1px}
.cal-ures-uzenet{margin:6px 2px;font-size:14.5px;color:var(--muted)}
.ido-jelzes{color:var(--nar-d);font-weight:600;margin-top:-6px}
@media(max-width:1100px){.timepick .cal{left:0;right:auto;width:100%}}
@media(max-width:600px){.slot-grid{grid-template-columns:repeat(3,1fr)}}

/* „Fő” mező: natív léptető helyett saját fel/le chevron-gombok, a többi mező-ikonnal azonos vonalrajz-stílusban (18 px-es chevron, 2 px-es, lekerekített, #7a6a60) */
.numpick{position:relative}
.field .numpick input[type="number"]{-moz-appearance:textfield;appearance:textfield;padding-right:44px}
.numpick input[type="number"]::-webkit-inner-spin-button,.numpick input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}
.numpick-btns{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0}
.numpick-btns button{display:flex;align-items:center;justify-content:center;width:30px;height:24px;padding:0;border:0;background:transparent;border-radius:6px;cursor:pointer;color:#7a6a60;transition:color .15s,background .15s}
.numpick-btns svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.numpick-btns button:hover:not(:disabled){color:var(--nar-d);background:color-mix(in srgb,var(--safran) 18%,transparent)}
.numpick-btns button:focus-visible{outline:2px solid var(--safran);outline-offset:-2px}
.numpick-btns button:disabled{opacity:.35;cursor:not-allowed}
.numpick:focus-within input{border-color:var(--firuze);box-shadow:0 0 0 3px color-mix(in srgb,var(--firuze) 22%,transparent)}

/* ---------- AJÁNLATOK (főoldal, a Rólunk alatt: sötét burgundi sáv a krém Rólunk és a krém Étlap között) ---------- */
/* a sáv a .night alapját használja (--selam-pat minta, világos szöveg, arany kicker) */
.ajanlat-sav{padding:72px 0 80px;border-top:2px solid color-mix(in srgb,var(--safran) 55%,transparent);border-bottom:2px solid color-mix(in srgb,var(--safran) 55%,transparent)}
.ajanlat-fej .kicker{margin-bottom:10px}
.ajanlat-sav .h2{color:#fbf3e6;margin:0}
.ajanlat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;align-items:start}  /* (Dani, 2026-10-06) a kártyák nem nőnek együtt: mindegyik a saját szövegéhez magas */

/* kártya: krém lap a sötét sávon, felül egy tisztán CSS-sel rajzolt képi zóna a kártya tartalmából (pecsétkártya / kupon / naptárlap).
   Dani-döntések: nincs nagy, fekete kártya-cím (2026-10-03) — a szövegrész = kis piros címke + egy bekezdés (+ a felvett tételek listája);
   a három kártya egyenrangú (2026-10-03): azonos szerkezet, egyik sem kap szélesebb helyet; matrica nem kell rájuk (2026-10-04) */
.acard{position:relative;display:flex;flex-direction:column;background:var(--kagit);border-radius:var(--radius);overflow:hidden;
  border:1px solid color-mix(in srgb,var(--safran) 55%,transparent);
  box-shadow:0 0 0 4px rgba(40,8,15,.18),0 22px 44px -22px rgba(20,4,8,.75);transition:transform .3s ease,box-shadow .3s ease}
@media(hover:hover){.acard:hover{transform:translateY(-5px);box-shadow:0 0 0 4px rgba(40,8,15,.18),0 30px 54px -22px rgba(20,4,8,.85)}}
.acard-szoveg{padding:20px 24px 24px}
.acard-jel{display:inline-block;font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(--nar)}
.acard p{color:color-mix(in srgb,var(--ink) 84%,var(--kagit));font-size:15.5px;line-height:1.6;margin:8px 0 0}

/* képi zóna: dekoráció (aria-hidden), halvány pöttyrács + alul szaggatott arany perem; a méretek a zóna szélességéhez igazodnak (cqw) */
.acard-kep{position:relative;height:136px;display:grid;place-items:center;container-type:inline-size;
  background:radial-gradient(circle,color-mix(in srgb,var(--nar) 16%,transparent) 1px,transparent 1.6px) 0 0/14px 14px,
    linear-gradient(180deg,var(--kagit-2),color-mix(in srgb,var(--kagit-2) 60%,var(--kagit)));
  border-bottom:1px dashed color-mix(in srgb,var(--safran) 70%,transparent)}

/* 1) hűségkártya: 10 pecsét-hely (2×5), az első négy lepecsételve, a 3./6./10. ajándék-hely */
.pecsetlap{position:relative;width:min(234px,86cqw);padding:12px 14px 12px 20px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;
  font-size:min(18px,6.4cqw);background:#fffdf8;border-radius:10px;transform:rotate(-2.5deg);
  box-shadow:0 0 0 1px var(--vonal),0 10px 20px -10px rgba(42,28,26,.45)}
.pecsetlap::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;border-radius:10px 0 0 10px;
  background:repeating-linear-gradient(180deg,var(--nar) 0 6px,var(--safran) 6px 9px)}
.pecsetlap i{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1.5px dashed color-mix(in srgb,var(--muted) 45%,transparent)}
.pecsetlap i.on{--r:-8deg;border:0;transform:rotate(var(--r));
  background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--nar) 78%,#fff),var(--nar) 62%);
  box-shadow:inset 0 0 0 2px var(--nar),inset 0 0 0 3.5px rgba(251,243,230,.8)}
.pecsetlap i.on:nth-child(2){--r:6deg}
.pecsetlap i.on:nth-child(4){--r:-3deg}
.pecsetlap i.on::before{content:"S";font-family:"Playfair Display",serif;font-style:italic;font-weight:600;font-size:1em;line-height:1;color:#fbf3e6}
/* ajándék-hely: arany szaggatott kör, benne ajándékdoboz (kitöltött doboz, szalag-kereszt a fedél alatt, felül masni);
   ha már lepecsételt, arany pecsét bordó dobozzal */
.pecsetlap i.aj{--d:var(--safran-d);--dt:color-mix(in srgb,var(--safran) 38%,#fffdf8);border:2px dashed var(--safran)}
.pecsetlap i.aj::before,.pecsetlap i.aj::after{content:"";grid-area:1/1}
.pecsetlap i.aj::before{width:44%;aspect-ratio:1.1;border-radius:2px;border:1.5px solid var(--d);transform:translateY(18%);
  background:linear-gradient(var(--d),var(--d)) 50% 0/2px 100% no-repeat,linear-gradient(var(--d),var(--d)) 0 30%/100% 2px no-repeat,var(--dt)}
.pecsetlap i.aj::after{width:38%;height:17%;background:var(--d);transform:translateY(-150%);
  clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,50% 55%,0 100%)}
.pecsetlap i.on.aj{--r:4deg;--d:var(--gece);--dt:#f3dfa6;border:0;background:radial-gradient(circle at 34% 30%,#e6c878,var(--safran) 62%);
  box-shadow:inset 0 0 0 2px var(--safran-d),inset 0 0 0 3.5px rgba(255,253,248,.85)}
.pecsetlap i.on.aj::before{font-size:0}

/* 2) kedvezmények: kupon perforált széllel (két oldalt félkör-kivágás, szaggatott tépővonal), benne nagy 1+1 */
.kupon{position:relative;width:min(244px,86cqw);height:94px;display:flex;align-items:center;color:#fbf3e6;transform:rotate(2deg);transition:transform .3s ease;
  background:radial-gradient(ellipse 70% 120% at 30% 50%,color-mix(in srgb,var(--nar) 70%,#e0573f),var(--nar) 70%);border-radius:8px;
  -webkit-mask:radial-gradient(circle at 0 50%,transparent 11px,#000 11.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 11px,#000 11.5px) right/51% 100% no-repeat;
  mask:radial-gradient(circle at 0 50%,transparent 11px,#000 11.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 11px,#000 11.5px) right/51% 100% no-repeat}
.kupon-arnyek{filter:drop-shadow(0 8px 8px rgba(42,28,26,.24))}  /* az árnyék a csomagolón, mert a kupon maszkja a saját árnyékát levágná */
.kupon::before{content:"";position:absolute;inset:7px 18px;border:1px solid color-mix(in srgb,var(--safran) 70%,transparent);border-radius:5px;pointer-events:none}
.kupon b{flex:1;padding-left:6px;text-align:center;font-family:"Oswald";font-weight:700;font-size:min(50px,18cqw);letter-spacing:.03em;line-height:1;text-shadow:0 2px 0 rgba(80,10,10,.35)}
.kupon-csonk{position:relative;flex:none;width:30%;height:100%;border-left:2px dashed rgba(251,243,230,.7);
  background:repeating-linear-gradient(90deg,rgba(251,243,230,.55) 0 2px,transparent 2px 5px,rgba(251,243,230,.55) 5px 6px,transparent 6px 10px) 50% 50%/48% 46% no-repeat}
@media(hover:hover){.a-kedv:hover .kupon{transform:rotate(-1deg) scale(1.03)}}

/* 3) események: naptárlap — spirál-karikák, piros fejléc-sáv, nagy szám, mögötte egy lap; fölötte füzérfény-sor */
.kep-naptar::before{content:"";position:absolute;left:0;right:0;top:12px;height:10px;opacity:.85;
  background:radial-gradient(circle,var(--safran) 2.6px,color-mix(in srgb,var(--safran) 30%,transparent) 3.4px,transparent 5px) 0 0/26px 10px repeat-x}
.naptar{position:relative;width:96px;height:92px;margin-top:14px;background:#fffdf8;border-radius:8px;transform:rotate(-4deg);transition:transform .3s ease;
  display:flex;flex-direction:column;align-items:center;
  box-shadow:0 0 0 1px var(--vonal),7px 6px 0 -1px #f1e6d2,7px 6px 0 0 var(--vonal),0 12px 20px -10px rgba(42,28,26,.45)}
.naptar-fej{align-self:stretch;height:24px;border-radius:8px 8px 0 0;background:var(--nar);position:relative}
.naptar-fej::before,.naptar-fej::after{content:"";position:absolute;top:-7px;width:7px;height:16px;border-radius:4px;background:var(--gece);box-shadow:0 0 0 2px #fffdf8}
.naptar-fej::before{left:24px}
.naptar-fej::after{right:24px}
.naptar b{flex:1;display:grid;place-items:center;font-family:"Oswald";font-weight:700;font-size:44px;line-height:1;color:var(--ink)}
@media(hover:hover){.a-esem:hover .naptar{transform:rotate(1deg) translateY(-2px)}}

/* felvett tételek listája (esemenyek.js tölti): soronként a név, alatta kicsiben, halványan a dátum */
.esemeny-lista{list-style:none;margin:6px 0 0;padding:0}
.esemeny-lista li{padding:10px 0;border-bottom:1px dashed var(--vonal);font-size:15px;line-height:1.4;color:var(--ink)}
.esemeny-lista li:last-child{border-bottom:0}
.esemeny-lista .e-szoveg{display:block;min-width:0;overflow-wrap:break-word;hyphens:auto}
.esemeny-lista small{display:block;color:var(--muted);font-size:13px;margin-top:1px}

/* mozgás: a pecsétek egymás után „rányomódnak”, amikor a kártya beúszik (.in); csökkentett mozgásnál nincs animáció */
@keyframes pecsetNyom{0%{opacity:0;transform:scale(1.8) rotate(-24deg)}55%{opacity:1;transform:scale(.9) rotate(var(--r))}100%{opacity:1;transform:scale(1) rotate(var(--r))}}
@media(prefers-reduced-motion:no-preference){
  .a-huseg.in .pecsetlap i.on{animation:pecsetNyom .42s cubic-bezier(.3,1.3,.5,1) both}
  .a-huseg.in .pecsetlap i.on:nth-child(1){animation-delay:.45s}
  .a-huseg.in .pecsetlap i.on:nth-child(2){animation-delay:.65s}
  .a-huseg.in .pecsetlap i.on:nth-child(3){animation-delay:.85s}
  .a-huseg.in .pecsetlap i.on:nth-child(4){animation-delay:1.05s}
}
@media(prefers-reduced-motion:reduce){
  .acard,.kupon,.naptar{transition:none}
  .acard:hover,.a-kedv:hover .kupon,.a-esem:hover .naptar{transform:none}
  .a-kedv:hover .kupon{transform:rotate(2deg)}
  .a-esem:hover .naptar{transform:rotate(-4deg)}
}

@media(max-width:700px){
  .ajanlat-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}
  .acard-kep{height:114px}
  .pecsetlap{width:min(210px,80cqw);padding:10px 12px 10px 18px;gap:6px}
  .kupon{height:80px;width:min(214px,80cqw)}
  .kupon b{font-size:min(42px,16cqw)}
  .naptar{width:84px;height:78px;margin-top:10px}
  .naptar-fej{height:20px}
  .naptar b{font-size:36px}
  .kep-naptar::before{top:9px}
}
@media(max-width:560px){.ajanlat-sav{padding:54px 0 60px}.acard-szoveg{padding:18px 20px 22px}}

/* ---------- előrendelés a foglaló űrlapon (alapból rejtett; az „Előrendelés” választó nyitja) ---------- */
.fgroup.elo{gap:14px}
/* a „Hol ülnétek?” mellett az „Előrendelés” választó: a hosszabb opciószöveg is kiférjen */
@media(min-width:601px){.field-row:has(#eloKapcsolo){grid-template-columns:1fr 1.5fr}}
.elo-panel{display:grid;gap:10px}
.elo-panel[hidden]{display:none}
/* (Dani, 2026-10-05) a választó gépen a bal oszlopban, a kép alatt; egy oszlopban a jelölő alatt (script.js helyezi át) */
.elo-oldal{margin:0 0 26px}
.elo-oldal>.fgroup-title{display:none} /* gépen a cím fölötti piros felirat lesz „Előrendelés” (script.js), mobilon a választó alatt nyílik */
@media(max-width:860px){.elo-oldal{margin:0}}
.elo-resz{font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:6px 0 -2px}
.elo-csop{border:1px solid var(--vonal);border-radius:10px;background:var(--kagit);overflow:hidden}
.elo-csop summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;cursor:pointer;list-style:none;font-family:"Oswald";font-weight:600;font-size:15px;letter-spacing:.03em;color:var(--ink)}
.elo-csop summary::-webkit-details-marker{display:none}
.elo-csop summary::after{content:"";flex:none;width:7px;height:7px;margin-left:auto;border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.elo-csop[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.elo-csop summary:hover{color:var(--nar-d)}
.elo-csop summary:focus-visible{outline:2px solid var(--safran);outline-offset:-2px}
.elo-csop .elo-18{margin:0}
.elo-csop-db{font-family:"Hanken Grotesk";font-weight:700;font-size:12.5px;background:var(--nar);color:#fff;border-radius:999px;padding:1px 9px;letter-spacing:0}
.elo-csop-db[hidden]{display:none}
.elo-belso{background:#fff;border-top:1px solid var(--vonal);padding:2px 14px 8px}
.elo-kat{font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--nar);margin:12px 0 2px}
.elo-sor{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"nev ar lep";gap:4px 12px;align-items:center;padding:5px 0;border-bottom:1px dashed var(--vonal)}
.elo-sor.elo-valt{border-top:0;padding-top:0}
.elo-sor.elo-valt .elo-nev{padding-left:14px;font-size:13.5px;color:var(--muted)}
.elo-sor:has(+ .elo-valt){border-bottom:0}
.elo-sor:last-child{border-bottom:0}
.elo-nev{grid-area:nev;font-size:14.5px;line-height:1.35;min-width:0}
.elo-ar{grid-area:ar;font-size:13.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.elo-sor.van .elo-nev{font-weight:600}
.elo-sor.van .elo-ar{color:var(--nar-d)}
.elo-lepeto{grid-area:lep;display:flex;align-items:center;border:1px solid var(--vonal);border-radius:999px;background:var(--kagit)}
.elo-lepeto button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;color:var(--muted);transition:color .15s,background .15s}
.elo-lepeto svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.elo-lepeto button:hover:not(:disabled){color:var(--nar-d);background:color-mix(in srgb,var(--safran) 18%,transparent)}
.elo-lepeto button:focus-visible{outline:2px solid var(--safran);outline-offset:-2px}
.elo-lepeto button:disabled{opacity:.3;cursor:not-allowed}
.elo-db{min-width:20px;text-align:center;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.elo-sor.van .elo-lepeto{border-color:color-mix(in srgb,var(--nar) 45%,transparent);background:#fff}
.elo-osszeg{position:sticky;bottom:10px;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;padding:12px 16px;border-radius:10px;background:#fffaf0;border:1px solid color-mix(in srgb,var(--firuze) 55%,transparent);box-shadow:0 6px 18px rgba(42,28,26,.10);font-size:14px;color:var(--muted)}
.elo-osszeg b{font-family:"Oswald";font-weight:600;font-size:20px;color:var(--nar-d);font-variant-numeric:tabular-nums}
.elo-hint{margin:0}
@media(max-width:460px){
  .elo-belso{padding:2px 12px 8px}
  .elo-sor{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nev lep" "ar lep"}
  .elo-ar{font-size:13px}
  .elo-sor.elo-valt .elo-ar{padding-left:14px}
}
.elo-sor.van.elo-valt .elo-nev{color:var(--ink)}

/* Galéria-nagyító (script.js): kattintható képek, teljes képernyős nézet */
.gallery.mosaic img{cursor:zoom-in;transition:filter .2s}
.gallery.mosaic img:hover{filter:brightness(1.06)}
.gallery.mosaic img:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
html.nagyito-nyitva{overflow:hidden}
.nagyito{position:fixed;inset:0;z-index:1000;background:rgba(20,8,10,.92);display:flex;align-items:center;justify-content:center;padding:56px 72px}
.nagyito[hidden]{display:none}
.nagyito img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5);user-select:none}
.nagyito button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;border-radius:999px;
  width:48px;height:48px;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}
.nagyito button:hover{background:rgba(255,255,255,.24)}
.nagyito button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.nagyito-zar{top:14px;right:14px}
.nagyito-lep{top:50%;transform:translateY(-50%);font-size:38px}
.nagyito-lep.elozo{left:14px}.nagyito-lep.kov{right:14px}
.nagyito-szam{position:absolute;bottom:14px;left:0;right:0;margin:0;text-align:center;color:rgba(255,255,255,.8);font-size:14px;letter-spacing:.05em}
@media(max-width:600px){
  .nagyito{padding:60px 8px 48px}
  .nagyito-lep{top:auto;bottom:6px;transform:none;width:44px;height:44px}
  .nagyito-lep.elozo{left:12px}.nagyito-lep.kov{right:12px}
}