.ar-hero { position: relative; overflow: clip; isolation: isolate; padding: calc(var(--hh) + clamp(26px, 3vw, 48px)) 0 clamp(150px, 13vw, 210px); background: linear-gradient(180deg, #fbf6f1, var(--bg)); }
.ar-hero__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.ar-hero__bg span { position: absolute; right: -10vw; top: -14vw; width: 56vw; height: 56vw; max-width: 900px; max-height: 900px; border-radius: 50%; filter: blur(70px); background: radial-gradient(circle, rgba(255, 232, 212, .95), rgba(246, 230, 217, .6) 45%, transparent 70%); }
.ar-hero__inner { margin-inline: auto; }
.ar-hero__inner > * { max-width: 900px; }
.ar-hero__title { margin-top: .3rem; font-size: clamp(2.8rem, 1.6rem + 3.6vw, 5.2rem); line-height: 1.02; }
.ar-hero__lead { max-width: 40em; margin-top: clamp(14px, 1.6vw, 22px); }
.ar-szurok { display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(22px, 2.6vw, 34px); }
.ar-szuro { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border-radius: 999px; background: #fffcf9; box-shadow: inset 0 0 0 1px rgba(184, 157, 119, .35); font-size: .92rem; font-weight: 600; color: var(--text); text-decoration: none; white-space: nowrap; transition: background-color .3s, color .3s; }
.ar-szuro.is-aktiv { background: var(--taupe); color: #fff; box-shadow: none; }
.ar-szuro:focus-visible { outline: 2px solid var(--taupe-d); outline-offset: 2px; }

.ar-lista { padding-top: clamp(8px, 1vw, 16px); }
.ar-ures { max-width: 640px; padding: clamp(24px, 3vw, 36px); border-radius: 24px; background: #fffcf9; box-shadow: inset 0 0 0 1px rgba(184, 157, 119, .26); }
.ar-ures__cim { margin-bottom: .4rem; font: 500 1.5rem/1.2 var(--serif); color: var(--ink); }

.ar-kiemelt { max-width: 1080px; margin-bottom: clamp(44px, 5vw, 72px); }
.ar-kiemelt__cim { margin-bottom: 12px; }
.ar-sor--kiemelt { background: linear-gradient(135deg, #fffaf5, #f8efe6); box-shadow: inset 0 0 0 1.5px rgba(184, 157, 119, .5), 0 26px 50px -30px rgba(110, 78, 58, .5); }

.ar-kategoria { max-width: 1080px; }
.ar-kategoria + .ar-kategoria { margin-top: clamp(56px, 6vw, 96px); }
.ar-kategoria__fej { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin-bottom: clamp(16px, 2vw, 24px); }
.ar-kategoria__cim { font-size: clamp(2rem, 1.4rem + 1.4vw, 2.8rem); }
.ar-alkategoria { margin-top: clamp(28px, 3vw, 44px); }
.ar-kategoria__fej + .ar-alkategoria { margin-top: 0; }
.ar-alkategoria__fej { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.ar-alkategoria__cim { font: 500 clamp(1.4rem, 1.15rem + .6vw, 1.8rem)/1.2 var(--serif); color: var(--ink); }
.ar-sorok { gap: 10px; }

.ar-sor summary { gap: 14px 20px; padding-top: 16px; padding-bottom: 16px; }
.ar-sor__fej { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; flex: 1; min-width: 0; }
.ar-sor__nev { overflow-wrap: anywhere; }
.ar-sor__ido { display: inline-flex; align-items: center; gap: 5px; font: 600 .8rem/1.4 var(--sans); letter-spacing: .02em; color: var(--muted); white-space: nowrap; }
.ar-sor__ido-ikon { width: 14px; height: 14px; }
.ar-sor__arak { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 18px; font: 600 1rem/1.3 var(--sans); color: var(--ink); white-space: nowrap; }
.ar-sor__ar { display: inline-flex; align-items: baseline; gap: 6px; }
.ar-sor__ar-cimke { font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--taupe-d); }
.ar-sor__test { padding: 0 26px 24px; }

.ar-valaszto { display: inline-flex; gap: 4px; margin-bottom: 18px; padding: 4px; border-radius: 999px; background: #f3e7da; }
.ar-valaszto__opcio { position: relative; cursor: pointer; }
.ar-valaszto__opcio input { position: absolute; opacity: 0; pointer-events: none; }
.ar-valaszto__opcio span { display: inline-flex; align-items: center; min-height: 36px; padding: 0 18px; border-radius: 999px; font-size: .9rem; font-weight: 600; color: var(--taupe-d); transition: background-color .25s, color .25s; }
.ar-valaszto__opcio input:checked + span { background: #fffcf9; color: var(--ink); box-shadow: 0 6px 16px -10px rgba(110, 78, 58, .6); }
.ar-valaszto__opcio input:focus-visible + span { outline: 2px solid var(--taupe-d); outline-offset: 2px; }
.js .ar-valtozat[data-ar-rejtett] { display: none; }
.ar-valtozat + .ar-valtozat { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--line); }
.js .ar-valtozat + .ar-valtozat { margin-top: 0; padding-top: 0; border-top: 0; }
.ar-valtozat__cim { margin-bottom: 10px; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--taupe-d); }
.js [data-ar-valaszto] ~ .ar-valtozat .ar-valtozat__cim { display: none; }
.ar-valtozat__racs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); gap: clamp(20px, 3vw, 40px); align-items: start; }
.ar-valtozat__szoveg > * + * { margin-top: 14px; }
.ar-valtozat__leiras { font-size: 1rem; }
.ar-kepek { display: grid; gap: 8px; }
.ar-kepek img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px; background: #f1e6dc; }
.ar-kepek--tobb { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ar-kepek--tobb img:first-child { grid-column: 1 / -1; }
.ar-kepek--tobb img:not(:first-child) { aspect-ratio: 4 / 3; border-radius: 12px; }
.ar-valtozat__link { font-size: .95rem; }

.ar-reszlet { border-radius: 14px; background: #fbf6f1; box-shadow: inset 0 0 0 1px rgba(184, 157, 119, .22); }
.ar-reszlet summary { padding: 12px 16px; cursor: pointer; font-weight: 600; font-size: .95rem; color: var(--ink); list-style: none; }
.ar-reszlet summary::-webkit-details-marker { display: none; }
.ar-reszlet summary::after { content: '+'; float: right; color: var(--taupe-d); }
.ar-reszlet[open] summary::after { content: '–'; }
.ar-reszlet .prose { padding: 0 16px 14px; font-size: .97rem; }

.ar-gyik__cim { margin-bottom: 6px; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--taupe-d); }
.ar-gyik ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.ar-gyik a { color: var(--text); text-decoration: underline; text-decoration-color: rgba(154, 122, 99, .4); text-underline-offset: 3px; }

.ar-osszesito { padding: 18px 20px; border-radius: 18px; background: #fffaf5; box-shadow: inset 0 0 0 1px rgba(184, 157, 119, .3); }
.ar-osszesito dl { margin: 0; }
.ar-osszesito__sor { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: .95rem; }
.ar-osszesito__sor:last-child { border-bottom: 0; }
.ar-osszesito__sor dt { color: var(--muted); }
.ar-osszesito__sor dd { margin: 0; font-weight: 700; color: var(--ink); text-align: right; white-space: nowrap; }
.ar-osszesito__sor--fo dd { font: 600 1.35rem/1.2 var(--serif); }
.ar-osszesito__megjegyzes { margin-top: 10px; font-size: .86rem; color: var(--muted); }
.ar-lemondas { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); font-size: .88rem; }
.ar-lemondas__cim { margin-bottom: 4px; font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--taupe-d); }
.ar-lemondas p + p { margin-top: 6px; }
.ar-osszesito__gomb { width: 100%; margin-top: 16px; justify-content: center; }

.ar-sor[data-ar-cel] { box-shadow: inset 0 0 0 1.5px var(--taupe), 0 26px 50px -30px rgba(110, 78, 58, .45); }

@media (hover: hover) and (pointer: fine) {
  .ar-szuro:not(.is-aktiv):hover { background: #f3e7da; }
  .ar-valaszto__opcio:hover input:not(:checked) + span { color: var(--ink); }
}

@media (max-width: 900px) {
  .ar-valtozat__racs { grid-template-columns: 1fr; }
  .ar-osszesito { order: -1; }
}

@media (max-width: 820px) {
  .ar-hero { padding-top: calc(var(--hh) + 18px); padding-bottom: clamp(110px, 24vw, 140px); }
  .ar-szurok { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
  .ar-szurok::-webkit-scrollbar { display: none; }
  .ar-szuro { flex: none; }
}

@media (max-width: 640px) {
  .ar-sor summary { flex-wrap: wrap; padding: 16px 16px 16px 18px; gap: 6px 12px; }
  .ar-sor__fej { flex-basis: calc(100% - 50px); }
  .ar-sor summary .faq__icon { order: 2; }
  .ar-sor__arak { order: 3; flex-basis: 100%; justify-content: flex-start; font-size: .95rem; }
  .ar-sor__test { padding: 0 16px 18px; }
  .ar-osszesito { padding: 14px 16px; }
  .ar-valaszto { display: flex; }
  .ar-valaszto__opcio { flex: 1; }
  .ar-valaszto__opcio span { justify-content: center; width: 100%; }
}

.ar-tetel--foglalhato { border-radius: 22px; background: rgba(255, 252, 249, .86); box-shadow: inset 0 0 0 1px rgba(184, 157, 119, .34), 0 18px 40px -32px rgba(110, 78, 58, .45); }
.ar-tetel--foglalhato.ar-tetel--kiemelt { background: linear-gradient(135deg, #fffaf5, #f8efe6); box-shadow: inset 0 0 0 1.5px rgba(184, 157, 119, .5), 0 26px 50px -30px rgba(110, 78, 58, .5); }
.ar-tetel--foglalhato > .faq__item { background: transparent; box-shadow: none; }
.ar-foglal { display: grid; gap: 8px; padding: 12px 22px 16px 26px; border-top: 1px solid var(--line); }
.ar-foglal__sor { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.ar-foglal__info { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; flex: 1 1 200px; min-width: 0; }
.ar-foglal__cimke { font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--taupe-d); }
.ar-foglal__fiz { font-size: .86rem; color: var(--muted); }
.ar-foglal__gomb { flex: none; }
.ar-hozzaad { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px 0 12px; border: 0; border-radius: 999px; background: #fffcf9; box-shadow: inset 0 0 0 1px rgba(160, 124, 102, .4); color: var(--ink); font: 600 .86rem/1 var(--sans); cursor: pointer; transition: background-color .2s, box-shadow .2s; }
.ar-hozzaad[hidden] { display: none; }
.ar-hozzaad__jel { position: relative; display: inline-block; width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--taupe); }
.ar-hozzaad__jel::before, .ar-hozzaad__jel::after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 1.5px; background: var(--taupe-d); transform: translate(-50%, -50%); }
.ar-hozzaad__jel::after { transform: translate(-50%, -50%) rotate(90deg); }
.ar-hozzaad[aria-pressed="true"] { background: #f3e7da; box-shadow: inset 0 0 0 1.5px var(--taupe); }
.ar-hozzaad[aria-pressed="true"] .ar-hozzaad__jel { background: var(--taupe) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat; box-shadow: none; }
.ar-hozzaad[aria-pressed="true"] .ar-hozzaad__jel::before, .ar-hozzaad[aria-pressed="true"] .ar-hozzaad__jel::after { display: none; }
.ar-hozzaad:focus-visible, .ar-kosar__osszeg:focus-visible { outline: 2px solid var(--taupe-d); outline-offset: 2px; }

.ar-kosar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 252, 249, .97); border-top: 1px solid var(--line); box-shadow: 0 -18px 40px -28px rgba(110, 78, 58, .5); backdrop-filter: blur(10px); }
.ar-kosar[hidden] { display: none; }
.ar-kosar__belso { max-width: 1080px; margin: 0 auto; }
.ar-kosar__sor { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ar-kosar__osszeg { display: grid; gap: 2px; min-width: 0; padding: 4px 0; border: 0; background: none; text-align: left; cursor: pointer; }
.ar-kosar__fo { font-weight: 700; color: var(--ink); }
.ar-kosar__fo::after { content: ' ▾'; font-size: .75em; color: var(--taupe-d); }
.ar-kosar__osszeg[aria-expanded="true"] .ar-kosar__fo::after { content: ' ▴'; }
.ar-kosar__al { font-size: .84rem; color: var(--muted); }
.ar-kosar__tovabb { flex: none; }
.ar-kosar__lista { display: grid; gap: 6px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.ar-kosar__lista[hidden] { display: none; }
.ar-kosar__tetel { display: flex; align-items: center; gap: 10px; font-size: .92rem; color: var(--ink); }
.ar-kosar__tetel > span:first-child { flex: 1; min-width: 0; }
.ar-kosar__tetel-ar { white-space: nowrap; font-weight: 600; }
.ar-kosar__torol { flex: none; width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--bg-2); color: var(--ink); font-size: 1.1rem; line-height: 1; cursor: pointer; }
body.ar-kosar-latszik { padding-bottom: 96px; }

@media (max-width: 640px) {
  .ar-foglal { padding: 10px 16px 14px 18px; }
  .ar-foglal__info { flex-basis: 100%; }
  .ar-foglal__gomb { flex: 1; justify-content: center; }
  .ar-kosar__sor { flex-direction: column; align-items: stretch; gap: 8px; }
  .ar-kosar__tovabb { justify-content: center; }
  body.ar-kosar-latszik { padding-bottom: 150px; }
}

.ar-akcio__jel { display: inline-flex; align-items: center; min-height: 22px; padding: 0 10px; border-radius: 999px; background: linear-gradient(135deg, var(--taupe), var(--taupe-d)); color: #fff; font: 700 .72rem/1 var(--sans); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; vertical-align: .15em; }
.ar-akcio__eredeti { color: var(--muted); font-weight: 500; text-decoration-thickness: 1.5px; }
.ar-akcio__ar { color: var(--taupe-d); }
.ar-tetel--akcios .ar-sor { box-shadow: inset 0 0 0 1.5px rgba(160, 124, 102, .45); }
.ar-osszesito__sor--akcio dd { display: grid; gap: 2px; text-align: right; white-space: normal; }
.ar-osszesito__sor--akcio small { font-weight: 500; color: var(--muted); }

.ar-akciok { max-width: 1080px; margin-bottom: clamp(36px, 4vw, 56px); padding: clamp(18px, 2.4vw, 28px); border-radius: 24px; background: linear-gradient(135deg, #fffaf5, #f6ebe0); box-shadow: inset 0 0 0 1.5px rgba(160, 124, 102, .35), 0 26px 50px -34px rgba(110, 78, 58, .55); }
.ar-akciok__fej { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; margin-bottom: 12px; }