/* ---- 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;
  }
}