/* Tokenek: színek, térközök, árnyékok és más alapváltozók (világos alap). */
/* Manrope (változó betűtípus, 400–800) a saját tárhelyről; a magyar ő/ű a latin-ext fájlban van */
@font-face{
  font-family:Manrope;
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(../fonts/manrope-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:Manrope;
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(../fonts/manrope-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Leltem.hu — design tokenek (spec 3.2 / 3.4). Nincs hardcode hex/px a kódban. */
:root{
  --pl-krem:color-mix(in srgb,var(--hatter-melegh) 55%,#fff);
  --pl-krem-mely:color-mix(in srgb,var(--hatter-melegh) 25%,#fff);
  --pl-barack:color-mix(in srgb,var(--akcent) 20%,var(--pl-krem));
  --pl-arnyek:0 18px 40px color-mix(in srgb,var(--szoveg) 14%,transparent);
  --kartya-sarok:5px;
  --allapot-jovo:#2f6fa3;
  --allapot-aktiv:var(--ar-le);
  --allapot-lejar:var(--ar-fel);
  --kartya-sarok-kicsi:4px;
  --hatter:#FFFFFF;
  --hatter-melegh:#F3F1EB;
  --hatter-blokk:#F6F5F1;
  --kep-hatter:#F7F6F2;
  --szoveg:#1C1C1A;
  --szoveg-halvany:#6B6B66;
  --szoveg-finom:#9A9A94;
  --keret:#E6E5DF;
  --keret-eros:#D2D1C9;
  --akcent:#0E5540;
  --akcent-sotet:#0A3F30;
  --akcent-halvany:#EAF2EF;
  --ar:#1C1C1A;
  --figyelem:#A8521C;
  --figyelem-halvany:#FAF1E8;
  --hiba:#A32A2A;
  --hiba-halvany:#FBEDED;
  --gomb-szoveg:#FFFFFF;
  --lap-piros:#C8102E;
  --ar-le:#2f8f5b;
  --ar-fel:#c0392b;
  --lejart:#d1121f;
  --csengo:#ffbf24;
  --sotet-zold:oklch(from #244035 l c calc(h + var(--tema-hue-s,0)));
  --t2:8px;
  --t3:12px;
  --t4:16px;
  --t5:20px;
  --t6:24px;
  --t8:32px;
  --t10:40px;
  --t12:48px;
  --t16:64px;
  --t20:80px;
  --r-kicsi:4px;
  --r:5px;
  --r-nagy:5px;
  --burok-oldal:28px;
  --betu:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --arnyek:0 1px 2px rgba(28,28,26,.04);
  --arnyek-modal:0 24px 64px rgba(28,28,26,.22);
  --pr-lap-1:color-mix(in srgb,var(--hatter) 82%,#fff);
  --pr-lap-2:var(--hatter);
  --pr-lap-mely:color-mix(in srgb,var(--hatter) 91%,var(--szoveg));
  --pr-gomb-1:color-mix(in srgb,var(--hatter) 72%,#fff);
  --pr-gomb-2:color-mix(in srgb,var(--hatter) 94%,var(--szoveg));
  --pr-gomb-fent-1:color-mix(in srgb,var(--hatter) 58%,#fff);
  --pr-gomb-fent-2:color-mix(in srgb,var(--hatter) 84%,#fff);
  --pr-keret:color-mix(in srgb,var(--hatter) 52%,#fff);
  --pr-el:color-mix(in srgb,#fff 62%,transparent);
  --pr-lap:linear-gradient(180deg,var(--pr-lap-1) 0%,var(--pr-lap-2) 100%);
  --pr-gomb:linear-gradient(180deg,var(--pr-gomb-1) 0%,var(--pr-gomb-2) 100%);
  --pr-gomb-fent:linear-gradient(180deg,var(--pr-gomb-fent-1),var(--pr-gomb-fent-2));
  --pr-arnyek-kicsi:0 5px 10px color-mix(in srgb,var(--szoveg) 24%,transparent),0 1px 2px color-mix(in srgb,var(--szoveg) 30%,transparent);
  --pr-arnyek:0 14px 34px color-mix(in srgb,var(--szoveg) 22%,transparent),0 3px 8px color-mix(in srgb,var(--szoveg) 18%,transparent);
  --pr-arnyek-nagy:0 26px 60px color-mix(in srgb,var(--szoveg) 34%,transparent),0 4px 10px color-mix(in srgb,var(--szoveg) 22%,transparent);
  --pr-mezo:color-mix(in srgb,var(--hatter) 36%,#fff);
  --pr-mezo-keret:color-mix(in srgb,var(--szoveg) 24%,transparent);
  --pr-csokolade:linear-gradient(120deg,#4a230b 0%,#5f2c0f 55%,#7a3a12 100%);
  --pr-akcent-gomb:var(--pr-gomb-feny),linear-gradient(180deg,color-mix(in srgb,var(--akcent) 72%,#fff),var(--akcent) 55%,color-mix(in srgb,var(--akcent) 84%,#000));
  --pr-akcent-gomb-fent:var(--pr-gomb-feny),linear-gradient(180deg,var(--akcent),var(--akcent-sotet));
  --pr-akcent-arnyek:inset 0 1px 0 #ffffffb3,inset 0 -2px 0 color-mix(in srgb,var(--akcent-sotet) 45%,transparent),0 2px 3px color-mix(in srgb,var(--szoveg) 12%,transparent),0 5px 12px color-mix(in srgb,var(--akcent) 28%,transparent);
  --termek-foto-alap:#fff;
  --termek-foto-hatter:none;
  --termek-foto-arnyek:none;
  --termek-foto-maszk:url(../img/foto-szel-maszk.svg?v=20261015-2);
  --pr-gomb-feny:radial-gradient(ellipse 105% 90% at 50% -12%,#ffffffb8 0%,#ffffff26 48%,transparent 74%),radial-gradient(ellipse 100% 65% at 50% 125%,#ffffff26 0%,transparent 70%);
  --szelesseg:1840px;
  /* A Plusz és a Kapcsolat közös, témához igazodó krémszínei. */
  /* Prémium felületek (panelek, gombok, jelvények): a téma tokenjeiből számolódnak, így a színvilággal együtt változnak */
}
/* Oldalszegély: minden oldal (és a fejléc) a főoldal értékeit használja, így a logó és a tartalom oldalváltáskor nem mozdul */
@media (max-width:1100px){
  :root{
    --burok-oldal:22px;
  }
}
@media (max-width:700px){
  :root{
    --burok-oldal:16px;
  }
}
/* Közvetlen kategóriasáv, szélesebb oldal és egységes navigációs ikonok. */