/*
 * Akciókereső (web /kereso Akciók nézet, PWA Akciók; assets/js/akciokereso.js): szűrőpanel (desktop oldalt, mobilon alsó lap),
 * fejléc darabszámmal és rendezéssel, aktív szűrők, akciókártyák (széles kép, szöveg, műveletsor), lapozás. Nincs vízszintes görgetés.
 */

.akk__racs { display: grid; gap: 20px; align-items: start; }
.akk__fo { container: akkfo / inline-size; display: grid; gap: 14px; min-width: 0; }
.akk-hatter { position: fixed; inset: 0; z-index: 94; background: rgba(13, 26, 23, .45); }
.akk-hatter[hidden] { display: none; }

/* ---------- Szűrőpanel ---------- */
.akk-panel { display: grid; grid-template-rows: auto 1fr auto; min-width: 0; }
.akk-panel__fej { display: flex; align-items: center; gap: 10px; padding: 14px 16px 10px; border-bottom: 1px solid var(--td-keret, var(--aq-line)); }
.akk-panel__fej h2 { flex: 1; margin: 0; font-size: 1.1rem; }
.akk-panel__torol { min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); font: inherit; font-size: .875rem; font-weight: 800; cursor: pointer; }
.akk-panel__torol:hover { text-decoration: underline; }
.akk-panel__bezar { display: none; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--td-felulet-2, var(--aq-surface)); color: var(--td-szoveg, var(--aq-text)); cursor: pointer; }
.akk-panel__bezar .ikon { width: 18px; height: 18px; }
.akk-panel__torzs { display: grid; gap: 4px; padding: 6px 16px 14px; }
.akk-panel__lab { display: none; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--td-keret, var(--aq-line)); }

