/* css/tokenek.css */
/* 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. */

/* css/alap.css */
/* Alap: reset és elemszintű stílusok. */
/* Leltem.hu — alap réteg: reset, tipográfia, elrendezési segédek. */
*,
*::before,
*::after{
  box-sizing:border-box;
}
html{
  -webkit-text-size-adjust:100%;
  scrollbar-gutter:stable;
}
body{
  margin:0;
  background:var(--hatter);
  color:var(--szoveg);
  font-family:var(--betu);
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
svg{
  max-width:100%;
}
button{
  font:inherit;
  color:inherit;
  cursor:pointer;
  background:none;
  border:none;
}
a{
  color:inherit;
  text-decoration:none;
}
a:not([class]){
  color:var(--link-szin,currentcolor);
}
h1,
h2,
h3,
h4,
p{
  margin:0;
}
h1,
h2,
h3,
h4{
  color:var(--cim-szin,currentcolor);
}
img{
  display:block;
}
input,
select{
  font:inherit;
}
:focus-visible{
  outline:2px solid var(--akcent);
  outline-offset:3px;
  border-radius:var(--r-kicsi);
}
.num{
  font-variant-numeric:tabular-nums;
}
.burok{
  max-width:var(--szelesseg);
  margin:0 auto;
  padding:0 var(--burok-oldal);
}
.svg-keszlet{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}
.vrejt{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}

/* css/komponensek.css */
/* A jóváhagyott asztali fejléc egyetlen stílusgazdája. A mobil szabályai külön maradnak. */
@media (max-width:1000px){
  .fejlec--shoppy .fejlec-profil-menu{
    display:none;
  }
}
@media (min-width:1001px){
  .fejlec--shoppy{
    --fh-barna:#302117;
    --fh-arany:#ffb637;
    --fh-papir:#fffdf9;
    --fh-keret:#e2d8ca;
    --fh-szoveg:#493624;
    position:relative;
    top:auto;
    z-index:120;
    background:linear-gradient(105deg,#261b13,#3a271b 65%,#2b1f16);
    border:0;
    box-shadow:0 3px 12px #32231814;
    color:#ffefd6;
    color-scheme:light;
  }
  .fejlec--shoppy .fejlec-felso{
    display:grid;
    grid-template-columns:175px minmax(240px,1fr) auto;
    align-items:center;
    gap:24px;
    max-width:2048px;
    min-height:87px;
    margin:auto;
    padding:17px 30px;
  }
  .fejlec--shoppy .marka{
    display:flex;
    align-items:center;
    min-width:0;
    margin:0;
    padding:0;
  }
  .fejlec--shoppy .marka .marka-logo{
    display:block;
    width:170px;
    height:50px;
    max-width:100%;
    object-fit:contain;
    object-position:left center;
    filter:none;
  }
  .fejlec--shoppy .marka-mobil{
    display:none;
  }
  .fejlec--shoppy .fejlec-kereso{
    position:relative;
    z-index:140;
    display:flex;
    align-items:stretch;
    justify-self:start;
    min-width:0;
    width:100%;
    max-width:680px;
    height:46px;
    min-height:46px;
    gap:0;
    margin:0;
    padding:0;
    border:1px solid #d2be9d;
    border-radius:4px;
    background:#fff;
    box-shadow:none;
    overflow:visible;
  }
  .fejlec--shoppy .fejlec-kereso-ikon{
    display:none;
  }
  .fejlec--shoppy .fejlec-kereso #fq{
    flex:1;
    min-width:0;
    width:100%;
    height:44px;
    margin:0;
    padding:0 16px;
    border:0;
    border-radius:4px 0 0 4px;
    background:#fff;
    color:#35271e;
    font-size:16px;
    line-height:1.4;
    box-shadow:none;
  }
  .fejlec--shoppy .fejlec-kereso #fq::placeholder{
    color:#958d82;
    opacity:1;
    font-size:15px;
  }
  .fejlec--shoppy .fejlec-kereso-gomb{
    display:grid;
    place-items:center;
    flex:none;
    width:47px;
    min-width:47px;
    height:44px;
    min-height:44px;
    margin:0;
    padding:10px;
    border:0;
    border-radius:0 4px 4px 0;
    background:#9b948b;
    color:#fff;
    box-shadow:none;
  }
  .fejlec--shoppy .fejlec-kereso-gomb>span{
    display:none;
  }
  .fejlec--shoppy .fejlec-kereso-gomb>svg{
    display:block;
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
  }
  .fejlec--shoppy .fejlec-ikonok{
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0;
    margin:0;
    padding:0;
  }
  .fejlec--shoppy .fejlec-alaplinkek{
    display:flex;
    align-items:center;
    gap:16px;
    margin:0;
    padding:0;
    order:1;
  }
  .fejlec--shoppy .fejlec-ikon{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    gap:5px;
    min-width:28px;
    min-height:44px;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#ecd8b8;
    box-shadow:none;
    text-decoration:none;
    white-space:nowrap;
  }
  .fejlec--shoppy .fejlec-ikon>svg{
    width:25px;
    height:25px;
  }
  .fejlec--shoppy .fejlec-ikon>span{
    font-size:11px;
    line-height:1.1;
    font-weight:500;
  }
  .fejlec--shoppy .fejlec-ikon:is(:hover,.aktiv){
    color:var(--fh-arany);
  }
  .fejlec--shoppy .fejlec-ikon-jelzes{
    position:absolute;
    top:-4px;
    right:-4px;
    display:grid;
    place-items:center;
    min-width:15px;
    height:15px;
    padding:0 3px;
    border-radius:3px;
    background:#ffb637;
    color:#302117;
    font-size:9px;
    font-weight:700;
    line-height:1;
  }
  .fejlec--shoppy .fejlec-fiok-hely{
    display:flex;
    align-items:center;
    gap:3px;
    order:2;
  }
  .fejlec--shoppy .fejlec-fiok{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:39px;
    margin:0;
    padding:0;
    border:0;
    border-radius:4px;
    background:none;
    color:#fff0d8;
    box-shadow:none;
    text-decoration:none;
    white-space:nowrap;
    font-size:14px;
  }
  .fejlec--shoppy .fejlec-fiok-betu{
    display:grid;
    place-items:center;
    width:37px;
    height:37px;
    border:1px solid #ba873d;
    border-radius:4px;
    background:none;
    color:#ffb637;
    font-size:17px;
    object-fit:cover;
  }
  .fejlec--shoppy .fejlec-fiok-adatok{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
  }
  .fejlec--shoppy .fejlec-fiok-adatok>b{
    font-size:14px;
    font-weight:600;
  }
  .fejlec--shoppy .fejlec-fiok-adatok>small{
    font-size:10px;
    line-height:1.2;
    color:#cfb793;
    white-space:nowrap;
  }
  .fejlec--shoppy .fejlec-profil-menu{
    position:relative;
    display:block;
  }
  .fejlec--shoppy .fejlec-profil-menu>summary{
    display:grid;
    place-items:center;
    min-width:22px;
    min-height:39px;
    padding:0;
    border:0;
    background:none;
    color:#ffb637;
    list-style:none;
    cursor:pointer;
  }
  .fejlec--shoppy .fejlec-profil-menu>summary::-webkit-details-marker{
    display:none;
  }
  .fejlec--shoppy .fejlec-profil-panel>.fejlec-gyorslinkek{
    display:contents;
    margin:0;
    padding:0;
  }
  .fejlec--shoppy .fejlec-profil-panel a{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    position:relative;
    gap:12px;
    width:100%;
    min-height:46px;
    margin:0;
    padding:10px 7px;
    border:0;
    border-bottom:1px solid #ede3d5;
    border-radius:0;
    background:none;
    color:#4f3d29;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    white-space:nowrap;
    box-shadow:none;
    cursor:pointer;
  }
  .fejlec--shoppy .fejlec-profil-panel :is(a,button)>svg{
    flex:none;
    width:21px;
    height:21px;
    color:#a67329;
  }
  .fejlec--shoppy .fejlec-profil-panel :is(a,button)>span{
    display:block;
    font:inherit;
    line-height:1.3;
  }
  .fejlec--shoppy .fejlec-profil-panel .fejlec-ikon-jelzes{
    position:static;
    flex:none;
    margin-left:auto;
    min-width:20px;
    height:20px;
    border-radius:3px;
    font-size:10px;
  }
  .fejlec--shoppy .fejlec-profil-panel>form{
    margin:0;
    padding:0;
    border:0;
    background:none;
  }
  .fejlec--shoppy .fejlec-profil-panel .fejlec-kilepes{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    position:relative;
    gap:12px;
    width:100%;
    min-height:46px;
    margin:0;
    padding:10px 7px;
    border:0;
    border-radius:0;
    background:none;
    color:#4f3d29;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    white-space:nowrap;
    box-shadow:none;
    cursor:pointer;
    border-bottom:0;
  }
  .fejlec--shoppy .fejlec-profil-panel :is(a,button):hover{
    background:#faf1df;
    color:#795015;
  }
  .fejlec--shoppy .belepo{
    position:relative;
    order:2;
  }
  .fejlec--shoppy .fejlec-fiok--belepes{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0;
    background:none;
    border:0;
    list-style:none;
    color:#ffefd6;
    box-shadow:none;
    cursor:pointer;
  }
  .fejlec--shoppy .fejlec-fiok--belepes::marker{
    content:'';
  }
  .fejlec--shoppy .fejlec-fiok--belepes::-webkit-details-marker{
    display:none;
  }
  .fejlec--shoppy .fejlec-fiok--belepes>svg{
    width:26px;
    height:26px;
    color:#ffb637;
  }
  .fejlec--shoppy .fejlec-belepes-felirat{
    display:flex;
    flex-direction:column;
    font-size:12px;
    line-height:1.3;
  }
  .fejlec--shoppy .fejlec-belepes-felirat i{
    display:none;
  }
  .fejlec--shoppy .fejlec-belepes-felirat em{
    font-size:11px;
    font-style:normal;
    color:#d5bd9b;
  }
  .fejlec--shoppy .fejlec-kilepes{
    display:grid;
    place-items:center;
    min-width:27px;
    min-height:39px;
    padding:0;
    background:none;
    border:0;
    border-radius:4px;
    color:#cfb793;
    box-shadow:none;
  }
  .fejlec--shoppy .fejlec-kilepes svg{
    width:21px;
    height:21px;
  }
  .fejlec--shoppy .fejlec-also{
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:0 13px;
    max-width:none;
    min-height:60px;
    margin:0;
    padding:0 max(24px,calc((100vw - 2000px)/2));
    border-top:1px solid #eee6d8;
    border-bottom:1px solid #dfd3c1;
    background:#f7f4ee;
    color:#493624;
    flex-wrap:wrap;
  }
  .fejlec--shoppy .fejlec-kategoriak{
    position:relative;
    display:block;
    flex:1 1 auto;
    min-width:max-content;
  }
  .fejlec--shoppy .kat-menu-fulek{
    display:block;
    min-width:0;
  }
  .fejlec--shoppy .kat-menu-lista{
    display:flex;
    align-items:stretch;
    gap:0;
    list-style:none;
    margin:0;
    padding:0;
    min-width:0;
  }
  .fejlec--shoppy .kat-menu-lista>li{
    display:flex;
    flex:1 1 auto;
    min-width:max-content;
    margin:0;
    padding:0;
  }
  .fejlec--shoppy .kat-menu-lista>li:nth-child(-n+4){
    flex-grow:.8;
  }
  .fejlec--shoppy .kat-menu-lista>li>a{
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-width:0;
    min-height:60px;
    margin-top:-1px;
    padding:11px 12px 12px;
    border:0;
    border-top:3px solid transparent;
    border-radius:0;
    background:none;
    color:#3e3228;
    text-decoration:none;
    white-space:nowrap;
    font-size:15px;
    font-weight:500;
    line-height:1.3;
  }
  .fejlec--shoppy .kat-menu-lista>li>a:is(:hover,.aktiv){
    border-top-color:#e8a62e;
    background:#fffdf9;
    color:#694113;
  }
  .fejlec--shoppy .kat-menu-kep{
    display:grid;
    place-items:center;
    flex:none;
    width:25px;
    height:25px;
    color:#8f642a;
    background:none;
    border:0;
    border-radius:0;
  }
  .fejlec--shoppy .kat-menu-kep>svg{
    width:25px;
    height:25px;
  }
  .fejlec--shoppy .kat-menu-nev{
    display:block;
    min-width:0;
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:normal;
  }
  .fejlec--shoppy .kat-menu-lista .kat-menu-nyil{
    display:none;
  }
  .fejlec--shoppy .fejlec-oldallinkek{
    display:flex;
    align-items:center;
    gap:5px;
    flex:none;
    min-width:0;
    margin:0;
    padding:0;
  }
  .fejlec--shoppy .fejlec-pill{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    margin:0;
    padding:10px 12px;
    border:0;
    border-radius:4px;
    background:none;
    color:#4a392a;
    text-decoration:none;
    box-shadow:none;
    white-space:nowrap;
    font-size:14px;
    font-weight:500;
    line-height:1.2;
  }
  .fejlec--shoppy .fejlec-pill>svg{
    width:21px;
    height:21px;
    color:#a67329;
  }
  .fejlec--shoppy .fejlec-pill--kiemelt{
    padding:8px 19px;
    border:1px solid #dfa236;
    background:linear-gradient(#ffc85a,#ffb431);
    color:#33210b;
    font-size:17px;
    font-weight:750;
    box-shadow:0 2px 7px #d7972530;
  }
  .fejlec--shoppy .fejlec-pill--kiemelt>svg{
    width:27px;
    height:27px;
    color:#51330b;
  }
  .fejlec--shoppy .fejlec-pill--kiemelt>span{
    white-space:nowrap;
  }
  .fejlec--shoppy .fejlec-boltok{
    position:relative;
    display:block;
    min-width:0;
    margin:0;
  }
  .fejlec--shoppy .fejlec-boltok>summary{
    list-style:none;
  }
  .fejlec--shoppy .fejlec-boltok>summary::-webkit-details-marker{
    display:none;
  }
  .fejlec--shoppy .fejlec-nyil{
    display:block;
    width:7px;
    height:7px;
    border-right:1px solid currentColor;
    border-bottom:1px solid currentColor;
    transform:rotate(45deg);
    margin:0 2px 4px 1px;
  }
  .fejlec--shoppy .fejlec-datum{
    display:grid;
    grid-template-columns:23px auto;
    align-content:center;
    gap:0 10px;
    flex:none;
    margin:10px 0;
    padding:0 0 0 16px;
    border:0;
    border-left:1px solid #d8cbb9;
    border-radius:0;
    background:none;
    color:#614d36;
    box-shadow:none;
    white-space:nowrap;
    font-size:13px;
    line-height:1.3;
  }
  .fejlec--shoppy .fejlec-datum>svg{
    grid-row:1/3;
    align-self:center;
    width:23px;
    height:23px;
    color:#aa792e;
  }
  .fejlec--shoppy .fejlec-datum-nap{
    margin:0;
    padding:0;
    border:0;
    color:#9a681c;
    font-size:12px;
    font-weight:600;
    text-transform:none;
  }
  .fejlec--shoppy .kat-menu-reszlet{
    position:absolute;
    top:100%;
    left:0;
    z-index:130;
    display:block;
    width:305px;
    max-width:calc(100vw - 48px);
    padding:0;
    border:1px solid #e3d9c9;
    border-top:0;
    border-radius:0 0 4px 4px;
    background:#fffdf9;
    color:#5c4c3a;
    box-shadow:0 12px 24px #23190d21;
    overflow:visible;
  }
  .fejlec--shoppy .kat-sav-bezar{
    position:absolute;
    right:4px;
    top:4px;
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    z-index:2;
    padding:0;
    border:0;
    border-radius:3px;
    background:#fffdf9;
    color:#8d7758;
    font-size:17px;
    line-height:1;
  }
  .fejlec--shoppy .kat-menu-alpanel{
    display:block;
    margin:0;
    padding:7px 0 10px;
    background:#fffdf9;
    position:relative;
  }
  .fejlec--shoppy .kat-menu-alfej{
    display:block;
    padding:11px 31px 11px 15px;
    color:#694113;
    text-decoration:none;
    background:#faf4e6;
    border:0;
  }
  .fejlec--shoppy .kat-menu-alfej b{
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
  }
  .fejlec--shoppy .kat-menu-alfej small{
    display:block;
    margin-top:3px;
    font-size:10px;
    color:#957957;
  }
  .fejlec--shoppy .kat-menu-agak,
  .fejlec--shoppy .kat-menu-ag ul{
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
  }
  .fejlec--shoppy .kat-menu-ag{
    position:static;
    display:block;
    margin:0;
    padding:0;
    border:0;
  }
  .fejlec--shoppy .kat-menu-ag>details{
    position:static;
    display:block;
    margin:0;
    padding:0;
    border:0;
  }
  .fejlec--shoppy .kat-menu-ag>details>summary,
  .fejlec--shoppy .kat-menu-ag--level>a{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:42px;
    padding:10px 14px;
    border:0;
    background:none;
    color:#5c4c3a;
    text-decoration:none;
    list-style:none;
    font-size:14px;
    line-height:1.3;
    font-weight:400;
    white-space:nowrap;
    cursor:pointer;
  }
  .fejlec--shoppy .kat-menu-ag>details>summary::-webkit-details-marker{
    display:none;
  }
  .fejlec--shoppy .kat-menu-ag>details>summary:is(:hover),
  .fejlec--shoppy .kat-menu-ag>details[open]>summary,
  .fejlec--shoppy .kat-menu-ag--level>a:hover{
    background:#fbf0db;
    color:#795015;
  }
  .fejlec--shoppy .kat-menu-ag-nyil{
    margin-left:auto;
    color:#c4b8a7;
    font-size:20px;
    line-height:1;
  }
  .fejlec--shoppy .fejlec-kat-ikon{
    display:block;
    flex:none;
    width:26px;
    height:26px;
    color:#98703d;
    fill:none;
    stroke:currentColor;
  }
  .fejlec--shoppy .kat-menu-ag>details>div{
    position:absolute;
    left:calc(100% - 1px);
    top:0;
    z-index:2;
    display:block;
    width:290px;
    min-height:100%;
    margin:0;
    padding:15px 0;
    background:#faf5e9;
    border:1px solid #e3d9c9;
    border-radius:0 0 4px 0;
    box-shadow:8px 9px 20px #23190d12;
  }
  .fejlec--shoppy .kat-menu-ag>details.kat-sub-below>div{
    position:static;
    left:auto;
    top:auto;
    width:auto;
    min-height:0;
    padding:9px 0;
    border-right:0;
    border-left:0;
    box-shadow:none;
  }
  .fejlec--shoppy .kat-menu-ag-mind{
    display:block;
    margin:0 0 10px;
    padding:0 16px;
    color:#795015;
    font-size:13px;
    font-weight:650;
    line-height:1.4;
    white-space:nowrap;
    text-decoration:none;
  }
  .fejlec--shoppy .kat-menu-mind{
    display:block;
    padding:10px 15px;
    background:#f6f0e6;
    border-top:1px solid #e5d9c6;
    color:#71552e;
    text-decoration:none;
    font-size:12px;
  }
  .fejlec--shoppy .kereses-kat-valaszto{
    position:relative;
    display:block;
    flex:none;
    width:170px;
    min-width:0;
    max-width:170px;
    height:44px;
    margin:0;
    padding:0;
    border:0;
    border-left:1px solid #e7e1d8;
    border-radius:0;
    background:#f3f1ee;
    color:#625a50;
  }
  .fejlec--shoppy .kereses-kat-valaszto>summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    height:44px;
    min-height:44px;
    margin:0;
    padding:0 13px;
    border:0;
    border-radius:0;
    background:none;
    color:#625a50;
    font-size:14px;
    font-weight:400;
    white-space:nowrap;
    list-style:none;
    box-shadow:none;
    cursor:pointer;
  }
  .fejlec--shoppy .kereses-kat-valaszto>summary::-webkit-details-marker{
    display:none;
  }
  .fejlec--shoppy .kereses-kat-valaszto>summary>span[aria-hidden],
  .fejlec--shoppy .kereses-kat-ag>details>summary>span[aria-hidden]{
    display:block;
    transition:transform .15s ease;
  }
  .fejlec--shoppy .kereses-kat-valaszto[open]>summary>span[aria-hidden],
  .fejlec--shoppy .kereses-kat-ag>details[open]>summary>span[aria-hidden]{
    transform:rotate(180deg);
  }
  .fejlec--shoppy .kereses-kat-valaszto>summary [data-kat-felirat]{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
    color:#625a50;
  }
  .fejlec--shoppy .kereses-kat-hatter{
    display:none;
  }
  .fejlec--shoppy .kereses-kat-lenyilo{
    position:absolute;
    z-index:150;
    inset:100% 0 auto auto;
    display:block;
    width:250px;
    min-width:0;
    max-width:calc(100vw - 28px);
    max-height:calc(100dvh - 100px);
    margin:0;
    padding:0;
    border:1px solid #ded2c0;
    border-radius:0 0 4px 4px;
    background:#fffdf9;
    color:#4c3c2d;
    box-shadow:0 8px 19px #2b1d1829;
    overflow:auto;
  }
  .fejlec--shoppy dialog.kereses-kat-lenyilo:not([open]){
    display:none;
  }
  .fejlec--shoppy .kereses-kat-gorgeto{
    display:block;
    max-height:none;
    margin:0;
    padding:0;
    overflow:visible;
  }
  .fejlec--shoppy .kereses-kat-panel-fej,
  .fejlec--shoppy .kereses-kat-panel-lab,
  .fejlec--shoppy .kereses-kategoriak>legend,
  .fejlec--shoppy .kereses-kategoriak>p,
  .fejlec--shoppy [data-kat-szam]{
    display:none;
  }
  .fejlec--shoppy .kereses-kategoriak{
    display:block;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    background:none;
    color:#4c3c2d;
  }
  .fejlec--shoppy .kereses-kat-fa{
    display:block;
    margin:0;
    padding:0;
    border:0;
    gap:0;
    max-height:none;
    overflow:visible;
  }
  .fejlec--shoppy .kereses-kat-ag{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 26px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    gap:0;
  }
  .fejlec--shoppy .kereses-kat-pipa{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    min-width:0;
    min-height:31px;
    margin:0;
    padding:7px 11px 7px 17px;
    background:none;
    color:#4c3c2d;
    font-size:12px;
    line-height:1.3;
    white-space:nowrap;
    cursor:pointer;
  }
  .fejlec--shoppy .kereses-kat-pipa>input{
    appearance:none;
    order:2;
    display:grid;
    place-items:center;
    flex:none;
    width:14px;
    height:14px;
    min-width:14px;
    min-height:14px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#a56d19;
    box-shadow:none;
  }
  .fejlec--shoppy .kereses-kat-pipa>input:checked::after{
    content:'✓';
    font-size:15px;
    font-weight:700;
    line-height:1;
  }
  .fejlec--shoppy .kereses-kat-pipa>input:indeterminate::after{
    content:'−';
    font-size:15px;
    font-weight:700;
    line-height:1;
  }
  .fejlec--shoppy .kereses-kat-pipa>input:focus-visible{
    outline:2px solid #c78c31;
    outline-offset:2px;
  }
  .fejlec--shoppy .kereses-kat-pipa>span{
    min-width:0;
    white-space:nowrap;
    color:inherit;
  }
  .fejlec--shoppy .kereses-kat-pipa>.kat-kep{
    display:none;
  }
  .fejlec--shoppy .kereses-kat-ag>details{
    display:contents;
    margin:0;
    padding:0;
    border:0;
  }
  .fejlec--shoppy .kereses-kat-ag>details>summary{
    grid-column:2;
    grid-row:1;
    display:grid;
    place-items:center;
    min-height:31px;
    margin:0;
    padding:0;
    border:0;
    background:none;
    color:#ae936e;
    font-size:14px;
    list-style:none;
    cursor:pointer;
  }
  .fejlec--shoppy .kereses-kat-ag>details>summary::-webkit-details-marker{
    display:none;
  }
  .fejlec--shoppy .kereses-kat-gyerekek{
    grid-column:1/-1;
    display:block;
    margin:0;
    padding:0;
    border:0;
    background:none;
  }
  .fejlec--shoppy .kereses-kat-focsoport{
    background:#f5f1e9;
  }
  .fejlec--shoppy .kereses-kat-focsoport>label{
    padding-left:11px;
    font-size:13px;
    font-weight:500;
  }
  .fejlec--shoppy .kereses-kat-focsoport:has(>details[open])>label,
  .fejlec--shoppy .kereses-kat-focsoport>details[open]>summary{
    background:#3c2a1c;
    color:#fff0d8;
  }
  .fejlec--shoppy .kereses-kat-focsoport>details>.kereses-kat-gyerekek{
    background:#fffdf9;
  }
  .fejlec--shoppy .kereses-kat-pipa:hover,
  .fejlec--shoppy .kereses-kat-pipa:has(>input:checked){
    background:#faf1df;
  }
  .fejlec--shoppy .kereses-kat-ag .kereses-kat-ag .kereses-kat-ag>label{
    padding-left:26px;
  }
  .fejlec--shoppy .kereses-kat-lab{
    display:block;
    margin:0;
    padding:0;
    border-top:1px solid #e5dccf;
    background:#f6f2ec;
  }
  .fejlec--shoppy [data-kat-torles]{
    display:block;
    width:100%;
    margin:0;
    padding:10px 11px;
    border:0;
    border-radius:0;
    background:none;
    color:#4c3927;
    text-align:left;
    font-size:12px;
    font-weight:600;
    box-shadow:none;
  }
  .fejlec--shoppy .belepo-panel,
  .fejlec--shoppy .fejlec-bolt-panel{
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    z-index:140;
    width:350px;
    max-width:calc(100vw - 32px);
    max-height:calc(100dvh - 110px);
    padding:17px;
    border:1px solid #ded0bb;
    border-radius:4px;
    background:#fffdf9;
    color:#4f3d29;
    box-shadow:0 9px 20px #34251421;
    overflow:auto;
    --szoveg:#4f3d29;
    --szoveg-halvany:#7d6a56;
    --szoveg-finom:#8d7758;
    --hatter:#fffdf9;
    --hatter-blokk:#faf3e8;
    --hatter-melegh:#f7eddc;
    --keret:#ded0bb;
    --keret-eros:#cbb798;
    --akcent:#bd852c;
    --akcent-sotet:#9a681c;
    --akcent-halvany:#f6e7ca;
    --gomb-szoveg:#302117;
    --r:4px;
    --r-kicsi:3px;
    --r-nagy:4px;
  }
  .fejlec--shoppy .belepo-fulek{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
    margin:0 0 13px;
    padding:0;
    border-bottom:1px solid #e4d6c1;
    border-radius:0;
    background:none;
  }
  .fejlec--shoppy .belepo-fulek>button{
    padding:9px 5px;
    border:0;
    border-radius:3px;
    background:none;
    color:#87633a;
    font-size:13px;
    font-weight:600;
  }
  .fejlec--shoppy .belepo-fulek>button[aria-selected=true]{
    background:#f4e6cc;
    color:#49331c;
    box-shadow:none;
  }
  .fejlec--shoppy .belepo-urlap{
    display:grid;
    gap:10px;
    margin:0;
    padding:0;
    background:none;
    border:0;
  }
  .fejlec--shoppy .belepo-urlap label{
    display:grid;
    gap:5px;
    font-size:12px;
    color:#6d583e;
  }
  .fejlec--shoppy .belepo-urlap :is(input:not([type=radio]):not([type=checkbox]),select){
    width:100%;
    min-height:39px;
    padding:8px 10px;
    border:1px solid #d5c4a8;
    border-radius:4px;
    background:#fffdf9;
    color:#38291f;
    font-size:14px;
    box-shadow:none;
  }
  .fejlec--shoppy .belepo-urlap .reg-csomag-opcio{
    display:block;
    position:relative;
    cursor:pointer;
  }
  .fejlec--shoppy .belepo-urlap .reg-csomag-opcio input{
    position:absolute;
    width:1px;
    height:1px;
    min-height:0;
    margin:0;
    padding:0;
    opacity:0;
  }
  .fejlec--shoppy .belepo-gomb{
    border:1px solid #ce922d;
    border-radius:4px;
    background:#ffc35b;
    color:#38291f;
    box-shadow:none;
  }
  .fejlec--shoppy .belepo-funkciok{
    display:block;
    margin-top:9px;
    color:#946420;
    font-size:12px;
  }
  .fejlec--shoppy .fejlec-bolt-racs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }
  .fejlec--shoppy .fejlec-bolt-racs>a{
    display:grid;
    place-items:center;
    min-height:57px;
    border-radius:4px;
    background:#faf4e9;
    text-decoration:none;
  }
  .fejlec--shoppy .fejlec-bolt-racs img{
    max-width:100%;
    height:32px;
    object-fit:contain;
  }
  .fejlec--shoppy .fejlec-bolt-mind{
    display:block;
    margin-top:13px;
    padding:9px 0;
    border-top:1px solid #e4d6c1;
    color:#946420;
    font-size:13px;
    text-decoration:none;
  }
  .fejlec--shoppy [hidden]{
    display:none;
  }
  @media (max-width:1740px){
    .fejlec--shoppy .fejlec-felso{
      grid-template-columns:155px minmax(240px,1fr) auto;
      gap:18px;
      padding:17px 25px;
    }
    .fejlec--shoppy .fejlec-ikon>span{
      display:none;
    }
    .fejlec--shoppy .fejlec-alaplinkek{
      gap:13px;
    }
    .fejlec--shoppy .kat-menu-lista>li>a{
      gap:7px;
      padding-inline:9px;
      font-size:14px;
    }
    .fejlec--shoppy .fejlec-pill{
      padding-inline:9px;
      font-size:13px;
    }
    .fejlec--shoppy .fejlec-pill--kiemelt{
      padding-inline:15px;
      font-size:17px;
    }
    .fejlec--shoppy .fejlec-datum{
      font-size:12px;
      padding-left:11px;
      gap:0 7px;
    }
  }
  @media (max-width:1530px){
    .fejlec--shoppy .fejlec-also{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:0 13px;
      padding-inline:20px;
    }
    .fejlec--shoppy .fejlec-kategoriak{
      grid-column:1/-1;
      border-bottom:1px solid #e4d9c8;
    }
    .fejlec--shoppy .kat-menu-lista>li>a{
      min-height:53px;
      padding:10px 13px;
      font-size:15px;
    }
    .fejlec--shoppy .fejlec-oldallinkek{
      grid-column:1;
      gap:15px;
      min-height:54px;
    }
    .fejlec--shoppy .fejlec-datum{
      grid-column:2;
      grid-row:2;
      margin:6px 0;
      font-size:13px;
    }
    .fejlec--shoppy .fejlec-fiok-adatok>small{
      display:none;
    }
  }
  @media (max-width:1190px){
    .fejlec--shoppy .fejlec-felso{
      grid-template-columns:145px minmax(230px,1fr) auto;
      gap:14px;
      padding:17px 20px;
    }
    .fejlec--shoppy .fejlec-ikonok{
      gap:10px;
    }
    .fejlec--shoppy .fejlec-fiok-adatok{
      display:none;
    }
    .fejlec--shoppy .kat-menu-lista>li>a{
      font-size:13px;
      gap:6px;
      padding-inline:9px;
    }
    .fejlec--shoppy .kat-menu-kep,
    .fejlec--shoppy .kat-menu-kep>svg{
      width:22px;
      height:22px;
    }
    .fejlec--shoppy .fejlec-oldallinkek{
      gap:10px;
    }
    .fejlec--shoppy .fejlec-datum{
      font-size:12px;
    }
  }
}

/* Közös publikus komponensek. A személyes havi bontás és kosárküszöb a fiok.css része. */
.kampany-cimke{
  --kampany-alap:#f3e7cc;
  --kampany-szoveg:#332819;
  display:inline-flex;
  align-items:center;
  align-self:center;
  flex:0 1 auto;
  gap:6px;
  width:max-content;
  max-width:min(100%,240px);
  min-width:0;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:4px;
  background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(0,0,0,.08)),var(--kampany-alap);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 3px rgba(0,0,0,.16);
  color:var(--kampany-szoveg);
  font-size:14px;
  font-weight:850;
  line-height:1.15;
  white-space:nowrap;
}
.kampany-cimke-szoveg{
  overflow:hidden;
  text-overflow:ellipsis;
}
.kampany-cimke-pipa{
  flex:0 0 18px;
  width:18px;
  height:18px;
}
.kampany-cimke--lidl{
  --kampany-alap:#ffe500;
  --kampany-szoveg:#b5121b;
}
.kampany-cimke--penny{
  --kampany-alap:#ffd600;
  --kampany-szoveg:#a50d26;
}
.kampany-cimke--spar{
  --kampany-alap:#087a3b;
  --kampany-szoveg:#fff;
}
.kampany-cimke--aldi{
  --kampany-alap:#13318f;
  --kampany-szoveg:#fff;
}
.kampany-cimke--auchan{
  --kampany-alap:#a50034;
  --kampany-szoveg:#fff;
}
.kampany-cimke--tesco{
  --kampany-alap:#00539f;
  --kampany-szoveg:#fff;
}
.kampany-cimke--szuper{
  --kampany-alap:#ffe500;
  --kampany-szoveg:#111;
}
.kampany-cimke--diszkont{
  --kampany-alap:#e50920;
  --kampany-szoveg:#fff;
}
@media (max-width:1000px){
  .fejlec{
    position:sticky;
    top:0;
    z-index:60;
    border-top:3px solid var(--szoveg);
    background:var(--sk-fejlec);
    box-shadow:none;
    border-bottom:1px solid var(--keret);
  }
  .fejlec .marka .marka-logo{
    width:auto;
    flex:none;
    object-fit:contain;
    filter:none;
  }
  .fejlec .marka{
    flex:0 0 auto;
  }
  .fejlec-felso{
    display:flex;
    align-items:center;
    max-width:var(--szelesseg);
    margin:auto;
    min-height:76px;
    padding:12px 28px;
    gap:24px;
  }
  .fejlec-also{
    display:flex;
    align-items:center;
    border-top:1px solid var(--keret);
    min-height:47px;
    max-width:var(--szelesseg);
    margin:auto;
    padding:6px 28px;
    flex-wrap:wrap;
    gap:6px 18px;
    background:none;
  }
  .fejlec-also>*{
    flex:0 0 auto;
  }
  .fejlec .fejlec-datum{
    align-items:center;
    gap:9px;
    margin-left:auto;
    padding:7px 11px;
    border:1px solid #c58d4e38;
    border-radius:5px;
    background:linear-gradient(110deg,#ffffff05,#f4a0440c);
    box-shadow:inset 0 1px 0 #fff1;
    color:#edddca;
    font-size:12px;
    line-height:1.3;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
  }
  .fejlec-datum>svg{
    flex:none;
    color:#f4ae59;
  }
  .fejlec-datum-nap{
    padding-left:9px;
    border-left:1px solid #c58d4e55;
    color:#ffc176;
    font-size:11px;
    font-weight:800;
    text-transform:capitalize;
  }
}
@media (max-width:1280px){
  @media (max-width:1000px){
    .fejlec .fejlec-datum{
      display:none;
    }
  }
}
.marka{
  display:flex;
  align-items:center;
  gap:9px;
  flex-shrink:0;
  min-width:0;
}
.marka-logo{
  height:52px;
  width:auto;
  max-width:220px;
  object-fit:contain;
  object-position:left center;
  display:block;
}
@media (max-width:1000px){
  .fejlec-kereso{
    position:relative;
    flex:1;
    max-width:680px;
    display:flex;
    align-items:center;
    margin:0 auto;
    border:1.5px solid var(--keret-eros);
    transition:border-color .15s,background .15s;
    height:42px;
    background:var(--fedo);
    border-color:var(--keret-eros);
    border-radius:5px;
  }
  .fejlec-kereso:focus-within{
    border-color:var(--akcent);
    background:var(--hatter);
  }
  .fejlec-kereso-ikon{
    flex:0 0 auto;
    margin-left:16px;
    color:var(--szoveg-finom);
  }
  .fejlec-kereso input{
    flex:1;
    min-width:0;
    padding:11px 12px;
    border:none;
    outline:none;
    font-size:12px;
  }
  .fejlec-kereso-gomb{
    margin:4px;
    background:var(--pr-gomb-feny),var(--akcent);
    color:var(--gomb-szoveg);
    font-weight:800;
    height:32px;
    font-size:12px;
    padding:0 17px;
    box-shadow:var(--pr-akcent-arnyek);
    border-radius:4px;
  }
  .fejlec-kereso-gomb:hover{
    background:var(--pr-gomb-feny),var(--akcent-sotet);
  }
  .fejlec-ikonok{
    display:flex;
    align-items:center;
    flex-shrink:0;
    gap:12px;
  }
  .fejlec-ikon{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    border-radius:var(--r);
    font-size:11px;
    font-weight:750;
    min-width:39px;
    padding:2px;
    color:var(--szoveg-halvany);
    gap:4px;
  }
  .fejlec-ikon:hover{
    background:var(--hatter-blokk);
    color:var(--akcent);
  }
  .fejlec-ikon span{
    font-size:9px;
  }
  .fejlec-ikon svg{
    width:27px;
    height:25px;
  }
  .fejlec-ikon-jelzes{
    position:absolute;
    display:grid;
    place-items:center;
    padding:0 4px;
    border-radius:5px;
    background:var(--jelzo,var(--lap-piros));
    color:var(--jelzo-szoveg,#fff);
    top:-3px;
    right:3px;
    font-size:8px;
    min-width:16px;
    height:16px;
    line-height:1;
  }
  .fejlec-fiok-jelzes{
    display:none;
  }
  .fejlec-fiok{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:6px;
    border:1px solid var(--keret);
    border-radius:var(--r);
    font-weight:800;
    white-space:nowrap;
    font-size:11px;
    min-height:36px;
  }
  .fejlec-fiok:hover,
  .fejlec-fiok.aktiv{
    border-color:var(--akcent);
    color:var(--akcent);
  }
  .fejlec-fiok-betu{
    display:grid;
    place-items:center;
    border-radius:5px;
    background:var(--akcent);
    color:var(--gomb-szoveg);
    object-fit:cover;
    width:27px;
    height:27px;
    font-size:12px;
  }
  .fejlec-fiok--belepes{
    padding:8px 16px;
    border-color:var(--akcent);
    background:var(--pr-gomb-feny),var(--akcent);
    color:var(--gomb-szoveg);
    cursor:pointer;
    list-style:none;
    box-shadow:var(--pr-akcent-arnyek);
  }
  .fejlec-fiok--belepes::-webkit-details-marker{
    display:none;
  }
  .fejlec-belepes-felirat b,
  .fejlec-belepes-felirat em{
    font-style:normal;
    font-weight:inherit;
  }
  .fejlec-fiok--belepes i{
    font-style:normal;
    opacity:.55;
  }
  .fejlec-fiok--belepes:hover,
  .belepo[open]>.fejlec-fiok--belepes{
    background:var(--pr-gomb-feny),var(--akcent-sotet);
    color:var(--gomb-szoveg);
  }
  .fejlec-kilepes{
    min-height:42px;
    padding:8px 12px;
    border-radius:var(--r);
    color:var(--szoveg-halvany);
    font-weight:750;
    cursor:pointer;
    font-size:11px;
  }
  .fejlec-kilepes:hover{
    background:var(--hiba-halvany);
    color:var(--hiba);
  }
}
.kilepes-ikon{
  display:block;
  flex:none;
  overflow:visible;
}
@media (prefers-reduced-motion:no-preference){
  .kilepes-nyil{
    transition:transform .22s ease;
  }
  :is(button,a):is(:hover,:focus-visible)>.kilepes-ikon .kilepes-nyil{
    transform:translateX(3px);
  }
}
@media (max-width:1000px){
  .belepo,
  .kat-menu,
  .fejlec-boltok{
    position:relative;
  }
  .belepo-panel{
    position:absolute;
    z-index:80;
    top:calc(100% + 10px);
    right:0;
    width:350px;
    padding:16px;
    max-height:calc(100dvh - 95px);
    overflow-y:auto;
    border-radius:var(--r-nagy);
  }
}
@media (min-width:1001px){
  .belepo-panel:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:absolute;
    z-index:80;
    top:calc(100% + 10px);
    right:0;
    width:350px;
    padding:16px;
    max-height:calc(100dvh - 95px);
    overflow-y:auto;
    border-radius:var(--r-nagy);
  }
}
@media (max-width:1000px){
  .belepo-fulek{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3px;
    margin-bottom:14px;
    padding:3px;
    border-radius:var(--r);
  }
}
@media (min-width:1001px){
  .belepo-fulek:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3px;
    margin-bottom:14px;
    padding:3px;
    border-radius:var(--r);
  }
}
@media (max-width:1000px){
  .belepo-fulek>*{
    padding:8px;
    border-radius:var(--r-kicsi);
    color:var(--szoveg-halvany);
    font-size:13px;
    font-weight:800;
    text-align:center;
    cursor:pointer;
  }
}
@media (min-width:1001px){
  .belepo-fulek>*:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding:8px;
    border-radius:var(--r-kicsi);
    color:var(--szoveg-halvany);
    font-size:13px;
    font-weight:800;
    text-align:center;
    cursor:pointer;
  }
}
@media (max-width:1000px){
  .belepo-fulek>[aria-selected="true"],
  .belepo-fulek>[aria-current]{
    box-shadow:0 1px 3px oklch(from rgba(20,30,25,.12) l c calc(h + var(--tema-hue-s,0)));
  }
}
@media (min-width:1001px){
  .belepo-fulek>[aria-selected="true"]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .belepo-fulek>[aria-current]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    box-shadow:0 1px 3px oklch(from rgba(20,30,25,.12) l c calc(h + var(--tema-hue-s,0)));
  }
}
@media (max-width:1000px){
  .belepo-urlap{
    display:grid;
    gap:10px;
  }
}
@media (min-width:1001px){
  .belepo-urlap:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:grid;
    gap:10px;
  }
}
@media (max-width:1000px){
  .belepo-urlap[hidden]{
    display:none;
  }
}
@media (min-width:1001px){
  .belepo-urlap[hidden]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:none;
  }
}
@media (max-width:1000px){
  .belepo-gomb:disabled{
    opacity:.55;
    cursor:not-allowed;
  }
}
@media (min-width:1001px){
  .belepo-gomb:disabled:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    opacity:.55;
    cursor:not-allowed;
  }
}
@media (max-width:1000px){
  .belepo-panel .fiok-uzenet--hiba{
    margin:0;
    padding:10px 12px;
    border-radius:var(--r);
    background:var(--hiba-halvany);
    color:var(--hiba);
    font-size:12px;
    font-weight:700;
  }
}
@media (min-width:1001px){
  .belepo-panel .fiok-uzenet--hiba:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin:0;
    padding:10px 12px;
    border-radius:var(--r);
    background:var(--hiba-halvany);
    color:var(--hiba);
    font-size:12px;
    font-weight:700;
  }
}
@media (max-width:1000px){
  .belepo-urlap label{
    display:grid;
    gap:4px;
    color:var(--szoveg-halvany);
    font-size:11.5px;
    font-weight:800;
  }
}
@media (min-width:1001px){
  .belepo-urlap label:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:grid;
    gap:4px;
    color:var(--szoveg-halvany);
    font-size:11.5px;
    font-weight:800;
  }
}
@media (max-width:1000px){
  .belepo-urlap small{
    font-weight:600;
    color:var(--szoveg-finom);
  }
}
@media (min-width:1001px){
  .belepo-urlap small:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    font-weight:600;
    color:var(--szoveg-finom);
  }
}
@media (max-width:1000px){
  .belepo-urlap input{
    min-height:40px;
    padding:8px 11px;
    border:1px solid color-mix(in srgb,var(--szoveg) 16%,transparent);
    border-radius:var(--r);
    font:inherit;
    font-size:14px;
  }
}
@media (min-width:1001px){
  .belepo-urlap input:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    min-height:40px;
    padding:8px 11px;
    border:1px solid color-mix(in srgb,var(--szoveg) 16%,transparent);
    border-radius:var(--r);
    font:inherit;
    font-size:14px;
  }
}
@media (max-width:1000px){
  .belepo-urlap textarea{
    min-height:120px;
    padding:8px 11px;
    border:1px solid color-mix(in srgb,var(--szoveg) 16%,transparent);
    border-radius:var(--r);
    font:inherit;
    font-size:14px;
    resize:vertical;
  }
}
@media (min-width:1001px){
  .belepo-urlap textarea:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    min-height:120px;
    padding:8px 11px;
    border:1px solid color-mix(in srgb,var(--szoveg) 16%,transparent);
    border-radius:var(--r);
    font:inherit;
    font-size:14px;
    resize:vertical;
  }
}
@media (max-width:1000px){
  .belepo-urlap input:focus,
  .belepo-urlap textarea:focus{
    outline:none;
    border-color:var(--akcent);
    background:var(--hatter);
    box-shadow:0 0 0 3px var(--akcent-halvany);
  }
}
@media (min-width:1001px){
  .belepo-urlap input:focus:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .belepo-urlap textarea:focus:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    outline:none;
    border-color:var(--akcent);
    background:var(--hatter);
    box-shadow:0 0 0 3px var(--akcent-halvany);
  }
}
.reg-csomag{
  min-width:0;
  margin:2px 0 0;
  padding:0;
  border:0;
}
.reg-csomag legend{
  margin-bottom:6px;
  color:var(--szoveg-halvany);
  font-size:11.5px;
  font-weight:800;
}
.reg-csomag-opciok{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
@media (max-width:1000px){
  .belepo-urlap .reg-csomag-opcio{
    display:block;
    position:relative;
    cursor:pointer;
  }
}
@media (min-width:1001px){
  .belepo-urlap .reg-csomag-opcio:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:block;
    position:relative;
    cursor:pointer;
  }
}
@media (max-width:1000px){
  .belepo-urlap .reg-csomag-opcio input{
    position:absolute;
    width:1px;
    height:1px;
    min-height:0;
    margin:0;
    padding:0;
    opacity:0;
  }
}
@media (min-width:1001px){
  .belepo-urlap .reg-csomag-opcio input:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:absolute;
    width:1px;
    height:1px;
    min-height:0;
    margin:0;
    padding:0;
    opacity:0;
  }
}
.reg-csomag-opcio span{
  display:block;
  padding:9px 4px;
  border:1px solid var(--keret-eros);
  border-radius:5px;
  background:var(--hatter);
  color:var(--szoveg);
  font-size:12px;
  font-weight:800;
  text-align:center;
}
.reg-csomag-opcio input:checked+span{
  border-color:var(--akcent);
  background:var(--akcent-halvany);
  color:var(--akcent-sotet);
}
.reg-csomag-opcio input:focus-visible+span{
  outline:2px solid var(--akcent);
  outline-offset:2px;
}
.reg-csomag>small{
  display:block;
  margin-top:7px;
  color:var(--szoveg-halvany);
  font-size:11px;
  line-height:1.35;
}
@media (max-width:1000px){
  .belepo-gomb{
    min-height:42px;
    margin-top:4px;
    border-radius:var(--r);
    background:var(--pr-akcent-gomb);
    box-shadow:var(--pr-akcent-arnyek);
    color:var(--gomb-szoveg);
    font-size:14px;
    font-weight:800;
    cursor:pointer;
  }
}
@media (min-width:1001px){
  .belepo-gomb:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    min-height:42px;
    margin-top:4px;
    border-radius:var(--r);
    background:var(--pr-akcent-gomb);
    box-shadow:var(--pr-akcent-arnyek);
    color:var(--gomb-szoveg);
    font-size:14px;
    font-weight:800;
    cursor:pointer;
  }
}
@media (max-width:1000px){
  .belepo-gomb:hover{
    background:var(--pr-akcent-gomb-fent);
  }
}
@media (min-width:1001px){
  .belepo-gomb:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--pr-akcent-gomb-fent);
  }
}
.kozossegi-belepes{
  display:grid;
  gap:10px;
  margin-block:16px;
}
.kozossegi-gomb{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #747775;
  border-radius:4px;
  background:#fff;
  color:#1f1f1f;
  font-family:Arial,sans-serif;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
}
.kozossegi-gomb:hover{
  background:#f2f5fa;
}
.kozossegi-gomb:focus-visible{
  outline:3px solid #4285f4;
  outline-offset:3px;
}
.kozossegi-gomb img{
  flex:none;
}
.kozossegi-elvalaszto{
  margin:0;
  color:var(--szoveg);
  text-align:center;
  font-size:12px;
}
@media (max-width:1000px){
  .belepo-funkciok{
    display:flex;
    justify-content:space-between;
    margin-top:12px;
    padding:9px 11px;
    border-radius:var(--r);
    background:color-mix(in srgb,var(--akcent) 9%,transparent);
    color:var(--akcent-sotet);
    font-size:12.5px;
    font-weight:800;
  }
}
@media (min-width:1001px){
  .belepo-funkciok:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    justify-content:space-between;
    margin-top:12px;
    padding:9px 11px;
    border-radius:var(--r);
    background:color-mix(in srgb,var(--akcent) 9%,transparent);
    color:var(--akcent-sotet);
    font-size:12.5px;
    font-weight:800;
  }
}
@media (max-width:1000px){
  .belepo-funkciok:hover{
    background:color-mix(in srgb,var(--akcent) 16%,transparent);
  }
}
@media (min-width:1001px){
  .belepo-funkciok:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:color-mix(in srgb,var(--akcent) 16%,transparent);
  }
}
@media (max-width:1000px){
  .fejlec-pill{
    display:inline-flex;
    align-items:center;
    gap:7px;
    border-radius:var(--r);
    color:var(--szoveg);
    font-weight:750;
    white-space:nowrap;
    cursor:pointer;
    list-style:none;
    font-size:12px;
    min-height:34px;
    padding:7px 10px;
  }
  .fejlec-pill::-webkit-details-marker{
    display:none;
  }
  .fejlec-pill svg{
    flex:0 0 auto;
    width:17px;
    height:17px;
    color:var(--szoveg-halvany);
  }
  .fejlec-pill:hover,
  .fejlec-pill.aktiv,
  .fejlec-boltok[open]>.fejlec-pill,
  .fejlec-boltok.aktiv>.fejlec-pill{
    background:var(--hatter);
    color:var(--akcent);
  }
  .fejlec-pill--kiemelt{
    color:#fff;
    background:#b6263a;
    box-shadow:none;
    border-color:#dc5263;
  }
  .fejlec-pill--kiemelt svg{
    color:#fff;
  }
  .fejlec-pill--kiemelt:hover,
  .fejlec-pill--kiemelt.aktiv{
    background:color-mix(in srgb,var(--lap-piros) 85%,#000);
    color:#fff;
  }
  .fejlec-nyil{
    width:7px;
    height:7px;
    margin:-3px 0 0 2px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);
    transition:transform .15s;
  }
}
@media (min-width:1001px){
  .fejlec-nyil:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:7px;
    height:7px;
    margin:-3px 0 0 2px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);
    transition:transform .15s;
  }
}
@media (max-width:1000px){
  details[open]>summary .fejlec-nyil{
    margin-top:3px;
    transform:rotate(225deg);
  }
}
@media (min-width:1001px){
  details[open]>summary .fejlec-nyil:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin-top:3px;
    transform:rotate(225deg);
  }
}
@media (max-width:1000px){
  .kat-menu-gomb{
    display:flex;
    align-items:center;
    gap:10px;
    border-radius:var(--r);
    font-weight:800;
    cursor:pointer;
    list-style:none;
    min-height:34px;
    padding:7px 12px;
    font-size:12px;
    background:var(--sk-pill);
    color:var(--akcent-sotet);
    border-color:oklch(from #8bdbab35 l c calc(h + var(--tema-hue-a,0)));
  }
}
@media (min-width:1001px){
  .kat-menu-gomb:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    align-items:center;
    gap:10px;
    border-radius:var(--r);
    font-weight:800;
    cursor:pointer;
    list-style:none;
    min-height:34px;
    padding:7px 12px;
    font-size:12px;
    background:var(--sk-pill);
    color:var(--akcent-sotet);
    border-color:oklch(from #8bdbab35 l c calc(h + var(--tema-hue-a,0)));
  }
}
@media (max-width:1000px){
  .kat-menu-gomb::-webkit-details-marker{
    display:none;
  }
}
@media (min-width:1001px){
  .kat-menu-gomb:where(:not(.fejlec--shoppy,.fejlec--shoppy *))::-webkit-details-marker{
    display:none;
  }
}
@media (max-width:1000px){
  .kat-menu-gomb:hover,
  .kat-menu[open]>.kat-menu-gomb{
    background:var(--pr-gomb-feny),var(--akcent);
    color:var(--gomb-szoveg);
  }
}
@media (min-width:1001px){
  .kat-menu-gomb:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--pr-gomb-feny),var(--akcent);
    color:var(--gomb-szoveg);
  }
}
@media (max-width:1000px){
  .kat-menu-hamburger{
    display:grid;
    gap:3px;
    width:16px;
  }
}
@media (min-width:1001px){
  .kat-menu-hamburger:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:grid;
    gap:3px;
    width:16px;
  }
}
@media (max-width:1000px){
  .kat-menu-hamburger i{
    height:2px;
    border-radius:var(--r-kicsi);
    background:currentColor;
  }
}
@media (min-width:1001px){
  .kat-menu-hamburger i:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    height:2px;
    border-radius:var(--r-kicsi);
    background:currentColor;
  }
}
@media (max-width:1000px){
  .kat-menu-lista{
    margin:0;
    padding:8px;
    overflow-y:auto;
    list-style:none;
    border-right:1px solid var(--keret);
    background:var(--hatter-blokk);
  }
}
@media (min-width:1001px){
  .kat-menu-lista:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin:0;
    padding:8px;
    overflow-y:auto;
    list-style:none;
    border-right:1px solid var(--keret);
    background:var(--hatter-blokk);
  }
}
@media (max-width:1000px){
  .kat-menu-lista a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:5px 10px 5px 6px;
    border-radius:var(--r);
    color:var(--szoveg);
    font-size:14px;
    font-weight:650;
  }
}
@media (min-width:1001px){
  .kat-menu-lista a:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    align-items:center;
    gap:12px;
    padding:5px 10px 5px 6px;
    border-radius:var(--r);
    color:var(--szoveg);
    font-size:14px;
    font-weight:650;
  }
}
@media (max-width:1000px){
  .kat-menu-lista a:hover,
  .kat-menu-lista a.aktiv{
    background:var(--hatter);
    font-weight:800;
    box-shadow:0 1px 4px oklch(from rgba(24,34,30,.07) l c calc(h + var(--tema-hue-s,0)));
  }
}
@media (min-width:1001px){
  .kat-menu-lista a:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .kat-menu-lista a.aktiv:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--hatter);
    font-weight:800;
    box-shadow:0 1px 4px oklch(from rgba(24,34,30,.07) l c calc(h + var(--tema-hue-s,0)));
  }
}
@media (max-width:1000px){
  .kat-menu-kep{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:var(--r);
    font-size:24px;
  }
}
@media (min-width:1001px){
  .kat-menu-kep:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:var(--r);
    font-size:24px;
  }
}
@media (max-width:1000px){
  .kat-menu-nev{
    flex:1;
    min-width:0;
  }
}
@media (min-width:1001px){
  .kat-menu-nev:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:1;
    min-width:0;
  }
}
@media (max-width:1000px){
  .kat-menu-nyil{
    color:var(--szoveg-finom);
    font-size:20px;
  }
}
@media (min-width:1001px){
  .kat-menu-nyil:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    color:var(--szoveg-finom);
    font-size:20px;
  }
}
@media (max-width:1000px){
  .kat-menu-reszlet{
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    padding:20px 24px;
  }
}
@media (min-width:1001px){
  .kat-menu-reszlet:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    padding:20px 24px;
  }
}
@media (max-width:1000px){
  .kat-menu-alpanel[hidden]{
    display:none;
  }
}
@media (min-width:1001px){
  .kat-menu-alpanel[hidden]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:none;
  }
}
@media (max-width:1000px){
  .kat-menu-alfej{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
    padding:12px;
    border-radius:var(--r);
    background:var(--hatter-blokk);
  }
}
@media (min-width:1001px){
  .kat-menu-alfej:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
    padding:12px;
    border-radius:var(--r);
    background:var(--hatter-blokk);
  }
}
@media (max-width:1000px){
  .kat-menu-alfej:hover{
    background:var(--akcent-halvany);
  }
}
@media (min-width:1001px){
  .kat-menu-alfej:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--akcent-halvany);
  }
}
@media (max-width:1000px){
  .kat-menu-alfej-kep{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:84px;
    height:84px;
    border-radius:var(--r);
    background:var(--hatter);
    font-size:44px;
  }
}
@media (min-width:1001px){
  .kat-menu-alfej-kep:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:84px;
    height:84px;
    border-radius:var(--r);
    background:var(--hatter);
    font-size:44px;
  }
}
@media (max-width:1000px){
  .kat-menu-alfej b{
    display:block;
    font-size:22px;
    font-weight:850;
    letter-spacing:-.03em;
  }
}
@media (min-width:1001px){
  .kat-menu-alfej b:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:block;
    font-size:22px;
    font-weight:850;
    letter-spacing:-.03em;
  }
}
@media (max-width:1000px){
  .kat-menu-alfej small{
    color:var(--akcent);
    font-size:12.5px;
    font-weight:750;
  }
}
@media (min-width:1001px){
  .kat-menu-alfej small:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    color:var(--akcent);
    font-size:12.5px;
    font-weight:750;
  }
}
@media (max-width:1000px){
  .kat-menu-alok{
    columns:3 180px;
    column-gap:24px;
  }
}
@media (min-width:1001px){
  .kat-menu-alok:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    columns:3 180px;
    column-gap:24px;
  }
}
@media (max-width:1000px){
  .kat-menu-al{
    display:block;
    break-inside:avoid;
    padding:5px 8px;
    border-radius:var(--r-kicsi);
    color:var(--szoveg-halvany);
    font-size:13px;
  }
}
@media (min-width:1001px){
  .kat-menu-al:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:block;
    break-inside:avoid;
    padding:5px 8px;
    border-radius:var(--r-kicsi);
    color:var(--szoveg-halvany);
    font-size:13px;
  }
}
@media (max-width:1000px){
  .kat-menu-al--fo{
    margin-top:8px;
    color:var(--szoveg);
    font-weight:800;
  }
}
@media (min-width:1001px){
  .kat-menu-al--fo:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin-top:8px;
    color:var(--szoveg);
    font-weight:800;
  }
}
@media (max-width:1000px){
  .kat-menu-al--al{
    padding-left:18px;
  }
}
@media (min-width:1001px){
  .kat-menu-al--al:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding-left:18px;
  }
}
@media (max-width:1000px){
  .kat-menu-al small{
    color:var(--szoveg-finom);
    font-size:11px;
  }
}
@media (min-width:1001px){
  .kat-menu-al small:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    color:var(--szoveg-finom);
    font-size:11px;
  }
}
@media (max-width:1000px){
  .kat-menu-al:hover{
    background:var(--akcent-halvany);
    color:var(--akcent);
  }
}
@media (min-width:1001px){
  .kat-menu-al:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--akcent-halvany);
    color:var(--akcent);
  }
}
@media (max-width:1000px){
  .kat-menu-mind{
    margin-top:auto;
    padding-top:16px;
    color:var(--akcent);
    font-size:13px;
    font-weight:800;
  }
}
@media (min-width:1001px){
  .kat-menu-mind:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin-top:auto;
    padding-top:16px;
    color:var(--akcent);
    font-size:13px;
    font-weight:800;
  }
}
.kat-foto{
  overflow:hidden;
  background-color:var(--kep-hatter);
  background-repeat:no-repeat;
  width:36px;
  height:36px;
  flex:none;
}
@media (max-width:1000px){
  .fejlec-bolt-panel{
    position:absolute;
    z-index:76;
    top:calc(100% + 8px);
    left:0;
    width:min(560px,calc(100vw - 32px));
    padding:18px;
    border:1px solid var(--keret);
    border-radius:var(--r);
    box-shadow:var(--arnyek-modal);
    background:var(--hatter);
  }
  .kat-menu-panel{
    position:absolute;
    z-index:75;
    top:calc(100% + 8px);
    left:0;
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    width:min(1040px,calc(100vw - 64px));
    height:min(640px,calc(100vh - 150px));
    overflow:hidden;
    border:1px solid var(--keret);
    border-radius:var(--r);
    box-shadow:var(--arnyek-modal);
    background:var(--hatter);
  }
}
@media (min-width:1001px){
  .kat-menu-panel:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:absolute;
    z-index:75;
    top:calc(100% + 8px);
    left:0;
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    width:min(1040px,calc(100vw - 64px));
    height:min(640px,calc(100vh - 150px));
    overflow:hidden;
    border:1px solid var(--keret);
    border-radius:var(--r);
    box-shadow:var(--arnyek-modal);
    background:var(--hatter);
  }
}
@media (max-width:1000px){
  .fejlec-bolt-racs{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }
  .fejlec-bolt-racs>a{
    display:grid;
    place-items:center;
    min-height:84px;
    padding:14px;
    border-radius:var(--r);
    transition:box-shadow .15s,transform .15s;
  }
  .fejlec-bolt-racs>a:hover{
    transform:translateY(-2px);
  }
  .fejlec-bolt-racs .bolt-jel{
    width:100%;
    height:54px;
  }
  .fejlec-bolt-racs .bolt-jel img{
    width:100%;
    height:100%;
    max-width:110px;
    object-fit:contain;
  }
  .fejlec-bolt-racs .bolt-jel--szoveg{
    font-size:15px;
  }
  .fejlec-bolt-mind{
    display:flex;
    justify-content:space-between;
    margin-top:14px;
    padding:10px 12px;
    border-radius:var(--r-kicsi);
    background:var(--hatter-blokk);
    color:var(--akcent);
    font-size:12.5px;
    font-weight:800;
  }
}
.kedvenc-urlap{
  display:inline-flex;
}
.kedvenc-gomb{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:7px 14px;
  border:1px solid var(--keret-eros);
  border-radius:var(--r);
  background:var(--hatter);
  color:var(--szoveg);
  font-size:13px;
  font-weight:750;
  cursor:pointer;
  transition:.15s;
}
.kedvenc-gomb svg{
  width:18px;
  height:18px;
  transition:transform .2s;
}
.kedvenc-gomb:hover{
  border-color:var(--lap-piros);
  color:var(--lap-piros);
}
.kedvenc-gomb.aktiv{
  --sziv-kitoltes:currentColor;
  border-color:#dfa0ae;
  background:#fff0f3;
  color:#b51635;
}
.kedvenc-gomb.aktiv svg{
  animation:sziv-pulzus 2.6s ease-in-out infinite;
  transform-origin:center;
}
@keyframes sziv-pulzus{
  0%,
  50%,
  100%{
    transform:scale(1);
  }
  12%{
    transform:scale(1.15);
  }
  25%{
    transform:scale(1);
  }
  36%{
    transform:scale(1.07);
  }
}
@media (prefers-reduced-motion:reduce){
  .kedvenc-gomb.aktiv svg{
    animation:none;
  }
}
.kedvenc-gomb--kicsi{
  width:36px;
  height:36px;
  min-height:0;
  justify-content:center;
  padding:0;
}
.g{
  border-radius:var(--r-kicsi);
  font-size:13.5px;
  font-weight:700;
  padding:9px var(--t5);
  border:1px solid transparent;
  transition:background .14s,border-color .14s,color .14s;
  display:inline-block;
}
.g--fo{
  background:var(--pr-akcent-gomb);
  border-color:color-mix(in srgb,var(--akcent) 70%,#000);
  color:var(--gomb-szoveg);
  box-shadow:var(--pr-akcent-arnyek);
}
.g--fo:hover{
  background:var(--pr-akcent-gomb-fent);
}
.g--mell{
  background:var(--pr-gomb);
  border-color:var(--pr-keret);
  border-bottom-color:color-mix(in srgb,var(--szoveg) 30%,transparent);
  color:var(--szoveg);
  box-shadow:inset 0 1px 0 var(--pr-el),var(--pr-arnyek-kicsi);
}
.g--mell:hover{
  background:var(--pr-gomb-fent);
  color:var(--akcent-sotet);
}
.kereso{
  display:flex;
  align-items:center;
  gap:var(--t3);
  background:var(--hatter);
  border:1px solid var(--keret-eros);
  border-radius:5px;
  padding:6px 6px 6px var(--t5);
  max-width:680px;
  transition:border-color .15s,box-shadow .15s;
}
.kereso:focus-within{
  border-color:var(--akcent);
  box-shadow:0 0 0 3px var(--akcent-halvany);
}
.kereso input{
  flex:1;
  min-width:0;
  border:none;
  background:none;
  outline:none;
  font:inherit;
  font-size:15px;
  color:var(--szoveg);
  padding:11px 0;
}
.kereso input::placeholder{
  color:var(--szoveg-finom);
}
.kereso-ikon{
  color:var(--szoveg-finom);
  flex-shrink:0;
}
.kereso--oldal{
  margin-bottom:var(--t8);
}
.kereso .gomb{
  background:var(--pr-akcent-gomb);
  box-shadow:var(--pr-akcent-arnyek);
  color:var(--gomb-szoveg);
  font-weight:700;
  font-size:14px;
  padding:12px var(--t8);
  border-radius:5px;
  flex-shrink:0;
  transition:background .15s;
}
.kereso .gomb:hover{
  background:var(--pr-akcent-gomb-fent);
}
.kereso-autocomplete{
  position:relative;
  z-index:24;
}
.kereso-javaslatok[hidden]{
  display:none;
}
.javaslat-csoport+.javaslat-csoport{
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid var(--keret);
}
.javaslat-sor:hover,
.javaslat-sor.aktiv{
  background:var(--hatter-blokk);
  transform:translateX(2px);
}
.javaslat-kep img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.javaslat-kep--bolt{
  background:transparent;
}
.javaslat-kep--kategoria{
  background:var(--akcent-halvany);
}
.javaslat-szoveg{
  min-width:0;
  display:block;
}
.javaslat-mind:hover,
.javaslat-mind.aktiv{
  background:var(--akcent-halvany);
}
.boltsav{
  display:flex;
  gap:var(--t3);
  flex-wrap:wrap;
}
.bolt{
  display:flex;
  align-items:center;
  gap:var(--t3);
  border:1px solid var(--keret);
  border-radius:var(--r);
  padding:9px var(--t5) 9px 10px;
  font-size:14.5px;
  font-weight:700;
  transition:border-color .15s,box-shadow .15s;
}
.bolt:hover{
  border-color:var(--keret-eros);
  box-shadow:var(--arnyek);
}
.bolt[aria-pressed="true"],
.bolt.aktiv{
  border-color:var(--akcent);
  box-shadow:0 0 0 1px var(--akcent);
}
.bolt--csak-logo{
  justify-content:center;
  min-width:82px;
  min-height:66px;
  padding:7px 13px;
}
.bolt-valaszto-gomb{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  height:44px;
  padding:6px 4px;
  border:1px solid color-mix(in srgb,currentColor 30%,transparent);
  border-radius:5px;
  background:color-mix(in srgb,currentColor 4%,transparent);
  color:inherit;
  font-size:13px;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  text-decoration:none;
}
.bolt-valaszto-gomb:hover{
  border-color:currentColor;
  background:color-mix(in srgb,currentColor 9%,transparent);
}
.bolt-valaszto-gomb[aria-current]{
  border-color:var(--akcent);
  background:color-mix(in srgb,var(--akcent) 8%,transparent);
  color:var(--akcent-sotet);
}
@media (max-width:700px){
  .bolt-valaszto-gomb{
    font-size:12px;
  }
}
.bolt-logo{
  width:var(--jel,30px);
  height:var(--jel,30px);
  border-radius:var(--r-kicsi);
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  color:#fff;
  font-size:14px;
  font-weight:800;
  flex-shrink:0;
  letter-spacing:-.03em;
}
.bolt-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.bolt-logo--szoveg{
  width:auto;
  min-width:var(--jel,30px);
  padding:0 5px;
  background:transparent;
  color:var(--szoveg);
  font-size:12px;
}
.boltsav.boltsav--tordelt{
  flex-wrap:wrap;
}
.termek-racs{
  display:grid;
  gap:var(--t4);
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
}
.kartya{
  position:relative;
  display:flex;
  flex-direction:column;
  border:1px solid color-mix(in srgb,var(--akcent) 14%,var(--keret));
  overflow:hidden;
  isolation:isolate;
  transition:transform .18s,border-color .18s,box-shadow .18s;
  border-radius:var(--kartya-sarok);
  background:color-mix(in srgb,var(--hatter-melegh) 30%,#fff8ee);
  box-shadow:0 4px 14px color-mix(in srgb,var(--szoveg) 9%,transparent);
}
.kartya:hover{
  border-color:color-mix(in srgb,var(--akcent) 42%,var(--keret));
  box-shadow:0 10px 26px color-mix(in srgb,var(--szoveg) 14%,transparent);
  transform:translateY(-2px);
}
.kartya:focus-within{
  border-color:var(--akcent);
}
.kartya-fo-link{
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
}
.kartya-fo-link:focus-visible{
  outline:3px solid var(--akcent);
  outline-offset:-3px;
}
@media (max-width:700px){
  .kartya-kep{
    height:160px;
    padding-top:36px;
  }
}
.kartya:hover .kartya-kep>img:not(.hazai-kepjel){
  transform:scale(1.04);
}
.kartya-kep--tonusos>img:not(.hazai-kepjel){
  width:auto;
}
.kartya-bal-alul .hazai-kepjel{
  width:36px;
  height:auto;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.2));
}
.kartya-kep-tipo{
  font-size:15px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.2;
  text-align:center;
  color:color-mix(in srgb,var(--szoveg-finom) 62%,transparent);
}
.kartya-boltok{
  position:absolute;
  top:12px;
  left:12px;
  display:flex;
  align-items:center;
  gap:8px;
  z-index:3;
}
.kartya-bolt-jel{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.kartya-bolt-jel img{
  width:auto;
  object-fit:contain;
  display:block;
  height:26px;
  max-width:68px;
  filter:none;
}
@media (min-width:701px){
  .kartya-bolt-jel img{
    height:30px;
    max-width:94px;
  }
}
.kartya-bolt-jel--szoveg{
  font-size:11px;
  font-weight:850;
  color:var(--szoveg);
}
.ervenyes--boltok{
  color:var(--akcent);
  font-weight:750;
}
.kartya-jel{
  position:absolute;
  z-index:2;
  top:12px;
  right:12px;
  font-weight:850;
  font-size:12px;
  padding:5px 9px;
  background:#b6263a;
  color:#fff;
  box-shadow:none;
  border-radius:var(--kartya-sarok-kicsi);
}
.kartya-torzs{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
  background:color-mix(in srgb,var(--szoveg) 4.5%,transparent);
  padding:12px 14px 14px;
}
.kartya-nev{
  font-weight:800;
  letter-spacing:-.018em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:15px;
  line-height:1.35;
  height:2lh;
  flex-shrink:0;
  color:var(--szoveg);
}
.kartya-kisz{
  margin-top:-2px;
  font-size:12px;
  line-height:1.4;
  color:var(--szoveg-halvany);
}
.kartya-arsor{
  display:flex;
  justify-content:space-between;
  padding-top:2px;
  align-items:flex-start;
  flex-direction:column;
  gap:4px;
  min-height:55px;
}
.kartya-ar-csoport{
  display:flex;
  align-items:baseline;
  gap:7px;
  flex-wrap:wrap;
  min-width:0;
}
.kartya-arsor .ar{
  font-weight:850;
  color:var(--ar);
  line-height:1;
  letter-spacing:-.8px;
  font-size:28px;
}
.kartya-arsor .ar-eredeti{
  color:var(--szoveg-finom);
  text-decoration:line-through;
  font-size:13px;
}
.kartya-arsor .egysegar{
  margin:0;
  padding:0;
  border:0;
  font-weight:750;
  color:var(--akcent);
  white-space:nowrap;
  font-size:14px;
}
.kartya-labsor{
  --allapot:var(--allapot-aktiv);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
  margin-top:auto;
  padding:2px 0;
  background:none;
}
.kartya:not(.kartya--kereses) .kartya-labsor{
  flex-wrap:nowrap;
}
.kartya-labsor--jovo{
  --allapot:var(--allapot-jovo);
}
.kartya-labsor--lejar{
  --allapot:var(--allapot-lejar);
}
.kartya:not(.kartya--kereses) .kartya-labsor::before{
  content:"";
  flex:none;
  width:16px;
  height:16px;
  background:var(--allapot);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.kartya-labsor .ervenyes{
  margin:0 0 0 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:color-mix(in srgb,var(--allapot) 82%,var(--szoveg));
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.kartya-labsor .ervenyes--jovo{
  margin:0;
  color:var(--akcent);
  font-size:12px;
  font-weight:800;
}
.kartya-gombok{
  display:flex;
  gap:4px;
  margin-top:8px;
  container-type:inline-size;
}
@container (max-width:235px){
  .kartya-ossze-ikon{
    display:none;
  }
}
@container (max-width:200px){
  .kartya-ossze-ikon{
    display:block;
  }
  .kartya-ossze-felirat{
    display:none;
  }
}
.kartya-gombok form{
  display:flex;
  flex:0 0 27px;
}
.kartya-ossze{
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex:1;
  min-width:0;
  border:1px solid color-mix(in srgb,var(--akcent) 24%,var(--keret));
  color:var(--akcent);
  font-weight:850;
  line-height:1;
  transition:background .15s,color .15s,border-color .15s;
  min-height:36px;
  font-size:11px;
  border-radius:var(--kartya-sarok-kicsi);
  background:color-mix(in srgb,var(--hatter-melegh) 30%,#fff);
  border-color:var(--keret);
  box-shadow:none;
  padding:6px 4px;
}
.kartya-ossze:not(.kartya-ikon){
  border-radius:var(--kartya-sarok);
  border-color:var(--akcent);
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
.kartya-ossze:hover{
  border-color:var(--akcent);
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
.kartya-ossze svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.kartya-ossze-felirat{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.kartya-ikon{
  flex:0 0 27px;
  padding:6px 0;
  cursor:pointer;
}
.kartya-gombok form>.kartya-ikon{
  flex:1;
}
.kartya-ossze.kartya-ikon svg{
  width:16px;
  height:16px;
}
.kartya-ossze-ikon{
  flex:none;
  height:14px;
  width:14px;
}
.kartya-ossze:hover .kartya-ossze-ikon{
  animation:merleg-billen .8s ease-in-out;
  filter:brightness(0) invert(1);
}
.kartya-ossze.osszevetve .kartya-ossze-ikon{
  filter:brightness(0) invert(1);
}
@keyframes merleg-billen{
  0%,
  100%{
    transform:rotate(0);
  }
  30%{
    transform:rotate(-10deg);
  }
  60%{
    transform:rotate(7deg);
  }
  85%{
    transform:rotate(-2deg);
  }
}
.bolt-jel{
  width:var(--jel,16px);
  height:var(--jel,16px);
  border-radius:var(--r-kicsi);
  flex-shrink:0;
  overflow:hidden;
  display:inline-grid;
  place-items:center;
  background:transparent;
}
.bolt-jel img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.bolt-jel--szoveg{
  width:auto;
  color:var(--szoveg);
  font-size:11px;
  font-weight:850;
  line-height:1;
}
.ar{
  font-size:29px;
  font-weight:850;
  letter-spacing:-.05em;
  color:var(--ar);
  line-height:1;
}
.ar small{
  font-size:15px;
  font-weight:700;
  letter-spacing:-.02em;
  margin-left:3px;
}
.ar-eredeti{
  font-size:12.5px;
  color:var(--szoveg-finom);
  text-decoration:line-through;
}
.egysegar{
  font-size:13px;
  font-weight:750;
  color:var(--szoveg-halvany);
  display:flex;
  align-items:center;
  gap:7px;
}
.egysegar--legjobb{
  color:var(--akcent);
}
.egysegar--legjobb::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:5px;
  background:var(--akcent);
  flex-shrink:0;
}
.feltetel{
  margin-top:7px;
  font-size:11.5px;
  font-weight:600;
  color:var(--figyelem);
  line-height:1.3;
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.feltetel-ikon,
.jel-ikon{
  width:13px;
  height:13px;
  flex-shrink:0;
}
.hazai-zaszlo{
  display:inline-block;
  width:14px;
  height:10px;
  border-radius:var(--r-kicsi);
  flex-shrink:0;
  border:1px solid rgba(0,0,0,.1);
  background:linear-gradient(var(--lap-piros) 0 33.34%,#fff 33.34% 66.67%,var(--akcent) 66.67% 100%);
}
.jelsor{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 14px;
  margin-top:9px;
  font-size:11.5px;
  font-weight:700;
  line-height:1.3;
}
.jel{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.jel--zold{
  color:var(--akcent-sotet);
}
.jel--sarga{
  color:var(--figyelem);
}
.jel-logo{
  display:block;
  width:17px;
  height:17px;
  object-fit:contain;
  flex:0 0 auto;
}
.kategoria-vegan-logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.kat-kep .kategoria-vegan-logo{
  width:30px;
  height:30px;
  margin:auto;
}
.kep-matrica{
  position:absolute;
  top:0;
  right:0;
  z-index:3;
  width:66px;
  height:66px;
  border-radius:5px;
  background:var(--akcent);
  color:var(--gomb-szoveg);
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  line-height:1;
  box-shadow:0 6px 16px oklch(from rgba(14,85,64,.28) l c calc(h + var(--tema-hue-s,0)));
  border:2px solid #fff;
}
.kep-matrica b{
  font-size:21px;
  font-weight:800;
  letter-spacing:-.02em;
}
.kep-matrica span{
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
  margin-top:2px;
}
.kep-matrica--kicsi{
  top:8px;
  right:8px;
  width:44px;
  height:44px;
  border-width:1.5px;
}
.kep-matrica--kicsi b{
  font-size:14px;
}
.kep-matrica--kicsi span{
  font-size:6.5px;
  letter-spacing:.06em;
  margin-top:1px;
}
.huseg-badge{
  display:grid;
  place-items:center;
  padding:4px;
  border-radius:5px;
  background:none;
  box-shadow:none;
  transition:transform .15s;
}
.huseg-badge:hover{
  transform:translateY(-2px);
}
.huseg-badge:focus-visible{
  outline:3px solid var(--akcent);
  outline-offset:3px;
}
.huseg-badge img{
  display:block;
  width:34px;
  height:34px;
  object-fit:contain;
}
@media (max-width:560px){
  .huseg-badge img{
    width:28px;
    height:28px;
  }
  .kartya-bal-alul .hazai-kepjel{
    width:30px;
  }
}
.ervenyes{
  margin-top:7px;
  font-size:11.5px;
  color:var(--szoveg-finom);
}
.kat-racs{
  display:grid;
  gap:var(--t3);
  grid-template-columns:repeat(auto-fill,minmax(178px,1fr));
}
.kat-focsoportok{
  display:grid;
  gap:10px;
  max-width:940px;
}
.kat-focsoport{
  border:1px solid var(--keret);
  border-radius:var(--r-nagy);
  overflow:hidden;
}
.kat-focsoport>summary{
  display:grid;
  grid-template-columns:45px minmax(0,1fr) 24px;
  align-items:center;
  gap:13px;
  min-height:68px;
  padding:10px 16px;
  cursor:pointer;
  list-style:none;
  transition:background .15s;
}
.kat-focsoport>summary::-webkit-details-marker{
  display:none;
}
.kat-focsoport>summary:hover,
.kat-focsoport[open]>summary{
  background:var(--hatter-blokk);
}
.kat-focsoport-ikon{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  border-radius:var(--r-nagy);
  background:var(--akcent-halvany);
  font-size:23px;
}
.kat-focsoport summary strong{
  display:block;
  font-size:15px;
  font-weight:850;
  letter-spacing:-.018em;
}
.kat-focsoport summary small{
  display:block;
  margin-top:3px;
  color:var(--szoveg-finom);
  font-size:11px;
  font-weight:600;
}
.kat-focsoport-nyil{
  width:9px;
  height:9px;
  border-right:1.5px solid var(--szoveg-finom);
  border-bottom:1.5px solid var(--szoveg-finom);
  transform:rotate(45deg) translate(-2px,-2px);
  transition:transform .16s;
}
.kat-focsoport[open] .kat-focsoport-nyil{
  transform:rotate(225deg) translate(-1px,-1px);
}
.kat-focsoport>.kat-fa{
  max-width:none;
  padding:12px;
  border-top:1px solid var(--keret);
  background:color-mix(in srgb,var(--hatter-blokk) 48%,var(--hatter));
}
.kat-fa{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:860px;
}
.kat--fa{
  margin-left:calc(var(--kat-melyseg,0) * 34px);
}
.kat--fa small{
  display:block;
  margin-bottom:2px;
  color:var(--szoveg-finom);
  font-size:10.5px;
  font-weight:600;
}
.kat--fa>span:nth-child(2){
  min-width:0;
}
.kat{
  display:flex;
  align-items:center;
  border:1px solid var(--keret);
  font-size:13.5px;
  font-weight:700;
  line-height:1.25;
  transition:border-color .15s,box-shadow .15s;
  padding:11px 12px;
  gap:10px;
  box-shadow:none;
  border-radius:5px;
}
.kat:hover{
  border-color:var(--akcent);
  box-shadow:var(--arnyek);
}
.kat-kep{
  width:48px;
  height:48px;
  border-radius:var(--r);
  background:var(--hatter-blokk);
  display:grid;
  place-items:center;
  flex-shrink:0;
  font-size:24px;
}
.kat em{
  display:block;
  font-style:normal;
  font-weight:500;
  color:var(--szoveg-finom);
  margin-top:1px;
  font-size:9px;
}
.kat span{
  font-size:11px;
}
.kategoriak-kapcsolo{
  border:0;
  background:none;
  padding:0;
  font:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.kategoriak-kapcsolo svg{
  transform:rotate(90deg);
  transition:transform .2s ease;
}
.kategoriak-kapcsolo.nyitva svg{
  transform:rotate(-90deg);
}
.ujsag-racs{
  display:grid;
  gap:var(--t4);
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
}
.ujsag{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:44% minmax(0,1fr);
  overflow:hidden;
  padding:16px 14px 16px 12px;
  border:1px solid #ead9c6;
  border-radius:5px;
  background:linear-gradient(160deg,#fffaf3 0%,#f6e8d8 100%);
  box-shadow:0 8px 20px #3a221018;
  color:#1c1a17;
  transition:box-shadow .15s,transform .15s;
}
.ujsag::before{
  content:"";
  position:absolute;
  left:-36px;
  bottom:-36px;
  z-index:-1;
  width:110px;
  height:110px;
  pointer-events:none;
  background:linear-gradient(135deg,transparent 0 44%,#f0601a 44% 50%,transparent 50% 54%,#f8c7a0 54% 62%,transparent 62%);
}
.ujsag:hover{
  box-shadow:0 12px 26px #3a221026;
  transform:translateY(-2px);
}
.ujsag-borito{
  position:relative;
  display:block;
  align-self:start;
  overflow:hidden;
  width:100%;
  aspect-ratio:176/258;
  border-radius:3px;
  background:#fff;
  box-shadow:0 6px 14px #0000002e;
}
.ujsag-borito img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ujsag-borito--ures{
  display:grid;
  place-items:center;
  background:var(--bolt-szin);
}
.ujsag-borito--ures span{
  color:#fff;
  font-size:34px;
  font-weight:800;
  letter-spacing:-.04em;
}
.ujsag-torzs{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  margin-left:14px;
  padding-left:14px;
  border-left:1px solid #e6d3bf;
}
.ujsag-bolt{
  margin-top:4px;
  color:#1c1a17;
  font-size:22px;
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.15;
}
.ujsag-tipus{
  color:#5d5650;
  font-size:12px;
  font-weight:700;
}
.ujsag-adatok{
  display:grid;
  gap:8px;
}
.ujsag-adat{
  display:flex;
  align-items:center;
  gap:7px;
  color:#3a342e;
  font-size:14px;
  line-height:1.3;
}
.ujsag-adat svg{
  flex:none;
  color:#6b625a;
}
.ujsag-lapozas{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:auto;
  min-height:42px;
  padding:8px 12px;
  border-radius:5px;
  background:linear-gradient(180deg,#ff8a2a 0%,#f0601a 55%,#d84818 100%);
  box-shadow:inset 0 1px 0 #ffffff59,0 4px 10px #f0601a40;
  color:#fff;
  font-size:15px;
  font-weight:800;
  text-align:center;
  transition:filter .15s,transform .15s;
}
.ujsag-lapozas:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
}
.ujsag-racs--allo{
  grid-template-columns:repeat(auto-fill,minmax(max(190px,calc((100% - 40px)/5)),1fr));
  gap:10px;
}
.ujsag-racs--allo>.ujsag{
  grid-template-columns:minmax(0,1fr);
  padding:8px 8px 10px;
}
.ujsag-racs--allo>.ujsag::before{
  display:none;
}
.ujsag-racs--allo .ujsag-torzs{
  gap:6px;
  margin:12px 0 0;
  padding:0;
  border-left:0;
}
.ujsag-racs--allo .ujsag-bolt{
  margin-top:0;
  font-size:19px;
}
.ujsag-racs--allo .ujsag-adatok{
  display:flex;
  flex-wrap:wrap;
  gap:4px 12px;
}
.ujsag-racs--allo .ujsag-adat{
  gap:5px;
  font-size:13px;
}
.ujsag-racs--allo .ujsag-adat svg{
  width:16px;
  height:16px;
}
.ujsag-racs--allo .ujsag-lapozas{
  min-height:40px;
  font-size:14px;
}
.ujsag--lejart{
  background:#f1ece6;
}
.ujsag--lejart .ujsag-borito>img,
.ujsag--lejart .ujsag-borito--ures>span{
  filter:grayscale(1);
  opacity:.72;
}
.ujsag--lejart .ujsag-borito--ures{
  background:var(--szoveg-finom);
}
.ujsag--lejart .ujsag-adat{
  color:#8a8179;
}
.ujsag--lejart .ujsag-lapozas{
  border:1px solid #d6c8b8;
  background:#fffaf3;
  box-shadow:none;
  color:#3a342e;
}
.lejart-szalag{
  position:absolute;
  top:0;
  right:0;
  z-index:6;
  width:66%;
  aspect-ratio:1;
  overflow:hidden;
  container-type:size;
  pointer-events:none;
}
.lejart-szalag>b{
  position:absolute;
  top:15cqw;
  right:-29cqw;
  width:100cqw;
  padding:2.6cqw 0;
  transform:rotate(45deg);
  background:linear-gradient(180deg,color-mix(in srgb,var(--lejart) 88%,#fff),var(--lejart) 55%,color-mix(in srgb,var(--lejart) 80%,#000));
  box-shadow:0 .6cqw 2cqw #0006,inset 0 .4cqw 0 #ffffff40;
  color:#fff;
  font-size:10.5cqw;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1.15;
  text-align:center;
  text-indent:.14em;
  text-transform:uppercase;
  text-shadow:0 1px 2px #0005;
}
.lejart-szalag--ujsag{
  right:auto;
  left:0;
  width:70%;
}
.lejart-szalag--ujsag>b{
  right:auto;
  left:-29cqw;
  transform:rotate(-45deg);
}
.csomag-jel{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:5px;
  border:1px solid var(--keret-eros);
  color:var(--szoveg-halvany);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:1.5;
  white-space:nowrap;
}
.csomag-jel--plus{
  border-color:var(--akcent);
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
.csomag-jel--premium{
  border-color:var(--szoveg);
  background:var(--szoveg);
  color:var(--hatter);
}
.plus-ajanlo{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--t3) var(--t4);
  padding:var(--t4) var(--t5);
  border:1px solid var(--keret);
  border-radius:var(--r-nagy);
  background:var(--hatter-blokk);
}
.plus-ajanlo>div{
  flex:1 1 240px;
  min-width:0;
}
.plus-ajanlo b{
  font-size:15px;
  font-weight:800;
}
.plus-ajanlo p{
  margin:2px 0 0;
  color:var(--szoveg-halvany);
  font-size:13.5px;
}
.csomag-ajanlok{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));
  gap:12px;
}
.csomag-ajanlok--arhistoria{
  margin-top:16px;
}
.csomag-ajanlok--profil{
  margin-bottom:var(--t5);
}
.csomag-ajanlok .plus-ajanlo{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:1fr auto;
  gap:10px 14px;
  min-height:140px;
  align-items:start;
}
.csomag-ajanlok .plus-ajanlo>div{
  grid-column:2;
  flex:none;
}
.csomag-ajanlok .plus-ajanlo>.g{
  grid-column:2;
  justify-self:start;
}
.kartya-kep-alul{
  position:absolute;
  left:7px;
  right:7px;
  bottom:7px;
  z-index:4;
  display:flex;
  align-items:flex-end;
  gap:6px;
  pointer-events:none;
}
.kartya-kep-alul>*{
  pointer-events:auto;
}
.kartya-bal-alul{
  display:flex;
  flex:none;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}
.kartya-jobb-alul{
  min-width:0;
  margin-left:auto;
}
.jo-ar-jel{
  border-radius:5px;
  background:var(--akcent);
  color:var(--gomb-szoveg);
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.25;
  text-align:right;
  box-shadow:0 2px 6px oklch(from rgba(10,40,30,.18) l c calc(h + var(--tema-hue-s,0)));
  font-size:8px;
  padding:4px 6px;
}
.jo-ar-jel--atlagos,
.jo-ar-jel--korabbi{
  background:var(--hatter-blokk);
  color:var(--szoveg);
  border:1px solid var(--keret-eros);
}
.hibaoldal{
  max-width:640px;
  padding-top:var(--t16);
  padding-bottom:var(--t16);
}
.hibaoldal h1{
  font-size:26px;
  letter-spacing:-.02em;
  margin-bottom:var(--t3);
}
.hibaoldal p{
  color:var(--szoveg-halvany);
}
.hibaoldal pre{
  margin-top:var(--t4);
  padding:12px;
  border-radius:var(--r);
  background:var(--hatter-blokk);
  overflow:auto;
  font-size:12px;
}
.kartya-lista.listan{
  border-color:var(--akcent);
  background:var(--pr-akcent-gomb);
  color:var(--gomb-szoveg);
  box-shadow:var(--pr-akcent-arnyek);
}
.kartya-ossze.osszevetve{
  border-color:var(--akcent-sotet);
  background:var(--akcent-sotet);
  color:var(--gomb-szoveg);
}
.ossze-talca{
  position:fixed;
  z-index:65;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  max-width:calc(100vw - 32px);
  padding:7px 7px 7px 10px;
  border-radius:5px;
  background:var(--szoveg);
  color:var(--hatter);
  box-shadow:0 14px 36px oklch(from rgba(15,25,20,.28) l c calc(h + var(--tema-hue-s,0)));
}
.ossze-talca[hidden]{
  display:none;
}
.ossze-talca-kepek{
  display:flex;
}
.ossze-talca-kepek>*{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-width:2px;
  border-style:solid;
  border-radius:5px;
  background:#fff;
  object-fit:contain;
  color:var(--szoveg);
  font-size:13px;
  font-weight:850;
}
.ossze-talca-kepek>*+*{
  margin-left:-9px;
}
.ossze-talca-szam{
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.ossze-talca-gomb{
  padding:9px 16px;
  border-radius:5px;
  background:var(--pr-akcent-gomb);
  color:var(--gomb-szoveg);
  font-size:13.5px;
  font-weight:850;
  white-space:nowrap;
  box-shadow:var(--pr-akcent-arnyek);
}
.ossze-talca-gomb:hover{
  background:var(--pr-akcent-gomb-fent);
}
.ossze-talca-urit{
  width:32px;
  height:32px;
  border-radius:5px;
  color:color-mix(in srgb,var(--hatter) 70%,transparent);
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.ossze-talca-urit:hover{
  background:color-mix(in srgb,var(--hatter) 14%,transparent);
  color:var(--hatter);
}
.kampany-felirat{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 12px;
  margin:0 0 18px;
  padding:14px 18px;
  border:1px solid color-mix(in srgb,var(--akcent) 50%,transparent);
  border-radius:5px;
  background:var(--akcent-halvany);
  color:var(--szoveg);
  font-size:14px;
}
.kampany-felirat b{
  color:var(--akcent);
  font-size:15px;
}
.kampany-felirat span{
  color:var(--szoveg-halvany);
  font-size:13px;
}
.kampany-felirat s{
  opacity:.55;
}
.meghivo-panel{
  margin:24px 0;
  padding:22px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter-blokk);
}
.meghivo-kicker{
  margin:0 0 4px;
  color:var(--akcent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.meghivo-panel h2{
  margin:0 0 6px;
  font-size:19px;
}
.meghivo-panel p{
  margin:0 0 14px;
  color:var(--szoveg-halvany);
  font-size:13.5px;
}
.meghivo-link{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px;
}
.meghivo-link input{
  flex:1 1 280px;
  min-width:0;
  padding:11px 14px;
  border:1px solid var(--keret-eros);
  border-radius:5px;
  background:var(--hatter);
  color:var(--szoveg);
  font:inherit;
  font-size:13px;
}
.meghivo-szamok{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.meghivo-szamok li{
  padding:12px 14px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter);
}
.meghivo-szamok b{
  display:block;
  font-size:22px;
  font-weight:800;
  line-height:1.1;
}
.meghivo-szamok span{
  display:block;
  margin-top:3px;
  color:var(--szoveg-halvany);
  font-size:12px;
}
.meghivo-zarolt,
.meghivo-megjegyzes{
  margin:12px 0 0;
}
.meghivo-kupon{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--akcent) 55%,transparent);
  border-radius:5px;
  background:var(--akcent-halvany);
  cursor:pointer;
}
.meghivo-kupon input{
  margin-top:3px;
  accent-color:var(--akcent);
}
.meghivo-kupon b{
  display:block;
  color:var(--akcent);
  font-size:14.5px;
}
.meghivo-kupon small{
  display:block;
  margin-top:2px;
  color:var(--szoveg-halvany);
  font-size:12.5px;
}
.meghivo-jelzes{
  margin:0 0 14px;
  padding:10px 14px;
  border:1px solid color-mix(in srgb,var(--akcent) 50%,transparent);
  border-radius:5px;
  background:var(--akcent-halvany);
  font-size:13px;
}
.meghivo-jelzes b{
  color:var(--akcent);
}
.dobogo{
  display:inline-grid;
  place-items:center;
  flex:none;
  width:24px;
  height:24px;
  border-radius:var(--r-kicsi);
  background:color-mix(in srgb,currentColor 10%,transparent);
  color:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.dobogo--1{
  background:linear-gradient(135deg,#f6d365,#d4a017);
  color:#4a3700;
}
.dobogo--2{
  background:linear-gradient(135deg,#eef0f2,#a9b0b8);
  color:#2f3740;
}
.dobogo--3{
  background:linear-gradient(135deg,#efc29a,#b0703d);
  color:#3f2210;
}
.bolt-pont{
  flex:none;
  width:8px;
  height:8px;
  border-radius:2px;
  background:var(--bolt-szin,var(--szoveg-finom));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--bolt-szin,var(--szoveg-finom)) 22%,transparent);
}
.suti-sav{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:1000;
  max-width:760px;
  margin:0 auto;
  padding:24px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter);
  color:var(--szoveg);
  box-shadow:var(--arnyek-modal);
  display:grid;
  gap:18px;
}
.suti-sav[hidden]{
  display:none;
}
.suti-sav-szoveg{
  min-width:0;
}
.suti-sav-fej{
  display:flex;
  align-items:center;
  gap:14px;
}
.suti-sav-jel{
  display:grid;
  place-items:center;
  flex:0 0 44px;
  height:44px;
  border-radius:5px;
  background:color-mix(in srgb,var(--akcent) 12%,transparent);
  color:var(--akcent);
  font-size:24px;
  font-weight:800;
}
.suti-sav-kis{
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.72;
}
.suti-sav h2{
  font-size:21px;
  line-height:1.25;
  margin:4px 0 0;
}
.suti-sav p{
  margin:0;
  flex:1 1 280px;
  font-size:14px;
  line-height:1.6;
}
.suti-sav-gombok{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.suti-sav-gombok .g{
  flex:1;
  white-space:normal;
  min-height:44px;
  font-size:13px;
}
.suti-sav-lab{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:6px 18px;
  font-size:12px;
  border-top:1px solid var(--keret);
  padding-top:14px;
}
.suti-sav-lab span{
  opacity:.72;
}
.suti-kategoriak{
  display:grid;
  gap:12px;
}
.suti-kategoriak[hidden]{
  display:none;
}
.suti-kategoria{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:color-mix(in srgb,var(--hatter) 50%,transparent);
}
.suti-kategoria h3{
  font-size:14px;
  margin:0 0 5px;
}
.suti-kategoria p{
  font-size:12px;
}
.suti-allapot{
  flex-shrink:0;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
  padding:6px 8px;
  border:1px solid var(--keret);
  border-radius:5px;
}
.suti-kapcsolo{
  position:relative;
  flex:0 0 44px;
  height:26px;
  cursor:pointer;
}
.suti-kapcsolo input{
  position:absolute;
  inset:0;
  opacity:0;
  width:100%;
  height:100%;
  margin:0;
  cursor:pointer;
}
.suti-kapcsolo span{
  display:block;
  height:26px;
  border-radius:5px;
  background:var(--keret);
  pointer-events:none;
  transition:background .15s;
}
.suti-kapcsolo span:before{
  content:"";
  display:block;
  width:20px;
  height:20px;
  position:absolute;
  top:3px;
  left:3px;
  border-radius:5px;
  background:var(--hatter);
  transition:transform .15s;
}
.suti-kapcsolo input:checked+span{
  background:var(--akcent);
}
.suti-kapcsolo input:checked+span:before{
  transform:translateX(18px);
}
.suti-kapcsolo input:focus-visible+span{
  outline:2px solid var(--akcent);
  outline-offset:4px;
}
.suti-kapcsolo input:disabled+span{
  opacity:.5;
}
.suti-sav--bal{
  right:auto;
  max-width:420px;
}
.suti-sav--jobb{
  left:auto;
  max-width:420px;
}
.suti-sav--felso{
  top:12px;
  bottom:auto;
}
.suti-sav--kiemelt{
  border-color:var(--akcent);
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
.suti-sav--kiemelt .g--mell{
  border-color:color-mix(in srgb,var(--gomb-szoveg) 60%,transparent);
  background:transparent;
  color:var(--gomb-szoveg);
}
.suti-sav--kiemelt .g--fo{
  background:var(--gomb-szoveg);
  color:var(--akcent);
}
.plus-ajanlo--keret{
  margin:10px 0 var(--t4);
}
.plus-ajanlo--keret ul{
  margin:6px 0 4px;
  padding-left:1.15em;
  font-size:14px;
}
.plus-ajanlo--keret li{
  margin:2px 0;
}
.plus-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:var(--t4);
}
.plus-modal-hatter{
  position:absolute;
  inset:0;
  background:oklch(from rgba(18,25,22,.56) l c calc(h + var(--tema-hue-s,0)));
}
.plus-modal-doboz{
  position:relative;
  width:min(100%,420px);
  max-height:calc(100vh - 32px);
  overflow:auto;
  padding:22px 22px 18px;
  border-radius:var(--r-nagy);
  background:var(--hatter);
  color:var(--szoveg);
  box-shadow:var(--arnyek-modal);
}
.plus-modal-uzenet{
  margin:0 0 var(--t3);
  color:var(--szoveg-halvany);
  font-size:14px;
}
.plus-modal-doboz h2{
  margin:0 0 var(--t2);
  font-size:18px;
}
.plus-modal-doboz ul{
  margin:0 0 10px;
  padding-left:1.15em;
}
.plus-modal-doboz li{
  margin:3px 0;
}
.plus-modal-ar{
  margin:0 0 14px;
  font-weight:700;
}
.plus-modal-lab{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:var(--t2);
}
.kereses-szurok{
  margin:18px 0 24px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter);
  padding:16px;
}
.kereses-szurok summary{
  cursor:pointer;
  font-weight:700;
  min-height:28px;
}
.kereses-szuro-racs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
.kereses-szuro-racs label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-size:13px;
  font-weight:600;
  min-width:0;
}
.kereses-szuro-racs input,
.kereses-szuro-racs select{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter-melegh);
  color:var(--szoveg);
  font:inherit;
}
.kereses-hibak{
  padding:12px 16px;
  border:1px solid var(--akcent);
  border-radius:5px;
  margin:16px 0;
}
.kereses-hibak p{
  margin:6px 0;
}
.kereses-bevezeto{
  margin:0 0 24px;
}
.kereses-bevezeto>span{
  display:block;
  color:var(--akcent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.kereses-bevezeto h1{
  font-size:clamp(26px,3vw,38px);
  line-height:1.2;
  letter-spacing:-.03em;
  margin:0 0 10px;
}
.kereses-bevezeto p{
  font-size:14px;
  color:var(--szoveg-halvany);
  margin:0;
}
.kereses-premium .kereses-urlap{
  padding:20px;
  background:var(--hatter-blokk);
  border:1px solid var(--keret);
  border-radius:5px;
  margin-bottom:32px;
  box-shadow:0 4px 20px #00000005;
}
.kereses-premium .kereso--oldal{
  margin:0;
  max-width:none;
}
.kereses-premium .kereses-szurok{
  border-radius:5px;
}
.kereses-premium .lista-fej{
  gap:14px;
  flex-wrap:wrap;
}
.kereses-premium .lista-szam{
  background:var(--hatter-blokk);
  padding:7px 12px;
  border-radius:5px;
  font-size:12px;
}
.kartya-promo-cimke{
  display:block;
  margin:0 0 8px;
  color:var(--akcent-sotet);
  font-size:10px;
  font-weight:900;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.kartya-promo-egyseg{
  font-size:12px;
  color:var(--szoveg-halvany);
  align-self:baseline;
}
.kartya-promo-reszlet{
  margin:8px 0 12px;
  font-size:11px;
  line-height:1.6;
  color:var(--szoveg-halvany);
}
.kartya-promo-reszlet>span{
  display:block;
}
@media (max-width:1000px){
  .fejlec-kereso .kereso-javaslatok{
    top:calc(100% + 9px);
    left:0;
    right:auto;
    width:min(610px,calc(100vw - 32px));
  }
}
.kereso-javaslatok{
  position:absolute;
  z-index:90;
  left:0;
  right:0;
  top:calc(100% + 10px);
  overflow:auto;
  background:var(--hatter);
  border:1px solid var(--keret);
  border-radius:5px;
  padding:12px;
  box-shadow:0 20px 60px #0002;
  max-height:min(620px,70dvh);
}
.javaslat-csoportcim{
  font-weight:850;
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:.06em;
  padding:8px 10px;
  color:var(--szoveg-halvany);
}
.javaslat-sor{
  display:grid;
  align-items:center;
  transition:background .12s,transform .12s;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:5px 12px;
  padding:12px 10px;
  min-height:84px;
  border-radius:5px;
}
.javaslat-kep{
  display:grid;
  place-items:center;
  overflow:hidden;
  background:var(--kep-hatter);
  color:var(--akcent);
  font-size:21px;
  font-weight:800;
  width:56px;
  height:56px;
  grid-row:1/3;
  border-radius:5px;
}
.kartya-kep{
  position:relative;
  display:grid;
  place-items:center;
  flex:none;
  overflow:hidden;
  height:194px;
  padding:48px 14px 10px;
  border-width:1px 1px 1.5px;
  border-style:solid solid dashed;
  background:var(--kep-szin,#fff);
  box-shadow:inset 0 0 0 1px #b9a68b66,inset 0 2px 2px #fff,0 2px 6px #49372114;
  border-color:#c9bba6;
  border-radius:5px;
  isolation:isolate;
}
.termek-kep-nagy,
.csoport-kep,
.ossze-jelolt-kep,
.ossze-kartya-kep,
.ossze-talca-kep,
.termek-media-kep,
.tar-kep,
.keptar-szerkeszto-kep,
.kepv-elo-kep,
.kepv-talalat-kep,
.tbumb,
.javaslat-kep--termek{
  background:var(--kep-szin,#fff);
  box-shadow:inset 0 0 0 1px #b9a68b66,inset 0 2px 2px #fff,0 2px 6px #49372114;
  border-color:#c9bba6;
  border-radius:5px;
  isolation:isolate;
}
.kartya-kep::before,
.termek-kep-nagy::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(ellipse 170px 95px at 0 0,#3b2b1c50,transparent 95%);
}
.kartya-kep>img:not(.hazai-kepjel){
  min-height:0;
  transition:transform .2s;
  max-height:136px;
  max-width:100%;
  width:auto;
  height:auto;
  aspect-ratio:auto;
  align-self:center;
  justify-self:center;
  position:relative;
  z-index:1;
  mask-image:none;
  -webkit-mask-image:none;
  object-fit:contain;
}
.termek-kep-nagy>img:not(.hazai-kepjel),
.lf-kiemelt-kep>img:not(.hazai-kepjel),
.alternativ-kep>img:not(.hazai-kepjel),
.csoport-kep>img:not(.hazai-kepjel),
.ossze-jelolt-kep>img:not(.hazai-kepjel),
.ossze-kartya-kep>img:not(.hazai-kepjel),
.ossze-talca-kep>img:not(.hazai-kepjel),
.termek-media-kep>img:not(.hazai-kepjel),
.tar-kep>img:not(.hazai-kepjel),
.kepv-talalat-kep>img:not(.hazai-kepjel){
  mask-image:none;
  -webkit-mask-image:none;
  object-fit:contain;
}
.kartya-kep--hatteres>img:not(.hazai-kepjel),
.termek-kep-nagy--hatteres>img:not(.hazai-kepjel){
  --foto-szel-vizszintes:linear-gradient(to right,transparent,#000 6px,#000 calc(100% - 6px),transparent);
  --foto-szel-fuggoleges:linear-gradient(to bottom,transparent,#000 6px,#000 calc(100% - 6px),transparent);
  -webkit-mask-image:var(--foto-szel-vizszintes),var(--foto-szel-fuggoleges);
  mask-image:var(--foto-szel-vizszintes),var(--foto-szel-fuggoleges);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
.javaslat-szoveg strong{
  display:block;
  white-space:normal;
  overflow-wrap:anywhere;
  font-weight:800;
  color:var(--szoveg);
  font-size:14px;
  line-height:1.4;
}
.javaslat-szoveg small{
  display:block;
  white-space:normal;
  color:var(--szoveg-finom);
  font-size:10px;
  line-height:1.45;
  margin-top:4px;
}
.javaslat-ar{
  display:grid;
  gap:4px;
  align-self:start;
  padding-top:2px;
  text-align:right;
}
.javaslat-ar b{
  font-size:15px;
  color:var(--szoveg);
  white-space:nowrap;
}
.javaslat-ar small{
  font-size:10px;
  line-height:1.4;
  color:var(--szoveg-halvany);
  max-width:115px;
}
.javaslat-boltlogok{
  display:flex;
  flex:none;
  align-items:center;
  grid-column:2/4;
  margin-top:4px;
  gap:5px;
  flex-wrap:wrap;
}
.javaslat-boltlogo{
  width:auto;
  height:17px;
  max-width:46px;
  object-fit:contain;
}
.javaslat-mind{
  display:block;
  margin-top:6px;
  border-top:1px solid var(--keret);
  border-radius:var(--r);
  color:var(--akcent);
  font-weight:800;
  text-align:center;
  padding:14px;
  font-size:12px;
}
.kereses-talalatok{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  scroll-margin-top:170px;
}
.kartya--kereses .kartya-ossze-felirat{
  font-size:10px;
  white-space:normal;
  display:inline;
}
.plusz-bemutato{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:32px;
  margin:40px 0;
  padding:28px 48px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:url(../img/plusz-sav-minta.svg) 0 0/360px repeat,radial-gradient(560px 340px at 82% 55%,color-mix(in srgb,var(--akcent) 28%,transparent),transparent 70%),linear-gradient(100deg,var(--hatter-melegh),var(--hatter) 60%,color-mix(in srgb,var(--akcent) 18%,var(--hatter)));
  box-shadow:var(--arnyek);
}
.plusz-bemutato::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:2%;
  top:50%;
  width:380px;
  height:380px;
  transform:translateY(-50%);
  background:radial-gradient(circle,color-mix(in srgb,var(--csengo) 34%,transparent),transparent 66%);
  pointer-events:none;
}
.plusz-bemutato-jel{
  display:inline-block;
  margin-bottom:8px;
  color:var(--akcent);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.plusz-bemutato h2{
  margin:0 0 10px;
  font-size:34px;
  letter-spacing:-.03em;
  line-height:1.2;
}
.plusz-bemutato h2 span{
  color:var(--akcent);
}
.plusz-bemutato p{
  margin:0 0 10px;
  font-size:17px;
  line-height:1.6;
}
.plusz-bemutato small{
  display:block;
  color:var(--szoveg-halvany);
  line-height:1.5;
}
.plusz-bemutato-szoveg{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.plusz-bemutato .g{
  min-height:44px;
  margin-top:12px;
  white-space:nowrap;
}
.plusz-bemutato-kep{
  display:block;
  width:auto;
  height:210px;
  filter:drop-shadow(0 18px 24px color-mix(in srgb,#000 35%,transparent));
}
.kep-eredet-jel{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:4px 8px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter);
  color:var(--szoveg-halvany);
  font-size:10px;
  font-weight:700;
  line-height:1.4;
  vertical-align:middle;
}
.kartya-torzs>.kep-eredet-jel{
  align-self:flex-start;
  justify-self:start;
  margin-bottom:8px;
}
.javaslat-szoveg .javaslat-kep-eredet{
  display:inline-flex;
  align-self:flex-start;
  font-size:10px;
  margin-top:5px;
}
.ossze-slot .kep-eredet-jel,
.ossze-jelolt-adat .kep-eredet-jel,
.mentett-ossze-termekek .kep-eredet-jel{
  width:fit-content;
  margin-top:5px;
}
.ossze-kartya-torzs>.kep-eredet-jel{
  align-self:flex-start;
  margin-bottom:8px;
}
.ossze-talca-kepek>.ossze-talca-kep{
  position:relative;
  overflow:visible;
}
.ossze-talca-kep>img{
  width:auto;
  height:auto;
  border-radius:3px;
  max-width:100%;
  max-height:100%;
  aspect-ratio:auto;
  align-self:center;
  justify-self:center;
}
.ossze-talca-ai{
  position:absolute;
  bottom:-5px;
  right:-2px;
  padding:1px 3px;
  border:1px solid var(--keret);
  border-radius:3px;
  background:var(--hatter);
  color:var(--szoveg);
  font-size:9px;
  font-weight:800;
  line-height:1.2;
}
@media (max-width:1100px){
  @media (max-width:1000px){
    .fejlec-ikon span{
      display:none;
    }
    .fejlec-felso{
      padding-left:22px;
      padding-right:22px;
    }
    .fejlec-ikonok{
      gap:8px;
    }
    .fejlec-also{
      padding-left:22px;
      padding-right:22px;
      gap:6px 10px;
    }
  }
}
@media (max-width:860px){
  .fejlec-felso{
    flex-wrap:wrap;
  }
  .fejlec-ikonok{
    margin-left:auto;
  }
  .fejlec-kereso{
    order:3;
    flex-basis:100%;
    max-width:none;
  }
  .kat-menu-panel{
    position:fixed;
    top:auto;
    left:16px;
    right:16px;
    width:auto;
    grid-template-columns:1fr;
    height:min(560px,calc(100vh - 190px));
  }
  .kat-menu-reszlet{
    display:none;
  }
  .fejlec-bolt-panel{
    position:fixed;
    left:16px;
    top:auto;
  }
  .belepo-panel{
    position:fixed;
    left:16px;
    right:16px;
    top:72px;
    width:auto;
    max-height:calc(100dvh - 84px);
  }
}
@media (max-width:560px){
  .kereso{
    flex-wrap:wrap;
    border-radius:var(--r);
    padding:var(--t3);
  }
  .kereso .gomb{
    width:100%;
  }
  .kereso .kereso-javaslatok{
    top:calc(100% + 7px);
  }
}
@media (max-width:820px){
  .boltsav{
    overflow-x:auto;
    flex-wrap:nowrap;
  }
  .bolt{
    flex-shrink:0;
  }
}
@media (max-width:520px){
  .termek-racs{
    grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
  }
}
@media (prefers-reduced-motion:reduce){
  .kartya-ossze:hover .kartya-ossze-ikon{
    animation:none;
  }
}
@media (max-width:700px){
  .kartya-gombok{
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
  }
  .kartya-ossze{
    min-height:44px;
    font-size:13px;
  }
  .kartya-gombok>.kartya-ossze:not(.kartya-ikon){
    flex:1 1 100%;
  }
  .kartya-gombok>.kartya-ikon,
  .kartya-gombok>form{
    flex:1 1 0;
  }
  .kartya-ossze.kartya-ikon svg{
    width:20px;
    height:20px;
  }
  .kartya-gombok .kartya-ossze-ikon{
    display:block;
    width:18px;
    height:18px;
  }
  .kartya-gombok .kartya-ossze-felirat{
    display:block;
  }
}
@media (max-width:520px){
  .kartya:not(.kartya--kereses) .kartya-labsor::before{
    display:none;
  }
}
@media (max-width:380px){
  .fejlec-felso,
  .fejlec-also{
    padding-left:16px;
    padding-right:16px;
  }
  .fejlec-ikon[href="/kezelo"]{
    display:none;
  }
  .fejlec-kilepes{
    font-size:10px;
  }
}
@media (max-width:560px){
  .kat--fa{
    margin-left:calc(var(--kat-melyseg,0) * 14px);
  }
}
@media (prefers-reduced-motion:reduce){
  .kategoriak-kapcsolo svg,
  .kartya{
    transition:none;
  }
  .kartya:hover{
    transform:none;
  }
}
@media (max-width:700px){
  .ossze-talca{
    left:12px;
    right:76px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    transform:none;
    justify-content:space-between;
  }
  .ossze-talca-szam{
    display:none;
  }
}
@media (max-width:760px){
  .fejlec-felso{
    min-height:0;
    gap:12px;
    padding-top:12px;
    padding-bottom:12px;
  }
  .fejlec-ikon{
    min-width:26px;
  }
  .fejlec-ikon svg{
    width:23px;
    height:22px;
  }
  .fejlec-ikonok{
    gap:6px;
  }
  .fejlec-also{
    min-height:44px;
  }
  .fejlec-pill,
  .kat-menu-gomb{
    font-size:11px;
  }
  .fejlec-kereso{
    height:38px;
  }
  .fejlec-kereso-gomb{
    height:28px;
    padding:0 12px;
    font-size:11px;
  }
  .kartya-bolt-jel img{
    height:20px;
    max-width:48px;
  }
  .kat{
    padding:10px;
    gap:8px;
  }
  .kat span{
    font-size:10px;
  }
  .kat-foto{
    width:30px;
    height:30px;
  }
  .ujsag{
    padding:13px 12px 13px 10px;
  }
  .ujsag-bolt{
    font-size:19px;
  }
}
@media (max-width:600px){
  .suti-sav{
    max-height:calc(100dvh - 110px);
    overflow:auto;
    padding:18px;
    gap:14px;
  }
  .suti-sav h2{
    font-size:18px;
  }
  .suti-sav-gombok{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
  .suti-kategoria{
    padding:12px;
    gap:12px;
  }
  .suti-allapot{
    max-width:70px;
    white-space:normal;
    text-align:center;
  }
}
@media (max-width:700px){
  .suti-sav{
    bottom:calc(76px + env(safe-area-inset-bottom));
  }
  .suti-sav--bal,
  .suti-sav--jobb{
    left:12px;
    right:12px;
    max-width:none;
  }
  .suti-sav--felso{
    top:12px;
    bottom:auto;
  }
}
@media (max-width:900px){
  .kereses-szuro-racs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:480px){
  .kereses-szuro-racs{
    grid-template-columns:1fr;
    gap:13px;
  }
  .kereses-szurok{
    padding:14px;
  }
}
@media (max-width:1000px){
  .kereses-talalatok{
    grid-template-columns:1fr;
  }
  .kartya--kereses{
    grid-template-columns:minmax(150px,30%) minmax(0,1fr);
  }
}
@media (max-width:600px){
  .kereses-premium .kereses-urlap{
    padding:14px;
    margin-bottom:24px;
  }
  .kereses-talalatok{
    gap:16px;
  }
  .javaslat-sor{
    grid-template-columns:48px minmax(0,1fr);
    padding:10px 8px;
    gap:4px 10px;
  }
  .javaslat-kep{
    width:48px;
    height:48px;
    grid-row:1/4;
  }
  .javaslat-szoveg strong{
    font-size:13px;
  }
  .javaslat-ar{
    grid-column:2;
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:7px;
    text-align:left;
  }
  .javaslat-ar b{
    font-size:14px;
  }
  .javaslat-ar small{
    max-width:none;
  }
  .javaslat-boltlogok{
    grid-column:2;
  }
  .fejlec-kereso .kereso-javaslatok{
    width:100%;
  }
}
@media (max-width:700px){
  .kereses-talalatok{
    scroll-margin-top:16px;
  }
}
@media (min-width:1360px){
  .plusz-bemutato{
    margin-inline:calc(-1 * var(--t10));
  }
}
@keyframes plusz-fenyl{
  from{
    opacity:.55;
  }
  to{
    opacity:1;
  }
}
@keyframes plusz-belep{
  from{
    opacity:0;
    transform:translateY(14px) scale(.97);
  }
}
@media (prefers-reduced-motion:no-preference){
  .plusz-bemutato::before{
    animation:plusz-fenyl 5s ease-in-out infinite alternate;
  }
  .plusz-bemutato-kep{
    animation:plusz-belep .9s ease-out both;
  }
}
@media (max-width:700px){
  .plusz-bemutato{
    grid-template-columns:minmax(0,1fr);
    gap:0;
    margin:16px 0 0;
    padding:16px;
    border:0;
    background:var(--sk-fejlec);
    box-shadow:none;
  }
  .plusz-bemutato::before,
  .plusz-bemutato-kep{
    display:none;
  }
  .plusz-bemutato-szoveg{
    align-items:stretch;
  }
  .plusz-bemutato-jel{
    margin-bottom:4px;
    font-size:11px;
  }
  .plusz-bemutato h2{
    margin:0 0 6px;
    font-size:20px;
    line-height:1.25;
  }
  .plusz-bemutato p{
    margin:0;
    font-size:14px;
    line-height:1.45;
  }
  .plusz-bemutato .g{
    justify-content:center;
    margin-top:12px;
    white-space:normal;
  }
  .ossze-talca.ossze-talca--sok{
    display:grid;
    grid-template-columns:minmax(0,1fr) 26px;
    gap:8px;
  }
  .ossze-talca--sok .ossze-talca-kepek{
    grid-column:1;
    grid-row:1;
    gap:4px;
    padding-bottom:4px;
  }
  .ossze-talca--sok .ossze-talca-kepek>*+*{
    margin-left:0;
  }
  .ossze-talca--sok .ossze-talca-urit{
    grid-column:2;
    grid-row:1;
  }
  .ossze-talca--sok .ossze-talca-gomb{
    grid-column:1/-1;
    text-align:center;
  }
  .osszehasonlito .ossze-valaszto-fej{
    flex-wrap:wrap;
  }
  .osszehasonlito .ossze-fej-muveletek{
    width:100%;
    flex-wrap:wrap;
  }
}
.alternativ-kep,
.lf-kiemelt-kep{
  background:var(--kep-szin,#fff);
  box-shadow:inset 0 0 0 1px #b9a68b66,inset 0 2px 2px #fff,0 2px 6px #49372114;
  border-color:#c9bba6;
  border-radius:5px;
  isolation:isolate;
  position:relative;
}
.kep-ai-ikon{
  position:absolute;
  right:3px;
  bottom:3px;
  z-index:2;
  padding:1px 5px;
  border-radius:5px;
  background:rgba(0,0,0,.72);
  color:#fff;
  font-size:9px;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.5;
}
.javaslat-kep--termek>img{
  object-fit:contain;
  -webkit-mask-image:var(--termek-foto-maszk);
  mask-image:var(--termek-foto-maszk);
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  aspect-ratio:auto;
  align-self:center;
  justify-self:center;
}
/* A szöveges bolti jelzés a lista sötét keretétől független, kontrasztos felületet kap. */
.kartya-tobb-bolt{
  display:inline-block;
  padding:3px 6px;
  border-radius:4px;
  background:#57351e;
  color:#fff6e9;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
}
.top-akcio-boltsav{
  display:flex;
  position:relative;
  z-index:2;
  min-height:44px;
  gap:1px;
  background:transparent;
}
.top-akcio-boltsav>a{
  display:flex;
  flex:1;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:44px;
  padding:7px 10px;
  border:0;
  border-bottom:1px solid #e8ddca;
  border-radius:0;
  color:#79552f;
  background:transparent;
  text-decoration:none;
}
.top-akcio-boltsav img{
  height:30px;
  width:auto;
  max-width:min(90px,calc(100% - 16px));
  object-fit:contain;
  filter:none;
  background:transparent;
  padding:0;
  border-radius:0;
}
.top-akcio-boltsav>a>span{
  font-size:23px;
  font-weight:500;
  line-height:1;
}
.tapertek-sav{
  --cim-szin:#fff3e3;
  --szoveg-halvany:#dfc9b2;
  border:1px solid #886343;
  border-radius:5px;
  background:url("../img/plusz-sav-minta.svg") 0 0/360px repeat,radial-gradient(ellipse 560px 380px at 6% 0%,#c18a3e3d,transparent 70%),linear-gradient(110deg,#241914,#402b1f);
  color:#fff3e3;
}
.tapertek-szam{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:10px 14px;
  border:1px solid #6b4b35;
  border-radius:5px;
  background:#00000024;
}
.tapertek-szam strong{
  color:#f2a24a;
  font-size:40px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.03em;
}
.tapertek-szam span{
  color:#dfc9b2;
  font-size:13px;
  font-weight:700;
  line-height:1.3;
}
.tapertek-jelek{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
.tapertek-jelek li{
  padding:5px 9px;
  border:1px solid #6b4b35;
  border-radius:5px;
  background:#ffffff0d;
  color:#fff3e3;
  font-size:12.5px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:6px;
}
.tk-makrok li{
  display:flex;
  align-items:center;
  gap:6px;
}
.tapertek-jelek li::before,
.tk-makrok li::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:2px;
  background:var(--makro-szin);
}
.tapertek-gomb{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:44px;
  padding:0 14px;
  border:1px solid var(--akcent);
  border-radius:5px;
  background:var(--akcent);
  color:var(--gomb-szoveg);
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}
.tk-makro-feherje,
.tk-sav-feherje{
  --makro-szin:#3f8f5a;
}
.tk-makro-zsir,
.tk-sav-zsir{
  --makro-szin:#e0a33a;
}
.tk-makro-szenhidrat,
.tk-sav-szenhidrat{
  --makro-szin:#c2683a;
}
.tk-racs{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:16px;
}
.tk{
  --tk-gomb-meret:38px;
  --cim-szin:#231a12;
  --szoveg-halvany:#5a4b3d;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid #9c8261;
  border-radius:5px;
  background:#f3e6d3;
  color:#231a12;
}
.tk .top-akcio-boltsav{
  height:46px;
  flex-shrink:0;
  margin:6px 6px 0;
}
.tk-kep{
  position:relative;
  display:grid;
  place-items:center;
  height:150px;
  margin:6px 6px 0;
  padding:12px;
  border:1px solid #9c8261;
  border-radius:4px;
  background:#fff;
  box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px #e3d5c0;
  color:#b9ab98;
  font-weight:700;
  text-align:center;
}
.tk-kep img{
  max-width:100%;
  max-height:124px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.tk-szaz{
  position:absolute;
  top:8px;
  right:8px;
  padding:3px 7px;
  border-radius:4px;
  background:#c62828;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.tk-test{
  display:grid;
  flex:1;
  grid-template-rows:40px 35px 36px 10px 54px 48px;
  gap:6px;
  padding:10px 12px 12px;
}
.tk-nev{
  margin:0;
  font-size:15px;
  line-height:1.3;
  height:2lh;
  flex-shrink:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
}
.tk-nev a{
  color:inherit;
}
.tk-kisz{
  margin-top:-4px;
  color:#5a4b3d;
  font-size:12.5px;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.tk-kcal{
  display:flex;
  align-items:flex-end;
  gap:6px;
  margin:2px 0 0;
}
.tk-kcal strong{
  font-size:30px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.03em;
}
.tk-kcal span{
  display:grid;
  color:#5a4b3d;
  font-size:12px;
  font-weight:800;
  line-height:1.1;
}
.tk-kcal i{
  font-style:normal;
  font-weight:600;
}
.tk-sav{
  display:flex;
  height:10px;
  overflow:hidden;
  border-radius:3px;
  background:#e6d6bf;
}
.tk-sav i{
  width:var(--w);
  background:var(--makro-szin);
}
.tk-makrok{
  display:grid;
  gap:3px;
  line-height:1.3;
  margin:0;
  padding:0;
  list-style:none;
  color:#3a2a1e;
  font-size:12px;
  font-weight:700;
}
.tk-ar{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  padding-top:10px;
  border-top:1px dashed #b39770;
}
.tk-ar strong{
  font-size:22px;
  font-weight:800;
}
.tk-ar s{
  color:#7a6a5a;
  font-size:12.5px;
}
.tk-ossze{
  display:grid;
  place-items:center;
  flex:none;
  width:var(--tk-gomb-meret);
  height:var(--tk-gomb-meret);
  margin-left:auto;
  border:1px solid var(--akcent);
  border-radius:5px;
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
.tk-ossze svg{
  width:18px;
  height:18px;
}
.tk-ossze.osszevetve{
  border-color:#1e7a3c;
  background:#1e7a3c;
}
@media (max-width:1000px){
  .kereses-kat-hatter,
  .kereses-kat-panel-fej,
  .kereses-kat-panel-lab{
    display:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-hatter:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .kereses-kat-panel-fej:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .kereses-kat-panel-lab:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:none;
  }
}
.kat-focsoport-vonal{
  display:inline-grid;
  place-items:center;
  color:var(--akcent);
}
.kat-focsoport-vonal svg{
  width:100%;
  height:100%;
  max-width:40px;
  max-height:40px;
}
@media (max-width:1000px){
  .kereses-kat-focsoport > .kereses-kat-pipa > .kat-kep{
    width:24px;
    height:24px;
    flex:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-focsoport > .kereses-kat-pipa > .kat-kep:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:24px;
    height:24px;
    flex:none;
  }
  .kereses-kat-fa:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px 18px;
    align-items:start;
  }
}
@media (max-width:1000px){
  .kereses-kat-ag{
    position:relative;
    min-width:0;
    padding-right:34px;
  }
}
@media (min-width:1001px){
  .kereses-kat-ag:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:relative;
    min-width:0;
    padding-right:34px;
  }
}
@media (max-width:1000px){
  .kereses-kat-ag > details > summary{
    position:absolute;
    top:0;
    right:0;
    width:32px;
    min-height:38px;
    display:grid;
    place-items:center;
    cursor:pointer;
    list-style:none;
    border-radius:4px;
    background:color-mix(in srgb,var(--kereses-vonal) 25%,transparent);
  }
}
@media (min-width:1001px){
  .kereses-kat-ag > details > summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:absolute;
    top:0;
    right:0;
    width:32px;
    min-height:38px;
    display:grid;
    place-items:center;
    cursor:pointer;
    list-style:none;
    border-radius:4px;
    background:color-mix(in srgb,var(--kereses-vonal) 25%,transparent);
  }
}
@media (max-width:1000px){
  .kereses-kat-ag > details > summary::-webkit-details-marker{
    display:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-ag > details > summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *))::-webkit-details-marker{
    display:none;
  }
}
@media (max-width:1000px){
  .kereses-kat-ag > details[open] > summary > span[aria-hidden]{
    transform:rotate(180deg);
  }
}
@media (min-width:1001px){
  .kereses-kat-ag > details[open] > summary > span[aria-hidden]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    transform:rotate(180deg);
  }
}
@media (max-width:1000px){
  .kereses-kategoriak .kereses-kat-pipa{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    margin:0;
    color:inherit;
    font-size:13px;
    font-weight:650;
    line-height:1.4;
    cursor:pointer;
  }
}
@media (min-width:1001px){
  .kereses-kategoriak .kereses-kat-pipa:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    margin:0;
    color:inherit;
    font-size:13px;
    font-weight:650;
    line-height:1.4;
    cursor:pointer;
  }
}
@media (max-width:1000px){
  .kereses-kat-pipa span{
    min-width:0;
    overflow-wrap:anywhere;
  }
}
@media (min-width:1001px){
  .kereses-kat-pipa span:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    min-width:0;
    overflow-wrap:anywhere;
  }
}
@media (max-width:1000px){
  .kereses-kategoriak .kereses-kat-pipa input{
    flex:none;
    width:18px;
    height:18px;
    min-height:0;
    margin:0;
    padding:0;
    accent-color:var(--akcent);
  }
}
@media (min-width:1001px){
  .kereses-kategoriak .kereses-kat-pipa input:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:none;
    width:18px;
    height:18px;
    min-height:0;
    margin:0;
    padding:0;
    accent-color:var(--akcent);
  }
}
@media (max-width:1000px){
  .kereses-kat-gyerekek{
    margin-right:-34px;
    padding-left:12px;
    border-left:1px solid var(--kereses-vonal);
  }
}
@media (min-width:1001px){
  .kereses-kat-gyerekek:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin-right:-34px;
    padding-left:12px;
    border-left:1px solid var(--kereses-vonal);
  }
}
@media (max-width:1000px){
  .kereses-kat-lab{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
    font-size:12px;
  }
}
@media (min-width:1001px){
  .kereses-kat-lab:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
    font-size:12px;
  }
}
@media (max-width:1000px){
  .kereses-kat-lab button{
    font-size:12px;
    text-decoration:underline;
  }
}
@media (min-width:1001px){
  .kereses-kat-lab button:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    font-size:12px;
    text-decoration:underline;
  }
}
@media (max-width:1000px){
  .kereses-kat-fa{
    display:grid;
    gap:8px 18px;
    align-items:start;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:700px){
  .kereses-kat-fa{
    grid-template-columns:minmax(0,1fr);
  }
  .kereses-kategoriak .kereses-kat-pipa,
  .kereses-kat-ag > details > summary{
    min-height:44px;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto{
    position:static;
    flex:0 0 210px;
    align-self:stretch;
    min-width:0;
    border-left:1px solid var(--keret);
    font-size:13px;
    color:var(--szoveg);
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:static;
    flex:0 0 210px;
    align-self:stretch;
    min-width:0;
    border-left:1px solid var(--keret);
    font-size:13px;
    color:var(--szoveg);
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto>summary{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:0 12px;
    cursor:pointer;
    list-style:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto>summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:0 12px;
    cursor:pointer;
    list-style:none;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto>summary::-webkit-details-marker{
    display:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto>summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *))::-webkit-details-marker{
    display:none;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto>summary>[data-kat-felirat]{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto>summary>[data-kat-felirat]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto[open]>summary{
    background:var(--hatter-blokk);
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto[open]>summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--hatter-blokk);
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto[open]>summary>span:last-child{
    transform:rotate(180deg);
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto[open]>summary>span:last-child:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    transform:rotate(180deg);
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo{
    position:absolute;
    z-index:100;
    top:100%;
    right:0;
    width:320px;
    max-width:calc(100vw - 28px);
    max-height:min(70vh,580px);
    overflow-y:auto;
    background:var(--hatter);
    color:var(--szoveg);
    border:1px solid var(--keret);
    border-radius:0 0 5px 5px;
    box-shadow:var(--arnyek-modal);
    overscroll-behavior:contain;
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:absolute;
    z-index:100;
    top:100%;
    right:0;
    width:320px;
    max-width:calc(100vw - 28px);
    max-height:min(70vh,580px);
    overflow-y:auto;
    background:var(--hatter);
    color:var(--szoveg);
    border:1px solid var(--keret);
    border-radius:0 0 5px 5px;
    box-shadow:var(--arnyek-modal);
    overscroll-behavior:contain;
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo .kereses-kategoriak{
    border:0;
    padding:6px;
    margin:0;
    color:inherit;
    --kereses-vonal:var(--keret);
    --kereses-halk:var(--szoveg-halvany);
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo .kereses-kategoriak:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    border:0;
    padding:6px;
    margin:0;
    color:inherit;
    --kereses-vonal:var(--keret);
    --kereses-halk:var(--szoveg-halvany);
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo legend,
  .kereses-kat-lenyilo fieldset>p{
    display:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo legend:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .kereses-kat-lenyilo fieldset>p:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:none;
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo .kereses-kat-fa{
    display:block;
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo .kereses-kat-fa:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:block;
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo .kereses-kat-pipa{
    font-weight:450;
    min-height:36px;
    font-size:13px;
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo .kereses-kat-pipa:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    font-weight:450;
    min-height:36px;
    font-size:13px;
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo .kereses-kat-pipa input{
    width:14px;
    height:14px;
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo .kereses-kat-pipa input:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:14px;
    height:14px;
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo .kereses-kat-focsoport>label{
    font-weight:650;
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo .kereses-kat-focsoport>label:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    font-weight:650;
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo .kereses-kat-ag{
    padding-left:8px;
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo .kereses-kat-ag:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding-left:8px;
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo .kereses-kat-ag:hover{
    background:color-mix(in srgb,var(--akcent) 5%,transparent);
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo .kereses-kat-ag:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:color-mix(in srgb,var(--akcent) 5%,transparent);
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo .kereses-kat-ag>details>summary{
    min-height:36px;
    background:transparent;
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo .kereses-kat-ag>details>summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    min-height:36px;
    background:transparent;
  }
}
@media (max-width:1000px){
  .kereses-kat-lenyilo .kereses-kat-lab{
    padding:10px 8px;
    border-top:1px solid var(--keret);
  }
}
@media (min-width:1001px){
  .kereses-kat-lenyilo .kereses-kat-lab:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding:10px 8px;
    border-top:1px solid var(--keret);
  }
}
@media (max-width:1000px){
  .fejlec-kereso:has(.kereses-kat-valaszto),
  .kereso--oldal:has(.kereses-kat-valaszto){
    position:relative;
    overflow:visible;
  }
}
@media (min-width:1001px){
  .kereso--oldal:has(.kereses-kat-valaszto):where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:relative;
    overflow:visible;
  }
}
@media (max-width:1000px){
  .fejlec-kereso .kereses-kat-valaszto>summary{
    color:var(--szoveg);
    background:var(--hatter);
  }
  .kereso--oldal:has(.kereses-kat-valaszto) input{
    min-width:0;
    flex:1;
  }
}
@media (min-width:1001px){
  .kereso--oldal:has(.kereses-kat-valaszto) input:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    min-width:0;
    flex:1;
  }
}
@media (max-width:1000px){
  .kat-menu-regi{
    display:contents;
  }
}
@media (min-width:1001px){
  .kat-menu-regi:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:contents;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-lista{
    display:flex;
    gap:2px;
    border-right:0;
    border-bottom:1px solid var(--keret);
    padding:0;
    overflow-x:auto;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-lista:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    gap:2px;
    border-right:0;
    border-bottom:1px solid var(--keret);
    padding:0;
    overflow-x:auto;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-lista>li{
    flex:1;
    min-width:110px;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-lista>li:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:1;
    min-width:110px;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-lista button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:100%;
    height:54px;
    padding:8px;
    border:0;
    border-radius:5px 5px 0 0;
    color:var(--szoveg);
    font-size:13px;
    line-height:1.3;
    cursor:pointer;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-lista button:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:100%;
    height:54px;
    padding:8px;
    border:0;
    border-radius:5px 5px 0 0;
    color:var(--szoveg);
    font-size:13px;
    line-height:1.3;
    cursor:pointer;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-lista button.aktiv{
    background:var(--hatter);
    font-weight:750;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-lista button.aktiv:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--hatter);
    font-weight:750;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-lista .kat-menu-nyil{
    display:none;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-lista .kat-menu-nyil:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:none;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-kep{
    width:26px;
    height:26px;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-kep:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:26px;
    height:26px;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-kep svg{
    width:25px;
    height:25px;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-kep svg:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:25px;
    height:25px;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-reszlet{
    display:flex;
    padding:0;
    max-height:520px;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-reszlet:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    padding:0;
    max-height:520px;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-alfej{
    margin:0;
    padding:12px 16px;
    border-radius:0;
    gap:8px;
    background:transparent;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-alfej:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin:0;
    padding:12px 16px;
    border-radius:0;
    gap:8px;
    background:transparent;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-alfej-kep{
    display:none;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-alfej-kep:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:none;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-alfej b{
    font-size:14px;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-alfej b:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    font-size:14px;
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-alfej small{
    font-size:11px;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-alfej small:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    font-size:11px;
  }
}
@media (max-width:1000px){
  .kat-menu-ag ul{
    margin:0;
    padding:0;
    list-style:none;
  }
}
@media (min-width:1001px){
  .kat-menu-ag ul:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin:0;
    padding:0;
    list-style:none;
  }
}
@media (max-width:1000px){
  .kat-menu-agak{
    margin:0;
    padding-top:0px;
    padding-right:0px;
    padding-left:0px;
    list-style:none;
    width:min(100%,360px);
    padding-bottom:8px;
  }
}
@media (min-width:1001px){
  .kat-menu-agak:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin:0;
    padding-top:0px;
    padding-right:0px;
    padding-left:0px;
    list-style:none;
    width:min(100%,360px);
    padding-bottom:8px;
  }
}
@media (max-width:1000px){
  .kat-menu-ag summary,
  .kat-menu-ag--level{
    display:flex;
    gap:10px;
    align-items:center;
    min-height:42px;
    padding:7px 16px;
    list-style:none;
    cursor:pointer;
    font-size:13px;
    color:var(--szoveg-halvany);
  }
}
@media (min-width:1001px){
  .kat-menu-ag summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .kat-menu-ag--level:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    gap:10px;
    align-items:center;
    min-height:42px;
    padding:7px 16px;
    list-style:none;
    cursor:pointer;
    font-size:13px;
    color:var(--szoveg-halvany);
  }
}
@media (max-width:1000px){
  .kat-menu-ag summary::-webkit-details-marker{
    display:none;
  }
}
@media (min-width:1001px){
  .kat-menu-ag summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *))::-webkit-details-marker{
    display:none;
  }
}
@media (max-width:1000px){
  .kat-menu-ag summary:hover,
  .kat-menu-ag--level:hover{
    background:var(--akcent-halvany);
    color:var(--akcent);
  }
}
@media (min-width:1001px){
  .kat-menu-ag summary:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .kat-menu-ag--level:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--akcent-halvany);
    color:var(--akcent);
  }
}
@media (max-width:1000px){
  .kat-menu-ag summary>span:not(.kat-menu-ag-ikon):not(.kat-menu-ag-nyil){
    flex:1;
  }
}
@media (min-width:1001px){
  .kat-menu-ag summary>span:not(.kat-menu-ag-ikon):not(.kat-menu-ag-nyil):where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:1;
  }
}
@media (max-width:1000px){
  .kat-menu-ag-nyil{
    margin-left:auto;
  }
}
@media (min-width:1001px){
  .kat-menu-ag-nyil:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin-left:auto;
  }
}
@media (max-width:1000px){
  .kat-menu-ag details[open]>summary>.kat-menu-ag-nyil{
    transform:rotate(90deg);
  }
}
@media (min-width:1001px){
  .kat-menu-ag details[open]>summary>.kat-menu-ag-nyil:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    transform:rotate(90deg);
  }
}
@media (max-width:1000px){
  .kat-menu-ag-ikon{
    display:flex;
    flex:none;
    width:24px;
    height:24px;
  }
}
@media (min-width:1001px){
  .kat-menu-ag-ikon:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    flex:none;
    width:24px;
    height:24px;
  }
}
@media (max-width:1000px){
  .kat-menu-ag-ikon img{
    width:24px;
    height:24px;
    object-fit:contain;
  }
}
@media (min-width:1001px){
  .kat-menu-ag-ikon img:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:24px;
    height:24px;
    object-fit:contain;
  }
}
@media (max-width:1000px){
  .kat-menu-ag a{
    color:inherit;
  }
}
@media (min-width:1001px){
  .kat-menu-ag a:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    color:inherit;
  }
}
@media (max-width:1000px){
  .kat-menu-ag details>div{
    border-left:1px solid var(--keret);
    margin-left:16px;
  }
}
@media (min-width:1001px){
  .kat-menu-ag details>div:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    border-left:1px solid var(--keret);
    margin-left:16px;
  }
}
@media (max-width:1000px){
  .kat-menu-ag .kat-menu-ag-mind{
    display:block;
    padding:10px 16px;
    font-size:12px;
    color:var(--akcent);
  }
}
@media (min-width:1001px){
  .kat-menu-ag .kat-menu-ag-mind:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:block;
    padding:10px 16px;
    font-size:12px;
    color:var(--akcent);
  }
}
@media (max-width:1000px){
  .kat-menu-fulek .kat-menu-mind{
    margin:0;
    padding:12px 16px;
    border-top:1px solid var(--keret);
    font-size:13px;
  }
}
@media (min-width:1001px){
  .kat-menu-fulek .kat-menu-mind:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin:0;
    padding:12px 16px;
    border-top:1px solid var(--keret);
    font-size:13px;
  }
}
@media (max-width:1000px){
  .kat-menu-panel:has(.kat-menu-fulek){
    display:block;
    height:auto;
    max-height:calc(100vh - 140px);
    width:min(940px,calc(100vw - 32px));
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
  }
}
@media (min-width:1001px){
  .kat-menu-panel:has(.kat-menu-fulek):where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:block;
    height:auto;
    max-height:calc(100vh - 140px);
    width:min(940px,calc(100vw - 32px));
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
  }
}
@media (max-width:1000px){
  .kat-menu-panel .kat-menu-fulek .kat-menu-reszlet{
    width:340px;
    max-width:100%;
    max-height:calc(100vh - 220px);
    background:var(--hatter);
    border:1px solid var(--keret);
    border-top:0;
    border-radius:0 0 5px 0;
    box-shadow:var(--arnyek-modal);
  }
}
@media (min-width:1001px){
  .kat-menu-panel .kat-menu-fulek .kat-menu-reszlet:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:340px;
    max-width:100%;
    max-height:calc(100vh - 220px);
    background:var(--hatter);
    border:1px solid var(--keret);
    border-top:0;
    border-radius:0 0 5px 0;
    box-shadow:var(--arnyek-modal);
  }
}
.kat-bongeszo{
  border:1px solid var(--keret);
  border-radius:5px;
  overflow:hidden;
  max-width:940px;
}
@media (max-width:1000px){
  .kat-bongeszo .kat-menu-reszlet{
    max-height:none;
  }
}
@media (min-width:1001px){
  .kat-bongeszo .kat-menu-reszlet:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    max-height:none;
  }
}
@media (max-width:860px){
  .kat-menu-panel:has(.kat-menu-fulek){
    left:16px;
    right:16px;
    width:auto;
  }
  .kat-menu-fulek .kat-menu-lista>li{
    min-width:100px;
  }
  .kat-menu-fulek .kat-menu-lista button{
    font-size:12px;
  }
}
@media (max-width:700px){
  .kereses-kat-lenyilo{
    width:300px;
    right:0;
  }
  .kereso--oldal:has(.kereses-kat-valaszto){
    padding-left:10px;
    flex-wrap:nowrap;
    gap:4px;
  }
  .kereso--oldal:has(.kereses-kat-valaszto) .kereso-ikon{
    display:none;
  }
  .kereso--oldal:has(.kereses-kat-valaszto) .gomb{
    width:auto;
    padding:12px 8px;
    min-width:0;
    font-size:12px;
  }
  .fejlec-kereso:has(.kereses-kat-valaszto) .fejlec-kereso-gomb{
    display:flex;
    padding:0 7px;
    min-width:30px;
  }
  .fejlec-kereso:has(.kereses-kat-valaszto) .fejlec-kereso-gomb>span{
    display:none;
  }
  .fejlec-kereso:has(.kereses-kat-valaszto) .fejlec-kereso-gomb>svg{
    display:block;
  }
  .fejlec-kereso .kereses-kat-lenyilo{
    left:0;
    right:auto;
    max-width:calc(100vw - 32px);
  }
  .fejlec .fejlec-kereso:has(.kereses-kat-valaszto),
  .kereses-oldal .kereso--oldal:has(.kereses-kat-valaszto){
    display:grid;
    grid-template-columns:minmax(0,1fr) 64px;
    grid-template-rows:48px auto;
    gap:0;
    padding:0;
    min-width:0;
    border-radius:5px;
  }
  .fejlec .fejlec-kereso:has(.kereses-kat-valaszto)>input,
  .kereses-oldal .kereso--oldal:has(.kereses-kat-valaszto)>input{
    grid-column:1;
    grid-row:1;
    width:100%;
    min-width:0;
    height:48px;
    padding:0 12px;
    font-size:16px;
  }
  .fejlec-kereso:has(.kereses-kat-valaszto)>.fejlec-kereso-ikon,
  .kereso--oldal:has(.kereses-kat-valaszto)>.kereso-ikon{
    display:none;
  }
  .fejlec .fejlec-kereso:has(.kereses-kat-valaszto)>.fejlec-kereso-gomb,
  .kereses-oldal .kereso--oldal:has(.kereses-kat-valaszto)>.gomb{
    grid-column:2;
    grid-row:1;
    min-width:0;
    width:100%;
    height:48px;
    margin:0;
    padding:0 6px;
    font-size:13px;
    border-radius:0 5px 0 0;
  }
  .kereses-kat-valaszto{
    grid-column:1/-1;
    grid-row:2;
    align-self:stretch;
    flex-basis:auto;
    width:100%;
    border-left:0;
    border-top:1px solid var(--keret);
    font-size:14px;
  }
  .kereses-kat-valaszto>summary{
    min-height:44px;
    padding:8px 12px;
    gap:12px;
  }
  .kereses-kat-valaszto>summary>[data-kat-felirat]{
    white-space:normal;
    line-height:1.4;
  }
  .kereses-kat-valaszto:not(.kereses-kat-js)>.kereses-kat-lenyilo{
    position:static;
    width:100%;
    max-width:none;
    max-height:65vh;
  }
  html.kereses-kat-nyitva{
    overflow:hidden;
  }
  .kereses-kat-js>.kereses-kat-lenyilo,
  .fejlec-kereso .kereses-kat-js>.kereses-kat-lenyilo{
    position:fixed;
    z-index:1100;
    inset:auto 8px max(8px,env(safe-area-inset-bottom));
    width:auto;
    max-width:none;
    max-height:calc(100dvh - 32px);
    border-radius:5px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    box-shadow:0 16px 64px #0006;
  }
  .kereses-kat-js .kereses-kat-panel-fej{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex:none;
    min-height:58px;
    padding:6px 12px 6px 16px;
    border-bottom:1px solid var(--keret);
    font-size:18px;
  }
  .kereses-kat-panel-fej button{
    width:44px;
    height:44px;
    border:0;
    border-radius:5px;
    color:inherit;
    background:var(--hatter-blokk);
    font-size:20px;
  }
  .kereses-kat-js .kereses-kat-lenyilo>.kereses-kategoriak{
    flex:1;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:8px;
  }
  .kereses-kat-lenyilo .kereses-kategoriak .kereses-kat-pipa input{
    width:20px;
    height:20px;
  }
  .kereses-kat-lenyilo .kereses-kat-ag{
    padding-left:8px;
    padding-right:44px;
  }
  .kereses-kat-lenyilo .kereses-kat-ag>details>summary{
    width:44px;
    min-height:48px;
    font-size:18px;
  }
  .kereses-kat-lenyilo .kereses-kat-gyerekek{
    margin-right:-44px;
    padding-left:10px;
  }
  .kereses-kat-js .kereses-kat-panel-lab{
    display:block;
    flex:none;
    padding:10px 12px;
    border-top:1px solid var(--keret);
  }
  .kereses-kat-panel-lab button{
    width:100%;
    min-height:48px;
    border:0;
    border-radius:5px;
    background:var(--akcent);
    font-size:15px;
    font-weight:750;
    color:#21170f;
  }
  .kat-menu-fulek .kat-menu-lista{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px;
    padding:8px;
    overflow:visible;
  }
  .kat-menu-fulek .kat-menu-lista>li{
    min-width:0;
  }
  .kat-menu-fulek .kat-menu-lista button{
    min-height:48px;
    height:auto;
    justify-content:flex-start;
    padding:8px 10px;
    border-radius:5px;
    font-size:14px;
    text-align:left;
  }
  .kat-menu-fulek .kat-menu-kep{
    flex:none;
    width:24px;
    height:24px;
  }
  .kat-menu-fulek .kat-menu-reszlet{
    display:block;
    width:100%;
  }
  .kat-menu-fulek .kat-menu-alpanel,
  .kat-menu-fulek .kat-menu-agak{
    width:100%;
  }
  .kat-menu-fulek .kat-menu-ag summary,
  .kat-menu-fulek .kat-menu-ag--level{
    min-height:48px;
    font-size:14px;
  }
  .kat-menu-ag--level{
    padding:0;
  }
  .kat-menu-ag--level>a{
    display:block;
    width:100%;
    padding:14px 16px;
  }
  #kat-lap .kat-lap-panel{
    max-height:92dvh;
    border-radius:5px 5px 0 0;
  }
  #kat-lap .kat-lap-tartalom{
    padding:0 8px 12px;
  }
}
@media (max-width:1000px){
  dialog.kereses-kat-lenyilo{
    margin:0;
    padding:0;
  }
}
@media (min-width:1001px){
  dialog.kereses-kat-lenyilo:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin:0;
    padding:0;
  }
}
@media (max-width:1000px){
  dialog.kereses-kat-lenyilo::backdrop{
    background:#160e09a6;
  }
}
@media (min-width:1001px){
  dialog.kereses-kat-lenyilo:where(:not(.fejlec--shoppy,.fejlec--shoppy *))::backdrop{
    background:#160e09a6;
  }
}
@media (max-width:700px){
  .kereses-kat-js[open]>.kereses-kat-hatter{
    position:fixed;
    inset:0;
    z-index:1090;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border:0;
    border-radius:0;
    background:#160e09a6;
    display:none;
  }
  .kereses-kat-lenyilo .kereses-kategoriak .kereses-kat-pipa{
    min-height:48px;
    font-size:15px;
    gap:12px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    text-align:left;
    flex-wrap:nowrap;
    width:100%;
  }
  .kereses-kat-lenyilo .kereses-kat-pipa>input{
    flex:0 0 20px;
  }
  .kereses-kat-lenyilo .kereses-kat-pipa>.kat-kep{
    flex:0 0 24px;
  }
  .kereses-kat-lenyilo .kereses-kat-pipa>span:last-child{
    flex:1;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak{
    flex:1 1 auto;
    min-width:0;
    position:relative;
    align-self:stretch;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:1 1 auto;
    min-width:0;
    position:relative;
    align-self:stretch;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-lista{
    display:flex;
    align-items:stretch;
    overflow:visible;
    gap:0;
    border:0;
    padding:0;
    height:100%;
    list-style:none;
    margin:0;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-lista:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    align-items:stretch;
    overflow:visible;
    gap:0;
    border:0;
    padding:0;
    height:100%;
    list-style:none;
    margin:0;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-lista>li{
    flex:1 1 0;
    min-width:0;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-lista>li:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:1 1 0;
    min-width:0;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-lista a{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    min-height:58px;
    height:100%;
    padding:9px 10px;
    border:0;
    border-bottom:3px solid transparent;
    border-radius:0;
    font-size:13px;
    line-height:1.2;
    color:var(--szoveg);
    background:transparent;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-lista a:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    min-height:58px;
    height:100%;
    padding:9px 10px;
    border:0;
    border-bottom:3px solid transparent;
    border-radius:0;
    font-size:13px;
    line-height:1.2;
    color:var(--szoveg);
    background:transparent;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-lista a:hover,
  .fejlec-kategoriak .kat-menu-lista a.aktiv{
    background:color-mix(in srgb,var(--akcent) 9%,var(--hatter));
    border-bottom-color:var(--akcent);
    color:var(--akcent);
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-lista a:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .fejlec-kategoriak .kat-menu-lista a.aktiv:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:color-mix(in srgb,var(--akcent) 9%,var(--hatter));
    border-bottom-color:var(--akcent);
    color:var(--akcent);
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-kep{
    width:27px;
    height:27px;
    flex:none;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-kep:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:27px;
    height:27px;
    flex:none;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-kep svg{
    width:27px;
    height:27px;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-kep svg:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:27px;
    height:27px;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-nev{
    min-width:0;
    max-width:120px;
    white-space:normal;
    font-weight:650;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-nev:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    min-width:0;
    max-width:120px;
    white-space:normal;
    font-weight:650;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-reszlet{
    position:absolute;
    left:var(--kat-panel-x,0px);
    top:100%;
    z-index:110;
    display:block;
    width:360px;
    max-width:calc(100vw - 32px);
    max-height:min(620px,calc(100dvh - 190px));
    overflow-y:auto;
    overscroll-behavior:contain;
    background:var(--hatter);
    border:1px solid var(--keret);
    border-radius:0 0 5px 5px;
    box-shadow:var(--arnyek-modal);
    padding:0;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-reszlet:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:absolute;
    left:var(--kat-panel-x,0px);
    top:100%;
    z-index:110;
    display:block;
    width:360px;
    max-width:calc(100vw - 32px);
    max-height:min(620px,calc(100dvh - 190px));
    overflow-y:auto;
    overscroll-behavior:contain;
    background:var(--hatter);
    border:1px solid var(--keret);
    border-radius:0 0 5px 5px;
    box-shadow:var(--arnyek-modal);
    padding:0;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-reszlet[hidden]{
    display:none;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-reszlet[hidden]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:none;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-alpanel{
    width:100%;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-alpanel:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:100%;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-agak{
    width:100%;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-agak:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:100%;
  }
}
@media (max-width:1000px){
  .fejlec-kategoriak .kat-menu-alfej{
    padding-right:45px;
  }
}
@media (min-width:1001px){
  .fejlec-kategoriak .kat-menu-alfej:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding-right:45px;
  }
}
@media (max-width:1000px){
  .kat-sav-bezar{
    position:absolute;
    top:7px;
    right:7px;
    z-index:1;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    font-size:26px;
    line-height:1;
    border:1px solid var(--keret);
    border-radius:5px;
    background:var(--hatter);
  }
}
@media (min-width:1001px){
  .kat-sav-bezar:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:absolute;
    top:7px;
    right:7px;
    z-index:1;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    font-size:26px;
    line-height:1;
    border:1px solid var(--keret);
    border-radius:5px;
    background:var(--hatter);
  }
}
@media (max-width:1350px) and (min-width:701px){
  @media (max-width:1000px){
    .fejlec-kategoriak{
      flex:0 0 100%;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      flex:0 0 100%;
    }
  }
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-reszlet{
      z-index:120;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-reszlet:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      z-index:120;
    }
  }
}
@media (max-width:700px){
  .fejlec-kategoriak{
    flex:0 0 100%;
    width:100%;
  }
  .fejlec-kategoriak .kat-menu-lista{
    display:flex;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
    padding:0 8px;
  }
  .fejlec-kategoriak .kat-menu-lista a{
    min-height:48px;
    padding:7px 10px;
    font-size:12px;
    justify-content:flex-start;
  }
  .fejlec-kategoriak .kat-menu-nev{
    max-width:115px;
  }
  .fejlec-kategoriak .kat-menu-kep,
  .fejlec-kategoriak .kat-menu-kep svg{
    width:24px;
    height:24px;
  }
  .fejlec-kategoriak .kat-menu-reszlet{
    position:fixed;
    inset:auto 8px calc(76px + env(safe-area-inset-bottom));
    width:auto;
    max-width:none;
    max-height:65dvh;
    z-index:1100;
    border-radius:5px;
  }
  .fejlec-kategoriak .kat-menu-alfej{
    padding-top:14px;
  }
  .fejlec-kategoriak .kat-menu-ag summary{
    min-height:48px;
    font-size:14px;
  }
  .fejlec-kategoriak .kat-menu-ag--level{
    min-height:48px;
    font-size:14px;
    padding:0;
  }
  .fejlec-kategoriak .kat-menu-ag--level>a{
    display:block;
    width:100%;
    padding:14px 16px;
  }
  .fejlec-kategoriak .kat-sav-bezar{
    width:40px;
    height:40px;
  }
}
@media (min-width:701px){
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-fulek{
      height:100%;
      background:transparent;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-fulek:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      height:100%;
      background:transparent;
    }
  }
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-lista{
      display:grid;
      grid-template-columns:.95fr .9fr .9fr .66fr 1.35fr 1.3fr;
      width:100%;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-lista:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      display:grid;
      grid-template-columns:.95fr .9fr .9fr .66fr 1.35fr 1.3fr;
      width:100%;
    }
  }
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-lista>li{
      min-width:0;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-lista>li:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      min-width:0;
    }
  }
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-lista a{
      justify-content:flex-start;
      min-height:52px;
      padding:7px 6px;
      gap:6px;
      font-size:11.5px;
      line-height:1.25;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-lista a:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      justify-content:flex-start;
      min-height:52px;
      padding:7px 6px;
      gap:6px;
      font-size:11.5px;
      line-height:1.25;
    }
  }
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-nev{
      max-width:none;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-nev:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      max-width:none;
    }
  }
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-lista>li:nth-child(-n/**/+4) .kat-menu-nev{
      white-space:nowrap;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-lista>li:nth-child(-n/**/+4) .kat-menu-nev:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      white-space:nowrap;
    }
  }
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-kep,
    .fejlec-kategoriak .kat-menu-kep svg{
      width:22px;
      height:22px;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-kep:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
    .fejlec-kategoriak .kat-menu-kep svg:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      width:22px;
      height:22px;
    }
  }
}
@media (min-width:1280px){
  @media (max-width:1000px){
    .fejlec-kategoriak{
      flex:1 1 auto;
      width:auto;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      flex:1 1 auto;
      width:auto;
    }
  }
}
@media (min-width:701px) and (max-width:1279px){
  @media (max-width:1000px){
    .fejlec-kategoriak{
      grid-column:1/-1;
      width:100%;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      grid-column:1/-1;
      width:100%;
    }
  }
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-lista a{
      font-size:12px;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-lista a:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      font-size:12px;
    }
  }
}
@media (min-width:1700px){
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-lista a{
      font-size:12.5px;
      padding-inline:8px;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-lista a:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      font-size:12.5px;
      padding-inline:8px;
    }
  }
  @media (max-width:1000px){
    .fejlec-kategoriak .kat-menu-kep,
    .fejlec-kategoriak .kat-menu-kep svg{
      width:24px;
      height:24px;
    }
  }
  @media (min-width:1001px){
    .fejlec-kategoriak .kat-menu-kep:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
    .fejlec-kategoriak .kat-menu-kep svg:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      width:24px;
      height:24px;
    }
  }
}
@media (max-width:700px){
  .fejlec-kategoriak .kat-menu-lista>li{
    flex:0 0 auto;
    min-width:92px;
  }
  .fejlec-kategoriak .kat-menu-lista>li:nth-child(n/**/+5){
    min-width:150px;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-lenyilo{
    padding:0;
    background:#fff9ed;
    color:#493426;
    border:1px solid #c6a577;
    box-shadow:0 16px 40px #20110738;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-lenyilo:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding:0;
    background:#fff9ed;
    color:#493426;
    border:1px solid #c6a577;
    box-shadow:0 16px 40px #20110738;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-lenyilo .kereses-kategoriak{
    padding:0;
    border:0;
    margin:0;
    color:#493426;
    --kereses-vonal:#dfc9a7;
    --kereses-halk:#846c54;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-lenyilo .kereses-kategoriak:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding:0;
    border:0;
    margin:0;
    color:#493426;
    --kereses-vonal:#dfc9a7;
    --kereses-halk:#846c54;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-fa{
    padding:4px 0;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-fa:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding:4px 0;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-ag{
    padding-left:0;
    padding-right:34px;
    background:none;
    border-radius:0;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-ag:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding-left:0;
    padding-right:34px;
    background:none;
    border-radius:0;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-ag:hover{
    background:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-ag:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:none;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-lenyilo .kereses-kat-pipa{
    position:relative;
    gap:9px;
    padding:8px 12px;
    min-height:38px;
    color:#493426;
    font-size:13px;
    font-weight:500;
    border-radius:0;
    border:0;
    line-height:1.35;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-lenyilo .kereses-kat-pipa:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    position:relative;
    gap:9px;
    padding:8px 12px;
    min-height:38px;
    color:#493426;
    font-size:13px;
    font-weight:500;
    border-radius:0;
    border:0;
    line-height:1.35;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-pipa>span:last-child{
    flex:1;
    order:1;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-pipa>span:last-child:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:1;
    order:1;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-lenyilo .kereses-kat-pipa input{
    order:2;
    appearance:none;
    -webkit-appearance:none;
    display:grid;
    place-items:center;
    flex:0 0 18px;
    width:18px;
    height:18px;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:3px;
    background:transparent;
    box-shadow:none;
    color:#aa6b16;
    cursor:pointer;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-lenyilo .kereses-kat-pipa input:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    order:2;
    appearance:none;
    -webkit-appearance:none;
    display:grid;
    place-items:center;
    flex:0 0 18px;
    width:18px;
    height:18px;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:3px;
    background:transparent;
    box-shadow:none;
    color:#aa6b16;
    cursor:pointer;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-pipa input[hidden]{
    display:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-pipa input[hidden]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:none;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-pipa input:checked:after{
    content:"";
    width:6px;
    height:11px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-pipa input:checked:after:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    content:"";
    width:6px;
    height:11px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-pipa input:indeterminate:after{
    content:"";
    width:10px;
    height:2px;
    background:currentColor;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-pipa input:indeterminate:after:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    content:"";
    width:10px;
    height:2px;
    background:currentColor;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-pipa:hover{
    background:#f5e7cc;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-pipa:hover:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:#f5e7cc;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-pipa:has(input:checked){
    background:#f7e6c6;
    font-weight:650;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-pipa:has(input:checked):where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:#f7e6c6;
    font-weight:650;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-pipa:has(input:focus-visible){
    outline:2px solid #bf812a;
    outline-offset:-2px;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-pipa:has(input:focus-visible):where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    outline:2px solid #bf812a;
    outline-offset:-2px;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-focsoport>label{
    font-weight:750;
    border-top:1px solid #eadbc1;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-focsoport>label:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    font-weight:750;
    border-top:1px solid #eadbc1;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-focsoport:first-child>label{
    border-top:0;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-focsoport:first-child>label:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    border-top:0;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-focsoport:has(>details[open])>label{
    background:#493426;
    color:#ffedcf;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-focsoport:has(>details[open])>label:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:#493426;
    color:#ffedcf;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-focsoport:has(>details[open])>label :is(input,.kat-kep){
    color:#ffbe5a;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-focsoport:has(>details[open])>label :is(input,.kat-kep):where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    color:#ffbe5a;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-ag>details>summary{
    width:34px;
    min-height:38px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#987957;
    font-size:16px;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-ag>details>summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    width:34px;
    min-height:38px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#987957;
    font-size:16px;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-focsoport:has(>details[open])>details>summary{
    background:#493426;
    color:#ffbe5a;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-focsoport:has(>details[open])>details>summary:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:#493426;
    color:#ffbe5a;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-gyerekek{
    margin-right:-34px;
    padding-left:14px;
    border:0;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-gyerekek:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    margin-right:-34px;
    padding-left:14px;
    border:0;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-lab{
    padding:12px;
    margin:0;
    border-top:1px solid #dfc9a7;
    background:#f9eedb;
    color:#846c54;
    font-size:10px;
    gap:8px;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-lab:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    padding:12px;
    margin:0;
    border-top:1px solid #dfc9a7;
    background:#f9eedb;
    color:#846c54;
    font-size:10px;
    gap:8px;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-lab button{
    color:#6c4726;
    font-size:11px;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-lab button:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    color:#6c4726;
    font-size:11px;
  }
}
@media (min-width:701px){
  @media (max-width:1000px){
    .kereses-kat-valaszto .kereses-kat-lenyilo{
      width:360px;
      max-height:min(76dvh,680px);
      margin:0;
      left:auto;
      right:0;
      border-radius:0 0 5px 5px;
      overflow-y:auto;
    }
  }
  @media (min-width:1001px){
    .kereses-kat-valaszto .kereses-kat-lenyilo:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
      width:360px;
      max-height:min(76dvh,680px);
      margin:0;
      left:auto;
      right:0;
      border-radius:0 0 5px 5px;
      overflow-y:auto;
    }
  }
}
@media (max-width:700px){
  .kereses-kat-valaszto .kereses-kat-lenyilo .kereses-kat-pipa{
    min-height:48px;
    padding:11px 12px;
    font-size:14px;
  }
  .kereses-kat-valaszto .kereses-kat-ag>details>summary{
    min-height:48px;
  }
  .kereses-kat-valaszto .kereses-kat-panel-fej{
    min-height:50px;
  }
  .kereses-kat-valaszto .kereses-kat-panel-fej button{
    width:40px;
    height:40px;
  }
  .kereses-kat-valaszto .kereses-kat-panel-lab button{
    min-height:44px;
  }
  .kereses-kat-valaszto .kereses-kat-lenyilo .kereses-kat-pipa input{
    flex-basis:20px;
    width:20px;
    height:20px;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto dialog.kereses-kat-lenyilo[open]{
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto dialog.kereses-kat-lenyilo[open]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto dialog.kereses-kat-lenyilo>.kereses-kat-gorgeto{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto dialog.kereses-kat-lenyilo>.kereses-kat-gorgeto:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-pipa>.kat-kep{
    order:0;
    flex:0 0 20px;
    width:20px;
    height:20px;
    color:#ac701f;
    background:none;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-pipa>.kat-kep:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    order:0;
    flex:0 0 20px;
    width:20px;
    height:20px;
    color:#ac701f;
    background:none;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-panel-fej{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
    padding:9px 14px;
    border-bottom:1px solid #dfc9a7;
    background:#f3e5cb;
    font-size:13px;
    color:#493426;
    flex:none;
    position:relative;
    inset:auto;
    transform:none;
  }
  .kereses-kat-valaszto .kereses-kat-panel-lab{
    display:block;
    padding:9px 12px;
    background:#f3e5cb;
    border-top:1px solid #dfc9a7;
    flex:none;
    position:relative;
    inset:auto;
    transform:none;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-panel-fej:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
    padding:9px 14px;
    border-bottom:1px solid #dfc9a7;
    background:#f3e5cb;
    font-size:13px;
    color:#493426;
    flex:none;
    position:relative;
    inset:auto;
    transform:none;
  }
  .kereses-kat-valaszto .kereses-kat-panel-lab:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:block;
    padding:9px 12px;
    background:#f3e5cb;
    border-top:1px solid #dfc9a7;
    flex:none;
    position:relative;
    inset:auto;
    transform:none;
  }
}
@media (max-width:1000px){
  .kereses-kat-valaszto .kereses-kat-panel-fej button{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border:0;
    background:transparent;
    color:#75543a;
    border-radius:5px;
    font-size:18px;
    position:static;
    inset:auto;
    transform:none;
    margin:0;
  }
  .kereses-kat-valaszto .kereses-kat-panel-lab button{
    display:block;
    width:100%;
    min-height:38px;
    padding:8px 12px;
    border:1px solid #d2943b;
    border-radius:5px;
    background:#f6af4e;
    color:#382313;
    font-size:12px;
    font-weight:750;
    box-shadow:none;
    position:static;
    inset:auto;
    transform:none;
    margin:0;
  }
}
@media (min-width:1001px){
  .kereses-kat-valaszto .kereses-kat-panel-fej button:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border:0;
    background:transparent;
    color:#75543a;
    border-radius:5px;
    font-size:18px;
    position:static;
    inset:auto;
    transform:none;
    margin:0;
  }
  .kereses-kat-valaszto .kereses-kat-panel-lab button:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    display:block;
    width:100%;
    min-height:38px;
    padding:8px 12px;
    border:1px solid #d2943b;
    border-radius:5px;
    background:#f6af4e;
    color:#382313;
    font-size:12px;
    font-weight:750;
    box-shadow:none;
    position:static;
    inset:auto;
    transform:none;
    margin:0;
  }
}

/* css/oldalak.css */
/* Publikus oldalak: fejléc, lábléc, listák, termékkártyák, újságok, keresés, összehasonlítás. */
/* Leltem.hu — oldalspecifikus elrendezések. */
/* ---- hero ---- */
.hero{
  position:relative;
  background:var(--hatter-melegh);
  overflow:hidden;
}
/* finom krém fátyol a bal szélen a tökéletes összeolvadásért */
.hero .kereso{
  margin-top:var(--t8);
}
.hero .boltsav{
  padding:var(--t8) 0 var(--t16);
}
@media (max-width:820px){
  .hero .boltsav{
    padding:var(--t6) 0 var(--t10);
  }
}
/* ---- szekció ---- */
.szekcio{
  padding:var(--t16) 0;
}
.reklam-hely{
  max-width:980px;
  margin:24px auto;
  padding:12px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter-blokk);
  text-align:center;
}
.reklam-cimke{
  display:block;
  margin-bottom:8px;
  color:var(--szoveg-finom);
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.reklam-sajat{
  display:block;
  line-height:0;
}
.reklam-sajat img{
  display:block;
  max-width:100%;
  max-height:220px;
  width:auto;
  height:auto;
  margin:auto;
  object-fit:contain;
  border-radius:5px;
}
.reklam-mentesseg{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px 10px;
  flex-wrap:wrap;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--keret);
  color:var(--szoveg-halvany);
  font-size:11px;
  line-height:1.4;
}
.reklam-mentesseg b,
.reklam-mentesseg span{
  color:var(--akcent);
  font-weight:800;
}
.reklam-mentesseg:hover span{
  text-decoration:underline;
}
.reklam-hely:has(.adsbygoogle[data-ad-status="unfilled"]){
  display:none;
}
.ujsagok-oldal{
  padding-bottom:48px;
}
/* fejléc: sötét sáv, jobbra a kosaras grafika, a szöveg HTML-ben */
.ujsagok-fej{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  min-height:180px;
  margin-top:20px;
  padding:30px 34px;
  border:1px solid #4a3426;
  border-radius:5px 5px 0 0;
  background:linear-gradient(270deg,#231c1900 0,#231c1900 340px,#231c19 600px),url("../img/csoport-fejlec.webp") right center/auto 112% no-repeat,#231c19;
  color:#fff3e3;
}
.ujsagok-kicker{
  color:#ffae49;
  font-size:11px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ujsagok-fej h1{
  margin:6px 0 8px;
  color:#fff3e3;
  font-size:clamp(32px,3.8vw,52px);
  letter-spacing:-.04em;
  line-height:1.05;
}
.ujsagok-fej h1 em{
  color:#ff8f2e;
  font-style:normal;
}
.ujsagok-fej p{
  max-width:56ch;
  color:#e3cbb0;
  font-size:14px;
  line-height:1.55;
}
.ujsagok-fej .g{
  flex:none;
}
/* az oldal két fő gombja a lapozógombokkal azonos narancs */
.ujsagok-fej .g--fo,
.ujsagok-archivum-link .g--fo{
  border-color:#d84818;
  background:linear-gradient(180deg,#ff8a2a 0%,#f0601a 55%,#d84818 100%);
  box-shadow:inset 0 1px 0 #ffffff59,0 4px 10px #f0601a40;
  color:#fff;
}
/* boltfülek és az értesítő egy sávban, hézag nélkül a fejléc alatt (és az első panel fölött) */
.ujsagok-sav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px 24px;
  padding:0 16px;
  border:1px solid #e6d5bf;
  border-top:0;
  border-radius:0 0 5px 5px;
  background:#fbf4ea;
}
.ujsagok-boltok{
  display:flex;
  align-items:stretch;
  min-width:0;
}
.ujsagok-boltok a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:52px;
  padding:0 18px;
  color:var(--szoveg);
  font-size:14px;
  font-weight:650;
  text-decoration:none;
}
.ujsagok-boltok a+a::before{
  content:"";
  position:absolute;
  left:0;
  top:calc(50% - 8px);
  height:16px;
  border-left:1px solid #cdb79c;
}
.ujsagok-boltok a:hover,
.ujsagok-boltok a[aria-current]{
  color:#d84818;
}
.ujsagok-boltok a[aria-current]{
  font-weight:800;
}
.ujsagok-boltok a[aria-current]::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:3px;
  background:#f46b10;
}
.ujsag-ertesito-hivatkozas{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:400px;
  margin:0;
  padding:8px 0;
  color:var(--szoveg-halvany);
  font-size:12px;
  line-height:1.45;
}
.ujsag-ertesito-hivatkozas svg{
  flex:none;
  color:#e2560f;
}
.ujsag-ertesito-hivatkozas a{
  color:#d84818;
  font-weight:700;
}
.ujsagok-bolt-linkek{
  margin:12px 0 0;
  font-size:13px;
}
.ujsagok-oldal .szekcio{
  padding:36px 0 0;
}
.ujsagok-ures{
  padding:22px;
  border:1px solid var(--keret);
  border-radius:5px;
  color:var(--szoveg-halvany);
  font-size:13px;
}
/* panelek: krémszínű lap halvány ikonmintával */
.ujsagok-oldal .szekcio.ujsagok-blokk,
.ujsagok-archivum-link{
  border:1px solid #e6d5bf;
  border-radius:5px;
  background:url("../img/plusz-sav-minta.svg") 0 0/360px repeat,linear-gradient(160deg,#fbf3e8,#f3e5d2);
  box-shadow:0 8px 22px #3a22100f;
}
.ujsagok-oldal .szekcio.ujsagok-blokk{
  margin-top:20px;
  padding:22px 16px 18px;
}
@media (min-width:701px){
  .ujsagok-sav:has(+.ujsagok-blokk){
    border-radius:0;
  }
  .ujsagok-oldal .ujsagok-sav+.szekcio.ujsagok-blokk{
    margin-top:0;
    border-top:0;
    border-radius:0 0 5px 5px;
  }
}
.ujsagok-blokk-kicker{
  display:block;
  margin-bottom:5px;
  color:#e2560f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ujsagok-blokk--kovetkezo .ujsagok-blokk-kicker{
  color:var(--figyelem);
}
.ujsagok-blokk--lejart .ujsagok-blokk-kicker{
  color:var(--szoveg-finom);
}
.ujsagok-oldal .ujsagok-blokk .szekcio-fej{
  margin-bottom:16px;
}
.ujsagok-blokk .szekcio-cim{
  font-size:clamp(24px,2.4vw,30px);
  letter-spacing:-.03em;
}
.ujsagok-oldal .ujsagok-blokk .szekcio-alcim{
  margin-top:4px;
}
.ujsagok-szam{
  display:inline-grid;
  place-items:center;
  min-width:28px;
  height:27px;
  padding:0 6px;
  border:1px solid #dcc8b0;
  border-radius:5px;
  background:#f3e6d4;
  color:var(--szoveg);
  font-size:13px;
  vertical-align:middle;
  letter-spacing:0;
}
/* újságkártya tetején: a következő heti újság jelzése */
.ujsag-allapot{
  grid-column:1/-1;
  margin:0 0 10px;
  padding:7px 12px;
  border-radius:var(--r-kicsi);
  background:var(--akcent-halvany);
  color:var(--akcent);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  text-align:center;
}
/* archívum: narancs lapköteg, szöveg, gomb */
.ujsagok-archivum-link{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:20px;
  padding:18px 22px;
}
.ujsagok-archivum-ikon{
  flex:none;
  width:46px;
  height:36px;
  margin:10px 0 0 12px;
  border-radius:3px;
  background:linear-gradient(160deg,#ffa24a,#e2560f);
  box-shadow:-6px -5px 0 -1px #f59a52,-12px -10px 0 -2px #f9c79a,0 4px 8px #a2420f40;
}
.ujsagok-archivum-link div{
  display:grid;
  flex:1;
  gap:4px;
  min-width:0;
}
.ujsagok-archivum-link strong{
  font-size:19px;
  letter-spacing:-.02em;
}
.ujsagok-archivum-link div>span{
  color:var(--szoveg-halvany);
  font-size:13px;
}
/* tájékoztató: sötét, mintás lap; szöveg balra, három tipp jobbra */
.ujsagok-oldal .szekcio.ujsagok-tudnivalo{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
  align-items:center;
  gap:32px;
  margin-top:20px;
  padding:26px 30px;
  border:1px solid #886343;
  border-radius:5px;
  background:url("../img/plusz-sav-minta.svg") 0 0/360px repeat,radial-gradient(ellipse at 95% 10%,#aa773d50,transparent 65%),linear-gradient(110deg,#241914,#402b1f);
  box-shadow:inset 0 1px 0 #ffd8a326,0 6px 18px #3524141a;
  color:#fff3e3;
}
.ujsagok-tudnivalo h2{
  margin:0 0 10px;
  color:#fff3e3;
  font-size:22px;
  letter-spacing:-.02em;
}
.ujsagok-tudnivalo p{
  margin:0 0 8px;
  color:#dfc9b2;
  font-size:13px;
  line-height:1.6;
}
.ujsagok-tudnivalo a{
  color:#ffae49;
}
.ujsagok-tippek{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.ujsagok-tippek li{
  display:grid;
  justify-items:center;
  gap:8px;
  color:#fff3e3;
  font-size:12px;
  font-weight:650;
  line-height:1.35;
  text-align:center;
}
.ujsagok-tippek span{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border:1px solid #efcfb0;
  border-radius:5px;
  background:#fff7ec;
  box-shadow:0 4px 10px #3a22100f;
  color:#e2560f;
}
.ujsag-archivum-szuro{
  display:grid;
  grid-template-columns:repeat(4,minmax(100px,1fr)) minmax(170px,1.5fr) auto;
  gap:10px;
  align-items:end;
  margin:26px 0 16px;
  padding:15px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter-blokk);
}
.ujsag-archivum-szuro label{
  display:grid;
  gap:5px;
  color:var(--szoveg-halvany);
  font-size:11px;
  font-weight:800;
}
.ujsag-archivum-szuro select,
.ujsag-archivum-szuro input{
  width:100%;
  min-width:0;
  min-height:38px;
  padding:8px;
  border:1px solid var(--keret-eros);
  border-radius:5px;
  background:var(--hatter);
  color:var(--szoveg);
  font:inherit;
  font-size:12px;
}
.ujsag-archivum-db{
  margin-bottom:15px;
  color:var(--szoveg-halvany);
  font-size:12px;
}
.ujsag-archivum-lapok{
  display:flex;
  justify-content:center;
  gap:6px;
  margin:28px 0;
}
.ujsag-archivum-lapok a{
  display:grid;
  place-items:center;
  min-width:38px;
  height:38px;
  border:1px solid var(--keret);
  border-radius:5px;
  color:var(--szoveg);
  font-size:13px;
}
.ujsag-archivum-lapok a[aria-current]{
  border-color:var(--akcent);
  background:var(--akcent);
  color:#fff;
}
@media (max-width:1050px){
  .ujsag-archivum-szuro{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .ujsag-archivum-kereses{
    grid-column:span 2;
  }
}
@media (max-width:620px){
  .ujsag-archivum-szuro{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ujsag-archivum-kereses{
    grid-column:span 2;
  }
  .ujsag-archivum-szuro button{
    grid-column:span 2;
  }
}
.szekcio+.szekcio{
  padding-top:0;
}
.szekcio.szekcio--utolso{
  padding-bottom:var(--t20);
}
.szekcio-fej{
  display:flex;
  align-items:baseline;
  gap:var(--t4);
  margin-bottom:var(--t6);
  flex-wrap:wrap;
}
.szekcio-cim,
.lista-cim{
  font-size:clamp(22px,2.4vw,30px);
  font-weight:800;
  letter-spacing:-.032em;
}
.szekcio-alcim{
  font-size:13.5px;
  color:var(--szoveg-halvany);
}
.szekcio-link{
  margin-left:auto;
  font-weight:600;
  color:var(--akcent);
  display:flex;
  align-items:center;
  gap:6px;
}
.szekcio-link:hover{
  gap:9px;
}
@media (prefers-reduced-motion:no-preference){
  .szekcio-link{
    transition:gap .15s;
  }
}
/* ---- nagy kedvezmények: vízszintesen lapozható, közös főoldali/boltoldali sáv ---- */
.kedvezmeny-szekcio{
  padding-bottom:var(--t12);
  overflow:hidden;
}
.kedvezmeny-fej{
  display:flex;
  align-items:flex-end;
  gap:var(--t4);
  margin-bottom:var(--t5);
}
.kedvezmeny-cimblokk{
  min-width:0;
}
.kedvezmeny-kicker{
  display:block;
  margin-bottom:4px;
  color:var(--akcent);
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.kedvezmeny-cimblokk .szekcio-alcim{
  margin-top:4px;
}
.kedvezmeny-mind{
  display:none;
}
.kedvezmeny-lapozok{
  display:flex;
  gap:10px;
  margin-left:auto;
}
.kedvezmeny-nyil{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid var(--keret-eros);
  border-radius:5px;
  background:var(--hatter);
  color:var(--szoveg);
  cursor:pointer;
  box-shadow:0 4px 14px oklch(from rgba(25,35,31,.05) l c calc(h + var(--tema-hue-s,0)));
  transition:border-color .15s,color .15s,background .15s,transform .15s;
}
.kedvezmeny-nyil:hover:not(:disabled){
  border-color:var(--akcent);
  background:var(--akcent-halvany);
  color:var(--akcent);
  transform:translateY(-2px);
}
.kedvezmeny-nyil:disabled{
  opacity:.3;
  cursor:default;
}
.kedvezmeny-nyil--elozo svg{
  transform:rotate(180deg);
}
.kedvezmeny-szekcio--nem-lapozhato .kedvezmeny-lapozok{
  display:none;
}
.kedvezmeny-ablak{
  position:relative;
}
.kedvezmeny-sin{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:var(--kedvezmeny-oszlop,242px);
  gap:var(--t4);
  overflow-x:auto;
  padding:3px 0 18px;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
.kedvezmeny-sin::-webkit-scrollbar{
  display:none;
}
.kedvezmeny-sin .kartya,
.kedvezmeny-sin .ujsag{
  scroll-snap-align:start;
  min-width:0;
}
.kedvezmeny-sin:focus-visible{
  outline:3px solid var(--akcent-halvany);
  outline-offset:4px;
  border-radius:var(--r);
}
@media (max-width:700px){
  .kedvezmeny-nyil{
    width:44px;
    height:44px;
  }
}
/* tápérték és beküldés: közös natív felugró ablak */
.felugro{
  width:min(440px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  padding:0;
  overflow:auto;
  border:1px solid var(--keret);
  border-radius:var(--r-nagy);
  color:var(--szoveg);
}
.felugro[open]{
  animation:felugro-be .18s ease-out;
}
@keyframes felugro-be{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:none;
  }
}
.felugro-fej{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px 14px;
  border-bottom:1px solid var(--keret);
}
.felugro-kicker{
  display:block;
  color:var(--akcent);
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.felugro-fej h2{
  margin-top:4px;
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.felugro-csuk{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:none;
  border-radius:var(--r);
  cursor:pointer;
  border:1px solid var(--keret);
  background:var(--hatter);
  color:var(--szoveg-halvany);
  transition:color .15s,border-color .15s,background .15s;
}
.felugro-csuk:hover{
  color:var(--szoveg);
  border-color:var(--keret-eros);
  background:var(--hatter-blokk);
}
.felugro-csuk svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
}
/* ellenőrzött adatok: energia, fő értékek, majd a részletek */
.tapinfo-panel{
  width:min(520px,calc(100vw - 24px));
}
.tapinfo-panel .felugro-fej{
  padding:23px 24px 20px;
  background:linear-gradient(125deg,var(--akcent-halvany),var(--hatter) 78%);
}
.tapinfo-panel .felugro-fej h2{
  font-size:22px;
  letter-spacing:-.035em;
}
.tapinfo-panel .felugro-alcim{
  margin-top:6px;
}
.tapinfo-tartalom{
  --tap-zsir:var(--akcent);
  --tap-szenhidrat:var(--akcent-sotet);
  --tap-feherje:color-mix(in srgb,var(--akcent) 38%,var(--hatter));
  padding:20px 24px 4px;
}
.tapinfo-energia{
  padding:18px 20px;
  border-radius:var(--r-nagy);
  background:linear-gradient(125deg,var(--akcent),var(--akcent-sotet));
  color:var(--gomb-szoveg);
  box-shadow:0 10px 24px oklch(from rgba(14,85,64,.16) l c calc(h + var(--tema-hue-s,0))),inset 0 1px 0 rgba(255,255,255,.22);
}
.tapinfo-energia>span{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.tapinfo-energia-ertek{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}
.tapinfo-energia-ertek strong{
  font-size:37px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.045em;
}
.tapinfo-energia-ertek strong small{
  margin-left:6px;
  font-size:16px;
  font-weight:650;
  letter-spacing:0;
}
.tapinfo-energia-ertek>span{
  padding:7px 10px;
  border-radius:5px;
  background:rgba(255,255,255,.17);
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
}
.tapinfo-makrok{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.tapinfo-makrok>div{
  display:grid;
  gap:5px;
  min-width:0;
  padding:12px 13px;
  border:1px solid var(--keret);
  border-radius:var(--r);
  background:var(--hatter-blokk);
}
.tapinfo-makrok>div>span{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--szoveg-halvany);
  font-size:11.5px;
  font-weight:700;
}
.tapinfo-makrok>div:nth-child(1){
  --tap-szin:var(--tap-zsir);
}
.tapinfo-makrok>div:nth-child(2){
  --tap-szin:var(--tap-szenhidrat);
}
.tapinfo-makrok>div:nth-child(3){
  --tap-szin:var(--tap-feherje);
}
/* tápérték-ikonok: vonalas ábra lekerekített csempén; a csempe színe a három fő tápanyagnál az arányosítósáv színe */
.tap-ikon{
  display:inline-grid;
  flex:none;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:5px;
  background:color-mix(in srgb,var(--tap-szin,var(--akcent)) 18%,transparent);
  color:color-mix(in srgb,var(--tap-szin,var(--akcent)) 60%,var(--szoveg));
}
.tap-ikon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tapinfo-energia .tap-ikon{
  background:rgba(255,255,255,.18);
  color:inherit;
}
.tap-nev{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.tapertek-tabla .tap-ikon{
  --tap-szin:var(--szoveg-halvany);
  width:22px;
  height:22px;
}
.tapertek-tabla .tap-ikon svg{
  width:14px;
  height:14px;
}
.tapinfo-arany{
  display:flex;
  gap:3px;
  height:6px;
  margin-top:10px;
}
.tapinfo-arany i{
  min-width:4px;
  border-radius:2px;
  background:var(--tap-zsir);
}
.tapinfo-arany i:nth-child(2){
  background:var(--tap-szenhidrat);
}
.tapinfo-arany i:nth-child(3){
  background:var(--tap-feherje);
}
.tapinfo-makrok strong{
  font-size:19px;
  font-weight:800;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.tapertek-tabla{
  width:100%;
  margin-top:18px;
  border-collapse:collapse;
  font-size:13.5px;
}
.tapertek-tabla caption{
  padding-bottom:5px;
  text-align:left;
  color:var(--szoveg-finom);
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.tapertek-tabla th{
  padding:10px 2px;
  border-bottom:1px solid var(--keret);
  font-weight:600;
  text-align:left;
  color:var(--szoveg-halvany);
}
.tapertek-tabla td{
  padding:10px 2px;
  border-bottom:1px solid var(--keret);
  font-weight:750;
  text-align:right;
  white-space:nowrap;
}
.tapertek-al th{
  font-weight:500;
  color:var(--szoveg-halvany);
}
.tapertek-tabla tbody tr:last-child th,
.tapertek-tabla tbody tr:last-child td{
  border-bottom:none;
}
.tapertek-forras{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
  padding:15px 24px;
  border-top:1px solid var(--keret);
  background:var(--hatter-blokk);
  color:var(--szoveg-finom);
  font-size:11.5px;
}
.tapertek-forras a{
  color:var(--akcent);
  font-weight:750;
}
.tapinfo-panel .tapertek-javitas{
  padding:7px 10px;
  border:1px solid var(--keret-eros);
  border-radius:var(--r);
  background:var(--hatter);
  font-size:11.5px;
  white-space:nowrap;
}
.tapinfo-panel .tapertek-javitas:hover{
  border-color:var(--akcent);
  background:var(--akcent-halvany);
  text-decoration:none;
}
@media (prefers-reduced-motion:reduce){
  .felugro[open]{
    animation:none;
  }
}
.tapertek-szoveg{
  margin:0;
  padding:15px 24px;
  border-top:1px solid var(--keret);
}
.tapinfo-panel .felugro-fej+.tapertek-szoveg{
  border-top:0;
}
.tapertek-szoveg h3{
  margin-bottom:5px;
  color:var(--akcent);
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.tapertek-szoveg p{
  margin:0;
  font-size:13px;
  line-height:1.55;
}
.tapertek-szoveg--allergen p{
  font-weight:700;
}
@media (max-width:520px){
  .tapinfo-panel .felugro-fej{
    padding:20px 18px 16px;
  }
  .tapinfo-tartalom{
    padding:16px 18px 2px;
  }
  .tapinfo-energia{
    padding:16px;
  }
  .tapinfo-energia-ertek strong{
    font-size:32px;
  }
  .tapinfo-makrok>div{
    padding:10px 8px;
  }
  .tapinfo-makrok>div>span{
    gap:4px;
    font-size:10.5px;
    letter-spacing:-.01em;
  }
  .tapinfo-makrok .tap-ikon{
    width:22px;
    height:22px;
  }
  .tapinfo-makrok .tap-ikon svg{
    width:14px;
    height:14px;
  }
  .tapinfo-makrok strong{
    font-size:16px;
  }
  .tapertek-szoveg,
  .tapertek-forras{
    padding-left:18px;
    padding-right:18px;
  }
}
/* linknek látszó gombok (felugró ablakot nyitnak) */
.tapertek-javitas{
  padding:0;
  border:0;
  background:none;
  color:var(--akcent);
  font:inherit;
  font-weight:750;
  cursor:pointer;
}
.tapertek-javitas:hover{
  text-decoration:underline;
}
/* látogatói visszajelzés a termékoldalon (pl. beküldés után) */
@media (max-width:1000px){
  .termek-uzenet{
    margin:var(--t4) 0 0;
    padding:11px 14px;
    border-radius:var(--r);
    font-size:13.5px;
    font-weight:700;
  }
}
@media (max-width:1000px){
  .termek-uzenet--siker{
    background:var(--akcent-halvany);
    color:var(--akcent-sotet);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-uzenet--siker{
    background:var(--akcent-halvany);
    color:var(--akcent-sotet);
  }
}
@media (max-width:1000px){
  .termek-uzenet--hiba{
    background:var(--hiba-halvany);
    color:var(--hiba);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-uzenet--hiba{
    background:var(--hiba-halvany);
    color:var(--hiba);
  }
}
/* tápérték-beküldés: felugró ablak fotóval vagy kézi bevitellel */
.bekuldes-ablak{
  width:min(560px,calc(100vw - 24px));
}
.felugro-alcim{
  margin:3px 0 0;
  color:var(--szoveg-halvany);
  font-size:12.5px;
}
.felugro-hiba{
  margin:14px 20px 0;
  padding:10px 12px;
  border-radius:var(--r);
  background:var(--hiba-halvany);
  color:var(--hiba);
  font-size:13px;
  font-weight:700;
}
.bekuldes-belepes{
  display:grid;
  justify-items:center;
  gap:12px;
  padding:26px 24px 24px;
  text-align:center;
}
.bekuldes-belepes>svg{
  width:40px;
  height:40px;
  color:var(--akcent);
}
.bekuldes-belepes p{
  margin:0;
  max-width:36ch;
  color:var(--szoveg-halvany);
  font-size:13.5px;
  line-height:1.55;
}
.bekuldes-belepes p b{
  display:block;
  margin-bottom:4px;
  color:var(--szoveg);
}
.bekuldes-belepes div{
  display:flex;
  gap:8px;
}
.felugro-urlap{
  display:grid;
  gap:14px;
  padding:16px 20px 18px;
}
.felugro-urlap fieldset{
  display:grid;
  gap:12px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.felugro-urlap fieldset[hidden]{
  display:none;
}
.felugro-urlap .be{
  width:100%;
  min-height:38px;
  padding:8px 10px;
  border:1px solid var(--keret-eros);
  border-radius:var(--r-kicsi);
  background:var(--hatter);
  color:var(--szoveg);
  font:inherit;
  font-size:14px;
}
.felugro-urlap .be:focus{
  outline:none;
  border-color:var(--akcent);
  box-shadow:0 0 0 3px var(--akcent-halvany);
}
.felugro-urlap textarea.be{
  resize:vertical;
  min-height:70px;
  line-height:1.45;
}
.bekuldes-mod{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.bekuldes-mod label{
  position:relative;
  cursor:pointer;
}
.bekuldes-mod input,
.hiba-tipusok input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.bekuldes-mod span{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  align-items:center;
  height:100%;
  padding:11px 12px;
  border:1.5px solid var(--keret);
  border-radius:var(--r);
  background:var(--hatter-blokk);
  transition:border-color .15s,background .15s;
}
.bekuldes-mod svg{
  grid-row:span 2;
  width:24px;
  height:24px;
  color:var(--szoveg-halvany);
}
.bekuldes-mod b{
  font-size:13.5px;
}
.bekuldes-mod small{
  color:var(--szoveg-finom);
  font-size:11.5px;
}
.bekuldes-mod input:checked+span{
  border-color:var(--akcent);
  background:var(--akcent-halvany);
}
.bekuldes-mod input:checked+span svg{
  color:var(--akcent);
}
.bekuldes-mod input:focus-visible+span,
.hiba-tipusok input:focus-visible+span{
  outline:3px solid var(--akcent);
  outline-offset:2px;
}
.bekuldes-feltolto{
  position:relative;
  display:grid;
  justify-items:center;
  gap:4px;
  padding:22px 16px;
  border:2px dashed var(--keret-eros);
  border-radius:var(--r-nagy);
  background:var(--hatter-blokk);
  text-align:center;
  cursor:pointer;
  transition:border-color .15s,background .15s;
}
.bekuldes-feltolto:hover,
.bekuldes-feltolto:focus-within{
  border-color:var(--akcent);
  background:var(--akcent-halvany);
}
.bekuldes-feltolto input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.bekuldes-feltolto svg{
  width:32px;
  height:32px;
  margin-bottom:4px;
  color:var(--akcent);
}
.bekuldes-feltolto b{
  font-size:14px;
}
.bekuldes-feltolto small{
  color:var(--szoveg-finom);
  font-size:12px;
}
.bekuldes-feltolto--dolgozik{
  opacity:.6;
  pointer-events:none;
}
.bekuldes-feltolto--hiba{
  border-color:var(--hiba);
  background:var(--hiba-halvany);
}
.bekuldes-elonezet{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.bekuldes-elonezet:empty{
  display:none;
}
.bekuldes-elonezet img{
  width:84px;
  height:84px;
  object-fit:cover;
  border:1px solid var(--keret);
  border-radius:var(--r);
}
.bekuldes-figyelem{
  flex-basis:100%;
  margin:0;
  color:var(--figyelem);
  font-size:12px;
  font-weight:700;
}
.bekuldes-tippek{
  display:grid;
  gap:3px;
  margin:0;
  padding-left:18px;
  color:var(--szoveg-halvany);
  font-size:12px;
}
.bekuldes-vonatkozas{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 12px;
  font-size:13px;
  color:var(--szoveg-halvany);
}
.bekuldes-vonatkozas label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--szoveg);
  font-weight:700;
  cursor:pointer;
}
.bekuldes-vonatkozas input{
  accent-color:var(--akcent);
}
.bekuldes-racs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.bekuldes-racs label{
  display:grid;
  gap:4px;
  font-size:12px;
  font-weight:700;
}
.bekuldes-racs .bekuldes-al>span:first-child{
  color:var(--szoveg-halvany);
  font-weight:600;
}
.bekuldes-be{
  position:relative;
  display:block;
}
.bekuldes-be .be{
  padding-right:38px;
  text-align:right;
}
.bekuldes-be i{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  color:var(--szoveg-finom);
  font-size:11.5px;
  font-style:normal;
  pointer-events:none;
}
.felugro-mezo{
  display:grid;
  gap:4px;
  font-size:12px;
  font-weight:700;
}
.felugro-mezo small{
  color:var(--szoveg-finom);
  font-weight:500;
}
.bekuldes-par{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.felugro-jogi{
  margin:0;
  color:var(--szoveg-finom);
  font-size:11.5px;
  line-height:1.5;
}
.felugro-jogi a{
  color:var(--akcent);
  font-weight:700;
}
.felugro-lab{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
/* hibajelentés */
.hiba-ablak{
  width:min(520px,calc(100vw - 24px));
}
.hiba-csapda{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.hiba-tipusok legend{
  margin-bottom:8px;
  font-size:12px;
  font-weight:700;
}
.hiba-tipusok legend small{
  color:var(--szoveg-finom);
  font-weight:500;
}
.felugro-urlap .hiba-tipusok{
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.hiba-tipusok label{
  position:relative;
  cursor:pointer;
}
.hiba-tipusok span{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:8px 11px;
  border:1.5px solid var(--keret);
  border-radius:var(--r);
  background:var(--hatter-blokk);
  font-size:13px;
  font-weight:650;
  transition:border-color .15s,background .15s;
}
.hiba-tipusok span::before{
  content:"";
  flex:none;
  width:16px;
  height:16px;
  border:1.5px solid var(--keret-eros);
  border-radius:4px;
  background:var(--hatter) center/11px no-repeat;
}
.hiba-tipusok input:checked+span{
  border-color:var(--hiba);
  background:var(--hiba-halvany);
}
.hiba-tipusok input:checked+span::before{
  border-color:var(--hiba);
  background-color:var(--hiba);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.hiba-tipusok--hiba legend{
  color:var(--hiba);
}
.hiba-tipusok--hiba span{
  border-color:color-mix(in srgb,var(--hiba) 45%,var(--keret));
}
@media (max-width:520px){
  .bekuldes-racs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bekuldes-par{
    grid-template-columns:1fr;
  }
  .felugro-lab .g{
    flex:1;
  }
}
.tapertek-szekcio-kicker{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-bottom:7px;
  padding:4px 8px;
  border-radius:5px;
  background:#2f4a36;
  color:#bfe7c8;
  font-size:10.5px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
}
/* ---- boltoldali bevezető: a SPAR, PENNY és Lidl saját színeivel ---- */
.bolt-oldal-bevezeto{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--t6);
  margin-top:var(--t8);
  padding:clamp(18px,2.5vw,28px);
  border-radius:var(--r-nagy);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:0;
  color:#fff;
  background:var(--bolt-szin);
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
.bolt-oldal-bevezeto::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:19%;
  top:-90px;
  width:270px;
  height:270px;
  border:30px solid color-mix(in srgb,var(--bolt-szin) 5%,transparent);
  border-radius:5px;
  display:none;
}
.bolt-oldal-logo{
  display:grid;
  place-items:center;
  border-radius:var(--r-nagy);
  width:auto;
  height:auto;
  border:0;
  background:none;
  box-shadow:none;
}
.bolt-oldal-ujsagok{
  display:grid;
  grid-template-columns:repeat(2,minmax(174px,1fr));
  gap:9px;
}
.bolt-oldal-ujsag{
  min-width:0;
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 12px;
  align-items:center;
  padding:13px 15px;
  border-radius:var(--r-nagy);
  background:#ffffff22;
  border:1px solid #ffffff66;
  color:#fff;
  box-shadow:none;
}
.bolt-oldal-ujsag span{
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.bolt-oldal-ujsag b{
  font-size:13px;
}
.bolt-oldal-ujsag i{
  grid-area:1/2/3;
  font-style:normal;
  font-size:19px;
}
.bolt-oldal-ujsag--ures{
  box-shadow:none;
  background:#00000026;
  border:1px dashed #ffffff66;
  color:#ffffffa0;
}
.bolt-oldal-bevezeto+.kedvezmeny-szekcio{
  padding-top:var(--t10);
}
@media (max-width:760px){
  .bolt-oldal-ujsagok{
    grid-column:1/-1;
    width:100%;
  }
}
@media (max-width:520px){
  .bolt-oldal-ujsagok{
    grid-template-columns:1fr;
  }
}
/* ---- listaoldal ---- */
/* a szűrőpanel többletmagassága az üres harmadik sorba kerül: a fej és a találatok (és a tápértékes keret) a tartalomig ér */
.lista-elrendezes{
  display:grid;
  grid-template-columns:240px 1fr;
  grid-template-areas:"szuro fej" "szuro talalat" "szuro .";
  grid-template-rows:auto auto 1fr;
  column-gap:var(--t12);
  padding:var(--t10) 0 var(--t16);
}
.lista-fejresz{
  grid-area:fej;
  min-width:0;
}
.lista-talalatok{
  grid-area:talalat;
  min-width:0;
}
/* A terméklista asztalon legfeljebb öt oszlop: a kártyák olvasható szélességet kapnak. */
@media (min-width:1200px){
  .lista-talalatok>.termek-racs--csempe{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}
.lista-boltsav{
  display:none;
}
.szuro-nyito{
  display:none;
}
@media (max-width:980px){
  .lista-elrendezes{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"fej" "szuro" "talalat";
    grid-template-rows:none;
    row-gap:var(--t6);
  }
  /* mobilon a szűrők egy gomb mögött: a termékek azonnal látszanak */
  .szuro-nyito{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:30px;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    list-style:none;
  }
  .szuro-nyito::-webkit-details-marker{
    display:none;
  }
  .szuro-nyito b{
    min-width:22px;
    padding:2px 7px;
    border-radius:5px;
    background:var(--akcent);
    color:var(--gomb-szoveg);
    font-size:12px;
    text-align:center;
  }
  .szuro-nyito .fejlec-nyil{
    margin-left:auto;
  }
  .szuro-reszlet[open]>.szuro-nyito{
    margin-bottom:var(--t4);
  }
}
@media (min-width:981px){
  /* asztalon a szűrők mindig nyitva (a JS a régebbi böngészőkben is kinyitja) */
  .szuro-reszlet::details-content{
    content-visibility:visible;
    block-size:auto;
  }
}
.szuro{
  grid-area:szuro;
  align-self:start;
}
/* Külön nyitható szűrőpanelek, az oldal közös színrendszerével. */
.szuro-reszlet{
  padding:0;
}
.szuro-fej{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:16px;
}
.szuro-fej b{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:19px;
  font-weight:850;
}
.szuro-fej svg,
.szuro-cim svg{
  width:20px;
  height:20px;
  flex-shrink:0;
  fill:none;
  stroke:var(--akcent-sotet);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.szuro-fej a{
  color:var(--akcent-sotet);
  font-size:12px;
  font-weight:750;
  text-underline-offset:3px;
}
.szuro-csoport{
  margin:0 0 10px;
  border:1px solid color-mix(in srgb,var(--keret) 65%,transparent);
  border-radius:5px;
  background:color-mix(in srgb,#fff 55%,var(--oldal-alap));
  box-shadow:0 3px 14px rgb(65 42 21 / .045);
}
.szuro-csoport:last-child{
  margin-bottom:0;
}
.szuro-cim{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:12px 14px;
  color:var(--szoveg);
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
  list-style:none;
  cursor:pointer;
}
.szuro-cim::-webkit-details-marker{
  display:none;
}
.szuro-cim::after,
.szuro-kartya::after{
  content:"";
  width:6px;
  height:6px;
  flex-shrink:0;
  border-right:1.5px solid var(--akcent);
  border-bottom:1.5px solid var(--akcent);
}
.szuro-cim::after{
  margin-left:auto;
  transform:rotate(45deg);
}
.szuro-csoport[open]>.szuro-cim::after{
  transform:rotate(225deg);
}
.szuro-cim:focus-visible{
  outline:2px solid var(--akcent);
  outline-offset:2px;
  border-radius:5px;
}
.szuro-csoport-tartalom{
  padding:0 14px 14px;
}
.szuro-kategoria-kapcsolo{
  width:22px;
  height:30px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:var(--szoveg-finom);
  cursor:pointer;
  border-radius:var(--r);
  padding:0;
}
.szuro-kategoria-kapcsolo:hover{
  color:var(--akcent);
  background:var(--akcent-halvany);
}
.szuro-kategoria-kapcsolo:focus-visible{
  outline:2px solid var(--akcent);
  outline-offset:1px;
}
.szuro-kategoria-kapcsolo span{
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg);
  transition:transform .16s ease;
}
.szuro-kategoria-kapcsolo[aria-expanded="true"] span{
  transform:rotate(45deg) translate(-1px,-1px);
}
@media (prefers-reduced-motion:reduce){
  .szuro-kategoria-kapcsolo span{
    transition:none;
  }
}
/* Egységes szöveges boltválasztó; a kiválasztást keret és pipa jelzi. */
.szuro-boltok{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
.szuro-bolt.aktiv::after{
  content:"";
  position:absolute;
  top:-4px;
  right:-4px;
  width:18px;
  height:18px;
  border-radius:4px;
  background:var(--akcent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E") center/12px no-repeat;
}
/* kártyás akciók: egysoros, semleges sorok darabszámmal; a kiválasztott újra kattintva kikapcsol */
.szuro-kartya{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  margin-top:5px;
  padding:5px 12px;
  border:1px solid transparent;
  border-radius:5px;
  background:color-mix(in srgb,var(--szoveg) 5%,var(--oldal-alap));
  color:var(--szoveg);
  font-size:12px;
  font-weight:750;
}
.szuro-kartya:first-child{
  margin-top:0;
}
.szuro-kartya::after{
  transform:rotate(-45deg);
}
.szuro-kartya small{
  margin-left:auto;
  padding:2px 6px;
  border-radius:5px;
  background:color-mix(in srgb,var(--szoveg) 8%,transparent);
  color:var(--szoveg-halvany);
  font-size:11px;
  font-weight:800;
}
.szuro-kartya:hover{
  border-color:var(--akcent);
}
.szuro-kartya.aktiv{
  border-color:var(--akcent);
  background:color-mix(in srgb,var(--akcent) 10%,var(--pr-lap-mely));
  box-shadow:inset 0 0 0 1px var(--akcent);
  color:var(--akcent-sotet);
}
.szuro-kartya.aktiv span::before{
  content:"✓ ";
}
.szuro-kartya.aktiv small{
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
/* tápérték: be/ki kapcsoló */
.szuro-kapcsolo{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  color:var(--szoveg);
  line-height:1.25;
}
.szuro-kapcsolo i{
  position:relative;
  width:38px;
  height:22px;
  border-radius:5px;
  background:color-mix(in srgb,var(--szoveg) 22%,transparent);
}
.szuro-kapcsolo i::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:4px;
  background:#fff;
  box-shadow:0 1px 2px rgb(0 0 0 / .25);
}
.szuro-kapcsolo.aktiv i{
  background:var(--akcent);
}
.szuro-kapcsolo.aktiv i::after{
  left:19px;
}
.szuro-kapcsolo b{
  display:block;
  font-size:13px;
  font-weight:800;
}
.szuro-kapcsolo small{
  display:block;
  color:var(--szoveg-finom);
  font-size:11.5px;
}
.szuro-kapcsolo:hover b{
  color:var(--akcent-sotet);
}
/* ár: min – max és a küldés egy sorban */
.ar-mezok{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;
  align-items:center;
  gap:5px;
}
.ar-mezok input{
  width:100%;
  min-width:0;
  height:42px;
  border:1px solid var(--keret-eros);
  border-radius:var(--r-kicsi);
  padding:0 9px;
  font:inherit;
  font-size:13.5px;
}
.szuro-gomb{
  height:42px;
  padding:0;
  border:0;
  border-radius:var(--r-kicsi);
  background:var(--akcent);
  color:var(--gomb-szoveg);
  font:inherit;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
}
.lista-fej{
  display:flex;
  align-items:center;
  gap:var(--t4);
  flex-wrap:wrap;
  padding-bottom:var(--t5);
  margin-bottom:var(--t5);
  border-bottom:1px solid var(--keret);
}
.lista-morzsa{
  padding-top:0;
  margin-bottom:var(--t2);
}
.lista-szam{
  font-size:13.5px;
  color:var(--szoveg-halvany);
}
.aktiv-szurok{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:-4px 0 var(--t5);
}
.aktiv-szurok-cim{
  font-size:11px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:var(--szoveg-finom);
  margin-right:2px;
}
.aktiv-szuro{
  display:inline-flex;
  align-items:center;
  gap:9px;
  max-width:100%;
  padding:7px 8px 7px 11px;
  border:1px solid color-mix(in srgb,var(--akcent) 24%,var(--keret));
  border-radius:5px;
  background:var(--akcent-halvany);
  color:var(--akcent-sotet);
  font-size:12.5px;
  line-height:1.15;
}
.aktiv-szuro span{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.aktiv-szuro b{
  font-weight:800;
}
.aktiv-szuro i{
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  flex:0 0 19px;
  border-radius:5px;
  font-size:15px;
  font-style:normal;
  background:color-mix(in srgb,var(--akcent) 12%,transparent);
}
.aktiv-szuro:hover{
  border-color:var(--akcent);
  background:color-mix(in srgb,var(--akcent-halvany) 70%,var(--hatter));
}
.aktiv-szuro:hover i{
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
.rendezes{
  margin-left:auto;
  display:flex;
  gap:2px;
  flex-wrap:wrap;
}
.rend-gomb{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12.5px;
  font-weight:600;
  padding:7px 13px;
  border-radius:5px;
  color:var(--szoveg-halvany);
  border:1px solid transparent;
}
.rend-gomb svg{
  flex:none;
  width:16px;
  height:16px;
}
.rend-gomb:hover{
  color:var(--szoveg);
}
.rend-gomb.aktiv{
  color:var(--gomb-szoveg);
  border-color:var(--akcent-sotet);
  background:var(--pr-akcent-gomb);
  box-shadow:var(--pr-akcent-arnyek);
}
@media (max-width:700px){
  .lista-fej .rendezes{
    flex:1 1 100%;
    grid-column:1/-1;
  }
}
.lapozo-oldalak{
  display:flex;
  gap:var(--t2);
  justify-content:center;
  margin-top:var(--t8);
  flex-wrap:wrap;
}
.lapozo-oldalak a,
.lapozo-oldalak span{
  padding:8px 14px;
  border-radius:var(--r-kicsi);
  border:1px solid var(--pr-keret);
  background:var(--pr-gomb);
  box-shadow:inset 0 1px 0 var(--pr-el),var(--pr-arnyek-kicsi);
  font-size:13.5px;
  font-weight:800;
  color:var(--szoveg);
}
.lapozo-oldalak a:hover{
  background:var(--pr-gomb-fent);
  color:var(--akcent-sotet);
}
.lapozo-oldalak .aktiv{
  background:var(--pr-akcent-gomb);
  color:var(--gomb-szoveg);
  border-color:var(--akcent-sotet);
  box-shadow:var(--pr-akcent-arnyek);
}
/* ---- üres állapot ---- */
.ures{
  padding:var(--t16) 0;
  text-align:center;
}
.ures h2{
  font-size:22px;
  font-weight:800;
  letter-spacing:-.02em;
}
.ures p{
  margin-top:var(--t3);
  color:var(--szoveg-halvany);
}
.ures h2 em{
  font-style:normal;
  color:var(--akcent);
}
.ures .ures-gomb{
  margin-top:var(--t5);
}
.ures .kat-racs{
  margin-top:var(--t8);
  text-align:left;
}
/* ---- termékoldal ---- */
.morzsa{
  font-size:12.5px;
  color:var(--szoveg-finom);
  padding-top:var(--t6);
  line-height:1.7;
}
.morzsa-aktualis{
  color:var(--akcent);
}
.morzsa a{
  color:var(--link-szin,inherit);
}
.morzsa a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.morzsa-elvalaszto{
  display:inline-block;
  margin:0 9px;
  color:var(--szoveg-finom);
}
@media (max-width:1000px){
  .termek-elrendezes{
    display:grid;
    background:var(--hatter);
    align-items:start;
  }
}
@media (max-width:1000px){
  .termek-azonosito{
    grid-column:1/-1;
    display:flex;
    align-items:flex-start;
    gap:15px;
    min-width:0;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-azonosito{
    grid-column:1/-1;
    display:flex;
    align-items:flex-start;
    gap:15px;
    min-width:0;
  }
}
@media (max-width:1000px){
  .termek-azonosito>.termek-bolt{
    flex:none;
    display:grid;
    place-items:center;
    width:55px;
    height:55px;
    padding:5px;
    border:1px solid var(--keret);
    border-radius:5px;
    background:var(--hatter);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-azonosito>.termek-bolt{
    flex:none;
    display:grid;
    place-items:center;
    width:55px;
    height:55px;
    padding:5px;
    border:1px solid var(--keret);
    border-radius:5px;
    background:var(--hatter);
  }
}
@media (max-width:1000px){
  .termek-azonosito-szoveg{
    min-width:0;
  }
}
@media (max-width:1000px){
  .termek-alcim{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    color:var(--szoveg-halvany);
  }
}
@media (max-width:1000px){
  .termek-alcim .termek-kisz,
  .termek-alcim .termek-izek{
    margin:0;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-alcim .termek-kisz{
    margin:0;
  }
}
@media (max-width:1000px){
  .termek-kep-oszlop{
    min-width:0;
  }
}
@media (max-width:800px){
  .termek-elrendezes{
    grid-template-columns:1fr;
  }
  .termek-azonosito{
    grid-column:1;
  }
  .termek-kep-oszlop{
    max-width:520px;
    width:100%;
    margin-inline:auto;
  }
}
@media (max-width:1000px){
  .termek-kep-nagy{
    position:relative;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-width:1px;
    border-style:solid;
  }
}
@media (max-width:1000px){
  .termek-kep-nagy>img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
  }
}
@media (max-width:1000px){
  .termek-kep-nagy>img:not(.hazai-kepjel){
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    aspect-ratio:auto;
    align-self:center;
    justify-self:center;
  }
}
/* „Hazai termék” logó a termékkép bal alsó sarkában. */
@media (max-width:1000px){
  .termek-kep-nagy>.hazai-kepjel{
    position:absolute;
    bottom:14px;
    left:14px;
    z-index:3;
    width:clamp(56px,17%,72px);
    height:auto;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.16));
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-kep-nagy>.hazai-kepjel{
    position:absolute;
    bottom:14px;
    left:14px;
    z-index:3;
    width:clamp(56px,17%,72px);
    height:auto;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.16));
  }
}
@media (max-width:1000px){
  .termek-kep-nagy--tipo>span:not(.kep-matrica){
    font-size:clamp(24px,4vw,40px);
    font-weight:800;
    letter-spacing:-.03em;
    color:var(--keret-eros);
    text-align:center;
    line-height:1.1;
  }
}
/* ár + akció egy sorban */
@media (max-width:1000px){
  .ar-sor{
    display:flex;
    align-items:center;
    gap:clamp(18px,4vw,40px);
    flex-wrap:wrap;
    margin-top:var(--t8);
  }
}
@media (max-width:1000px){
  .ar-sor .nagy-ar{
    margin-top:0;
  }
}
/* 2+1 (és 2. terméktől) az ár mellett — háttér nélkül, elválasztóval */
@media (max-width:1000px){
  .p2{
    display:flex;
    flex-direction:column;
    gap:5px;
    align-self:stretch;
    justify-content:center;
    padding-left:clamp(16px,3vw,30px);
    border-left:1px solid var(--keret);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2{
    display:flex;
    flex-direction:column;
    gap:5px;
    align-self:stretch;
    justify-content:center;
    padding-left:clamp(16px,3vw,30px);
    border-left:1px solid var(--keret);
  }
}
@media (max-width:1000px){
  .p2-tag{
    align-self:start;
    background:var(--akcent);
    color:var(--gomb-szoveg);
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.06em;
    border-radius:5px;
    padding:3px 10px;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2-tag{
    align-self:start;
    background:var(--akcent);
    color:var(--gomb-szoveg);
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.06em;
    border-radius:5px;
    padding:3px 10px;
  }
}
@media (max-width:1000px){
  .p2-hero{
    line-height:.95;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2-hero{
    line-height:.95;
  }
}
@media (max-width:1000px){
  .p2-hero b{
    font-size:clamp(28px,3.6vw,36px);
    font-weight:850;
    letter-spacing:-.035em;
    color:var(--akcent);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2-hero b{
    font-size:clamp(28px,3.6vw,36px);
    font-weight:850;
    letter-spacing:-.035em;
    color:var(--akcent);
  }
}
@media (max-width:1000px){
  .p2-hero i{
    font-style:normal;
    font-size:15px;
    font-weight:800;
    color:var(--akcent);
    margin-left:1px;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2-hero i{
    font-style:normal;
    font-size:15px;
    font-weight:800;
    color:var(--akcent);
    margin-left:1px;
  }
}
@media (max-width:1000px){
  .p2-hero-mell{
    font-size:14px;
    font-weight:700;
    color:var(--szoveg);
    max-width:22ch;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2-hero-mell{
    font-size:14px;
    font-weight:700;
    color:var(--szoveg);
    max-width:22ch;
  }
}
@media (max-width:1000px){
  .p2-hero-mell b{
    color:var(--akcent-sotet);
    font-weight:800;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2-hero-mell b{
    color:var(--akcent-sotet);
    font-weight:800;
  }
}
@media (max-width:1000px){
  .p2-also{
    font-size:11.5px;
    color:var(--szoveg-halvany);
    font-weight:600;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2-also{
    font-size:11.5px;
    color:var(--szoveg-halvany);
    font-weight:600;
  }
}
@media (max-width:1000px){
  .p2-also s{
    color:var(--szoveg-finom);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2-also s{
    color:var(--szoveg-finom);
  }
}
@media (max-width:1000px){
  .p2-also em{
    font-style:normal;
    color:var(--akcent-sotet);
    font-weight:800;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .p2-also em{
    font-style:normal;
    color:var(--akcent-sotet);
    font-weight:800;
  }
}
@media (max-width:600px){
  .p2{
    border-left:none;
    padding-left:0;
    border-top:1px solid var(--keret);
    padding-top:12px;
    width:100%;
  }
}
@media (max-width:1000px){
  .termek-izek{
    display:grid;
    flex:1 1 100%;
    gap:8px;
    margin-top:var(--t4);
  }
}
@media (max-width:1000px){
  .termek-izek-cim{
    font-size:12px;
    font-weight:800;
    color:var(--szoveg-finom);
    letter-spacing:.04em;
    text-transform:uppercase;
  }
}
@media (max-width:1000px){
  .termek-izek-lista{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin:0;
    padding:0;
    list-style:none;
  }
}
@media (max-width:1000px){
  .termek-izek-lista li{
    display:inline-flex;
    align-items:center;
    padding:4px 11px;
    border:1px solid var(--keret);
    border-radius:5px;
    background:var(--hatter-blokk);
    color:var(--szoveg);
    font-size:13px;
    font-weight:700;
    line-height:1.35;
  }
}
/* ugyanabban az újságajánlatban, ugyanazon az áron kapható további változatok */
@media (max-width:1000px){
  .termek-testverek{
    flex-basis:100%;
    margin-top:var(--t2);
  }
}
@media (max-width:1000px){
  .termek-testverek>summary{
    cursor:pointer;
    color:var(--szoveg-finom);
    font-size:13px;
  }
}
@media (max-width:1000px){
  .termek-testverek[open]>summary{
    margin-bottom:8px;
  }
}
@media (max-width:1000px){
  .termek-testverek-lista{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
  }
}
@media (max-width:1000px){
  .termek-testverek-lista a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:6px 12px 6px 6px;
    border:1px solid var(--keret);
    border-radius:5px;
    background:var(--hatter-blokk);
    color:var(--szoveg);
    text-decoration:none;
    transition:border-color .15s;
  }
}
@media (max-width:1000px){
  .termek-testverek-lista a:hover{
    border-color:var(--akcent);
  }
}
@media (max-width:1000px){
  .termek-testverek-lista img{
    width:auto;
    height:auto;
    border-radius:5px;
    background:var(--termek-foto-hatter) var(--termek-foto-alap);
    object-fit:contain;
    box-shadow:var(--termek-foto-arnyek);
    -webkit-mask-image:var(--termek-foto-maszk);
    mask-image:var(--termek-foto-maszk);
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    max-width:40px;
    max-height:40px;
    aspect-ratio:auto;
    align-self:center;
    justify-self:center;
  }
}
@media (max-width:1000px){
  .termek-testverek-lista b{
    display:block;
    font-size:13.5px;
    line-height:1.25;
  }
}
@media (max-width:1000px){
  .termek-testverek-lista small{
    color:var(--szoveg-finom);
    font-size:12px;
  }
}
/* kép nélküli jelölés: betűjel vagy csillag, az ikonokkal azonos méretben */
@media (max-width:1000px){
  .termek-jeloles-betu{
    display:grid;
    place-items:center;
    flex:0 0 40px;
    height:40px;
    border-radius:var(--r-nagy);
    background:var(--akcent-halvany);
    color:var(--akcent);
    font-size:16px;
    font-weight:900;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-jeloles-betu{
    display:grid;
    place-items:center;
    flex:0 0 40px;
    height:40px;
    border-radius:var(--r-nagy);
    background:var(--akcent-halvany);
    color:var(--akcent);
    font-size:16px;
    font-weight:900;
  }
}
.kep-illusztracio{
  margin-top:var(--t3);
  color:var(--szoveg-finom);
  text-align:center;
}
@media (max-width:1000px){
  .termek-jogi{
    margin-top:var(--t5);
    font-size:11.5px;
    color:var(--szoveg-finom);
    line-height:1.5;
  }
}
@media (max-width:1000px){
  .termek-jogi--sav{
    border-bottom:1px solid var(--keret);
    max-width:none;
  }
}
/* Moderált olvasói jelzések: a teljes, jóváhagyott szöveg a termék alatt olvasható. */
@media (max-width:1000px){
  .termek-jelzesek{
    margin:var(--t10) 0 var(--t8);
    max-width:860px;
  }
}
@media (max-width:1000px){
  .termek-jelzesek .szekcio-fej{
    margin-bottom:var(--t4);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-jelzesek .szekcio-fej{
    margin-bottom:var(--t4);
  }
}
@media (max-width:1000px){
  .termek-jelzesek-db{
    display:inline-grid;
    place-items:center;
    min-width:27px;
    height:27px;
    margin-left:5px;
    padding:0 6px;
    border-radius:5px;
    background:var(--akcent-halvany);
    color:var(--akcent);
    font-size:13px;
    vertical-align:middle;
    letter-spacing:0;
  }
}
@media (max-width:1000px){
  .termek-jelzesek-lista{
    display:grid;
    gap:12px;
  }
}
@media (max-width:1000px){
  .termek-jelzes{
    display:flex;
    align-items:flex-start;
    gap:13px;
    scroll-margin-top:150px;
  }
}
@media (max-width:1000px){
  .termek-jelzes-ikon{
    display:grid;
    place-items:center;
    flex:none;
    width:32px;
    height:32px;
    margin-top:15px;
    border-radius:5px;
    background:var(--akcent);
    color:var(--gomb-szoveg);
    font-size:17px;
    font-weight:850;
  }
}
@media (max-width:1000px){
  .termek-jelzes-tartalom{
    min-width:0;
    flex:1;
    padding:16px 19px;
    border:1px solid var(--keret);
    border-radius:var(--r-nagy);
    background:var(--hatter);
    box-shadow:0 4px 16px oklch(from rgba(20,35,29,.04) l c calc(h + var(--tema-hue-s,0)));
  }
}
@media (max-width:1000px){
  .termek-jelzes:target .termek-jelzes-tartalom{
    border-color:var(--akcent);
    box-shadow:0 0 0 3px var(--akcent-halvany);
  }
}
@media (max-width:1000px){
  .termek-jelzes-fej{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:8px;
    flex-wrap:wrap;
  }
}
@media (max-width:1000px){
  .termek-jelzes-fej strong{
    color:var(--akcent-sotet);
    font-size:13px;
  }
}
@media (max-width:1000px){
  .termek-jelzes-fej time{
    color:var(--szoveg-finom);
    font-size:11.5px;
  }
}
@media (max-width:1000px){
  .termek-jelzes-cimkek{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin:10px 0 0;
    padding:0;
    list-style:none;
  }
}
@media (max-width:1000px){
  .termek-jelzes-cimkek li{
    padding:3px 8px;
    border-radius:5px;
    background:var(--hatter-blokk);
    color:var(--szoveg-halvany);
    font-size:11px;
    font-weight:750;
  }
}
@media (max-width:1000px){
  .termek-jelzes-szoveg{
    margin:13px 0 0;
    font-size:13.5px;
    line-height:1.55;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
  }
}
@media (max-width:1000px){
  .termek-jelzes-ertek{
    display:flex;
    align-items:baseline;
    gap:7px 12px;
    flex-wrap:wrap;
    margin:13px 0 0;
    padding:9px 12px;
    border-radius:var(--r);
    background:var(--akcent-halvany);
    font-size:12px;
  }
}
@media (max-width:1000px){
  .termek-jelzes-ertek span{
    color:var(--akcent-sotet);
    font-weight:750;
  }
}
@media (max-width:1000px){
  .termek-jelzes-ertek strong{
    font-size:13.5px;
    overflow-wrap:anywhere;
  }
}
@media (max-width:1000px){
  .termek-jelzesek+.termek-jogi--sav{
    margin-top:0;
  }
}
@media (max-width:560px){
  .termek-jelzes{
    gap:8px;
  }
  .termek-jelzes-ikon{
    width:26px;
    height:26px;
    font-size:14px;
  }
  .termek-jelzes-tartalom{
    padding:14px;
  }
}
@media (max-width:1000px){
  .alternativ-alcim{
    font-size:15px;
    font-weight:800;
  }
}
@media (max-width:1000px){
  .alternativ-kartya{
    position:relative;
    display:grid;
    min-width:0;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .alternativ-kartya{
    position:relative;
    display:grid;
    min-width:0;
  }
}
@media (max-width:1000px){
  .alternativ-kartya .kartya{
    height:100%;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .alternativ-kartya .kartya{
    height:100%;
  }
}
@media (max-width:1000px){
  .alternativ-tipus{
    position:absolute;
    z-index:2;
    top:8px;
    left:8px;
    background:var(--akcent-halvany);
    font-weight:850;
  }
}
@media (max-width:1000px){
  .alternativ-okok{
    display:block;
    line-height:1.35;
  }
}
@media (max-width:1040px){
  @media (max-width:1000px){
    .termek-racs--alternativ{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  }
}
@media (max-width:560px){
  .termek-racs--alternativ{
    grid-template-columns:1fr;
  }
}
@media (max-width:1000px){
  .termek-reszletek{
    min-width:0;
    container:termek / inline-size;
  }
}
@media (max-width:1000px){
  .termek-bolt{
    display:inline-flex;
    align-items:center;
    min-height:32px;
  }
}
@media (max-width:1000px){
  .termek-bolt .bolt-jel{
    background:transparent;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-bolt .bolt-jel{
    background:transparent;
  }
}
@media (max-width:1000px){
  .termek-cim{
    font-size:clamp(26px,3.2vw,42px);
    font-weight:850;
    letter-spacing:-.05em;
    line-height:1.12;
    margin:0;
    padding-bottom:.06em;
    overflow-wrap:break-word;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-cim{
    font-size:clamp(26px,3.2vw,42px);
    font-weight:850;
    letter-spacing:-.05em;
    line-height:1.12;
    margin:0;
    padding-bottom:.06em;
    overflow-wrap:break-word;
  }
}
@media (max-width:1000px){
  .termek-kisz{
    color:var(--szoveg-halvany);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-kisz{
    color:var(--szoveg-halvany);
  }
}
@media (max-width:1000px){
  .nagy-ar{
    display:flex;
    align-items:flex-end;
    gap:14px;
    margin-top:var(--t8);
  }
}
@media (max-width:1000px){
  .nagy-ar--lejart{
    opacity:.55;
  }
}
@media (max-width:1000px){
  .nagy-ar--lejart strong{
    text-decoration:line-through;
  }
}
@media (max-width:1000px){
  .nagy-ar strong{
    position:relative;
    margin-right:8px;
    font-weight:850;
    letter-spacing:-.06em;
    line-height:.85;
  }
}
@media (max-width:1000px){
  .ar-mell{
    display:flex;
    flex-direction:column;
    line-height:1.15;
    padding-bottom:7px;
  }
}
@media (max-width:1000px){
  .ar-szazalek{
    color:var(--lap-piros);
    font-weight:850;
    font-size:17px;
    letter-spacing:-.02em;
  }
}
@media (max-width:1000px){
  .nagy-ar em{
    font-style:normal;
    font-size:15px;
    text-decoration:line-through;
  }
}
@media (max-width:1000px){
  .nagy-egysegar{
    font-weight:800;
    color:var(--akcent);
    letter-spacing:-.02em;
    display:flex;
    align-items:center;
    gap:9px;
  }
}
@media (max-width:1000px){
  .nagy-egysegar::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:5px;
    background:var(--akcent);
  }
}
/* Terv 2 — ár-panel: ár + egységár + érvényesség egy halvány panelben */
@media (max-width:1000px){
  .ar-panel{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .ar-panel{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
}
@media (max-width:1000px){
  .ar-panel--huseg .nagy-ar strong{
    font-size:clamp(30px,3vw,36px);
    line-height:1;
    color:var(--szoveg-halvany);
  }
}
@media (max-width:1000px){
  .ar-panel--huseg .nagy-egysegar{
    font-size:13px;
    margin-top:9px;
  }
}
/* a harang a tetején lévő fülénél fogva kétszer meglendül */
@keyframes harang-leng{
  0%,
  100%{
    transform:rotate(0);
  }
  20%{
    transform:rotate(14deg);
  }
  45%{
    transform:rotate(-10deg);
  }
  70%{
    transform:rotate(5deg);
  }
  85%{
    transform:rotate(-2deg);
  }
}
@media (max-width:1000px){
  .ar-panel .ar-sor{
    margin-top:0;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .ar-panel .ar-sor{
    margin-top:0;
  }
}
@media (max-width:1000px){
  .ar-panel-ervenyes{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 0 0;
    border-top:1px solid var(--keret);
    font-size:12px;
    line-height:1.3;
  }
}
@media (max-width:1000px){
  .ar-panel-ervenyes-szoveg{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    min-width:0;
    color:var(--akcent-sotet);
  }
}
@media (max-width:1000px){
  .ar-panel-ervenyes-szoveg small{
    padding:3px 6px;
    border:1px solid color-mix(in srgb,var(--akcent) 22%,var(--keret));
    border-radius:4px;
    color:var(--akcent);
    font-size:10px;
    font-weight:850;
    letter-spacing:.03em;
    text-transform:uppercase;
  }
}
@media (max-width:1000px){
  .ar-panel-ervenyes-szoveg strong{
    color:var(--szoveg);
    font-size:13px;
    font-weight:850;
  }
}
@media (max-width:1000px){
  .ar-panel-ervenyes-szoveg>span{
    color:var(--szoveg-halvany);
  }
}
@media (max-width:1000px){
  .ar-panel-ora{
    width:17px;
    height:17px;
    flex-shrink:0;
    fill:none;
    stroke:var(--akcent);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
}
/* „30 napon belül olcsóbb volt” – egyetlen sor: jel · állítás · ár · hol · eltérés */
.ar-elozmeny{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
  padding:7px 8px;
  border-radius:var(--r-nagy);
  font-size:13px;
  line-height:1.35;
}
.ar-elozmeny-jel{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:5px;
  font-size:12px;
  font-weight:900;
}
.ar-elozmeny--jo .ar-elozmeny-jel{
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
.ar-elozmeny--figyelem .ar-elozmeny-jel{
  background:var(--figyelem);
  color:var(--gomb-szoveg);
}
.ar-elozmeny-szoveg{
  flex:1;
  min-width:0;
}
.ar-elozmeny-szoveg b{
  font-weight:800;
}
.ar-elozmeny-szoveg .num{
  font-weight:850;
}
.ar-elozmeny-szoveg small{
  margin-left:2px;
  font-size:12px;
  opacity:.8;
  white-space:nowrap;
}
.ar-elozmeny-kul{
  flex:0 0 auto;
  padding:2px 9px;
  border-radius:5px;
  background:var(--hatter);
  font-size:12px;
  font-weight:850;
}
.ar-elozmeny--jo{
  background:var(--akcent-halvany);
  color:var(--akcent-sotet);
}
.ar-elozmeny--figyelem{
  background:var(--figyelem-halvany);
  color:var(--figyelem);
}
@media (max-width:1000px){
  .ar-panel-feltetel{
    display:flex;
    align-items:flex-start;
  }
}
@media (max-width:1000px){
  .ar-panel-feltetel b{
    display:inline-flex;
    flex:none;
    align-items:center;
    gap:5px;
    text-transform:uppercase;
  }
}
@media (max-width:1000px){
  .ar-panel-feltetel svg{
    width:12px;
    height:12px;
    fill:none;
    stroke:var(--figyelem);
    stroke-width:1.8;
    stroke-linecap:round;
  }
}
/* Jóváhagyott konkrét adatjavaslat a kapcsolódó termékadat mellett. */
@media (max-width:1000px){
  .termek-pontositas{
    display:grid;
    gap:5px;
    margin-top:12px;
    padding:11px 14px;
    border:1px solid color-mix(in srgb,var(--akcent) 24%,var(--keret));
    border-radius:var(--r);
    background:color-mix(in srgb,var(--akcent-halvany) 60%,var(--hatter));
    font-size:12.5px;
  }
}
@media (max-width:1000px){
  .termek-pontositas span{
    color:var(--akcent);
    font-size:10.5px;
    font-weight:850;
    letter-spacing:.04em;
    text-transform:uppercase;
  }
}
@media (max-width:1000px){
  .termek-pontositas strong{
    font-size:14px;
    font-weight:800;
    overflow-wrap:anywhere;
  }
}
@media (max-width:1000px){
  .termek-pontositas a{
    justify-self:start;
    color:var(--akcent);
    font-size:11.5px;
    font-weight:750;
  }
}
@media (max-width:1000px){
  .termek-pontositas a:hover{
    text-decoration:underline;
  }
}
/* meta sor: a termék kapcsolatai */
@media (max-width:1000px){
  .termek-muveletek{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:var(--t4);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-muveletek{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:var(--t4);
  }
}
@media (max-width:1000px){
  .termek-muvelet{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:7px 12px;
    border:1px solid var(--keret-eros);
    border-radius:var(--r);
    font-size:13px;
    font-weight:750;
  }
}
@media (max-width:1000px){
  .termek-muvelet svg{
    width:18px;
    height:18px;
  }
}
@media (max-width:1000px){
  .termek-muvelet:hover{
    border-color:var(--akcent);
    color:var(--akcent);
  }
}
@media (max-width:800px){
  /* Telefonon és tableten a műveletek a termékkép alatt maradnak. */
  .termek-muveletek{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
  }
  .termek-muveletek>*{
    min-width:0;
  }
  .termek-muveletek>.termek-muvelet{
    width:100%;
    height:100%;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    min-height:58px;
    padding:7px 4px;
    font-size:11px;
    line-height:1.15;
    text-align:center;
  }
}
/* Árfigyelő: valódi ajánlati pontok, interaktív időtáv. */
.arhist{
  margin-top:var(--t10);
  padding:clamp(18px,3vw,32px);
  border:1px solid color-mix(in srgb,var(--akcent) 22%,var(--keret));
  border-radius:5px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--akcent-halvany) 43%,var(--hatter)),var(--hatter) 56%);
  box-shadow:0 12px 35px oklch(from rgba(2,28,20,.25) l c calc(h + var(--tema-hue-s,0)));
}
.arhist-fej{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:16px;
}
.arhist-kicker{
  display:block;
  margin-bottom:7px;
  color:var(--akcent);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.arhist-fej h2{
  margin:0;
  font-size:clamp(24px,3vw,31px);
  font-weight:850;
  letter-spacing:-.045em;
}
.arhist-fej p{
  margin:5px 0 0;
  color:var(--szoveg-halvany);
  font-size:13px;
}
.arhist-meta{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:#ffffff14;
  color:var(--szoveg-halvany);
  font-size:11px;
  font-weight:750;
}
.arhist-kiemelt{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:15px;
  margin:22px 0 20px;
  padding:18px 20px;
  border:1px solid color-mix(in srgb,var(--akcent) 17%,var(--keret));
  border-radius:5px;
  background:#ffffff1a;
  backdrop-filter:blur(8px);
}
.arhist-kiemelt>div{
  display:grid;
  gap:3px;
}
.arhist-kiemelt small{
  color:var(--szoveg-halvany);
  font-size:12px;
  font-weight:750;
}
.arhist-kiemelt strong{
  font-size:clamp(34px,5vw,52px);
  font-weight:900;
  letter-spacing:-.06em;
  line-height:1;
}
.arhist-valtozas{
  display:grid;
  gap:3px;
  justify-items:end;
  padding:9px 13px;
  border:1px solid color-mix(in srgb,var(--ar-fel) 30%,transparent);
  border-radius:5px;
  background:color-mix(in srgb,var(--ar-fel) 10%,transparent);
  color:var(--ar-fel);
  font-size:20px;
  font-weight:850;
  white-space:nowrap;
}
.arhist-valtozas--jo{
  border-color:color-mix(in srgb,var(--ar-le) 30%,transparent);
  background:color-mix(in srgb,var(--ar-le) 11%,transparent);
  color:var(--ar-le);
}
.arhist-valtozas small{
  color:var(--szoveg-halvany);
  font-size:11px;
  font-weight:650;
}
.arhist-valtozas--azonos,
.arhist-valtozas[data-trend=nincs]{
  border-color:var(--keret);
  background:transparent;
  color:var(--szoveg-halvany);
}
.arhist-pontlista{
  margin-top:14px;
  font-size:12px;
}
.arhist-pontlista summary{
  display:flex;
  align-items:center;
  min-height:44px;
  font-weight:750;
  cursor:pointer;
  color:var(--szoveg-halvany);
}
.arhist-pontlista ul{
  list-style:none;
  margin:0;
  padding:0;
}
.arhist-pontlista li{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-top:1px solid var(--keret);
}
.arhist-pontlista b{
  white-space:nowrap;
}
.arhist-pontlista li i,
.arhist-jelek i,
.arhist-tooltip i{
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:7px;
  border-radius:5px;
  vertical-align:0;
}
.arhist-idotav,
.arhist-nezet{
  display:flex;
  gap:4px;
  width:max-content;
  max-width:100%;
  padding:4px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter-blokk);
}
.arhist-idotav button,
.arhist-nezet button{
  padding:8px 13px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:var(--szoveg-halvany);
  font:inherit;
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
  cursor:pointer;
}
.arhist-idotav button:hover:not(:disabled),
.arhist-nezet button:hover{
  color:var(--akcent);
}
.arhist-idotav button[aria-pressed=true],
.arhist-nezet button[aria-pressed=true],
.arhist-idotav button[aria-pressed=true]:hover,
.arhist-nezet button[aria-pressed=true]:hover{
  background:var(--akcent);
  color:#fff;
  box-shadow:0 2px 5px oklch(from rgba(9,65,46,.18) l c calc(h + var(--tema-hue-s,0)));
}
.arhist-idotav button:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.arhist-nezet{
  margin-bottom:10px;
}
/* összevetési csoport: a legolcsóbb kiemelt kártyán, a többi sávos rangsorban */
@media (max-width:1000px){
  .csoport-ossz{
    --szoveg:#201c18;
    --szoveg-halvany:#5d5650;
    --szoveg-finom:#7c746c;
    --cim-szin:#201c18;
    --akcent:#d9480f;
    --akcent-sotet:#b53c0a;
    --akcent-halvany:#fde9dc;
    --keret:#eadccd;
    margin:0 0 var(--t6);
    padding:22px 24px 18px;
    border:1px solid #eadccd;
    border-radius:0 0 5px 5px;
    background:#fbf6ee;
    color:var(--szoveg);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-ossz{
    --szoveg:#201c18;
    --szoveg-halvany:#5d5650;
    --szoveg-finom:#7c746c;
    --cim-szin:#201c18;
    --akcent:#d9480f;
    --akcent-sotet:#b53c0a;
    --akcent-halvany:#fde9dc;
    --keret:#eadccd;
    margin:0 0 var(--t6);
    padding:22px 24px 18px;
    border:1px solid #eadccd;
    border-radius:0 0 5px 5px;
    background:#fbf6ee;
    color:var(--szoveg);
  }
}
@media (max-width:1000px){
  .csoport-ossz-fej{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-ossz-fej{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
  }
}
@media (max-width:1000px){
  .csoport-kicker{
    color:var(--akcent);
    font-size:13px;
    font-weight:850;
    letter-spacing:.07em;
    text-transform:uppercase;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-kicker{
    color:var(--akcent);
    font-size:13px;
    font-weight:850;
    letter-spacing:.07em;
    text-transform:uppercase;
  }
}
@media (max-width:1000px){
  .csoport-ossz-fej h3{
    margin:3px 0 0;
    font-size:clamp(28px,3.4vw,44px);
    font-weight:800;
    letter-spacing:-.035em;
    line-height:1.1;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-ossz-fej h3{
    margin:3px 0 0;
    font-size:clamp(28px,3.4vw,44px);
    font-weight:800;
    letter-spacing:-.035em;
    line-height:1.1;
  }
}
@media (max-width:1000px){
  .csoport-meta{
    color:var(--szoveg-finom);
    font-size:12px;
    font-weight:700;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-meta{
    color:var(--szoveg-finom);
    font-size:12px;
    font-weight:700;
  }
}
@media (max-width:1000px){
  .csoport-racs{
    display:grid;
    grid-template-columns:minmax(250px,360px) minmax(0,1fr);
    gap:22px;
    align-items:start;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-racs{
    display:grid;
    grid-template-columns:minmax(250px,360px) minmax(0,1fr);
    gap:22px;
    align-items:start;
  }
}
@media (max-width:1000px){
  .csoport-hero{
    --narancs:#f0601a;
    --narancs-vilagos:#ff8a2a;
    --narancs-mely:#c83200;
    position:relative;
    isolation:isolate;
    container-type:inline-size;
    display:grid;
    gap:6px;
    align-content:start;
    overflow:hidden;
    padding:16px 18px 0;
    border:1px solid #f3b08a;
    border-top:2px solid var(--narancs);
    border-radius:5px;
    background:linear-gradient(160deg,#fffaf3 0%,#fff3e6 55%,#fde9d6 100%);
    color:#1c1a17;
    text-decoration:none;
    transition:box-shadow .15s;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero{
    --narancs:#f0601a;
    --narancs-vilagos:#ff8a2a;
    --narancs-mely:#c83200;
    position:relative;
    isolation:isolate;
    container-type:inline-size;
    display:grid;
    gap:6px;
    align-content:start;
    overflow:hidden;
    padding:16px 18px 0;
    border:1px solid #f3b08a;
    border-top:2px solid var(--narancs);
    border-radius:5px;
    background:linear-gradient(160deg,#fffaf3 0%,#fff3e6 55%,#fde9d6 100%);
    color:#1c1a17;
    text-decoration:none;
    transition:box-shadow .15s;
  }
}
/* felső rész: fehér, mint a termékfotó háttere; bal sarkában a narancs csíkok, alul szolid szaggatott elválasztó */
@media (max-width:1000px){
  .csoport-hero-felso{
    position:relative;
    isolation:isolate;
    display:grid;
    gap:6px;
    margin:-16px -18px 0;
    padding:16px 18px 10px;
    border-bottom:1px dashed #d9b48f;
    background:#fff;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-felso{
    position:relative;
    isolation:isolate;
    display:grid;
    gap:6px;
    margin:-16px -18px 0;
    padding:16px 18px 10px;
    border-bottom:1px dashed #d9b48f;
    background:#fff;
  }
}
@media (max-width:1000px){
  .csoport-hero-felso::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(135deg,transparent 0 39%,#f8c7a0 39% 41.4%,transparent 41.4% 42.5%,#f6a874 42.5%,#f0601a 45.5%,#d84818 48.6%,transparent 48.6% 49.4%,#ff8a2a 49.4% 50.3%,transparent 50.3% 51.7%,#f8c7a0 51.7%,#f6a874aa 56.9%,transparent 56.9%) left -120px top -120px/360px 360px no-repeat;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-felso::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(135deg,transparent 0 39%,#f8c7a0 39% 41.4%,transparent 41.4% 42.5%,#f6a874 42.5%,#f0601a 45.5%,#d84818 48.6%,transparent 48.6% 49.4%,#ff8a2a 49.4% 50.3%,transparent 50.3% 51.7%,#f8c7a0 51.7%,#f6a874aa 56.9%,transparent 56.9%) left -120px top -120px/360px 360px no-repeat;
  }
}
/* jobb alsó sarok: vékony, bolt színű csíkok a sarokban (az árak alá nem nyúlnak be) */
@media (max-width:1000px){
  .csoport-hero::after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:40px;
    z-index:-1;
    width:220px;
    height:220px;
    pointer-events:none;
    background:linear-gradient(135deg,transparent 0 57%,color-mix(in srgb,var(--bolt-szin) 45%,#ff8a2a) 57% 60.5%,color-mix(in srgb,var(--bolt-szin) 75%,#ff8a2a) 60.5% 64%,var(--bolt-szin) 64% 67.5%,color-mix(in srgb,var(--bolt-szin) 82%,#000) 67.5% 71%,color-mix(in srgb,var(--bolt-szin) 62%,#000) 71%);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero::after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:40px;
    z-index:-1;
    width:220px;
    height:220px;
    pointer-events:none;
    background:linear-gradient(135deg,transparent 0 57%,color-mix(in srgb,var(--bolt-szin) 45%,#ff8a2a) 57% 60.5%,color-mix(in srgb,var(--bolt-szin) 75%,#ff8a2a) 60.5% 64%,var(--bolt-szin) 64% 67.5%,color-mix(in srgb,var(--bolt-szin) 82%,#000) 67.5% 71%,color-mix(in srgb,var(--bolt-szin) 62%,#000) 71%);
  }
}
@media (max-width:1000px){
  a.csoport-hero:hover{
    box-shadow:0 10px 24px color-mix(in srgb,var(--narancs) 22%,transparent);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) a.csoport-hero:hover{
    box-shadow:0 10px 24px color-mix(in srgb,var(--narancs) 22%,transparent);
  }
}
@media (max-width:1000px){
  .csoport-hero-sorszam{
    position:relative;
    z-index:1;
    display:grid;
    justify-items:start;
    gap:4px;
    line-height:1;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-sorszam{
    position:relative;
    z-index:1;
    display:grid;
    justify-items:start;
    gap:4px;
    line-height:1;
  }
}
@media (max-width:1000px){
  .csoport-hero-sorszam b{
    color:#1c1a17;
    font-size:min(76px,21cqw);
    font-weight:800;
    letter-spacing:-.05em;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-sorszam b{
    color:#1c1a17;
    font-size:min(76px,21cqw);
    font-weight:800;
    letter-spacing:-.05em;
  }
}
@media (max-width:1000px){
  .csoport-hero-sorszam i{
    color:#1c1a17;
    font-size:min(18px,5cqw);
    font-style:normal;
    font-weight:800;
    text-transform:uppercase;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-sorszam i{
    color:#1c1a17;
    font-size:min(18px,5cqw);
    font-style:normal;
    font-weight:800;
    text-transform:uppercase;
  }
}
@media (max-width:1000px){
  .csoport-hero-sorszam i::after{
    content:"";
    display:block;
    width:46px;
    height:3px;
    margin-top:9px;
    border-radius:2px;
    background:#1c1a17;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-sorszam i::after{
    content:"";
    display:block;
    width:46px;
    height:3px;
    margin-top:9px;
    border-radius:2px;
    background:#1c1a17;
  }
}
@media (max-width:1000px){
  .csoport-hero-kep{
    display:block;
    width:60%;
    height:260px;
    margin:-118px 4% 0 auto;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-kep{
    display:block;
    width:60%;
    height:260px;
    margin:-118px 4% 0 auto;
  }
}
@media (max-width:1000px){
  .csoport-hero-kep img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    mix-blend-mode:multiply;
    filter:brightness(1.05);
    /* a fotó majdnem fehér háttere teljesen fehér lesz, így beleolvad a fehér felső részbe */
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-kep img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    mix-blend-mode:multiply;
    filter:brightness(1.05);
    /* a fotó majdnem fehér háttere teljesen fehér lesz, így beleolvad a fehér felső részbe */
  }
}
@media (max-width:1000px){
  .csoport-hero .csoport-nev{
    margin-top:8px;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero .csoport-nev{
    margin-top:8px;
  }
}
@media (max-width:1000px){
  .csoport-hero .csoport-nev b{
    color:#1c1a17;
    font-size:19px;
    font-weight:800;
    line-height:1.2;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero .csoport-nev b{
    color:#1c1a17;
    font-size:19px;
    font-weight:800;
    line-height:1.2;
  }
}
@media (max-width:1000px){
  .csoport-hero .csoport-nev small{
    color:#2b2723;
    font-size:16px;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero .csoport-nev small{
    color:#2b2723;
    font-size:16px;
  }
}
@media (max-width:1000px){
  .csoport-hero-bolt{
    color:var(--bolt-jel);
    font-weight:800;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-bolt{
    color:var(--bolt-jel);
    font-weight:800;
  }
}
@media (max-width:1000px){
  .csoport-hero-ar{
    display:flex;
    align-items:baseline;
    gap:10px;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-ar{
    display:flex;
    align-items:baseline;
    gap:10px;
  }
}
@media (max-width:1000px){
  .csoport-hero-ar strong{
    background:linear-gradient(180deg,#e2470f 0%,var(--narancs-mely) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    font-size:min(80px,22cqw);
    font-weight:800;
    letter-spacing:-.05em;
    line-height:.95;
    padding-right:.04em;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-ar strong{
    background:linear-gradient(180deg,#e2470f 0%,var(--narancs-mely) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    font-size:min(80px,22cqw);
    font-weight:800;
    letter-spacing:-.05em;
    line-height:.95;
    padding-right:.04em;
  }
}
@media (max-width:1000px){
  .csoport-hero-ar em{
    color:#c63a14;
    font-size:min(30px,8.4cqw);
    font-style:normal;
    font-weight:800;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-ar em{
    color:#c63a14;
    font-size:min(30px,8.4cqw);
    font-style:normal;
    font-weight:800;
  }
}
@media (max-width:1000px){
  .csoport-hero-alatt{
    color:#1c1a17;
    font-size:16px;
    font-weight:800;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-alatt{
    color:#1c1a17;
    font-size:16px;
    font-weight:800;
  }
}
@media (max-width:1000px){
  .csoport-hero-uzenet{
    position:relative;
    isolation:isolate;
    display:grid;
    align-content:center;
    gap:2px;
    overflow:hidden;
    min-height:86px;
    margin:6px -18px 0;
    padding:18px 18px 20px;
    background:radial-gradient(ellipse 48% 85% at 22% 12%,color-mix(in srgb,#fff 24%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,#fff 14%,transparent) 0%,transparent 48%),linear-gradient(100deg,color-mix(in srgb,var(--bolt-szin) 72%,#000) 0%,color-mix(in srgb,var(--bolt-szin) 90%,#000) 35%,var(--bolt-szin) 68%,color-mix(in srgb,var(--bolt-szin) 90%,#fff) 100%);
    color:var(--bolt-szoveg);
    font-size:min(26px,7.4cqw);
    font-weight:800;
    letter-spacing:-.02em;
    line-height:1.15;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-uzenet{
    position:relative;
    isolation:isolate;
    display:grid;
    align-content:center;
    gap:2px;
    overflow:hidden;
    min-height:86px;
    margin:6px -18px 0;
    padding:18px 18px 20px;
    background:radial-gradient(ellipse 48% 85% at 22% 12%,color-mix(in srgb,#fff 24%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,#fff 14%,transparent) 0%,transparent 48%),linear-gradient(100deg,color-mix(in srgb,var(--bolt-szin) 72%,#000) 0%,color-mix(in srgb,var(--bolt-szin) 90%,#000) 35%,var(--bolt-szin) 68%,color-mix(in srgb,var(--bolt-szin) 90%,#fff) 100%);
    color:var(--bolt-szoveg);
    font-size:min(26px,7.4cqw);
    font-weight:800;
    letter-spacing:-.02em;
    line-height:1.15;
  }
}
@media (max-width:1000px){
  .csoport-hero-uzenet strong{
    font-size:1.3em;
    font-weight:800;
    letter-spacing:-.04em;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-uzenet strong{
    font-size:1.3em;
    font-weight:800;
    letter-spacing:-.04em;
  }
}
@media (max-width:1000px){
  .csoport-hero-uzenet small{
    display:block;
    font-size:15px;
    font-weight:500;
    letter-spacing:0;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-uzenet small{
    display:block;
    font-size:15px;
    font-weight:500;
    letter-spacing:0;
  }
}
@media (max-width:1000px){
  .csoport-hero-uzenet::before{
    content:"";
    position:absolute;
    top:0;
    right:-34px;
    bottom:0;
    z-index:-1;
    width:40%;
    pointer-events:none;
    border-left:2px solid #ff8a2a;
    background:linear-gradient(100deg,color-mix(in srgb,#000 16%,transparent),color-mix(in srgb,#000 6%,transparent));
    transform:skewX(-24deg);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-uzenet::before{
    content:"";
    position:absolute;
    top:0;
    right:-34px;
    bottom:0;
    z-index:-1;
    width:40%;
    pointer-events:none;
    border-left:2px solid #ff8a2a;
    background:linear-gradient(100deg,color-mix(in srgb,#000 16%,transparent),color-mix(in srgb,#000 6%,transparent));
    transform:skewX(-24deg);
  }
}
@media (max-width:1000px){
  .csoport-hero-uzenet::after{
    content:"%";
    position:absolute;
    top:50%;
    right:14px;
    z-index:-1;
    background:linear-gradient(170deg,color-mix(in srgb,var(--bolt-szin) 55%,#ff7a3a) 0%,color-mix(in srgb,var(--bolt-szin) 80%,#ff3a1a) 45%,color-mix(in srgb,var(--bolt-szin) 80%,#000) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    font-size:86px;
    font-weight:800;
    line-height:1;
    pointer-events:none;
    transform:translateY(-50%) skewX(-8deg);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-hero-uzenet::after{
    content:"%";
    position:absolute;
    top:50%;
    right:14px;
    z-index:-1;
    background:linear-gradient(170deg,color-mix(in srgb,var(--bolt-szin) 55%,#ff7a3a) 0%,color-mix(in srgb,var(--bolt-szin) 80%,#ff3a1a) 45%,color-mix(in srgb,var(--bolt-szin) 80%,#000) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    font-size:86px;
    font-weight:800;
    line-height:1;
    pointer-events:none;
    transform:translateY(-50%) skewX(-8deg);
  }
}
@media (max-width:1000px){
  .csoport-lista{
    display:grid;
    margin:0;
    padding:0;
    list-style:none;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-lista{
    display:grid;
    margin:0;
    padding:0;
    list-style:none;
  }
}
@media (max-width:1000px){
  .csoport-sor+.csoport-sor{
    border-top:1px solid var(--keret);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-sor+.csoport-sor{
    border-top:1px solid var(--keret);
  }
}
@media (max-width:1000px){
  .csoport-sor-tartalom{
    display:grid;
    grid-template-columns:56px minmax(0,1.5fr) minmax(60px,1.1fr) 132px 68px;
    align-items:center;
    gap:18px;
    padding:14px 10px;
    border-radius:5px;
    color:var(--szoveg);
    text-decoration:none;
    transition:background-color .15s;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-sor-tartalom{
    display:grid;
    grid-template-columns:56px minmax(0,1.5fr) minmax(60px,1.1fr) 132px 68px;
    align-items:center;
    gap:18px;
    padding:14px 10px;
    border-radius:5px;
    color:var(--szoveg);
    text-decoration:none;
    transition:background-color .15s;
  }
}
@media (max-width:1000px){
  a.csoport-sor-tartalom:hover{
    background:color-mix(in srgb,var(--akcent-halvany) 50%,transparent);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) a.csoport-sor-tartalom:hover{
    background:color-mix(in srgb,var(--akcent-halvany) 50%,transparent);
  }
}
@media (max-width:1000px){
  .csoport-sor--ez .csoport-sor-tartalom{
    background:color-mix(in srgb,var(--akcent-halvany) 75%,transparent);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-sor--ez .csoport-sor-tartalom{
    background:color-mix(in srgb,var(--akcent-halvany) 75%,transparent);
  }
}
@media (max-width:1000px){
  .csoport-kep{
    display:grid;
    flex:none;
    place-items:center;
    overflow:hidden;
    border-width:1px;
    border-style:solid;
    font-weight:800;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-kep{
    display:grid;
    flex:none;
    place-items:center;
    overflow:hidden;
    border-width:1px;
    border-style:solid;
    font-weight:800;
  }
}
@media (max-width:1000px){
  .csoport-kep--56{
    width:56px;
    height:56px;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-kep--56{
    width:56px;
    height:56px;
  }
}
@media (max-width:1000px){
  .csoport-kep img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    aspect-ratio:auto;
    align-self:center;
    justify-self:center;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-kep img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    aspect-ratio:auto;
    align-self:center;
    justify-self:center;
  }
}
@media (max-width:1000px){
  .csoport-nev{
    display:grid;
    gap:3px;
    min-width:0;
    line-height:1.25;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-nev{
    display:grid;
    gap:3px;
    min-width:0;
    line-height:1.25;
  }
}
@media (max-width:1000px){
  .csoport-nev b{
    font-size:17px;
    font-weight:800;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-nev b{
    font-size:17px;
    font-weight:800;
  }
}
@media (max-width:1000px){
  .csoport-nev small{
    overflow:hidden;
    color:var(--szoveg-halvany);
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-nev small{
    overflow:hidden;
    color:var(--szoveg-halvany);
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
@media (max-width:1000px){
  .csoport-nev small .bolt-pont{
    display:inline-block;
    margin-right:6px;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-nev small .bolt-pont{
    display:inline-block;
    margin-right:6px;
  }
}
@media (max-width:1000px){
  .csoport-ez{
    color:var(--akcent);
    font-size:10px;
    font-style:normal;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-ez{
    color:var(--akcent);
    font-size:10px;
    font-style:normal;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
}
@media (max-width:1000px){
  .csoport-sav{
    display:block;
    height:14px;
    border-radius:3px;
    background:#ebe5dc;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-sav{
    display:block;
    height:14px;
    border-radius:3px;
    background:#ebe5dc;
  }
}
@media (max-width:1000px){
  .csoport-sav i{
    display:block;
    height:100%;
    border-radius:3px;
    background:#8f8b86;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-sav i{
    display:block;
    height:100%;
    border-radius:3px;
    background:#8f8b86;
  }
}
@media (max-width:1000px){
  .csoport-sor--ez .csoport-sav i{
    background:linear-gradient(90deg,var(--akcent),color-mix(in srgb,var(--akcent) 78%,#fff));
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-sor--ez .csoport-sav i{
    background:linear-gradient(90deg,var(--akcent),color-mix(in srgb,var(--akcent) 78%,#fff));
  }
}
@media (max-width:1000px){
  .csoport-ar{
    display:grid;
    justify-items:end;
    gap:1px;
    line-height:1.15;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-ar{
    display:grid;
    justify-items:end;
    gap:1px;
    line-height:1.15;
  }
}
@media (max-width:1000px){
  .csoport-ar strong{
    font-size:22px;
    font-weight:850;
    letter-spacing:-.02em;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-ar strong{
    font-size:22px;
    font-weight:850;
    letter-spacing:-.02em;
  }
}
@media (max-width:1000px){
  .csoport-ar small{
    color:var(--szoveg-halvany);
    font-size:14px;
    font-weight:600;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-ar small{
    color:var(--szoveg-halvany);
    font-size:14px;
    font-weight:600;
  }
}
@media (max-width:1000px){
  .csoport-kulonbseg{
    justify-self:end;
    min-width:68px;
    padding:12px 8px;
    border-radius:5px;
    background:color-mix(in srgb,var(--akcent) 22%,#fff);
    color:#d92b18;
    font-size:19px;
    font-weight:900;
    text-align:center;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-kulonbseg{
    justify-self:end;
    min-width:68px;
    padding:12px 8px;
    border-radius:5px;
    background:color-mix(in srgb,var(--akcent) 22%,#fff);
    color:#d92b18;
    font-size:19px;
    font-weight:900;
    text-align:center;
  }
}
@media (max-width:1000px){
  .csoport-kulonbseg:empty{
    background:none;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-kulonbseg:empty{
    background:none;
  }
}
@media (max-width:1000px){
  .csoport-jegyzet{
    margin:14px 0 0;
    color:var(--szoveg-finom);
    font-size:11px;
    line-height:1.5;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .csoport-jegyzet{
    margin:14px 0 0;
    color:var(--szoveg-finom);
    font-size:11px;
    line-height:1.5;
  }
}
@media (max-width:900px){
  .csoport-racs{
    grid-template-columns:1fr;
    gap:14px;
  }
}
@media (max-width:640px){
  .csoport-ossz{
    padding:16px;
  }
  .csoport-sor-tartalom{
    grid-template-columns:48px minmax(0,1fr) auto;
    gap:6px 12px;
  }
  .csoport-kep--56{
    width:48px;
    height:48px;
  }
  .csoport-nev b{
    font-size:15px;
  }
  .csoport-ar strong{
    font-size:17px;
  }
  .csoport-sav{
    grid-column:2/-1;
    grid-row:2;
  }
  .csoport-kulonbseg{
    display:none;
  }
}
.arhist-grafikon{
  position:relative;
  height:300px;
  margin-top:16px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:color-mix(in srgb,var(--hatter) 70%,transparent);
}
.arhist-grafikon svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  touch-action:pan-y;
}
.arhist-grid{
  stroke:var(--keret);
  stroke-width:1;
  stroke-dasharray:3 5;
}
.arhist-alap{
  stroke:var(--keret-eros);
  stroke-width:1;
}
.arhist-szin-fent{
  stop-color:var(--akcent);
  stop-opacity:.34;
}
.arhist-szin-lent{
  stop-color:var(--akcent);
  stop-opacity:0;
}
.arhist-line{
  fill:none;
  stroke:#16864b;
  stroke-width:3;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.arhist-atlag{
  stroke:var(--szoveg-finom);
  stroke-width:1.2;
  stroke-dasharray:7 6;
  opacity:.75;
}
.arhist-atlag-cimke{
  fill:var(--szoveg-halvany);
  stroke:var(--hatter);
  stroke-width:3px;
  paint-order:stroke;
  font-size:10.5px;
  font-weight:750;
}
.arhist-vezeto{
  stroke:var(--akcent);
  stroke-width:1;
  stroke-dasharray:2 4;
  pointer-events:none;
}
.arhist-erzekelo{
  fill:transparent;
  cursor:crosshair;
}
.arhist-pont{
  fill:var(--pont-szin);
  stroke:var(--hatter);
  stroke-width:2.5;
  cursor:pointer;
  transition:r .15s;
}
.arhist-pont.aktiv,
.arhist-pont:focus-visible{
  r:8;
  outline:none;
}
.arhist-pont--most{
  stroke-width:3;
}
.arhist-pont-halo{
  fill:color-mix(in srgb,var(--akcent) 22%,transparent);
  pointer-events:none;
  transform-box:fill-box;
  transform-origin:center;
}
.arhist-most-cimke rect{
  fill:var(--akcent);
}
.arhist-most-cimke text{
  fill:var(--gomb-szoveg);
  font-size:11.5px;
  font-weight:850;
}
.arhist-tick{
  fill:var(--szoveg-finom);
  font-size:11px;
  font-weight:700;
}
.arhist-tick--egyseg{
  font-size:10px;
  font-weight:800;
}
.arhist-tooltip{
  position:absolute;
  z-index:2;
  min-width:170px;
  max-width:240px;
  padding:10px 12px;
  border:1px solid var(--keret-eros);
  border-radius:5px;
  background:var(--hatter);
  box-shadow:0 12px 28px oklch(from rgba(24,43,34,.2) l c calc(h + var(--tema-hue-s,0)));
  font-size:12px;
  line-height:1.45;
  pointer-events:none;
}
.arhist-tooltip small{
  display:block;
  margin-bottom:6px;
  color:var(--szoveg-finom);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.arhist-tooltip ul{
  display:grid;
  gap:4px;
  margin:0;
  padding:0;
  list-style:none;
}
.arhist-tooltip li{
  display:flex;
  align-items:center;
  gap:2px;
}
.arhist-tooltip li span{
  flex:1;
  color:var(--szoveg-halvany);
  font-weight:700;
}
.arhist-tooltip li b{
  font-size:14px;
  font-weight:850;
}
.arhist-tooltip em{
  display:block;
  margin-top:7px;
  padding-top:6px;
  border-top:1px solid var(--keret);
  color:var(--szoveg-halvany);
  font-size:11px;
  font-style:normal;
  font-weight:700;
}
.arhist-tooltip em.le{
  color:var(--ar-le);
}
.arhist-tooltip em.fel{
  color:var(--ar-fel);
}
.arhist-jelek{
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
  margin-top:10px;
  color:var(--szoveg-halvany);
  font-size:11.5px;
  font-weight:750;
}
.arhist-ures{
  margin:10px 0;
  color:var(--szoveg-halvany);
  font-size:12px;
}
.arhist-sav{
  margin-top:20px;
  padding:14px 16px 12px;
  border:1px solid var(--keret);
  border-radius:5px;
}
.arhist-sav-fej{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  color:var(--szoveg-halvany);
  font-size:12px;
  font-weight:700;
}
.arhist-sav-fej b{
  color:var(--szoveg);
  font-size:13px;
  font-weight:850;
}
.arhist-sav-fej b[data-ertekeles=jo]{
  color:var(--ar-le);
}
.arhist-sav-fej b[data-ertekeles=draga]{
  color:var(--ar-fel);
}
.arhist-sav-sin{
  position:relative;
  height:8px;
  border-radius:4px;
  background:linear-gradient(90deg,var(--ar-le),#d9a630 50%,var(--ar-fel));
}
.arhist-sav-sin i{
  position:absolute;
  top:50%;
  width:18px;
  height:18px;
  border:3px solid var(--hatter);
  border-radius:5px;
  background:var(--szoveg);
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transform:translate(-50%,-50%);
  transition:left .4s ease-out;
}
.arhist-sav-alj{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:9px;
  color:var(--szoveg-finom);
  font-size:11px;
  font-weight:700;
}
.arhist--egypont .arhist-grafikon,
.arhist--egypont .arhist-jelek,
.arhist--egypont .arhist-sav,
.arhist--egypont .arhist-stat{
  display:none;
}
.arhist--egypont .arhist-ures{
  margin:16px 0 0;
  padding:14px;
  border:1px dashed var(--keret-eros);
  border-radius:5px;
  background:#ffffff14;
  color:var(--szoveg-halvany);
  font-size:13px;
}
.arhist-stat{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:20px;
}
.arhist-stat-csempe{
  display:grid;
  gap:3px;
  padding:12px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:#ffffff14;
}
.arhist-stat-csempe small{
  color:var(--szoveg-finom);
  font-size:11px;
  font-weight:700;
}
.arhist-stat-csempe b{
  font-size:18px;
  font-weight:900;
  letter-spacing:-.02em;
}
.arhist-stat-csempe--most{
  border-color:color-mix(in srgb,var(--akcent) 35%,var(--keret));
  background:var(--akcent-halvany);
  color:var(--akcent-sotet);
}
.arhist-forras{
  margin:11px 0 0;
  color:var(--szoveg-finom);
  font-size:11px;
  line-height:1.5;
}
.arhist-premium{
  margin:11px 0 0;
  color:var(--akcent);
  font-size:11px;
  line-height:1.5;
  font-weight:800;
}
@media (max-width:1000px){
  .arhist+.termek-jogi--sav{
    margin-top:0;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .arhist+.termek-jogi--sav{
    margin-top:0;
  }
}
@media (prefers-reduced-motion:no-preference){
  .arhist--rajzolt .arhist-line{
    stroke-dasharray:var(--hossz);
    stroke-dashoffset:var(--hossz);
    animation:arhist-rajz .8s ease-out forwards;
  }
  .arhist--rajzolt .arhist-area{
    animation:arhist-be .8s ease-out both;
  }
  .arhist-pont-halo{
    animation:arhist-lukteto 1.8s ease-out infinite;
  }
  @keyframes arhist-rajz{
    to{
      stroke-dashoffset:0;
    }
  }
  @keyframes arhist-be{
    from{
      opacity:0;
    }
  }
  @keyframes arhist-lukteto{
    from{
      opacity:.9;
      transform:scale(.55);
    }
    to{
      opacity:0;
      transform:scale(1.35);
    }
  }
}
@media (max-width:600px){
  .arhist-fej,
  .arhist-kiemelt{
    align-items:start;
    flex-direction:column;
  }
  .arhist-valtozas{
    justify-items:start;
  }
  .arhist-stat{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .arhist-idotav{
    width:100%;
    overflow-x:auto;
  }
  .arhist-idotav button{
    flex:1;
    padding:8px 9px;
  }
  .arhist-grafikon{
    height:240px;
  }
  .arhist-sav-fej{
    flex-direction:column;
    gap:2px;
  }
}
.doboz{
  border-top:1px solid var(--keret);
  padding-top:var(--t5);
  margin-top:var(--t6);
}
.doboz p{
  font-size:13.5px;
  color:var(--szoveg-halvany);
}
/* Megosztás: egyetlen, két közvetlen műveletre osztott QR | Link vezérlő. */
.megosztas{
  display:inline-flex;
  align-items:stretch;
  flex-shrink:0;
  overflow:hidden;
  height:42px;
  border:1px solid var(--keret-eros);
  border-radius:var(--r);
  background:var(--hatter);
  box-shadow:0 3px 10px oklch(from rgba(17,36,29,.05) l c calc(h + var(--tema-hue-s,0)));
}
.megosztas-szeg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:76px;
  height:100%;
  padding:0 15px;
  border:0;
  background:transparent;
  color:var(--szoveg);
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.megosztas-szeg+.megosztas-szeg{
  border-left:1px solid var(--keret-eros);
}
.megosztas-szeg:hover{
  background:var(--hatter-blokk);
  color:var(--akcent);
}
.megosztas-szeg:focus-visible{
  position:relative;
  z-index:1;
  outline:2px solid var(--akcent);
  outline-offset:-3px;
}
.megosztas-szeg svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.megosztas-ikon-kesz{
  display:none;
}
.megosztas.masolva .megosztas-szeg--link{
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
.megosztas.masolva .megosztas-szeg--link .megosztas-ikon-alap{
  display:none;
}
.megosztas.masolva .megosztas-szeg--link .megosztas-ikon-kesz{
  display:block;
}
.lejart-savoly{
  display:grid;
  gap:3px;
  padding:12px var(--t5) 13px;
  position:relative;
  border:1px solid color-mix(in srgb,var(--figyelem) 32%,transparent);
  border-radius:var(--r);
  background:linear-gradient(90deg,var(--figyelem-halvany),transparent 85%);
  overflow:hidden;
}
.lejart-savoly-cim{
  color:var(--figyelem);
  font-size:12px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.lejart-savoly p{
  margin:0;
  color:var(--szoveg);
  font-size:14px;
  line-height:1.45;
}
.lejart-savoly .lejart-savoly-tipp{
  color:var(--szoveg-halvany);
  font-size:13px;
}
/* lejárt ajánlat: a szalag hajlata a levágott felső él mögé fut, a kép szürkül */
@media (max-width:1000px){
  .termek-kep-nagy--lejart>:not(.lejart-szalag){
    filter:grayscale(1);
    opacity:.6;
  }
}
@media (max-width:1000px){
  .termek-kep-nagy>.lejart-szalag--termek{
    width:clamp(96px,38%,170px);
  }
}
.lejart-utod{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--t4);
  margin-top:var(--t6);
  padding:12px var(--t5);
  border:1px solid color-mix(in srgb,var(--akcent) 35%,var(--keret));
  border-radius:var(--r);
  background:var(--akcent-halvany);
  color:var(--szoveg);
  transition:border-color .15s;
}
.lejart-utod:hover{
  border-color:var(--akcent);
}
.lejart-utod-szoveg{
  display:grid;
  gap:2px;
}
.lejart-utod-szoveg small{
  color:var(--szoveg-halvany);
  font-size:12px;
}
.lejart-utod-szoveg b{
  font-size:15px;
}
.lejart-utod-szoveg b .num{
  color:var(--akcent);
}
.lejart-utod-gomb{
  flex:none;
  color:var(--akcent);
  font-size:13.5px;
  font-weight:800;
}
@media (max-width:520px){
  .lejart-utod{
    flex-direction:column;
    align-items:flex-start;
  }
}
/* lejárt újság a lapozóban */
.lejart-ujsag-sav{
  position:relative;
  display:flex;
  align-items:center;
  gap:var(--t4);
  margin-top:var(--t4);
  padding:12px var(--t5) 12px 96px;
  min-height:72px;
  border:1px solid var(--keret);
  border-radius:var(--r-nagy);
  background:var(--hatter-blokk);
  overflow:hidden;
}
.lejart-ujsag-sav-cimke{
  position:absolute;
  top:50%;
  left:var(--t5);
  transform:translateY(-50%);
  padding:4px 10px;
  border-radius:4px;
  background:var(--lejart);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.lejart-ujsag-sav p{
  flex:1;
  margin:0;
  color:var(--szoveg-halvany);
  font-size:13.5px;
  line-height:1.5;
}
.lejart-ujsag-sav p b{
  color:var(--hiba);
}
.lejart-ujsag-sav .g{
  flex:none;
}
.lapozo-tetel--lejart,
.lapozo-tetel--lejart:hover{
  color:var(--szoveg-halvany);
  background:none;
  cursor:default;
}
.lapozo--lejart .lapozo-lap,
.lapozo--lejart .lapozo-belyegsav img{
  filter:grayscale(1);
}
@media (max-width:640px){
  .lejart-ujsag-sav{
    flex-direction:column;
    align-items:flex-start;
    padding-left:var(--t5);
  }
  .lejart-ujsag-sav-cimke{
    position:static;
    transform:none;
  }
  .termek-elrendezes{
    margin-top:var(--t4);
    padding:14px;
    border-radius:var(--r-nagy);
  }
  .termek-cim{
    font-size:32px;
  }
  .nagy-ar strong{
    font-size:48px;
  }
}
/* QR-kód felugró ablak */
body.modal-nyitva,
body:has(.korhatar-kapu){
  overflow:hidden;
}
.qr-modal[hidden]{
  display:none;
}
.qr-modal{
  position:fixed;
  inset:0;
  z-index:140;
  display:grid;
  place-items:center;
  padding:20px;
}
.qr-modal-hatter{
  position:absolute;
  inset:0;
  background:oklch(from rgba(18,25,22,.56) l c calc(h + var(--tema-hue-s,0)));
  backdrop-filter:blur(4px);
}
.qr-modal-doboz{
  position:relative;
  width:min(460px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter);
  box-shadow:0 24px 70px oklch(from rgba(12,36,26,.25) l c calc(h + var(--tema-hue-s,0)));
}
.qr-modal-fej{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:24px 25px 18px;
  border-bottom:1px solid var(--keret);
  background:linear-gradient(120deg,var(--akcent-halvany),var(--hatter) 76%);
}
.qr-modal-fej span{
  display:block;
  margin-bottom:5px;
  color:var(--akcent);
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.qr-modal-fej h2{
  margin:0;
  font-size:23px;
  font-weight:850;
  letter-spacing:-.04em;
}
.qr-modal-leiras{
  margin:5px 0 0;
  color:var(--szoveg-halvany);
  font-size:12px;
  line-height:1.45;
}
.qr-modal-x{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:var(--r);
  background:var(--hatter-blokk);
  color:var(--szoveg-halvany);
  font-size:23px;
  line-height:1;
  cursor:pointer;
}
.qr-modal-x:hover{
  background:var(--hiba-halvany);
  color:var(--hiba);
}
.qr-modal-kep{
  width:min(294px,calc(100% - 48px));
  aspect-ratio:1;
  margin:24px auto 12px;
  padding:11px;
  border:1px solid var(--keret);
  border-radius:5px;
  background:var(--hatter);
  display:grid;
  place-items:center;
  box-shadow:0 9px 25px oklch(from rgba(13,85,64,.1) l c calc(h + var(--tema-hue-s,0)));
}
.qr-modal-kep img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  image-rendering:pixelated;
}
.qr-modal-utmutato{
  margin:0 24px 7px;
  text-align:center;
  color:var(--szoveg);
  font-size:12.5px;
  line-height:1.5;
}
.qr-modal-url{
  margin:0 24px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  color:var(--szoveg-finom);
  font-size:10px;
}
.qr-modal-lab{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:22px;
  padding:16px 24px 20px;
  border-top:1px solid var(--keret);
}
@media (max-width:520px){
  .qr-modal-fej{
    padding:19px;
  }
  .qr-modal-lab{
    padding:14px 19px 19px;
  }
  .qr-modal-lab .g{
    flex:1;
    text-align:center;
  }
}
/* ---- kötelező 18+ korhatárkapu alkoholos termékekhez ---- */
.korhatar-kapu{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(9,20,16,.76);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}
.korhatar-doboz{
  position:relative;
  width:min(470px,100%);
  padding:34px 36px 30px;
  border:1px solid var(--keret);
  border-radius:var(--r-nagy);
  background:var(--hatter);
  text-align:center;
  box-shadow:0 30px 90px rgba(0,0,0,.34);
  animation:korhatar-be .2s ease-out both;
}
@keyframes korhatar-be{
  from{
    opacity:0;
    transform:translateY(12px) scale(.98);
  }
  to{
    opacity:1;
    transform:none;
  }
}
.korhatar-jel{
  display:block;
  width:96px;
  height:auto;
  margin:0 auto 18px;
}
.korhatar-kicker{
  display:block;
  color:var(--hiba);
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.korhatar-doboz h2{
  margin-top:6px;
  font-size:34px;
  line-height:1.08;
  letter-spacing:-.045em;
}
.korhatar-doboz p{
  max-width:390px;
  margin:13px auto 0;
  color:var(--szoveg-halvany);
  font-size:14px;
  line-height:1.55;
}
.korhatar-gombok{
  display:grid;
  grid-template-columns:minmax(0,1fr) 100px;
  gap:9px;
  margin-top:24px;
}
.korhatar-igen,
.korhatar-nem{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--r);
  font-size:13px;
  font-weight:850;
  transition:transform .15s,background .15s,border-color .15s;
}
.korhatar-igen{
  border:1px solid var(--akcent);
  background:var(--akcent);
  color:var(--gomb-szoveg);
  box-shadow:0 8px 20px oklch(from rgba(14,85,64,.18) l c calc(h + var(--tema-hue-s,0)));
}
.korhatar-igen:hover{
  background:var(--akcent-sotet);
  transform:translateY(-1px);
}
.korhatar-nem{
  border:1px solid var(--keret-eros);
  background:var(--hatter);
  color:var(--szoveg-halvany);
}
.korhatar-nem:hover{
  border-color:var(--hiba);
  background:var(--hiba-halvany);
  color:var(--hiba);
}
.korhatar-doboz>small{
  display:block;
  margin-top:15px;
  color:var(--szoveg-finom);
  font-size:10px;
}
@media (max-width:520px){
  .korhatar-kapu{
    padding:14px;
  }
  .korhatar-doboz{
    padding:28px 20px 23px;
  }
  .korhatar-doboz h2{
    font-size:30px;
  }
  .korhatar-gombok{
    grid-template-columns:1fr;
  }
  .korhatar-nem{
    min-height:44px;
  }
}
@media (prefers-reduced-motion:reduce){
  .korhatar-doboz{
    animation:none;
  }
}
@media (max-width:1000px){
  .bolt-arak{
    margin-top:var(--t4);
    border:1px solid var(--keret);
    border-radius:var(--r-nagy);
    background:var(--hatter);
  }
}
@media (max-width:1000px){
  .bolt-arak h2{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:4px 10px;
    margin-bottom:10px;
    font-size:16px;
    font-weight:850;
    letter-spacing:-.02em;
  }
}
@media (max-width:1000px){
  .bolt-arak h2 small{
    color:var(--szoveg-finom);
    font-size:12.5px;
    font-weight:650;
    letter-spacing:0;
  }
}
@media (max-width:1000px){
  .bolt-arak-azonos{
    margin-bottom:8px;
    color:var(--szoveg-halvany);
    font-size:13px;
  }
}
@media (max-width:1000px){
  .bolt-arak-lista{
    display:grid;
    gap:6px;
    margin:0;
    padding:0;
    list-style:none;
  }
}
.bolt-ar{
  display:grid;
  align-items:center;
  border:1px solid var(--keret);
  border-radius:var(--r);
  background:var(--hatter);
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
a.bolt-ar:hover{
  border-color:var(--akcent);
  box-shadow:0 6px 16px oklch(from rgba(20,35,29,.07) l c calc(h + var(--tema-hue-s,0)));
  transform:translateY(-1px);
}
@media (max-width:1000px){
  .bolt-ar--elso{
    border-color:color-mix(in srgb,var(--akcent) 55%,var(--keret));
    background:color-mix(in srgb,var(--akcent-halvany) 40%,var(--hatter));
  }
}
@media (max-width:1000px){
  .bolt-ar--ez{
    border:1.5px solid var(--akcent);
    background:color-mix(in srgb,var(--akcent-halvany) 28%,var(--hatter-blokk));
  }
}
@media (max-width:1000px){
  .bolt-ar-bolt{
    display:grid;
    gap:2px;
    min-width:0;
    line-height:1.25;
  }
}
@media (max-width:1000px){
  .bolt-ar-bolt b{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:15px;
    font-weight:850;
    letter-spacing:-.01em;
  }
}
@media (max-width:1000px){
  .bolt-ar-bolt small{
    overflow:hidden;
    color:var(--szoveg-finom);
    font-size:12px;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
}
@media (max-width:1000px){
  .bolt-ar-ar{
    display:grid;
    justify-items:end;
    gap:1px;
    line-height:1.15;
  }
}
@media (max-width:1000px){
  .bolt-ar-ar b{
    font-size:18px;
    font-weight:900;
    letter-spacing:-.03em;
  }
}
@media (max-width:1000px){
  .bolt-ar-ar small{
    color:var(--szoveg-halvany);
    font-size:12px;
    font-weight:700;
  }
}
@media (max-width:1000px){
  .bolt-ar-cimke{
    justify-self:end;
    color:var(--akcent);
    font-size:11.5px;
    font-weight:800;
    white-space:nowrap;
  }
}
@media (max-width:1000px){
  .bolt-ar-cimke:not(:empty){
    padding:4px 9px;
    border-radius:var(--r-kicsi);
    background:color-mix(in srgb,var(--akcent) 12%,transparent);
  }
}
@media (max-width:1000px){
  .bolt-ar-cimke--dragabb{
    color:var(--szoveg-halvany);
  }
}
@media (max-width:1000px){
  .bolt-ar-cimke--dragabb:not(:empty){
    background:color-mix(in srgb,var(--szoveg) 7%,transparent);
  }
}
@media (max-width:1000px){
  .bolt-ar--ez .bolt-ar-cimke{
    background:var(--akcent);
    color:var(--gomb-szoveg,#fff);
  }
}
@media (max-width:560px){
  .bolt-ar{
    grid-template-columns:24px minmax(0,1fr) auto;
    gap:4px 10px;
    padding:9px 10px;
  }
  .bolt-ar-cimke{
    grid-column:2 / -1;
    justify-self:start;
  }
}
/* ---- kézi, legfeljebb öt termékes összehasonlító ---- */
.osszehasonlito{
  padding-top:var(--t8);
  padding-bottom:var(--t16);
}
.ossze-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--t8);
  min-height:220px;
  padding:38px 42px;
  border:1px solid oklch(from #b8d8cc l c calc(h + var(--tema-hue-s,0)));
  border-radius:var(--r-nagy);
}
.ossze-hero::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-145px;
  width:360px;
  height:360px;
  border:70px solid rgba(255,255,255,.05);
  border-radius:5px;
  pointer-events:none;
}
.ossze-kicker{
  display:block;
  margin-bottom:8px;
  color:var(--akcent);
  font-size:12px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.ossze-hero h1{
  max-width:760px;
  font-size:clamp(34px,4vw,56px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.ossze-hero p{
  max-width:720px;
  margin-top:15px;
  color:var(--szoveg-halvany);
  font-size:15px;
}
.ossze-hero-szamlalo{
  position:relative;
  z-index:1;
  flex:0 0 142px;
  height:142px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  background:var(--akcent);
  color:#fff;
  box-shadow:0 18px 42px oklch(from rgba(14,85,64,.22) l c calc(h + var(--tema-hue-s,0)));
}
.ossze-hero-szamlalo strong{
  font-size:52px;
  line-height:.9;
  letter-spacing:-.07em;
}
.ossze-hero-szamlalo span{
  margin-top:9px;
  font-size:12px;
  font-weight:800;
  opacity:.82;
}
.ossze-valaszto,
.ossze-eredmeny{
  margin-top:22px;
  padding:28px;
  border:1px solid var(--keret);
  border-radius:var(--r-nagy);
  background:var(--hatter);
  box-shadow:0 8px 28px oklch(from rgba(23,39,33,.045) l c calc(h + var(--tema-hue-s,0)));
}
.ossze-valaszto-fej{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.ossze-valaszto-fej>div,
.ossze-eredmeny-fej{
  display:flex;
  align-items:center;
  gap:12px;
}
.ossze-valaszto-fej h2,
.ossze-eredmeny-fej h2{
  font-size:23px;
  letter-spacing:-.035em;
}
.ossze-valaszto-fej p,
.ossze-eredmeny-fej p{
  color:var(--szoveg-finom);
  font-size:13px;
}
.ossze-lepes{
  flex:0 0 36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:var(--r-nagy);
  background:var(--akcent-halvany);
  color:var(--akcent);
  font-size:13px;
  font-weight:900;
}
.ossze-urit{
  font-size:12px;
  font-weight:800;
  color:var(--hiba);
}
.ossze-urit:hover{
  text-decoration:underline;
}
.ossze-fej-muveletek{
  display:flex;
  align-items:center;
  gap:var(--t4);
}
.ossze-mentes{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 13px;
  border:1px solid var(--akcent);
  border-radius:var(--r);
  color:var(--akcent);
  font-size:12.5px;
  font-weight:800;
  cursor:pointer;
}
.ossze-mentes svg{
  width:16px;
  height:16px;
}
.ossze-mentes:hover{
  background:var(--akcent);
  color:var(--gomb-szoveg);
}
.ossze-kereso{
  margin-top:22px;
}
.ossze-kereso>label{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:800;
  color:var(--szoveg-halvany);
}
.ossze-kereso>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  max-width:760px;
}
.ossze-kereso input{
  width:100%;
  min-height:48px;
  padding:0 15px;
  border:1px solid var(--keret-eros);
  border-radius:var(--r-nagy);
  background:var(--hatter);
  color:var(--szoveg);
}
.ossze-kereso input:focus{
  outline:2px solid oklch(from rgba(14,85,64,.18) l c calc(h + var(--tema-hue-s,0)));
  border-color:var(--akcent);
}
.ossze-kereso .g{
  min-width:116px;
}
.ossze-slotok{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  margin-top:20px;
}
.ossze-slot{
  position:relative;
  min-width:0;
  min-height:82px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px;
  border:1px dashed var(--keret-eros);
  border-radius:var(--r-nagy);
  color:var(--szoveg-finom);
}
.ossze-slot--tele{
  border-style:solid;
  border-color:var(--akcent);
  background:#ffffff14;
  color:var(--szoveg);
}
.ossze-slot-szam{
  flex:0 0 25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:var(--r);
  background:#ffffff26;
  color:var(--akcent);
  font-size:11px;
  font-weight:900;
}
.ossze-slot img{
  flex:0 0 48px;
  width:auto;
  height:auto;
  object-fit:contain;
  background:var(--termek-foto-hatter) var(--termek-foto-alap);
  box-shadow:var(--termek-foto-arnyek);
  -webkit-mask-image:var(--termek-foto-maszk);
  mask-image:var(--termek-foto-maszk);
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  max-width:48px;
  max-height:48px;
  aspect-ratio:auto;
  align-self:center;
  justify-self:center;
}
.ossze-slot>span:nth-last-child(2){
  min-width:0;
}
.ossze-slot b,
.ossze-slot small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ossze-slot b{
  font-size:12px;
}
.ossze-slot small{
  margin-top:3px;
  font-size:10px;
  color:var(--szoveg-finom);
}
.ossze-slot>a{
  position:absolute;
  top:5px;
  right:7px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:5px;
  font-size:18px;
  color:var(--szoveg-finom);
}
.ossze-slot>a:hover{
  background:var(--hiba-halvany);
  color:var(--hiba);
}
.ossze-talalat-form{
  margin-top:25px;
  padding-top:22px;
  border-top:1px solid var(--keret);
}
.ossze-talalat-fej{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.ossze-talalat-fej h3{
  font-size:16px;
}
.ossze-talalat-fej>span{
  padding:6px 10px;
  border-radius:5px;
  background:var(--akcent-halvany);
  color:var(--akcent);
  font-size:11px;
  font-weight:800;
}
.ossze-talalatok{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  max-height:540px;
  overflow:auto;
  padding:2px;
}
.ossze-jelolt{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:84px 1fr;
  gap:10px;
  padding:10px;
  border:1px solid var(--keret);
  border-radius:var(--r-nagy);
  background:var(--hatter);
  cursor:pointer;
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.ossze-jelolt:hover{
  border-color:var(--akcent);
  transform:translateY(-1px);
}
.ossze-jelolt.aktiv{
  border-color:var(--akcent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--akcent) 27%,transparent);
  background:#ffffff1a;
}
.ossze-jelolt input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ossze-jelolt:has(input:disabled):not(.aktiv){
  opacity:.42;
  cursor:not-allowed;
  transform:none;
}
.ossze-jelolt-pipa{
  position:absolute;
  z-index:2;
  top:8px;
  right:8px;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border:1px solid var(--keret-eros);
  border-radius:var(--r);
  background:var(--hatter);
  color:transparent;
  font-size:13px;
  font-weight:900;
}
.ossze-jelolt.aktiv .ossze-jelolt-pipa{
  border-color:var(--akcent);
  background:var(--akcent);
  color:#fff;
}
.ossze-jelolt-kep{
  position:relative;
  height:92px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.ossze-jelolt-kep>.bolt-jel{
  position:absolute;
  z-index:1;
  top:5px;
  left:5px;
}
.ossze-jelolt-kep>img{
  width:auto;
  height:auto;
  max-width:78px;
  max-height:78px;
  aspect-ratio:auto;
  align-self:center;
  justify-self:center;
}
.ossze-jelolt-adat{
  min-width:0;
  align-self:center;
}
.ossze-jelolt-adat>*{
  display:block;
}
.ossze-jelolt-adat b{
  min-height:34px;
  font-size:12px;
  line-height:1.25;
}
.ossze-jelolt-adat small{
  margin-top:3px;
  color:var(--szoveg-finom);
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ossze-jelolt-adat strong{
  margin-top:7px;
  font-size:18px;
  letter-spacing:-.04em;
}
.ossze-jelolt-adat em{
  color:var(--akcent);
  font-size:10px;
  font-style:normal;
  font-weight:800;
}
.ossze-talalat-lab{
  position:sticky;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:12px;
  padding:12px 0 0;
  background:var(--hatter);
}
.ossze-talalat-lab>span{
  color:var(--szoveg-finom);
  font-size:12px;
}
.ossze-nincs{
  padding:25px;
  border-radius:var(--r-nagy);
  background:var(--hatter-blokk);
  color:var(--szoveg-halvany);
  text-align:center;
}
.ossze-eredmeny-fej{
  margin-bottom:20px;
}
.ossze-nyertes-doboz{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:20px 22px;
  border:1px solid var(--akcent);
  border-radius:var(--r-nagy);
  background:#ffffff1a;
}
.ossze-nyertes-ikon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:var(--r-nagy);
  background:var(--akcent);
  color:#fff;
  font-size:25px;
  box-shadow:0 9px 22px oklch(from rgba(14,85,64,.18) l c calc(h + var(--tema-hue-s,0)));
}
.ossze-nyertes-doboz>div>span{
  color:var(--akcent);
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.ossze-nyertes-doboz h2{
  font-size:21px;
  letter-spacing:-.03em;
}
.ossze-nyertes-doboz p{
  margin-top:3px;
  color:var(--szoveg-halvany);
  font-size:12px;
}
.ossze-nyertes-doboz p strong{
  color:var(--akcent);
}
.ossze-figyelmeztetes{
  display:flex;
  align-items:center;
  gap:14px;
  padding:15px 18px;
  border:1px solid var(--figyelem);
  border-radius:var(--r-nagy);
  background:var(--figyelem-halvany);
}
.ossze-figyelmeztetes b{
  flex:0 0 auto;
  font-size:13px;
}
.ossze-figyelmeztetes span{
  color:var(--szoveg-halvany);
  font-size:12px;
}
.ossze-kartyak{
  display:grid;
  grid-template-columns:repeat(var(--ossze-oszlopok),minmax(0,1fr));
  gap:12px;
  margin-top:18px;
  overflow-x:auto;
  padding:2px 2px 10px;
}
.ossze-kartya{
  position:relative;
  min-width:205px;
  overflow:hidden;
  border:1px solid var(--keret);
  border-radius:var(--r-nagy);
  background:var(--hatter);
}
/* a sorból törlés mobilon (asztalon a kiválasztott helyeken van) */
.ossze-kartya-torles{
  display:none;
}
.ossze-kartya--nyertes{
  border:2px solid var(--akcent);
  box-shadow:0 10px 30px oklch(from rgba(14,85,64,.12) l c calc(h + var(--tema-hue-s,0)));
}
.ossze-nyertes-cimke{
  position:absolute;
  z-index:3;
  top:10px;
  right:9px;
  padding:6px 8px;
  border-radius:var(--r);
  background:var(--akcent);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 4px 12px oklch(from rgba(14,85,64,.2) l c calc(h + var(--tema-hue-s,0)));
}
.ossze-kartya-kep{
  position:relative;
  height:190px;
  display:grid;
  place-items:center;
  padding:22px;
  border-bottom-width:1px;
  border-bottom-style:solid;
}
.ossze-kartya-kep>.bolt-jel{
  position:absolute;
  top:10px;
  left:10px;
  width:auto;
}
.ossze-kartya-kep>.bolt-jel img{
  width:auto;
  max-width:80px;
}
.ossze-kartya-kep>img{
  max-width:150px;
  width:auto;
  height:auto;
  max-height:145px;
  aspect-ratio:auto;
  align-self:center;
  justify-self:center;
}
.ossze-kartya-torzs{
  padding:15px;
}
.ossze-kartya-bolt{
  display:block;
  color:var(--akcent);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.ossze-kartya h3{
  min-height:42px;
  margin-top:4px;
  font-size:14px;
  line-height:1.25;
}
.ossze-kartya h3 a:hover{
  color:var(--akcent);
}
.ossze-kartya-kisz{
  margin-top:4px;
  color:var(--szoveg-finom);
  font-size:11px;
}
.ossze-kartya-ar{
  display:flex;
  align-items:baseline;
  gap:7px;
  margin-top:13px;
}
.ossze-kartya-ar strong{
  font-size:27px;
  letter-spacing:-.05em;
}
.ossze-kartya-ar del{
  color:var(--szoveg-finom);
  font-size:11px;
}
.ossze-kartya-eg{
  margin-top:6px;
  padding:8px 9px;
  border-radius:var(--r);
  background:var(--akcent-halvany);
  color:var(--akcent);
  font-size:12px;
  font-weight:900;
}
.ossze-adatok{
  margin:13px 0 0;
}
.ossze-adatok>div{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:8px 0;
  border-top:1px solid var(--keret);
  font-size:10.5px;
}
.ossze-adatok dt{
  color:var(--szoveg-finom);
}
.ossze-adatok dd{
  margin:0;
  max-width:58%;
  font-weight:750;
  text-align:right;
}
.ossze-kartya-link{
  display:block;
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid var(--keret);
  color:var(--akcent);
  font-size:11px;
  font-weight:900;
}
.ossze-egyetlen{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:170px;
  margin-top:22px;
  padding:25px;
  border:1px dashed var(--keret-eros);
  border-radius:var(--r-nagy);
  text-align:center;
}
.ossze-egyetlen b{
  font-size:18px;
}
.ossze-egyetlen span{
  margin-top:5px;
  color:var(--szoveg-finom);
  font-size:13px;
}
@media (max-width:1050px){
  .ossze-slotok{
    grid-template-columns:repeat(3,1fr);
  }
  .ossze-talalatok{
    grid-template-columns:repeat(3,1fr);
  }
  .ossze-kartyak{
    grid-template-columns:repeat(var(--ossze-oszlopok),minmax(220px,1fr));
  }
}
@media (max-width:760px){
  .osszehasonlito{
    padding-top:var(--t4);
  }
  .ossze-hero{
    min-height:0;
    padding:26px 22px;
  }
  .ossze-hero-szamlalo{
    display:none;
  }
  .ossze-hero h1{
    font-size:36px;
  }
  .ossze-valaszto,
  .ossze-eredmeny{
    padding:18px;
  }
  .ossze-slotok{
    display:flex;
    overflow-x:auto;
  }
  .ossze-slot{
    flex:0 0 215px;
  }
  .ossze-talalatok{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ossze-nyertes-doboz{
    grid-template-columns:auto 1fr;
  }
  .ossze-nyertes-doboz>.g{
    grid-column:1/-1;
    text-align:center;
  }
  .ossze-kartyak{
    margin-left:-18px;
    margin-right:-18px;
    padding-left:18px;
    padding-right:18px;
  }
  .ossze-kartya{
    min-width:230px;
  }
}
@media (max-width:520px){
  .ossze-hero h1{
    font-size:31px;
  }
  .ossze-hero p{
    font-size:13px;
  }
  .ossze-valaszto-fej{
    align-items:flex-start;
  }
  .ossze-valaszto-fej p{
    display:none;
  }
  .ossze-kereso>div{
    grid-template-columns:1fr;
  }
  .ossze-kereso .g{
    width:100%;
  }
  .ossze-talalatok{
    grid-template-columns:1fr;
  }
  .ossze-jelolt{
    grid-template-columns:86px 1fr;
  }
  .ossze-talalat-lab{
    flex-direction:column;
    align-items:stretch;
  }
  .ossze-talalat-lab .g{
    text-align:center;
  }
  .ossze-figyelmeztetes{
    align-items:flex-start;
    flex-direction:column;
  }
  .ossze-eredmeny-fej p{
    display:none;
  }
}
.elonezet-sav{
  margin:var(--t4) 0 0;
  padding:10px 14px;
  border-radius:var(--r-nagy);
  background:var(--figyelem-halvany);
  color:var(--figyelem);
  font-size:13.5px;
}
.elonezet-sav a{
  margin-left:8px;
  font-weight:800;
  text-decoration:underline;
}
/* ---- újságlapozó: sötét színpad, üveges eszköztár, kétoldalas nézet, nagyítás ---- */
.lapozo{
  --lapozo-szel:max(var(--burok-oldal),calc((100% - var(--szelesseg)) / 2 + var(--burok-oldal)));
  margin-bottom:var(--t6);
  background:oklch(from #1b1f1d l c calc(h + var(--tema-hue-s,0)));
  color:#fff;
}
.lapozo-sav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--t4);
  flex-wrap:wrap;
  padding:10px var(--lapozo-szel);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}
.lapozo-cim{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.lapozo-cim img{
  width:34px;
  height:34px;
  padding:3px;
  border-radius:var(--r);
  background:none;
  object-fit:contain;
}
.lapozo-cim b{
  display:block;
  font-size:14px;
  font-weight:850;
}
.lapozo-cim small{
  color:rgba(255,255,255,.6);
  font-size:12px;
}
.lapozo-lapszam{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.65);
  font-size:13px;
}
.lapozo-lapszam input{
  width:54px;
  padding:6px 4px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:var(--r);
  background:rgba(255,255,255,.08);
  color:#fff;
  font:inherit;
  font-weight:800;
  text-align:center;
  -moz-appearance:textfield;
  appearance:textfield;
}
.lapozo-lapszam input::-webkit-inner-spin-button{
  -webkit-appearance:none;
}
.lapozo-eszkozok{
  display:flex;
  align-items:center;
  gap:6px;
}
.lapozo-gomb,
.lapozo-zoom{
  display:grid;
  place-items:center;
  height:36px;
  border-radius:var(--r);
  color:#fff;
  cursor:pointer;
  transition:background .15s;
}
.lapozo-gomb{
  min-width:36px;
  background:rgba(255,255,255,.08);
  font-size:20px;
  line-height:1;
}
.lapozo-gomb:hover,
.lapozo-zoom:hover{
  background:rgba(255,255,255,.17);
}
.lapozo-gomb:disabled{
  opacity:.3;
  pointer-events:none;
}
.lapozo-gomb[aria-pressed="true"]{
  background:var(--pr-akcent-gomb);
  box-shadow:var(--pr-akcent-arnyek);
}
.lapozo-gomb svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.lapozo-bezar{
  display:none;
}
.lapozo-zoom{
  min-width:58px;
  font-size:12.5px;
  font-weight:800;
}
.lapozo-elvalaszto{
  width:1px;
  height:22px;
  margin:0 4px;
  background:rgba(255,255,255,.15);
}
/* a fejléc (~130 px), a morzsa és az eszköztár alatt a teljes lappár kiférjen */
.lapozo-test{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  height:max(440px,calc(100dvh - 250px));
}
.lapozo.lista-rejtve .lapozo-test{
  grid-template-columns:minmax(0,1fr);
}
.lapozo.lista-rejtve .lapozo-lista{
  display:none;
}
.lapozo-szinpad{
  position:relative;
  min-width:0;
  overflow:hidden;
}
.lapozo-vaszon{
  position:absolute;
  inset:0;
  overflow:hidden;
  outline:none;
  touch-action:pan-y;
  cursor:zoom-in;
}
.lapozo.nagyitott .lapozo-vaszon{
  touch-action:none;
  cursor:grab;
}
.lapozo.nagyitott .lapozo-vaszon:active{
  cursor:grabbing;
}
.lapozo-lapok{
  position:absolute;
  top:0;
  left:0;
  display:flex;
  transform-origin:0 0;
  will-change:transform;
  box-shadow:0 24px 70px rgba(0,0,0,.5);
}
.lapozo-lap{
  position:relative;
  flex:0 0 auto;
  overflow:hidden;
  background:#fff;
  user-select:none;
}
.lapozo-lap>img,
.lapozo-lap>canvas{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}
.lapozo-lap>canvas{
  z-index:1;
}
/* gerinc: a két oldal találkozásánál finom árnyék, mint egy nyitott újságban */
.lapozo-lap+.lapozo-lap::before,
.lapozo-lap:first-child:not(:last-child)::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  width:26px;
  pointer-events:none;
}
.lapozo-lap+.lapozo-lap::before{
  left:0;
  background:linear-gradient(90deg,rgba(0,0,0,.2),transparent);
}
.lapozo-lap:first-child:not(:last-child)::after{
  right:0;
  background:linear-gradient(270deg,rgba(0,0,0,.14),transparent);
}
.lapozo-lap-hiany,
.lapozo-ures{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:12%;
  font-size:14px;
  text-align:center;
}
.lapozo-lap-hiany{
  color:var(--szoveg-halvany);
}
.lapozo-ures{
  color:rgba(255,255,255,.7);
}
.lapozo-jelolo{
  position:absolute;
  z-index:3;
  border-radius:var(--r);
  transition:background .15s,box-shadow .15s;
}
.lapozo-jelolo:hover,
.lapozo-jelolo:focus-visible,
.lapozo-jelolo.kiemelt{
  outline:none;
  background:color-mix(in srgb,var(--akcent) 10%,transparent);
  box-shadow:0 0 0 2px var(--akcent),0 0 0 6px color-mix(in srgb,var(--akcent) 22%,transparent);
}
.lapozo-nyil{
  position:absolute;
  z-index:4;
  top:50%;
  display:grid;
  place-items:center;
  width:46px;
  height:64px;
  transform:translateY(-50%);
  border-radius:var(--r-nagy);
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:34px;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:background .15s,opacity .2s;
}
.lapozo-nyil:hover{
  background:rgba(255,255,255,.22);
}
.lapozo-nyil:disabled,
.lapozo.nagyitott .lapozo-nyil{
  opacity:0;
  pointer-events:none;
}
.lapozo-nyil--elozo{
  left:14px;
}
.lapozo-nyil--kov{
  right:14px;
}
.lapozo-tipp{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:14px;
  width:max-content;
  max-width:calc(100% - 24px);
  padding:6px 12px;
  transform:translateX(-50%);
  border-radius:var(--r);
  background:rgba(0,0,0,.6);
  color:#fff;
  font-size:12px;
  text-align:center;
  pointer-events:none;
  transition:opacity .4s;
}
.lapozo-tipp.elrejtve{
  opacity:0;
}
.lapozo-lista{
  overflow-y:auto;
  padding:var(--t5);
  background:var(--hatter);
  color:var(--szoveg);
}
.lapozo-lista h2{
  margin-bottom:var(--t3);
  font-size:16px;
  font-weight:850;
}
.lapozo-tetel{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:10px;
  border-radius:var(--r);
  font-size:13.5px;
}
.lapozo-tetel span{
  font-weight:700;
}
.lapozo-tetel small{
  display:block;
  margin-top:2px;
  color:var(--szoveg-finom);
  font-size:11.5px;
  font-weight:500;
}
.lapozo-tetel b{
  white-space:nowrap;
}
.lapozo-tetel:hover,
.lapozo-tetel.kiemelt{
  background:var(--akcent-halvany);
  color:var(--akcent-sotet);
}
.lapozo-lista-ures{
  color:var(--szoveg-finom);
  font-size:13px;
}
.lapozo-belyegsav{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:12px var(--lapozo-szel);
  background:rgba(0,0,0,.28);
}
.lapozo-belyegsav[hidden]{
  display:none;
}
.lapozo-belyegsav button{
  position:relative;
  flex:0 0 auto;
  width:74px;
  aspect-ratio:.707;
  overflow:hidden;
  border-radius:var(--r-kicsi);
  background:oklch(from #2b302d l c calc(h + var(--tema-hue-s,0)));
  outline:2px solid transparent;
  outline-offset:2px;
  cursor:pointer;
}
.lapozo-belyegsav img,
.lapozo-belyegsav canvas{
  width:100%;
  height:100%;
  object-fit:cover;
}
.lapozo-belyegsav span{
  position:absolute;
  left:4px;
  bottom:4px;
  padding:1px 6px;
  border-radius:var(--r-kicsi);
  background:rgba(0,0,0,.7);
  font-size:11px;
  font-weight:800;
}
.lapozo-belyegsav button:hover{
  outline-color:rgba(255,255,255,.4);
}
.lapozo-belyegsav button.aktiv{
  outline-color:oklch(from #7fd3a8 l c calc(h + var(--tema-hue-a,0)));
}
.lapozo-felugro{
  position:fixed;
  inset:0;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  height:100dvh;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  background:oklch(from #1b1f1d l c calc(h + var(--tema-hue-s,0)));
  color:#fff;
  overflow:hidden;
}
.lapozo-felugro::backdrop{
  background:rgba(0,0,0,.82);
}
.lapozo-felugro .lapozo{
  display:flex;
  flex-direction:column;
  height:100%;
  margin:0;
}
.lapozo-felugro .lapozo-sav,
.lapozo-felugro .lapozo-belyegsav{
  flex:0 0 auto;
}
.lapozo-felugro .lapozo-test{
  flex:1 1 auto;
  min-height:0;
  height:auto;
}
.lapozo-felugro .lapozo-szinpad{
  min-height:0;
  height:auto;
}
.lapozo-felugro .lapozo-bezar{
  display:grid;
}
.lapozo-felugro #lapozo-teljes{
  display:none;
}
@media (max-width:900px){
  .lapozo{
    --lapozo-szel:var(--t4);
  }
  .lapozo-test{
    grid-template-columns:1fr;
    height:auto;
  }
  .lapozo-szinpad{
    height:74vh;
  }
  .lapozo-cim small,
  .lapozo-elvalaszto{
    display:none;
  }
  .lapozo-nyil{
    width:36px;
    height:52px;
    font-size:26px;
  }
  .lapozo-nyil--elozo{
    left:6px;
  }
  .lapozo-nyil--kov{
    right:6px;
  }
}
@media (max-width:560px){
  .lapozo-cim{
    display:none;
  }
  .lapozo-sav{
    justify-content:center;
  }
}
/* ---- lábléc ---- */
.lablec{
  border-top:1px solid var(--keret);
  margin-top:28px;
  padding:28px 0;
  --sk-fejlec:#2e201a;
  --sk-panel:#38271f;
  --sk-pill:#483124;
  --hatter:#38271f;
  --hatter-melegh:#241914;
  --hatter-blokk:#443027;
  --szoveg:#f4e8da;
  --szoveg-halvany:#d5c0ad;
  --szoveg-finom:#c1ab98;
  --cim-szin:var(--szoveg);
  --link-szin:var(--szoveg-halvany);
  --keret:#604536;
  --keret-eros:#876044;
  --akcent:#f4a044;
  --akcent-sotet:#ffc176;
  --akcent-halvany:#f4a0441f;
  --gomb-szoveg:#2b1b10;
  --jelzo:var(--akcent);
  --jelzo-szoveg:var(--gomb-szoveg);
  --ar:var(--szoveg);
  --hiba:#ffb3b3;
  --hiba-halvany:#ffb3b31f;
  --fedo:#ffffff0a;
  --pr-akcent-gomb:linear-gradient(180deg,color-mix(in srgb,var(--akcent) 80%,#fff) 0%,var(--akcent) 100%);
  --pr-akcent-gomb-fent:linear-gradient(180deg,var(--akcent) 0%,var(--akcent-sotet) 100%);
  --pr-akcent-arnyek:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 5px 12px color-mix(in srgb,var(--akcent) 38%,transparent);
  --sk-ablak:color-mix(in srgb,var(--hatter) 94%,transparent);
  --sk-ablak-keret:var(--keret-eros);
  --arnyek-modal:0 24px 64px #160d0966;
  color-scheme:dark;
  color:var(--szoveg);
  background:linear-gradient(90deg,#241914 0%,#38271f 52%,#503827 100%);
  border-top-color:#241914;
  --sk-lablec:#2e201a;
  border-color:#765238;
}
.lablec-racs{
  display:grid;
  grid-template-columns:1.7fr repeat(3,1fr);
  gap:var(--t8);
}
@media (max-width:820px){
  .lablec-racs{
    grid-template-columns:1fr 1fr;
  }
}
.lablec .marka{
  margin-bottom:var(--t3);
  width:fit-content;
  max-width:100%;
}
.lablec-leiras{
  color:var(--szoveg-halvany);
  max-width:40ch;
}
.lablec-leiras,
.lablec-jog,
.lablec li,
.lablec h3{
  font-size:10px;
}
.lablec h3{
  font-weight:800;
  margin-bottom:var(--t3);
}
.lablec ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:var(--t2);
}
.lablec li a{
  font-size:13.5px;
  color:var(--link-szin,var(--szoveg-halvany));
}
.lablec .marka .marka-logo{
  width:auto;
  flex:none;
  height:calc(var(--logo-m,64px) * .72);
  max-width:none;
  filter:drop-shadow(0 0 1px rgba(255,244,218,.85)) drop-shadow(0 1px 5px rgba(255,211,143,.45));
  display:none;
}
.lablec-jog{
  margin-top:var(--t12);
  padding-top:var(--t5);
  border-top:1px solid var(--keret);
  color:var(--szoveg-finom);
  max-width:78ch;
  line-height:1.65;
}
/* ---- mobil alsó navigáció ---- */
.mobilnav{
  display:none;
}
@media (max-width:700px){
  .mobilnav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:70;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
    gap:2px;
    padding:6px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    background:var(--m-kartya);
    border-top:1px solid var(--m-keret);
    box-shadow:none;
  }
  .mobilnav a{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    font-weight:700;
    justify-content:center;
    min-width:0;
    min-height:52px;
    padding:4px 2px;
    gap:3px;
    border-radius:5px;
    color:var(--m-halk);
    font-size:12px;
    line-height:1.2;
  }
}
/* valódi kedvezmény (álakció-szűrő): hirdetett vs. 30 napos azonos boltbeli legalacsonyabb */
.valodi-kedvezmeny{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  padding:7px 10px 7px 8px;
  border-radius:var(--r-nagy);
  background:var(--hatter-blokk);
  border:1px dashed var(--keret-eros);
  font-size:12.5px;
  line-height:1.35;
  color:var(--szoveg-halvany);
}
.valodi-kedvezmeny-szamok{
  flex:0 0 auto;
  display:grid;
  justify-items:center;
  min-width:48px;
  line-height:1.1;
}
.valodi-kedvezmeny-szamok s{
  font-size:11px;
  color:var(--szoveg-finom);
}
.valodi-kedvezmeny-szamok b{
  font-size:16px;
  font-weight:900;
  color:var(--figyelem);
}
.valodi-kedvezmeny>span:last-child b{
  color:var(--szoveg);
  font-weight:800;
}
.valodi-kedvezmeny small{
  white-space:nowrap;
  opacity:.8;
}
/* újságok oldala: plakát-szerű kártyák – nagy borító bolti színű fénnyel, alatta logó, dátum, gomb */
/* ---- lapozó: kihagyott oldalszámok jele ---- */
.lapozo-oldalak .lapozo-kihagyas{
  border-color:transparent;
  background:none;
  box-shadow:none;
  padding-left:4px;
  padding-right:4px;
}
/* ---- keresés: „Erre gondoltál?” és népszerű keresések ---- */
.kereses-javaslat{
  margin:var(--t2) 0 var(--t4);
  font-size:16px;
}
.kereses-javaslat a{
  color:var(--akcent);
  text-decoration:underline;
}
.kereses-nepszeru{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin:var(--t4) 0;
  color:var(--szoveg-halvany);
  font-size:13px;
}
.kereses-chip{
  padding:5px 11px;
  border:1px solid var(--keret);
  border-radius:5px;
  color:var(--szoveg);
  font-weight:650;
}
.kereses-chip:hover{
  border-color:var(--akcent);
  color:var(--akcent);
}
/* ---- árfigyelő: a magasabb csomag időszakának homályosított előzetese ---- */
.arhist-zar{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:12px;
  border-radius:5px 0 0 5px;
  background:color-mix(in srgb,var(--hatter) 55%,transparent);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  text-align:center;
  font-size:12.5px;
  color:var(--szoveg-halvany);
  overflow:hidden;
}
.arhist-zar[hidden]{
  display:none;
}
.arhist-zar b{
  color:var(--szoveg);
  font-size:15px;
}
/* ---------- jogi és bemutatkozó oldalak (Rólunk, ÁSZF, Adatvédelem, Impresszum) ---------- */
.jogi-oldal{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:var(--t8);
  align-items:start;
  padding-top:28px;
  padding-bottom:var(--t12);
}
.jogi-cikk{
  max-width:760px;
  line-height:1.65;
  color:var(--szoveg);
}
.jogi-cikk h1{
  margin:0 0 18px;
}
.jogi-cikk h2{
  margin:28px 0 var(--t2);
  font-size:18px;
}
.jogi-cikk p,
.jogi-cikk ul{
  margin:0 0 var(--t3);
}
.jogi-cikk ul{
  padding-left:1.2em;
}
.jogi-cikk li{
  margin-bottom:4px;
}
.jogi-cikk a{
  color:var(--link-szin,var(--akcent));
  word-break:break-word;
}
.jogi-hely{
  padding:0 3px;
  border-radius:var(--r-kicsi);
  background:var(--figyelem-halvany);
  color:inherit;
}
.jogi-menu{
  position:sticky;
  top:96px;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding-left:14px;
  border-left:2px solid var(--keret);
}
.jogi-menu a{
  padding:5px 0;
  color:var(--szoveg-halvany);
  text-decoration:none;
}
.jogi-menu a:hover,
.jogi-menu a[aria-current="page"]{
  color:var(--akcent);
}
.jogi-menu a[aria-current="page"]{
  font-weight:600;
}
@media (max-width:820px){
  .jogi-oldal{
    grid-template-columns:1fr;
    gap:var(--t5);
  }
  .jogi-menu{
    position:static;
    flex-direction:row;
    flex-wrap:wrap;
    gap:6px 14px;
    padding:14px 0 0;
    border-left:0;
    border-top:1px solid var(--keret);
  }
}
/* ---------- termékár-oldalak (/ar/{termék}) ---------- */
.arlap-morzsa{
  margin-bottom:6px;
  font-size:14px;
}
.arlap-morzsa a{
  color:var(--szoveg-halvany);
}
.arlap-tabla-burok{
  overflow-x:auto;
  margin:18px 0 26px;
  border:1px solid var(--keret);
  border-radius:var(--r-nagy);
  background:var(--hatter);
}
.arlap-tabla{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
}
.arlap-tabla th,
.arlap-tabla td{
  padding:10px var(--t3);
  border-bottom:1px solid var(--keret);
  text-align:left;
  vertical-align:top;
}
.arlap-tabla th{
  color:var(--szoveg-halvany);
  font-size:13px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.arlap-tabla tbody tr:last-child td{
  border-bottom:0;
}
.arlap-tabla tbody tr:first-child td:nth-child(2){
  color:var(--akcent);
  font-weight:700;
}
.arlap-tabla a{
  color:inherit;
}
.arlap-tabla small{
  color:var(--szoveg-halvany);
}
.arlap-tobb{
  margin:18px 0;
  text-align:center;
}
/* ---- Listaoldal: sötét fejsáv a lista fölött, a bolti bemutatóoldal kivételével (a bőr közös: .tapertek-sav) ---- */
.lista-sav{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px 32px;
  margin:0 0 var(--t5);
  padding:26px 30px;
}
.lista-sav-cim{
  margin:8px 0 6px;
  color:#fff3e3;
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.lista-sav-szoveg p{
  max-width:62ch;
  margin:0;
  color:#dfc9b2;
  font-size:14px;
  line-height:1.55;
}
.lista-sav-adat{
  display:grid;
  justify-items:start;
  gap:10px;
}
/* Egységes boltfeliratok a találatszámmal; kattintva a bolt ajánlatai. */
.lista-sav-boltok{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
.lista-sav-boltok>li{
  flex:0 0 104px;
}
.lista-sav-boltok b{
  color:#e1c4a6;
  font-size:12px;
}
/* kategóriaoldalon a felső címke helyén a morzsa, a sötét háttérhez igazított színekkel */
.lista-sav .lista-morzsa{
  --szoveg-finom:#bfa58a;
  --link-szin:#f2d3ae;
  --akcent:#f2a24a;
  margin:0 0 4px;
  padding-top:0;
}
/* a fejsáv alatt egybefüggő, valamivel világosabb barna háttér a rendezésnek, a kártyáknak és a lapozónak.
   A keret a rács saját rétege a fej és a találatok területén át, így keskenyebb nézetben a köztük ülő szűrőgomb is benne van. */
.lista-keret::before{
  content:"";
  grid-column:fej;
  grid-row:fej-start/talalat-end;
  border:1px solid #886343;
  border-radius:5px;
  background:url("../img/plusz-sav-minta.svg") 0 0/360px repeat,linear-gradient(180deg,#4d3829,#3b2b21 70%);
}
.lista-keret>:is(.lista-fejresz,.lista-talalatok){
  color:#fff3e3;
}
.lista-keret>.lista-fejresz>:not(.lista-sav),
.lista-keret>.lista-talalatok{
  margin-right:24px;
  margin-left:24px;
}
.lista-keret>.lista-talalatok{
  padding-bottom:24px;
}
/* a fejsáv a keret teteje: a saját kerete a keretére esik */
.lista-keret .lista-sav{
  margin:0 0 20px;
  border-radius:5px 5px 0 0;
}
.lista-keret .lista-fej{
  border-bottom-color:#6b4b35;
}
.lista-keret .aktiv-szurok-cim{
  color:#bfa58a;
}
@media (max-width:980px){
  .lista-keret>.szuro{
    margin-right:24px;
    margin-left:24px;
  }
}
/* asztalon a rendezés szöveges gomb: a sötét háttéren világos felirat (mobilon csempék, saját színnel) */
@media (min-width:701px){
  .lista-keret .rend-gomb:not(.aktiv){
    color:#dfc9b2;
  }
  .lista-keret .rend-gomb:not(.aktiv):hover{
    color:#fff3e3;
  }
}
/* a zöld sáv és a rangsor csak mobilon; asztalon a leírás és a táblázat */
.arlap-legjobb,
.arlap-rangsor{
  display:none;
}
.arlap-tovabbi-cim{
  margin-top:36px;
}
@media (max-width:640px){
  .arlap-tabla th:nth-child(5),
  .arlap-tabla td:nth-child(5){
    display:none;
  }
}
/* ---------- a hét legjobb vételei ---------- */
.heti-legjobb .lista-cim small{
  display:block;
  margin-top:4px;
  color:var(--szoveg-halvany);
  font-size:.55em;
  font-weight:500;
}
.heti-megosztas{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--t2);
  margin:4px 0 var(--t5);
}
.heti-megosztas-cim{
  color:var(--szoveg-halvany);
  font-size:14px;
}
/* a megosztás ikonjai és a sötét megtakarítás-sáv csak mobilon; asztalon a leírás mondja el */
.heti-megosztas svg,
.heti-megtakaritas{
  display:none;
}
/* ---------- közösségi jelzések a termékoldalon ---------- */
.kozossegi-jelzesek{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  margin:var(--t2) 0 0;
  color:var(--szoveg-halvany);
  font-size:14px;
}
.kozossegi-jel{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.kozossegi-jel svg{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  color:var(--akcent);
}
/* Kompakt négysávos lábléc; mobilon natív, billentyűzettel is nyitható csoportok. */
.lablec--kompakt{
  padding:32px 0 24px;
}
.lablec--kompakt .lablec-racs{
  grid-template-columns:1.35fr repeat(3,minmax(0,1fr));
  gap:32px;
}
.lablec--kompakt .lablec-csoport{
  min-width:0;
}
.lablec--kompakt .lablec-csoport>summary{
  font-size:14px;
  font-weight:800;
  margin-bottom:14px;
  cursor:pointer;
  list-style:none;
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.lablec--kompakt .lablec-csoport>summary::-webkit-details-marker{
  display:none;
}
.lablec--kompakt .lablec-csoport>summary::after{
  content:"−";
  font-weight:400;
  color:var(--szoveg-halvany);
}
.lablec--kompakt .lablec-csoport:not([open])>summary::after{
  content:"+";
}
.lablec--kompakt .lablec-leiras{
  font-size:13px;
  line-height:1.65;
  margin:0 0 14px;
}
.lablec--kompakt li a{
  font-size:13px;
  display:inline-block;
  line-height:1.5;
  padding:4px 0;
}
.lablec--kompakt .lablec-ai{
  margin-top:24px;
  border-top:1px solid var(--keret);
  padding-top:16px;
  font-size:12px;
  color:var(--szoveg-halvany);
}
.lablec--kompakt .lablec-ai>summary{
  cursor:pointer;
  min-height:32px;
  display:flex;
  align-items:center;
  font-weight:650;
}
.lablec--kompakt .lablec-ai p{
  max-width:90ch;
  line-height:1.7;
  margin:10px 0;
}
.lablec--kompakt .lablec-jog{
  font-size:12px;
  line-height:1.7;
  margin:16px 0 8px;
  padding-top:16px;
}
.lablec--kompakt .lablec-forras{
  font-size:11px;
  line-height:1.6;
  color:var(--szoveg-halvany);
  margin:0;
  max-width:110ch;
}
@media (max-width:700px){
  /* mobilon mini lábléc: a fontos linkek folyó sorban; a vásárlási és fiókmenüt az alsó sáv és a fiók pótolja */
  .lablec--kompakt{
    padding-top:16px;
  }
  .lablec--kompakt .lablec-racs{
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  .lablec--kompakt .lablec-marka>.marka,
  .lablec--kompakt .lablec-leiras,
  .lablec--kompakt .lablec-csoport:not(.lablec-csoport--info),
  .lablec--kompakt .lablec-csoport--info>summary{
    display:none;
  }
  .lablec--kompakt .lablec-racs ul{
    flex-direction:row;
    flex-wrap:wrap;
    gap:0 18px;
  }
  .lablec--kompakt li a{
    min-height:36px;
    display:inline-flex;
    align-items:center;
  }
  .lablec--kompakt .lablec-ai{
    margin-top:8px;
    padding-top:4px;
  }
  .lablec--kompakt .lablec-jog{
    margin:8px 0 4px;
    padding-top:0;
  }
}
/* Boltok oldal: bevezető, az Üzletkereső gomb és a bolt-csempék egyenletes térközzel */
.boltok-bevezeto{
  margin:0 0 var(--t4);
  color:var(--szoveg-halvany);
}
.boltok-uzletkereso{
  margin:0 0 var(--t6);
}
.boltok-uzletkereso :is(b,small){
  font-size:inherit;
  font-weight:inherit;
}
.boltok-osszegzes,
.boltok-uk-ikon,
.bolt-kartyak{
  display:none;
}
/* Csomag-összefoglaló (főoldal, belépés, fiók): a fiókok előnyei és a Plusz-gomb; a belépés és a fiók keskenyebb helyén kompakt marad. */
.csomag-rovid{
  --szoveg:#fff3e3;
  --cim-szin:#fff3e3;
  --szoveg-halvany:#dfc9b2;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:20px 0;
  padding:24px;
  border:1px solid #886343;
  border-radius:5px;
  color:#fff3e3;
  background:url("../img/plusz-sav-minta.svg") 0 0/360px repeat,radial-gradient(ellipse at 95% 10%,#aa773d50,transparent 65%),linear-gradient(110deg,#241914,#402b1f);
  box-shadow:inset 0 1px 0 #ffd8a326,0 6px 18px #3524141a;
}
.csomag-rovid .csomag-rovid-kicker{
  display:block;
  margin-bottom:9px;
  color:#ffae49;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.csomag-rovid h2{
  margin:0;
  color:#fff3e3;
  font-size:24px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.035em;
}
.csomag-rovid h2 em{
  font-style:normal;
  color:#ffae49;
}
.csomag-rovid p{
  margin:10px 0 0;
  color:#dfc9b2;
  font-size:13px;
  line-height:1.6;
}
.csomag-rovid .csomag-rovid-gomb{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:18px;
  min-height:42px;
  padding:10px 16px;
  border:1px solid #da892f;
  border-radius:5px;
  color:#2b1b10;
  background:linear-gradient(#ffce86,#f4a044 60%,#eb942f);
  font-size:13px;
  font-weight:800;
  box-shadow:inset 0 1px 0 #ffe8b9,0 3px 12px #f4a04422;
  text-decoration:none;
}
.csomag-rovid .csomag-rovid-gomb:hover{
  filter:brightness(1.07);
}
.csomag-rovid-elonyok{
  display:grid;
  gap:10px;
  margin-top:20px;
}
.csomag-rovid .csomag-rovid-elony{
  position:relative;
  padding:16px;
  border:1px solid #d5aa6b38;
  border-radius:5px;
  background:linear-gradient(135deg,#ffffff0a,#ffffff03);
}
.csomag-rovid-ikon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:12px;
  border:1px solid #ffc77944;
  border-radius:5px;
  background:#ffc77912;
  color:#ffbc65;
}
.csomag-rovid h3{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 10px;
  color:#fff3e3;
  font-size:14px;
  font-weight:800;
  line-height:1.3;
}
.csomag-rovid h3>span{
  padding:3px 5px;
  border:1px solid #ffc77955;
  border-radius:3px;
  color:#ffcb87;
  font-size:9px;
  letter-spacing:.03em;
}
.csomag-rovid .csomag-rovid-elony>strong{
  display:block;
  color:#ffbc65;
  font-size:27px;
  font-weight:850;
  letter-spacing:-.035em;
  line-height:1.2;
}
.csomag-rovid .csomag-rovid-elony>strong>small{
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  white-space:nowrap;
}
.csomag-rovid .csomag-rovid-elony p{
  font-size:12px;
  line-height:1.55;
  margin-top:8px;
}
.csomag-rovid .csomag-rovid-elony--plusz{
  border-color:#ffbd6966;
  background:linear-gradient(130deg,#f4a04420,#f4a04408);
}
.csomag-rovid--kiemelt{
  display:grid;
  grid-template-columns:minmax(240px,.85fr) minmax(0,1.6fr);
  align-items:center;
  gap:32px;
  margin:24px 0 32px;
  padding:30px 34px;
}
.csomag-rovid--kiemelt h2{
  font-size:clamp(26px,2.5vw,34px);
}
.csomag-rovid--kiemelt .csomag-rovid-elonyok{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0;
}
.csomag-rovid--tomor h2{
  font-size:21px;
}
@media (max-width:1100px){
  .csomag-rovid--kiemelt{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    padding:28px;
  }
  .csomag-rovid--kiemelt .csomag-rovid-bevezeto{
    max-width:650px;
  }
}
@media (max-width:600px){
  .csomag-rovid,
  .csomag-rovid--kiemelt{
    padding:20px;
  }
  .csomag-rovid--kiemelt .csomag-rovid-elonyok{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  .csomag-rovid--kiemelt .csomag-rovid-elony{
    padding:14px 14px 14px 60px;
  }
  .csomag-rovid--kiemelt .csomag-rovid-ikon{
    position:absolute;
    left:14px;
    top:14px;
    margin:0;
  }
  .csomag-rovid--kiemelt h3{
    margin-bottom:6px;
  }
  .csomag-rovid--kiemelt .csomag-rovid-elony>strong{
    font-size:24px;
  }
  .csomag-rovid .csomag-rovid-gomb{
    width:100%;
    gap:12px;
  }
}
/* Árfigyelő ablak: a termékfigyelő összecsukható részlete. */
.felugro-termekfigyelo{
  border:1px solid var(--keret);
  border-radius:5px;
  padding:12px;
  margin:14px 0;
}
.felugro-termekfigyelo summary{
  font-weight:750;
  cursor:pointer;
}
/* Kiszerelésenként külön, pontosan számolt egységár; kompakt kártyákon is olvasható. */
@media (max-width:1000px){
  .kiszereles-arak{
    display:flex;
    flex-wrap:wrap;
    gap:4px 12px;
    margin:8px 0;
    font-size:12px;
    line-height:1.5;
    color:var(--szoveg,#302014);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .kiszereles-arak{
    display:flex;
    flex-wrap:wrap;
    gap:4px 12px;
    margin:8px 0;
    font-size:12px;
    line-height:1.5;
    color:var(--szoveg,#302014);
  }
}
@media (max-width:1000px){
  .kiszereles-arak>span{
    padding:3px 7px;
    border:1px solid rgba(180,98,40,.25);
    border-radius:4px;
    background:rgba(180,98,40,.06);
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .kiszereles-arak>span{
    padding:3px 7px;
    border:1px solid rgba(180,98,40,.25);
    border-radius:4px;
    background:rgba(180,98,40,.06);
  }
}
.arhist-referencia-szoveg{
  color:#d97722;
}
/* A kiemelt összevetés alsó magyarázata másodlagos információ. */
@media (max-width:1000px){
  .termek-oldal .csoport-hero-uzenet{
    min-height:0;
    gap:5px;
    padding-top:12px;
    padding-bottom:14px;
    font-size:16px;
    line-height:1.35;
    letter-spacing:0;
    overflow-wrap:anywhere;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-oldal .csoport-hero-uzenet{
    min-height:0;
    gap:5px;
    padding-top:12px;
    padding-bottom:14px;
    font-size:16px;
    line-height:1.35;
    letter-spacing:0;
    overflow-wrap:anywhere;
  }
}
@media (max-width:1000px){
  .termek-oldal .csoport-hero-uzenet strong{
    font-size:1em;
    letter-spacing:0;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-oldal .csoport-hero-uzenet strong{
    font-size:1em;
    letter-spacing:0;
  }
}
@media (max-width:1000px){
  .termek-oldal .csoport-hero-uzenet small{
    font-size:12px;
    line-height:1.4;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-oldal .csoport-hero-uzenet small{
    font-size:12px;
    line-height:1.4;
  }
}
@media (max-width:1000px){
  .termek-oldal .csoport-hero-uzenet::before,
  .termek-oldal .csoport-hero-uzenet::after{
    display:none;
  }
}
@media (min-width:1001px){
  :where(body:not(.termek-lap)) .termek-oldal .csoport-hero-uzenet::before,
  :where(body:not(.termek-lap)) .termek-oldal .csoport-hero-uzenet::after{
    display:none;
  }
}
/* az egy ajánlatlista (termék): Most · Később · Korábban fülek, további sorok */
.termek-ar-fulek{
  display:flex;
  gap:22px;
  border-bottom:1px solid #e8ddca;
}
.termek-ar-fulek[hidden]{
  display:none;
}
.termek-ar-ful{
  border:0;
  border-bottom:2px solid transparent;
  background:none;
  color:#76685e;
  font:700 13px Manrope,sans-serif;
  padding:10px 0;
  cursor:pointer;
}
.termek-ar-ful[aria-selected=true]{
  color:#33251e;
  border-color:#f4a63e;
}
.termek-ajanlatok-alcim{
  margin:16px 0 6px;
  color:#76685e;
  font-size:12px;
  font-weight:700;
}

/* css/tema.css */
/* Közös publikus téma. A fiók felületeit és beállításait a fiok.css formázza. */
:root{
  --oldal-alap:#f6f2e9;
  --hatter:#132a23;
  --hatter-melegh:#0c201b;
  --hatter-blokk:#18352c;
  --kep-hatter:#f8f7f3;
  --szoveg:#f1f5ed;
  --szoveg-halvany:#a9bfb1;
  --szoveg-finom:#95ad9c;
  --keret:#ffffff19;
  --keret-eros:#ffffff38;
  --akcent:#95edb5;
  --akcent-sotet:#c3f6d1;
  --akcent-halvany:#95edb515;
  --gomb-szoveg:#143626;
  --ar:#f8fbf4;
  --figyelem:#f6c98a;
  --figyelem-halvany:#f6c98a1f;
  --hiba:#ffb3b3;
  --hiba-halvany:#ffb3b31f;
  --lap-piros:#e0445a;
  --sk-oldal:#0c201b;
  --sk-fejlec:#0d241d;
  --sk-hero:#102c22;
  --sk-lap:#173d2b;
  --sk-pill:#17442f;
  --sk-panel:#173f33;
  --arnyek:0 6px 24px #03100b24;
  --arnyek-modal:0 28px 70px #02100b99;
  --fedo:#ffffff0f;
  --sk-lablec:var(--sk-oldal);
  --sk-ablak:linear-gradient(125deg,oklch(from #3b605246 l c calc(h + var(--tema-hue-s,0))),oklch(from #183e3061 l c calc(h + var(--tema-hue-s,0))));
  --sk-ablak-keret:oklch(from #cce8cf45 l c calc(h + var(--tema-hue-s,0)));
  --m-oldal:var(--sk-oldal);
  --m-kartya:var(--hatter-blokk);
  --m-belso:var(--hatter-melegh);
  --m-keret:var(--keret-eros);
  --m-halk:var(--szoveg-halvany);
  --m-jel:#ff9a9a;
  --m-ki:var(--akcent);
  --m-ki-szoveg:var(--gomb-szoveg);
  --m-ki-hang:var(--gomb-szoveg);
}
html{
  background:var(--oldal-alap);
}
body{
  background:var(--oldal-alap);
  min-height:100vh;
}
main{
  background:none;
}
::selection{
  background:color-mix(in srgb,var(--akcent) 40%,transparent);
  color:#fff;
}
select option{
  background:var(--hatter);
  color:var(--szoveg);
}
input::placeholder,
textarea::placeholder{
  color:var(--szoveg-finom);
}
@media (max-width:1000px){
  .fejlec-kereso input{
    background:#ffffff0a;
    border-color:var(--keret-eros);
    color:var(--szoveg);
  }
}
.be,
.ar-mezok input{
  background:var(--pr-mezo);
  border-color:var(--pr-mezo-keret);
  box-shadow:inset 0 2px 4px color-mix(in srgb,var(--szoveg) 10%,transparent);
  color:var(--szoveg);
}
@media (max-width:1000px){
  .belepo-urlap input,
  .belepo-urlap textarea{
    background:var(--pr-mezo);
    border-color:var(--pr-mezo-keret);
    box-shadow:inset 0 2px 4px color-mix(in srgb,var(--szoveg) 10%,transparent);
    color:var(--szoveg);
  }
}
@media (min-width:1001px){
  .belepo-urlap input:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .belepo-urlap textarea:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--pr-mezo);
    border-color:var(--pr-mezo-keret);
    box-shadow:inset 0 2px 4px color-mix(in srgb,var(--szoveg) 10%,transparent);
    color:var(--szoveg);
  }
}
@media (max-width:1000px){
  .fejlec .belepo-urlap input,
  .fejlec .belepo-urlap textarea{
    background:var(--hatter-melegh);
    border-color:var(--keret-eros);
    box-shadow:none;
  }
}
.felugro::backdrop{
  background:rgba(2,16,11,.66);
  backdrop-filter:blur(3px);
}
.bolt{
  background:var(--hatter);
  border-color:var(--keret);
}
.felugro,
.kat,
.kat-focsoport,
.ossze-hero,
.ossze-valaszto,
.ossze-egyetlen,
.plus-ajanlo{
  background:var(--pr-lap);
  border-color:var(--pr-keret);
  box-shadow:inset 0 1px 0 var(--pr-el),var(--pr-arnyek);
}
.ossze-slot,
.kat-fa,
.ujsagok-ures{
  background:var(--pr-lap-mely);
  border-color:color-mix(in srgb,var(--szoveg) 14%,transparent);
  box-shadow:inset 0 2px 5px color-mix(in srgb,var(--szoveg) 10%,transparent);
}
@media (max-width:1000px){
  .belepo-panel{
    border:1px solid oklch(from #4d9a80 l c calc(h + var(--tema-hue-s,0)));
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:var(--arnyek-modal);
  }
}
@media (min-width:1001px){
  .belepo-panel:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    border:1px solid oklch(from #4d9a80 l c calc(h + var(--tema-hue-s,0)));
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:var(--arnyek-modal);
  }
}
@media (max-width:1000px){
  .belepo-fulek{
    background:var(--hatter-melegh);
  }
}
@media (min-width:1001px){
  .belepo-fulek:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--hatter-melegh);
  }
}
@media (max-width:1000px){
  .belepo-fulek>[aria-selected="true"],
  .belepo-fulek>[aria-current]{
    background:var(--hatter-blokk);
    color:var(--szoveg);
  }
}
@media (min-width:1001px){
  .belepo-fulek>[aria-selected="true"]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)),
  .belepo-fulek>[aria-current]:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--hatter-blokk);
    color:var(--szoveg);
  }
}
.lf-kiemelt,
.plusz-bemutato,
.la-fej{
  --sk-fejlec:#2e201a;
  --sk-panel:#38271f;
  --sk-pill:#483124;
  --hatter:#38271f;
  --hatter-melegh:#241914;
  --hatter-blokk:#443027;
  --szoveg:#f4e8da;
  --szoveg-halvany:#d5c0ad;
  --szoveg-finom:#c1ab98;
  --cim-szin:var(--szoveg);
  --link-szin:var(--akcent);
  --keret:#604536;
  --keret-eros:#876044;
  --akcent:#f4a044;
  --akcent-sotet:#ffc176;
  --akcent-halvany:#f4a0441f;
  --gomb-szoveg:#2b1b10;
  --jelzo:var(--akcent);
  --jelzo-szoveg:var(--gomb-szoveg);
  --ar:var(--szoveg);
  --hiba:#ffb3b3;
  --hiba-halvany:#ffb3b31f;
  --fedo:#ffffff0a;
  --pr-akcent-gomb:linear-gradient(180deg,color-mix(in srgb,var(--akcent) 80%,#fff) 0%,var(--akcent) 100%);
  --pr-akcent-gomb-fent:linear-gradient(180deg,var(--akcent) 0%,var(--akcent-sotet) 100%);
  --pr-akcent-arnyek:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 5px 12px color-mix(in srgb,var(--akcent) 38%,transparent);
  --sk-ablak:color-mix(in srgb,var(--hatter) 94%,transparent);
  --sk-ablak-keret:var(--keret-eros);
  --arnyek-modal:0 24px 64px #160d0966;
  color-scheme:dark;
  color:var(--szoveg);
}
@media (max-width:1000px){
  .fejlec{
    --sk-fejlec:#2e201a;
    --sk-panel:#38271f;
    --sk-pill:#483124;
    --hatter:#38271f;
    --hatter-melegh:#241914;
    --hatter-blokk:#443027;
    --szoveg:#f4e8da;
    --szoveg-halvany:#d5c0ad;
    --szoveg-finom:#c1ab98;
    --cim-szin:var(--szoveg);
    --link-szin:var(--akcent);
    --keret:#604536;
    --keret-eros:#876044;
    --akcent:#f4a044;
    --akcent-sotet:#ffc176;
    --akcent-halvany:#f4a0441f;
    --gomb-szoveg:#2b1b10;
    --jelzo:var(--akcent);
    --jelzo-szoveg:var(--gomb-szoveg);
    --ar:var(--szoveg);
    --hiba:#ffb3b3;
    --hiba-halvany:#ffb3b31f;
    --fedo:#ffffff0a;
    --pr-akcent-gomb:linear-gradient(180deg,color-mix(in srgb,var(--akcent) 80%,#fff) 0%,var(--akcent) 100%);
    --pr-akcent-gomb-fent:linear-gradient(180deg,var(--akcent) 0%,var(--akcent-sotet) 100%);
    --pr-akcent-arnyek:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 5px 12px color-mix(in srgb,var(--akcent) 38%,transparent);
    --sk-ablak:color-mix(in srgb,var(--hatter) 94%,transparent);
    --sk-ablak-keret:var(--keret-eros);
    --arnyek-modal:0 24px 64px #160d0966;
    color-scheme:dark;
    color:var(--szoveg);
    background:linear-gradient(90deg,#241914 0%,#38271f 52%,#503827 100%);
    border-top-color:#241914;
  }
}
.lablec .marka{
  position:relative;
  isolation:isolate;
}
@media (max-width:1000px){
  .fejlec .marka{
    position:relative;
    isolation:isolate;
  }
  .fejlec .marka-mobil{
    display:none;
  }
}
.marka-mobil-ikon{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  width:36px;
  height:38px;
  flex:none;
}
.marka-mobil-ikon::before{
  content:"";
  position:absolute;
  inset:3px;
  background:#f4a044;
  opacity:.182;
  filter:blur(12px);
  border-radius:5px;
  pointer-events:none;
}
.marka-mobil-ikon img{
  position:relative;
  width:36px;
  height:36px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 2px 2px #10090599);
}
.marka-mobil-felirat{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:baseline;
  font-size:28px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-1.1px;
  white-space:nowrap;
}
.marka-mobil-felirat::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:3px -2px 0;
  background:radial-gradient(ellipse at center,rgba(244,160,68,.28),transparent 72%);
  filter:blur(7px);
  pointer-events:none;
}
.marka-mobil-nev{
  color:#ffd88b;
  background:linear-gradient(180deg,#fff1cc 10%,#ffd88b 48%,#efa044 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 #9e511d);
}
.marka-mobil-hu{
  margin-left:1px;
  font-size:.65em;
  letter-spacing:-.3px;
  color:#f4a044;
}
.lablec .marka-mobil{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  flex:none;
}
.lablec .marka-mobil-ikon,
.lablec .marka-mobil-ikon img{
  width:43px;
  height:43px;
}
.lablec .marka-mobil-felirat{
  font-size:35px;
}
@media (max-width:1000px){
  .fejlec .marka::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-5px;
    pointer-events:none;
    background:radial-gradient(ellipse at center,rgba(255,224,170,.56) 0%,rgba(244,160,68,.16) 50%,rgba(244,160,68,0) 72%);
    filter:blur(8px);
  }
}
.lablec .marka::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-5px;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,224,170,.56) 0%,rgba(244,160,68,.16) 50%,rgba(244,160,68,0) 72%);
  filter:blur(8px);
}
@media (max-width:1000px){
  .fejlec .fejlec-kereso{
    min-width:0;
  }
  .fejlec .fejlec-kereso input{
    background:transparent;
  }
  .fejlec .fejlec-pill--kiemelt{
    background:var(--pr-gomb-feny),var(--akcent);
    color:var(--gomb-szoveg);
    border-color:var(--akcent);
    box-shadow:var(--pr-akcent-arnyek);
  }
  .fejlec .fejlec-pill--kiemelt svg{
    color:currentColor;
  }
  .fejlec .fejlec-pill--kiemelt:hover,
  .fejlec .fejlec-pill--kiemelt.aktiv{
    background:var(--pr-gomb-feny),var(--akcent-sotet);
    color:var(--gomb-szoveg);
  }
  .fejlec .belepo-panel{
    border-color:var(--keret-eros);
  }
}
.lablec-csoport summary{
  color:var(--akcent);
}
.lablec li a:hover,
.lablec li a:focus-visible{
  color:var(--akcent-sotet);
}
@media (max-width:1000px){
  .fejlec .marka .marka-logo{
    height:var(--logo-m,64px);
    max-width:none;
    filter:drop-shadow(0 0 1px rgba(255,244,218,.85)) drop-shadow(0 1px 5px rgba(255,211,143,.45));
  }
  .fejlec-fiok{
    padding:5px 8px;
  }
  body .belepo-panel{
    background:var(--sk-panel);
  }
}
@media (min-width:1001px){
  body .belepo-panel:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--sk-panel);
  }
}
@media (max-width:1000px){
  body .belepo-panel--oldal{
    background:var(--pr-lap);
    border-color:var(--pr-keret);
    box-shadow:inset 0 1px 0 var(--pr-el),var(--pr-arnyek-nagy);
  }
}
@media (min-width:1001px){
  body .belepo-panel--oldal:where(:not(.fejlec--shoppy,.fejlec--shoppy *)){
    background:var(--pr-lap);
    border-color:var(--pr-keret);
    box-shadow:inset 0 1px 0 var(--pr-el),var(--pr-arnyek-nagy);
  }
}
@media (max-width:1100px){
  @media (max-width:1000px){
    .fejlec .marka .marka-logo{
      height:calc(var(--logo-m,64px) * .85);
    }
  }
}
@media (max-width:760px){
  .fejlec .marka .marka-logo{
    height:calc(var(--logo-m,64px) * .68);
  }
  .kartya-torzs{
    padding:11px;
  }
  .kartya-arsor .ar{
    font-size:25px;
  }
  .lablec{
    padding-bottom:85px;
  }
}
@media (max-width:380px){
  .kartya-torzs{
    padding:10px;
  }
  .kartya-arsor .ar{
    font-size:23px;
  }
}
@media (max-width:700px){
  .fejlec .marka,
  .lablec .marka{
    width:fit-content;
    max-width:100%;
    justify-self:start;
  }
  .fejlec .marka::before,
  .lablec .marka::before{
    content:none;
  }
  .fejlec .marka .marka-logo,
  .lablec .marka .marka-logo{
    display:none;
  }
  .fejlec .marka-mobil,
  .lablec .marka-mobil{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:44px;
    flex:none;
  }
}
@media (max-width:370px){
  .fejlec .marka-mobil{
    gap:5px;
  }
  .fejlec .marka-mobil-ikon,
  .fejlec .marka-mobil-ikon img{
    width:30px;
    height:32px;
  }
  .fejlec .marka-mobil-felirat{
    font-size:24px;
  }
}
.bolt-oldal-logo .bolt-logo{
  width:150px;
  height:72px;
  border-radius:0;
  padding:0;
}
.bolt-oldal-ujsag span,
.bolt-oldal-ujsag i{
  color:#ffffffc8;
}
a.bolt-oldal-ujsag:hover{
  background:#ffffff38;
  border-color:#fff;
}
.bolt-oldal-ujsag--aktualis{
  background:#fff;
  border-color:#fff;
  color:var(--bolt-szin);
  box-shadow:0 8px 20px rgba(0,0,0,.25);
}
.bolt-oldal-ujsag--aktualis span,
.bolt-oldal-ujsag--aktualis i,
.bolt-oldal-ujsag--aktualis b{
  color:var(--bolt-szin);
}
.bolt-oldal-ujsag--ures i,
.bolt-oldal-ujsag--ures span{
  color:#ffffffa0;
}
.bolt-szines{
  border:0;
  background:var(--bolt-szin);
  box-shadow:0 6px 16px rgba(0,0,0,.22);
}
a.bolt-szines:hover{
  box-shadow:0 12px 26px rgba(0,0,0,.32);
}
.bolt-szines .bolt-logo img{
  filter:none;
}
.bolt--csak-logo:hover{
  transform:translateY(-3px);
}
.bolt--nagy-logo{
  min-width:200px;
  min-height:120px;
}
.bolt--nagy-logo .bolt-logo{
  width:150px;
  height:72px;
}
.bolt--csak-logo[style*="--bolt-szin"] .bolt-logo{
  width:100px;
  height:44px;
}
.bolt--nagy-logo[style*="--bolt-szin"] .bolt-logo{
  width:150px;
  height:72px;
}
@media (max-width:760px){
  .bolt-oldal-bevezeto{
    grid-template-columns:1fr;
    justify-items:start;
    gap:var(--t4);
  }
  .bolt-oldal-logo .bolt-logo{
    width:120px;
    height:56px;
  }
  .bolt--nagy-logo{
    min-width:calc(50% - 8px);
    min-height:100px;
    flex:1 1 calc(50% - 8px);
  }
  .bolt--nagy-logo[style*="--bolt-szin"] .bolt-logo{
    width:110px;
    height:52px;
  }
}
.belepes-hatter{
  background:radial-gradient(640px 420px at 85% 15%,color-mix(in srgb,var(--akcent) 16%,transparent),transparent 70%),radial-gradient(520px 380px at 12% 90%,color-mix(in srgb,#fff 22%,transparent),transparent 70%);
}
.kat-foto--ikon{
  background:none;
  border:0;
  box-shadow:none;
  border-radius:0;
  overflow:visible;
  display:grid;
  place-items:center;
}
.kat-foto--ikon img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 2px 3px rgba(2,16,11,.45));
}

/* css/vizjel.css */
/* Márkajel felirat és háttérlap nélkül; az alfa-csatorna adja az egyszínű maszkot. */
.kep-vizjel{
  position:absolute;
  z-index:2;
  inset-inline-end:10px;
  bottom:10px;
  width:8%;
  aspect-ratio:1;
  display:block;
  pointer-events:none;
  user-select:none;
  opacity:var(--vizjel-opac,.15);
  background-color:var(--vizjel-szin,#111);
  -webkit-mask:url(../img/leltem-l-20261020-192.png) center/contain no-repeat;
  mask:url(../img/leltem-l-20261020-192.png) center/contain no-repeat;
}
.kep-vizjel--vilagos{
  --vizjel-szin:#fff;
}
.kep-vizjel--sotet{
  --vizjel-szin:#111;
}
/* A jobb alsó árjelvény felett maradjon szabadon a márkajel. */
.kep-vizjel--feljebb{
  bottom:48px;
}
.vizjel-elonezet-racs{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));
  gap:16px;
  margin-top:20px;
}
.vizjel-elonezet-kartya{
  min-width:0;
  margin:0;
}
.vizjel-elonezet-foto{
  position:relative;
  aspect-ratio:1;
  padding:20px;
  display:grid;
  place-items:center;
  border:1px solid var(--keret);
  border-radius:5px;
  background:#f8f7f3;
  overflow:hidden;
}
.vizjel-elonezet-foto--sotet{
  background:#132a23;
}
.vizjel-elonezet-foto>img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
}
.vizjel-elonezet-kartya figcaption{
  margin-top:6px;
  overflow-wrap:anywhere;
  font-size:12px;
  color:var(--szoveg-halvany);
}
.vizjel-eroseg{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.vizjel-eroseg input[type=range]{
  flex:1 1 150px;
  min-width:0;
}
.vizjel-eroseg input[type=number]{
  width:90px;
}
[data-vizjel-beallitasok] .g--fo{
  background:var(--pr-akcent-gomb);
  color:var(--gomb-szoveg);
  box-shadow:var(--pr-akcent-arnyek);
}