/* A márkalogó színeit minden fejlécállapotban megőrizzük. */
.marka {
  width: 226px;
  padding: 8px 12px;
  border: 1px solid rgba(201,146,0,.24);
  border-radius: 14px;
  background: rgba(255,253,248,.9);
  box-shadow: 0 8px 26px rgba(30,20,4,.12);
  filter: none !important;
  backdrop-filter: blur(10px);
}
.marka img { object-fit: contain; }

.vissza-lebego {
  position: fixed; z-index: 850; right: max(20px,calc((100vw - var(--max-szelesseg))/2 + 18px)); bottom: 28px;
  display: inline-flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 19px;
  border: 1px solid rgba(255,255,255,.34); border-radius: 999px;
  color: white; background: rgba(33,26,17,.78); box-shadow: 0 10px 32px rgba(36,30,20,.2);
  backdrop-filter: blur(12px); cursor: pointer; transition: transform .2s ease,background .2s ease;
}
.vissza-lebego:hover,.vissza-lebego:focus-visible { transform: translateY(-3px); background: var(--szin-kiemelt); }

.kozossegi-szekcio { padding: 110px 0; }
.kozossegi-szekcio.velemenyek { background: var(--szin-hatter-vilagos); }
.kozossegi-szekcio.hirek { background: var(--szin-hatter); }
.kozossegi-belso { width: min(calc(100% - 48px),var(--max-szelesseg)); margin: auto; }
.kozossegi-fej { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 35px; }
.kozossegi-fej h2 { max-width: 800px; margin-bottom: 0; }
.velemeny-kartya,.hir-kartya { scroll-snap-align: start; overflow: hidden; border-radius: var(--radius-doboz); background: var(--szin-feher); box-shadow: var(--arnyek); }
.velemeny-kartya { min-height: 330px; display: flex; flex-direction: column; padding: clamp(30px,4vw,48px); }
.velemeny-kartya blockquote { margin: 25px 0 35px; font: 400 clamp(1.35rem,2.2vw,1.8rem)/1.5 var(--font-cim); }
.velemeny-kartya blockquote::before { content: "“"; display: block; height: 42px; color: var(--szin-kiemelt); font: 4.5rem/1 var(--font-cim); }
.velemeny-meta { display: grid; gap: 3px; margin-top: auto; color: var(--szin-szoveg-lagy); font-size: .82rem; }
.velemeny-meta strong { color: var(--szin-szoveg); }
.hir-kartya img { aspect-ratio: 4/3; object-fit: cover; }
.hir-kartya-tartalom { padding: 25px; }
.hir-kartya h3 { margin-bottom: 14px; font: 400 1.8rem/1.1 var(--font-cim); }
.hir-kartya p { color: var(--szin-szoveg-lagy); }
.hir-datum { display: block; margin-bottom: 13px; color: var(--szin-kiemelt); font-size: .72rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

/* A közös rendszer két használati hangsúlya. */
.fejlec-nezetek { display: flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; color: white; }
.fejlec.gorgetett .fejlec-nezetek,.belso-oldal .fejlec-nezetek { border-color: var(--szin-vonal); color: var(--szin-szoveg); }
.fejlec-nezetek button,.nezet-valto button { padding: 3px 6px; border: 0; color: inherit; background: transparent; cursor: pointer; font-size: .72rem; font-weight: 750; }
.fejlec-nezetek button[aria-pressed="true"] { color: #241700; border-radius: 999px; background: var(--szin-kiemelt-vilagos); }
.nezet-valto { display: none; }
.kezdo-valasztas { position: absolute; z-index: 12; left: 0; right: 0; top: calc(var(--ertesites-magassag) + var(--fejlec-magassag) + 18px); color: white; pointer-events: none; }
.kezdo-valasztas .tartalmi-keret { display: grid; justify-items: end; }
.kezdo-valasztas h2,.kezdo-valasztas p { display: none; }
.kezdo-valasztas .felirat { display: none; }
.kezdo-valasztas-gombok { display: flex; gap: 10px; pointer-events: auto; }
.valasztas-kartya { width: 210px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.42); border-radius: 17px; color: white; background: rgba(28,20,8,.58); text-align: left; backdrop-filter: blur(12px); cursor: pointer; transition: transform .25s ease,background .25s ease,border-color .25s ease; }
.valasztas-kartya:hover,.valasztas-kartya[aria-pressed="true"] { transform: translateY(-2px); border-color: var(--szin-kiemelt-vilagos); background: rgba(70,49,10,.82); }
.valasztas-kartya strong,.valasztas-kartya span { display: block; }
.valasztas-kartya strong { margin-bottom: 3px; font-size: .86rem; }
.valasztas-kartya span { color: rgba(255,255,255,.78); font-size: .68rem; line-height: 1.35; }
.nezet-rendeles .fejlec { color: var(--szin-szoveg); background: rgba(255,250,240,.95); border-color: var(--szin-vonal); backdrop-filter: blur(18px); }
.nezet-rendeles .marka { width: 190px; }
.nezet-rendeles .fo-menu a,.nezet-rendeles .fejlec-muveletek a,.nezet-rendeles .fejlec-nezetek { color: var(--szin-szoveg); }
.nezet-rendeles .kezdo-valasztas { color: var(--szin-szoveg); }
.nezet-rendeles .valasztas-kartya { border-color: var(--szin-vonal); color: var(--szin-szoveg); background: rgba(255,253,248,.92); box-shadow: 0 8px 30px rgba(55,48,39,.1); }
.nezet-rendeles .valasztas-kartya span { color: var(--szin-szoveg-lagy); }
.nezet-rendeles .valasztas-kartya:hover,.nezet-rendeles .valasztas-kartya[aria-pressed="true"] { border-color: var(--szin-kiemelt); background: #f7df9b; }
.rendelesi-nezet { min-height: 100vh; padding-top: calc(var(--fejlec-magassag) + var(--ertesites-magassag)); background: var(--szin-hatter-vilagos); }
.rendelesi-nyito { padding: 150px 0 80px; background: linear-gradient(135deg,#f5e5af 0%,#fffaf0 58%,#e8ead9 100%); }
.rendelesi-nyito .tartalmi-keret { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(50px,8vw,110px); align-items: end; }
.rendelesi-nyito h1 { margin-bottom: 25px; font-size: clamp(3.5rem,7vw,7rem); }
.rendelesi-nyito p:not(.felirat) { max-width: 540px; color: var(--szin-szoveg-lagy); }
.rendelesi-muveletek { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.muvelet-kartya { min-height: 126px; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; border: 1px solid var(--szin-vonal); border-radius: 20px; background: rgba(255,253,248,.82); text-decoration: none; transition: transform .2s ease,background .2s ease; }
.muvelet-kartya:first-child { grid-column: span 2; color: white; background: #302517; }
.muvelet-kartya:hover { transform: translateY(-3px); background: #f3d98d; color: var(--szin-szoveg); }
.muvelet-kartya strong { font: 400 1.5rem/1.15 var(--font-cim); }
.muvelet-kartya span { font-size: .8rem; }
.gyors-termekek { padding-top: 95px; padding-bottom: 110px; }
.rendelesi-szekcio-fej { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 35px; }
.rendelesi-szekcio-fej h2 { margin: 0; font-size: clamp(2.8rem,5vw,5rem); }
.termek-kereses { width: min(100%,370px); display: grid; gap: 7px; color: var(--szin-szoveg-lagy); font-size: .72rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.termek-kereses input { width: 100%; min-height: 50px; padding: 10px 17px; border: 1px solid var(--szin-vonal); border-radius: 999px; color: var(--szin-szoveg); background: white; text-transform: none; }
.gyors-termek-lista { display: grid; gap: 10px; }
.gyors-termeksor { min-height: 112px; display: grid; grid-template-columns: 112px minmax(0,1fr) auto auto; gap: 22px; align-items: center; padding: 10px 16px 10px 10px; border: 1px solid rgba(138,90,0,.15); border-radius: 18px; background: white; transition: transform .2s ease,box-shadow .2s ease; }
.gyors-termeksor:hover { transform: translateY(-2px); box-shadow: 0 12px 35px rgba(55,48,39,.09); }
.gyors-termeksor img { width: 112px; height: 88px; object-fit: cover; border-radius: 12px; }
.gyors-termek-adat span { color: var(--szin-zold); font-size: .68rem; font-weight: 750; text-transform: uppercase; }
.gyors-termek-adat h3 { margin: 3px 0; font: 400 1.4rem/1.12 var(--font-cim); }
.gyors-termek-adat small { color: var(--szin-szoveg-lagy); }
.gyors-termek-ar { min-width: 105px; text-align: right; }
.nincs-talalat { padding: 35px; border-radius: 18px; background: var(--szin-hatter); text-align: center; }
.rendelesi-segitseg { padding: 85px 0; background: #e5d49b; text-align: center; }
.rendelesi-segitseg h2 { margin-bottom: 28px; font-size: clamp(2.7rem,5vw,5rem); }
.termekek-gyors-link { margin-top: 10px; }
.nezet-rendeles .termek-racs { grid-template-columns: repeat(2,1fr); }
.nezet-rendeles .termek-kartya { display: grid; grid-template-columns: 180px 1fr; }
.nezet-rendeles .termek-kartya > img { height: 100%; aspect-ratio: auto; }

.belso-hero { position: relative; min-height: 72svh; display: flex; align-items: end; overflow: hidden; color: white; }
.belso-hero > img,.belso-hero-fatyol { position: absolute; inset: 0; width: 100%; height: 100%; }
.belso-hero > img { object-fit: cover; }
.belso-hero-fatyol { background: linear-gradient(90deg,rgba(24,16,5,.8),rgba(24,16,5,.16)),linear-gradient(0deg,rgba(24,16,5,.55),transparent 65%); }
.belso-hero .tartalmi-keret { position: relative; z-index: 1; padding: 190px 0 72px; }
.belso-hero .felirat { color: #ffe49b; }
.belso-hero h1 { max-width: 970px; margin-bottom: 24px; font-size: clamp(4rem,8vw,8rem); }
.belso-hero h1 em { color: var(--szin-kiemelt-vilagos); }
.belso-hero p:not(.felirat) { max-width: 620px; font-size: 1.08rem; }
.reszletes-tortenet { padding-top: 115px; }
.bovebben { margin-top: 24px; border-top: 1px solid var(--szin-vonal); border-bottom: 1px solid var(--szin-vonal); }
.bovebben summary { display: flex; justify-content: space-between; align-items: center; padding: 16px 2px; font-weight: 750; cursor: pointer; list-style: none; }
.bovebben summary::-webkit-details-marker { display: none; }
.bovebben summary span { font-size: 1.5rem; transition: transform .2s ease; }
.bovebben[open] summary span { transform: rotate(45deg); }
.bovebben > div { padding: 3px 0 20px; color: var(--szin-szoveg-lagy); }
.csalad-szekcio { padding: 110px 0; background: var(--szin-hatter-vilagos); }
.csalad-szekcio h2 { max-width: 850px; margin-bottom: 40px; }
.csalad-kartyak { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(320px,38%); gap: 20px; overflow-x: auto; padding: 5px 2px 20px; scroll-snap-type: x mandatory; }
.csalad-kartya { scroll-snap-align: start; overflow: hidden; border-radius: var(--radius-doboz); background: white; box-shadow: var(--arnyek); }
.csalad-kartya img { aspect-ratio: 4/3; object-fit: cover; }
.csalad-kartya > div { padding: 25px; }
.csalad-kartya h3 { margin-bottom: 7px; font: 400 2rem/1.1 var(--font-cim); }
.csalad-kartya small { color: var(--szin-szoveg-lagy); }
.csalad-kiemeles { width: max-content; margin: 0 0 10px; padding: 6px 10px; border-radius: 999px; color: #332510; background: var(--szin-kiemelt-vilagos); font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.csalad-bemutatkozas { margin: 20px 0 0; color: var(--szin-szoveg-lagy); font-size: .84rem; line-height: 1.55; }
.csalad-kartya blockquote { margin: 24px 0 0; padding-left: 17px; border-left: 3px solid var(--szin-kiemelt); font-family: var(--font-cim); }
.meheszet-kapcsolat { padding: 110px 0; background: #e5d49b; }
.kapcsolat-racs { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(45px,8vw,110px); }
.szemelyes-atvetel-kartya { position: relative; min-height: 415px; display: flex; align-items: end; overflow: hidden; padding: 0; color: white; background: #332510; }
.szemelyes-atvetel-kartya > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.szemelyes-atvetel-kartya::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(28,19,8,.88),rgba(28,19,8,.14) 85%); }
.szemelyes-atvetel-kartya > div { position: relative; z-index: 1; padding: clamp(28px,4vw,46px); }
.szemelyes-atvetel-kartya .felirat { color: #ffe49b; }
.szemelyes-atvetel-kartya h3 { margin-bottom: 18px; font: 500 clamp(1.8rem,3vw,3rem)/1.05 var(--font-cim); }
.szemelyes-atvetel-kartya p:last-child { max-width: 620px; color: rgba(255,255,255,.88); }
.kapcsolat-racs h2 { margin-bottom: 28px; }
.kapcsolat-racs address { font-style: normal; }
.kapcsolat-racs address a { font-weight: 700; }
.terkep-hely { min-height: 190px; margin-top: 32px; display: grid; place-content: center; justify-items: center; gap: 4px; border: 1px dashed rgba(89,107,47,.55); border-radius: 20px; color: var(--szin-zold); background: rgba(255,255,255,.3); text-align: center; }
.terkep-hely span { font-size: 2rem; }
.uzenet-urlap { display: grid; gap: 16px; padding: clamp(24px,4vw,42px); border-radius: var(--radius-doboz); background: var(--szin-feher); box-shadow: var(--arnyek); }
.uzenet-urlap label { display: grid; gap: 6px; color: var(--szin-szoveg-lagy); font-size: .75rem; font-weight: 750; text-transform: uppercase; }
.uzenet-urlap input,.uzenet-urlap textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--szin-vonal); border-radius: 12px; color: var(--szin-szoveg); background: white; resize: vertical; text-transform: none; }
.urlap-visszajelzes { margin: 0; padding: 12px; border-radius: 10px; background: var(--szin-zold-vilagos); font-size: .85rem; }
.fogalom-szekcio { padding: 95px 0; background: var(--szin-hatter-vilagos); }
.fogalom-racs { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.fogalom-racs article { padding: 32px; border: 1px solid var(--szin-vonal); border-radius: var(--radius-doboz); background: white; }
.fogalom-racs article > span { display: block; color: var(--szin-kiemelt); font: 400 3.2rem/1 var(--font-cim); }
.fogalom-racs h2 { margin: 22px 0 14px; font-size: 2rem; }
.fogalom-racs p { margin: 0; color: var(--szin-szoveg-lagy); }
.fogalom-tortenet { padding-bottom: 10px; background: var(--szin-hatter-vilagos); }
.termek-ismeret { padding: 110px 0; }
.termek-ismeret h2 { margin-bottom: 24px; }
.szekcio-bevezeto { max-width: 720px; color: var(--szin-szoveg-lagy); }
.ismeret-kartyak { grid-auto-flow: column; grid-auto-columns: minmax(310px,38%); grid-template-columns: none; gap: 22px; margin-top: 38px; overflow-x: auto; scroll-snap-type: x mandatory; }
.ismeret-kartya { overflow: hidden; border-radius: var(--radius-doboz); background: var(--szin-feher); box-shadow: var(--arnyek); }
.ismeret-kartya { scroll-snap-align: start; }
.ismeret-kartya > img { aspect-ratio: 4/3; object-fit: cover; }
.ismeret-kartya > div { padding: 23px; }
.ismeret-kartya h3 { margin-bottom: 10px; font: 400 1.75rem/1.1 var(--font-cim); }
.info-dialog { width: min(900px,calc(100% - 32px)); max-height: 88vh; padding: 0; overflow: auto; border: 0; border-radius: 24px; color: var(--szin-szoveg); background: var(--szin-feher); box-shadow: 0 28px 90px rgba(20,14,6,.35); }
.info-dialog::backdrop { background: rgba(20,14,6,.62); backdrop-filter: blur(4px); }
.info-dialog[open] { display: grid; grid-template-columns: 1fr 1fr; }
.info-dialog > img { height: 100%; min-height: 440px; object-fit: cover; }
.info-dialog > div { align-self: center; padding: clamp(30px,5vw,60px); }
.dialog-bezar { position: absolute; z-index: 2; top: 14px; right: 14px; width: 42px; height: 42px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); cursor: pointer; font-size: 1.5rem; }
.ertekek-lista { padding-bottom: 20px; }
.ertek-vasarlas { margin-top: 28px; }
.fajta-tortenetek { padding: 110px 0; background: var(--szin-hatter-vilagos); }
.fajta-tortenetek .recept-fej { align-items: end; }
.fajta-ismertetok { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; margin-top: 42px; }
.fajta-ismerteto { min-height: 390px; display: grid; grid-template-columns: minmax(0,.84fr) minmax(0,1.16fr); overflow: hidden; border-radius: var(--radius-doboz); background: var(--szin-feher); box-shadow: var(--arnyek); }
.fajta-ismerteto:nth-child(4n+2),.fajta-ismerteto:nth-child(4n+3) { background: #efe4c8; }
.fajta-ismerteto > img { width: 100%; height: 100%; min-height: 390px; object-fit: cover; }
.fajta-ismerteto > div { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: clamp(24px,2.4vw,38px); }
.fajta-ismerteto h3 { max-width: 100%; margin: 8px 0 20px; overflow-wrap: anywhere; hyphens: auto; font: 500 clamp(2rem,2.5vw,2.8rem)/1.03 var(--font-cim); }
.fajta-ismerteto p:last-child { color: var(--szin-szoveg-lagy); line-height: 1.65; }
.fajta-bovebben { align-self: flex-start; justify-content: space-between; min-width: 142px; margin-top: 20px; }
.fajta-bovebben:hover,.fajta-bovebben:focus-visible { background: var(--szin-szoveg); color: var(--szin-feher); }
.fajta-bovebben span { font-size: 1.15em; line-height: 1; }
.fajta-reszlet { grid-column: 1/-1; padding-top: 18px; }
.fajta-reszlet p { margin: 0; color: var(--szin-szoveg-lagy); line-height: 1.7; }
@media(max-width:980px){.fajta-ismertetok{grid-template-columns:1fr}.fajta-ismerteto{min-height:340px}}
@media(max-width:600px){.fajta-tortenetek{padding:72px 0}.fajta-ismerteto{grid-template-columns:1fr}.fajta-ismerteto>img{min-height:260px;aspect-ratio:4/3}.fajta-tortenetek .recept-fej{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.szemelyes-atvetel-kartya{min-height:360px}}
.kategoria-szuro { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.kategoria-szuro a { padding: 8px 15px; border: 1px solid var(--szin-vonal); border-radius: 999px; text-decoration: none; font-size: .8rem; font-weight: 700; }
.kategoria-szuro a[aria-current="page"] { color: white; background: var(--szin-szoveg); }
.fooldali-receptek { padding: 110px 0; background: var(--szin-hatter-vilagos); }
.recept-tar { padding: 110px 0 130px; background: var(--szin-hatter); }
.recept-fej { display: flex; justify-content: space-between; align-items: end; gap: 35px; margin-bottom: 38px; }
.recept-fej > div:first-child { max-width: 820px; }
.recept-fej h2 { margin-bottom: 18px; }
.recept-fej p:last-child { margin-bottom: 0; color: var(--szin-szoveg-lagy); }
.recept-fej-muveletek { flex: 0 0 auto; display: grid; justify-items: end; gap: 15px; }
.recept-carousel { grid-auto-columns: minmax(310px,38%); }
.recept-kartya { scroll-snap-align: start; overflow: hidden; border-radius: var(--radius-doboz); background: var(--szin-feher); box-shadow: var(--arnyek); }
.recept-kartya > img { aspect-ratio: 4/3; object-fit: cover; }
.recept-kartya > div { padding: 25px; }
.recept-kartya h3 { margin-bottom: 13px; font: 400 1.85rem/1.1 var(--font-cim); }
.recept-kartya > div > p:not(.kategoria) { color: var(--szin-szoveg-lagy); }
.recept-kartya .bovebben { margin-top: 20px; }

/* Egyszerű fejléc: főoldal, nézetmenü, fiók és kosár. */
.egyszerusitett-menu { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.fooldal-link,.nezet-menu-gomb { color: white; font-size: .8rem; font-weight: 750; text-decoration: none; }
.fooldal-link { position: relative; padding: 9px 4px; }
.fooldal-link::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: 3px; height: 1px; background: currentColor; transform: scaleX(0); transition: transform .2s ease; }
.fooldal-link:hover::after,.fooldal-link[aria-current="page"]::after { transform: scaleX(1); }
.nezet-menu-gomb { min-width: 128px; min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 8px 14px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; background: rgba(30,22,10,.2); backdrop-filter: blur(8px); cursor: pointer; }
.nezet-menu-gomb[aria-expanded="true"] > span:last-child { transform: rotate(180deg); }
.nezet-menu-gomb > span:last-child { transition: transform .2s ease; }
.fejlec.gorgetett .fooldal-link,.belso-oldal .fooldal-link,.nezet-rendeles .fooldal-link { color: var(--szin-szoveg); }
.fejlec.gorgetett .nezet-menu-gomb,.belso-oldal .nezet-menu-gomb,.nezet-rendeles .nezet-menu-gomb { color: var(--szin-szoveg); border-color: var(--szin-vonal); background: rgba(255,250,240,.9); }
.menu-hatter { position: fixed; z-index: 998; inset: 0; display: block; background: rgba(20,14,6,.22); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease,visibility 0s linear .2s; }
.menu-hatter.nyitva { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
.fo-menu.nezet-lenyilo { position: fixed; z-index: 1002; top: calc(var(--ertesites-magassag) + var(--fejlec-magassag) + 8px); right: max(24px,calc((100vw - var(--max-szelesseg))/2 + 118px)); width: min(360px,calc(100vw - 32px)); max-height: calc(100dvh - 150px); margin: 0; padding: 22px; display: grid; align-items: stretch; gap: 4px; overflow-y: auto; border: 1px solid var(--szin-vonal); border-radius: 22px; color: var(--szin-szoveg); background: var(--szin-hatter-vilagos); box-shadow: var(--arnyek); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); transition: opacity .2s ease,transform .2s ease,visibility 0s linear .2s; }
.ertesites-bezarva .fo-menu.nezet-lenyilo { top: calc(var(--fejlec-magassag) + 8px); }
.fo-menu.nezet-lenyilo.nyitva { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; }
.fo-menu.nezet-lenyilo .nezet-valto { display: grid; gap: 9px; padding-bottom: 18px; margin-bottom: 10px; border-bottom: 1px solid var(--szin-vonal); }
.fo-menu.nezet-lenyilo .nezet-valto-gombok { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.fo-menu.nezet-lenyilo .nezet-valto button { min-height: 40px; border: 1px solid var(--szin-vonal); border-radius: 999px; color: var(--szin-szoveg); }
.fo-menu.nezet-lenyilo .nezet-valto button[aria-pressed="true"] { color: #241700; background: var(--szin-kiemelt-vilagos); }
.fo-menu.nezet-lenyilo .lenyilo-cim { margin: 5px 0 3px; color: var(--szin-szoveg-lagy); font-size: .68rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.fo-menu.nezet-lenyilo > a,.fejlec.gorgetett .fo-menu.nezet-lenyilo > a,.belso-oldal .fo-menu.nezet-lenyilo > a { padding: 10px 5px; border-bottom: 1px solid rgba(138,90,0,.14); color: var(--szin-szoveg); font: 700 .9rem/1.25 var(--font-torzs); }
.fo-menu.nezet-lenyilo > a:last-child { border-bottom: 0; }
.nezet-fo-valaszto { display: flex; align-items: center; padding: 3px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; background: rgba(30,22,10,.18); backdrop-filter: blur(8px); }
.nezet-ag { position: relative; }
.nezet-ag::after { content: ''; position: absolute; z-index: 1004; top: 100%; left: 0; width: 255px; height: 14px; pointer-events: none; }
.nezet-ag:last-child::after { right: 0; left: auto; }
.nezet-ag:hover::after,.nezet-ag:focus-within::after { pointer-events: auto; }
.nezet-ag > button { min-height: 36px; display: flex; align-items: center; gap: 7px; padding: 6px 12px; border: 0; border-radius: 999px; color: white; background: transparent; cursor: pointer; font-size: .78rem; font-weight: 750; }
.nezet-ag > button[aria-pressed="true"] { color: #241700; background: var(--szin-kiemelt-vilagos); }
.nezet-ag > button span { transition: transform .2s ease; }
.nezet-ag-menu { position: absolute; z-index: 1005; top: calc(100% + 12px); left: 0; width: 255px; max-height: calc(100dvh - 145px); padding: 12px; display: grid; overflow-y: auto; border: 1px solid var(--szin-vonal); border-radius: 17px; color: var(--szin-szoveg); background: var(--szin-hatter-vilagos); box-shadow: var(--arnyek); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-7px); transition: opacity .18s ease,transform .18s ease,visibility 0s linear .18s; }
.nezet-ag:last-child .nezet-ag-menu { right: 0; left: auto; }
.nezet-ag:hover .nezet-ag-menu,.nezet-ag:focus-within .nezet-ag-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; }
body.menu-gorgetessel-bezarva .nezet-ag-menu { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(-7px) !important; }
.nezet-fo-valaszto:has(.nezet-ag:hover) .nezet-ag:not(:hover) .nezet-ag-menu { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-7px); }
.nezet-ag:hover > button span,.nezet-ag:focus-within > button span { transform: rotate(180deg); }
.nezet-ag-menu a { padding: 10px 11px; border-bottom: 1px solid rgba(138,90,0,.14); color: var(--szin-szoveg); text-decoration: none; font-size: .85rem; font-weight: 700; }
.nezet-ag-menu a:last-child { border-bottom: 0; }
.nezet-ag-menu a:hover,.nezet-ag-menu a:focus-visible { border-radius: 9px; background: #f3d98d; }
.fejlec.gorgetett .nezet-fo-valaszto,.belso-oldal .nezet-fo-valaszto,.nezet-rendeles .nezet-fo-valaszto { border-color: var(--szin-vonal); background: rgba(255,250,240,.9); }
.fejlec.gorgetett .nezet-ag > button,.belso-oldal .nezet-ag > button,.nezet-rendeles .nezet-ag > button { color: var(--szin-szoveg); }
.fejlec.gorgetett .nezet-ag > button[aria-pressed="true"],.belso-oldal .nezet-ag > button[aria-pressed="true"],.nezet-rendeles .nezet-ag > button[aria-pressed="true"] { color: #241700; }

@media (max-width: 720px) {
  .fejlec { backdrop-filter: none !important; }
  .marka { width: 170px; padding: 7px 9px; }
  .vissza-lebego { right: 16px; bottom: 82px; }
  .kozossegi-szekcio { padding: 82px 0; }
  .kozossegi-belso { width: 100%; }
  .kozossegi-fej { padding-inline: 20px; }
  .kozossegi-fej .lapozo-gombok { display: none; }
  .kezdo-valasztas { position: absolute; top: 0; padding: calc(var(--fejlec-magassag) + var(--ertesites-magassag) + 18px) 0 0; color: white; background: transparent; }
  .ertesites-bezarva .kezdo-valasztas { padding-top: calc(var(--fejlec-magassag) + 18px); }
  .kezdo-valasztas .tartalmi-keret { display: grid; justify-items: stretch; }
  .kezdo-valasztas h2,.kezdo-valasztas p,.kezdo-valasztas .felirat { display: none; }
  .kezdo-valasztas-gombok { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 0; }
  .valasztas-kartya,.nezet-rendeles .valasztas-kartya { width: 100%; min-width: 0; padding: 12px; border-color: rgba(255,255,255,.45); color: white; background: rgba(28,20,8,.58); }
  .valasztas-kartya strong { font-size: .76rem; }
  .valasztas-kartya span,.nezet-rendeles .valasztas-kartya span { color: rgba(255,255,255,.8); font-size: .62rem; }
  .valasztas-kartya[aria-pressed="true"],.nezet-rendeles .valasztas-kartya[aria-pressed="true"] { color: white; background: #6b4b08; }
  .valasztas-kartya[aria-pressed="true"] span,.nezet-rendeles .valasztas-kartya[aria-pressed="true"] span { color: rgba(255,255,255,.82); }
  .rendelesi-nezet { padding-top: 0; }
  .rendelesi-nyito { padding: 65px 0; }
  .rendelesi-nyito .tartalmi-keret { grid-template-columns: 1fr; gap: 35px; }
  .rendelesi-muveletek { grid-template-columns: 1fr; }
  .muvelet-kartya:first-child { grid-column: auto; }
  .rendelesi-szekcio-fej { display: grid; }
  .termek-kereses { width: 100%; }
  .gyors-termeksor { grid-template-columns: 76px minmax(0,1fr) auto; gap: 12px; padding: 9px; }
  .gyors-termeksor img { width: 76px; height: 76px; }
  .gyors-termek-ar { min-width: 0; font-size: .84rem; }
  .gyors-termeksor .gomb { grid-column: 2 / -1; width: 100%; justify-content: center; }
  .nezet-rendeles .termek-racs { display: grid; grid-template-columns: 1fr; overflow: visible; }
  .nezet-rendeles .termek-kartya { min-width: 0; grid-template-columns: 120px 1fr; }
  .nezet-rendeles .termek-kartya > img { height: 100%; }
  .belso-hero { min-height: 72svh; }
  .belso-hero .tartalmi-keret { padding: 160px 0 50px; }
  .belso-hero h1 { font-size: clamp(3.4rem,16vw,5.5rem); }
  .reszletes-tortenet { padding-top: 75px; }
  .csalad-kartyak { grid-auto-columns: 85%; }
  .kapcsolat-racs { grid-template-columns: 1fr; }
  .fogalom-racs { grid-template-columns: 1fr; }
  .ismeret-kartyak { grid-auto-columns: 84%; grid-template-columns: none; }
  .fogalom-racs article > span { font-size: 2.6rem; }
  .info-dialog[open] { grid-template-columns: 1fr; }
  .info-dialog > img { min-height: 230px; max-height: 36vh; }
  .recept-fej { display: grid; }
  .recept-fej-muveletek { justify-items: start; }
  .recept-fej .lapozo-gombok { display: none; }
  .recept-carousel { grid-auto-columns: 84%; }
  .egyszerusitett-menu { margin-left: auto; }
  .fooldal-link { display: none; }
  .nezet-menu-gomb { min-width: 118px; min-height: 40px; }
  .fo-menu.nezet-lenyilo { inset: 0; width: 100vw; height: 100dvh; max-height: none; padding: 112px 26px 90px; border: 0; border-radius: 0; transform: translateY(-18px); }
  .fo-menu.nezet-lenyilo > a,.fejlec.gorgetett .fo-menu.nezet-lenyilo > a,.belso-oldal .fo-menu.nezet-lenyilo > a { width: 100%; padding: 14px 0; font: 400 clamp(1.8rem,7vw,3rem)/1.05 var(--font-cim); }
  body.menu-nyitva .marka,body.menu-nyitva .fejlec-muveletek { opacity: 0; pointer-events: none; }
  body.menu-nyitva .egyszerusitett-menu { position: relative; z-index: 1004; margin-left: auto; }
  .nezet-ag-menu { width: 220px; }
}

@media (max-width: 720px) {
  .fejlec-belso { gap: 9px; }
  .marka { width: 112px; }
  .egyszerusitett-menu { gap: 0; }
  .nezet-ag > button { min-height: 34px; padding: 5px 8px; font-size: .68rem; }
  .nezet-fo-valaszto { min-width: 0; max-width: calc(100vw - 150px); backdrop-filter: none; }
  .nezet-ag { min-width: 0; }
  .nezet-ag-menu { position: fixed; top: calc(var(--ertesites-magassag) + var(--fejlec-magassag) - 2px); right: 14px !important; left: 14px !important; width: auto !important; max-width: none; overflow-x: hidden; overscroll-behavior: contain; }
  .ertesites-bezarva .nezet-ag-menu { top: calc(var(--fejlec-magassag) - 2px); }
  .nezet-ag:last-child .nezet-ag-menu { right: 14px !important; left: 14px !important; }
  .nezet-ag-menu a { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
}

@media (max-width: 420px) {
  :root { --fejlec-magassag: 112px; }
  .fejlec-belso { position: relative; align-items: flex-start; padding-top: 9px; }
  .marka { width: auto; max-width: calc(100% - 20px); }
  .egyszerusitett-menu { position: absolute; right: 0; bottom: 8px; margin-left: 0; }
  .nezet-fo-valaszto { max-width: calc(100vw - 28px); }
}

/* Ötlépéses rendelési folyamat */
.penztar-oldal { min-height: 100vh; padding: calc(var(--fejlec-magassag) + var(--ertesites-magassag) + 34px) 0 90px; background: #f7f1e5; }
.ertesites-bezarva .penztar-oldal { padding-top: calc(var(--fejlec-magassag) + 34px); }
.penztar-lepesek { position: sticky; z-index: 20; top: calc(var(--fejlec-magassag) + var(--ertesites-magassag)); margin-bottom: 34px; border-block: 1px solid var(--szin-vonal); background: rgba(255,250,240,.96); backdrop-filter: blur(12px); }
.ertesites-bezarva .penztar-lepesek { top: var(--fejlec-magassag); }
.penztar-lepesek .tartalmi-keret { display: grid; grid-template-columns: repeat(5,1fr); }
.penztar-lepesek button { position: relative; min-height: 76px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 0; color: var(--szin-szoveg-lagy); background: transparent; font-weight: 750; cursor: pointer; }
.penztar-lepesek button:not(:last-child)::after { content: ''; position: absolute; right: 0; width: 1px; height: 30px; background: var(--szin-vonal); }
.penztar-lepesek button.aktiv { color: #251900; background: #f4c342; }
.penztar-lepesek button.kesz { color: #45642d; }
.lepes-szam { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: .78rem; }
.penztar-lepesek button.kesz .lepes-szam { color: white; border-color: #587d3c; background: #587d3c; }
.mobil-lepes-cim { display: none; }
.penztar-racs { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 28px; align-items: start; }
.penztar-panel,.penztar-siker,.penztar-osszesito { border: 1px solid var(--szin-vonal); border-radius: 24px; background: var(--szin-hatter-vilagos); box-shadow: 0 14px 40px rgba(71,49,12,.08); }
.penztar-panel,.penztar-siker { padding: clamp(24px,4vw,48px); }
.penztar-panel h1,.penztar-siker h1 { margin: 6px 0 12px; font: 500 clamp(2.2rem,4vw,4rem)/.98 var(--font-cim); }
.penztar-panel > p:not(.felirat),.penztar-siker > p:not(.felirat) { color: var(--szin-szoveg-lagy); }
.kedvezmeny-doboz { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.8fr); gap:24px; margin:28px 0 18px; padding:22px; border:1px solid var(--szin-vonal); border-radius:18px; background:var(--szin-hatter); }
.kedvezmeny-doboz h2 { margin:4px 0 8px; font:600 1.45rem/1.15 var(--font-cim); }
.kedvezmeny-doboz p { margin:0; }
.kedvezmeny-kupon-sor { display:grid; grid-template-columns:1fr auto; align-content:start; gap:8px; }
.kedvezmeny-kupon-sor label { grid-column:1/-1; font-weight:700; }
.kedvezmeny-kupon-sor input { min-width:0; text-transform:uppercase; }
.kedvezmeny-kupon-sor [data-kupon-torol] { grid-column:1/-1; justify-self:start; }
.kedvezmeny-allapot { display:grid; grid-column:1/-1; gap:9px; padding-top:4px; }
.kedvezmeny-eredmeny { display:grid; gap:3px; padding:11px 13px; border:1px solid var(--szin-vonal); border-radius:12px; background:rgba(255,255,255,.48); }
.kedvezmeny-eredmeny strong { color:var(--szin-zold); }
.kedvezmeny-eredmeny span { color:var(--szin-szoveg-halvany,#6f675b); font-size:.9rem; font-weight:400; }
.kedvezmeny-eredmeny.nem_alkalmazhato strong,.kedvezmeny-eredmeny.nem_ervenyesitve strong { color:var(--szin-hiba,#9e2f24); }
.kedvezmeny-eredmeny.semleges { color:var(--szin-szoveg-halvany,#6f675b); }
.fiok-kuponok { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin-top:20px; }
.fiok-kupon { padding:20px; border:1px solid var(--szin-vonal); border-radius:18px; background:var(--szin-hatter-vilagos); }
.fiok-kupon > div { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.fiok-kupon > div strong { font:700 1.3rem/1 var(--font-cim); letter-spacing:.08em; }
.fiok-kupon > div span { padding:6px 10px; border-radius:999px; background:var(--szin-hatter); font-size:.8rem; }
.osszesito-tartalom [data-kedvezmeny-sor] dd { color:var(--szin-zold); font-weight:800; }
.penztar-termeklista { margin: 30px 0 22px; display: grid; gap: 12px; }
.penztar-termeksor { display: grid; grid-template-columns: 78px minmax(0,1fr) 92px 100px 34px; gap: 15px; align-items: center; padding: 12px; border: 1px solid var(--szin-vonal); border-radius: 16px; }
.penztar-termeksor img { width: 78px; height: 78px; border-radius: 11px; object-fit: cover; }
.penztar-termeksor h2 { margin: 0 0 5px; font-size: 1rem; }
.penztar-termeksor p { margin: 0 0 5px; color: var(--szin-szoveg-lagy); font-size: .78rem; }
.penztar-ar-blokk { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 8px; }
.penztar-ar-blokk small { flex-basis: 100%; color: var(--szin-szoveg); font-size: .68rem; }
.penztar-ar-blokk strong { font-size: .9rem; }
.penztar-ar-blokk .akcios-ar { color: #b52d21; font-size: 1rem; }
.penztar-ar-blokk span { color: var(--szin-szoveg-lagy); font-size: .68rem; font-weight: 650; }
.penztar-termeksor label { font-size: .67rem; font-weight: 700; }
.penztar-termeksor input { width: 100%; margin-top: 4px; padding: 9px; border: 1px solid var(--szin-vonal); border-radius: 9px; }
.tetel-torol { width: 32px; height: 32px; padding: 7px; border: 0; border-radius: 50%; color: #7b271c; background: #f8e4df; cursor: pointer; }
.tetel-torol svg { width: 100%; height: 100%; fill: currentColor; }
.ures-kosar { margin: 28px 0; padding: 35px; text-align: center; border: 1px dashed var(--szin-vonal); border-radius: 18px; }
.kosar-urites-lebego{position:fixed;z-index:880;right:max(24px,calc((100vw - var(--max-szelesseg))/2));bottom:92px;padding:12px 18px;border:1px solid #a63d2d;border-radius:999px;color:#842d24;background:#fff7f3;box-shadow:0 12px 30px rgba(45,25,10,.16);font:inherit;font-weight:800;cursor:pointer}.kosar-urites-lebego:hover{color:#fff;background:#842d24}.kosar-urites-dialog{width:min(520px,calc(100% - 28px));padding:0;border:0;border-radius:24px;color:var(--szin-szoveg);background:var(--szin-hatter-vilagos);box-shadow:0 28px 90px rgba(20,14,6,.35)}.kosar-urites-dialog::backdrop{background:rgba(20,14,6,.62);backdrop-filter:blur(4px)}.kosar-urites-dialog>div{padding:clamp(25px,5vw,42px)}.kosar-urites-dialog h2{margin:6px 0 14px;font:500 clamp(1.8rem,5vw,2.7rem)/1.05 var(--font-cim)}.kosar-urites-dialog>div>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:25px}@media(max-width:700px){.kosar-urites-lebego{right:14px;bottom:calc(82px + env(safe-area-inset-bottom));padding:10px 14px}}
.penztar-urlap-racs { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.penztar-urlap-racs label,.szallitasi-cim label { display: block; font-size: .8rem; font-weight: 750; }
.teljes-mezo { grid-column: 1/-1; }
.penztar-urlap-racs input,.penztar-urlap-racs select,.penztar-urlap-racs textarea,.szallitasi-cim input { width: 100%; margin-top: 7px; padding: 13px 14px; border: 1px solid var(--szin-vonal); border-radius: 11px; color: var(--szin-szoveg); background: white; font: inherit; }
.valaszto-kartyak { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.valaszto-kartyak label { position: relative; min-height: 112px; display: flex; align-items: center; padding: 20px; border: 1px solid var(--szin-vonal); border-radius: 16px; cursor: pointer; }
.valaszto-kartyak label:has(input:checked) { border-color: #a96d00; background: #fff1bd; box-shadow: inset 0 0 0 1px #a96d00; }
.valaszto-kartyak label:has(input:disabled) { opacity: .42; cursor: not-allowed; }
.valaszto-kartyak input { position: absolute; opacity: 0; }
.valaszto-kartyak span { display: grid; gap: 7px; }
.valaszto-kartyak small { color: var(--szin-szoveg-lagy); line-height: 1.4; }
.szallitasi-cim { margin-top: 18px; }
.ellenorzo-blokkok { margin: 28px 0; display: grid; gap: 12px; }
.ellenorzo-blokkok article { padding: 18px; border: 1px solid var(--szin-vonal); border-radius: 14px; }
.ellenorzo-blokkok h2 { margin: 0 0 8px; font-size: .95rem; }
.ellenorzo-blokkok p { margin: 0; color: var(--szin-szoveg-lagy); white-space: pre-line; }
.ellenorzo-blokkok button { float: right; border: 0; color: #7b5200; background: transparent; font-weight: 750; cursor: pointer; }
.elfogadas { display: flex; gap: 10px; align-items: flex-start; margin: 20px 0; font-size: .82rem; }
.demo-figyelmeztetes { padding: 13px; border-radius: 10px; background: #f3ead9; font-size: .76rem; }
.penztar-osszesito { position: sticky; top: calc(var(--fejlec-magassag) + var(--ertesites-magassag) + 110px); overflow: hidden; }
.ertesites-bezarva .penztar-osszesito { top: calc(var(--fejlec-magassag) + 110px); }
.osszesito-fej { width: 100%; padding: 22px; display: grid; grid-template-columns: 1fr auto auto; gap: 10px; border: 0; color: white; background: #332510; text-align: left; cursor: pointer; }
.osszesito-tartalom { padding: 20px 22px; }
.osszesito-tartalom > div { display: grid; gap: 9px; padding-bottom: 18px; font-size: .82rem; }
.osszesito-tartalom > div p { margin: 0; display: flex; justify-content: space-between; gap: 12px; }
.osszesito-tartalom dl { margin: 0; }
.osszesito-tartalom dl div { display: flex; justify-content: space-between; padding: 10px 0; border-top: 1px solid var(--szin-vonal); }
.osszesito-tartalom dd { margin: 0; font-weight: 750; }
.osszesito-tartalom .vegosszeg { margin-top: 5px; font-size: 1.08rem; }
.penztar-navigacio { margin-top: 22px; display: flex; justify-content: flex-end; gap: 12px; }
.penztar-navigacio [data-penztar-vissza] { margin-right: auto; }
.penztar-hiba { margin: 15px 0 0; padding: 12px; border-radius: 10px; color: #76251d; background: #f8dfd9; }
.penztar-siker { text-align: center; }
.penztar-siker > span { width: 62px; height: 62px; margin: auto; display: grid; place-items: center; border-radius: 50%; color: white; background: #587d3c; font-size: 1.8rem; }
.mobil-penztar-sav { display: none; }
.gyors-termek-lista { display: grid; gap: 30px; }
.gyors-termek-csoport { display: grid; gap: 10px; }
.gyors-termek-csoport > h3 { margin: 0; padding: 0 0 12px; border-bottom: 2px solid #d7b457; font: 500 clamp(1.6rem,3vw,2.5rem)/1 var(--font-cim); }
.gyors-termek-adat h4 { margin: 0 0 5px; font-size: 1rem; }
.gyors-ar-blokk { min-width: 112px; display: grid; justify-items: end; gap: 2px; }
.gyors-ar-blokk > small { color: var(--szin-szoveg); font-size: .68rem; }
.gyors-ar-blokk > strong { font-size: 1rem; }
.gyors-ar-blokk .akcios-ar { color: #b52d21; font-size: 1.12rem; }
.gyors-ar-blokk > span { color: var(--szin-szoveg-lagy); font-size: .68rem; font-weight: 650; }
.termek-kartya-ar { min-height: 58px; margin: 12px 0; display: grid; align-content: end; justify-items: start; gap: 2px; }
.termek-kartya-ar small { color: var(--szin-szoveg); font-size: .72rem; }
.termek-kartya-ar strong { font-size: 1.05rem; }
.termek-kartya-ar .akcios-ar { color: #b52d21; font-size: 1.15rem; }
.termek-kartya-ar span { color: var(--szin-szoveg-lagy); font-size: .7rem; font-weight: 650; }
.termek-kartya-muveletek { display: flex; align-items: end; justify-content: space-between; gap: 12px; }
.kosar-mennyiseg { display: grid; gap: 4px; justify-items: end; color: var(--szin-szoveg-lagy); font-size: .67rem; font-weight: 750; }
.kosar-mennyiseg > div { display: grid; grid-template-columns: 42px 54px 42px; min-height: 44px; overflow: hidden; border: 1px solid var(--szin-vonal); border-radius: 12px; background: #fffaf0; }
.kosar-mennyiseg button,.kosar-mennyiseg input { min-width: 0; border: 0; background: transparent; color: var(--szin-szoveg); font: 800 1.05rem/1 var(--font-szoveg); text-align: center; }
.kosar-mennyiseg button { cursor: pointer; }
.kosar-mennyiseg button:hover,.kosar-mennyiseg button:focus-visible { background: #f4c342; }
.kosar-mennyiseg input { width: 54px; border-right: 1px solid var(--szin-vonal); border-left: 1px solid var(--szin-vonal); appearance: textfield; }
.kosar-mennyiseg input::-webkit-inner-spin-button,.kosar-mennyiseg input::-webkit-outer-spin-button { margin: 0; appearance: none; }
.termek-kartya-muveletek .kosar-mennyiseg { width: 100%; }
.gyors-termeksor.uj-fajta { margin-top: 12px; border-top: 4px solid #c99b32; }
.gyors-kategoria-nav { position: sticky; z-index: 80; top: calc(var(--ertesites-magassag) + var(--fejlec-magassag)); margin: 20px 0 30px; padding: 10px; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: thin; border: 1px solid var(--szin-vonal); border-radius: 16px; background: rgba(255,250,240,.96); box-shadow: 0 8px 22px rgba(58,42,12,.1); backdrop-filter: blur(10px); }
.ertesites-bezarva .gyors-kategoria-nav { top: var(--fejlec-magassag); }
.gyors-kategoria-nav a { flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--szin-vonal); border-radius: 999px; color: var(--szin-szoveg); background: white; text-decoration: none; font-size: .74rem; font-weight: 750; }
.gyors-kategoria-nav a:hover,.gyors-kategoria-nav a:focus-visible { border-color: #a96d00; background: #f4c342; }
.gyors-termek-csoport { scroll-margin-top: calc(var(--ertesites-magassag) + var(--fejlec-magassag) + 78px); }
.ertesites-bezarva .gyors-termek-csoport { scroll-margin-top: calc(var(--fejlec-magassag) + 78px); }
.gyors-kosar-tovabb { position: fixed; z-index: 900; right: max(24px,calc((100vw - var(--max-szelesseg))/2)); bottom: 24px; margin: 0; display: flex; }
.gyors-kosar-tovabb .gomb { min-height: 54px; padding-inline: 22px; color: white; background: #332510; box-shadow: 0 12px 34px rgba(36,25,4,.28); }
.gyors-kosar-tovabb .gomb:hover { background: #4a3516; transform: translateY(-2px); }
.gyors-kosar-tovabb .gomb span { min-width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 50%; color: #241700; background: #f4c342; }
.kotelezo-jel,.kotelezo-magyarazat span { color: #a23b26; font-weight: 900; }
.kotelezo-magyarazat { text-align: right; font-size: .75rem; }
.penztar-navigacio [data-penztar-tovabb]:disabled,.mobil-penztar-sav [data-penztar-tovabb]:disabled { opacity: .42; cursor: not-allowed; filter: grayscale(.45); }
.szallitasi-reszletek { margin-top: 22px; }
.szallitasi-mod-panel { padding: 22px; border: 1px solid var(--szin-vonal); border-radius: 17px; background: #fffdf7; }
.szallitasi-mod-panel h2 { margin: 0 0 10px; font-size: 1.15rem; }
.atveteli-adat { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.atveteli-adat address { margin-bottom: 12px; font-style: normal; font-weight: 750; }
.atveteli-adat iframe { width: 100%; min-height: 270px; border: 0; border-radius: 13px; }
.cim-urlap { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.cim-urlap label,.szallitasi-mod-panel > label { display: block; font-size: .78rem; font-weight: 750; }
.cim-urlap input,.szallitasi-mod-panel > label input { width: 100%; margin-top: 6px; padding: 12px 13px; border: 1px solid var(--szin-vonal); border-radius: 10px; font: inherit; }
.cim-urlap label > small { float: right; color: var(--szin-szoveg-lagy); font-weight: 500; }
.szamlazasi-adatok { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--szin-vonal); }
.szamlazasi-tajekoztato { margin: 0; padding: 12px 14px; border-radius: 10px; color: #493408; background: #fff0ba; font-size: .78rem; }
.fizetes-tajekoztato { margin-top: 15px; padding: 12px 14px; border-radius: 10px; color: #493408; background: #fff0ba; font-size: .78rem; }
.atvevo-adatok { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--szin-vonal); }
.atvevo-adatok .penztar-urlap-racs { margin-top: 16px; }
.atvevo-osszegzes { margin: 8px 0 0; color: var(--szin-szoveg-lagy); font-size: .78rem; }
.sajat-utca-mezo { position: relative; }
.utca-valaszteklista { position: absolute; z-index: 30; right: 0; left: 0; max-height: 260px; overflow-y: auto; display: grid; border: 1px solid var(--szin-vonal); border-radius: 0 0 12px 12px; background: white; box-shadow: 0 14px 30px rgba(36,25,4,.16); }
.utca-valaszteklista button { padding: 10px 13px; border: 0; border-bottom: 1px solid var(--szin-vonal); background: white; text-align: left; cursor: pointer; }
.utca-valaszteklista button:hover,.utca-valaszteklista button:focus-visible { background: #fff1bd; }
.utca-valaszteklista button:last-child { border-bottom: 0; }
.sajat-idopontok { margin: 20px 0 0; padding: 0; border: 0; }
.sajat-idopontok legend { margin-bottom: 9px; font-size: .8rem; font-weight: 800; }
.sajat-idopontok > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.sajat-idopontok label { position: relative; padding: 13px; border: 1px solid var(--szin-vonal); border-radius: 11px; background: white; cursor: pointer; font-size: .75rem; }
.sajat-idopontok label:has(input:checked) { border-color: #a96d00; background: #fff1bd; box-shadow: inset 0 0 0 1px #a96d00; }
.sajat-idopontok input { position: absolute; opacity: 0; }
.fiok-oldal { padding-bottom: 100px; }
.fiok-fej { max-width: 760px; margin-bottom: 30px; }
.fiok-vendeg { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.fiok-doboz,.fiok-profil,.fiok-rendeles { padding: 26px; border: 1px solid var(--szin-vonal); border-radius: 20px; background: var(--szin-hatter-vilagos); box-shadow: 0 12px 32px rgba(71,49,12,.07); }
.fiok-doboz { display: grid; gap: 14px; }
.fiok-doboz h2 { margin: 0; font: 500 2rem/1 var(--font-cim); }
.fiok-doboz label { font-size: .8rem; font-weight: 750; }
.fiok-doboz input { width: 100%; margin-top: 6px; padding: 12px 13px; border: 1px solid var(--szin-vonal); border-radius: 10px; font: inherit; }
.fiok-profil { margin-bottom: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.fiok-profil h2 { margin: 4px 0; }
.fiok-rendelesek { display: grid; gap: 14px; }
.fiok-rendeles > div { display: flex; justify-content: space-between; gap: 14px; }
.fiok-rendeles > div:last-child { align-items: center; }
.fiok-rendeles ul { padding-left: 20px; color: var(--szin-szoveg-lagy); font-size: .82rem; }
.fiok-rendeles-azonosito{border:0;border-bottom:1px solid;background:none;padding:0;font:inherit;font-weight:800;cursor:pointer}.fiok-rendeles-dialog{width:min(980px,calc(100% - 28px));max-height:92vh;padding:0;border:0;border-radius:24px;background:var(--szin-hatter-vilagos);box-shadow:0 24px 80px #2c1d1255}.fiok-rendeles-dialog::backdrop{background:#21170db3}.fiok-dialog-fej{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:start;padding:24px;border-bottom:1px solid var(--szin-vonal);background:var(--szin-hatter-vilagos)}.fiok-dialog-fej h2{margin:4px 0 0;font:500 clamp(1.7rem,4vw,2.8rem)/1 var(--font-cim)}.fiok-dialog-fej button{border:0;background:none;font-size:2rem;cursor:pointer}.fiok-reszlet-racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.fiok-reszlet-blokk{padding:18px;border:1px solid var(--szin-vonal);border-radius:16px;background:#fff}.fiok-reszlet-blokk.teljes{grid-column:1/-1}.fiok-reszlet-blokk h3{margin-top:0}.fiok-reszlet-blokk dl>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid var(--szin-vonal)}.fiok-reszlet-blokk dd{margin:0;text-align:right;font-weight:700}.fiok-reszlet-termek{width:100%;border-collapse:collapse}.fiok-reszlet-termek td{padding:10px;border-bottom:1px solid var(--szin-vonal)}.fiok-reszlet-termek td:last-child{text-align:right;font-weight:800}.fiok-esemeny{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--szin-vonal)}.fiok-dialog-muveletek{display:flex;flex-wrap:wrap;gap:10px;padding:0 20px 24px}.fiok-dialog-uzenet{width:100%;color:var(--szin-szoveg-lagy)}@media(max-width:700px){.fiok-reszlet-racs{grid-template-columns:1fr;padding:12px}.fiok-reszlet-blokk.teljes{grid-column:auto}.fiok-esemeny{grid-template-columns:1fr}.fiok-rendeles-dialog{width:calc(100% - 16px)}}
@media (max-width:720px){.fiok-vendeg{grid-template-columns:1fr}.fiok-profil,.fiok-rendeles>div{align-items:flex-start;flex-direction:column}.sajat-idopontok>div{grid-template-columns:1fr}}
.fiok-fulek{display:flex;gap:.5rem;margin:2rem 0 1rem;border-bottom:1px solid var(--szin-vonal)}.fiok-fulek button{padding:.8rem 1rem;border:0;border-bottom:3px solid transparent;background:none;font:inherit;font-weight:800;cursor:pointer}.fiok-fulek button.aktiv{border-color:var(--szin-mez-arany,#dca900)}.fiok-fulek span:not(:empty){display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;border-radius:50%;background:#f5bd2d;margin-left:.3rem}.fiok-uzenet-fej{display:flex;justify-content:space-between;align-items:center;gap:1rem}.fiok-uzenet-szuro{display:grid;grid-template-columns:2fr 1fr;gap:.7rem;margin:1rem 0}.fiok-uzenet-szuro input,.fiok-uzenet-szuro select,.fiok-uzenet-urlap input,.fiok-uzenet-urlap select,.fiok-uzenet-urlap textarea{width:100%;padding:.85rem;border:1px solid var(--szin-vonal);border-radius:12px;background:#fff;font:inherit}.fiok-uzenet-elrendezes{display:grid;grid-template-columns:minmax(260px,36%) 1fr;gap:1rem}.fiok-uzenet-elrendezes>div{border:1px solid var(--szin-vonal);border-radius:18px;background:var(--szin-hatter-vilagos);overflow:hidden}.fiok-uzenet-lista-gomb{display:grid;grid-template-columns:1fr auto;width:100%;gap:.4rem;padding:1rem;border:0;border-bottom:1px solid var(--szin-vonal);background:none;text-align:left;cursor:pointer}.fiok-uzenet-lista-gomb.aktiv,.fiok-uzenet-lista-gomb:hover{background:#fff0bd}.fiok-uzenet-lista-gomb small{display:block;color:var(--szin-szoveg-lagy)}.fiok-uzenet-jel{align-self:start;border-radius:50%;background:#f5bd2d;padding:.3rem}.fiok-uzenet-reszlet-belso{padding:1.2rem}.fiok-uzenet-buborek{max-width:82%;padding:1rem;margin:.8rem 0;border-radius:16px;background:#eee4d2}.fiok-uzenet-buborek.sajat{margin-left:auto;background:#ffe59a}.fiok-uzenet-buborek small{display:block;color:var(--szin-szoveg-lagy)}.fiok-uzenet-valasz textarea{width:100%;min-height:100px}.fiok-uzenet-dialog{width:min(650px,calc(100% - 20px));border:0;border-radius:22px;padding:0;background:var(--szin-hatter-vilagos)}.fiok-uzenet-dialog::backdrop{background:#21170db3}.fiok-uzenet-urlap{display:grid;gap:1rem;padding:1.3rem}.fiok-uzenet-urlap label{display:grid;gap:.4rem;font-weight:700}@media(max-width:760px){.fiok-uzenet-fej{align-items:flex-start}.fiok-uzenet-szuro,.fiok-uzenet-elrendezes{grid-template-columns:1fr}.fiok-uzenet-buborek{max-width:94%}}
.lezarasi-adatok { margin-top: 26px; }
.lezarasi-adatok label { display: block; font-size: .8rem; font-weight: 750; }
.lezarasi-adatok textarea { width: 100%; margin-top: 7px; padding: 13px 14px; border: 1px solid var(--szin-vonal); border-radius: 11px; font: inherit; resize: vertical; }
.lezarasi-adatok > small { display: block; margin-top: 4px; color: var(--szin-szoveg-lagy); text-align: right; }
.hozzajarulasok { margin-top: 22px; }
.cim-urlap input:disabled,.cim-urlap input:read-only { color: #6b655a; background: #eee9df; }
.cim-allapot,.szallitasi-tipp,.csomag-kapacitas { margin: 15px 0 0; padding: 12px 14px; border-radius: 10px; background: #edf3e5; color: #3d592c; font-size: .78rem; }
.cim-allapot.hiba { color: #7b271c; background: #f8e4df; }
.szallitasi-tipp { background: #fff0ba; color: #493408; }
.mpl-pont-valaszto { margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
[data-mpl-pont-talalatok] { margin-top: 12px; display: grid; gap: 8px; }
.mpl-talalat { padding: 12px; display: grid; gap: 4px; border: 1px solid var(--szin-vonal); border-radius: 10px; background: white; text-align: left; cursor: pointer; }
.mpl-talalat.kijelolt { border-color: #a96d00; background: #fff1bd; }
.mpl-talalat small { color: var(--szin-szoveg-lagy); }
.terkep-helyorzo { min-height: 245px; display: grid; place-content: center; padding: 25px; border-radius: 13px; color: #514a3c; background: linear-gradient(135deg,#e4e2d9,#f4f0e4); text-align: center; }
.csomag-kapacitas:empty { display: none; }

@media (max-width: 720px) {
  .penztar-oldal { padding-top: calc(var(--fejlec-magassag) + var(--ertesites-magassag) + 12px); padding-bottom: 110px; }
  .ertesites-bezarva .penztar-oldal { padding-top: calc(var(--fejlec-magassag) + 12px); }
  .penztar-lepesek { margin-bottom: 16px; }
  .penztar-lepesek .tartalmi-keret { padding-inline: 16px; gap: 8px; }
  .penztar-lepesek button { min-height: 50px; }
  .penztar-lepesek button:not(:last-child)::after,.lepes-nev { display: none; }
  .lepes-szam { width: 28px; height: 28px; }
  .mobil-lepes-cim { margin: 0; padding: 0 0 9px; display: block; text-align: center; color: var(--szin-szoveg-lagy); font-size: .7rem; font-weight: 750; }
  .penztar-racs { grid-template-columns: 1fr; gap: 14px; padding-inline: 14px; }
  .penztar-panel,.penztar-siker { padding: 24px 18px; border-radius: 18px; }
  .kedvezmeny-doboz { grid-template-columns:1fr; padding:18px; }
  .penztar-panel h1,.penztar-siker h1 { font-size: 2.35rem; }
  .penztar-osszesito { position: static; grid-row: 1; border-radius: 16px; }
  .osszesito-fej { padding: 16px 18px; }
  .osszesito-fej[aria-expanded='false'] + .osszesito-tartalom { display: none; }
  .penztar-urlap-racs,.valaszto-kartyak { grid-template-columns: 1fr; }
  .teljes-mezo { grid-column: auto; }
  .valaszto-kartyak label { min-height: 90px; }
  .penztar-termeksor { grid-template-columns: 62px minmax(0,1fr) 31px; gap: 10px; }
  .penztar-termeksor img { width: 62px; height: 62px; }
  .penztar-termeksor label { grid-column: 2; }
  .penztar-termeksor > strong { grid-column: 3; grid-row: 2; font-size: .76rem; text-align: right; }
  .penztar-termeksor .tetel-torol { grid-column: 3; grid-row: 1; }
  .penztar-navigacio { display: flex; }
  body:has(.penztar-oldal) .mobil-also-menu { display: none !important; }
  .gyors-termeksor { grid-template-columns: 76px minmax(0,1fr) auto; }
  .gyors-termeksor .kosar-mennyiseg { grid-column: 2/-1; justify-items: stretch; }
  .gyors-termeksor .kosar-mennyiseg > div { grid-template-columns: 1fr 58px 1fr; }
  .gyors-ar-blokk { grid-column: 3; grid-row: 1; min-width: 86px; }
  .gyors-kategoria-nav { margin-inline: -2px; border-radius: 12px; }
  .gyors-kosar-tovabb { right: 14px; bottom: calc(76px + env(safe-area-inset-bottom)); left: 14px; }
  .gyors-kosar-tovabb .gomb { width: 100%; justify-content: center; }
  .atveteli-adat,.cim-urlap,.mpl-pont-valaszto { grid-template-columns: 1fr; }
  .cim-urlap .teljes-mezo { grid-column: auto; }
  .szallitasi-mod-panel { padding: 18px 14px; }
}
.informacios-oldal{padding-top:calc(var(--ertesites-magassag) + var(--fejlec-magassag));padding-bottom:100px}.informacios-hero{padding:90px 0 70px;background:linear-gradient(135deg,#f4dfa1,#fffaf0)}.informacios-hero h1{max-width:900px;margin-bottom:24px;font-size:clamp(3.4rem,7vw,7.2rem)}.informacios-hero>div>p:last-child{max-width:760px;color:var(--szin-szoveg-lagy);font-size:1.08rem}.informacios-racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:55px}.informacios-kartya{padding:clamp(26px,4vw,46px);border:1px solid var(--szin-vonal);border-radius:var(--radius-doboz);background:var(--szin-hatter-vilagos);box-shadow:var(--arnyek)}.informacios-kartya h2{margin-bottom:24px;font-size:clamp(2rem,3.4vw,3.7rem)}.informacios-kartya p,.informacios-kartya li{color:var(--szin-szoveg-lagy)}.informacios-kartya li+li{margin-top:9px}.informacios-kartya .gomb-sor{margin-top:26px}.informacios-kartya.teljes{grid-column:1/-1}.kapcsolat-terkep{width:100%;min-height:360px;border:0;border-radius:var(--radius-doboz)}@media(max-width:760px){.informacios-oldal{padding-bottom:70px}.informacios-hero{padding:62px 0 48px}.informacios-racs{grid-template-columns:1fr;padding-top:28px}.informacios-kartya.teljes{grid-column:auto}}
.esemeny-bemutato{padding:clamp(60px,8vw,120px) 0;background:#f5efe3}.esemeny-bevezeto{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;margin-bottom:55px}.esemeny-bevezeto-kep{min-height:330px;border-radius:24px;background:linear-gradient(135deg,#d8b84d,#654b20)}.esemeny-sav{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory}.esemeny-kartya{flex:0 0 min(390px,82vw);scroll-snap-align:start;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #dfd2ba}.esemeny-kartya>div:last-child{padding:24px}.esemeny-kep{height:210px;background:#dbcda9 center/cover}.esemeny-dialog form,.esemeny-dialog label{display:grid;gap:8px}.esemeny-dialog form{gap:15px}.esemeny-dialog input{padding:12px;border:1px solid #d8ccb5;border-radius:8px}@media(max-width:760px){.esemeny-bevezeto{grid-template-columns:1fr}.esemeny-bevezeto-kep{min-height:220px}}

/* Programjelentkezés: a hosszú időpont és a mezők nem szélesíthetik a felugrót. */
.esemeny-dialog[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.esemeny-dialog>div,.esemeny-dialog form,.esemeny-dialog label{min-width:0;max-width:100%}
.esemeny-dialog form,.esemeny-dialog label{grid-template-columns:minmax(0,1fr)}
.esemeny-dialog input,.esemeny-dialog select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit}
.esemeny-dialog .gomb{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;justify-content:center}
.esemeny-dialog>div{overflow-wrap:anywhere}
.esemeny-dialog:not(:has(>.esemeny-dialog-kep))[open]{grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){
 .esemeny-dialog[open]{grid-template-columns:minmax(0,1fr)}
 .esemeny-dialog{max-height:calc(100dvh - 24px)}
 .esemeny-dialog>div{padding:24px 18px}
 .esemeny-dialog:not(:has(>.esemeny-dialog-kep))>div{padding-top:62px}
 .esemeny-dialog input,.esemeny-dialog select{font-size:16px}
}
/* Mobilon a kovetkezo kartya es a kepre ulo nyilak is jelzik a lapozast. */
.mobil-lapozo-keret { display: contents; }
.mobil-lapozo-nyil { display: none; }
@media (max-width: 720px) {
  .mobil-lapozo-keret { display: block; position: relative; min-width: 0; }
  .mobil-lapozo-keret > [data-carousel] {
    grid-auto-columns: calc(100% - 44px);
    gap: 14px;
    padding-inline: 2px;
    scroll-padding-inline: 2px;
    scroll-snap-type: x mandatory;
  }
  .mobil-lapozo-keret > [data-carousel] > * {
    min-width: 0;
    flex: 0 0 calc(100% - 44px);
    scroll-snap-align: start;
  }
  .mobil-lapozo-nyil {
    position: absolute;
    z-index: 2;
    top: var(--lapozo-nyil-y, 105px);
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 48px;
    height: 64px;
    padding: 0;
    border: 1px solid rgba(95, 65, 30, .18);
    border-radius: 12px;
    background: rgba(255, 248, 232, .78);
    color: #513719;
    box-shadow: 0 2px 10px rgba(50, 30, 10, .12);
    cursor: pointer;
  }
  .mobil-lapozo-nyil[hidden] { display: none; }
  .mobil-lapozo-nyil.elozo { left: 6px; }
  .mobil-lapozo-nyil.kovetkezo { right: 6px; }
  .mobil-lapozo-nyil::before {
    content: '';
    width: 21px;
    height: 21px;
    border-top: 3px solid currentColor;
    border-right: 3px solid currentColor;
    transform: translateX(-5px) rotate(45deg);
  }
  .mobil-lapozo-nyil.elozo::before { transform: translateX(5px) rotate(-135deg); }
  .mobil-lapozo-nyil:focus-visible { outline: 3px solid #805315; outline-offset: 3px; }
  .mobil-lapozo-nyil:active { background: rgba(255, 248, 232, .96); }
}