.akk-csoport { display: grid; gap: 2px; min-width: 0; margin: 0; padding: 12px 0 8px; border: 0; border-bottom: 1px solid var(--td-keret, var(--aq-line)); }
.akk-csoport:last-of-type { border-bottom: 0; }
.akk-csoport legend { float: left; width: 100%; margin: 0 0 6px; padding: 0; font-size: .875rem; font-weight: 800; }
.akk-opcio { display: flex; align-items: center; gap: 10px; min-height: 40px; min-width: 0; cursor: pointer; font-size: .9375rem; }
.akk-opcio[hidden] { display: none; }
.akk-opcio input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--aq-accent-sotet); }
.akk-opcio__nev { display: flex; flex-wrap: wrap; align-items: center; column-gap: 6px; flex: 1; min-width: 0; overflow-wrap: break-word; }
.akk-opcio__nev .ikon { flex: none; width: 17px; height: 17px; color: var(--td-teal-szoveg, var(--aq-accent-sotet)); }
.akk-opcio__nev small { flex-basis: 100%; color: var(--td-halk, var(--aq-muted)); font-size: .78rem; }
.akk-opcio__db { flex: none; min-width: 28px; padding: 1px 7px; border-radius: 999px; background: var(--td-felulet-2, var(--aq-surface)); color: var(--td-halk, var(--aq-muted)); font-size: .75rem; font-weight: 800; text-align: center; }
.akk-opcio--ures { opacity: .5; }
.akk-opciok { display: grid; }
.akk-opciok--rovid:not(.akk-opciok--kereses) .akk-opcio:nth-child(n+7) { display: none; }
.akk-tobb { justify-self: start; min-height: 40px; padding: 0; border: 0; background: none; color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); font: inherit; font-size: .875rem; font-weight: 800; cursor: pointer; }
.akk-boltkereso { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; padding: 0 10px; border: 1.5px solid var(--td-keret, var(--aq-line)); border-radius: var(--radius-sm); }
.akk-boltkereso .ikon { flex: none; width: 16px; height: 16px; color: var(--td-halk, var(--aq-muted)); }
.akk-boltkereso input { flex: 1; min-width: 0; height: 44px; border: 0; background: transparent; font: inherit; font-size: .9375rem; }
.akk-boltkereso input:focus { outline: none; }
.akk-boltkereso:focus-within { border-color: var(--aq-accent-sotet); }
.akk-kapcsolok { display: grid; gap: 2px; padding-top: 10px; }
.akk-kapcsolo { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; font-size: .9375rem; font-weight: 700; cursor: pointer; }
.akk-kapcsolo input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.akk-kapcsolo__csuszka { position: relative; flex: none; width: 42px; height: 24px; border-radius: 999px; background: var(--td-felulet-3, #C9D3CC); transition: background .15s ease; }
.akk-kapcsolo__csuszka::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--td-felulet, #fff); box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform .15s ease; }
.akk-kapcsolo input:checked + .akk-kapcsolo__csuszka { background: var(--aq-accent-sotet); }
.akk-kapcsolo input:checked + .akk-kapcsolo__csuszka::after { transform: translateX(18px); }
.akk-kapcsolo input:focus-visible + .akk-kapcsolo__csuszka { outline: 3px solid var(--aq-accent-vilagos); outline-offset: 2px; }

/* ---------- Fejléc, rendezés, aktív szűrők ---------- */
.akk-fej { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.akk-fej__db { flex: 1 1 auto; margin: 0; font-size: clamp(1.3rem, 1.1rem + .6vw, 1.6rem); }
.akk-szurogomb {
  display: none; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border: 1.5px solid var(--td-keret, var(--aq-line)); border-radius: 999px;
  background: var(--td-felulet, #fff); color: var(--td-szoveg, var(--aq-text)); font: inherit; font-weight: 800; cursor: pointer;
}
.akk-szurogomb .ikon { width: 18px; height: 18px; }
.akk-szurogomb__db { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--aq-accent-sotet); color: #fff; font-size: .75rem; line-height: 20px; text-align: center; }
.akk-szurogomb__db[hidden] { display: none; }
.akk-rendezes { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.akk-rendezes__cimke { color: var(--td-halk, var(--aq-muted)); font-size: .875rem; font-weight: 700; }
.akk-rendezes__gomb { min-height: 44px; padding: 0 14px; border: 1.5px solid var(--td-keret, var(--aq-line)); border-radius: 999px; background: var(--td-felulet, #fff); color: var(--td-szoveg, var(--aq-text)); font: inherit; font-size: .875rem; font-weight: 700; cursor: pointer; }
.akk-rendezes__gomb[aria-pressed="true"] { border-color: var(--aq-accent-sotet); background: var(--td-teal-halvany, #E2F0EE); color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); }
/* Egy üzletre szűrt nézet fejléce (térképes „Összes akció”). */
.akk-bolt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 14px; padding: 14px 16px;
  border: 1px solid var(--td-keret, var(--aq-line)); border-radius: 16px; background: var(--td-felulet, #fff); }
.akk-bolt[hidden] { display: none; }
.akk-bolt__szoveg { min-width: 0; flex: 1 1 220px; }
.akk-bolt__cim { margin: 0; color: var(--td-szoveg, var(--aq-text)); font-size: 1.15rem; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
.akk-bolt__hely { margin: 2px 0 0; color: var(--td-halk, var(--aq-muted)); font-size: .9rem; }
.akk-bolt__hely:empty { display: none; }
.akk-bolt__torol { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.akk-bolt__torol .ikon { width: 16px; height: 16px; }
@media (max-width: 599px) { .akk-bolt__torol { width: 100%; justify-content: center; } }
.akk-ures [data-akk-ures-tipp][hidden], .akk-ures [data-akk-mindet][hidden] { display: none; }
.akk-aktiv { display: flex; flex-wrap: wrap; gap: 6px; }
.akk-aktiv:empty { display: none; }
.akk-cimke { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 10px 0 12px; border: 0; border-radius: 999px; background: var(--aq-deep); color: #fff; font: inherit; font-size: .8125rem; font-weight: 700; cursor: pointer; }
.akk-cimke .ikon { width: 14px; height: 14px; }

/* ---------- Akciókártyák (projektgazdai minta, 2026-10-01): széles kép jelvénnyel, bolt, cím, leírás, érvényesség | hely, Részletes · Térkép ---------- */
.akk-lista { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; transition: opacity .15s ease; }
.akk-lista--tolt { opacity: .55; }
.ak { display: grid; grid-template-rows: 1fr auto auto; min-width: 0; overflow: hidden; border: 1px solid var(--td-keret, var(--aq-line)); border-radius: 16px; background: var(--td-felulet, #fff); transition: border-color .15s ease, box-shadow .15s ease; }
.ak:hover { border-color: var(--td-keret, #BFD9D2); box-shadow: 0 8px 22px rgba(13, 26, 23, .08); }
.ak__link { display: grid; grid-template-rows: auto 1fr; min-width: 0; color: inherit; text-decoration: none; }
.ak__link:focus-visible { outline: 3px solid var(--aq-accent-sotet); outline-offset: -3px; border-radius: 16px; }
.ak__link:hover .ak__cim { text-decoration: underline; text-underline-offset: 3px; }
.ak__kep { position: relative; display: grid; place-items: center; overflow: hidden; aspect-ratio: 7 / 2; background: var(--td-teal-halvany, #E2F0EE); color: var(--td-teal-szoveg, var(--aq-accent-sotet)); }
.ak__kep img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ak__kep--jel { background: radial-gradient(120% 140% at 50% 120%, var(--td-teal-halvany, #CFE7E0) 0%, var(--td-teal-halvany, #E6F2EE) 55%, var(--td-felulet-2, #EEF6F3) 100%); }
.ak__kep--jel .logo__jel { width: auto; height: 62%; color: var(--td-teal-szoveg, var(--aq-accent-sotet)); opacity: .85; }
.ak__jelveny { position: absolute; left: 14px; bottom: 12px; max-width: calc(100% - 28px); overflow: hidden; padding: 6px 14px; border-radius: 999px; background: #B4581A; color: #fff;
  font-size: 1.05rem; font-weight: 900; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; box-shadow: 0 2px 8px rgba(13, 26, 23, .2); }
.ak__jelveny--kupon { background: var(--aq-accent-sotetebb); }
.ak__test { display: grid; align-content: start; gap: 4px; min-width: 0; padding: 14px 18px 4px; }
.ak__bolt { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--td-halk, var(--aq-muted)); font-size: .875rem; }
.ak__bolt .ikon { flex: none; width: 17px; height: 17px; }
.ak__boltnev { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak__cim { margin: 0; font-size: 1.15rem; font-weight: 800; line-height: 1.3; }
.ak__leiras { display: -webkit-box; margin: 0; overflow: hidden; color: var(--td-halk, var(--aq-muted)); font-size: .95rem; line-height: 1.45; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ak__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin-top: 4px; color: var(--td-halk, var(--aq-muted)); font-size: .9rem; }
.ak__lejarat, .ak__hely { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ak__hely { padding-left: 12px; margin-left: 12px; border-left: 1px solid var(--td-keret, var(--aq-line)); }
.ak__lejarat .ikon, .ak__hely .ikon { flex: none; width: 16px; height: 16px; }
.ak__lejarat strong { color: var(--td-hiba-szoveg, #8A3321); font-size: .82rem; }
.ak__kupon { padding: 0 18px; }
.ak__kupon[hidden] { display: none; }
.ak__gombok { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; padding: 10px 18px 16px; }
.ak__reszletek { flex: 1 1 160px; justify-content: center; min-height: 44px; margin-right: 16px; }
.ak__kupongomb, .ak__terkepgomb {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 16px; border: 0; border-left: 1px solid var(--td-keret, var(--aq-line));
  background: none; color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); font: inherit; font-size: .95rem; font-weight: 800; cursor: pointer;
}
.ak__terkepgomb { flex: 1 1 110px; }
.ak__kupongomb { color: var(--td-figyelem-szoveg, #8A4312); }
.ak__kupongomb .ikon, .ak__terkepgomb .ikon { width: 18px; height: 18px; }
.ak__kupongomb:hover, .ak__terkepgomb:hover { text-decoration: underline; text-underline-offset: 3px; }
@container akkfo (min-width: 760px) {
  .akk-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
@media (max-width: 420px) {
  .ak__test { padding: 12px 14px 2px; }
  .ak__gombok { padding: 8px 14px 14px; }
  .ak__kupon { padding: 0 14px; }
  .ak__reszletek { margin-right: 10px; }
}

.akk-ures { display: grid; justify-items: center; gap: 10px; padding: 28px 16px; border: 1px solid var(--td-keret, var(--aq-line)); border-radius: 16px; background: var(--td-felulet, #fff); text-align: center; color: var(--td-halk, var(--aq-muted)); }
.akk-ures[hidden] { display: none; }
.akk-ures > .ikon { width: 36px; height: 36px; color: var(--td-figyelem-szoveg, #B4581A); }
.akk-ures p { max-width: 46ch; margin: 0; }
.akk-ures strong { display: block; color: var(--td-szoveg, var(--aq-text)); }

/* ---------- Lapozás ---------- */
.akk-lapozo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; padding: 8px 0; }
.akk-lapozo:empty { display: none; }
.akk-lapozo__elem {
  display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 10px; border: 1.5px solid var(--td-keret, var(--aq-line)); border-radius: 12px;
  background: var(--td-felulet, #fff); color: var(--td-szoveg, var(--aq-text)); font-weight: 800; text-decoration: none;
}
.akk-lapozo__elem:hover { border-color: var(--aq-accent-sotet); }
.akk-lapozo__elem[aria-current="page"] { border-color: var(--aq-deep); background: var(--aq-deep); color: #fff; }
.akk-lapozo__elem .ikon { width: 18px; height: 18px; }
.akk-lapozo__kihagy { color: var(--td-halk, var(--aq-muted)); padding: 0 2px; }

/* ---------- Desktop: oldalsó panel; kisebb szélességen alsó lap ---------- */
@media (min-width: 1000px) {
  .akk__racs { grid-template-columns: 270px minmax(0, 1fr); }
  .akk-panel { position: sticky; top: 16px; max-height: calc(100vh - 32px); border-right: 1px solid var(--td-keret, var(--aq-line)); }
  .akk-panel__fej, .akk-panel__torzs { padding-left: 0; }
  .akk-panel__torzs { overflow-y: auto; overscroll-behavior: contain; }
}
@media (max-width: 999px) {
  .akk-panel {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; max-height: 86dvh; border: 0; border-radius: 22px 22px 0 0; background: var(--td-felulet, #fff);
    box-shadow: 0 -10px 30px rgba(13, 26, 23, .2); transform: translateY(calc(100% + 8px)); visibility: hidden; transition: transform .22s ease, visibility 0s .22s;
  }
  .akk-panel--nyitva { transform: none; visibility: visible; transition: transform .22s ease; }
  .akk-panel__torzs { overflow-y: auto; overscroll-behavior: contain; }
  .akk-panel__bezar, .akk-szurogomb { display: inline-flex; }
  .akk-panel__lab { display: block; }
  .akk-rendezes { width: 100%; }
  html.akk-panel-nyitva { overflow: hidden; }
}
@media (max-width: 599px) {
  .akk-rendezes__cimke { display: none; }
  .akk-rendezes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .akk-rendezes__gomb { padding: 0 6px; font-size: .8125rem; }
}
@media (prefers-reduced-motion: reduce) {
  .akk-panel, .akk-kapcsolo__csuszka, .akk-kapcsolo__csuszka::after, .akk-lista { transition: none; }
}

/* ---------- PWA Akciók (PWA_UX_UI_MASTER_AUDIT §5): kereső → kategória → darabszám · Szűrés · Rendezés → lista ---------- */
.akk-kereso { position: relative; display: flex; align-items: center; margin: 0 0 10px; }
.akk-kereso > .ikon { position: absolute; left: 14px; width: 20px; height: 20px; color: var(--td-halk, var(--aq-muted)); pointer-events: none; }
.akk-kereso input { width: 100%; min-height: 50px; padding: 0 14px 0 44px; border: 1px solid var(--td-keret, var(--aq-line)); border-radius: 999px; background: var(--td-felulet, #fff); font: inherit; font-size: 1rem; }
.akk-kereso input:focus-visible { outline: 3px solid var(--aq-accent-vilagos); border-color: var(--aq-accent-sotet); }
.akk--app { display: grid; gap: 0; }
.akk--app > .fokat-doboz { margin-bottom: 10px; }
.akk--app .akk-fej { flex-wrap: nowrap; gap: 8px; }
.akk--app .akk-fej__db { flex: 1; min-width: 0; font-size: 1.05rem; white-space: nowrap; }
.akk--app .akk-szurogomb { flex: none; padding: 0 14px; }
.akk-rendezogomb span { white-space: nowrap; }
@media (max-width: 999px) { .akk--app .akk-rendezogomb { display: inline-flex; } }
@media (min-width: 1000px) { .akk--app .akk-rendezogomb { display: inline-flex; } }
.akk--app .akk-fej__db { overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 389px) {
  .akk--app .akk-szurogomb { gap: 5px; padding: 0 11px; font-size: .9rem; }
}

/* ---------- Projektgazdai minta (2026-10-01): fehér szűrőkártya, darabszám + kategória, Rendezés legördülő ---------- */
.akk-fej__cim { display: grid; gap: 0; flex: 1 1 auto; min-width: 0; }
.akk-fej__db { flex: none; line-height: 1.15; }
.akk-fej__kat { margin: 0; color: var(--td-halk, var(--aq-muted)); font-size: .95rem; }
.akk-fej__kat:empty { display: none; }
.akk-rendezes { display: inline-flex; align-items: center; gap: 10px; }
.akk-rendezes__valaszto { position: relative; display: inline-flex; align-items: center; }
.akk-rendezes__valaszto select { min-height: 44px; padding: 0 40px 0 16px; border: 1px solid var(--td-keret, var(--aq-line)); border-radius: 12px; background: var(--td-felulet, #fff); color: var(--td-szoveg, var(--aq-text));
  font: inherit; font-size: .95rem; font-weight: 700; cursor: pointer; appearance: none; -webkit-appearance: none; }
.akk-rendezes__valaszto select:focus-visible { outline: 3px solid var(--aq-accent-vilagos); border-color: var(--aq-accent-sotet); }
.akk-rendezes__valaszto .ikon { position: absolute; right: 14px; width: 16px; height: 16px; color: var(--td-halk, var(--aq-muted)); pointer-events: none; }
.akk-rendezogomb__nyil { width: 15px !important; height: 15px !important; margin-left: 2px; color: var(--td-halk, var(--aq-muted)); }
@media (min-width: 1000px) {
  .akk__racs { grid-template-columns: 290px minmax(0, 1fr); gap: 24px; }
  .akk-panel { top: 16px; padding: 4px 20px 8px; border: 1px solid var(--td-keret, var(--aq-line)); border-right: 1px solid var(--td-keret, var(--aq-line)); border-radius: 16px; background: var(--td-felulet, #fff); }
  .akk-panel__fej { padding: 16px 0 12px; }
  .akk-panel__fej h2 { font-size: 1.25rem; }
  .akk-panel__torol { text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }
  .akk-csoport legend { font-size: 1rem; }
}
@media (max-width: 999px) {
  .akk-rendezes { width: auto; }
  .akk-rendezes__cimke { display: none; }
}
@media (max-width: 599px) {
  .akk-rendezes { display: inline-flex; }
  .akk-rendezes__valaszto select { padding: 0 34px 0 12px; font-size: .9rem; }
}
/* PWA: a kategóriák három különálló, keretes gombként (a minta szerint), nem egyetlen szegmensként. */
.akk--app .fokat, .uk .fokat { gap: 10px; padding: 0; background: transparent; box-shadow: none; }
.akk--app .fokat__gomb, .uk .fokat__gomb { border-color: var(--td-keret, var(--aq-line)); background: var(--td-felulet, #fff); color: var(--td-szoveg, var(--aq-text)); }
.akk--app .fokat__gomb[aria-pressed="true"], .uk .fokat__gomb[aria-pressed="true"] { border-color: var(--aq-accent-sotet); background: var(--td-teal-halvany, #E2F0EE); color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); }
.akk--app .akk-fej { margin-bottom: 12px; }
.akk--app .akk-szurogomb { border-width: 1px; }
.ak .ak__reszletek { border: 1.5px solid var(--aq-accent-sotet); border-radius: 12px; background: var(--td-felulet, #fff); color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); }
.ak .ak__reszletek:hover { background: var(--td-felulet-2, #EEF7F4); color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); }
/* Keskeny sávban a fejléc gombjai ne szélesítsék a rácsot (vízszintes görgetés helyett a szöveg rövidül). */
.akk--app { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 999px) { .akk__racs { grid-template-columns: minmax(0, 1fr); } }
.akk--app .akk-fej__kat { display: none; }
/* Kuponos kártyán három művelet fér egy sorba: Részletek · Kuponkód · Térkép. */
.ak__gombok { flex-wrap: nowrap; }
.ak__reszletek { flex: 1 1 0; min-width: 96px; }
.ak__kupongomb { flex: 0 0 auto; padding: 0 12px; }
.ak__terkepgomb { flex: 1 1 0; min-width: 92px; padding: 0 12px; }
.uk .fokat__gomb, .akk--app .fokat__gomb { font-size: .9rem; }
@media (max-width: 420px) {
  .ak__gombok { flex-wrap: wrap; }
  .ak__kupongomb { border-left: 0; }
}
/* Mobil web: darabszám · Szűrők · Rendezés egy sorban, mint a PWA-ban. */
@media (max-width: 599px) {
  .akk--web .akk-fej { flex-wrap: nowrap; gap: 8px; }
  .akk--web .akk-fej__kat { display: none; }
  .akk--web .akk-fej__db { font-size: 1.1rem; white-space: nowrap; }
  .akk--web .akk-szurogomb { flex: none; padding: 0 12px; }
}
@media (max-width: 379px) {
  .akk--web .akk-fej { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .akk--web .akk-rendezes { flex: 1 1 0; min-width: 0; }
  .akk--web .akk-rendezes__valaszto, .akk--web .akk-rendezes__valaszto select { width: 100%; min-width: 0; }
}
@media (max-width: 599px) {
  .akk--web .akk-fej__cim { flex: 0 0 auto; }
}
/* 390 px körül a kategórianevek és a darabszám ne rövidüljenek: ikon nélküli kategóriagombok, tömörebb gombsor. */
.akk--app .fokat { gap: 8px; }
@container (max-width: 400px) { .akk--app .fokat .fokat__gomb .ikon { display: none; } }
@media (max-width: 420px) {
  .akk--app .akk-szurogomb { gap: 5px; padding: 0 11px; font-size: .9rem; }
  .akk--app .akk-fej { gap: 6px; }
}