@media (max-width: 1080px) {
  :root { --fejlec-magassag: 74px; }
  .marka { width: 180px; }
  .menu-gomb { position: relative; z-index: 1004; order: 3; display: block; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; color: white; background: rgba(30,22,10,.24); backdrop-filter: blur(8px); cursor: pointer; }
  .fejlec.gorgetett .menu-gomb, .belso-oldal .menu-gomb { color: var(--szin-szoveg); background: rgba(255,250,240,.88); }
  .menu-hatter { position: fixed; z-index: 1001; inset: 0; display: block; background: rgba(20,14,6,.28); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s,visibility 0s linear .2s; }
  .menu-hatter.nyitva { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
  .fo-menu { position: fixed; z-index: 1002; inset: 0; width: 100vw; height: 100dvh; min-height: 100vh; margin: 0; padding: 125px 7vw 40px; display: flex; flex-direction: column; align-items: stretch; gap: 0; overflow-y: auto; color: var(--szin-szoveg); background: var(--szin-hatter-vilagos); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-18px); transition: opacity .22s,transform .3s cubic-bezier(.22,.75,.2,1),visibility 0s linear .3s; }
  .fo-menu.nyitva { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; }
  .fo-menu a, .fejlec.gorgetett .fo-menu a, .belso-oldal .fo-menu a { width: 100%; padding: 14px 0; border-bottom: 1px solid var(--szin-vonal); color: var(--szin-szoveg); font: 400 clamp(2rem,7vw,3.3rem)/1.05 var(--font-cim); }
  .nezet-valto { display: grid; gap: 8px; margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid var(--szin-vonal); }
  .nezet-valto-cim { color: var(--szin-szoveg-lagy); font-size: .72rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
  .nezet-valto-gombok { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .nezet-valto button { min-height: 42px; border: 1px solid var(--szin-vonal); border-radius: 999px; color: var(--szin-szoveg); }
  .nezet-valto button[aria-pressed="true"] { color: #241700; background: var(--szin-kiemelt-vilagos); }
  .fejlec-nezetek { display: none; }
  .fejlec-muveletek { margin-left: auto; }
  body.menu-nyitva .marka, body.menu-nyitva .fejlec-muveletek { opacity: 0; pointer-events: none; }
  body.menu-nyitva .fejlec { background: transparent; border-color: transparent; backdrop-filter: none; }
  body.menu-nyitva .menu-gomb { color: var(--szin-szoveg); background: rgba(255,250,240,.9); }
  .bevezeto-belso { grid-template-columns: 1fr; }
  .ertek-kartya { max-width: 580px; margin-left: auto; }
  .tortenet-blokk,.tortenet-blokk.forditott { grid-template-columns: 1fr; gap: 30px; margin-bottom: 110px; }
  .tortenet-blokk.forditott .blokk-kep,.tortenet-blokk.forditott .blokk-szoveg { grid-column: 1; grid-row: auto; }
  .tortenet-blokk.forditott .blokk-kep { grid-row: 1; }
  .termek-racs { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 720px) {
  body { padding-bottom: 4.3rem; font-size: 16px; }
  .tartalmi-keret { width: calc(100% - 28px); }
  .ertesitesi-sav { padding-inline: 34px; font-size: .7rem; }
  .fejlec-belso { width: calc(100% - 28px); }
  .marka { width: 150px; }
  .fejlec-muveletek { display: none; }
  .fo-menu { padding: 112px 26px 30px; }
  .hero { min-height: 94svh; }
  .hero-kep img { object-position: 56% center; }
  .hero-fatyol { background: linear-gradient(0deg,rgba(24,16,5,.83),rgba(24,16,5,.18) 88%); }
  .hero-belso { width: calc(100% - 32px); padding: 160px 0 46px; }
  .hero h1 { margin-bottom: 26px; font-size: clamp(3.5rem,17vw,6rem); }
  .hero-szoveg { max-width: 94%; margin-left: 0; }
  .hero-oldaljel { display: none; }
  .bevezeto-szalag { padding: 75px 0; }
  .bevezeto-belso { width: calc(100% - 32px); gap: 40px; }
  .nagy-mondat { font-size: clamp(2.25rem,11vw,3.45rem); }
  .ertek-kartya { padding: 24px; border-radius: 0 28px 28px; }
  .tortenet { padding: 78px 0 20px; }
  .tortenet-blokk,.tortenet-blokk.forditott { width: 100%; margin-bottom: 94px; gap: 0; }
  .blokk-kep img { aspect-ratio: 4/3; border-radius: 0; }
  .blokk-kep.reveal-image.balra,.blokk-kep.reveal-image.jobbra { transform: translateY(45px); clip-path: inset(14% 0 0); }
  .blokk-kep.reveal-image.is-visible { transform: none; clip-path: inset(0); }
  .blokk-szoveg { padding: 52px 24px 0; overflow: hidden; transform: translateY(24px); }
  .blokk-szoveg h2 { font-size: clamp(2.45rem,13vw,4rem); }
  .blokk-szoveg .gomb { width: 100%; justify-content: space-between; }
  .kartya-szekcio { width: 100%; margin-bottom: 90px; }
  .kartya-szekcio-fej { padding: 0 20px; }
  .lapozo-gombok { display: none; }
  .kartya-carousel { grid-auto-columns: 82%; gap: 14px; padding-inline: 20px; scroll-padding-left: 20px; }
  .zaras-szakasz { padding: 90px 24px; }
  .termek-racs { display: flex; overflow-x: auto; padding-bottom: 18px; scroll-snap-type: x mandatory; }
  .termek-kartya { min-width: min(82vw,330px); scroll-snap-align: start; }
  .lablec-racs { grid-template-columns: 1fr; }
  .mobil-also-menu { position: fixed; z-index: 900; inset: auto 0 0; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--szin-vonal); background: rgba(255,250,240,.96); box-shadow: 0 -8px 24px rgba(40,25,4,.1); backdrop-filter: blur(12px); }
  .mobil-also-menu a { display: grid; min-height: 4.1rem; place-items: center; padding: .35rem .1rem; text-align: center; text-decoration: none; font-size: .68rem; font-weight: 700; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .reveal,.reveal-image,.reveal-text { opacity: 1 !important; transform: none !important; clip-path: none !important; }
}