* {
    box-sizing: border-box;
}

/* --- GÖRGETÉS JAVÍTÁSA ÉS ALAPOK --- */
html {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

body {
    margin: 0;
    width: 100%;
    max-width: 100vw;
    min-height: 100%;
    position: relative;
    /* A vízszintes túlfutást a gyökérelem vágja le. A body nem külön scroll-konténer. */
    overflow: visible;
}

/* ==========================================
   HÁTTÉR ÉS ALAP BEÁLLÍTÁSOK (2D SÖTÉTZÖLD FŰ)
   ========================================== */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #2e7d32; /* Alap sötétzöld fű szín */
    text-align: center;
    color: #333;
    margin: 0;
    padding: 10px;
    padding-bottom: 90px !important; /* Hely az alsó menünek */
    
    /* 🎮 2D Retro Kockás Fűminta */
    background-image: 
        linear-gradient(45deg, rgba(0, 0, 0, 0.08) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.08) 75%, rgba(0, 0, 0, 0.08)),
        linear-gradient(45deg, rgba(0, 0, 0, 0.08) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.08) 75%, rgba(0, 0, 0, 0.08));
    background-size: 64px 64px; /* A fűkockák mérete */
    background-position: 0 0, 32px 32px;
    background-attachment: fixed;
    
    /* Lágy átmenet a napszakokhoz */
    transition: background-color 5s ease;
}

/* Térhatású peremsötétedés a 2D háttérhez */
body::after {
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    box-shadow: inset 0 0 150px rgba(0,0,0,0.35); /* Sötétebb perem, hogy a fű mélyebbnek hasson */
    pointer-events: none; 
    z-index: 9000;
}
:root {
    --fold-szin: #8d6e63;
    --hatter-szin: #e8f5e9;
    --keret-szin: #5d4037;
    --zold-fo: #4caf50;
    --zold-sotet: #2e7d32;
    --arany: #ffca28;
    --kek-fejlesztes: #2196f3;
    --lila-xp: #9c27b0; /* Új szín az XP-nek */
}

/* --- UI ELEMEK --- */
.felso-sav {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    position: relative;
    z-index: 20;
}

.doboz {
    background: white;
    padding: 8px 15px;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.95em;
    border: 2px solid transparent;
    transition: transform 0.2s;
}
.doboz:hover { transform: scale(1.05); }

.penz { color: #fbc02d; font-size: 1.2em; text-shadow: 1px 1px 0 #333; }
.raktar-info { color: #795548; }
.tragya-info { color: #ff5722; }
.idojaras-info { color: #2196f3; }
.szint-info { color: var(--lila-xp); } /* Új stílus */

.kuldetes-doboz {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-color: #2196f3;
    color: #0d47a1;
}

/* --- IDŐJÁRÁS EFFEKTEK --- */
.idojaras-info { color:#2196f3; }

/* =========================================================
   14.11.0 — DINAMIKUS, ÉVSZAKFÜGGŐ IDŐJÁRÁSI RÉTEG
   ========================================================= */
.homerseklet-kijelzo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    padding: 4px 8px;
    margin-left: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.76);
    color: #455a64;
    font-size: .78em;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(96,125,139,.15);
    transition: color .8s ease, background .8s ease, transform .25s ease;
}
.homerseklet-kijelzo.hideg { color: #0277bd; background: rgba(225,245,254,.9); }
.homerseklet-kijelzo.forro { color: #d84315; background: rgba(255,235,238,.9); }
#idojaras-szoveg { display:inline-flex; flex-direction:column; line-height:1.05; text-align:left; }
#idojaras-szoveg small { display:block; margin-top:3px; color:#546e7a; font-size:.68em; font-weight:700; white-space:nowrap; }

/* A régi téli, állandó hóeffekt kikapcsolása. Csak valós időjáráskor jelenjen meg. */
body.tel .idojaras-overlay,
body.evszak-tel .idojaras-overlay,
.idojaras-overlay {
    display: none !important;
    opacity: 1;
    animation: none;
    background-image: none;
    background-color: transparent;
}
.idojaras-overlay.aktiv {
    display: block !important;
    isolation: isolate;
    transition: background-color 2s ease, opacity 1.8s ease;
}
.idojaras-overlay.aktiv::before,
.idojaras-overlay.aktiv::after {
    content:"";
    position:absolute;
    inset:-18vh -15vw;
    pointer-events:none;
    transform-origin:center top;
    will-change:transform, background-position, opacity;
}

/* Eső: két külön sebességű, vékony, döntött cseppréteg. */
.idojaras-overlay.precip-eso {
    background: linear-gradient(to bottom, rgba(17,35,56,var(--eso-hatter-alpha)), rgba(27,48,67,var(--eso-hatter-alpha-2)));
}
.idojaras-overlay.precip-eso::before {
    opacity: var(--csapadek-opacity);
    background-image: repeating-linear-gradient(104deg, transparent 0 17px, rgba(218,239,255,.78) 18px 19px, transparent 20px 38px);
    background-size: 48px 165px;
    transform: rotate(var(--szel-szog));
    animation: modernEsoElso var(--csapadek-sebesseg) linear infinite;
    filter: blur(.15px);
}
.idojaras-overlay.precip-eso::after {
    opacity: var(--csapadek-opacity-hatso);
    background-image: repeating-linear-gradient(102deg, transparent 0 26px, rgba(188,225,250,.58) 27px 28px, transparent 29px 54px);
    background-size: 70px 230px;
    transform: rotate(var(--szel-szog));
    animation: modernEsoHatso var(--csapadek-sebesseg-hatso) linear infinite;
}
@keyframes modernEsoElso { from { background-position:0 -190px; } to { background-position:40px 260px; } }
@keyframes modernEsoHatso { from { background-position:20px -250px; } to { background-position:-25px 330px; } }

/* Hó: eltérő méretű és lassúságú pelyhek. */
.idojaras-overlay.precip-ho {
    background: linear-gradient(to bottom, rgba(25,48,75,var(--hideg-hatter-alpha)), rgba(225,242,253,var(--hideg-hatter-alpha-2)));
}
.idojaras-overlay.precip-ho::before {
    opacity: var(--csapadek-opacity);
    background-image:
      radial-gradient(circle, rgba(255,255,255,.96) 0 2px, transparent 2.6px),
      radial-gradient(circle, rgba(235,248,255,.86) 0 1.4px, transparent 2px),
      radial-gradient(circle, rgba(255,255,255,.76) 0 2.8px, transparent 3.4px);
    background-size: 72px 86px, 48px 62px, 118px 132px;
    background-position: 0 0, 23px 17px, 55px 31px;
    animation: modernHoElso var(--ho-sebesseg) linear infinite;
    transform: rotate(var(--szel-szog));
}
.idojaras-overlay.precip-ho::after {
    opacity: var(--csapadek-opacity-hatso);
    background-image: radial-gradient(circle, rgba(255,255,255,.68) 0 1.2px, transparent 1.8px);
    background-size: 38px 46px;
    animation: modernHoHatso var(--ho-sebesseg-hatso) linear infinite;
}
@keyframes modernHoElso { from { background-position:0 -150px, 23px -110px, 55px -190px; } to { background-position:45px 260px, -10px 250px, 95px 280px; } }
@keyframes modernHoHatso { from { background-position:0 -100px; } to { background-position:-30px 230px; } }

/* Havas eső: kombinált, hideg csepp- és pelyhes réteg. */
.idojaras-overlay.precip-havas-eso {
    background: linear-gradient(to bottom, rgba(43,67,86,var(--vihar-hatter-alpha)), rgba(202,230,244,var(--por-hatter-alpha)));
}
.idojaras-overlay.precip-havas-eso::before {
    opacity: var(--csapadek-opacity);
    background-image: repeating-linear-gradient(103deg, transparent 0 22px, rgba(205,235,252,.72) 23px 24px, transparent 25px 46px);
    background-size:58px 190px;
    animation:modernEsoElso var(--csapadek-sebesseg-hatso) linear infinite;
    transform:rotate(var(--szel-szog));
}
.idojaras-overlay.precip-havas-eso::after {
    opacity:var(--csapadek-opacity-hatso);
    background-image:radial-gradient(circle, rgba(255,255,255,.92) 0 2px, transparent 2.5px);
    background-size:55px 68px;
    animation:modernHoHatso var(--ho-sebesseg) linear infinite;
}

/* Jégeső: gyors, pattogó jégszemek. */
.idojaras-overlay.precip-jeg {
    background:rgba(30,52,70,var(--vihar-hatter-alpha));
}
.idojaras-overlay.precip-jeg::before,
.idojaras-overlay.precip-jeg::after {
    opacity:var(--csapadek-opacity);
    background-image:radial-gradient(circle, rgba(230,247,255,.96) 0 2.4px, rgba(155,205,235,.82) 2.5px 3.2px, transparent 3.5px);
    background-size:42px 72px;
    animation:modernJeg var(--jeg-sebesseg) linear infinite;
    transform:rotate(var(--szel-szog));
}
.idojaras-overlay.precip-jeg::after { opacity:var(--csapadek-opacity-hatso); background-size:65px 96px; animation-duration:var(--jeg-sebesseg-hatso); }
@keyframes modernJeg { from { background-position:0 -120px; } to { background-position:32px 230px; } }

/* Köd, szél és por külön, finom animációval. */
.idojaras-overlay.precip-kod::before,
.idojaras-overlay.precip-kod::after {
    inset:0 -35vw;
    opacity:var(--kod-opacity);
    background:linear-gradient(90deg, transparent 0%, rgba(235,242,245,.76) 26%, rgba(255,255,255,.88) 51%, rgba(225,235,240,.62) 72%, transparent 100%);
    filter:blur(22px);
    animation:modernKod 14s ease-in-out infinite alternate;
}
.idojaras-overlay.precip-kod::after { animation-duration:21s; animation-direction:alternate-reverse; opacity:var(--kod-opacity-hatso); }
@keyframes modernKod { from { transform:translateX(-14%); } to { transform:translateX(14%); } }

.idojaras-overlay.precip-szel::before {
    opacity:var(--szel-opacity);
    background-image:repeating-linear-gradient(0deg, transparent 0 46px, rgba(230,245,235,.38) 47px 49px, transparent 50px 94px);
    animation:modernSzel var(--szel-sebesseg) linear infinite;
    transform:rotate(var(--szel-szog));
}
@keyframes modernSzel { from { background-position:-180px 0; } to { background-position:220px 35px; } }

.idojaras-overlay.precip-por::before {
    opacity:var(--por-opacity);
    background-image:radial-gradient(circle, rgba(255,190,100,.54) 0 1.4px, transparent 2px);
    background-size:38px 32px;
    animation:modernPor var(--por-sebesseg) linear infinite;
    filter:blur(.35px);
}
.idojaras-overlay.precip-por { background:linear-gradient(to bottom, rgba(255,143,0,.05), rgba(230,81,0,var(--por-hatter-alpha))); }
@keyframes modernPor { from { background-position:-90px 40px; } to { background-position:160px -30px; } }

/* Villámlás csak valódi zivatarban. */
.idojaras-overlay.weather-vihar { animation:modernVillam 7s steps(1,end) infinite; }
@keyframes modernVillam {
    0%, 91%, 94%, 100% { box-shadow:inset 0 0 0 100vmax rgba(255,255,255,0); }
    92% { box-shadow:inset 0 0 0 100vmax rgba(220,235,255,.20); }
    93% { box-shadow:inset 0 0 0 100vmax rgba(255,255,255,.07); }
}

@media (prefers-reduced-motion: reduce) {
    .idojaras-overlay.aktiv::before,
    .idojaras-overlay.aktiv::after,
    .idojaras-overlay.weather-vihar { animation-duration:20s !important; }
}

@media (max-width:760px) {
    #idojaras-szoveg small { white-space:normal; max-width:150px; }
    .homerseklet-kijelzo { min-width:40px; padding:3px 7px; }
}


/* --- BOLT --- */
.bolt-container { margin-bottom: 25px; position: relative; z-index: 20; }
.bolt-szekcio-cim { color: #555; font-size: 1.1em; margin: 15px 0 5px 0; text-transform: uppercase; letter-spacing: 1px; }

.mag-gomb {
    background: white;
    border: 2px solid var(--zold-fo);
    border-radius: 12px;
    padding: 10px 15px;
    cursor: pointer;
    margin: 5px;
    transition: all 0.2s;
    font-size: 0.9em;
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    min-width: 120px;
    vertical-align: top;
}
.mag-gomb:hover:not(:disabled) { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3); }
.mag-gomb.aktiv { background-color: var(--zold-fo); color: white; border-color: var(--zold-sotet); transform: scale(1.05); }
.mag-gomb:disabled { background-color: #f5f5f5; border-color: #ddd; color: #999; cursor: not-allowed; box-shadow: none; }
.fejlesztes-gomb { border-color: var(--kek-fejlesztes); }
.fejlesztes-gomb:hover:not(:disabled) { box-shadow: 0 5px 15px rgba(33, 150, 243, 0.3); }
.mag-adatok { font-size: 0.75em; display: block; margin-top: 5px; opacity: 0.9; }

/* --- JÁTÉKTÉR --- */
#kert {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 8px;

    width: 100%;
    max-width: 420px;   /* ← EZ A LÉNYEG */

    margin: 0 auto;
}


.parcella {
    width: 100%;
    aspect-ratio: 1 / 1;   /* mindig négyzet */

    background-color: var(--fold-szin);
    border: 4px solid var(--keret-szin);
    border-radius: 12px;

    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    position: relative;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.4);

    user-select: none;
    transition: transform 0.1s;

    box-sizing: border-box;
}

.parcella:active { transform: scale(0.95); }
.noveny-ikon { font-size: 38px; line-height: 1; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.3)); }

.szamlalo {
    font-size: 13px;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    padding: 2px 8px;
    border-radius: 10px;
    margin-top: 2px;
    font-weight: bold;
    backdrop-filter: blur(2px);
}

@keyframes gyorsNoves { 0% { filter: hue-rotate(0deg); } 50% { filter: hue-rotate(90deg) brightness(1.2); } 100% { filter: hue-rotate(0deg); } }
.gyors-animacio { animation: gyorsNoves 1s infinite; }
@keyframes novekedes { 0% { transform: scale(0); } 60% { transform: scale(1.2); } 100% { transform: scale(1); } }
.animacio { animation: novekedes 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

/* --- EGYÉB --- */
.modal-hatter { 
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0,0,0,0.7); 
    /* JAVÍTÁS: Megemelt z-index, hogy a menü felett legyen */
    z-index: 3000; 
    align-items: center; 
    justify-content: center; 
    backdrop-filter: blur(3px); 
}

/* Kiegészítés az expedíciós dobozhoz, hogy görgethető legyen */
.raktar-doboz {
    background: white;
    padding: 20px;
    border-radius: 15px;
    width: 95%;
    max-width: 500px;
    /* JAVÍTÁS: Maximális magasság és görgetés, ha túl sok az expedíció */
    max-height: 85vh;
    overflow-y: auto;
    position: relative;
}

.siker-doboz { 
    background: linear-gradient(to bottom, #ffffff, #f0f9f0); 
    padding: 30px; 
    border-radius: 20px; 
    width: 90%; 
    max-width: 400px; 
    text-align: center; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.4); 
    border: 4px solid var(--arany); 
    animation: popIn 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55); 
}

@keyframes popIn { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }

.trofea-ikon { font-size: 60px; display: block; margin-bottom: 10px; animation: pulse 1.5s infinite; }
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }

.siker-cim { color: var(--zold-sotet); font-size: 1.8em; margin: 0; }
.siker-szoveg { color: #555; font-size: 1.1em; margin: 15px 0; }

.szuper-gomb { 
    background: linear-gradient(to right, #43a047, #66bb6a); 
    color: white; 
    border: none; 
    padding: 12px 30px; 
    border-radius: 30px; 
    font-size: 1.1em; 
    font-weight: bold; 
    cursor: pointer; 
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4); 
    transition: transform 0.2s; 
}
.szuper-gomb:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(76, 175, 80, 0.6); }

/* --- VEZÉRLŐ GOMBOK STÍLUSA --- */
.raktar-nyito-gomb {
    /* Alap beállítások */
    display: inline-block;       /* Hogy egymás mellé kerüljenek */
    padding: 10px 15px;          /* Kényelmes belső térköz */
    margin: 3px;                 /* Kis távolság a gombok között */
    
    /* Betűtípus */
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    
    /* Gomb formája */
    border: none;
    border-radius: 8px;          /* Enyhe kerekítés (nem kapszula!) */
    cursor: pointer;
    position: relative;
    
    /* 3D Hatás (Alja sötétebb) */
    box-shadow: 0 4px 0 rgba(0,0,0,0.2); 
    transition: all 0.1s ease;
}

/* Hover (Ha fölé viszed az egeret) */
.raktar-nyito-gomb:hover {
    filter: brightness(1.1);     /* Kicsit világosodik */
    transform: translateY(-2px); /* Picit felugrik */
    box-shadow: 0 6px 0 rgba(0,0,0,0.2); /* Nagyobb árnyék */
}

/* Active (Ha rákattintasz) */
.raktar-nyito-gomb:active {
    transform: translateY(2px);  /* Lenyomódik */
    box-shadow: 0 0 0 rgba(0,0,0,0.2); /* Eltűnik az árnyék (mert lenyomtad) */
}

/* --- RAKTÁR ABLAK STÍLUSOK (Ezeket is javítottam, hogy illeszkedjenek) --- */
.raktar-doboz { 
    background: white; 
    padding: 10px; 
    border-radius: 15px; 
    width: 90%; 
    max-width: 450px; 
    position: relative; 
    text-align: left;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3); /* Szép árnyék az ablaknak */
    border: 4px solid #8d6e63; /* Barna keret */
}

.raktar-sor { 
    display: flex; 
    justify-content: space-between; 
    padding: 10px; 
    border-bottom: 1px dashed #ccc; /* Szaggatott vonal szebb */
    align-items: center; 
}

.elad-gomb { 
    background-color: #ff9800; 
    color: white; 
    border: none; 
    padding: 5px 10px; 
    border-radius: 5px; 
    cursor: pointer; 
    font-weight: bold;
    box-shadow: 0 2px 0 #e65100; /* Kicsi 3D hatás ennek is */
}

.elad-gomb:active {
    transform: translateY(2px);
    box-shadow: none;
}

.bezaro-x { 
    position: absolute; 
    top: 5px; 
    right: 10px; 
    border: none; 
    background: none; 
    font-size: 28px; 
    cursor: pointer; 
    color: #d32f2f; 
    font-weight: bold;
}
.bezaro-x:hover { color: red; transform: scale(1.2); }

.varju-overlay { position: absolute; top: -10px; right: -10px; font-size: 40px; z-index: 15; animation: varjuUgral 0.5s infinite alternate; cursor: crosshair; filter: drop-shadow(2px 2px 0 white); }
@keyframes varjuUgral { from { transform: translateY(0) rotate(5deg); } to { transform: translateY(-5px) rotate(-5deg); } }
.veszely { border-color: red !important; animation: villogas 0.5s infinite; }
@keyframes villogas { 0% { box-shadow: 0 0 5px red; } 50% { box-shadow: 0 0 20px red; } 100% { box-shadow: 0 0 5px red; } }
.madarijeszto-ikon { position: fixed; bottom: 20px; left: 20px; font-size: 80px; z-index: 25; pointer-events: none; filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.3)); display: none; }
.extra-gomb { border-color: #ff9800 !important; background: #fff3e0 !important; }
.extra-gomb.megvan { background: #4caf50 !important; color: white; cursor: default; }

.locsolo-aktiv { position: absolute; top: -20px; left: -20px; font-size: 30px; z-index: 2; animation: spriccel 1s infinite; }
@keyframes spriccel { 0% { transform: rotate(0deg); } 50% { transform: rotate(-10deg); } 100% { transform: rotate(0deg); } }

/* --- VÁSÁRLÓ (CUSTOMER) KÁRTYA 🛍️ --- */
.vasarlo-doboz {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    border: 3px solid #673ab7; /* Lila keret */
    padding: 20px;
    z-index: 50;
    display: none; /* Alapból rejtve */
    animation: slideIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-align: left;
}

/* VIP Vásárló: Arany keret és csillogás */
.vasarlo-doboz.vip-vasarlo {
    border-color: #FFD700;
    background: linear-gradient(to bottom, #fffde7, #ffffff);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
    animation: vipPulse 2s infinite alternate;
}

@keyframes vipPulse {
    from { box-shadow: 0 0 10px rgba(255, 215, 0, 0.4); }
    to { box-shadow: 0 0 25px rgba(255, 215, 0, 0.8); }
}

.gomb-alku {
    flex: 1;
    padding: 8px;
    border: none;
    border-radius: 5px;
    background: #2196f3; /* Kék */
    color: white;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    overflow: hidden;
}
.gomb-alku:hover { background: #1976d2; }
.gomb-alku:disabled { background: #ccc; cursor: not-allowed; }

/* Ha az alku sikeres volt, a szöveg zöld lesz */
.ar-emelt { color: #2e7d32 !important; font-weight: bold; text-shadow: 0 0 5px #a5d6a7; }

@keyframes slideIn {
    from { transform: translateX(120%); }
    to { transform: translateX(0); }
}

.vasarlo-fejlec {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.vasarlo-ikon { font-size: 40px; }
.vasarlo-nev { font-weight: bold; color: #673ab7; font-size: 1.1em; }

.vasarlo-szoveg {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 15px;
    font-style: italic;
}

.vasarlo-igeny {
    background: #f3e5f5;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
    color: #333;
}

.vasarlo-ar { color: #43a047; font-size: 1.2em; }

.vasarlo-gombok {
    display: flex;
    gap: 10px;
}

.gomb-elad {
    flex: 1;
    padding: 8px;
    border: none;
    border-radius: 5px;
    background: #4caf50;
    color: white;
    cursor: pointer;
    font-weight: bold;
}
.gomb-elad:hover { background: #388e3c; }

.gomb-elutasit {
    flex: 1;
    padding: 8px;
    border: none;
    border-radius: 5px;
    background: #f44336;
    color: white;
    cursor: pointer;
}
.gomb-elutasit:hover { background: #d32f2f; }

/* --- LEZÁRT FÖLDTERÜLET (TELEK BŐVÍTÉS) --- */
.parcella.zart {
    background-color: #d7ccc8; /* Halvány szürkésbarna */
    border: 4px dashed #a1887f; /* Szaggatott keret */
    cursor: copy; /* "Vásárlás" kurzor */
    opacity: 0.7;
    transition: all 0.3s;
}

.parcella.zart:hover {
    background-color: #ffcc80; /* Narancssárga felvillanás, ha ráviszed az egeret */
    transform: scale(1.05);
    opacity: 1;
    border-color: #ff9800;
}

.lakat-ikon {
    font-size: 30px;
    display: block;
    margin-bottom: 5px;
}

.telek-ar {
    font-size: 14px;
    font-weight: bold;
    color: #5d4037;
    background: rgba(255,255,255,0.8);
    padding: 2px 5px;
    border-radius: 5px;
}
.piros-gomb {
    background: linear-gradient(to right, #e53935, #ef5350) !important;
    box-shadow: 0 4px 15px rgba(229, 57, 53, 0.4) !important;
}
.piros-gomb:hover {
    box-shadow: 0 6px 20px rgba(229, 57, 53, 0.6) !important;
}
/* --- MODERN FEJLESZTÉS BOLT --- */

/* 1. Kiszélesítjük CSAK a fejlesztés ablakot (hogy kiférjen az 5 kártya) */
#bolt-modal .raktar-doboz {
    max-width: 1400px; /* Sokkal szélesebb, mint a sima raktár */
    width: 95%;        /* Kitölti a képernyőt */
}

/* 2. Beállítjuk, hogy 5 legyen egy sorban */
.bolt-modal-tartalom {
    display: grid;
    /* Fix 5 oszlop egymás mellett */
    grid-template-columns: repeat(5, 1fr); 
    gap: 15px;
    padding: 10px;

    /* Görgetés beállításai */
    max-height: 70vh; 
    overflow-y: auto; 
}
/* Kicsit kompaktabb kártyák, hogy biztosan kiférjenek */
.fejlesztes-kartya {
    background: white;
    border-radius: 16px;
    padding: 15px; /* Kicsit kevesebb padding */
    text-align: center;
    box-shadow: 0 8px 20px rgba(33, 150, 243, 0.15);
    transition: transform 0.3s, box-shadow 0.3s;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 280px; /* Hogy egyforma magasak legyenek */
}
/* Hover effekt csak ha még nincs megvéve */
.fejlesztes-kartya:not(.megveve):hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(33, 150, 243, 0.25);
    border-color: var(--kek-fejlesztes);
}

/* Nagy ikon a kártya tetején */
.fej-ikon-nagy {
    font-size: 60px;
    margin-bottom: 10px;
    filter: drop-shadow(0 4px 4px rgba(0,0,0,0.1));
    transition: transform 0.3s;
}
.fejlesztes-kartya:not(.megveve):hover .fej-ikon-nagy {
    transform: scale(1.1) rotate(5deg);
}

/* Cím */
.fej-cim {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    margin: 5px 0;
}

/* Leírás (pl. mit csinál) */
.fej-leiras {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 20px;
    flex-grow: 1; /* Kitölti a helyet */
}

/* Vásárlás gomb a kártya alján */
.fej-vetel-gomb {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(to right, #2196f3, #42a5f5);
    color: white;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(33, 150, 243, 0.3);
    transition: all 0.2s;
}

.fej-vetel-gomb:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 15px rgba(33, 150, 243, 0.4);
}

/* --- MEGVETT ÁLLAPOT STÍLUSA --- */
.fejlesztes-kartya.megveve {
    background: #f5f7f9;
    border-color: #e0e0e0;
    box-shadow: none;
    cursor: default;
}

.fejlesztes-kartya.megveve .fej-ikon-nagy,
.fejlesztes-kartya.megveve .fej-cim {
    opacity: 0.6;
    filter: grayscale(50%);
}

/* Pipa badge a sarkon */
.megvan-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #4caf50;
    color: white;
    width: 30px; height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center; justify-content: center;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Letiltott gomb (ha nincs pénz) */
.fej-vetel-gomb.nincs-penz {
    background: #e0e0e0;
    color: #999;
    cursor: not-allowed;
    box-shadow: none;
}
/* --- ÚJ VETŐMAG SÁV (SCROLLBAR) --- */

/* A konténer, ami görgethető */
.vetomag-sav {
    display: flex;
    gap: 12px;
    overflow-x: auto; /* Vízszintes görgetés engedélyezése */
    padding: 15px 5px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 16px;
    scrollbar-width: thin; /* Vékony görgetősáv (Firefox) */
    scrollbar-color: var(--zold-fo) transparent;
    margin-bottom: 20px;
    /* Eltüntetjük a függőleges csúszkát */
    white-space: nowrap; 
    -webkit-overflow-scrolling: touch; /* Sima görgetés mobilon */
}

/* Egyedi görgetősáv Chrome/Safari/Edge böngészőkhöz */
.vetomag-sav::-webkit-scrollbar {
    height: 4px;
}
.vetomag-sav::-webkit-scrollbar-track {
    background: transparent;
}
.vetomag-sav::-webkit-scrollbar-thumb {
    background: var(--zold-fo);
    border-radius: 10px;
}

/* Az új, kompakt mag-kártya stílus */
.uj-mag-gomb {
    flex: 0 0 auto; /* Nem nyomódik össze! */
    width: 120px;  
    background: white;
    border: 2px solid #ddd;
    border-radius: 12px;
    padding: 8px 4px; /* Kisebb belső tér oldalt, hogy a szövegnek több helye legyen */
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; /* Szépen elosztja az elemeket függőlegesen */
    box-sizing: border-box; 
    overflow: hidden; /* Ha valami nagyon hosszú, ne lógjon ki a dobozból! */
}

/* Ha fölé viszed az egeret */
.uj-mag-gomb:hover:not(.disabled) { /* FIGYELEM: :disabled helyett .disabled (mert div!) */
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-color: var(--zold-fo);
}

/* Kiválasztott (AKTÍV) állapot */
.uj-mag-gomb.aktiv {
    border-color: var(--zold-sotet);
    background: #e8f5e9;
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3);
    transform: scale(1.05);
}

/* Letiltott (ZÁROLT) állapot */
.uj-mag-gomb.disabled { /* FIGYELEM: .disabled (mert a JS ezt az osztályt adja hozzá) */
    background-color: #f5f5f5;
    opacity: 0.7;
    cursor: not-allowed;
    border-color: #eee;
}

/* Belső elemek */
.mag-ikon-nagy { font-size: 32px; margin-bottom: 2px; display:block; }

.mag-nev { 
    font-weight: bold; 
    font-size: 0.85em; 
    margin-bottom: 2px; 
    display:block; 
    white-space: normal; 
    line-height: 1.1;
    /* --- HOSSZÚ SZAVAK TÖRDELÉSE --- */
    word-wrap: break-word; 
    overflow-wrap: anywhere; /* Bárhol eltörheti a szót, ha kifogy a helyből */
    word-break: break-word; /* Biztosítja a tördelést a nagyon hosszú szavaknál */
    hyphens: auto; /* Ha a böngésző támogatja, automatikusan kötőjelezi a törött szavakat */
}

/* AZ ÚJ STATISZTIKA (XP és Idő) STÍLUSA */
.mag-stat {
    font-size: 0.7em;
    color: #555;
    margin: 4px 0;
    line-height: 1.2;
    white-space: normal;
    word-wrap: break-word;
    width: 100%;
}

.mag-ar { 
    color: #fbc02d; 
    font-weight: bold; 
    font-size: 0.85em; 
    background: #fffde7; 
    padding: 2px 6px; 
    border-radius: 4px; 
    display: inline-block; /* Hogy a padding biztosan érvényesüljön */
}

.mag-info-mini { font-size: 0.7em; color: #777; margin-top: 3px; }

/* =========================================================
   📱 KIFEJEZETTEN TELEFONOKRA OPTIMALIZÁLVA (600px alatt)
   ========================================================= */
@media screen and (max-width: 600px) {
    .uj-mag-gomb {
        width: 105px; /* Telefonon picit keskenyebb, hogy több kiférjen a képernyőre */
        padding: 6px 4px; /* Még kisebb belső margó oldalt */
    }
    
    .mag-ikon-nagy { font-size: 26px; margin-bottom: 2px; }
    
    .mag-nev { 
        font-size: 0.75em; 
        margin-bottom: 2px; 
        /* A tördelési szabályokat örökli fentről, így ide már nem kell! */
    }
    
    .mag-stat { 
        font-size: 0.75em; 
        margin: 4px 0; 
    }
    
    .mag-ar { font-size: 0.8em; padding: 3px 5px; }
}
/* --- ROHADT NÖVÉNY STÍLUS 🥀 --- */
.parcella[data-allapot="rohadt"] {
    background-color: #3e2723 !important; /* Sötétbarna, majdnem fekete */
    border-color: #1b0000 !important;
    cursor: not-allowed;
}

.rohadt-animacio {
    filter: sepia(1) hue-rotate(-50deg) contrast(0.8) grayscale(0.5); /* Hervadt színek */
    transform: scale(0.8) rotate(15deg);
}

.rohadt-jelzo {
    font-size: 11px;
    color: #ff5252;
    background: rgba(0,0,0,0.7);
    padding: 1px 5px;
    border-radius: 4px;
    position: absolute;
    bottom: 5px;
    font-weight: bold;
    white-space: nowrap;
}
/* --- ÉVSZAK HÁTTEREK --- */
body.tavasz { background-color: #e8f5e9; transition: background 2s; }
body.nyar   { background-color: #fffde7; transition: background 2s; }
body.osz    { background-color: #fff3e0; transition: background 2s; }
body.tel    { background-color: #eceff1; transition: background 2s; }

/* A téli csapadékot most már a dinamikus időjárás-overlay kezeli. */
/* --- MUNKÁS KÁRTYÁK --- */
.munkas-kartya {
    background: white;
    border-radius: 16px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(103, 58, 183, 0.15); /* Lila árnyék */
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s;
}

.munkas-kartya:hover {
    transform: translateY(-5px);
    border-color: #673ab7;
}

.munkas-kartya.aktiv {
    background: #f3e5f5; /* Halvány lila háttér */
    border-color: #673ab7;
    box-shadow: 0 0 15px rgba(103, 58, 183, 0.3);
}

.munkas-statusz {
    font-weight: bold;
    color: #fff;
    background: #9e9e9e;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.8em;
    margin-bottom: 5px;
    display: inline-block;
}

.munkas-kartya.aktiv .munkas-statusz {
    background: #4caf50; /* Zöld, ha aktív */
}

.ber-info {
    font-weight: bold;
    color: #d32f2f;
    margin: 10px 0;
}
/* --- VAKOND (KÁRTEVŐ) --- */
.vakond-overlay {
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 35px;
    z-index: 16;
    cursor: crosshair; /* Célkereszt kurzor */
    filter: drop-shadow(2px 2px 0 white);
    animation: bujocska 0.8s infinite alternate;
}

@keyframes bujocska {
    from { bottom: -15px; transform: translateX(-50%) scale(0.9); }
    to { bottom: -2px; transform: translateX(-50%) scale(1.1); }
}

/* Ha a vakond tönkretette a földet */
.parcella[data-allapot="turus"] {
    background-color: #4e342e !important;
    border-color: #3e2723 !important;
    background-image: radial-gradient(#5d4037 20%, transparent 20%); /* Földhalom minta */
    background-size: 10px 10px;
}
/* --- SÚGÓ DIZÁJN --- */
.sugo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px;
    padding: 5px;
}

.sugo-kartya {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    border-left: 5px solid #ddd;
    text-align: left;
    transition: transform 0.2s;
}

.sugo-kartya:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

.sugo-cim {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.sugo-szoveg {
    font-size: 0.9em;
    color: #555;
    line-height: 1.5;
}

.kiemelt {
    font-weight: bold;
    color: #333;
    background: #f0f0f0;
    padding: 1px 5px;
    border-radius: 4px;
}

/* Külön színek a témáknak */
.tema-zold { border-left-color: #4caf50; }
.tema-zold .sugo-cim { color: #2e7d32; }

/* A kék téma frissítése háttérszínnel */
.tema-kek { 
    border-left-color: #2196f3; 
    background-color: #e3f2fd; /* Világoskék háttér */
}
.tema-kek .sugo-cim { color: #1565c0; }

.tema-piros { border-left-color: #f44336; }
.tema-piros .sugo-cim { color: #c62828; }

.tema-lila { border-left-color: #9c27b0; }
.tema-lila .sugo-cim { color: #6a1b9a; }

.tema-arany { border-left-color: #ffc107; }
.tema-arany .sugo-cim { color: #ff8f00; }
/* --- ÚJ SÚGÓ ELRENDEZÉS (2 OSZLOPOS) --- */
.sugo-container {
    display: flex; /* Két oszlop egymás mellett */
    gap: 15px;
    height: 70vh; /* Fix magasság, hogy görgethető legyen belül */
    text-align: left;
}

/* Bal oldal: Szövegek */
.sugo-bal {
    flex: 2; /* Kétszer akkora helyet kap */
    overflow-y: auto; /* Görgethető */
    padding-right: 10px;
}

/* Jobb oldal: Növénytár */
.sugo-jobb {
    flex: 1; /* Kisebb hely */
    background: #f1f8e9; /* Halvány zöld háttér */
    border-radius: 12px;
    padding: 15px;
    overflow-y: auto; /* Ez is görgethető külön */
    border: 2px solid #c5e1a5;
    min-width: 260px; /* Hogy mobilon ne nyomódjon össze nagyon */
}

/* Mobilon (álló nézet) tegye egymás alá őket */
@media (max-width: 768px) {
    .sugo-container {
        flex-direction: column;
    }
}

/* Kis növény kártya a listában */
.mini-noveny {
    display: flex;
    align-items: center;
    gap: 10px;
    background: white;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    border-left: 4px solid transparent;
}
.mini-noveny:hover { transform: translateX(5px); transition: 0.2s; }

/* Évszak szerinti színezés a kártya szélén */
.mini-tavasz { border-left-color: #e91e63; }
.mini-nyar   { border-left-color: #ff9800; }
.mini-osz    { border-left-color: #795548; }
.mini-tel    { border-left-color: #607d8b; }

.mini-ikon { font-size: 24px; }
.mini-adatok { font-size: 0.85em; color: #555; width: 100%; }
.mini-nev { font-weight: bold; color: #2e7d32; display: flex; justify-content: space-between; }
/* --- VAKONDRIASZTÓ --- */
.vakondriaszto-ikon {
    position: fixed;
    bottom: 25px;
    left: 120px; /* A madárijesztő mellett */
    font-size: 50px;
    z-index: 24;
    pointer-events: none;
    filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.3));
    display: none; /* Alapból rejtve */
    animation: pulseWave 2s infinite;
}

@keyframes pulseWave {
    0% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(0,255,0,0)); }
    50% { transform: scale(1.1); filter: drop-shadow(0 0 10px rgba(0,255,0,0.6)); }
    100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(0,255,0,0)); }
}
/* --- PIAC ÉS TŐZSDE --- */
.arfolyam-kartya {
    min-width: 100px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ar-valtozas { font-weight: bold; font-size: 0.9em; margin-top: 5px; }
.ar-fel { color: #4caf50; } /* Zöld (Nőtt az ár) */
.ar-le { color: #f44336; }  /* Piros (Csökkent az ár) */

.rendeles-kartya {
    background: white;
    border: 2px dashed #8d6e63;
    border-radius: 12px;
    padding: 15px;
    width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    position: relative;
}

.rendeles-cim { font-weight: bold; color: #5d4037; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px;}
.rendeles-lista { list-style: none; padding: 0; margin: 0 0 15px 0; font-size: 0.9em; }
.rendeles-lista li { margin-bottom: 4px; display: flex; justify-content: space-between; }
.rendeles-pipa { color: green; font-weight: bold; }
.rendeles-hiany { color: red; }

.rendeles-jutalom {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
/* --- GENETIKA ÉS RITKASÁGOK --- */

/* Arany Növény a raktárban/kertben */
.arany-item {
    border: 2px solid #ffd700 !important;
    background: radial-gradient(circle, #fffde7 0%, #fff9c4 100%) !important;
    box-shadow: 0 0 10px #ffd700;
    animation: csillogas 2s infinite;
}

@keyframes csillogas {
    0% { box-shadow: 0 0 5px #ffd700; }
    50% { box-shadow: 0 0 15px #ffeb3b; }
    100% { box-shadow: 0 0 5px #ffd700; }
}

/* Hibrid Növény - Misztikus lila ragyogással */
.hibrid-item {
    border: 2px solid #9c27b0 !important;
    background: radial-gradient(circle, #f3e5f5 0%, #e1bee7 100%) !important;
    box-shadow: 0 0 10px rgba(156, 39, 176, 0.4);
    animation: hibrid-derengese 3s infinite ease-in-out;
}

@keyframes hibrid-derengese {
    0% { filter: drop-shadow(0 0 2px #9c27b0); opacity: 0.9; }
    50% { filter: drop-shadow(0 0 8px #ba68c8); opacity: 1; }
    100% { filter: drop-shadow(0 0 2px #9c27b0); opacity: 0.9; }
}

/* Lebegő szöveg stílusa ritkaságokhoz */
.ritka-text {
    font-size: 1.2em;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000;
}
/* --- ÁLLATTENYÉSZTÉS (ISTÁLLÓ) --- */
.allat-kartya {
    background: white;
    border-radius: 16px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(121, 85, 72, 0.15); /* Barna árnyék */
    border: 2px solid #d7ccc8;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 250px;
    position: relative;
    transition: transform 0.2s;
}

.allat-kartya:hover { transform: translateY(-3px); border-color: #8d6e63; }

.allat-ikon { font-size: 50px; margin-bottom: 5px; display:block; animation: bounce 2s infinite; }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

.allat-nev { font-weight: bold; font-size: 1.1em; color: #5d4037; margin-bottom: 5px; }

.allat-info { font-size: 0.85em; color: #777; background: #efebe9; padding: 5px; border-radius: 8px; margin-bottom: 10px; }

.etetes-gomb {
    background: linear-gradient(to right, #ffb74d, #ff9800);
    color: white;
    border: none;
    padding: 10px;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(255, 152, 0, 0.3);
    width: 100%;
}
.etetes-gomb:disabled { background: #e0e0e0; color: #999; cursor: not-allowed; box-shadow: none; }
.etetes-gomb:hover:not(:disabled) { transform: scale(1.05); }

/* Begyűjtés gomb (zöld) */
.gyujtes-gomb {
    background: linear-gradient(to right, #66bb6a, #43a047);
    box-shadow: 0 4px 10px rgba(76, 175, 80, 0.3);
}

.termek-buborek {
    position: absolute;
    top: -10px; right: -10px;
    background: white;
    border: 2px solid #4caf50;
    border-radius: 50%;
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    font-size: 24px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* --- VÁSÁRLÓ TÜRELEM CSÍK ⏳ --- */
.vasarlo-turelem-container {
    width: 100%;
    height: 6px;
    background-color: #eee;
    border-radius: 3px;
    margin-top: 10px;
    overflow: hidden;
}

.vasarlo-turelem-bar {
    height: 100%;
    background: linear-gradient(to right, #4caf50, #ff9800, #f44336); /* Zöld -> Sárga -> Piros */
    width: 100%;
    transform-origin: left;
}

/* Animáció osztály, amit JS-sel teszünk rá */
.turelem-fogy {
    animation: fogyas 30s linear forwards;
}

@keyframes fogyas {
    0% { width: 100%; }
    100% { width: 0%; }
}
/* --- SKILL TREE (KÉPESSÉGFA) --- */
.skill-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 4 oszlop */
    gap: 15px;
    text-align: left;
}

.skill-ag {
    background: rgba(255,255,255,0.5);
    border-radius: 12px;
    padding: 10px;
    border-top: 5px solid #ccc;
}

/* Ágak színei */
.ag-gazdasag { border-top-color: #fbc02d; } /* Sárga */
.ag-termeszet { border-top-color: #4caf50; } /* Zöld */
.ag-ipar { border-top-color: #ff5722; }      /* Narancs */
.ag-mester { border-top-color: #673ab7; }    /* Lila */

.skill-ag-cim {
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #555;
}

.skill-node {
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    transition: all 0.2s;
    opacity: 0.6; /* Alapból halvány (nem elérhető) */
}

/* Ha elérhető (megvehető) */
.skill-node.elerheto {
    opacity: 1;
    border-color: #bbb;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.skill-node.elerheto:hover { transform: translateY(-2px); }

/* Ha már megvan (megvettük) */
.skill-node.megvan {
    opacity: 1;
    background: #e8f5e9;
    border-color: #4caf50;
    box-shadow: none;
}
.skill-node.megvan::after {
    content: "✔";
    position: absolute;
    top: 5px; right: 5px;
    color: green;
    font-weight: bold;
}

.skill-nev { font-weight: bold; font-size: 0.95em; margin-bottom: 3px; }
.skill-leiras { font-size: 0.8em; color: #666; line-height: 1.3; }
.skill-ar {
    font-size: 0.8em; 
    font-weight: bold; 
    color: #1976d2; 
    margin-top: 5px;
    display: inline-block;
    background: #e3f2fd;
    padding: 2px 6px;
    border-radius: 4px;
}
/* --- TALAJMINŐSÉG SÁV --- */
.talaj-sav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: #5d4037; /* Sötétbarna alap */
    border-radius: 0 0 8px 8px; /* Illeszkedik a parcella aljához */
    overflow: hidden;
    z-index: 5;
}

.talaj-csik {
    height: 100%;
    width: 100%; /* JS állítja majd */
    background: linear-gradient(to right, #d32f2f, #ff9800, #4caf50); /* Piros -> Sárga -> Zöld */
    transition: width 0.5s ease;
}

/* Ha a talaj kimerült (szürkés, repedezett hatás) */
.parcella[data-minoseg="rossz"] {
    background-image: repeating-linear-gradient(45deg, #6d4c41 0, #6d4c41 10px, #5d4037 10px, #5d4037 20px);
    border-color: #3e2723;
}
/* --- PIHENTETÉS STÍLUS --- */
.pihenes-szoveg {
    font-size: 0.9em;
    font-weight: bold;
    color: #795548; /* Barna szín */
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 5px;
    border-radius: 5px;
    animation: pulzalas 2s infinite;
}

@keyframes pulzalas {
    0% { opacity: 0.7; }
    50% { opacity: 1; }
    100% { opacity: 0.7; }
}

/* Súgó barna téma */
.tema-barna { border-left-color: #795548; }
.tema-barna .sugo-cim { color: #5d4037; }

/* --- DINAMIKUS HÍREK (BREAKING NEWS) --- */
.hir-sav {
    position: fixed;
    top: -60px; /* Alapból rejtve fent */
    left: 0;
    width: 100%;
    background: linear-gradient(90deg, #d32f2f, #b71c1c); /* Piros híradós háttér */
    color: white;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    z-index: 2000;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transition: top 0.5s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.hir-sav.aktiv {
    top: 0; /* Becsúszik */
}

/* Külön stílus a "JÓ" híreknek (Zöld) */
.hir-sav.jo-hir {
    background: linear-gradient(90deg, #388e3c, #2e7d32);
}

.hir-ikon {
    font-size: 1.5em;
    animation: pulse 1s infinite;
}
body.ejszaka {
    background-color: #263238; /* Sötét */
    color: #eceff1;
}
body.ejszaka .parcella {
    filter: brightness(0.7); /* Csak éjszaka legyen sötétebb a föld. */
}
/* Ahol van fényforrás, ott világos marad. */
.parcella.lampas-feny {
    filter: brightness(1.2) drop-shadow(0 0 10px gold);
}
/* --- EXPEDÍCIÓ KÁRTYÁK --- */
.expedicio-kartya {
    background: white;
    border-radius: 16px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border: 2px solid #ccc;
    transition: transform 0.3s;
    position: relative;
    overflow: hidden;
}

.expedicio-kartya:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* Téma szerinti színek */
.exp-dzsungel { border-color: #4caf50; background: linear-gradient(to bottom, #e8f5e9, #c8e6c9); }
.exp-hegy { border-color: #795548; background: linear-gradient(to bottom, #efebe9, #d7ccc8); }

.exp-ikon { font-size: 50px; margin-bottom: 10px; display: block; filter: drop-shadow(0 4px 2px rgba(0,0,0,0.1)); }
.exp-cim { font-weight: bold; font-size: 1.2em; margin-bottom: 5px; color: #333; }
.exp-leiras { font-size: 0.85em; color: #555; margin-bottom: 15px; min-height: 40px; }

.exp-gomb {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 25px;
    background: #333;
    color: white;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.exp-gomb:hover { transform: scale(1.05); }
.exp-dzsungel .exp-gomb { background: #2e7d32; }
.exp-hegy .exp-gomb { background: #5d4037; }
/* --- ÜVEGHÁZ STÍLUS 🏠 --- */
.kert-uveghaz {
    background-color: rgba(220, 240, 255, 0.4); /* Erősebb kék háttér */
    border: 8px solid #b0bec5; /* Fém keret */
    border-radius: 15px;
    padding: 15px;
    box-shadow: 
        0 0 0 2px #fff, 
        0 0 20px rgba(33, 150, 243, 0.6); /* Ragyogás */
    
    /* Üvegtető rács minta */
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.5) 2px, transparent 2px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.5) 2px, transparent 2px);
    background-size: 50px 50px;
    
    position: relative;
    transition: all 0.5s ease;
    margin-top: 20px; /* Hely a tetőnek */
}

/* Kis tető ikon a kereten */
.kert-uveghaz::before {
    content: "🏠 ÜVEGHÁZ";
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #b0bec5;
    color: white;
    padding: 5px 15px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: 1px;
}

/* Kis fatábla/ikon a kereten a Gyümölcsöshöz */
.kert-gyumolcsos::before {
    content: "🍎 GYÜMÖLCSÖS";
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #558b2f; /* Kellemes sötétzöld, ami passzol a fákhoz */
    color: white;
    padding: 5px 15px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: 1px;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1); /* Egy kis extra 3D hatás (opcionális) */
}

.kert-gyumolcsos {
    background-color: #8bc34a; /* Egy élénkebb, fű-zöld szín */
    border: 3px solid #558b2f;
    border-radius: 15px;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}

/* --- NAPSZAK JELZŐ --- */
.napszak-jelzo {
    background: #fff3e0; /* Nappali világos narancs */
    border: 2px solid #ffb74d;
    color: #ef6c00;
    font-weight: bold;
    min-width: 100px; /* Hogy ne ugráljon a mérete */
    transition: all 1s ease;
}

/* Éjszakai stílus */
.napszak-jelzo.ejszaka-mod {
    background: #37474f; /* Sötétszürke */
    border-color: #90a4ae;
    color: #eceff1; /* Világosszürke szöveg */
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}
/* --- ÚJ ALSÓ MENÜ (MODERN KAPSZULA GOMBOK) --- */
.vezerlo-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.9); /* Kicsit erősebb háttér, hogy olvashatóbb legyen felugráskor */
    border-radius: 20px 20px 0 0; /* Csak a felső sarkok kerekítettek */
    
    /* FIXÁLÁS AZ ALJZATHOZ */
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 900px;
    z-index: 2000;
    margin: 0; /* Kiszesszük a margókat */
    border: 1px solid rgba(0,0,0,0.1);
    backdrop-filter: blur(10px);

    /* REJTÉS ÉS ANIMÁCIÓ */
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.2);
    transform: translateX(-50%) translateY(100%); /* Alapból lent van */
}

/* Ha nyitva van, feljön */
.vezerlo-panel.nyitva {
    transform: translateX(-50%) translateY(0);
}

.menu-gomb {
    /* KAPSZULA ALAK */
    display: flex;
    flex-direction: row;     /* Ikon és szöveg EGYMÁS MELLETT */
    align-items: center;     /* Függőleges középre igazítás */
    justify-content: center; /* Vízszintes középre igazítás */
    
    width: auto;             /* A szélesség a szövegtől függ */
    min-width: 120px;        /* De legyen egy minimum méret */
    height: 50px;            /* Alacsonyabb, gomb-szerű magasság */
    
    padding: 0 15px;         /* Oldalsó belső térköz */
    border: none;
    border-radius: 25px;     /* Kerekített végek (Kapszula) */
    color: white;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    position: relative;
    margin: 0;
    
    /* Hogy a szöveg ne csússzon szét */
    flex-grow: 1;            /* Mobilon kitölti a rendelkezésre álló helyet */
}

/* Hover effektus */
.menu-gomb:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.25);
    filter: brightness(1.1);
    z-index: 2;
}

/* Kattintás */
.menu-gomb:active {
    transform: scale(0.95);
}

.menu-ikon {
    font-size: 22px;         /* Kisebb ikon */
    margin-bottom: 0;        /* Nem kell alsó margó */
    margin-right: 8px;       /* Hanem jobb oldali, a szöveg felé */
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));
}

.menu-szoveg {
    font-size: 0.9em;        /* Olvasható méret */
    font-weight: bold;
    line-height: 1;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    white-space: nowrap;     /* Ne törje a szöveget */
}

/* --- MOBIL NÉZET OPTIMALIZÁLÁS --- */
@media (max-width: 400px) {
    .menu-gomb {
        flex-grow: 1;        /* Mobilon nyúljanak meg a gombok */
        min-width: 45%;      /* Két gomb férjen el egymás mellett */
        font-size: 0.9em;    /* Kicsit kisebb betű */
        padding: 0 10px;
    }
    .menu-szoveg {
        font-size: 0.85em;
    }
}

/* --- SZÍNEK (Maradnak a régiek) --- */
.szin-barna   { background: linear-gradient(135deg, #795548, #5d4037); }
.szin-piros   { background: linear-gradient(135deg, #e91e63, #c2185b); }
.szin-kek     { background: linear-gradient(135deg, #2196f3, #1976d2); }
.szin-narancs { background: linear-gradient(135deg, #ff5722, #e64a19); }
.szin-lila    { background: linear-gradient(135deg, #673ab7, #512da8); }
.szin-zold    { background: linear-gradient(135deg, #009688, #00796b); }
.szin-arany   { background: linear-gradient(135deg, #ffc107, #ffb300); color: #3e2723; }
.szin-cyan    { background: linear-gradient(135deg, #00bcd4, #0097a7); }
.szin-szurke  { background: linear-gradient(135deg, #607d8b, #455a64); }
.szin-magenta { background: linear-gradient(135deg, #9c27b0, #7b1fa2); }
.szin-terra   { background: linear-gradient(135deg, #8d6e63, #6d4c41); }
/* Bezárás gomb (X) stílusa - MÓDOSÍTOTT */
.bezaras {
    color: #ff3838; /* Élénk PIROS szín (szürke helyett) */
    float: right;
    font-size: 45px; /* JÓVAL NAGYOBB méret (28px helyett) */
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease, transform 0.2s ease; /* Animáció hozzáadva */
    line-height: 0.8; /* Hogy ne tolja le nagyon a fejlécet */
    margin-top: -5px; /* Kicsit feljebb húzzuk */
}

.bezaras:hover,
.bezaras:focus {
    color: #c82333; /* Sötétebb piros, ha ráviszed az egeret */
    text-decoration: none;
    transform: scale(1.1); /* Kicsit megnő hoverkor */
}

/* --- ÜVEGHÁZ PANEL --- */
.klima-doboz {
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    border: 3px solid #2196f3;
    border-radius: 15px;
    padding: 15px;
    max-width: 400px;
    margin: 0 auto 20px auto;
    box-shadow: 0 0 15px rgba(33, 150, 243, 0.4);
}

.klima-sor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px;
    font-weight: bold;
    color: #0d47a1;
}

.klima-statusz {
    text-align: center;
    font-size: 0.9em;
    padding-top: 5px;
    border-top: 1px dashed #90caf9;
    color: #1565c0;
}

.viztartaly-sav {
    flex-grow: 1;
    height: 15px;
    background: #fff;
    border: 1px solid #2196f3;
    border-radius: 10px;
    overflow: hidden;
}

.viztartaly-csik {
    height: 100%;
    background: linear-gradient(90deg, #4fc3f7, #0288d1);
    transition: width 0.5s;
}

.szuper-gombik {
    background: #2196f3;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}
.szuper-gombik:hover { background: #1976d2; }

/* --- ÜVEGHÁZ BELSŐ KINÉZET --- */
.uveghaz-mod {
    background-image: 
        radial-gradient(circle, transparent 20%, #e3f2fd 20%, #e3f2fd 80%, transparent 80%, transparent),
        radial-gradient(circle, transparent 20%, #e3f2fd 20%, #e3f2fd 80%, transparent 80%, transparent) !important;
    background-size: 50px 50px !important;
    background-position: 0 0, 25px 25px !important;
    background-color: #f1f8e9 !important; /* Világos padló */
    border: 8px solid #607d8b !important; /* Fém keret */
    box-shadow: inset 0 0 50px rgba(0,0,0,0.2) !important;
}

/* Üvegházi parcella stílusa (tápkocka) */
.uveghaz-parcella {
    border: 2px solid #81d4fa !important;
    background-color: #3e2723; /* Tőzeg */
    border-radius: 5px !important; /* Szögletesebb */
    box-shadow: 0 4px 0 #5d4037 !important;
}
/* --- ÚJ STATISZTIKA PROFIL --- */
.stat-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: left;
}

/* Felső profil kártya (Rang és Szint) */
.profil-kartya {
    background: linear-gradient(135deg, #673ab7, #512da8);
    color: white;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 5px 15px rgba(103, 58, 183, 0.3);
}

.profil-avatar {
    font-size: 50px;
    background: rgba(255,255,255,0.2);
    width: 80px; height: 80px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,0.5);
}

.profil-adatok h2 { margin: 0; color: #fff; font-size: 1.5em; }
.profil-rang { color: #ffeb3b; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-size: 0.9em; margin-top: 5px; }

/* Statisztika rács */
.stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px;
}

.stat-doboz {
    background: white;
    border-radius: 12px;
    padding: 15px;
    border: 1px solid #eee;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.stat-cim {
    font-weight: bold;
    color: #555;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
    margin-bottom: 10px;
    display: flex; justify-content: space-between;
}

.stat-sor {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 0.95em;
    color: #444;
}

.stat-ertek { font-weight: bold; color: #222; }

/* Pénzügyi csík */
.penz-sav-container {
    height: 10px; background: #ffebee; border-radius: 5px; overflow: hidden; margin-top: 5px; display: flex;
}
.penz-sav-bevetel { height: 100%; background: #4caf50; }
.penz-sav-kiadas { height: 100%; background: #f44336; }

/* Trófea haladás csík */
.trofea-progress-bg {
    background: #e0e0e0; height: 20px; border-radius: 10px; overflow: hidden; margin: 10px 0; border: 1px solid #ccc;
}
.trofea-progress-fill {
    height: 100%; background: linear-gradient(90deg, #ffc107, #ff9800);
    text-align: center; color: white; font-weight: bold; font-size: 12px; line-height: 20px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    transition: width 1s ease;
}

/* Trófea rács szépítése */
.trofea-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 8px;
    margin-top: 10px;
}
.mini-trofea {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
    text-align: center;
    padding: 5px;
    filter: grayscale(1); opacity: 0.5;
    transition: all 0.3s;
}
.mini-trofea.megvan {
    filter: grayscale(0); opacity: 1;
    background: #fffde7; border-color: #fbc02d;
    transform: scale(1.05);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
/* --- KÁRTYA DESIGN (MINDENHEZ) --- */
.kartyacska {
    background: linear-gradient(to bottom, #ffffff, #f9f9f9);
    border: 1px solid #ddd;
    border-radius: 12px; /* Kerekebb sarkok */
    padding: 12px;
    width: 180px; /* Szélesebb, hogy kiférjen a szöveg (140 helyett) */
    min-height: 280px; /* Magasabb alapból */
    
    /* Flexbox a tartalom elrendezéséhez */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; /* A gombot az aljára tolja */
    
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    transition: transform 0.2s, box-shadow 0.2s;
    margin: 10px; /* Hogy ne érjenek össze */
}

.kartyacska:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.15);
    border-color: #b0bec5;
}

/* Ikon (pl. Házikó) */
.kartyacska .ikon {
    font-size: 40px;
    margin-bottom: 10px;
    background: #e3f2fd;
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
}

/* Cím (pl. Modern Üvegház) */
.kartyacska .nev {
    font-weight: bold;
    color: #37474f;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 5px;
    min-height: 2.4em; /* Két sornyi helyet fenntart a címnek */
    display: flex; align-items: center; justify-content: center;
}

/* Leírás szövege (Kicsi betűvel) */
.kartyacska .leiras {
    font-size: 0.85em;
    color: #607d8b;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.3;
    flex-grow: 1; /* Ez tölti ki az üres helyet */
}

/* Ár és Anyagok része */
.kartyacska div { 
    /* Ez a rész felelős az árak megjelenítéséért a gomb felett */
    font-size: 0.9em;
    font-weight: bold;
    color: #4caf50;
    margin-bottom: 8px;
    text-align: center;
}

/* GOMB (A legfontosabb javítás) */
.kartyacska button {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    background: #2196f3;
    color: white;
    transition: background 0.3s;
    
    /* Sortörés engedélyezése */
    white-space: normal; 
    line-height: 1.2;
    font-size: 0.9em;
    min-height: 40px; /* Legyen elég nagy kattintani */
}

.kartyacska button:hover {
    background: #1976d2;
}

.kartyacska button:disabled {
    background: #cfd8dc;
    cursor: not-allowed;
    color: #78909c;
}
/* Külön stílus a piros hibaüzenethez, ha a gomb fölött jelenik meg */
.anyag-hiany-jelzes {
    color: #e53935;
    font-weight: bold;
    font-size: 0.85em;
    margin-top: 5px;
    text-align: center;
    line-height: 1.2;
}
/* =========================================
   BUKSI ANIMÁCIÓK 🐕
   ========================================= */

/* Alap Buksi beállítások (JS-ből felülírva, de itt vannak a kulcsok) */
#buksi-kutya {
    /* Az irányt CSS változóval kezeljük, hogy ne üsse a többi animációt.
       1 = jobbra néz, -1 = balra néz (tükrözve) */
    --irany: 1;
    /* A mozgás legyen lineáris, a "döcögést" a keyframe adja */
    transition: left 2s linear, top 2s linear !important;
    /* Fontos a középpont a forgáshoz/tükrözéshez */
    transform-origin: center bottom;
    will-change: left, top, transform; /* Teljesítmény optimalizálás */
}


/* --- 1. SÉTÁLÓ ANIMÁCIÓ (Döcögés) --- */
@keyframes buksi-seta-anim {
    0%, 100% { transform: translateY(0) scaleX(var(--irany)); }
    50% { transform: translateY(-10px) scaleX(var(--irany)); /* Felugrik kicsit */ }
}

.buksi-setal {
    /* 0.5 másodperc alatt lép egyet, folyamatosan */
    animation: buksi-seta-anim 0.5s infinite ease-in-out;
}


/* --- 2. ALVÓ ANIMÁCIÓ (Légzés/Pulzálás) --- */
@keyframes buksi-alvas-anim {
    0%, 100% { transform: scale(1) scaleX(var(--irany)); filter: grayscale(0.6) drop-shadow(2px 4px 4px rgba(0,0,0,0.2)); }
    50% { transform: scale(1.08) scaleX(var(--irany)); filter: grayscale(0.4) drop-shadow(2px 6px 8px rgba(0,0,0,0.3)); }
}

.buksi-alszik {
    /* Lassú, 3 másodperces légzés */
    animation: buksi-alvas-anim 3s infinite ease-in-out;
}


/* --- 3. FUTÓ ANIMÁCIÓ (Kergetés) --- */
@keyframes buksi-futas-anim {
    0%, 100% { transform: translateY(0) scaleX(var(--irany)) rotate(0deg); }
    25% { transform: translateY(-12px) scaleX(var(--irany)) rotate(5deg); /* Magasabbra ugrik, picit dől */ }
    75% { transform: translateY(-6px) scaleX(var(--irany)) rotate(-5deg); }
}

.buksi-fut {
    /* Gyors, 0.25 másodperces kapkodás */
    animation: buksi-futas-anim 0.25s infinite linear;
    /* Futáskor gyorsabban ér oda! Felülírjuk az alap 2s-t */
    transition: left 0.5s linear, top 0.5s linear !important;
}


/* --- 4. BOLDOG ANIMÁCIÓ (Simogatás) --- */
@keyframes buksi-boldog-anim {
    0% { transform: scale(1) rotate(0deg); }
    20% { transform: scale(1.3) rotate(-15deg); } /* Nagyra nő és elfordul */
    40% { transform: scale(1.3) rotate(15deg); } /* Másik irányba */
    60% { transform: scale(1.3) rotate(-10deg); }
    80% { transform: scale(1.3) rotate(5deg); }
    100% { transform: scale(1) rotate(0deg); /* Vissza alapra */ }
}

.buksi-boldog {
    /* Egyetlen gyors riszálás */
    animation: buksi-boldog-anim 0.6s ease-out;
    z-index: 200 !important; /* Legyen minden felett, amikor örül */
}
/* --- NAPI KÜLDETÉSEK --- */
.napi-sor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    margin-bottom: 8px;
    background: white;
    border-radius: 10px;
    border: 1px solid #eee;
    transition: transform 0.2s ease;
}

.napi-sor:hover {
    transform: scale(1.02);
}

.napi-sor.kesz {
    background: #f1f8e9;
    border-color: #a5d6a7;
}
/* A régi teljes képernyős napszakréteg kikapcsolva.
   A sötétedést a farm saját fényrétege kezeli. */
#napszak-szuro {
    display: none;
}
/* --- LEBEGŐ SZÖVEG (Floating Text) --- */
.floating-text {
    position: absolute;
    font-weight: bold;
    font-size: 1.5rem; /* Jó nagy legyen */
    pointer-events: none; /* Át lehessen kattintani rajta */
    z-index: 9999; /* Minden felett legyen */
    animation: floatUp 1.5s ease-out forwards; /* 1.5 mp alatt úszik fel */
    text-shadow: 2px 2px 0px #000; /* Fekete keret, hogy jól olvasható legyen */
}

/* Pénz stílus (Arany) */
.float-penz {
    color: #FFD700;
}

/* XP stílus (Zöld) */
.float-xp {
    color: #76FF03;
}

/* Az animáció: felfelé mozog és eltűnik */
@keyframes floatUp {
    0% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateY(-80px) scale(1.2); /* Felmegy 80px-t és nő */
        opacity: 0; /* Teljesen átlátszó lesz a végére */
    }
}
/* --- MODERN APP ALSÓ SÁV --- */
.also-navigacio {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgba(255, 255, 255, 0.95); /* Üveges fehér */
    backdrop-filter: blur(10px); /* Homályosítás a háttér előtt */
    box-shadow: 0 -5px 20px rgba(0,0,0,0.08); /* Puha árnyék felfelé */
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 9999;
    border-top: 1px solid rgba(0,0,0,0.05);
    padding-bottom: env(safe-area-inset-bottom); /* iPhone-hoz */
}

/* Egy menüpont stílusa */
.nav-elem {
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #90a4ae; /* Inaktív szürke */
    cursor: pointer;
    flex: 1;
    transition: color 0.3s ease;
    padding: 5px 0;
}

.nav-ikon {
    font-size: 24px;
    margin-bottom: 4px;
    transition: transform 0.2s;
}

.nav-cimke {
    font-size: 11px;
    font-weight: 600;
}

/* Aktív / Klikkelt állapot */
.nav-elem:hover, .nav-elem.aktiv {
    color: #4caf50; /* A játék zöld színe */
}

.nav-elem:active .nav-ikon {
    transform: scale(0.85);
}

/* Kiemelt középső gomb (Tőzsde) */
.kiemelt-gomb {
    position: relative;
    top: -15px; /* Kilóg felfelé */
}

.kiemelt-kor {
    background: linear-gradient(135deg, #4caf50, #2e7d32);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
    box-shadow: 0 8px 15px rgba(76, 175, 80, 0.4);
    border: 4px solid #f4f4f4; /* Egyezzen a háttérrel */
    margin-bottom: 2px;
}

/* --- FELUGRÓ RÁCS MENÜ (A "Minden más" gombhoz) --- */
.teljes-menu-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(3px);
    z-index: 10000;
    display: none; /* Alapból rejtve */
    align-items: flex-end; /* Alulról jöjjön fel */
    justify-content: center;
}

.menu-racs-doboz {
    background: white;
    width: 100%;
    max-width: 500px;
    border-radius: 20px 20px 0 0;
    padding: 20px;
    animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 -10px 40px rgba(0,0,0,0.2);
}

.menu-fejlec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.menu-ikon-racs {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 oszlop */
    gap: 15px;
}

.racs-elem {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    color: #555;
    transition: transform 0.2s;
}

.racs-elem span {
    font-size: 11px;
    margin-top: 5px;
    font-weight: bold;
    color: #777;
}

.racs-elem:active { transform: scale(0.9); }

@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

/* --- ALSÓ FIX SÁV --- */
.app-alsosav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 1000;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    border-top: 1px solid #ddd;
    
    /* EZ HIÁNYZOTT: Elrejtés és animáció */
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.2);
    transform: translateY(100%); /* Ez tolja le a képernyő alá */
}

/* Ez hozza vissza a helyére (ezt is add hozzá közvetlenül alá) */
.app-alsosav.nyitva {
    transform: translateY(0) !important;
}

.nav-gomb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #888;
    cursor: pointer;
    transition: 0.2s;
}

.nav-gomb:active { transform: scale(0.9); }
.nav-gomb:hover { color: #4caf50; }

.nav-ikon { font-size: 24px; margin-bottom: 2px; }
.nav-szoveg { font-size: 11px; font-weight: bold; }

/* Kiemelt középső gomb (Tőzsde) */
.kiemelt { position: relative; top: -10px; }
.kiemelt-kor {
    width: 50px; height: 50px;
    background: linear-gradient(135deg, #4caf50, #2e7d32);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 24px;
    box-shadow: 0 5px 15px rgba(76, 175, 80, 0.4);
    border: 4px solid #fff;
    margin-bottom: 2px;
}

/* --- FELUGRÓ MENÜ (OVERLAY) --- */
.teljes-kepernyo-menu {
    display: none; /* Alapból rejtve! A JS fogja 'flex'-re váltani */
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 10000;
    justify-content: center;
    align-items: flex-end; /* Alulról jöjjön */
    backdrop-filter: blur(3px);
}

.menu-tartalom {
    background: #f9f9f9;
    width: 100%;
    max-width: 600px;
    border-radius: 20px 20px 0 0;
    padding: 20px;
    animation: slideUp 0.3s ease-out;
    box-shadow: 0 -10px 30px rgba(0,0,0,0.2);
}

.menu-fejlec {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px;
}
.menu-bezar { font-size: 24px; color: #ff5252; cursor: pointer; padding: 10px; }

/* IKON RÁCS */
.ikon-racs {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 oszlop */
    gap: 15px;
}

.racs-elem {
    background: white;
    border-radius: 12px;
    padding: 10px 5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.racs-elem:active { transform: scale(0.95); background: #eee; }

/* Színes keretek a könnyebb tájékozódáshoz */
.racs-elem.narancs { border-bottom: 3px solid #ff5722; }
.racs-elem.barna { border-bottom: 3px solid #795548; }
.racs-elem.lila { border-bottom: 3px solid #673ab7; }
.racs-elem.zold { border-bottom: 3px solid #009688; }
.racs-elem.arany { border-bottom: 3px solid #ffc107; }
.racs-elem.terra { border-bottom: 3px solid #8d6e63; }
.racs-elem.magenta { border-bottom: 3px solid #9c27b0; }
.racs-elem.kek { border-bottom: 3px solid #3f51b5; }
.racs-elem.zold-sotet { border-bottom: 3px solid #2e7d32; }
.racs-elem.cyan { border-bottom: 3px solid #00bcd4; }
.racs-elem.szurke { border-bottom: 3px solid #607d8b; }

@keyframes slideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
/* --- VÁSÁRLÓ KÁRTYÁK STÍLUSA --- */
.vasarlo-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 10px;
    min-height: 100px;
}

.vasarlo-kartya {
    background: white;
    border: 2px solid #ddd;
    border-radius: 12px;
    padding: 10px;
    width: 160px; /* Kicsi, kompakt kártya */
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    transition: transform 0.2s;
    text-align: center;
    position: relative;
}

.vasarlo-kartya:hover {
    transform: translateY(-3px);
    border-color: #2196f3;
}

.vasarlo-kartya.vip {
    border: 2px solid gold;
    background: linear-gradient(to bottom, #fffde7, #fff);
}

.vk-fej { font-weight: bold; font-size: 0.9em; margin-bottom: 5px; display: block;}
.vk-ikon { font-size: 1.5em; display: block; margin: 5px 0; }
.vk-igeny { font-weight: bold; color: #e91e63; font-size: 0.9em; }
.vk-ar { color: #4caf50; font-weight: bold; font-size: 1.1em; margin: 5px 0; }

/* Gombok a kártyán */
.vk-gombok {
    display: flex;
    gap: 3px;
    justify-content: center;
    margin-top: 8px;
}

.btn-elad { background: #4caf50; color: white; border: none; border-radius: 4px; padding: 4px 8px; cursor: pointer; flex: 1; font-weight:bold; }
.btn-alku { background: #2196f3; color: white; border: none; border-radius: 4px; padding: 4px; cursor: pointer; width: 30px; }
.btn-elutasit { background: #f44336; color: white; border: none; border-radius: 4px; padding: 4px; cursor: pointer; width: 30px; }

/* --- MODERN ÉRTESÍTÉSEK (TOAST) --- */
#ertesites-container {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none; /* Hogy át lehessen kattintani alattuk */
}

.toast-uzenet {
    position: relative;
    background: white;
    min-width: 300px;
    max-width: min(520px, calc(100vw - 24px));
    padding: 15px 20px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    gap: 15px;
    animation: toastBeuszik 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    opacity: 0.95;
    border-left: 5px solid #ccc;
}
.toast-uzenet.interaktiv {
    pointer-events: auto;
    opacity: 1;
    padding-right: 48px;
    touch-action: manipulation;
    box-shadow: 0 12px 34px rgba(0,0,0,.24);
}
.toast-uzenet.interaktiv:focus-within {
    outline: 3px solid rgba(33,150,243,.28);
    outline-offset: 2px;
}
.toast-bezaro {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 9px;
    background: rgba(255,255,255,.72);
    color: #4b5550;
    font-size: 22px;
    line-height: 1;
    font-weight: 800;
    cursor: pointer;
    touch-action: manipulation;
}
.toast-bezaro:hover,
.toast-bezaro:focus-visible { background: #fff; outline: 2px solid rgba(33,150,243,.35); }

.toast-uzenet.siker { border-left-color: #4caf50; background: #f1f8e9; }
.toast-uzenet.hiba { border-left-color: #f44336; background: #ffebee; }
.toast-uzenet.info { border-left-color: #2196f3; background: #e3f2fd; }

.toast-ikon { font-size: 24px; }
.toast-szoveg { display: flex; flex-direction: column; }
.toast-cim { font-weight: bold; font-size: 0.95em; color: #333; }
.toast-reszlet { font-size: 0.85em; color: #666; }

@keyframes toastBeuszik {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes toastKiuszik {
    to { transform: translateY(-50px); opacity: 0; }
}
.exp-sotet {
    background: linear-gradient(135deg, #424242, #212121);
    color: #fff;
    border: 2px solid #000;
}
.exp-sotet .exp-gomb {
    background: #d32f2f; /* Piros gomb a veszély miatt */
    color: white;
}

.exp-tuz {
    background: linear-gradient(135deg, #ffccbc, #ffab91);
    border: 2px solid #d84315;
}
/* --- MENÜ NYITÓ GOMB (A fájl végére tedd) --- */
#menugomb {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1100;
    background: linear-gradient(135deg, #4caf50, #2e7d32);
    color: white;
    border: 2px solid white;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    cursor: pointer;
    transition: all 0.3s;
}

#menugomb.aktiv {
    bottom: 85px; /* Felugrik a sáv tetejére */
    background: #333;
}

/* Ha mobilon túl nagy a panel, akkor a gombot igazítani kell */
@media (max-width: 600px) {
    #menugomb.aktiv {
        bottom: 240px; /* Mobilon a két soros menü miatt magasabb a panel */
    }
}
@keyframes pop-animacio {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}

.arany-effekt {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2em;
    animation: pulse 1s infinite;
    pointer-events: none;
}

.beert-animacio {
    animation: beeres-megjelenes 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes beeres-megjelenes {
    from { transform: scale(0); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
.ipari-ontozesi-ikon {
    position: absolute;
    top: 5px;   /* A vízcsepp talán a bal oldalon van, ez mehet a jobb felsőbe */
    right: 5px;
    font-size: 1.2em;
    z-index: 5;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.5));
    pointer-events: none; /* Ne zavarjon a kattintásban */
}
/* --- LÁNGOLÓ METEORIT EFFEKT --- */

/* A föld, ahová becsapódott: Legyen kormos és repedezett */
.parcella[data-allapot="meteorit"] {
    background: radial-gradient(circle, #424242 0%, #212121 100%) !important;
    border: 2px solid #ff5722 !important;
    box-shadow: inset 0 0 15px #000, 0 0 20px rgba(255, 87, 34, 0.4) !important;
    position: relative;
    overflow: hidden;
}

/* Maga a meteorit ikon */
.meteorit-animacio {
    display: inline-block;
    font-size: 2.5rem;
    cursor: pointer;
    filter: drop-shadow(0 0 10px #ff3d00);
    animation: meteorit-eges 1.5s infinite ease-in-out, meteorit-remeges 0.2s infinite;
    position: relative;
    z-index: 5;
}

/* Füst és pernye effekt (pszeudo-elemmel) */
.parcella[data-allapot="meteorit"]::after {
    content: "💨";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    opacity: 0;
    animation: fust-szall 3s infinite linear;
    pointer-events: none;
}

/* --- ANIMÁCIÓK --- */

/* 1. Lángolás és pulzálás */
@keyframes meteorit-eges {
    0% { transform: scale(1); filter: brightness(1) drop-shadow(0 0 5px #ff3d00); }
    50% { transform: scale(1.15); filter: brightness(1.8) drop-shadow(0 0 20px #ffeb3b); }
    100% { transform: scale(1); filter: brightness(1) drop-shadow(0 0 5px #ff3d00); }
}

/* 2. Instabil remegés (shake) */
@keyframes meteorit-remeges {
    0% { transform: translate(0,0); }
    25% { transform: translate(1px, -1px); }
    50% { transform: translate(-1px, 1px); }
    75% { transform: translate(1px, 1px); }
    100% { transform: translate(0,0); }
}

/* 3. Füst szállása a kráterből */
@keyframes fust-szall {
    0% { transform: translate(-50%, 0) scale(0.5); opacity: 0; }
    30% { opacity: 0.6; }
    100% { transform: translate(-50%, -50px) scale(2); opacity: 0; }
}
.exp-homok { background: linear-gradient(135deg, #f4d03f, #eb984e) !important; color: #5d4037; }
.exp-labor { background: linear-gradient(135deg, #2ecc71, #27ae60) !important; border: 2px solid #00ff00; }
.exp-kristaly { background: linear-gradient(135deg, #8e44ad, #3498db) !important; text-shadow: 0 0 5px white; }
.exp-sotet { background: #2c3e50 !important; color: #ecf0f1; border: 2px dashed #e74c3c; }

/* Génlabor kártyák */
.recept-kartya {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.2s;
}
.recept-kartya:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(156, 39, 176, 0.2); /* Lila árnyék */
}
.recept-fejlec {
    font-size: 1.2em;
    color: #9c27b0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 5px;
}
.recept-hozzavalok {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
    font-size: 0.9em;
}
.recept-hozzavalok .ok { color: #2e7d32; font-weight: bold; }
.recept-hozzavalok .hiany { color: #d32f2f; }
.plusz-jel { font-weight: bold; color: #999; }

.kiserlet-gomb {
    background: linear-gradient(135deg, #9c27b0, #673ab7); /* Lila gradiens */
    width: 100%;
    margin-top: 10px;
}
.kiserlet-gomb:disabled {
    background: #ccc;
    cursor: not-allowed;
}
/* Speciális Labor gomb az alsó menüben */
.labor-nyito-gomb {
    background: linear-gradient(135deg, #9c27b0, #673ab7) !important;
    color: white !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.labor-nyito-gomb:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 0 15px rgba(156, 39, 176, 0.6);
    border-color: #e040fb !important;
}

/* Pulzáló fényhatás a gombon */
.labor-nyito-gomb::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.1);
    transform: rotate(45deg);
    transition: 0.5s;
}

/* A Kísérletezés gomb a modalon belül */
.kiserlet-gomb {
    background: linear-gradient(90deg, #9c27b0, #673ab7, #9c27b0) !important;
    background-size: 200% auto !important;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.5s;
    animation: gradientShift 3s linear infinite;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.kiserlet-gomb:hover {
    box-shadow: 0 0 20px rgba(156, 39, 176, 0.8);
    transform: scale(1.02);
}

.kiserlet-gomb:disabled {
    background: #555 !important;
    opacity: 0.5;
    cursor: not-allowed;
    animation: none;
}
@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* Zárt labor panel stílusa */
.labor-zart-panel {
    text-align: center;
    padding: 30px;
    background: rgba(156, 39, 176, 0.05);
    border-radius: 15px;
    border: 1px dashed #9c27b0;
}

.lakat-ikon {
    font-size: 3em;
    margin-bottom: 10px;
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));
}

.labor-ajanlat {
    margin: 15px 0;
    font-weight: bold;
    color: #673ab7;
    font-size: 0.9em;
}

/* Az új, szebb gomb */
.labor-bolt-gomb {
    background: linear-gradient(135deg, #ff9800, #f57c00); /* Narancssárga, hívogató szín */
    color: white;
    border: none;
    padding: 12px 25px;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(245, 124, 0, 0.4);
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.labor-bolt-gomb:hover {
    transform: scale(1.05);
    background: linear-gradient(135deg, #fb8c00, #ef6c00);
    box-shadow: 0 6px 20px rgba(245, 124, 0, 0.6);
}

.labor-bolt-gomb:active {
    transform: scale(0.95);
}
#tanacsado-kontener {
    position: fixed;
    bottom: 80px; /* Az alsó sáv felett */
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 1000;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none; /* Ne zavarja a kattintást, ha csak ott van */
}

.tanacsado-rejtett {
    transform: translateY(200px) scale(0);
    opacity: 0;
}

.buborekhajo {
    background: white;
    border: 3px solid #4caf50;
    border-radius: 15px;
    padding: 12px;
    max-width: 200px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    position: relative;
    margin-bottom: 10px;
}

#tanacs-szoveg {
    font-size: 0.9em;
    color: #333;
    font-weight: 500;
    line-height: 1.3;
}

.buborek-farka {
    position: absolute;
    bottom: -10px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #4caf50;
}

#munkas-avatar {
    font-size: 3em;
    background: #e8f5e9;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 3px solid #4caf50;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.kontener {
    background: #8d6e63; /* Világosabb barna a játéktérnek */
    border: 4px solid #4e342e; /* Sötét fa keret */
    box-shadow: 0 10px 20px rgba(0,0,0,0.5); /* Nagy árnyék, mintha lebegne az asztalon */
    border-radius: 15px;
}

/* ==========================================
   🟫 PARCELLÁK (2D Földbuckák a fűben)
   ========================================== */
.racs-kontener {
    /* Átlátszóvá tettük, hogy a földek között a sötétzöld 2D fű látszódjon! */
    background: transparent; 
    padding: 10px;
    border: none; /* A nagy külső keretet is levesszük a retro hatásért */
}

.parcella {
    /* 1. Föld textúra: A sötétedő alap + a 2D rögös minta összevonva */
    background-color: #795548;
    background-image: 
        radial-gradient(rgba(0, 0, 0, 0.15) 20%, transparent 20%),
        radial-gradient(rgba(0, 0, 0, 0.15) 20%, transparent 20%) !important;
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    
    /* 2. Térhatás: Erős belső árnyék, hogy mélynek tűnjön a fűhöz képest */
    border: 3px solid #3e2723;
    box-shadow: 
        inset 0 5px 10px rgba(0,0,0,0.5), /* Belső árnyék (mélység) */
        0 2px 0px rgba(255,255,255,0.1); /* Pici élfény kívül */
    border-radius: 8px; /* Kicsit szögletesebb a retro 2D hatásért */
    
    /* A te zseniális, rugalmas "bouncy" animációd! */
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

/* Kiemelés rámutatáskor (csak ha nem zárt) */
.parcella:hover:not(.zart) {
    transform: scale(1.04);
    border-color: #5d4037;
    filter: brightness(1.15);
    z-index: 2; /* Kiemelkedik a többi közül */
}

/* ==========================================
   ✨ ÉRETT NÖVÉNY (Varázslatos ragyogás)
   ========================================== */
.parcella[data-allapot="erett"] {
    background-color: #6d4c41 !important; /* Picit sötétebb, nedves föld */
    
    /* A te arany glow effekted, kicsit a 2D stílushoz finomítva */
    box-shadow: 
        inset 0 0 15px rgba(255, 215, 0, 0.5), /* Belső arany fény */
        0 0 10px rgba(255, 215, 0, 0.4) !important; /* Külső ragyogás */
    border-color: #fbc02d !important; /* Arany szegély */
}

/* ==========================================
   🔒 ZÁRT PARCELLA (Meg nem vett terület)
   ========================================== */
.parcella.zart {
    /* Föld helyett sötét fű hatás */
    background-color: rgba(0, 0, 0, 0.15) !important; 
    
    /* A te csíkos dizájnod "Építési terület" stílusban, hogy passzoljon a fűhöz */
    background-image: repeating-linear-gradient(
        45deg, 
        rgba(0,0,0,0.1) 0, 
        rgba(0,0,0,0.1) 10px, 
        transparent 10px, 
        transparent 20px
    ) !important;
    
    opacity: 0.8;
    border: 3px dashed #1b5e20; /* Szaggatott zöldes keret */
    box-shadow: inset 0 0 15px rgba(0,0,0,0.3);
    
    /* Kisebbnek tűnik, amíg nincs felásva */
    transform: scale(0.95); 
}

/* 🎛️ Menük és Gombok: Fa és Kő hatás */
.felso-sav, .also-sav {
    background: #6d4c41; /* Fa szín */
    border-top: 2px solid #8d6e63; /* Világos élfény */
    border-bottom: 3px solid #3e2723; /* Sötét árnyék */
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

/* Az alsó kerek gombok */
.menugomb {
    background: linear-gradient(to bottom, #8d6e63, #5d4037);
    border: 2px solid #3e2723;
    box-shadow: 0 4px 0 #2c1b18; /* 3D hatású "vastag" alj */
    transform: translateY(0);
    transition: all 0.1s;
}

.menugomb:active {
    transform: translateY(4px); /* Lenyomás effekt */
    box-shadow: 0 0 0 #2c1b18; /* Eltűnik az árnyék lenyomáskor */
}

/* Modik (Ablakok) */
.modal-tartalom {
    background: #fff3e0; /* Papír/pergamen szín */
    border: 6px solid #6d4c41; /* Vastag fa keret */
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.7);
    background-image: url('https://www.transparenttextures.com/patterns/cream-paper.png');
    z-index: 3001;
}

h2, h3 {
    color: #3e2723;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
/* --- 2. SZINTŰ ANIMÁCIÓK --- */

/* Növekedési animáció: Rugalmas felbukkanás */
@keyframes spring-grow {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.2); opacity: 1; }
    80% { transform: scale(0.9); }
    100% { transform: scale(1); }
}

.noveny-ikon {
    display: inline-block;
    /* Amikor a fázis változik, ez az animáció fusson le */
    animation: spring-grow 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.3)); /* Kis árnyék az emojinak */
}

/* Beérett növény pulzálása */
@keyframes pulse-gold {
    0% { transform: scale(1); filter: drop-shadow(0 0 5px gold); }
    50% { transform: scale(1.1); filter: drop-shadow(0 0 15px gold); }
    100% { transform: scale(1); filter: drop-shadow(0 0 5px gold); }
}

.beert-animacio {
    animation: pulse-gold 1.5s infinite ease-in-out !important;
}

/* Pénz lebegő üzenet tuning */
.float-uzenet {
    /* Szebb font és árnyék a felugró számoknak */
    font-family: 'Impact', sans-serif;
    text-shadow: 2px 2px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000; /* Vastag fekete körvonal */
    pointer-events: none; /* Hogy át lehessen kattintani rajta */
    z-index: 9999;
}

/* Éjszakai háttér csillagokkal és vignettálással */
body.ejjel {
    background-color: #05051a !important; 
    /* Vignetta effekt: a szélek sötétebbek, mintha a hold világítana középre */
    background-image: 
        radial-gradient(circle at center, rgba(30, 40, 100, 0.4) 0%, rgba(5, 5, 20, 0.9) 80%),
        url('https://www.transparenttextures.com/patterns/wood-pattern.png');
    color: #e0e0e0;
    /* Belső árnyék a képernyő szélein */
    box-shadow: inset 0 0 150px rgba(0,0,0,0.8);
}

/* --- DINAMIKUS CSILLAGOK --- */
body.ejjel::before {
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    /* Apró fehér pöttyök (csillagok) generálása gradienssel */
    background-image: 
        radial-gradient(1px 1px at 10% 20%, white, transparent),
        radial-gradient(1.5px 1.5px at 30% 50%, rgba(255,255,255,0.8), transparent),
        radial-gradient(1px 1px at 60% 80%, white, transparent),
        radial-gradient(2px 2px at 80% 10%, rgba(255,255,255,0.7), transparent),
        radial-gradient(1px 1px at 25% 75%, white, transparent);
    background-size: 300px 300px; /* Ismétlődési méret */
    opacity: 0.4;
    z-index: -1;
    animation: csillog-anim 5s infinite alternate;
    pointer-events: none;
}

@keyframes csillog-anim {
    from { opacity: 0.2; transform: scale(1); }
    to { opacity: 0.5; transform: scale(1.05); }
}

/* Játéktér: Mélyebb árnyékok éjszaka */
body.ejjel .racs-kontener {
    filter: brightness(0.6) contrast(1.1);
    box-shadow: 0 0 50px rgba(0, 0, 20, 1), inset 0 0 20px rgba(0,0,0,0.5);
    border-color: #1a237e;
    background: #1b1311; /* Sötétebb föld-alap */
}

/* --- VILÁGÍTÓ ELEMEK JAVÍTÁSA --- */

/* Buksi éjszakai derengése (ha van kutyus) */
body.ejjel #buksi-kutya {
    filter: brightness(1.1) drop-shadow(0 0 8px rgba(255,255,255,0.3)) !important;
}

/* Beérett növények: Pulzáló arany fény */
body.ejjel .parcella[data-allapot="erett"] {
    filter: brightness(1.2) drop-shadow(0 0 15px gold) !important;
    animation: ejszakai-pulzalas 2s infinite ease-in-out;
}

/* Hibridek: Misztikus lila aura */
body.ejjel .hibrid-item {
    filter: brightness(1.2) drop-shadow(0 0 20px #9c27b0) !important;
}

/* Meteorit: Izzó vörös kráter */
body.ejjel .meteorit-animacio {
    filter: brightness(1.6) drop-shadow(0 0 25px #ff3d00) !important;
    animation: meteorit-eges 1s infinite alternate;
}

@keyframes ejszakai-pulzalas {
    0% { filter: brightness(1.1) drop-shadow(0 0 10px gold); }
    50% { filter: brightness(1.3) drop-shadow(0 0 20px gold); }
    100% { filter: brightness(1.1) drop-shadow(0 0 10px gold); }
}

/* --- MODERN NÉZETVÁLTÓ (V5 - ASZTALIN FIX, MOBILON ELHÚZHATÓ) --- */

/* 💻 ASZTALI NÉZET (PC) - Alapbeállítások */
.nezet-valto-v2 {
    display: flex;
    background: rgba(0, 0, 0, 0.5);
    padding: 6px;
    border-radius: 50px;
    width: fit-content;        /* PC-n csak akkora, amekkora a tartalom */
    margin: 20px auto;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
    justify-content: center;   /* PC-n középre rendezi a gombokat */
    gap: 8px;
    overflow: hidden;          /* PC-n nincs görgetés */
}

.nezet-gomb-v2 {
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    padding: 10px 20px;
    font-size: 0.9em;
    font-weight: 700;
    cursor: pointer;
    border-radius: 40px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 1 auto;            /* PC-n nem kényszerítjük a méretet */
}

/* Aktív állapotok (PC és Mobil közös) */
.nezet-gomb-v2.aktiv {
    color: white;
    background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
}

#btn-uveghaz.aktiv {
    background: linear-gradient(135deg, #2196f3 0%, #1565c0 100%);
}

/* =========================================================
   📱 MOBIL NÉZETVÁLTÓ - ELHÚZHATÓ (SWIPE) MEGOLDÁS
   ========================================================= */
@media screen and (max-width: 600px) {
    .nezet-valto-v2 {
        display: flex !important;
        flex-wrap: nowrap !important; /* Tiltja a gombok egymás alá törését */
        overflow-x: auto !important;  /* Bekapcsolja a vízszintes görgetést */
        justify-content: flex-start !important; /* Balról indítja a listát */
        
        width: 100% !important;
        padding: 10px !important;
        gap: 10px !important;
        border-radius: 15px;
        
        /* Simább elhúzás mobilon */
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none; /* Firefoxon eltünteti a csúszkát */
    }

    /* Chrome/Safari scrollbar elrejtése a tiszta kinézethez */
    .nezet-valto-v2::-webkit-scrollbar {
        display: none;
    }

    .nezet-gomb-v2 {
        /* ⭐ A LEGFONTOSABB JAVÍTÁS: */
        flex: 0 0 auto !important;    /* Tilos összenyomni a gombot! */
        min-width: 120px !important;  /* Minden gomb megtartja a szélességét */
        
        padding: 12px 15px !important;
        font-size: 0.85em !important;
        justify-content: center;
        scroll-snap-align: center;    /* Elhúzáskor "beugrik" a helyére */
    }

    .nezet-gomb-v2 .ikon {
        font-size: 1.3em !important;
    }
}
/* Aktív gomb kiemelése */
.nezet-gomb-v2.aktiv {
    color: white;
    background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);
    box-shadow: 0 4px 15px rgba(46, 125, 50, 0.4);
    transform: scale(1.05);
}

/* Üvegház gomb egyedi színe, ha aktív */
#btn-uveghaz.aktiv {
    background: linear-gradient(135deg, #2196f3 0%, #1565c0 100%);
    box-shadow: 0 4px 15px rgba(21, 101, 192, 0.4);
}

.nezet-gomb-v2:not(.aktiv):hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.nezet-gomb-v2 {
    border: none;
    background: transparent;
    color: #eee;
    padding: 10px 20px;
    font-size: 0.9em;
    font-weight: bold;
    cursor: pointer;
    border-radius: 40px;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.nezet-gomb-v2 .ikon {
    font-size: 1.2em;
    transition: transform 0.3s ease;
}

/* Aktív állapot: Itt történik a varázslat */
.nezet-gomb-v2.aktiv {
    color: white;
    background: linear-gradient(135deg, #4caf50, #2e7d32); /* Zöld színátmenet */
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.nezet-gomb-v2.aktiv .ikon {
    transform: scale(1.2) rotate(-5deg);
}

/* Hover effekt a nem aktív gombokon */
.nezet-gomb-v2:not(.aktiv):hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

/* Ha az Üvegház az aktív, adhatunk neki egy egyedi színt is */
#btn-uveghaz.aktiv {
    background: linear-gradient(135deg, #2196f3, #1976d2); /* Kék az üvegháznak */
}
/* --- UI FINOMHANGOLÁS --- */
#idojaras-szoveg {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    font-weight: bold;
}

/* Kiegészítés a meglévő rácshoz az átmenet effekt miatt */
.racs-kontener {
    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    will-change: filter, opacity;
}
/* RITKA VETŐMAGOK: Narancssárga szaggatott keret és halvány hatter */
.mag-item {
    border-left: 5px solid #ffa726 !important;
    background-color: rgba(255, 152, 0, 0.05) !important;
    border-style: dashed;
}
/* GYÁRI TERMÉKEK: Kék kiemelés */
.termek-item {
    border-left: 5px solid #2196f3 !important;
}
/* =========================================================
   📱 MOBIL NÉZET JAVÍTÁSA (PARCELLÁK KILÓGÁSA ELLEN)
   ========================================================= */
@media (max-width: 500px) {
    /* A rács (kert) igazítása a képernyőhöz */
    .racs, #kert, #uveghaz-kert {
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        padding: 5px !important;
        gap: 5px !important; /* Kicsit kisebb rés a földek között */
        display: grid !important;
        /* 4 oszlop, amik arányosan (1fr) kitöltik a helyet */
        grid-template-columns: repeat(4, 1fr) !important; 
        margin: 0 auto !important;
    }

    /* A parcellák (földek) méretezése */
    .parcella {
        width: 100% !important; /* Alkalmazkodik az oszlophoz */
        height: auto !important; /* Töröljük a fix magasságot */
        aspect-ratio: 1 / 1 !important; /* Garantálja, hogy tökéletes négyzet marad! */
        min-width: 0 !important; /* Megakadályozza a kilógást */
        margin: 0 !important;
    }

    /* Ha az ikonok/számlálók túl nagyok lennének a kis parcellában */
    .parcella .noveny-ikon {
        font-size: 1.8em !important; 
    }
    .parcella .szamlalo {
        font-size: 0.75em !important;
    }
}

@keyframes szovegVillogas {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(1.1); }
    100% { opacity: 1; transform: scale(1); }
}
/* =========================
   🌿 GYOM RENDSZER CSS
   ========================= */
.gyom-ikon {
    position: absolute;
    bottom: -5px;
    right: -5px;
    font-size: 2.2em; /* Jó nagy, hogy eltakarja a növényt */
    z-index: 15;
    cursor: pointer;
    filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));
    animation: gyom-mozgas 1.5s infinite alternate ease-in-out;
}

@keyframes gyom-mozgas {
    0% { transform: rotate(-5deg) scale(1); }
    100% { transform: rotate(5deg) scale(1.1); }
}
/* =========================
   🐝 MÉHÉSZET CSS
   ========================= */
.kaptar-kontener {
    background: #ffe0b2;
    border: 3px solid #ff9800;
    border-radius: 20px;
    width: 80%;
    max-width: 300px;
    margin: 20px auto;
    padding: 20px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(255, 152, 0, 0.3);
    cursor: pointer;
    position: relative;
    transition: transform 0.2s;
}
.kaptar-kontener:active {
    transform: scale(0.95);
}
.kaptar-ikon {
    font-size: 4em;
    position: relative;
    display: inline-block;
}
.mehek-animacio {
    position: absolute;
    top: -10px;
    right: -25px;
    font-size: 0.35em;
    animation: mehek-ropkodes 1.5s infinite ease-in-out alternate;
    display: none; /* Csak akkor látszik, ha van virág */
}
@keyframes mehek-ropkodes {
    0% { transform: translate(0, 0) rotate(-10deg); }
    100% { transform: translate(20px, -20px) rotate(10deg); }
}
.mez-sav-hater {
    width: 100%;
    height: 20px;
    background: rgba(0,0,0,0.1);
    border-radius: 10px;
    margin-top: 15px;
    overflow: hidden;
    border: 2px solid #ef6c00;
}
.mez-sav-belso {
    height: 100%;
    background: linear-gradient(90deg, #ffca28, #ff8f00);
    transition: width 0.5s ease-out;
}

/* FIGYELEM: Hozzáadtam a .fejlesztes-kartya osztályt is! */
.bolt-kartya,
.fejlesztes-kartya {
    margin: 0 !important;
    height: 100%; 
    min-height: 380px !important; /* ⭐ EZZEL TESZED MAGASABBRA! (Növeld, ha még mindig kevés) */
    width: 100%;
    box-sizing: border-box;
    padding: 15px !important; 
    border-radius: 12px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    
    display: flex;
    flex-direction: column !important; 
    align-items: center; 
    justify-content: space-between; 
    
    text-align: center;
    overflow-wrap: break-word; 
    word-wrap: break-word;
}

/* Az ikon, cím, és leírás közös konténere (a Te struktúrádhoz igazítva) */
.bolt-info,
.fejlesztes-kartya .fej-cim,
.fejlesztes-kartya .fej-leiras {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px; /* Kisebb távolság az elemek között */
}

/* ⭐ CÍM JAVÍTÁS (A Te struktúrádhoz igazítva): */
.bolt-info h3,
.fejlesztes-kartya .fej-cim {
    margin: 0;
    font-size: 1.1em !important; /* Egy picit kisebb betű, hogy elférjen */
    font-weight: bold;
    color: #333;
    line-height: 1.3;
    width: 100%;
    
    /* Biztosítjuk, hogy a cím is törjön, ha nagyon hosszú */
    white-space: normal !important; 
    overflow: visible !important;
}

/* LEÍRÁS ÉS KÖLTSÉG JAVÍTÁS (A Te struktúrádhoz igazítva): */
.bolt-info p,
.bolt-info .bolt-ar,
.fejlesztes-kartya .fej-leiras {
    margin: 0;
    font-size: 0.9em !important;
    color: #666;
    width: 100%;
    white-space: normal !important;
}

/* ⭐ GOMB JAVÍTÁS (A kártya aljához): */
.bolt-kartya .bolt-gomb,
.fejlesztes-kartya .fej-vetel-gomb,
.fejlesztes-kartya button {
    margin-top: auto !important; /* Az info blokk utáni üres teret kitölti */
    width: 100%; /* Kitölti a kártya szélességét */
    padding: 12px 20px;
    background: #4caf50;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap; /* A gomb felirata ne törjön */
}
/* =========================================
   ❄️ TÉLI EFFEKT A KINTI FÖLDEKEN
   ========================================= */

/* Fagyott talaj effektus CSAK a kinti parcellákon, ha tél van */
body.evszak-tel .parcella[data-terulet="kulter"] {
    background: linear-gradient(180deg, #ffffff 0%, #cfd8dc 100%) !important; /* Havas talaj */
    border: 2px solid #90caf9 !important; /* Jeges keret */
    box-shadow: inset 0 0 15px rgba(144, 202, 249, 0.4) !important; /* Hideg ragyogás */
    transition: all 0.5s ease; /* Finom átmenet fagyáskor */
}

/* Kis hópehely díszítés az üres fagyott földeken */
body.evszak-tel .parcella[data-terulet="kulter"][data-allapot="ures"]::before {
    content: '❄️';
    position: absolute;
    top: 2px;
    right: 4px;
    font-size: 0.8em;
    opacity: 0.6;
    pointer-events: none; /* Ne blokkolja a kattintást */
}

/* --- PWA TOAST ÉRTESÍTŐ --- */
.pwa-toast {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(150px); /* Alapból a képernyő alatt van elrejtve */
    background: #2c3e50; /* Sötétkék/szürke elegáns háttér */
    color: white;
    padding: 12px 20px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    /* Szép rugós animáció */
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}

.pwa-toast.lathato {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.pwa-toast-tartalom {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pwa-ikon {
    font-size: 24px;
    animation: pwaForog 4s linear infinite; /* Kicsit lassan forog a frissítés ikon */
}

@keyframes pwaForog {
    100% { transform: rotate(360deg); }
}

.pwa-szoveg {
    text-align: left;
}

.pwa-szoveg strong {
    display: block;
    font-size: 15px;
    margin-bottom: 2px;
}

.pwa-szoveg p {
    margin: 0;
    font-size: 12px;
    opacity: 0.8;
}

.pwa-gomb {
    background: #4caf50; /* Veteményes zöld */
    color: white;
    border: none;
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(76, 175, 80, 0.4);
    transition: transform 0.2s, background 0.2s;
}

.pwa-gomb:hover {
    background: #45a049;
    transform: scale(1.05);
}
/* ==========================================
   TOAST ÉRTESÍTÉSEK (PC ÉS MOBIL)
   ========================================== */
#toast-kontener {
    position: fixed;
    z-index: 5000;
    display: flex;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
}

/* 💻 ASZTALI NÉZET (PC) - Jobb alsó sarok */
@media (min-width: 768px) {
    #toast-kontener {
        bottom: 30px;
        right: 30px;
        align-items: flex-end;
    }
    .toast-kartya {
        transform: translateY(30px) scale(0.95); /* PC-n alulról csúszik be */
    }
}

/* 📱 MOBIL NÉZET - Teljesen fent, szem előtt (Ahogy kérted!) */
@media (max-width: 767px) {
    #toast-kontener {
        top: 20px; /* Újra teljesen a képernyő tetején van! */
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        align-items: center;
    }
    .toast-kartya {
        transform: translateY(-100px) scale(0.95); /* Mobilon fentről esik be */
    }
}

/* KÖZÖS KINÉZET (Kártya stílusa) */
.toast-kartya {
    background: rgba(255, 255, 255, 0.98);
    border-left: 6px solid #4caf50;
    box-shadow: 0 6px 25px rgba(0,0,0,0.2);
    border-radius: 12px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    max-width: 400px;
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
}

/* Az osztály, amit a JS rátesz, hogy láthatóvá váljon */
.toast-kartya.megjelenik {
    opacity: 1;
    transform: translateY(0) scale(1);
}
/* ==========================================
   🎣 HORGÁSZTÓ 2D LÁTVÁNYVILÁG
   ========================================== */
#horgasz-viz {
    width: 100%;
    max-width: 400px;
    height: 250px;
    /* Szép 2D mélységi gradiens: felül világosabb, alul sötétkék */
    background: linear-gradient(180deg, #4fc3f7 0%, #0288d1 60%, #01579b 100%);
    border-radius: 20px;
    position: relative;
    border: 6px solid #81d4fa;
    box-shadow: inset 0 10px 30px rgba(0,0,0,0.3), 0 10px 20px rgba(0,0,0,0.1);
    margin: 0 auto;
    cursor: pointer;
    overflow: hidden; /* Ne lógjon ki semmi a medencéből */
}

/* Dekorációs réteg (Hogy a halakra kattintva is a vizet érzékelje a gép!) */
.to-dekoracio {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    pointer-events: none; /* ⭐ Így zavartalan marad a horgászat! */
    z-index: 1; /* A víz és az úszó között van */
}

/* Felszíni víz-csillogás animáció */
.viz-csillogas {
    position: absolute;
    top: 10%; left: 0; right: 0; height: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    filter: blur(4px);
    animation: vizFodrozodas 3s infinite alternate ease-in-out;
}
@keyframes vizFodrozodas {
    0% { transform: scaleX(0.8) translateY(0); opacity: 0.3; }
    100% { transform: scaleX(1.1) translateY(5px); opacity: 0.6; }
}

/* --- BUBORÉKOK --- */
.buborek {
    position: absolute;
    bottom: -20px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    animation: felszallas linear infinite;
}
/* Különböző méretek és sebességek */
.b1 { width: 12px; height: 12px; left: 15%; animation-duration: 4s; animation-delay: 1s; }
.b2 { width: 20px; height: 20px; left: 45%; animation-duration: 6s; animation-delay: 0s; }
.b3 { width: 10px; height: 10px; left: 75%; animation-duration: 3.5s; animation-delay: 2s; }
.b4 { width: 15px; height: 15px; left: 30%; animation-duration: 5s; animation-delay: 3s; }

@keyframes felszallas {
    0% { bottom: -20px; transform: translateX(0); opacity: 0.8; }
    50% { transform: translateX(15px); } /* Kicsit kanyarog */
    100% { bottom: 110%; transform: translateX(-15px); opacity: 0; }
}

/* --- HÁTTÉRBEN ÚSZÓ HALAK --- */
.dekor-hal {
    position: absolute;
    font-size: 1.8em;
    opacity: 0.4; /* Halványak, mert a víz alatt vannak! */
    filter: blur(1.5px); /* Mélység-effektus */
    z-index: 1;
}

/* H1: Balról jobbra úszik (Magasan) */
.h1 { top: 20%; animation: uszasJobbra 12s linear infinite; }
/* H2: Jobbról balra (Középen, kicsi) */
.h2 { top: 55%; font-size: 1.4em; animation: uszasBalra 16s linear infinite; animation-delay: -5s; }
/* H3: Balról jobbra (Nagyon mélyen, sötétebb) */
.h3 { top: 75%; font-size: 2em; opacity: 0.2; filter: blur(3px); animation: uszasJobbra 22s linear infinite; animation-delay: -10s; }

/* Mozgási útvonalak (A scaleX(-1) forgatja meg őket a megfelelő irányba!) */
@keyframes uszasJobbra {
    0% { left: -20%; transform: scaleX(-1) translateY(0); }
    50% { transform: scaleX(-1) translateY(-10px); }
    100% { left: 120%; transform: scaleX(-1) translateY(0); }
}
@keyframes uszasBalra {
    0% { left: 120%; transform: scaleX(1) translateY(0); }
    50% { transform: scaleX(1) translateY(10px); }
    100% { left: -20%; transform: scaleX(1) translateY(0); }
}

/* --- AZ EREDETI ÚSZÓ JAVÍTÁSA (Hogy a csillogás felett legyen) --- */
#uszo {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.5em;
    user-select: none;
    z-index: 10; /* Fontos! A dekorációk felett kell lennie! */
    filter: drop-shadow(0 5px 5px rgba(0,0,0,0.5)); /* Árnyékot vet a vízre! */
}
/* ==========================================
   🎣 GYÖNYÖRŰ HORGÁSZ GOMB
   ========================================== */
.horgasz-gomb {
    margin-top: 20px;
    font-size: 1.2em;
    font-weight: bold;
    padding: 15px 40px;
    color: white;
    background: linear-gradient(135deg, #29b6f6 0%, #0277bd 100%);
    border: 3px solid #01579b;
    border-radius: 30px; /* Szép kerekített szélek */
    box-shadow: 0 6px 15px rgba(2, 119, 189, 0.4);
    cursor: pointer;
    transition: all 0.3s ease; /* Finom animáció mindenre */
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Amikor ráviszed az egeret (vagy rátapintasz) */
.horgasz-gomb:hover {
    transform: translateY(-4px) scale(1.05); /* Kicsit felemelkedik és megnő */
    box-shadow: 0 10px 20px rgba(2, 119, 189, 0.6);
    background: linear-gradient(135deg, #4fc3f7 0%, #0288d1 100%);
}

/* Amikor rákattintasz (benyomódik) */
.horgasz-gomb:active {
    transform: translateY(2px) scale(0.98);
    box-shadow: 0 2px 5px rgba(2, 119, 189, 0.6);
}

/* Amikor a játék letiltja (mert épp a vízben van a csali) */
.horgasz-gomb:disabled {
    background: #9e9e9e;
    border-color: #616161;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
    color: #e0e0e0;
}
/* ==========================================
   🎣 ÚSZÓ ANIMÁCIÓK ÉS KAPÁS JELZÉS
   ========================================== */
.uszo-alap {
    animation: lebeges 2s infinite ease-in-out !important;
}

.uszo-kapas {
    /* Bruttális rángatózás és piros világítás, amikor ráharap a hal */
    animation: kapas-remeges 0.1s infinite !important;
    filter: drop-shadow(0 0 25px red) !important;
    font-size: 5em !important; 
}

@keyframes lebeges {
    0%, 100% { transform: translate(-50%, -50%) rotate(-5deg); }
    50% { transform: translate(-50%, -40%) rotate(5deg); }
}

@keyframes kapas-remeges {
    0% { transform: translate(-52%, -50%) rotate(-20deg) scale(1.1); }
    50% { transform: translate(-48%, -45%) rotate(20deg) scale(0.9); }
    100% { transform: translate(-50%, -52%) rotate(0deg) scale(1.1); }
}
/* ==========================================
   ⛏️ LÁTVÁNYOS CSÁKÁNY BECSAPÓDÁS EFFEKT
   ========================================== */

/* 1. A suhintás és visszapattanás mozgása */
@keyframes csakanySuvitas {
    0% {
        transform: translate(50px, -50px) rotate(60deg) scale(1.5);
        opacity: 0;
    }
    15% {
        opacity: 1; /* Gyorsan megjelenik a levegőben */
    }
    45% {
        transform: translate(0px, 0px) rotate(-15deg) scale(1.1); /* Erőteljes becsapódás a kőre */
        filter: drop-shadow(0 0 10px #ffeb3b); /* Izzás becsapódáskor */
    }
    70% {
        transform: translate(-10px, -15px) rotate(-35deg) scale(1); /* Reális visszapattanás */
        opacity: 1;
    }
    100% {
        transform: translate(-15px, -5px) rotate(-40deg) scale(0.8);
        opacity: 0; /* Finoman eltűnik */
    }
}

.csapodo-csakany {
    position: absolute;
    font-size: 55px; /* Jó nagy, jól látható szerszám */
    pointer-events: none; /* Átenged minden kattintást, nem blokkol */
    z-index: 100;
    transform-origin: bottom left;
    animation: csakanySuvitas 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;
}
/* ==========================================
   ✨ BÁNYA JUTALOM LEBEGŐ SZÖVEG EFFEKT
   ========================================== */
@keyframes lebegoJutalomSuhanas {
    0% {
        transform: translate(-50%, 0) scale(0.6);
        opacity: 0;
    }
    15% {
        transform: translate(-50%, -40px) scale(1.3); /* Gyors felpattanás és megnövekedés */
        opacity: 1;
    }
    80% {
        transform: translate(-50%, -100px) scale(1); /* Lassú emelkedés */
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -130px) scale(0.8); /* Elhalványulás a magasban */
        opacity: 0;
    }
}

.lebego-banya-jutalom {
    position: absolute;
    font-size: 28px;
    font-weight: 900;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.7), 0 0 10px rgba(255,255,255,0.8);
    pointer-events: none;
    z-index: 1001;
    white-space: nowrap;
    animation: lebegoJutalomSuhanas 1.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;
}
.matrica-focim {
    font-family: 'Arial Black', sans-serif;
    font-size: 2.8rem;
    color: #2e7d32;
    text-align: center;
    margin: 20px 0 10px 0;
    
    /* Trükkös fehér matrica-körvonal + sötét háttérárnyék */
    text-shadow:
        -3px -3px 0 #fff,  
         3px -3px 0 #fff,
        -3px  3px 0 #fff,
         3px  3px 0 #fff,
         4px  4px 10px rgba(0,0,0,0.4);
}
/* ==========================================
   ❌ MODERN BEZÁRÓ GOMB (MODAL X)
   ========================================== */
.bezaro-x {
    position: absolute;
    top: 12px;
    right: 15px;
    z-index: 4000;
    
    /* Alap kinézet: elegáns, halványabb barna */
    color: #795548; 
    font-size: 22px;
    font-weight: bold;
    
    /* Modern, kör alakú háttér */
    background: rgba(0, 0, 0, 0.04); 
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%; /* Tökéletes kör */
    
    /* Középre igazítás */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    
    /* Lágy animáció az átmenethez */
    transition: all 0.2s ease-in-out;
}

/* Amikor ráviszed az egeret (PC-n) */
.bezaro-x:hover {
    color: white !important;
    background-color: #e53935; /* Modern, élénk piros */
    transform: scale(1.1); /* Picit megnő, jelezve, hogy kattintható */
    box-shadow: 0 2px 8px rgba(229, 57, 53, 0.4); /* Finom pirosas ragyogás */
}

/* =====================================================
   14.3 — KEZDŐ PROGRAM ÉS FOKOZATOS FELOLDÁS
   ===================================================== */
.kezdo-program-panel {
    width: min(720px, calc(100% - 20px));
    margin: -5px auto 18px auto;
    padding: 14px 16px;
    text-align: left;
    color: #263238;
    background: linear-gradient(135deg, rgba(255,255,255,.97), rgba(232,245,233,.97));
    border: 3px solid #66bb6a;
    border-radius: 16px;
    box-shadow: 0 7px 22px rgba(0,0,0,.18);
    position: relative;
    z-index: 25;
}
.kezdo-program-panel.kesz { border-color: #ffb300; background: linear-gradient(135deg, #fffdf5, #fff8e1); }
.kezdo-program-fejlec, .kezdo-program-also { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.kezdo-program-fejlec small { opacity:.65; margin-left:6px; }
.kezdo-program-ikon { font-size:1.25em; margin-right:5px; }
.kezdo-program-cim { font-size:1.12em; font-weight:900; color:#1b5e20; margin-top:10px; }
.kezdo-program-leiras, .kezdo-program-kesz-szoveg { font-size:.92em; line-height:1.4; margin:4px 0 10px; }
.kezdo-program-osszcsik, .kezdo-program-reszcsik { background:rgba(0,0,0,.12); overflow:hidden; border-radius:999px; }
.kezdo-program-osszcsik { height:7px; margin-top:9px; }
.kezdo-program-reszcsik { width:150px; max-width:38vw; height:12px; }
.kezdo-program-osszcsik span, .kezdo-program-reszcsik span { display:block; height:100%; background:linear-gradient(90deg,#43a047,#8bc34a); transition:width .35s ease; }
.kezdo-program-reszhaladas { display:flex; align-items:center; gap:9px; font-size:.85em; }
.kezdo-program-mutasd, .kezdo-program-kihagy, .kezdo-program-bezar { border:0; cursor:pointer; font-weight:800; }
.kezdo-program-mutasd { background:#2e7d32; color:#fff; border-radius:10px; padding:8px 14px; }
.kezdo-program-kihagy { background:transparent; color:#777; text-decoration:underline; font-size:.78em; }
.kezdo-program-bezar { width:28px; height:28px; border-radius:50%; background:#eee; color:#555; font-size:1.2em; }
.kezdo-program-jutalom, .kezdo-program-kovetkezo { margin-top:10px; padding:8px 10px; border-radius:10px; background:rgba(255,193,7,.15); font-size:.86em; }
.rendszer-zarolt { position:relative !important; filter:grayscale(.75); opacity:.56 !important; cursor:not-allowed !important; }
.rendszer-zarolt:hover { transform:none !important; }
.rendszer-lakat-jelzo { position:absolute; right:5px; top:4px; z-index:5; font-size:16px; line-height:1; filter:none; text-shadow:0 1px 2px #fff; }
.kezdo-celpont-kiemeles { position:relative; z-index:10002 !important; animation:kezdoCelPulzus .75s ease-in-out infinite alternate !important; outline:4px solid #ffca28 !important; outline-offset:4px; }
@keyframes kezdoCelPulzus { from { transform:scale(1); box-shadow:0 0 0 rgba(255,202,40,.3); } to { transform:scale(1.04); box-shadow:0 0 24px rgba(255,202,40,.95); } }
@media (max-width:600px) {
    .kezdo-program-panel { width:calc(100% - 12px); padding:12px; margin-bottom:12px; border-width:2px; }
    .kezdo-program-also { align-items:flex-end; }
    .kezdo-program-reszcsik { width:115px; }
    .kezdo-program-mutasd { padding:8px 11px; }
}


/* =========================================================
   14.4 — MOBIL EGYSZERŰSÍTÉS, GAZDASÁG, SPECIALIZÁCIÓ, ÖRÖKSÉG
   ========================================================= */
.beallitas-sor{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9f9f9;border:1px solid #eee;border-radius:12px;color:#222;font-weight:700;font-size:.9em}.mini-beallitas-gomb{width:72px;margin:0;padding:6px;font-size:.8em;box-shadow:none}
.modal-cim-sor{display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-cim-sor h2{margin:0}.modal-cim-sor span{font-size:.85em;background:#e8f5e9;color:#2e7d32;padding:6px 10px;border-radius:999px;font-weight:800}
.gazdasag-modal-doboz{max-width:920px;width:96%;max-height:90vh;overflow:auto;text-align:left}.gazdasag-szurok{display:flex;gap:8px;margin:15px 0}.gazdasag-szurok button{border:1px solid #bdbdbd;background:#fff;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:800}.gazdasag-szurok button.aktiv{background:#2e7d32;color:#fff;border-color:#2e7d32}.gazdasag-osszefoglalo{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gazdasag-osszefoglalo>div{background:#fafafa;border:1px solid #eee;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px}.gazdasag-osszefoglalo small{color:#666}.gazdasag-osszefoglalo b{font-size:1.25em}.pozitiv{color:#2e7d32!important}.negativ{color:#c62828!important}.gazdasag-ketoszlop{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:18px;margin-top:18px}.gazdasag-ketoszlop section{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:14px}.gazdasag-ketoszlop h3{margin:0 0 10px}.gazdasag-kategoria,.gazdasag-tetel{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #eee}.gazdasag-tetel span{display:flex;flex-direction:column;min-width:0}.gazdasag-tetel b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gazdasag-tetel small{color:#777;margin-top:2px}.gazdasag-tetelek{max-height:390px;overflow:auto}.ures-lista{color:#888;text-align:center;padding:20px;font-style:italic}
.specializacio-modal-doboz{max-width:900px;width:96%;max-height:90vh;overflow:auto}.modal-bevezeto{color:#555;line-height:1.45}.specializacio-statusz{display:flex;justify-content:space-between;gap:10px;background:#ede7f6;border:1px solid #b39ddb;border-radius:12px;padding:12px;margin:15px 0}.specializacio-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.specializacio-kartya{border:2px solid #e0e0e0;border-radius:16px;padding:15px;text-align:left;background:#fff}.specializacio-kartya.aktiv{border-color:#7e57c2;background:#f3e5f5;box-shadow:0 0 0 3px rgba(126,87,194,.12)}.specializacio-fej{display:flex;gap:12px}.specializacio-fej>span{font-size:2.4em}.specializacio-fej h3{margin:0}.specializacio-fej p{margin:4px 0;color:#666;font-size:.9em}.specializacio-kartya ul{padding-left:20px;min-height:68px}.specializacio-kartya button{width:100%;border:0;border-radius:10px;padding:10px;background:#6a1b9a;color:#fff;font-weight:900;cursor:pointer}.specializacio-kartya button:disabled{background:#9e9e9e;cursor:default}
.orokseg-cim{font-size:1em;margin:14px 0 8px;color:#5d4037}.orokseg-lista{display:grid;grid-template-columns:1fr;gap:8px;max-height:300px;overflow:auto;text-align:left}.orokseg-kartya{display:flex;gap:12px;width:100%;padding:10px;border:2px solid #e0e0e0;background:#fff;border-radius:12px;text-align:left;cursor:pointer}.orokseg-kartya.aktiv{border-color:#f9a825;background:#fff8e1;box-shadow:0 0 0 3px rgba(249,168,37,.15)}.orokseg-ikon{font-size:2em}.orokseg-kartya>span:last-child{display:flex;flex-direction:column;gap:2px}.orokseg-kartya small{color:#777}.orokseg-kartya em{font-style:normal;color:#2e7d32;font-size:.85em}.orokseg-kartya i{font-style:normal;color:#c62828;font-size:.82em}#presztizs-inditas-gomb:disabled{opacity:.45;cursor:not-allowed}
.mobil-kornyezet,.mobil-kontextus-sav{display:none}
@media(max-width:760px){
 body.mobil-kompakt{padding:4px 4px 150px!important}.mobil-kompakt .matrica-focim{font-size:1.25em;margin:5px 0 8px}.mobil-kompakt .felso-sav{position:sticky;top:0;z-index:9050;background:rgba(46,125,50,.92);backdrop-filter:blur(8px);margin:0 -4px 8px;padding:5px 4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.mobil-kompakt .felso-sav .doboz{min-width:0;margin:0;padding:6px 4px;border-radius:10px;font-size:.72em;justify-content:center;white-space:nowrap}.mobil-kompakt .felso-sav .mobil-reszlet{display:none}.mobil-kompakt.mobil-reszletek-nyitva .felso-sav .mobil-reszlet{display:flex}.mobil-kompakt.mobil-reszletek-nyitva .felso-sav{grid-template-columns:repeat(3,minmax(0,1fr))}.mobil-kompakt .mobil-kuldetes{grid-column:1/-1;font-size:.72em;overflow:hidden}.mobil-kompakt .mobil-kornyezet{display:flex;border:2px solid transparent;background:#fff;cursor:pointer}.mobil-kompakt .mobil-kornyezet small{font-size:.72em;color:#666}.mobil-kompakt #nyersanyag-kijelzo{display:none!important}.mobil-kompakt .nezet-valto-v2{overflow-x:auto;justify-content:flex-start;scrollbar-width:none;gap:5px;padding:3px}.mobil-kompakt .nezet-gomb-v2{flex:0 0 auto;min-width:76px;padding:7px 8px;font-size:.72em}.mobil-kompakt .nezet-gomb-v2 .ikon{font-size:1.2em}.mobil-kompakt .app-alsosav{display:grid!important;grid-template-columns:repeat(5,1fr);height:58px;padding:3px 2px;bottom:0}.mobil-kompakt .app-alsosav>.labor-nyito-gomb{display:flex!important}.mobil-kompakt .app-alsosav .nav-gomb{min-width:0;padding:2px}.mobil-kompakt .app-alsosav .nav-ikon,.mobil-kompakt .app-alsosav .kiemelt-kor{font-size:1.25em}.mobil-kompakt .app-alsosav .nav-szoveg{font-size:.62em}.mobil-kompakt #menugomb{display:none!important}.mobil-kompakt .mobil-kontextus-sav{position:fixed;left:6px;right:6px;bottom:62px;z-index:9040;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.96);border:1px solid #ddd;border-radius:14px;padding:5px;box-shadow:0 4px 16px rgba(0,0,0,.22)}.mobil-kontextus-cim{font-size:.72em;font-weight:900;color:#2e7d32;padding:0 4px}.mobil-kontextus-sav button{flex:1;border:0;background:#eef7ee;border-radius:9px;padding:5px 2px;font-size:.68em;font-weight:800;color:#333}.mobil-kontextus-sav button span{display:block;font-size:1.25em}.mobil-kompakt .teljes-kepernyo-menu .menu-tartalom{width:100%;height:100%;max-height:none;border-radius:0;padding:10px}.mobil-kompakt .ikon-racs{grid-template-columns:repeat(3,1fr);gap:7px}.mobil-kompakt .racs-elem{min-height:68px;font-size:.72em;padding:8px 3px}.gazdasag-osszefoglalo{grid-template-columns:repeat(2,1fr)}.gazdasag-ketoszlop{grid-template-columns:1fr}.specializacio-lista{grid-template-columns:1fr}.specializacio-statusz{flex-direction:column}.gazdasag-modal-doboz,.specializacio-modal-doboz{width:100%;height:100%;max-height:none;border-radius:0;padding:14px}.modal-cim-sor{align-items:flex-start}.gazdasag-szurok{overflow:auto}.orokseg-lista{max-height:240px}
}


/* ==========================================
   14.7 — BALANSZ- ÉS GAZDASÁGSZIMULÁTOR
   ========================================== */
.balansz-labor-gomb { background: linear-gradient(135deg,#4527a0,#7e57c2); color:#fff; }
.balansz-modal-doboz { width:min(1180px,96vw); max-width:1180px; max-height:94vh; overflow:auto; text-align:left; background:#f7f8fb; }
.balansz-fejlec { align-items:flex-start; gap:16px; }
.balansz-fejlec h2 { margin:0; color:#4527a0; }
.balansz-fejlec p { margin:5px 0 0; color:#5f6368; }
.balansz-export { width:auto; margin:0 40px 0 auto; padding:8px 12px; background:#5e35b1; }
.balansz-vezerlok { display:grid; grid-template-columns:repeat(auto-fit,minmax(165px,1fr)); gap:10px; padding:12px; margin:12px 0; background:#ede7f6; border:1px solid #d1c4e9; border-radius:14px; }
.balansz-vezerlok label { display:flex; flex-direction:column; gap:5px; font-size:.82rem; font-weight:700; color:#4527a0; }
.balansz-vezerlok input,.balansz-vezerlok select { width:100%; min-height:36px; border:1px solid #b39ddb; border-radius:9px; padding:6px 8px; background:white; }
.balansz-vezerlok .balansz-check { flex-direction:row; align-items:center; color:#333; font-weight:600; }
.balansz-vezerlok .balansz-check input { width:18px; min-height:18px; }
.balansz-kpi-racs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.balansz-kpi { display:flex; flex-direction:column; gap:4px; background:white; border:1px solid #e0e0e0; border-left:5px solid #673ab7; border-radius:12px; padding:11px; box-shadow:0 2px 7px rgba(0,0,0,.05); }
.balansz-kpi small { color:#777; }
.balansz-kpi strong { font-size:1rem; color:#311b92; }
.balansz-kpi span { font-size:.78rem; color:#555; }
.balansz-kpi.figyelmeztetes { border-left-color:#f57c00; }
.balansz-eszkozsor { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:10px 0; }
.balansz-tabok { display:flex; flex-wrap:wrap; gap:6px; }
.balansz-tabok button { border:1px solid #b39ddb; border-radius:20px; background:#fff; color:#4527a0; padding:7px 11px; cursor:pointer; font-weight:700; }
.balansz-tabok button.aktiv { background:#5e35b1; color:#fff; border-color:#5e35b1; }
.balansz-eszkozsor input[type="search"] { min-width:220px; border:1px solid #c5cae9; border-radius:20px; padding:8px 12px; }
.balansz-tabla-wrap { overflow:auto; max-height:52vh; border:1px solid #ddd; border-radius:12px; background:#fff; }
.balansz-tabla { width:100%; border-collapse:separate; border-spacing:0; font-size:.82rem; }
.balansz-tabla th { position:sticky; top:0; z-index:2; background:#4527a0; color:white; text-align:left; padding:9px; white-space:nowrap; }
.balansz-tabla td { padding:8px 9px; border-bottom:1px solid #eee; vertical-align:middle; white-space:nowrap; }
.balansz-tabla tbody tr:hover { background:#f3e5f5; }
.balansz-tabla td:first-child { white-space:normal; min-width:165px; }
.balansz-tabla small { display:block; color:#777; margin-top:3px; }
.balansz-badge { display:inline-flex; align-items:center; gap:3px; padding:3px 7px; border-radius:12px; font-size:.72rem; font-weight:800; }
.balansz-badge.normal { background:#e8f5e9; color:#2e7d32; }
.balansz-badge.veszteseg { background:#ffebee; color:#c62828; }
.balansz-badge.adat { background:#eceff1; color:#455a64; }
.balansz-badge.tuleros { background:#fff3e0; color:#e65100; }
.balansz-badge.gyenge { background:#e3f2fd; color:#1565c0; }
.balansz-megjegyzes,.balansz-meta { color:#666; font-size:.76rem; line-height:1.45; margin:10px 3px 0; }
.balansz-meta { text-align:right; border-top:1px dashed #bbb; padding-top:8px; }
.balansz-specializacio-racs { display:grid; grid-template-columns:repeat(auto-fit,minmax(205px,1fr)); gap:12px; }
.balansz-spec-kartya { position:relative; background:#fff; border:2px solid #d1c4e9; border-radius:14px; padding:14px; }
.balansz-spec-kartya.kiemelt { border-color:#ffb300; box-shadow:0 0 0 3px rgba(255,179,0,.15); }
.balansz-spec-kartya .helyezes { position:absolute; right:10px; top:8px; font-size:1.35rem; font-weight:900; color:#7e57c2; }
.balansz-spec-kartya h3 { margin:0 0 12px; padding-right:35px; }
.balansz-spec-kartya div { display:flex; justify-content:space-between; gap:8px; padding:6px 0; border-bottom:1px solid #eee; }
.balansz-spec-kartya div small { color:#666; }
.balansz-spec-kartya footer { margin-top:10px; color:#4527a0; }
@media (max-width:800px) {
  .balansz-modal-doboz { width:100vw; max-width:none; min-height:100vh; max-height:100vh; border-radius:0; margin:0; }
  .balansz-fejlec { display:block; padding-right:35px; }
  .balansz-export { margin:10px 0 0; }
  .balansz-kpi-racs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .balansz-eszkozsor { align-items:stretch; flex-direction:column; }
  .balansz-eszkozsor input[type="search"] { width:100%; min-width:0; }
  .balansz-tabla-wrap { max-height:48vh; }
}


/* ===== 14.7: ADATVEZÉRELT TERMELÉSI LÁNCOK ===== */
.termelesi-lancok-panel { margin: 0 0 18px; display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 12px; }
.termelesi-lanc-kartya { background: linear-gradient(135deg,#fff8e1,#fff); border: 2px solid #ffca28; border-radius: 14px; padding: 12px; text-align: left; box-shadow: 0 3px 10px rgba(0,0,0,.08); }
.termelesi-lanc-kartya h3 { margin: 0 0 8px; color:#6d4c41; }
.termelesi-lanc-lepesek { display:flex; flex-wrap:wrap; align-items:center; gap:5px; font-size:.82rem; }
.termelesi-lanc-lepes { padding:5px 8px; border-radius:999px; background:#eeeeee; color:#555; border:1px solid #ddd; }
.termelesi-lanc-lepes.kesz { background:#e8f5e9; color:#2e7d32; border-color:#81c784; }
.termelesi-lanc-lepes.elerheto { background:#e3f2fd; color:#1565c0; border-color:#64b5f6; }
.termelesi-lanc-nyil { color:#9e9e9e; font-weight:bold; }
.recept-lanc-badge { display:inline-block; margin-left:5px; padding:2px 7px; border-radius:999px; background:#fff3e0; color:#e65100; font-size:.72rem; font-weight:bold; }
.recept-anyag-lista { display:flex; flex-direction:column; gap:3px; margin-top:5px; }
.recept-anyag-lista .hiany { color:#c62828; font-weight:bold; }
.recept-anyag-lista .rendben { color:#2e7d32; }
.expedicio-ellatmany-sor { display:flex; align-items:center; gap:10px; padding:10px 12px; margin:10px 0 14px; border:2px solid #ffb300; border-radius:12px; background:#fff8e1; cursor:pointer; text-align:left; }
.expedicio-ellatmany-sor input { width:20px; height:20px; }
.expedicio-ellatmany-sor small { display:block; color:#6d4c41; font-weight:normal; margin-top:2px; }
.expedicio-ellatmany-sor.disabled { opacity:.55; cursor:not-allowed; }
.balansz-lanc-racs { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; }
.balansz-lanc-kartya { padding:14px; border:2px solid #90caf9; border-radius:14px; background:linear-gradient(135deg,#e3f2fd,#fff); text-align:left; }
.balansz-lanc-kartya h3 { margin:0 0 8px; color:#0d47a1; }
.balansz-lanc-kartya dl { display:grid; grid-template-columns:1fr auto; gap:5px 12px; margin:10px 0 0; }
.balansz-lanc-kartya dt,.balansz-lanc-kartya dd { margin:0; }
.balansz-lanc-kartya dd { font-weight:bold; }
@media (max-width:760px) { .termelesi-lancok-panel { grid-template-columns:1fr; } .termelesi-lanc-lepesek { gap:4px; } }


/* =====================================================
   🔦 KERTI REFLEKTOR — 14.7
   A fényréteg az éjszakai szűrő fölött, de a modalok alatt marad.
   ===================================================== */
#reflektor-fenyreteg {
    position: fixed;
    inset: 0;
    z-index: 16;
    pointer-events: none;
    overflow: hidden;
    mix-blend-mode: screen;
}

#reflektor-fenyreteg[hidden] {
    display: none !important;
}

.reflektor-fenyfolt {
    position: absolute;
    border-radius: 35%;
    background:
        radial-gradient(ellipse at center,
            rgba(255, 252, 214, 0.98) 0%,
            rgba(255, 236, 150, 0.68) 34%,
            rgba(255, 193, 7, 0.22) 62%,
            rgba(255, 193, 7, 0) 78%);
    filter: blur(3px);
    opacity: 0.94;
    animation: reflektorFinomPulzus 2.8s ease-in-out infinite alternate;
    transform: translateZ(0);
}

body.reflektor-aktiv .parcella.lampas-feny:not(.zart) {
    filter: brightness(1.72) saturate(1.12) contrast(1.04)
            drop-shadow(0 0 9px rgba(255, 235, 120, 0.95)) !important;
    border-color: #ffe082 !important;
    box-shadow:
        0 0 13px 4px rgba(255, 224, 130, 0.55),
        inset 0 0 16px rgba(255, 248, 210, 0.28),
        inset 0 0 15px rgba(0, 0, 0, 0.30) !important;
}

@keyframes reflektorFinomPulzus {
    from { opacity: 0.82; transform: scale(0.98); }
    to   { opacity: 1; transform: scale(1.025); }
}

@media (prefers-reduced-motion: reduce) {
    .reflektor-fenyfolt { animation: none; }
}


/* ===== 14.11.0 DINAMIKUS PIACI ÉS SZEZONÁLIS ESEMÉNYEK ===== */
.vilag-esemeny-doboz { border:2px solid #26a69a; background:linear-gradient(135deg,#e0f2f1,#fff); color:#00695c; cursor:pointer; font-family:inherit; }
.vilag-esemeny-doboz:hover { transform:translateY(-2px); box-shadow:0 5px 14px rgba(0,105,92,.22); }
.vilag-esemeny-doboz small { background:#00695c; color:#fff; border-radius:999px; padding:2px 7px; font-size:.72rem; }
.vilag-esemeny-modal-doboz { max-width:650px; width:94%; max-height:88vh; overflow-y:auto; background:linear-gradient(180deg,#f1f8e9,#fff); border:4px solid #26a69a; }
.vilag-esemeny-bevezeto { color:#456; line-height:1.5; }
#vilag-esemeny-lista { display:flex; flex-direction:column; gap:12px; }
.vilag-esemeny-kartya { text-align:left; border:2px solid #80cbc4; border-radius:14px; padding:13px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,.07); }
.vilag-esemeny-kartya.negativ { border-color:#ffab91; background:#fff8f5; }
.vilag-esemeny-fejlec { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; font-size:1.05rem; }
.vilag-esemeny-fejlec > span { font-size:1.55rem; }
.vilag-esemeny-fejlec > b { color:#00695c; background:#e0f2f1; border-radius:999px; padding:4px 9px; }
.vilag-esemeny-kartya p { margin:8px 0; color:#455a64; line-height:1.45; }
.vilag-esemeny-kartya small { color:#00695c; font-weight:bold; }
.vilag-esemeny-ures { padding:18px; border:2px dashed #b0bec5; border-radius:12px; color:#607d8b; }
#vilag-esemeny-tortenet { display:flex; flex-direction:column; gap:5px; }
.vilag-esemeny-tortenet-sor { display:grid; grid-template-columns:auto 1fr auto; gap:8px; align-items:center; padding:7px 9px; border-bottom:1px solid #e0e0e0; text-align:left; }
.vilag-esemeny-tortenet-sor small { color:#78909c; }
@media (max-width:760px) { .vilag-esemeny-doboz { order:20; width:100%; justify-content:center; } .vilag-esemeny-modal-doboz { width:100vw; max-width:none; min-height:100vh; max-height:100vh; border-radius:0; margin:0; } }

/* =====================================================
   14.11.0 — MODERN MENEDZSMENT FELÜLETEK
   Feldolgozó Üzemek + Munkásközvetítő Iroda
   ===================================================== */
.menedzsment-modal {
    position: relative;
    width: min(1180px, 96vw) !important;
    max-width: 1180px !important;
    max-height: min(92vh, 960px);
    padding: 0 !important;
    overflow: auto;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 24px !important;
    background: #f5f7fb !important;
    box-shadow: 0 28px 80px rgba(18, 32, 54, .34) !important;
    text-align: left;
    overscroll-behavior: contain;
}

.menedzsment-bezaro {
    position: sticky !important;
    float: right;
    top: 14px !important;
    right: 14px !important;
    margin: 14px 14px -58px 0;
    z-index: 20;
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(255,255,255,.7) !important;
    border-radius: 14px !important;
    color: #263238 !important;
    background: rgba(255,255,255,.9) !important;
    box-shadow: 0 8px 22px rgba(20,34,54,.18) !important;
    backdrop-filter: blur(12px);
}

.menedzsment-bezaro:hover {
    color: #b71c1c !important;
    transform: translateY(-1px) scale(1.03);
}

.menedzsment-fejlec {
    min-height: 190px;
    padding: 32px 76px 28px 30px;
    display: grid;
    grid-template-columns: auto minmax(250px, 1fr) minmax(330px, auto);
    align-items: center;
    gap: 22px;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.menedzsment-fejlec::before,
.menedzsment-fejlec::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
}

.menedzsment-fejlec::before { width: 260px; height: 260px; right: -80px; top: -120px; }
.menedzsment-fejlec::after { width: 160px; height: 160px; left: 34%; bottom: -115px; }
.gyar-modern-fejlec { background: linear-gradient(125deg, #263238 0%, #37474f 45%, #ef6c00 115%); }
.munkas-modern-fejlec { background: linear-gradient(125deg, #251a48 0%, #512da8 55%, #7e57c2 110%); }

.menedzsment-fejlec-ikon {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    font-size: 46px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.24);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 16px 30px rgba(0,0,0,.17);
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 1;
}

.menedzsment-fejlec-szoveg { position: relative; z-index: 1; }
.menedzsment-felirat {
    display: inline-block;
    margin-bottom: 5px;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .72;
}
.menedzsment-fejlec h2 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1.08; }
.menedzsment-fejlec p { margin: 8px 0 0; max-width: 610px; color: rgba(255,255,255,.78); line-height: 1.5; font-size: .92rem; }

.menedzsment-kpi-sor {
    display: grid;
    grid-template-columns: repeat(3, minmax(94px, 1fr));
    gap: 9px;
    position: relative;
    z-index: 1;
}
.menedzsment-kpi {
    min-height: 72px;
    padding: 11px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(10px);
}
.menedzsment-kpi.kiemelt { background: rgba(255,255,255,.19); border-color: rgba(255,255,255,.32); }
.menedzsment-kpi span { font-size: .67rem; line-height: 1.25; color: rgba(255,255,255,.72); }
.menedzsment-kpi strong { margin-top: 4px; font-size: 1.12rem; white-space: nowrap; }

.menedzsment-eszkozsor {
    margin: 18px 22px 14px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #e4e8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(35,51,78,.07);
}
.menedzsment-kereso {
    min-width: 240px;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: #f3f5f9;
    transition: .2s ease;
}
.menedzsment-kereso:focus-within { border-color: #90caf9; background: #fff; box-shadow: 0 0 0 3px rgba(33,150,243,.12); }
.menedzsment-kereso input {
    width: 100%;
    height: 42px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #263238;
    font: inherit;
}
.menedzsment-szurok { display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
.menedzsment-szuro {
    min-height: 38px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: #546e7a;
    font-weight: 800;
    cursor: pointer;
    transition: .18s ease;
}
.menedzsment-szuro:hover { background: #f0f3f8; color: #263238; }
.menedzsment-szuro.aktiv { color: #fff; background: #37474f; box-shadow: 0 5px 13px rgba(38,50,56,.24); }
.munkas-modern-modal .menedzsment-szuro.aktiv { background: #5e35b1; box-shadow: 0 5px 13px rgba(94,53,177,.25); }

.menedzsment-racs {
    display: grid;
    gap: 15px;
    padding: 6px 22px 24px;
}
.gyar-modern-racs { grid-template-columns: repeat(auto-fit, minmax(410px, 1fr)); }
.munkas-modern-racs { grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); }

.menedzsment-ures {
    margin: 30px 22px;
    padding: 35px 20px;
    text-align: center;
    color: #607d8b;
    border: 2px dashed #cfd8dc;
    border-radius: 18px;
    background: rgba(255,255,255,.65);
}
.menedzsment-ures[hidden] { display: none !important; }
.menedzsment-ures > span { display: block; font-size: 40px; margin-bottom: 8px; }
.menedzsment-ures strong { display: block; color: #37474f; font-size: 1.05rem; }
.menedzsment-ures p { margin: 5px 0 0; }

/* Üzemek */
.termelesi-lancok-details {
    margin: 0 22px 15px;
    border: 1px solid #e3e8ef;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(35,51,78,.05);
    overflow: hidden;
}
.termelesi-lancok-details summary {
    padding: 13px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    list-style: none;
    cursor: pointer;
    color: #37474f;
    font-weight: 900;
}
.termelesi-lancok-details summary::-webkit-details-marker { display: none; }
.termelesi-lancok-details summary small { color: #78909c; font-weight: 500; }
.termelesi-lancok-details[open] summary { border-bottom: 1px solid #edf0f4; }
.termelesi-lancok-details .termelesi-lancok-panel { padding: 13px; margin: 0; }

.uzem-kartya {
    min-width: 0;
    border: 1px solid #e0e5ec;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(33,46,69,.08);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.uzem-kartya:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(33,46,69,.13); border-color: #c5d0dd; }
.uzem-kartya.dolgozik { border-color: #ffb74d; box-shadow: 0 12px 32px rgba(239,108,0,.13); }
.uzem-kartya.zarolt { background: #f7f8fa; }
.uzem-kartya-fejlec {
    padding: 18px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 13px;
    align-items: start;
    border-bottom: 1px solid #edf0f4;
    background: linear-gradient(135deg,#fff,#fafbfc);
}
.uzem-ikon {
    width: 53px; height: 53px;
    display: grid; place-items: center;
    border-radius: 16px;
    background: #263238;
    color: #fff;
    font-size: 29px;
    box-shadow: 0 9px 18px rgba(38,50,56,.18);
}
.uzem-kartya.zarolt .uzem-ikon { background: #b0bec5; filter: grayscale(1); }
.uzem-cim-blokk h3 { margin: 4px 0 4px; color: #263238; font-size: 1.08rem; }
.uzem-cim-blokk p { margin: 0; color: #78909c; font-size: .78rem; line-height: 1.42; }
.uzem-statusz-sor { display: flex; gap: 6px; flex-wrap: wrap; }
.uzem-allapot, .uzem-mukodik, .uzem-recept-szam {
    display: inline-flex; align-items: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .04em;
}
.uzem-allapot.elerheto { background: #e8f5e9; color: #2e7d32; }
.uzem-allapot.zarolt { background: #eceff1; color: #607d8b; }
.uzem-mukodik { background: #fff3e0; color: #e65100; }
.uzem-recept-szam { color: #546e7a; background: #edf1f5; white-space: nowrap; }
.uzem-recept-lista { padding: 12px; display: grid; gap: 10px; }
.uzem-recept {
    padding: 13px;
    border: 1px solid #e6eaf0;
    border-radius: 15px;
    background: #fbfcfd;
    transition: .18s ease;
}
.uzem-recept:hover { border-color: #b0bec5; background: #fff; }
.uzem-recept.aktiv { border-color: #ffb74d; background: #fffaf3; }
.uzem-recept-fejlec { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; }
.uzem-recept-ikon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: #eceff1; font-size: 22px; }
.uzem-recept-fejlec h4 { margin: 0; color: #263238; font-size: .93rem; }
.uzem-recept-fejlec p { margin: 3px 0 0; color: #78909c; font-size: .72rem; }
.recept-statusz { padding: 4px 7px; border-radius: 999px; font-size: .62rem; font-weight: 900; white-space: nowrap; }
.recept-statusz.kesz { color: #2e7d32; background: #e8f5e9; }
.recept-statusz.folyamatban { color: #e65100; background: #fff3e0; }
.recept-statusz.hianyos { color: #c62828; background: #ffebee; }
.recept-statusz.zarolt { color: #607d8b; background: #eceff1; }
.uzem-recept-meta { margin: 9px 0 8px; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; color: #607d8b; font-size: .69rem; }
.uzem-recept .recept-anyag-lista { display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: 5px; margin: 8px 0 10px; }
.uzem-recept .recept-anyag-lista span { padding: 6px 8px; border-radius: 9px; background: #f0f3f6; font-size: .69rem; }
.uzem-recept .recept-anyag-lista .rendben { color: #2e7d32; background: #eef8ef; }
.uzem-recept .recept-anyag-lista .hiany { color: #c62828; background: #fff0f0; }
.uzem-progress { width: 100%; height: 8px; overflow: hidden; margin: 8px 0; border-radius: 999px; background: #e8ebef; }
.uzem-progress > div { height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ff9800,#ffca28); transition: width .1s linear; }
.uzem-akcio, .munkas-modern-akcio {
    width: 100%; min-height: 42px;
    padding: 9px 13px;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    border: 0; border-radius: 12px;
    color: #fff; background: #37474f;
    font-weight: 900; cursor: pointer;
    box-shadow: 0 7px 15px rgba(38,50,56,.16);
    transition: .18s ease;
}
.uzem-akcio:hover:not(:disabled), .munkas-modern-akcio:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.06); }
.uzem-akcio:disabled { opacity: .68; cursor: wait; }
.uzem-akcio.nincs-anyag { background: #b0bec5; box-shadow: none; }
.uzem-zarolt-uzenet { padding: 9px; color: #607d8b; background: #eceff1; border-radius: 10px; text-align: center; font-size: .72rem; font-weight: 800; }

/* Munkások */
.munkas-tajekoztato {
    margin: 0 22px 14px;
    padding: 11px 14px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border: 1px solid #d1c4e9;
    border-radius: 14px;
    background: #f7f3ff;
    color: #5e35b1;
}
.munkas-tajekoztato p { margin: 0; color: #655b78; font-size: .77rem; line-height: 1.45; }
.munkas-modern-kartya {
    min-width: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid #e2e5eb;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(50,35,87,.08);
    transition: .2s ease;
    overflow: hidden;
    position: relative;
}
.munkas-modern-kartya::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #90a4ae; }
.munkas-modern-kartya.kategoria-termes::before { background: #43a047; }
.munkas-modern-kartya.kategoria-ipar::before { background: #ef6c00; }
.munkas-modern-kartya.kategoria-gazdasag::before { background: #1e88e5; }
.munkas-modern-kartya.kategoria-specialis::before { background: #8e24aa; }
.munkas-modern-kartya:hover { transform: translateY(-3px); box-shadow: 0 17px 36px rgba(50,35,87,.14); border-color: #c5b7e8; }
.munkas-modern-kartya.aktiv { border-color: #81c784; background: linear-gradient(145deg,#fff,#f5fff6); }
.munkas-modern-felsosav { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.munkas-kategoria, .munkas-modern-statusz { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 999px; font-size: .63rem; font-weight: 900; }
.munkas-kategoria { color: #546e7a; background: #eef1f5; }
.munkas-modern-statusz.aktiv { color: #2e7d32; background: #e8f5e9; }
.munkas-modern-statusz.szabad { color: #6a1b9a; background: #f3e5f5; }
.munkas-modern-profil { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; align-items: start; }
.munkas-modern-avatar {
    width: 62px; height: 62px;
    display: grid; place-items: center;
    border-radius: 19px;
    background: linear-gradient(145deg,#ede7f6,#fff);
    border: 1px solid #d1c4e9;
    font-size: 36px;
    box-shadow: inset 0 1px 0 #fff;
}
.munkas-modern-profil h3 { margin: 4px 0 5px; color: #34265b; font-size: 1rem; }
.munkas-modern-profil p { margin: 0; color: #73808d; font-size: .74rem; line-height: 1.46; }
.munkas-modern-adatok { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.munkas-modern-adatok > div, .munkas-fizetes-ido { padding: 9px 10px; border-radius: 11px; background: #f4f5f8; }
.munkas-modern-adatok span, .munkas-fizetes-ido span { display: block; color: #87939e; font-size: .62rem; }
.munkas-modern-adatok strong { display: block; margin-top: 3px; color: #37474f; font-size: .82rem; }
.munkas-fizetes-ido { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff8e1; }
.munkas-fizetes-ido strong { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #e65100; letter-spacing: .05em; }
.munkas-fizetes-ido.inaktiv { background: #f4f5f8; }
.munkas-fizetes-ido.inaktiv strong { color: #546e7a; }
.munkas-modern-akcio.felvetel { background: linear-gradient(100deg,#5e35b1,#7e57c2); box-shadow: 0 8px 18px rgba(94,53,177,.22); }
.munkas-modern-akcio.elbocsatas { color: #b71c1c; background: #ffebee; box-shadow: none; border: 1px solid #ffcdd2; }

@media (max-width: 980px) {
    .menedzsment-fejlec { grid-template-columns: auto 1fr; }
    .menedzsment-kpi-sor { grid-column: 1 / -1; }
    .gyar-modern-racs { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .menedzsment-modal { width: 100vw !important; max-width: none !important; min-height: 100vh; max-height: 100vh; border-radius: 0 !important; }
    .menedzsment-fejlec { padding: 25px 54px 20px 17px; grid-template-columns: auto 1fr; gap: 13px; }
    .menedzsment-fejlec-ikon { width: 59px; height: 59px; border-radius: 17px; font-size: 34px; }
    .menedzsment-fejlec p { font-size: .78rem; }
    .menedzsment-kpi-sor { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
    .menedzsment-kpi { min-height: 62px; padding: 8px; }
    .menedzsment-kpi span { font-size: .57rem; }
    .menedzsment-kpi strong { font-size: .9rem; }
    .menedzsment-eszkozsor { margin: 12px; align-items: stretch; flex-direction: column; }
    .menedzsment-kereso { min-width: 0; }
    .menedzsment-szurok { justify-content: stretch; }
    .menedzsment-szuro { flex: 1 1 auto; padding-inline: 8px; font-size: .72rem; }
    .termelesi-lancok-details, .munkas-tajekoztato { margin-inline: 12px; }
    .termelesi-lancok-details summary small { display: none; }
    .menedzsment-racs { padding: 5px 12px 88px; }
    .munkas-modern-racs { grid-template-columns: 1fr; }
    .uzem-kartya-fejlec { grid-template-columns: auto minmax(0,1fr); }
    .uzem-recept-szam { grid-column: 2; justify-self: start; }
    .uzem-recept-fejlec { grid-template-columns: auto minmax(0,1fr); }
    .recept-statusz { grid-column: 2; justify-self: start; }
}


/* =========================================================
   14.11.0 — MODERN ÁLLATTENYÉSZTÉS
   ========================================================= */
.istallo-modern-modal {
    width: min(1180px, 96vw); max-height: 92vh; overflow: hidden;
    background: linear-gradient(180deg, #fffdf8 0%, #f7f3ec 100%);
    border: 1px solid rgba(93,64,55,.16); border-radius: 28px;
    box-shadow: 0 28px 80px rgba(42,31,26,.32); position: relative;
    display: flex; flex-direction: column; color: #32251f;
}
.istallo-modern-fejlec { display:flex; gap:18px; align-items:center; padding:28px 72px 18px 28px; background:linear-gradient(135deg,#4e342e,#795548); color:white; }
.istallo-cim-ikon { width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:38px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); }
.istallo-modern-fejlec h2 { margin:2px 0 4px;font-size:clamp(1.55rem,3vw,2.25rem); }
.istallo-modern-fejlec p { margin:0;opacity:.82; }
.istallo-felirat { text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:800;color:#ffcc80; }
.istallo-kpi-racs { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 24px;background:#fff;border-bottom:1px solid #eee4dc; }
.istallo-kpi-racs>div { padding:12px 16px;border-radius:16px;background:#faf7f3;border:1px solid #eee1d7;display:flex;justify-content:space-between;align-items:center;gap:10px; }
.istallo-kpi-racs small { color:#7b6a62;font-weight:700; }
.istallo-kpi-racs strong { font-size:1.45rem;color:#5d4037; }
.istallo-eszkoztar { padding:14px 24px;display:flex;gap:14px;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 6px 18px rgba(80,55,42,.05);z-index:2; }
.istallo-kereso { min-width:min(380px,100%);display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #ddcfc5;border-radius:14px;background:#faf8f5; }
.istallo-kereso input { width:100%;border:0;outline:0;background:transparent;font:inherit;color:#3e2d25; }
.istallo-szurok { display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end; }
.istallo-szurok button { border:1px solid #d9c9be;background:#fff;color:#6d4c41;padding:8px 12px;border-radius:999px;font-weight:800;cursor:pointer;transition:.18s ease; }
.istallo-szurok button:hover,.istallo-szurok button.aktiv { background:#6d4c41;color:#fff;border-color:#6d4c41;transform:translateY(-1px); }
.istallo-modern-tartalom { overflow:auto;padding:20px 24px 30px;scrollbar-gutter:stable; }
.istallo-szekcio+.istallo-szekcio { margin-top:26px;padding-top:24px;border-top:1px solid #e6d9d0; }
.istallo-szekcio-fej { display:flex;justify-content:space-between;align-items:end;margin-bottom:12px;gap:14px; }
.istallo-szekcio-fej small { color:#8d6e63;text-transform:uppercase;letter-spacing:.12em;font-weight:800; }
.istallo-szekcio-fej h3 { margin:2px 0 0;font-size:1.3rem;color:#49342b; }
.istallo-szekcio-fej>span { background:#efe5dc;color:#6d4c41;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.82rem; }
.istallo-kartya-racs { display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px; }
.allat-modern-kartya { position:relative;background:#fff;border:1px solid #eadfd7;border-radius:20px;padding:16px;box-shadow:0 8px 24px rgba(83,56,43,.08);display:flex;flex-direction:column;gap:13px;transition:.2s ease;overflow:hidden; }
.allat-modern-kartya:hover { transform:translateY(-3px);box-shadow:0 16px 34px rgba(83,56,43,.14);border-color:#cdb6a8; }
.allat-modern-kartya.kesz { border-color:#81c784;box-shadow:0 10px 28px rgba(76,175,80,.15); }
.allat-modern-kartya.zarolt { opacity:.68;filter:saturate(.55); }
.allat-kartya-fej { display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start; }
.allat-modern-ikon { width:56px;height:56px;border-radius:17px;display:grid;place-items:center;font-size:34px;background:linear-gradient(145deg,#fff3e0,#f2e3d6); }
.allat-kartya-fej h3 { margin:2px 0 4px;color:#4e342e;font-size:1.08rem; }
.allat-kartya-fej h3 small { font-weight:600;color:#9a8276; }
.allat-kartya-fej p { margin:0;color:#806e65;font-size:.86rem;line-height:1.35; }
.allat-kategoria { display:inline-block;text-transform:uppercase;letter-spacing:.08em;color:#a16d42;font-size:.66rem;font-weight:900; }
.allat-lakat { font-size:.72rem;background:#f1ebe7;padding:5px 8px;border-radius:999px;font-weight:800;white-space:nowrap; }
.allat-termek-jelzo { width:38px;height:38px;border-radius:12px;background:#f4f8ee;display:grid;place-items:center;font-size:23px;border:1px solid #dce8d1; }
.allat-adat-racs { display:grid;grid-template-columns:repeat(3,1fr);gap:7px; }
.allat-adat-racs span { background:#faf7f4;border:1px solid #eee4dd;border-radius:11px;padding:8px;min-width:0; }
.allat-adat-racs small { display:block;color:#907c71;font-size:.64rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px; }
.allat-adat-racs b { display:block;color:#4d392f;font-size:.78rem;white-space:normal; }
.allat-statusz { display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:900; }
.allat-statusz.ehes { background:#fff3e0;color:#e65100; }.allat-statusz.termel { background:#e3f2fd;color:#1565c0; }.allat-statusz.kesz { background:#e8f5e9;color:#2e7d32; }
.allat-akcio-gomb { width:100%;border:0;border-radius:13px;padding:11px 13px;background:linear-gradient(135deg,#f57c00,#ff9800);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 7px 16px rgba(245,124,0,.2);transition:.18s ease; }
.allat-akcio-gomb.vasar { background:linear-gradient(135deg,#5d4037,#8d6e63);box-shadow:0 7px 16px rgba(93,64,55,.2); }
.allat-akcio-gomb.gyujtes-gomb { background:linear-gradient(135deg,#2e7d32,#4caf50); }
.allat-akcio-gomb:hover:not(:disabled) { transform:translateY(-2px);filter:brightness(1.04); }
.allat-akcio-gomb:disabled { background:#ded8d3;color:#958a84;box-shadow:none;cursor:not-allowed; }
.allat-progress { height:8px;border-radius:999px;background:#e5e0dc;overflow:hidden; }
.allat-progress-belso { height:100%;width:0;background:linear-gradient(90deg,#42a5f5,#26c6da);transition:width .5s linear; }
.istallo-ures { grid-column:1/-1;padding:28px;text-align:center;background:#fff;border:1px dashed #cfbeb2;border-radius:18px;color:#8a776e; }
@media (max-width: 760px) {
  .istallo-modern-modal { width:100vw;height:100dvh;max-height:none;border-radius:0; }
  .istallo-modern-fejlec { padding:20px 58px 14px 16px; }.istallo-cim-ikon{width:50px;height:50px;font-size:29px;border-radius:15px;}
  .istallo-kpi-racs { grid-template-columns:repeat(2,1fr);padding:10px; }.istallo-kpi-racs>div{padding:9px 11px;}
  .istallo-eszkoztar { flex-direction:column;align-items:stretch;padding:10px; }.istallo-kereso{min-width:0;}.istallo-szurok{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;}
  .istallo-modern-tartalom { padding:14px 10px 90px; }.istallo-kartya-racs{grid-template-columns:1fr;}.allat-adat-racs{grid-template-columns:repeat(3,1fr);}
}

/* =========================================================
   14.11.0 — MODERN FEJLESZTÉSEK BOLTJA ÉS RAKTÁRKÉSZLET
   ========================================================= */
.fejlesztes-modern-fejlec {
    background: linear-gradient(125deg, #4e2600 0%, #ef6c00 54%, #ffb300 112%);
}
.raktar-modern-fejlec {
    background: linear-gradient(125deg, #073b4c 0%, #00796b 52%, #26a69a 112%);
}
.fejlesztes-modern-modal .menedzsment-szuro.aktiv {
    background: #ef6c00;
    box-shadow: 0 5px 13px rgba(239,108,0,.25);
}
.raktar-modern-modal .menedzsment-szuro.aktiv {
    background: #00796b;
    box-shadow: 0 5px 13px rgba(0,121,107,.25);
}
.fejlesztes-modern-racs {
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
    align-items: stretch;
}
.raktar-modern-racs {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    align-items: stretch;
}
.fejlesztes-kartya[hidden],
.raktar-kartya[hidden] { display: none !important; }

/* Fejlesztési kártyák */
.fejlesztes-modern-racs .fejlesztes-kartya {
    position: relative;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
    border: 1px solid #e3e8ef !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 9px 24px rgba(35,51,78,.08) !important;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.fejlesztes-modern-racs .fejlesztes-kartya::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: #b0bec5;
}
.fejlesztes-modern-racs .fejlesztes-kartya.fejlesztes-elerheto::before { background: #43a047; }
.fejlesztes-modern-racs .fejlesztes-kartya.megveve::before { background: #1e88e5; }
.fejlesztes-modern-racs .fejlesztes-kartya.fejlesztes-hianyos::before { background: #ef6c00; }
.fejlesztes-modern-racs .fejlesztes-kartya:not(.megveve):hover {
    transform: translateY(-3px) !important;
    border-color: #ffcc80 !important;
    box-shadow: 0 16px 34px rgba(126,72,13,.14) !important;
}
.fejlesztes-kartya-fej {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.fejlesztes-modern-racs .fej-ikon-nagy {
    width: 58px;
    height: 58px;
    margin: 0 !important;
    display: grid;
    place-items: center;
    border-radius: 17px;
    background: linear-gradient(145deg,#fff3e0,#fff);
    border: 1px solid #ffe0b2;
    font-size: 34px !important;
    filter: none !important;
}
.fejlesztes-statusz {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 9px;
    border-radius: 999px;
    color: #e65100;
    background: #fff3e0;
    font-size: .66rem;
    font-weight: 900;
}
.fejlesztes-kartya.megveve .fejlesztes-statusz { color: #1565c0; background: #e3f2fd; }
.fejlesztes-kartya.fejlesztes-elerheto .fejlesztes-statusz { color: #2e7d32; background: #e8f5e9; }
.fejlesztes-modern-racs .fej-cim {
    display: block !important;
    width: auto !important;
    margin: 13px 0 5px !important;
    color: #263238 !important;
    font-size: 1rem !important;
    line-height: 1.28;
}
.fejlesztes-modern-racs .fej-leiras {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    color: #687783 !important;
    font-size: .77rem !important;
    line-height: 1.52;
    flex: 1;
}
.fejlesztes-modern-racs .fej-leiras > div {
    margin-top: 11px !important;
    padding-top: 9px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    border-top: 1px solid #edf0f4 !important;
}
.fejlesztes-kartya-lab {
    margin-top: 14px;
    padding-top: 12px;
    display: grid;
    gap: 8px;
    border-top: 1px solid #edf0f4;
}
.fejlesztes-ar {
    color: #8d4d00;
    font-size: .72rem;
    font-weight: 900;
}
.fejlesztes-modern-racs .fej-vetel-gomb,
.fejlesztes-modern-racs .fejlesztes-kartya button {
    margin: 0 !important;
    min-height: 42px;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: linear-gradient(100deg,#ef6c00,#fb8c00) !important;
    box-shadow: 0 7px 16px rgba(239,108,0,.20) !important;
    font-size: .78rem !important;
    white-space: normal !important;
}
.fejlesztes-modern-racs .fej-vetel-gomb.nincs-penz {
    color: #78909c !important;
    background: #edf0f3 !important;
    box-shadow: none !important;
}
.fejlesztes-modern-racs .fejlesztes-kartya.megveve {
    opacity: 1 !important;
    background: linear-gradient(145deg,#fff,#f5f9fc) !important;
}
.fejlesztes-modern-racs .fejlesztes-kartya.megveve .fej-ikon-nagy,
.fejlesztes-modern-racs .fejlesztes-kartya.megveve .fej-cim {
    opacity: 1 !important;
    filter: none !important;
}

/* Raktárkártyák */
.raktar-modern-racs .raktar-kartya {
    min-height: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    align-items: stretch;
    border: 1px solid #dfe7e9;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(18,65,69,.07);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.raktar-modern-racs .raktar-kartya:hover {
    transform: translateY(-2px);
    border-color: #80cbc4;
    box-shadow: 0 15px 31px rgba(18,91,83,.12);
}
.raktar-kartya-fej {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 11px;
    align-items: center;
}
.raktar-kartya-ikon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(145deg,#e0f2f1,#fff);
    border: 1px solid #b2dfdb;
    font-size: 31px;
}
.raktar-kartya-cim { min-width: 0; }
.raktar-kartya-cim strong {
    display: block;
    margin-top: 3px;
    color: #263238;
    font-size: .92rem;
    overflow-wrap: anywhere;
}
.raktar-kategoria {
    display: block;
    color: #00897b;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.raktar-keszlet-jelzo {
    padding: 6px 9px;
    border-radius: 999px;
    color: #00695c;
    background: #e0f2f1;
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
}
.raktar-kartya-adatok {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.raktar-kartya-adatok > div {
    padding: 9px 10px;
    border-radius: 11px;
    background: #f4f7f7;
}
.raktar-kartya-adatok span { display: block; color: #829095; font-size: .61rem; }
.raktar-kartya-adatok strong { display: block; margin-top: 3px; color: #37474f; font-size: .8rem; }
.raktar-bonuszok {
    padding: 7px 9px;
    border-radius: 10px;
    background: #fff8e1;
    color: #795548;
    font-size: .72rem;
}
.raktar-bonuszok > div { font-size: inherit !important; }
.raktar-eladas-gomb {
    width: 100%;
    min-height: 40px;
    margin-top: auto;
    padding: 9px 12px;
    border-radius: 12px;
    background: linear-gradient(100deg,#00796b,#26a69a);
    box-shadow: 0 6px 15px rgba(0,121,107,.20);
    font-size: .76rem;
}
.raktar-eladas-gomb:hover { filter: brightness(1.04); }
.kapacitas-tele { color: #ffcdd2 !important; }

@media (max-width: 720px) {
    .fejlesztes-modern-racs,
    .raktar-modern-racs { grid-template-columns: 1fr; }
    .fejlesztes-modern-fejlec,
    .raktar-modern-fejlec { min-height: auto; }
    .raktar-kartya-adatok { grid-template-columns: 1fr 1fr; }
}


/* =====================================================
   14.11.0 — MODERN TUDÁS FÁJA ÉS EXPEDÍCIÓK
   ===================================================== */
.tudas-modern-fejlec { background: linear-gradient(125deg,#0b3d2e 0%,#117a65 55%,#26a69a 115%); }
.expedicio-modern-fejlec { background: linear-gradient(125deg,#102a43 0%,#1565c0 58%,#26c6da 120%); }
.tudas-modern-modal .menedzsment-szuro.aktiv { background:#00897b; box-shadow:0 5px 13px rgba(0,137,123,.26); }
.expedicio-modern-modal .menedzsment-szuro.aktiv { background:#1565c0; box-shadow:0 5px 13px rgba(21,101,192,.26); }

.skill-statusz-szurok { margin:0 22px 15px; display:flex; gap:7px; flex-wrap:wrap; }
.skill-statusz-szuro { padding:7px 12px; border:1px solid #dce3e8; border-radius:999px; background:#fff; color:#607d8b; font-weight:800; cursor:pointer; }
.skill-statusz-szuro:hover { border-color:#80cbc4; color:#00695c; }
.skill-statusz-szuro.aktiv { color:#fff; border-color:#00897b; background:#00897b; box-shadow:0 5px 12px rgba(0,137,123,.2); }
.tudas-modern-tartalom { padding:4px 22px 26px; display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:16px; }
.skill-modern-ag { min-width:0; padding:14px; border:1px solid #e1e7eb; border-radius:21px; background:#fff; box-shadow:0 10px 27px rgba(24,69,57,.08); position:relative; overflow:hidden; }
.skill-modern-ag::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:#90a4ae; }
.skill-modern-ag.ag-gazdasag::before { background:#fbc02d; }
.skill-modern-ag.ag-termeszet::before { background:#43a047; }
.skill-modern-ag.ag-ipar::before { background:#ef6c00; }
.skill-modern-ag.ag-mester::before { background:#7e57c2; }
.skill-modern-ag-fejlec { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; }
.skill-modern-ag-ikon { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:#edf5f3; font-size:25px; }
.skill-modern-ag-fejlec h3 { margin:0; color:#263238; font-size:1rem; }
.skill-modern-ag-fejlec p { margin:3px 0 0; color:#78909c; font-size:.69rem; line-height:1.35; }
.skill-modern-ag-fejlec > span { padding:4px 7px; border-radius:999px; color:#00695c; background:#e0f2f1; font-size:.68rem; font-weight:900; }
.skill-modern-ag-progress { height:6px; margin:12px 0 14px; overflow:hidden; border-radius:999px; background:#e9eef0; }
.skill-modern-ag-progress > div { height:100%; border-radius:inherit; background:linear-gradient(90deg,#00897b,#66bb6a); transition:width .25s ease; }
.skill-modern-lista { display:grid; gap:10px; }
.skill-modern-kartya { padding:12px; border:1px solid #e3e8eb; border-radius:15px; background:#fafcfc; transition:.18s ease; position:relative; }
.skill-modern-kartya:not(:last-child)::after { content:""; position:absolute; left:28px; bottom:-11px; width:2px; height:11px; background:#cfd8dc; z-index:2; }
.skill-modern-kartya.elerheto { border-color:#80cbc4; background:#f4fffc; cursor:pointer; box-shadow:0 7px 17px rgba(0,137,123,.08); }
.skill-modern-kartya.elerheto:hover { transform:translateY(-2px); border-color:#00897b; box-shadow:0 12px 24px rgba(0,137,123,.15); }
.skill-modern-kartya.megvan { border-color:#a5d6a7; background:linear-gradient(145deg,#f5fff6,#fff); }
.skill-modern-kartya.zarolt { opacity:.68; background:#f2f4f5; }
.skill-modern-kartya-felsosav { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.skill-modern-sorszám { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; color:#607d8b; background:#eceff1; font-size:.65rem; font-weight:900; }
.skill-modern-statusz { padding:4px 8px; border-radius:999px; font-size:.61rem; font-weight:900; }
.skill-modern-statusz.megvan { color:#2e7d32; background:#e8f5e9; }
.skill-modern-statusz.elerheto { color:#00695c; background:#e0f2f1; }
.skill-modern-statusz.zarolt { color:#607d8b; background:#eceff1; }
.skill-modern-kartya h4 { margin:10px 0 5px; color:#263238; font-size:.91rem; }
.skill-modern-kartya > p { min-height:42px; margin:0; color:#71808a; font-size:.7rem; line-height:1.45; }
.skill-modern-feltetel { margin:9px 0; padding:7px 8px; border-radius:9px; color:#607d8b; background:#eef2f3; font-size:.64rem; }
.skill-modern-lablec { display:flex; justify-content:space-between; gap:8px; align-items:center; padding-top:8px; border-top:1px solid #e8edef; font-size:.66rem; }
.skill-modern-lablec span { color:#00796b; font-weight:900; }
.skill-modern-lablec strong { color:#546e7a; text-align:right; }

.expedicio-modern-ellatmany { margin:0 22px 15px; padding:12px 15px; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:11px; align-items:center; border:1px solid #ffcc80; border-radius:16px; background:linear-gradient(120deg,#fff8e1,#fff); cursor:pointer; box-shadow:0 7px 20px rgba(239,108,0,.06); }
.expedicio-modern-ellatmany.disabled { opacity:.58; cursor:not-allowed; }
.expedicio-ellatmany-ikon { width:45px; height:45px; display:grid; place-items:center; border-radius:14px; background:#fff3e0; font-size:25px; }
.expedicio-ellatmany-szoveg strong,.expedicio-ellatmany-szoveg small { display:block; }
.expedicio-ellatmany-szoveg strong { color:#6d4c41; }
.expedicio-ellatmany-szoveg small { margin-top:3px; color:#8d6e63; font-size:.68rem; line-height:1.35; }
.expedicio-modern-ellatmany > b { color:#e65100; white-space:nowrap; }
.expedicio-modern-ellatmany input { position:absolute; opacity:0; pointer-events:none; }
.expedicio-toggle-vizual { width:48px; height:26px; padding:3px; border-radius:999px; background:#cfd8dc; transition:.2s ease; }
.expedicio-toggle-vizual::after { content:""; display:block; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 2px 7px rgba(0,0,0,.2); transition:.2s ease; }
.expedicio-modern-ellatmany input:checked + .expedicio-toggle-vizual { background:#ff9800; }
.expedicio-modern-ellatmany input:checked + .expedicio-toggle-vizual::after { transform:translateX(22px); }
.expedicio-modern-racs { grid-template-columns:repeat(auto-fit,minmax(275px,1fr)); }
.expedicio-modern-kartya { min-width:0; overflow:hidden; border:1px solid #dfe6ec; border-radius:21px; background:#fff; box-shadow:0 10px 28px rgba(21,61,96,.09); transition:.2s ease; }
.expedicio-modern-kartya:hover { transform:translateY(-3px); border-color:#90caf9; box-shadow:0 17px 38px rgba(21,101,192,.14); }
.expedicio-modern-kartya.hianyos { opacity:.78; }
.expedicio-modern-kep { min-height:112px; padding:16px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; background:linear-gradient(135deg,#e3f2fd,#e0f7fa); position:relative; overflow:hidden; }
.expedicio-modern-kep::after { content:""; position:absolute; width:130px; height:130px; right:-55px; bottom:-70px; border-radius:50%; background:rgba(255,255,255,.45); }
.expedicio-modern-kartya.exp-tuz .expedicio-modern-kep { background:linear-gradient(135deg,#ffebee,#fff3e0); }
.expedicio-modern-kartya.exp-hegy .expedicio-modern-kep { background:linear-gradient(135deg,#efebe9,#eceff1); }
.expedicio-modern-kartya.exp-dzsungel .expedicio-modern-kep { background:linear-gradient(135deg,#e8f5e9,#e0f2f1); }
.expedicio-modern-kartya.exp-viz .expedicio-modern-kep { background:linear-gradient(135deg,#e1f5fe,#e0f7fa); }
.expedicio-modern-ikon { font-size:52px; filter:drop-shadow(0 7px 7px rgba(0,0,0,.13)); position:relative; z-index:1; }
.expedicio-kockazat { padding:5px 8px; border-radius:999px; font-size:.61rem; font-weight:900; position:relative; z-index:1; }
.expedicio-kockazat.alacsony { color:#2e7d32; background:#e8f5e9; }
.expedicio-kockazat.kozepes { color:#e65100; background:#fff3e0; }
.expedicio-kockazat.magas { color:#c62828; background:#ffebee; }
.expedicio-modern-torzs { padding:15px; }
.expedicio-modern-torzs h3 { margin:0; color:#263238; font-size:1.02rem; }
.expedicio-modern-torzs > p { min-height:43px; margin:5px 0 11px; color:#71808a; font-size:.72rem; line-height:1.45; }
.expedicio-modern-meta { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.expedicio-modern-meta span { padding:8px; border-radius:10px; background:#f1f4f6; color:#78909c; font-size:.65rem; }
.expedicio-modern-meta strong { display:block; margin-top:2px; color:#37474f; font-size:.78rem; }
.expedicio-loot-cim { margin:12px 0 6px; color:#78909c; font-size:.62rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.expedicio-loot-lista { min-height:49px; display:flex; flex-wrap:wrap; gap:5px; align-content:flex-start; }
.expedicio-loot-lista span { padding:5px 7px; border-radius:9px; color:#455a64; background:#eef2f5; font-size:.62rem; }
.expedicio-modern-akcio { width:100%; min-height:43px; margin-top:13px; padding:9px 12px; display:flex; justify-content:space-between; align-items:center; gap:10px; border:0; border-radius:12px; color:#fff; background:linear-gradient(100deg,#1565c0,#0288d1); font-weight:900; cursor:pointer; box-shadow:0 8px 18px rgba(21,101,192,.21); }
.expedicio-modern-akcio:hover:not(:disabled) { transform:translateY(-1px); filter:brightness(1.06); }
.expedicio-modern-akcio.nincs-penz { color:#607d8b; background:#eceff1; box-shadow:none; cursor:not-allowed; }
.expedicio-aktiv-panel { margin:4px 22px 24px; padding:22px; grid-template-columns:auto minmax(0,1fr) auto; gap:18px; align-items:center; border:1px solid #90caf9; border-radius:22px; background:linear-gradient(130deg,#e3f2fd,#fff); box-shadow:0 14px 34px rgba(21,101,192,.12); }
.expedicio-aktiv-ikon { width:88px; height:88px; display:grid; place-items:center; border-radius:25px; background:#fff; border:1px solid #bbdefb; font-size:49px; box-shadow:0 10px 23px rgba(21,101,192,.13); }
.expedicio-aktiv-adatok h3 { margin:3px 0 8px; color:#0d47a1; font-size:1.2rem; }
.expedicio-bonuszok { display:flex; flex-wrap:wrap; gap:5px; }
.expedicio-bonuszok span { padding:4px 8px; border-radius:999px; color:#1565c0; background:#e3f2fd; font-size:.64rem; font-weight:800; }
.expedicio-modern-progress { height:9px; margin-top:13px; overflow:hidden; border-radius:999px; background:#dbe9f5; }
.expedicio-modern-progress > div { width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#1565c0,#26c6da); transition:width .4s linear; }
.expedicio-aktiv-ido { min-width:130px; padding:13px 15px; text-align:center; border-radius:16px; color:#0d47a1; background:#fff; border:1px solid #bbdefb; }
.expedicio-aktiv-ido span { display:block; font-size:.64rem; color:#78909c; }
.expedicio-aktiv-ido strong { display:block; margin-top:4px; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:1.2rem; }

@media (max-width:720px) {
    .skill-statusz-szurok { margin-inline:12px; }
    .skill-statusz-szuro { flex:1 1 auto; font-size:.7rem; }
    .tudas-modern-tartalom { grid-template-columns:1fr; padding:4px 12px 88px; }
    .expedicio-modern-ellatmany { margin-inline:12px; grid-template-columns:auto minmax(0,1fr) auto; }
    .expedicio-modern-ellatmany > b { grid-column:2; }
    .expedicio-toggle-vizual { grid-column:3; grid-row:1 / span 2; }
    .expedicio-modern-racs { grid-template-columns:1fr; }
    .expedicio-aktiv-panel { margin:4px 12px 88px; grid-template-columns:auto 1fr; }
    .expedicio-aktiv-ikon { width:66px; height:66px; border-radius:19px; font-size:38px; }
    .expedicio-aktiv-ido { grid-column:1 / -1; width:100%; }
}

/* =========================================================
   14.11.0 — MODERN TŐZSDE ÉS PIAC
   ========================================================= */
body.modal-nyitva {
    overflow: hidden !important;
}

#piac-modal.piac-modal-hatter {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 9700 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px;
    background:
        radial-gradient(circle at 50% 15%, rgba(236, 64, 122, .18), transparent 35%),
        rgba(17, 24, 39, .76) !important;
    backdrop-filter: blur(10px);
    box-sizing: border-box;
    overflow: hidden;
}

.piac-modern-modal {
    width: min(1180px, 96vw);
    max-height: min(920px, 94dvh);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #1f2937;
    background: linear-gradient(160deg, rgba(255,255,255,.99), rgba(250,247,255,.98));
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 26px;
    box-shadow: 0 30px 80px rgba(15,23,42,.42), 0 0 0 1px rgba(233,30,99,.08);
    animation: piacModalBe 220ms cubic-bezier(.2,.8,.2,1);
}

@keyframes piacModalBe {
    from { opacity: 0; transform: translateY(24px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.piac-modern-fejlec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px 18px;
    color: white;
    background:
        radial-gradient(circle at 80% 0, rgba(255,255,255,.18), transparent 34%),
        linear-gradient(125deg, #6a1b9a, #ad1457 55%, #e91e63);
    box-shadow: inset 0 -1px rgba(255,255,255,.15);
}

.piac-modern-cimblokk {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    text-align: left;
}

.piac-modern-focim-ikon {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    font-size: 2rem;
    border-radius: 19px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: inset 0 1px rgba(255,255,255,.2), 0 10px 30px rgba(49,0,53,.24);
}

.piac-modern-felirat {
    margin: 0 0 2px;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
    opacity: .78;
}

.piac-modern-cimblokk h2 {
    margin: 0;
    color: white;
    font-size: clamp(1.45rem, 3vw, 2rem);
    line-height: 1.1;
    text-shadow: none;
}

.piac-modern-cimblokk p:last-child {
    margin: 6px 0 0;
    max-width: 670px;
    color: rgba(255,255,255,.83);
    font-size: .88rem;
    line-height: 1.4;
}

.piac-modern-fejlec-jobb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.piac-esemeny-statusz {
    max-width: 320px;
    padding: 8px 12px;
    overflow: hidden;
    color: #fff;
    font-size: .76rem;
    font-weight: 850;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    background: rgba(255,255,255,.14);
}

.piac-modern-bezar {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    padding: 0;
    color: white;
    font: 300 1.75rem/1 sans-serif;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 13px;
    background: rgba(255,255,255,.12);
    transition: transform .18s ease, background .18s ease;
}

.piac-modern-bezar:hover {
    transform: rotate(5deg) scale(1.05);
    background: rgba(255,255,255,.24);
}

.piac-kpi-racs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 18px 0;
    background: #f7f4fa;
}

.piac-kpi {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 12px 14px;
    text-align: left;
    border: 1px solid #eadff0;
    border-radius: 15px;
    background: white;
    box-shadow: 0 4px 14px rgba(76,29,91,.06);
}

.piac-kpi > span {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    font-size: 1.25rem;
    border-radius: 12px;
    background: #f8eaf3;
}

.piac-kpi div { min-width: 0; }
.piac-kpi small {
    display: block;
    overflow: hidden;
    color: #7c6b80;
    font-size: .68rem;
    font-weight: 750;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.piac-kpi strong {
    display: block;
    margin-top: 2px;
    color: #4a154b;
    font-size: 1.05rem;
    white-space: nowrap;
}

.piac-modern-eszkoztar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    background: #f7f4fa;
    border-bottom: 1px solid #eee7f2;
}

.piac-kereso-mezo {
    display: flex;
    align-items: center;
    flex: 1 1 280px;
    gap: 8px;
    min-width: 200px;
    padding: 0 12px;
    border: 1px solid #dfd2e6;
    border-radius: 13px;
    background: white;
    box-shadow: 0 2px 7px rgba(76,29,91,.04);
}

.piac-kereso-mezo input {
    width: 100%;
    min-width: 0;
    padding: 11px 0;
    color: #322737;
    font: inherit;
    border: 0;
    outline: 0;
    background: transparent;
}

.piac-szurok {
    display: flex;
    flex: 0 1 auto;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
}
.piac-szurok::-webkit-scrollbar { display: none; }
.piac-szurok button {
    flex: 0 0 auto;
    padding: 9px 11px;
    color: #67466c;
    font-size: .74rem;
    font-weight: 850;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #dfd2e6;
    border-radius: 11px;
    background: white;
    transition: .16s ease;
}
.piac-szurok button:hover,
.piac-szurok button.aktiv {
    color: white;
    border-color: #9c276c;
    background: linear-gradient(135deg, #8e246d, #c2185b);
    box-shadow: 0 5px 14px rgba(194,24,91,.2);
}

.piac-modern-gorgeto {
    min-height: 0;
    padding: 16px 18px 22px;
    overflow: auto;
    overscroll-behavior: contain;
    background: #f7f4fa;
}

.piac-modern-szekcio {
    padding: 16px;
    text-align: left;
    border: 1px solid #e8ddec;
    border-radius: 18px;
    background: rgba(255,255,255,.95);
    box-shadow: 0 7px 24px rgba(67,30,72,.07);
}

.piac-szekcio-fejlec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
}
.piac-szekcio-fejlec > div {
    display: flex;
    align-items: center;
    gap: 10px;
}
.piac-szekcio-fejlec > div > span { font-size: 1.45rem; }
.piac-szekcio-fejlec h3 {
    margin: 0;
    color: #39283e;
    font-size: 1rem;
    text-shadow: none;
}
.piac-szekcio-fejlec p {
    margin: 3px 0 0;
    color: #84758a;
    font-size: .75rem;
    line-height: 1.35;
}
.piac-szekcio-badge {
    flex: 0 0 auto;
    padding: 6px 9px;
    color: #8e246d;
    font-size: .7rem;
    font-weight: 900;
    border-radius: 999px;
    background: #fce8f2;
}

.piac-arfolyam-racs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    gap: 10px;
}

#piac-modal .arfolyam-kartya {
    min-width: 0;
    padding: 13px;
    text-align: left;
    border: 1px solid #e8ddec;
    border-radius: 15px;
    background: linear-gradient(145deg, #fff, #fcf9fd);
    box-shadow: 0 4px 13px rgba(68,31,73,.05);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
#piac-modal .arfolyam-kartya:hover {
    transform: translateY(-3px);
    border-color: #cc8db6;
    box-shadow: 0 10px 23px rgba(100,36,92,.13);
}
#piac-modal .arfolyam-kartya[hidden] { display: none !important; }
#piac-modal .arfolyam-kartya.fel { border-top: 3px solid #43a047; }
#piac-modal .arfolyam-kartya.le { border-top: 3px solid #ef5350; }
#piac-modal .arfolyam-kartya.feldolgozott { background: linear-gradient(145deg, #fffef4, #fff9d9); }

.arfolyam-kartya-fej {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.arfolyam-ikon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    font-size: 1.45rem;
    border-radius: 12px;
    background: #f6edf8;
}
.arfolyam-tipus {
    padding: 4px 6px;
    color: #88698e;
    font-size: .58rem;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 999px;
    background: #f3edf5;
}
#piac-modal .arfolyam-kartya h4 {
    margin: 9px 0 4px;
    overflow: hidden;
    color: #3b2c40;
    font-size: .84rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.arfolyam-ar {
    color: #311532;
    font-size: 1.22rem;
    font-weight: 950;
}
.arfolyam-ar small { font-size: .58rem; color: #8c7b91; }
.arfolyam-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-top: 9px;
    font-size: .65rem;
}
.arfolyam-meta .ar-valtozas { margin: 0; }
.arfolyam-keszlet { color: #75647a; font-weight: 750; }

.piac-modern-also-racs {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .9fr);
    gap: 14px;
    margin-top: 14px;
    align-items: start;
}

#piac-modal .vasarlo-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 10px;
    min-height: 110px;
    padding: 0;
    background: transparent;
}
#piac-modal .vasarlo-kartya {
    width: auto;
    padding: 13px;
    text-align: left;
    border: 1px solid #dfd6e2;
    border-radius: 15px;
    background: white;
    box-shadow: 0 4px 14px rgba(55,29,61,.06);
}
#piac-modal .vasarlo-kartya.vip {
    border-color: #e4bd35;
    background: linear-gradient(145deg, #fffdf1, #fff7ce);
}
.vasarlo-modern-fej {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 9px;
}
.vasarlo-modern-avatar {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 1.35rem;
    border-radius: 13px;
    background: #f3edf5;
}
.vasarlo-modern-fej h4 { margin: 0; color: #3b2d40; font-size: .82rem; }
.vasarlo-modern-fej small { color: #87768c; font-size: .63rem; }
.vasarlo-keszlet-jelzo {
    padding: 4px 6px;
    font-size: .58rem;
    font-weight: 900;
    border-radius: 999px;
}
.vasarlo-keszlet-jelzo.eleg { color: #247333; background: #e5f5e8; }
.vasarlo-keszlet-jelzo.hiany { color: #a53c38; background: #fde9e8; }
#piac-modal .vasarlo-kartya blockquote {
    min-height: 34px;
    margin: 10px 0;
    color: #75657a;
    font-size: .68rem;
    font-style: italic;
    line-height: 1.35;
}
.vasarlo-modern-ajanlat {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 8px;
    border-radius: 10px;
    background: #faf6fb;
}
.vasarlo-modern-ajanlat small { display:block; color:#907d95; font-size:.58rem; }
.vasarlo-modern-ajanlat strong { display:block; color:#572553; font-size:.72rem; margin-top:2px; }
.vasarlo-ido {
    height: 5px;
    margin: 9px 0;
    overflow: hidden;
    border-radius: 999px;
    background: #e8e1ea;
}
.vasarlo-ido span { display:block; height:100%; transition:width 1s linear; }
#piac-modal .vk-gombok { display:grid; grid-template-columns:1fr 38px 38px; gap:6px; margin:0; }
#piac-modal .vk-gombok button {
    min-height: 35px;
    padding: 6px;
    border: 0;
    border-radius: 9px;
    font-weight: 850;
}
#piac-modal .vk-gombok button:disabled { opacity: .45; cursor:not-allowed; }
#piac-modal .btn-elad { display:flex; align-items:center; justify-content:center; gap:5px; }
#piac-modal .btn-alku,
#piac-modal .btn-elutasit { width:auto; }

.piac-rendeles-racs {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
#piac-modal .rendeles-kartya {
    width: auto;
    gap: 10px;
    padding: 13px;
    border: 1px solid #ded4e2;
    border-radius: 15px;
    background: white;
    box-shadow: 0 4px 13px rgba(55,29,61,.06);
}
.rendeles-modern-fej {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 9px;
}
.rendeles-modern-ikon {
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    font-size:1.3rem;
    border-radius:12px;
    background:#f3edf5;
}
.rendeles-modern-fej h4 { margin:0; color:#392b3d; font-size:.82rem; }
.rendeles-modern-fej small { color:#8c7a91; font-size:.62rem; }
.rendeles-allapot {
    padding:4px 7px;
    font-size:.57rem;
    font-weight:900;
    border-radius:999px;
}
.rendeles-allapot.kesz { color:#267339; background:#e3f4e7; }
.rendeles-allapot.varakozik { color:#9b6419; background:#fff1d7; }
.rendeles-progress {
    height:5px;
    overflow:hidden;
    border-radius:999px;
    background:#ece5ee;
}
.rendeles-progress span {
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#8e246d,#43a047);
}
#piac-modal .rendeles-lista { margin:0; }
#piac-modal .rendeles-lista li {
    padding:5px 7px;
    margin:3px 0;
    font-size:.67rem;
    border-radius:7px;
    background:#faf7fb;
}
#piac-modal .rendeles-lista li.kesz strong { color:#2f7c40; }
#piac-modal .rendeles-lista li.hianyos strong { color:#c34e47; }
.rendeles-modern-lab {
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:8px;
}
#piac-modal .rendeles-jutalom {
    margin:0;
    padding:0;
    text-align:left;
    background:transparent;
}
#piac-modal .rendeles-jutalom small { display:block; color:#8b7a90; font-size:.57rem; }
#piac-modal .rendeles-jutalom strong { display:block; color:#32733d; font-size:.83rem; margin-top:2px; }
#piac-modal .rendeles-jutalom em { display:block; color:#8e246d; font-size:.55rem; font-style:normal; }
.rendeles-inditas {
    padding:8px 10px;
    color:white;
    font-size:.68rem;
    font-weight:900;
    cursor:pointer;
    border:0;
    border-radius:9px;
    background:linear-gradient(135deg,#7b1fa2,#c2185b);
}
.rendeles-inditas:disabled { color:#8d818f; cursor:not-allowed; background:#e6dfe8; }

.piac-ures-allapot,
.piac-ures-szoveg {
    grid-column: 1 / -1;
    padding: 24px 14px;
    color: #8c7b91;
    text-align: center;
    font-size: .82rem;
    border: 1px dashed #d9ccde;
    border-radius: 13px;
    background: #fbf8fc;
}
.piac-ures-allapot[hidden] { display: none; }

@media (max-width: 900px) {
    #piac-modal.piac-modal-hatter { padding: 0; align-items: stretch !important; }
    .piac-modern-modal { width:100%; max-height:100dvh; height:100dvh; border-radius:0; }
    .piac-modern-fejlec { padding:14px; }
    .piac-modern-focim-ikon { width:48px; height:48px; border-radius:14px; }
    .piac-modern-cimblokk p:last-child { display:none; }
    .piac-esemeny-statusz { display:none; }
    .piac-kpi-racs { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px 10px 0; }
    .piac-kpi { padding:9px 10px; }
    .piac-modern-eszkoztar { flex-direction:column; align-items:stretch; padding:10px; }
    .piac-kereso-mezo { flex-basis:auto; }
    .piac-modern-gorgeto { padding:10px 10px 90px; }
    .piac-modern-also-racs { grid-template-columns:1fr; }
    .piac-arfolyam-racs { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 480px) {
    .piac-modern-fejlec { gap:8px; }
    .piac-modern-felirat { font-size:.58rem; }
    .piac-modern-cimblokk h2 { font-size:1.22rem; }
    .piac-kpi small { font-size:.58rem; }
    .piac-kpi strong { font-size:.86rem; }
    .piac-kpi > span { width:32px; height:32px; font-size:1rem; }
    .piac-arfolyam-racs { grid-template-columns:1fr 1fr; gap:7px; }
    #piac-modal .arfolyam-kartya { padding:10px; }
    .arfolyam-meta { align-items:flex-start; flex-direction:column; }
    #piac-modal .vasarlo-container { grid-template-columns:1fr; }
    .rendeles-modern-lab { grid-template-columns:1fr; }
    .rendeles-inditas { width:100%; }
}

/* =========================================================
   14.11.0 — MODERN NAPI KÜLDETÉSEK ÉS SZERENCSEKERÉK
   ========================================================= */
body.modal-nyitva { overflow: hidden; }

.napi-modal-hatter,
.szerencse-modal-hatter {
    padding: 22px;
    box-sizing: border-box;
    background: rgba(22, 28, 24, .72);
    backdrop-filter: blur(10px) saturate(.85);
}
.napi-modal-hatter { z-index: 6100; }
.szerencse-modal-hatter { z-index: 6200; }

.modern-modal-fej {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 26px 21px;
    border-bottom: 1px solid rgba(0,0,0,.08);
}
.modern-modal-cimblokk { display: flex; align-items: center; gap: 16px; min-width: 0; }
.modern-modal-foikon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    font-size: 30px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 8px 22px rgba(0,0,0,.12);
}
.modern-modal-felirat {
    display: block;
    margin-bottom: 3px;
    color: #6d7c70;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.modern-modal-fej h2 { margin: 0; font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.12; text-shadow: none; }
.modern-modal-fej p { margin: 7px 0 0; max-width: 650px; color: #68736b; line-height: 1.45; }
.modern-modal-bezar {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 14px;
    background: rgba(255,255,255,.75);
    color: #3d4b40;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 13px rgba(0,0,0,.08);
    transition: transform .18s ease, background .18s ease;
}
.modern-modal-bezar:hover { transform: rotate(4deg) scale(1.05); background: #fff; }

/* Napi küldetések */
.napi-kozpont {
    width: min(940px, 96vw);
    max-height: min(860px, 92vh);
    overflow: auto;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 28px;
    background: linear-gradient(155deg, #fbfff9 0%, #f3f8f1 55%, #fffaf0 100%);
    box-shadow: 0 28px 80px rgba(0,0,0,.32);
    animation: modernModalBe .26s ease-out;
}
.napi-modal-fej { background: linear-gradient(120deg, rgba(220,244,221,.8), rgba(255,248,222,.7)); }
.napi-modal-fej .modern-modal-foikon { background: linear-gradient(145deg, #e7f7e7, #fff4c6); }

.napi-kpi-racs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    padding: 18px 24px 4px;
}
.napi-kpi {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 70px;
    padding: 12px 14px;
    border: 1px solid #e2e9df;
    border-radius: 17px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 7px 19px rgba(41,72,47,.07);
}
.napi-kpi > span { font-size: 25px; }
.napi-kpi small { display: block; color: #738078; font-weight: 700; }
.napi-kpi strong { display: block; margin-top: 2px; color: #273f2d; font-size: 1.12rem; }

.napi-osszhaladas {
    margin: 15px 24px 0;
    padding: 15px 17px;
    border-radius: 17px;
    background: linear-gradient(110deg, #1f6f3e, #3c9a5d);
    color: #fff;
    box-shadow: 0 11px 25px rgba(31,111,62,.2);
}
.napi-osszhaladas > div:first-child { display: flex; justify-content: space-between; gap: 10px; font-weight: 800; }
.napi-fo-sav { height: 9px; margin-top: 10px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.22); }
.napi-fo-sav span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #fff59d, #fff); transition: width .35s ease; }

.napi-eszkoztar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 17px 24px 12px;
}
.napi-szurok { display: flex; gap: 7px; flex-wrap: wrap; }
.napi-szurok button {
    border: 1px solid #dce4d9;
    border-radius: 999px;
    padding: 8px 13px;
    background: #fff;
    color: #56645a;
    font-weight: 800;
    cursor: pointer;
}
.napi-szurok button.aktiv { border-color: #3f8d56; background: #e6f4e8; color: #236039; box-shadow: inset 0 0 0 1px #71b37f; }
.napi-osszes-atvetel {
    border: 0;
    border-radius: 13px;
    padding: 10px 15px;
    background: linear-gradient(135deg, #ef9b21, #f6b640);
    color: #fff;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 7px 17px rgba(239,155,33,.25);
}
.napi-osszes-atvetel:disabled { background: #e3e7e2; color: #8e9790; cursor: default; box-shadow: none; }

.napi-kuldetes-racs { display: grid; gap: 12px; padding: 0 24px 25px; }
.napi-kuldetes-kartya {
    position: relative;
    overflow: hidden;
    padding: 17px;
    border: 1px solid #e0e7de;
    border-radius: 20px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 8px 23px rgba(44,65,48,.07);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.napi-kuldetes-kartya:hover { transform: translateY(-2px); border-color: #b9d3bd; box-shadow: 0 12px 28px rgba(44,65,48,.11); }
.napi-kuldetes-kartya.atveheto { border-color: #efbd55; background: linear-gradient(115deg, #fffdf5, #fff8dc); }
.napi-kuldetes-kartya.lezart { opacity: .78; background: #f3f5f3; }
.napi-kuldetes-kartya::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 5px; background: #79a885; }
.napi-kuldetes-kartya.atveheto::before { background: #f0a925; }
.napi-kuldetes-kartya.lezart::before { background: #aab1ac; }
.napi-kartya-fej { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 13px; }
.napi-kuldetes-ikon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: #edf5ec; font-size: 26px; }
.napi-kuldetes-cim { min-width: 0; }
.napi-kuldetes-cim h3 { margin: 4px 0 0; color: #29372c; font-size: 1.02rem; text-shadow: none; }
.napi-allapot-jelzo { display: inline-flex; border-radius: 999px; padding: 3px 8px; font-size: .68rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; background: #e7f1e8; color: #36724a; }
.napi-allapot-jelzo.atveheto { background: #ffedbd; color: #8c5c00; }
.napi-allapot-jelzo.lezart { background: #e8eaea; color: #747d77; }
.napi-jutalom-badge { padding: 7px 10px; border-radius: 11px; background: #fff4d7; color: #7e580c; font-size: .82rem; font-weight: 900; white-space: nowrap; }
.napi-kartya-haladas { margin-top: 15px; }
.napi-kartya-haladas > div:first-child { display: flex; justify-content: space-between; color: #69746c; font-size: .82rem; font-weight: 800; }
.napi-kartya-sav { height: 8px; margin-top: 7px; border-radius: 999px; overflow: hidden; background: #e6ebe5; }
.napi-kartya-sav span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5ca66c, #9ccf77); transition: width .3s ease; }
.napi-kuldetes-kartya.atveheto .napi-kartya-sav span { background: linear-gradient(90deg, #f0a31e, #ffd66e); }
.napi-kuldetes-kartya footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 13px; color: #788179; font-size: .84rem; }
.napi-jutalom-gomb { border: 0; border-radius: 11px; padding: 8px 14px; background: linear-gradient(135deg, #2f944d, #57b468); color: #fff; font-weight: 900; cursor: pointer; box-shadow: 0 5px 13px rgba(47,148,77,.22); }
.napi-haladas-szam { font-weight: 900; color: #386845; }
.napi-lezart-jelzes { font-weight: 900; color: #6d786f; }
.napi-ures-allapot { padding: 44px 20px; border: 1px dashed #ccd6ca; border-radius: 20px; text-align: center; color: #738076; background: rgba(255,255,255,.55); }
.napi-ures-allapot span { display: block; font-size: 38px; }
.napi-ures-allapot strong { display: block; margin-top: 8px; color: #425047; font-size: 1.08rem; }
.napi-ures-allapot p { margin: 6px 0 0; }

/* Szerencsekerék */
.szerencse-kozpont {
    width: min(940px, 96vw);
    max-height: min(880px, 93vh);
    overflow: auto;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 30px;
    background: linear-gradient(145deg, #fffdf7, #fff7e8 54%, #f8f1ff);
    box-shadow: 0 30px 90px rgba(0,0,0,.38);
    animation: modernModalBe .28s ease-out;
}
.szerencse-modal-fej { background: linear-gradient(115deg, rgba(255,236,187,.82), rgba(244,225,255,.72)); }
.szerencse-modal-fej .modern-modal-foikon { background: linear-gradient(145deg, #fff0bd, #f6ddff); }
.szerencse-kpi-racs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 18px 24px 0; }
.szerencse-kpi-racs article { padding: 13px 15px; border: 1px solid #eadfc9; border-radius: 16px; background: rgba(255,255,255,.78); box-shadow: 0 7px 18px rgba(91,65,28,.06); }
.szerencse-kpi-racs small { display: block; color: #7b756c; font-weight: 700; }
.szerencse-kpi-racs strong { display: block; margin-top: 4px; color: #5b3c15; font-size: 1.05rem; }
.szerencse-tartalom { display: grid; grid-template-columns: minmax(330px,.95fr) minmax(320px,1.05fr); gap: 22px; padding: 22px 24px 26px; }
.szerencse-kerek-panel { display: flex; flex-direction: column; align-items: center; padding: 19px; border: 1px solid #eadbc2; border-radius: 24px; background: rgba(255,255,255,.72); box-shadow: inset 0 1px 0 #fff, 0 12px 30px rgba(92,60,19,.08); }
.modern-kerek-kontener { position: relative; width: min(310px, 72vw); aspect-ratio: 1; margin: 14px auto 12px; }
.kerek-mutato { position: absolute; top: -17px; left: 50%; z-index: 8; transform: translateX(-50%); color: #402c24; font-size: 42px; line-height: 1; filter: drop-shadow(0 4px 3px rgba(0,0,0,.28)); }
.kerek-kulso-gyuru { position: relative; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; border-radius: 50%; background: linear-gradient(145deg, #4a3025, #795548 48%, #332018); box-shadow: 0 15px 30px rgba(54,34,22,.26), inset 0 2px 2px rgba(255,255,255,.3); }
.modern-kerek { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; border: 4px solid #fff3d8; box-sizing: border-box; box-shadow: inset 0 0 0 3px rgba(80,48,28,.22), inset 0 0 24px rgba(0,0,0,.18); }
.kerek-kozep { position: absolute; inset: 50% auto auto 50%; width: 61px; height: 61px; display: grid; place-items: center; transform: translate(-50%,-50%); border: 6px solid #fff1c2; border-radius: 50%; background: linear-gradient(145deg, #fff, #ffd46f); font-size: 27px; box-shadow: 0 4px 13px rgba(0,0,0,.28); z-index: 4; }
.kerek-szelet-ikon { position: absolute; left: 50%; top: 50%; font-size: 31px; transform: translate(-50%,-50%) rotate(var(--szelet-fok)) translateY(-105px) rotate(calc(180deg - var(--szelet-fok))); filter: drop-shadow(0 2px 2px rgba(0,0,0,.45)); }
.szerencse-allapot { min-height: 42px; display: grid; place-items: center; width: 100%; margin: 4px 0 11px; padding: 9px 12px; box-sizing: border-box; border-radius: 12px; background: #f7f2e7; color: #716348; text-align: center; font-weight: 800; font-size: .88rem; }
.szerencse-porgetes-gomb { width: 100%; border: 0; border-radius: 15px; padding: 14px 18px; background: linear-gradient(135deg, #2d9951, #62bd70); color: #fff; font-size: 1rem; font-weight: 950; cursor: pointer; box-shadow: 0 9px 22px rgba(45,153,81,.25); transition: transform .18s ease, filter .18s ease; }
.szerencse-porgetes-gomb.fizetos { background: linear-gradient(135deg, #e88b19, #f5b23e); box-shadow: 0 9px 22px rgba(232,139,25,.25); }
.szerencse-porgetes-gomb:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.04); }
.szerencse-porgetes-gomb:disabled { background: #c9ceca; color: #737b75; box-shadow: none; cursor: not-allowed; }
.szerencse-porgetes-gomb.porog { background: linear-gradient(100deg, #7e57c2, #ab47bc); color: #fff; }
.szerencse-utolso-nyeremeny { width: 100%; margin-top: 12px; padding: 10px 12px; box-sizing: border-box; border: 1px dashed #d8cbb2; border-radius: 13px; color: #8a806e; text-align: center; font-size: .84rem; }
.szerencse-utolso-nyeremeny.nyert { display: flex; align-items: center; justify-content: center; gap: 10px; border-style: solid; border-color: #ecd18e; background: #fff8df; text-align: left; }
.szerencse-utolso-nyeremeny.nyert > span { font-size: 28px; }
.szerencse-utolso-nyeremeny small { display: block; color: #8e8063; }
.szerencse-utolso-nyeremeny strong { display: block; color: #60441a; }
.szerencse-nyeremenyek { padding: 18px; border: 1px solid #e7dbca; border-radius: 24px; background: rgba(255,255,255,.72); }
.szerencse-mellekfej { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.szerencse-mellekfej span:first-child { display: block; color: #806c4d; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.szerencse-mellekfej strong { display: block; margin-top: 3px; color: #49361c; font-size: 1.08rem; }
.szerencse-biztos { padding: 5px 9px; border-radius: 999px; background: #eee5f5; color: #72528c; font-weight: 900; font-size: .76rem; white-space: nowrap; }
.szerencse-esely-lista { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.szerencse-nyeremeny-sor { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px; min-height: 54px; padding: 9px; border: 1px solid #eee5d9; border-radius: 14px; background: rgba(255,255,255,.8); }
.szerencse-nyeremeny-ikon { width: 36px; height: 36px; display: grid; place-items: center; border: 2px solid color-mix(in srgb, var(--nyeremeny-szin), white 25%); border-radius: 11px; background: color-mix(in srgb, var(--nyeremeny-szin), white 78%); font-size: 20px; }
.szerencse-nyeremeny-sor strong { display: block; overflow: hidden; color: #4d4131; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.szerencse-nyeremeny-sor small { display: block; margin-top: 2px; color: #887c6d; font-size: .69rem; }
.szerencse-esely-badge { padding: 3px 5px; border-radius: 7px; background: #f3eee6; color: #796e5f; font-size: .65rem; font-weight: 900; }
.szerencse-tipp { margin: 13px 0 0; padding: 10px 11px; border-radius: 12px; background: #f5f0fa; color: #71627c; font-size: .74rem; line-height: 1.45; }

@keyframes modernModalBe { from { opacity: 0; transform: translateY(14px) scale(.975); } to { opacity: 1; transform: none; } }

@media (max-width: 780px) {
    .napi-modal-hatter, .szerencse-modal-hatter { padding: 0; align-items: stretch; }
    .napi-kozpont, .szerencse-kozpont { width: 100%; max-height: 100vh; min-height: 100vh; border: 0; border-radius: 0; }
    .modern-modal-fej { padding: 18px 16px 15px; }
    .modern-modal-foikon { width: 48px; height: 48px; border-radius: 15px; font-size: 25px; }
    .modern-modal-fej p { font-size: .82rem; }
    .napi-kpi-racs { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 14px 14px 0; }
    .napi-osszhaladas { margin: 13px 14px 0; }
    .napi-eszkoztar { align-items: stretch; flex-direction: column; padding: 14px; }
    .napi-szurok { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; }
    .napi-szurok button { white-space: nowrap; }
    .napi-kuldetes-racs { padding: 0 14px 22px; }
    .napi-kartya-fej { grid-template-columns: auto minmax(0,1fr); }
    .napi-jutalom-badge { grid-column: 1 / -1; width: max-content; margin-left: 61px; }
    .szerencse-kpi-racs { grid-template-columns: 1fr 1fr; padding: 14px 14px 0; }
    .szerencse-kpi-racs article:last-child { grid-column: 1 / -1; }
    .szerencse-tartalom { grid-template-columns: 1fr; padding: 15px 14px 24px; }
    .szerencse-esely-lista { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 440px) {
    .modern-modal-cimblokk { align-items: flex-start; gap: 10px; }
    .modern-modal-fej p { display: none; }
    .napi-kpi { min-height: 61px; padding: 9px 10px; }
    .napi-kpi > span { font-size: 21px; }
    .napi-kpi strong { font-size: .95rem; }
    .napi-kartya-fej { gap: 9px; }
    .napi-kuldetes-ikon { width: 42px; height: 42px; }
    .napi-jutalom-badge { margin-left: 51px; }
    .modern-kerek-kontener { width: min(278px, 78vw); }
    .kerek-szelet-ikon { transform: translate(-50%,-50%) rotate(var(--szelet-fok)) translateY(-93px) rotate(calc(180deg - var(--szelet-fok))); font-size: 27px; }
    .szerencse-esely-lista { grid-template-columns: 1fr; }
}

/* =========================================================
   14.11.0 — ÉLŐ FALU, KÖZÖSSÉGI PROJEKTEK ÉS FELFEDEZÉSI TÉRKÉP
   ========================================================= */
body.modal-nyitva { overflow: hidden; }
.falu-modal-hatter { z-index: 10050; padding: 18px; }
.falu-modal-doboz {
    position: relative; width: min(1420px, 98vw); height: min(900px, 95vh); overflow: hidden;
    border-radius: 28px; background: linear-gradient(145deg,#f8fbf5,#eef6e9); box-shadow: 0 28px 80px rgba(20,45,25,.35);
    border: 1px solid rgba(74,120,70,.22); display: flex; flex-direction: column;
}
.falu-fejlec { display:flex; gap:24px; align-items:center; justify-content:space-between; padding:22px 68px 18px 24px; background:linear-gradient(120deg,#e8f5e9,#fff8e1); border-bottom:1px solid #d7e5d2; }
.falu-fejlec h2 { margin:3px 0 5px; color:#244a2a; font-size:clamp(1.55rem,2vw,2.25rem); }
.falu-fejlec p { margin:0; color:#607064; max-width:720px; }
.falu-tartalom { min-height:0; flex:1; display:grid; grid-template-columns:minmax(600px,1.55fr) minmax(350px,.85fr); gap:16px; padding:16px; }
.falu-terkep-kartya,.falu-panel { background:rgba(255,255,255,.88); border:1px solid #d8e3d4; border-radius:22px; box-shadow:0 10px 30px rgba(62,96,58,.09); }
.falu-terkep-kartya { padding:14px; display:flex; flex-direction:column; min-height:0; }
.falu-terkep-cim { display:flex; justify-content:space-between; align-items:end; padding:0 4px 10px; color:#526554; }
.falu-terkep-cim h3 { margin:2px 0 0; color:#285532; font-size:1.35rem; }
.falu-terkep-cim small { text-transform:uppercase; letter-spacing:.09em; font-weight:800; color:#77947a; }
.falu-terkep-cim>span { padding:6px 10px; border-radius:999px; background:#edf6e8; font-size:.78rem; font-weight:800; }
.falu-terkep {
    position:relative; flex:1; min-height:590px; overflow:hidden; border-radius:18px;
    background:
      radial-gradient(circle at 18% 25%,rgba(255,255,255,.7) 0 5%,transparent 6%),
      radial-gradient(circle at 80% 20%,#b9d89d 0 8%,transparent 9%),
      radial-gradient(circle at 72% 78%,#a9cf91 0 11%,transparent 12%),
      linear-gradient(160deg,#9bd384 0 48%,#7fc77d 49% 100%);
    border:2px solid rgba(70,120,58,.24); isolation:isolate;
}
.falu-terkep::before { content:""; position:absolute; inset:0; opacity:.25; background-image:radial-gradient(#fff 1px,transparent 1px); background-size:18px 18px; }
.falu-terkep::after { content:"🌲  🌳   🌲       🌳     🌲  🌳     🌲"; position:absolute; inset:auto 0 7px; font-size:30px; letter-spacing:16px; white-space:nowrap; opacity:.75; transform:translateX(-12px); }
.falu-folyocska { position:absolute; z-index:-1; width:125%; height:70px; left:-10%; top:44%; transform:rotate(-8deg); background:linear-gradient(#7ed5ed,#4eb4dc); border:5px solid rgba(225,249,255,.42); box-shadow:inset 0 0 0 3px rgba(27,109,143,.18); }
.falu-folyocska::after { content:""; position:absolute; inset:12px 0; background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(255,255,255,.34) 36px 48px,transparent 49px 72px); animation:faluViz 8s linear infinite; }
@keyframes faluViz { to{background-position:220px 0;} }
.falu-ut { position:absolute; height:22px; border-radius:999px; background:#d9bd82; border:3px solid rgba(123,86,44,.2); transform-origin:left center; z-index:-1; }
.falu-ut-1 { width:78%; left:10%; top:36%; transform:rotate(15deg); }
.falu-ut-2 { width:70%; left:22%; top:71%; transform:rotate(-17deg); }
.falu-npc-node,.falu-projekt-node { position:absolute; transform:translate(-50%,-50%); border:0; cursor:pointer; z-index:3; transition:.2s ease; font:inherit; }
.falu-npc-node { width:112px; min-height:108px; padding:8px 7px; border-radius:18px; background:rgba(255,255,255,.92); box-shadow:0 7px 18px rgba(35,71,35,.22); border:3px solid color-mix(in srgb,var(--npc-szin),white 48%); display:flex; flex-direction:column; align-items:center; }
.falu-npc-node:hover,.falu-npc-node.aktiv { transform:translate(-50%,-55%) scale(1.06); box-shadow:0 11px 25px rgba(35,71,35,.3); border-color:var(--npc-szin); }
.falu-npc-ikon { font-size:2.25rem; filter:drop-shadow(0 3px 2px rgba(0,0,0,.15)); animation:faluLebelek 3.3s ease-in-out infinite; }
@keyframes faluLebelek { 50%{transform:translateY(-4px) rotate(2deg);} }
.falu-npc-node strong { font-size:.78rem; color:#263c2c; line-height:1.15; }
.falu-npc-node small { font-size:.66rem; color:#6c786e; }
.falu-npc-node i { margin-top:3px; font-size:.67rem; font-style:normal; color:#c62828; font-weight:800; }
.falu-projekt-node { min-width:84px; padding:8px 10px; border-radius:15px; background:#fff3cd; border:2px dashed #cf941d; box-shadow:0 6px 13px rgba(82,61,18,.2); display:grid; gap:1px; }
.falu-projekt-node span { font-size:1.65rem; }.falu-projekt-node b{font-size:.65rem;color:#5c481b;}.falu-projekt-node.kesz{background:#e4f7df;border-style:solid;border-color:#4caf50}.falu-projekt-node.aktiv{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 4px rgba(255,255,255,.65),0 8px 20px rgba(35,71,35,.28)}
.falu-oldalpanel { min-height:0; display:grid; grid-template-rows:auto 1fr; gap:14px; overflow:auto; padding-right:3px; }
.falu-panel { padding:17px; }
.falu-panel-fejlec { display:flex; gap:13px; align-items:center; padding-bottom:13px; border-bottom:1px solid #e5ebe2; }
.falu-portre { width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:2.8rem;background:linear-gradient(145deg,color-mix(in srgb,var(--npc-szin),white 78%),white);border:2px solid color-mix(in srgb,var(--npc-szin),white 45%); }
.falu-panel-fejlec small,.falu-projekt-fej small { color:#758078;text-transform:uppercase;font-weight:900;letter-spacing:.08em;font-size:.68rem; }
.falu-panel-fejlec h3,.falu-projekt-fej h3 { margin:2px 0;color:#2a4130;font-size:1.35rem; }.falu-panel-fejlec span{color:#6f7b71;font-size:.85rem;}
.falu-npc-leiras { color:#5b675e;line-height:1.45;font-size:.9rem; }
.falu-kapcsolat-fej,.falu-projekt-szakasz { display:flex;justify-content:space-between;align-items:center;color:#445449;margin-top:10px;font-size:.85rem; }
.falu-kapcsolat-sav,.falu-mini-sav { overflow:hidden;height:9px;border-radius:999px;background:#e7ece5;margin:6px 0 12px; }.falu-kapcsolat-sav i,.falu-mini-sav i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8a80,#d81b60);transition:width .45s ease}.falu-kapcsolat-sav.projekt i,.falu-mini-sav i{background:linear-gradient(90deg,#66bb6a,#2e7d32)}
.falu-panel blockquote { margin:9px 0 13px;padding:11px 13px;border-left:4px solid #9ccc65;border-radius:0 12px 12px 0;background:#f5faef;color:#4d5a4f;font-style:italic;font-size:.88rem; }
.falu-panel-akciok { display:grid;gap:8px; }.falu-akcio{border:0;border-radius:13px;padding:11px 13px;background:linear-gradient(135deg,#43a047,#2e7d32);color:white;font-weight:900;cursor:pointer;box-shadow:0 5px 12px rgba(46,125,50,.2)}.falu-akcio.masodlagos{background:#fff;color:#2e6333;border:1px solid #a5c9a4;box-shadow:none}.falu-akcio:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.35)}.falu-akcio small{font-weight:600;opacity:.8}.falu-akcio.projekt{width:100%;margin-top:10px}
.projekt-panel { align-self:start; }.falu-projekt-fej{display:flex;gap:12px}.falu-projekt-fej>span{font-size:2.7rem}.falu-projekt-fej p{margin:4px 0;color:#657068;font-size:.84rem}.falu-igeny-lista{display:grid;gap:7px;margin-top:10px}.falu-igeny{padding:8px 10px;border-radius:11px;background:#f6f8f4;border:1px solid #e0e7dc;display:grid;grid-template-columns:1fr auto;align-items:center}.falu-igeny>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.falu-igeny span{font-size:1.2rem;grid-row:1/3}.falu-igeny b{font-size:.8rem}.falu-igeny small{font-size:.68rem;color:#7c867d}.falu-igeny strong{font-size:.82rem;color:#2e6835}.falu-mini-sav{grid-column:1/-1;margin:6px 0 0;height:5px}.falu-projekt-bonusz{margin-top:10px;padding:9px 10px;border-radius:10px;background:#e8f5e9;color:#315b35;font-size:.8rem}.falu-projekt-kesz{text-align:center;padding:16px}.falu-projekt-kesz>span{font-size:3rem}.falu-projekt-kesz h3{margin:5px 0}.falu-projekt-kesz b{color:#2e7d32}.falu-projekt-kesz p{color:#607064}

/* Expedíciós 2D térkép */
.expedicio-modern-modal { max-width:1360px !important; }
.expedicio-terkep-szekcio { margin:0 0 14px;padding:14px;border-radius:20px;background:linear-gradient(145deg,#eef5dc,#e2edf5);border:1px solid #cfdbc6;box-shadow:inset 0 1px rgba(255,255,255,.7); }
.expedicio-terkep-fejlec { display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 4px 10px }.expedicio-terkep-fejlec h3{margin:2px 0;color:#334b37}.expedicio-terkep-fejlec p{margin:0;max-width:560px;color:#657267;font-size:.82rem;text-align:right}
.expedicio-terkep { position:relative;height:390px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 18% 68%,#90c76f 0 17%,transparent 18%),radial-gradient(circle at 48% 25%,#b9cbd0 0 16%,transparent 17%),radial-gradient(circle at 82% 52%,#e7cc78 0 21%,transparent 22%),linear-gradient(165deg,#8fc7df 0 36%,#73b985 37% 70%,#6ba0c1 71%);border:2px solid rgba(51,78,65,.18);isolation:isolate; }
.expedicio-terkep::before { content:"";position:absolute;inset:0;background:repeating-linear-gradient(25deg,transparent 0 22px,rgba(255,255,255,.05) 23px 25px);z-index:-1 }.expedicio-terkep::after{content:"🌲  🌲    ⛰️       🌴    🌋      🌊";position:absolute;inset:auto 0 5px;font-size:35px;word-spacing:35px;opacity:.65;white-space:nowrap}
.exp-terkep-utvonal{position:absolute;height:8px;border:3px dashed rgba(114,73,37,.55);border-left:0;border-right:0;border-radius:50%;z-index:-1}.exp-utvonal-a{width:72%;left:11%;top:46%;transform:rotate(-8deg)}.exp-utvonal-b{width:64%;left:27%;top:62%;transform:rotate(14deg)}.exp-terkep-felho{position:absolute;font-size:3.4rem;opacity:.45;animation:expFelho 18s linear infinite}.exp-terkep-felho.f1{top:6%;left:-10%}.exp-terkep-felho.f2{top:28%;left:-25%;animation-delay:-7s}@keyframes expFelho{to{left:110%}}
.exp-terkep-node{position:absolute;transform:translate(-50%,-50%);z-index:3;border:0;border-radius:15px;padding:6px 8px;min-width:72px;background:rgba(255,255,255,.91);box-shadow:0 5px 13px rgba(30,57,46,.28);cursor:pointer;transition:.2s;display:grid;font:inherit}.exp-terkep-node:hover,.exp-terkep-node.aktiv{transform:translate(-50%,-57%) scale(1.1);box-shadow:0 0 0 4px rgba(255,255,255,.65),0 9px 20px rgba(30,57,46,.35)}.exp-terkep-node.aktiv{background:#fff9c4}.exp-terkep-node.zarolt{filter:grayscale(.65);opacity:.66}.exp-terkep-node span{font-size:1.65rem}.exp-terkep-node b{font-size:.62rem;color:#2d4435}.exp-terkep-node small{font-size:.55rem;color:#68736b}
.expedicio-terkep-reszlet{margin-top:10px;padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.88);border:1px solid #d5ded0;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.exp-terkep-reszlet-ikon{font-size:2.7rem;width:58px;height:58px;border-radius:16px;background:#edf6e6;display:grid;place-items:center}.expedicio-terkep-reszlet small{text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#789079;font-size:.62rem}.expedicio-terkep-reszlet h3{margin:1px 0;color:#304a35}.expedicio-terkep-reszlet p{margin:2px 0;color:#667168;font-size:.78rem}.exp-terkep-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.exp-terkep-meta span{padding:3px 7px;border-radius:999px;background:#edf1eb;font-size:.66rem;font-weight:800}.exp-terkep-loot{font-size:.67rem;color:#627065;margin-top:5px}.expedicio-terkep-reszlet>button{border:0;border-radius:13px;padding:11px 14px;background:#2e7d32;color:white;font-weight:900;cursor:pointer}.expedicio-terkep-reszlet>button:disabled{opacity:.45;cursor:not-allowed}
.expedicio-dontes-modal{z-index:12000!important;background:rgba(18,29,24,.72);backdrop-filter:blur(6px)}.expedicio-dontes-doboz{width:min(760px,94vw);padding:26px;border-radius:26px;background:linear-gradient(145deg,#fff,#f3f8ed);box-shadow:0 28px 80px rgba(0,0,0,.38);text-align:center;border:1px solid #d6e3cd}.exp-dontes-ikon{font-size:4rem}.expedicio-dontes-doboz>small{text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#769078}.expedicio-dontes-doboz h2{margin:5px 0;color:#294632}.expedicio-dontes-doboz>p{color:#68736a}.exp-dontes-opciok{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.exp-dontes-opciok button{min-height:155px;border:1px solid #cbd9c6;border-radius:17px;background:#fff;padding:13px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.2s}.exp-dontes-opciok button:hover{transform:translateY(-4px);border-color:#5e9c61;box-shadow:0 10px 20px rgba(46,125,50,.14)}.exp-dontes-opciok button:disabled{opacity:.45;cursor:not-allowed}.exp-dontes-opciok span{font-size:2.2rem}.exp-dontes-opciok b{color:#315037}.exp-dontes-opciok small{color:#6c786e;line-height:1.35}

@media (max-width: 980px) {
  .falu-modal-hatter{padding:0}.falu-modal-doboz{width:100vw;height:100dvh;border-radius:0}.falu-fejlec{padding:15px 54px 12px 14px;align-items:flex-start;flex-direction:column;gap:10px}.falu-fejlec .menedzsment-kpi-sor{width:100%;overflow-x:auto}.falu-tartalom{grid-template-columns:1fr;overflow:auto;padding:10px}.falu-terkep-kartya{min-height:570px}.falu-terkep{min-height:500px}.falu-oldalpanel{overflow:visible;grid-template-columns:1fr 1fr;grid-template-rows:auto}.falu-npc-node{width:92px;min-height:92px}.falu-npc-ikon{font-size:1.8rem}.falu-npc-node strong{font-size:.68rem}
  .expedicio-terkep{height:350px}.expedicio-terkep-fejlec{align-items:flex-start;flex-direction:column}.expedicio-terkep-fejlec p{text-align:left}.expedicio-terkep-reszlet{grid-template-columns:auto 1fr}.expedicio-terkep-reszlet>button{grid-column:1/-1;width:100%}.exp-dontes-opciok{grid-template-columns:1fr}.exp-dontes-opciok button{min-height:105px}.expedicio-dontes-doboz{max-height:90vh;overflow:auto}
}
@media (max-width: 650px) {
  .falu-oldalpanel{grid-template-columns:1fr}.falu-terkep-kartya{min-height:510px}.falu-terkep{min-height:450px}.falu-npc-node{width:76px;min-height:78px;padding:5px}.falu-npc-node small{display:none}.falu-npc-node i{font-size:.58rem}.falu-projekt-node{min-width:65px}.falu-fejlec p{display:none}.expedicio-terkep{height:480px}.exp-terkep-node{min-width:62px;padding:5px}.exp-terkep-node b{font-size:.56rem}.exp-terkep-node small{display:none}
}

/* =========================================================
   14.13.2 — FALUTÉRKÉP LÁTHATÓSÁGI JAVÍTÁS ÉS MODERN BÁNYA
   ========================================================= */

/* Az Élő falu térképe saját görgethető nézetet kap, így alacsonyabb
   képernyőn sem vágódnak le az alsó projektek. */
.falu-tartalom {
    overflow: hidden;
    align-items: stretch;
}
.falu-terkep-kartya {
    height: 100%;
    min-height: 0;
}
.falu-terkep-gorgeto {
    flex: 1;
    min-height: 0;
    overflow: auto;
    border-radius: 18px;
    scrollbar-gutter: stable both-edges;
    overscroll-behavior: contain;
    background: #7fc77d;
    box-shadow: inset 0 0 0 2px rgba(70,120,58,.24);
}
.falu-terkep-gorgeto::-webkit-scrollbar { width: 11px; height: 11px; }
.falu-terkep-gorgeto::-webkit-scrollbar-thumb { background: #7aa477; border: 3px solid #dcebd7; border-radius: 999px; }
.falu-terkep-gorgeto::-webkit-scrollbar-track { background: #dcebd7; }
.falu-terkep {
    flex: none;
    width: 100%;
    min-width: 760px;
    height: 640px;
    min-height: 640px;
    border: 0;
    border-radius: 18px;
}
.falu-terkep-seged {
    display: block;
    padding: 8px 5px 0;
    color: #657767;
    font-weight: 750;
    font-size: .72rem;
}
.falu-projekt-node {
    min-width: 138px;
    max-width: 160px;
    padding: 9px 11px;
    z-index: 5;
}
.falu-projekt-node .falu-projekt-nev {
    display: block;
    color: #4d3b14;
    font-size: .69rem;
    line-height: 1.12;
    white-space: normal;
}
.falu-projekt-node small {
    color: #7a642f;
    font-size: .61rem;
    font-weight: 800;
}
.falu-oldalpanel {
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}

/* Modern bánya */
.banya-modern-nezet {
    min-height: 100%;
    padding-bottom: 30px;
    background:
        radial-gradient(circle at 8% 8%, rgba(255,193,7,.12), transparent 22%),
        linear-gradient(155deg, #f8f5f1 0%, #eee7df 100%);
}
.banya-modern-fejlec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 26px;
    padding: 25px clamp(18px, 4vw, 48px);
    color: #fff;
    background:
        radial-gradient(circle at 85% 0%, rgba(255,193,7,.24), transparent 35%),
        linear-gradient(125deg, #2c211d, #5d4037 55%, #3e2723);
    border-bottom: 1px solid rgba(255,255,255,.13);
    box-shadow: 0 14px 35px rgba(45,31,25,.22);
}
.banya-modern-fejlec .menedzsment-felirat { color: #ffd180; }
.banya-modern-fejlec h2 {
    margin: 4px 0 6px;
    font-size: clamp(1.7rem, 3vw, 2.65rem);
    letter-spacing: -.025em;
}
.banya-modern-fejlec p {
    max-width: 690px;
    margin: 0;
    color: #e7dcd4;
    line-height: 1.45;
}
.banya-kpi-sor {
    display: grid;
    grid-template-columns: repeat(4, minmax(112px, 1fr));
    gap: 10px;
    min-width: min(590px, 49vw);
}
.banya-kpi {
    padding: 12px 13px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 15px;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(8px);
    box-shadow: inset 0 1px rgba(255,255,255,.08);
}
.banya-kpi span {
    display: block;
    color: #dccdc4;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 850;
}
.banya-kpi strong {
    display: block;
    margin-top: 4px;
    font-size: 1.15rem;
    color: #fff;
}
.banya-kpi.kiemelt { background: linear-gradient(135deg, rgba(255,193,7,.28), rgba(255,152,0,.18)); border-color: rgba(255,209,128,.44); }

.banya-modern-tartalom {
    width: min(1320px, calc(100% - 28px));
    margin: 22px auto 0;
    display: grid;
    grid-template-columns: minmax(440px, 1.02fr) minmax(430px, .98fr);
    gap: 18px;
    align-items: start;
}
.banya-kitermelo-kartya,
.banya-raktar-kartya,
.banya-esely-kartya {
    border: 1px solid #d9cec4;
    border-radius: 24px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 16px 38px rgba(69,48,38,.10);
}
.banya-kitermelo-kartya { padding: 18px; }
.banya-oldalpanel { display: grid; gap: 18px; }
.banya-raktar-kartya,
.banya-esely-kartya { padding: 17px; }
.banya-kartya-fejlec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 13px;
}
.banya-kartya-fejlec small {
    color: #8a7568;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.banya-kartya-fejlec h3 { margin: 2px 0 0; color: #422f28; font-size: 1.28rem; }
.banya-kartya-fejlec > span,
.banya-allapot-jelzo {
    padding: 7px 10px;
    border-radius: 999px;
    color: #5f4b40;
    background: #f1ebe6;
    font-size: .71rem;
    font-weight: 850;
    white-space: nowrap;
}
.banya-allapot-jelzo i {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 50%;
    background: #66bb6a;
    box-shadow: 0 0 0 4px rgba(102,187,106,.15);
}
.banya-kamra {
    position: relative;
    min-height: 340px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 21px;
    isolation: isolate;
    background:
        radial-gradient(ellipse at 50% 110%, #6d4c41 0 28%, transparent 29%),
        radial-gradient(circle at 50% 42%, #5b463d 0 20%, #332721 52%, #211a17 100%);
    border: 1px solid #2e211c;
    box-shadow: inset 0 -24px 40px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.06);
}
.banya-kamra::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .28;
    background-image:
        radial-gradient(circle at 12% 22%, #a1887f 0 3px, transparent 4px),
        radial-gradient(circle at 82% 35%, #795548 0 4px, transparent 5px),
        radial-gradient(circle at 28% 72%, #8d6e63 0 5px, transparent 6px),
        radial-gradient(circle at 70% 78%, #a1887f 0 3px, transparent 4px);
    background-size: 120px 100px, 150px 130px, 180px 145px, 130px 115px;
}
.banya-kamra::after {
    content: "🪵     🪵";
    position: absolute;
    inset: 18px 14px auto;
    color: #6d4c41;
    font-size: 2.1rem;
    text-align: center;
    letter-spacing: 120px;
    opacity: .7;
    z-index: -1;
}
.banya-feny {
    position: absolute;
    top: -40px;
    width: 180px;
    height: 310px;
    filter: blur(4px);
    opacity: .22;
    background: linear-gradient(180deg, rgba(255,224,130,.95), transparent 78%);
    clip-path: polygon(46% 0, 54% 0, 100% 100%, 0 100%);
}
.feny-bal { left: 10%; transform: rotate(8deg); }
.feny-jobb { right: 10%; transform: rotate(-8deg); }
.banya-sin {
    position: absolute;
    bottom: 22px;
    left: 8%;
    width: 84%;
    height: 5px;
    background: #2f2926;
    border-radius: 999px;
    box-shadow: 0 18px #2f2926;
    transform-origin: center;
}
.sin-1 { transform: rotate(2deg); }
.sin-2 { transform: rotate(-2deg) translateY(8px); opacity: .65; }
.banya-szikla {
    position: relative;
    width: 190px;
    height: 190px;
    display: grid;
    place-items: center;
    cursor: pointer;
    user-select: none;
    border-radius: 50%;
    font-size: 112px;
    transition: transform .1s ease, filter .2s ease;
    filter: drop-shadow(0 18px 12px rgba(0,0,0,.55));
    outline: none;
}
.banya-szikla:hover { filter: drop-shadow(0 22px 14px rgba(0,0,0,.62)) brightness(1.08); }
.banya-szikla:focus-visible { box-shadow: 0 0 0 5px rgba(255,193,7,.55); }
.banya-kamra-felirat {
    position: absolute;
    left: 50%;
    bottom: 17px;
    transform: translateX(-50%);
    padding: 7px 11px;
    border-radius: 999px;
    color: #f5e8de;
    background: rgba(25,18,15,.72);
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}
.banya-hp-fejlec { display: flex; justify-content: space-between; margin: 14px 2px 7px; color: #5f4a40; font-size: .8rem; }
.banya-hp-sav {
    height: 15px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8dfd9;
    border: 1px solid #d2c2b8;
    box-shadow: inset 0 2px 4px rgba(64,42,31,.12);
}
#szikla-hp-sav {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #66bb6a, #43a047);
    transition: width .22s ease, background .22s ease;
}
.banya-info {
    min-height: 48px;
    margin: 12px 0;
    padding: 12px 14px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #5d4037;
    background: #faf6f2;
    border: 1px solid #e4d8cf;
    font-weight: 900;
    text-align: center;
}
.banya-naplo { display: grid; gap: 9px; }
.banya-naplo > div:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 14px;
    background: #f3eee9;
}
.banya-naplo > div:first-child > span { font-size: 1.4rem; }
.banya-naplo small { display: block; color: #8a786d; font-size: .65rem; text-transform: uppercase; letter-spacing: .07em; font-weight: 850; }
.banya-naplo strong { color: #4d3a31; font-size: .82rem; }
.banya-tipp { color: #67574e; font-size: .76rem; line-height: 1.4; }

.banya-erc-racs { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.banya-erc-kartya {
    min-height: 92px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px;
    border-radius: 16px;
    background: #faf8f6;
    border: 1px solid #e4dcd6;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.banya-erc-kartya:hover { transform: translateY(-2px); box-shadow: 0 8px 17px rgba(74,51,40,.10); }
.banya-erc-kartya.ures { opacity: .62; }
.banya-erc-kartya > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #eee8e3;
    font-size: 1.75rem;
}
.banya-erc-kartya small { display: block; color: #75665d; font-weight: 800; }
.banya-erc-kartya strong { display: block; color: #392a24; font-size: 1.35rem; line-height: 1.05; }
.banya-erc-kartya em { display: block; margin-top: 4px; color: #8e8179; font-size: .62rem; font-style: normal; }
.banya-erc-kartya.ritka { border-color: #e7cf78; background: #fffdf3; }
.banya-erc-kartya.epikus { border-color: #80deea; background: #f2fdff; }
.banya-erc-kartya.legendas { grid-column: 1 / -1; border-color: #757575; background: linear-gradient(135deg,#f3f3f3,#e8e8e8); }

.banya-esely-sor { display: flex; justify-content: space-between; align-items: center; padding: 6px 3px; color: #5f5048; font-size: .78rem; }
.banya-esely-sor span { display: flex; align-items: center; gap: 8px; }
.banya-esely-sor i { width: 10px; height: 10px; border-radius: 50%; }
.banya-esely-sor i.ko,.banya-esely-sav i.ko { background:#8d6e63; }
.banya-esely-sor i.vas,.banya-esely-sav i.vas { background:#78909c; }
.banya-esely-sor i.arany,.banya-esely-sav i.arany { background:#fbc02d; }
.banya-esely-sor i.gyemant,.banya-esely-sav i.gyemant { background:#26c6da; }
.banya-esely-sor i.obszidian,.banya-esely-sav i.obszidian { background:#212121; }
.banya-esely-sav { display: flex; height: 13px; overflow: hidden; margin-top: 10px; border-radius: 999px; box-shadow: inset 0 1px 3px rgba(0,0,0,.2); }
.banya-esely-sav i { display: block; height: 100%; border-radius: 0; }
.banya-esely-sav i.ko { width:55%; }.banya-esely-sav i.vas { width:30%; }.banya-esely-sav i.arany { width:10%; }.banya-esely-sav i.gyemant { width:4%; }.banya-esely-sav i.obszidian { width:1%; }

@media (max-width: 1100px) {
    .banya-modern-fejlec { align-items: flex-start; flex-direction: column; }
    .banya-kpi-sor { width: 100%; min-width: 0; }
    .banya-modern-tartalom { grid-template-columns: 1fr; }
    .banya-oldalpanel { grid-template-columns: 1.2fr .8fr; }
}
@media (max-width: 980px) {
    .falu-tartalom { overflow: auto; align-items: start; }
    .falu-terkep-kartya { height: auto; min-height: 600px; }
    .falu-terkep-gorgeto { flex: none; height: 520px; }
    .falu-terkep { height: 640px; min-height: 640px; }
}
@media (max-width: 720px) {
    .banya-modern-fejlec { padding: 18px 14px; }
    .banya-kpi-sor { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .banya-modern-tartalom { width: calc(100% - 18px); margin-top: 10px; }
    .banya-oldalpanel { grid-template-columns: 1fr; }
    .banya-kitermelo-kartya,.banya-raktar-kartya,.banya-esely-kartya { border-radius: 18px; padding: 13px; }
    .banya-kamra { min-height: 300px; }
    .banya-szikla { width: 165px; height: 165px; font-size: 98px; }
    .banya-erc-racs { grid-template-columns: 1fr; }
    .banya-erc-kartya.legendas { grid-column: auto; }
    .falu-terkep-gorgeto { height: 500px; }
    .falu-projekt-node { min-width: 120px; }
}
@media (max-width: 430px) {
    .banya-kamra-felirat { white-space: normal; width: calc(100% - 24px); text-align: center; }
    .banya-kpi strong { font-size: 1rem; }
}


/* ===== 14.13.2 — BÁNYA VEZÉRLÉSI JAVÍTÁS ===== */
.banya-modern-fejlec { position: relative; padding-right: clamp(62px, 6vw, 82px); }
.banya-bezar-x {
    position: absolute;
    top: 15px;
    right: 16px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 13px;
    color: #fff;
    background: rgba(25,18,15,.38);
    box-shadow: 0 8px 22px rgba(0,0,0,.22);
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.banya-bezar-x:hover { transform: translateY(-1px); background: rgba(198,40,40,.82); border-color: rgba(255,255,255,.58); }
.banya-bezar-x:focus-visible,
.banya-vissza-gomb:focus-visible { outline: 3px solid #ffd54f; outline-offset: 3px; }
.banya-also-muveletsav {
    width: min(1320px, calc(100% - 28px));
    margin: 17px auto 0;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid #d7c9bf;
    border-radius: 17px;
    background: rgba(255,255,255,.86);
    box-shadow: 0 10px 26px rgba(69,48,38,.08);
}
.banya-vissza-gomb {
    min-height: 44px;
    padding: 10px 17px;
    border: 0;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg,#6d4c41,#3e2723);
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 7px 16px rgba(62,39,35,.22);
}
.banya-vissza-gomb:hover { filter: brightness(1.08); transform: translateY(-1px); }
.banya-also-muveletsav > span { color: #705f55; font-size: .78rem; font-weight: 750; }
.banya-also-muveletsav kbd {
    padding: 3px 6px;
    border: 1px solid #cdbeb4;
    border-bottom-width: 2px;
    border-radius: 6px;
    background: #f5f0ec;
    color: #4e3c33;
    font: 800 .72rem/1 system-ui,sans-serif;
}
@media (max-width: 720px) {
    .banya-modern-fejlec { padding-right: 62px; }
    .banya-bezar-x { top: 11px; right: 10px; width: 40px; height: 40px; }
    .banya-also-muveletsav { width: calc(100% - 18px); align-items: stretch; flex-direction: column; }
    .banya-vissza-gomb { width: 100%; }
    .banya-also-muveletsav > span { text-align: center; line-height: 1.65; }
}


/* =====================================================================
   14.13.2 — ÉLŐ FARMNÉZET, NÖVEKEDÉSI FÁZISOK ÉS ÁLLATGENETIKA
   ===================================================================== */
.farm-jelenet{position:relative;width:min(960px,calc(100% - 20px));min-height:620px;margin:12px auto 28px;padding:220px 22px 34px;border-radius:32px;overflow:hidden;isolation:isolate;background:linear-gradient(#8fd3ff 0 30%,#a6d77b 30% 56%,#4f9f52 56%);box-shadow:0 26px 70px rgba(25,70,35,.28),inset 0 0 0 2px rgba(255,255,255,.38);transition:background 2s,filter 2s}
.farm-jelenet::before{content:"";position:absolute;inset:46% 0 0;background:repeating-linear-gradient(170deg,transparent 0 52px,rgba(40,95,40,.14) 53px 56px),linear-gradient(135deg,#5fac55,#3f8d49);z-index:-3}
.farm-jelenet::after{content:"";position:absolute;left:50%;bottom:-60px;width:220px;height:410px;transform:translateX(-50%) perspective(260px) rotateX(58deg);background:linear-gradient(90deg,#c9aa74,#ead2a5,#c9aa74);border:2px solid rgba(103,73,37,.25);z-index:-1;opacity:.72}
#farm-jelenet #kert{position:relative;z-index:8;max-width:560px;grid-template-columns:repeat(4,minmax(74px,1fr));gap:14px;padding:22px;border-radius:28px;background:rgba(72,123,58,.28);box-shadow:inset 0 0 35px rgba(20,64,27,.25),0 16px 32px rgba(25,65,31,.2);backdrop-filter:blur(2px)}
.farm-egbolt,.farm-tavoli-reteg,.farm-epulet-reteg,.farm-kornyezet,.farm-allat-reteg,.farm-fenyreteg{position:absolute;inset:0;pointer-events:none}
.farm-nap-hold{position:absolute;right:10%;top:44px;width:76px;height:76px;border-radius:50%;background:#ffe76b;box-shadow:0 0 35px #ffe65d,0 0 80px rgba(255,236,103,.65);transition:all 2s}
.farm-felho{position:absolute;font-size:72px;color:white;filter:drop-shadow(0 8px 8px rgba(56,89,115,.18));opacity:.86;animation:farmFelho 28s linear infinite}.felho-1{top:55px;left:-15%;animation-duration:35s}.felho-2{top:125px;left:-25%;font-size:52px;animation-delay:-13s}
@keyframes farmFelho{to{transform:translateX(1250px)}}
.farm-csillagok{position:absolute;inset:22px 15% auto;color:white;font-size:32px;letter-spacing:38px;opacity:0;transition:opacity 2s;text-shadow:0 0 9px white}
.farm-hegy{position:absolute;bottom:42%;width:340px;height:180px;background:linear-gradient(135deg,#759b73,#4f7b61);clip-path:polygon(0 100%,47% 8%,100% 100%);opacity:.65}.hegy-1{left:-6%}.hegy-2{right:-5%;transform:scaleX(-1);filter:brightness(.88)}
.farm-madarak{position:absolute;top:22%;left:20%;font-size:32px;letter-spacing:18px;animation:farmMadar 16s ease-in-out infinite;color:#263238}
@keyframes farmMadar{50%{transform:translate(420px,-40px) scale(.72)}}
.farm-epulet{position:absolute;border:0;background:transparent;font:inherit;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 9px 7px rgba(30,55,25,.28));transition:.25s}.farm-epulet:hover{transform:translateY(-6px) scale(1.05)}.farm-epulet>span{display:block;font-size:78px}.farm-epulet small{display:block;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.84);font-weight:800;color:#355b34}.farm-pajta{left:4%;top:245px}.farm-uveghaz{right:4%;top:260px}.farm-malom{right:8%;top:72px}.farm-malom>span{font-size:66px}.malom-lapat{position:absolute;left:27px;top:7px;font-size:52px;font-style:normal;color:#d7c09a;animation:malomForog 7s linear infinite}@keyframes malomForog{to{transform:rotate(360deg)}}
.farm-fust{position:absolute;right:7px;top:-7px;width:28px;height:65px;background:radial-gradient(circle at 50% 80%,rgba(255,255,255,.75) 0 18%,transparent 20%),radial-gradient(circle at 35% 45%,rgba(255,255,255,.55) 0 16%,transparent 19%),radial-gradient(circle at 65% 15%,rgba(255,255,255,.35) 0 15%,transparent 18%);animation:fustLebeg 4s ease-in-out infinite}@keyframes fustLebeg{50%{transform:translateY(-18px) scale(1.18);opacity:.4}}
.farm-pillango,.farm-level,.farm-szitakoto{position:absolute;font-size:24px;animation:farmLebeg 9s ease-in-out infinite}.p1{left:20%;top:46%}.p2{right:22%;top:52%;animation-delay:-4s}.farm-szitakoto{right:35%;top:38%;font-size:18px}.farm-level{opacity:0}.l1{left:5%;top:34%}.l2{right:10%;top:42%;animation-delay:-3s}@keyframes farmLebeg{50%{transform:translate(90px,-35px) rotate(12deg)}}
.farm-pocsolya{position:absolute;right:18%;bottom:8%;width:130px;height:36px;border-radius:50%;background:rgba(91,170,210,.36);box-shadow:inset 0 4px 8px rgba(255,255,255,.35);opacity:0;transform:scale(.7);transition:1s}
.farm-szentjanosbogarak{position:absolute;left:10%;right:10%;bottom:20%;color:#f5ff80;font-size:24px;letter-spacing:90px;opacity:0;text-shadow:0 0 12px #efff52;animation:bogarVillog 2.6s infinite}@keyframes bogarVillog{50%{filter:brightness(2);transform:translateY(-16px)}}
.farm-setalo-allat{position:absolute;left:var(--x);top:var(--y);border:0;background:transparent;pointer-events:auto;cursor:pointer;animation:allatSeta var(--dur) ease-in-out var(--delay) infinite alternate;z-index:7;filter:drop-shadow(0 5px 3px rgba(20,50,20,.25));transition:.2s}.farm-setalo-allat:hover{z-index:20;transform:scale(1.2)}.farm-setalo-allat span{display:block;font-size:38px}.farm-setalo-allat small{display:block;background:rgba(255,255,255,.84);padding:2px 6px;border-radius:8px;font-weight:800;max-width:90px;overflow:hidden;text-overflow:ellipsis}.farm-setalo-allat.kesz span{animation:allatUgrik 1s infinite}.farm-setalo-allat.rarity-epikus span{filter:drop-shadow(0 0 8px #ce93d8)}@keyframes allatSeta{to{transform:translateX(clamp(-70px,8vw,95px)) scaleX(-1)}}@keyframes allatUgrik{50%{transform:translateY(-8px)}}
.farm-fenyreteg{z-index:12;background:transparent;mix-blend-mode:multiply;transition:background 3s;pointer-events:none}
.farm-jelenet[data-napszak="naplemente"] .farm-fenyreteg{background:linear-gradient(115deg,rgba(255,174,82,.05),rgba(116,61,143,.31))}.farm-jelenet[data-napszak="napfelkelte"] .farm-fenyreteg{background:linear-gradient(115deg,rgba(255,224,126,.16),rgba(240,128,160,.18))}.farm-jelenet[data-napszak="ejjel"] .farm-fenyreteg{background:rgba(7,18,68,.48)}.farm-jelenet[data-napszak="ejjel"] .farm-nap-hold{width:62px;height:62px;background:#f5f3df;box-shadow:0 0 28px rgba(245,243,223,.8);transform:translate(-15px,8px)}.farm-jelenet[data-napszak="ejjel"] .farm-csillagok,.farm-jelenet[data-napszak="ejjel"] .farm-szentjanosbogarak{opacity:1}.farm-jelenet[data-napszak="ejjel"] .farm-madarak,.farm-jelenet[data-napszak="ejjel"] .farm-pillango{opacity:0}
.farm-jelenet[data-weather="eso"] .farm-pocsolya,.farm-jelenet[data-weather="zivatar"] .farm-pocsolya,.farm-jelenet[data-weather="vihar"] .farm-pocsolya{opacity:1;transform:scale(1)}.farm-jelenet[data-weather="kod"]{filter:saturate(.78) brightness(.93)}.farm-jelenet[data-weather="aszaly"]::before{filter:sepia(.45) saturate(.7)}
.farm-jelenet[data-evszak="osz"] .farm-level{opacity:1}.farm-jelenet[data-evszak="tel"]{background:linear-gradient(#b8d4e9 0 31%,#d7e7ef 31% 56%,#eef5f7 56%)}.farm-jelenet[data-evszak="tel"]::before{background:linear-gradient(135deg,#dbe9ed,#f4fafb)}.farm-jelenet[data-evszak="tel"] .farm-pillango{display:none}.farm-jelenet[data-evszak="nyar"]{background:linear-gradient(#70c9ff 0 30%,#b6dc75 30% 56%,#4b9b45 56%)}

/* modern, rétegzett ágyások */
#farm-jelenet .parcella{--novekedes:0%;border:0!important;border-radius:18px 18px 24px 24px!important;background:repeating-linear-gradient(88deg,rgba(255,255,255,.035) 0 5px,rgba(58,28,15,.08) 6px 11px),linear-gradient(145deg,#936242,#5b3526)!important;box-shadow:inset 0 8px 11px rgba(255,220,180,.14),inset 0 -12px 14px rgba(45,20,12,.34),0 8px 0 #3e281e,0 13px 18px rgba(34,54,25,.3)!important;transform:perspective(330px) rotateX(5deg);overflow:visible;min-height:100px}
#farm-jelenet .parcella::before{content:"";position:absolute;inset:8px 9px 15px;border-radius:13px;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(42,20,12,.2) 15px 17px);opacity:.75;pointer-events:none}
#farm-jelenet .parcella:hover:not(.zart){transform:perspective(330px) rotateX(3deg) translateY(-7px) scale(1.035);filter:brightness(1.08);z-index:15}
#farm-jelenet .parcella:focus-visible{outline:4px solid #fff59d;outline-offset:4px}
#farm-jelenet .parcella[data-allapot="novekszik"]{background:repeating-linear-gradient(88deg,rgba(255,255,255,.04) 0 5px,rgba(31,58,25,.1) 6px 11px),linear-gradient(145deg,#74533b,#463426)!important}
#farm-jelenet .parcella[data-allapot="erett"]{border:2px solid #ffd54f!important;box-shadow:inset 0 0 18px rgba(255,214,70,.25),0 8px 0 #4d3424,0 0 24px rgba(255,213,79,.75)!important}
#farm-jelenet .uveghaz-parcella{background:linear-gradient(145deg,#6e4b38,#3f2c24)!important;box-shadow:inset 0 5px 12px rgba(95,210,255,.12),0 7px 0 #607d8b,0 11px 16px rgba(20,55,65,.25)!important}
.noveny-arnyek{position:absolute;width:52%;height:13%;left:24%;bottom:22%;border-radius:50%;background:rgba(24,14,8,.28);filter:blur(4px);transform:scaleX(.8)}
#farm-jelenet .noveny-ikon{position:relative;z-index:3;transform-origin:50% 90%;transition:font-size .5s,transform .5s,filter .5s}.noveny-ikon.fazis-mag{font-size:21px;transform:translateY(13px)}.noveny-ikon.fazis-csira{font-size:30px}.noveny-ikon.fazis-hajtas{font-size:39px}.noveny-ikon.fazis-fejlett{font-size:47px}.noveny-ikon.fazis-majdnem{font-size:52px;animation:novenySzel 2.8s ease-in-out infinite}.noveny-ikon.fazis-erett{font-size:56px}@keyframes novenySzel{50%{transform:rotate(4deg) translateY(-2px)}}
.fazis-jelzo{position:absolute;left:50%;top:7px;transform:translateX(-50%);z-index:5;padding:2px 7px;border-radius:999px;background:rgba(40,27,20,.72);color:white;font-size:9px;font-weight:800;white-space:nowrap;opacity:0;transition:.2s}.parcella:hover .fazis-jelzo,.fazis-jelzo.erett{opacity:1}.fazis-jelzo.erett{background:#f9a825;color:#3e2723;top:-9px}
.parcella-progress{position:absolute;left:12px;right:12px;bottom:7px;height:5px;border-radius:99px;background:rgba(20,10,5,.32);overflow:hidden;z-index:5}.parcella-progress i{display:block;width:var(--novekedes);height:100%;border-radius:inherit;background:linear-gradient(90deg,#8bc34a,#dce775,#ffca28);transition:width .7s}.parcella[data-fazis="mag"]::after{content:"· · ·";position:absolute;color:#c79a6c;bottom:28%;font-weight:900;letter-spacing:5px}
#farm-jelenet .szamlalo{position:absolute;right:6px;bottom:14px;margin:0;font-size:10px;z-index:6;background:rgba(31,22,19,.78)}

/* Egyedi állatok és tenyésztés */
.istallo-kpi-racs{grid-template-columns:repeat(6,minmax(105px,1fr))}.allat-modern-kartya.rarity-ritka{border-color:#64b5f6;box-shadow:0 10px 28px rgba(33,150,243,.13)}.allat-modern-kartya.rarity-epikus{border-color:#ba68c8;box-shadow:0 10px 30px rgba(156,39,176,.2)}.allat-egyed-ikon{position:relative}.allat-egyed-ikon i{position:absolute;right:-5px;top:-5px;font-size:18px;font-style:normal}.allat-egyed-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.allat-egyed-meta>span{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;border-radius:12px;background:#f7f4ef;font-size:12px}.allat-egyed-meta small{flex-basis:100%;color:#756b64}.allat-boldogsag-fej{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.allat-boldogsag-sav{height:8px;border-radius:99px;background:#eee5df;overflow:hidden;margin:5px 0 11px}.allat-boldogsag-sav i{display:block;height:100%;background:linear-gradient(90deg,#ffb74d,#8bc34a,#26a69a);border-radius:inherit}.allat-gondozas-sor{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.allat-gondozas-sor button{border:1px solid #d8cec5;border-radius:10px;background:#fff;padding:8px;font-weight:800;color:#5d4037;cursor:pointer}.allat-gondozas-sor button:hover:not(:disabled){background:#f1f8e9;border-color:#81c784}.allat-gondozas-sor button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.farm-jelenet{width:calc(100% - 8px);min-height:590px;padding:190px 8px 24px;border-radius:20px}.farm-epulet>span{font-size:54px}.farm-malom{display:none}.farm-pajta{top:205px;left:2%}.farm-uveghaz{top:210px;right:2%}#farm-jelenet #kert{padding:12px;gap:8px;grid-template-columns:repeat(4,minmax(58px,1fr))}.farm-setalo-allat span{font-size:30px}.farm-setalo-allat small{display:none}.istallo-kpi-racs{grid-template-columns:repeat(2,1fr)}.allat-egyed-meta{grid-template-columns:1fr}.allat-gondozas-sor{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.farm-jelenet *,.noveny-ikon{animation:none!important;transition:none!important}}


/* =====================================================
   14.13.2 — MODERN GENERÁCIÓVÁLTÁS ÉS LÁTHATÓ RESET ZÓNA
   ===================================================== */
#beallitas-modal .raktar-doboz {
    width: min(94vw, 560px) !important;
    max-width: 560px !important;
    max-height: min(88dvh, 760px) !important;
    padding: 18px !important;
    scrollbar-gutter: stable;
}

.generaciovaltas-nyito,
.technikai-javitas-nyito,
.reset-nyito-gomb {
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 11px;
    text-align: left;
    padding: 12px 14px !important;
}

.generaciovaltas-nyito {
    color: #302300 !important;
    background: linear-gradient(135deg, #ffe082, #ffb300) !important;
    border: 1px solid rgba(111, 76, 0, .22) !important;
    box-shadow: 0 8px 22px rgba(255, 179, 0, .24) !important;
}

.generaciovaltas-nyito > span:first-child { font-size: 1.7rem; }
.generaciovaltas-nyito span:last-child,
.beallitas-veszelyzona-cim span:last-child { display: flex; flex-direction: column; gap: 2px; }
.generaciovaltas-nyito small,
.technikai-javitas-nyito small,
.reset-nyito-gomb small,
.beallitas-veszelyzona-cim small { font-size: .72rem; font-weight: 650; opacity: .78; }

.beallitas-veszelyzona {
    display: grid;
    gap: 9px;
    padding: 12px;
    border: 1px solid #d8dee2;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fafb, #f2f5f6);
}

.beallitas-veszelyzona-cim {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 9px;
    align-items: center;
    color: #34434b;
    text-align: left;
}
.beallitas-veszelyzona-cim > span:first-child { font-size: 1.35rem; }
.technikai-javitas-nyito {
    grid-template-columns: 1fr;
    gap: 2px;
    background: linear-gradient(135deg, #607d8b, #455a64) !important;
}
.reset-nyito-gomb {
    grid-template-columns: 1fr;
    gap: 2px;
    margin-bottom: 0 !important;
}

#presztizs-modal { z-index: 9700; }
.presztizs-modern-card {
    position: relative;
    width: min(96vw, 940px);
    max-height: min(92dvh, 880px);
    overflow: hidden;
    color: #233127;
    border: 1px solid rgba(255,255,255,.74);
    border-radius: 28px;
    background: #f7faf7;
    box-shadow: 0 30px 90px rgba(0,0,0,.42), 0 8px 25px rgba(0,0,0,.2);
}

.presztizs-fejlec {
    position: relative;
    padding: 28px 72px 26px 30px;
    color: #fff;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 10%, rgba(255,231,120,.38), transparent 35%),
        linear-gradient(135deg, #5d3d00 0%, #9a6a00 48%, #3a5e31 100%);
}
.presztizs-fejlec::after {
    content: '';
    position: absolute;
    right: -38px;
    bottom: -72px;
    width: 250px;
    height: 190px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    transform: rotate(-16deg);
}
.presztizs-felsocim,
.presztizs-confirm-felsocim {
    display: inline-flex;
    padding: 5px 9px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 999px;
    background: rgba(255,255,255,.13);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.presztizs-korona { font-size: 3.3rem; line-height: 1; margin: 12px 0 5px; filter: drop-shadow(0 8px 10px rgba(0,0,0,.2)); }
.presztizs-fejlec h2 { margin: 5px 0 7px; font-size: clamp(1.75rem, 4vw, 2.45rem); }
.presztizs-fejlec p { max-width: 650px; margin: 0; color: rgba(255,255,255,.88); line-height: 1.55; }
.presztizs-generacio-jelzo {
    position: absolute;
    right: 26px;
    top: 27px;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.27);
    border-radius: 16px;
    background: rgba(20,30,20,.24);
    backdrop-filter: blur(8px);
    font-size: .74rem;
}
.presztizs-generacio-jelzo span { display: flex; flex-direction: column; align-items: center; }
.presztizs-generacio-jelzo b { font-size: 1.05rem; }
.presztizs-generacio-jelzo i { font-style: normal; font-size: 1.2rem; opacity: .7; }
.presztizs-bezaro {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 8;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
    color: #fff;
    background: rgba(20,25,20,.28);
    font-size: 1.5rem;
    cursor: pointer;
}
.presztizs-tartalom { max-height: calc(min(92dvh, 880px) - 218px); overflow-y: auto; padding: 22px 26px 26px; }
.presztizs-kpi-racs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.presztizs-kpi {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 9px;
    align-items: center;
    padding: 13px;
    border: 1px solid #dce5dd;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(34,73,43,.06);
}
.presztizs-kpi > span { grid-row: 1 / 3; font-size: 1.65rem; }
.presztizs-kpi small { color: #728077; font-weight: 750; }
.presztizs-kpi strong { font-size: 1.05rem; color: #263a2b; }
.presztizs-kpi.kiemelt { border-color: #efc55b; background: linear-gradient(135deg,#fff8dc,#fff); }

.presztizs-haladas-kartya { margin-top: 12px; padding: 14px 16px; border: 1px solid #dfe7dc; border-radius: 17px; background: linear-gradient(135deg,#f4f9f1,#fff); }
.presztizs-haladas-fejlec { display: flex; justify-content: space-between; align-items: end; gap: 12px; }
.presztizs-haladas-fejlec div { display: flex; flex-direction: column; gap: 2px; }
.presztizs-haladas-fejlec small { color: #68766c; font-weight: 800; }
.presztizs-haladas-fejlec > span { color: #6b5630; font-size: .78rem; font-weight: 800; }
.presztizs-haladas-sav { height: 11px; margin: 10px 0 7px; overflow: hidden; border-radius: 999px; background: #dfe7dd; }
.presztizs-haladas-sav span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#66a94f,#f0bc32); transition: width .35s ease; }
.presztizs-haladas-kartya p { margin: 0; color: #5b695f; font-size: .82rem; }

.presztizs-hatas-racs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.presztizs-hatas { padding: 13px 15px; border-radius: 16px; text-align: left; }
.presztizs-hatas h3 { margin: 0 0 7px; font-size: .95rem; }
.presztizs-hatas ul { margin: 0; padding-left: 18px; color: #4f5e54; font-size: .78rem; line-height: 1.55; }
.presztizs-hatas.megtart { border: 1px solid #b8dbb7; background: #f0faef; }
.presztizs-hatas.megtart h3 { color: #237331; }
.presztizs-hatas.elveszik { border: 1px solid #edd0b9; background: #fff7ef; }
.presztizs-hatas.elveszik h3 { color: #a4511d; }

.presztizs-szakasz-fejlec { display: flex; justify-content: space-between; align-items: end; gap: 14px; margin: 20px 2px 10px; }
.presztizs-szakasz-fejlec small { color: #8b722a; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.presztizs-szakasz-fejlec h3 { margin: 3px 0 0; font-size: 1.05rem; }
.presztizs-szakasz-fejlec > span { padding: 5px 9px; border-radius: 999px; color: #6c5204; background: #fff1bd; font-size: .72rem; font-weight: 850; white-space: nowrap; }
.modern-orokseg-lista { grid-template-columns: repeat(2,minmax(0,1fr)); max-height: none; overflow: visible; gap: 10px; }
.modern-orokseg-kartya {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    gap: 12px;
    min-height: 132px;
    padding: 14px;
    border: 1px solid #d9e1da;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(31,65,38,.055);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.modern-orokseg-kartya:hover { transform: translateY(-2px); border-color: #d6ad36; box-shadow: 0 8px 20px rgba(83,66,15,.12); }
.modern-orokseg-kartya.aktiv { border-color: #c99816; background: linear-gradient(135deg,#fff9e6,#fff); box-shadow: 0 0 0 3px rgba(214,166,28,.17), 0 9px 22px rgba(92,67,5,.13); }
.modern-orokseg-kartya .orokseg-ikon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: #f4f6f3; font-size: 1.7rem; }
.orokseg-szoveg { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.orokseg-nev-sor { display: flex; justify-content: space-between; gap: 8px; align-items: start; }
.orokseg-nev-sor b { color: #263d2c; }
.orokseg-nev-sor small { padding: 3px 6px; border-radius: 999px; background: #eef3ee; white-space: nowrap; }
.modern-orokseg-kartya em,
.modern-orokseg-kartya i { display: block; font-size: .76rem; line-height: 1.35; }
.modern-orokseg-kartya em span,
.modern-orokseg-kartya i span { display: inline-block; min-width: 50px; margin-right: 3px; font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.orokseg-valasztas-jel { color: #9ba79e; font-size: 1.35rem; font-weight: 950; }
.modern-orokseg-kartya.aktiv .orokseg-valasztas-jel { color: #b17c00; }

.presztizs-statusz { margin-top: 12px; padding: 11px 13px; border: 1px solid #dce4dd; border-radius: 13px; background: #f5f7f5; color: #4b5d50; font-size: .82rem; }
.presztizs-statusz.info { border-color: #bdd7e8; background: #eef8ff; color: #275d7a; }
.presztizs-statusz.siker { border-color: #b6dbb8; background: #effaf0; color: #246e31; }
.presztizs-statusz.figyelmeztetes { border-color: #ead09b; background: #fff8e8; color: #855d0e; }
.presztizs-gombok { position: sticky; bottom: -26px; display: grid; grid-template-columns: minmax(120px,.36fr) minmax(210px,1fr); gap: 10px; margin: 16px -26px -26px; padding: 14px 26px max(18px,env(safe-area-inset-bottom)); border-top: 1px solid #dfe5df; background: rgba(247,250,247,.96); backdrop-filter: blur(10px); }
.presztizs-gomb { border: 0; border-radius: 13px; padding: 11px 16px; font: inherit; font-weight: 850; cursor: pointer; }
.presztizs-gomb.masodlagos { color: #405047; background: #e7ece8; }
.presztizs-gomb.fo { display: flex; flex-direction: column; align-items: center; gap: 2px; color: #2f2608; background: linear-gradient(135deg,#f5cf58,#e5a718); box-shadow: 0 8px 20px rgba(191,135,0,.22); }
.presztizs-gomb.fo small { font-size: .68rem; opacity: .72; }
.presztizs-gomb.veszelyes { color: #fff; background: linear-gradient(135deg,#d64d42,#a92922); }
.presztizs-gomb:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }

.presztizs-confirm-hatter { z-index: 31000 !important; }
.presztizs-confirm-card { position: relative; width: min(92vw,520px); padding: 28px; border: 1px solid rgba(255,255,255,.8); border-radius: 25px; color: #283329; text-align: center; background: linear-gradient(160deg,#fff,#f6f8f4); box-shadow: 0 28px 80px rgba(0,0,0,.42); }
.presztizs-confirm-card .presztizs-bezaro { color: #526056; background: #eef2ef; border-color: #dce3dd; }
.presztizs-confirm-ikon { font-size: 3.5rem; margin-bottom: 6px; }
.presztizs-confirm-felsocim { color: #72540a; border-color: #ebd18d; background: #fff7d9; }
.presztizs-confirm-card h2 { margin: 12px 0 8px; font-size: 1.55rem; }
.presztizs-confirm-card > p { margin: 0 auto 16px; max-width: 440px; color: #657067; line-height: 1.5; }
.presztizs-confirm-osszefoglalo { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 15px 0; }
.presztizs-confirm-osszefoglalo div { display: flex; flex-direction: column; gap: 4px; padding: 11px 8px; border: 1px solid #e0e5df; border-radius: 13px; background: #f8faf7; }
.presztizs-confirm-osszefoglalo span { color: #788178; font-size: .7rem; font-weight: 800; }
.presztizs-confirm-osszefoglalo strong { font-size: .9rem; }
.presztizs-confirm-elfogadas { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border: 1px solid #ecd0b1; border-radius: 13px; color: #75471e; text-align: left; background: #fff7ef; font-size: .82rem; cursor: pointer; }
.presztizs-confirm-elfogadas input { width: 18px; height: 18px; margin: 0; flex: 0 0 auto; accent-color: #b74337; }
.presztizs-confirm-gombok { display: grid; grid-template-columns: 1fr 1.25fr; gap: 9px; margin-top: 15px; }

.presztizs-atmenet { position: fixed; inset: 0; z-index: 60000; display: grid; place-items: center; overflow: hidden; color: #fff; text-align: center; background: #172919; opacity: 0; transition: opacity .32s ease; }
.presztizs-atmenet.lathato { opacity: 1; }
.presztizs-atmenet-feny { position: absolute; inset: -30%; background: radial-gradient(circle,#fff5b0 0%,#e9b742 12%,#4f853d 34%,transparent 62%); opacity: .65; animation: presztizsFeny 1.4s ease-out both; }
.presztizs-atmenet-tartalom { position: relative; z-index: 1; padding: 24px; text-shadow: 0 3px 12px rgba(0,0,0,.35); transform: translateY(16px); opacity: 0; animation: presztizsSzoveg .7s .18s ease-out forwards; }
.presztizs-atmenet-tartalom > span { display: block; font-size: 5rem; }
.presztizs-atmenet-tartalom small { font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.presztizs-atmenet-tartalom h2 { margin: 8px 0; font-size: clamp(1.8rem,5vw,3rem); }
.presztizs-atmenet-tartalom p { margin: 0; color: #fff3b7; font-weight: 800; }
@keyframes presztizsFeny { from { transform: scale(.35); opacity: 0; } to { transform: scale(1); opacity: .68; } }
@keyframes presztizsSzoveg { to { transform: translateY(0); opacity: 1; } }

@media (max-width: 760px) {
    .presztizs-modern-card { width: 100vw; max-height: 100dvh; min-height: 100dvh; border-radius: 0; }
    .presztizs-fejlec { padding: 22px 52px 20px 18px; }
    .presztizs-generacio-jelzo { position: static; width: fit-content; margin: 10px 0 4px; }
    .presztizs-korona { display: none; }
    .presztizs-tartalom { max-height: calc(100dvh - 230px); padding: 16px 14px 22px; }
    .presztizs-kpi-racs { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .presztizs-hatas-racs,
    .modern-orokseg-lista { grid-template-columns: 1fr; }
    .presztizs-szakasz-fejlec { align-items: flex-start; flex-direction: column; }
    .presztizs-gombok { bottom: -22px; margin: 14px -14px -22px; padding: 12px 14px max(14px,env(safe-area-inset-bottom)); }
    .presztizs-confirm-osszefoglalo { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
    .presztizs-kpi-racs { grid-template-columns: 1fr 1fr; }
    .presztizs-kpi { padding: 10px; }
    .presztizs-haladas-fejlec { align-items: flex-start; flex-direction: column; }
    .presztizs-confirm-gombok { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .presztizs-haladas-sav span,
    .modern-orokseg-kartya,
    .presztizs-atmenet,
    .presztizs-atmenet-feny,
    .presztizs-atmenet-tartalom { animation: none !important; transition: none !important; }
}

/* 14.13.2 — Stabil technikai hibajavító panel */
.technikai-hibajavitas-modal {
    align-items: center;
    justify-content: center;
    padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
    background: rgba(8, 18, 14, 0.72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.technikai-hibajavitas-kartya {
    width: min(94vw, 540px);
    max-height: calc(100dvh - 28px);
    overflow-y: auto;
}

#technikai-hibajavitas-statusz[data-tipus="siker"] {
    color: #166534;
    border-color: #86d4a5;
    background: #ecfdf3;
}

#technikai-hibajavitas-statusz[data-tipus="hiba"] {
    color: #991b1b;
    border-color: #f0aaaa;
    background: #fff1f1;
}

#technikai-hibajavitas-statusz[data-tipus="keszen"] .vm-tech-spinner {
    animation: none;
    border-color: #b8c9bf;
    border-top-color: #2c8056;
}


/* =====================================================
   14.13.3 — BIZTONSÁGOS NAPSZAKFÉNY ÉS MŰVELETI ÉRTESÍTÉSEK
   ===================================================== */
/* Az egész dokumentumra tett CSS filter mobil/PWA módban eltüntethetett rétegeket. */
body {
    filter: none !important;
    transition: background-color 5s ease !important;
}

/* A farm saját .farm-fenyreteg eleme végzi a sötétedést, ezért ez a régi,
   teljes képernyős réteg nem takarhatja el a kezelőfelületet. */
#napszak-szuro {
    display: none !important;
    background: transparent !important;
    mix-blend-mode: normal !important;
    opacity: 0 !important;
    z-index: -1 !important;
}

.vm-tech-ertesitesek {
    position: fixed;
    top: max(14px, env(safe-area-inset-top));
    right: max(14px, env(safe-area-inset-right));
    z-index: 70000;
    display: grid;
    gap: 10px;
    width: min(410px, calc(100vw - 28px));
    pointer-events: none;
}

.vm-tech-ertesites {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 11px;
    padding: 14px 13px 14px 15px;
    color: #173327;
    text-align: left;
    border: 1px solid rgba(42, 118, 74, .28);
    border-left: 5px solid #2e8b57;
    border-radius: 16px;
    background: rgba(250, 255, 252, .98);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
    opacity: 0;
    transform: translateY(-14px) scale(.97);
    transition: opacity .2s ease, transform .2s ease;
    pointer-events: auto;
}

.vm-tech-ertesites.lathato {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.vm-tech-ertesites-hiba {
    color: #4d1e1e;
    border-color: rgba(198, 40, 40, .28);
    border-left-color: #c62828;
    background: rgba(255, 250, 250, .99);
}

.vm-tech-ertesites-info,
.vm-tech-ertesites-folyamatban {
    border-left-color: #1976d2;
}

.vm-tech-ertesites-ikon {
    font-size: 1.25rem;
    line-height: 1.3;
}

.vm-tech-ertesites-tartalom {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.vm-tech-ertesites-tartalom strong {
    color: inherit;
    font-size: .94rem;
}

.vm-tech-ertesites-tartalom > span {
    color: #54685e;
    font-size: .81rem;
    line-height: 1.4;
}

.vm-tech-ertesites-hiba .vm-tech-ertesites-tartalom > span {
    color: #744545;
}

.vm-tech-ertesites-bezaro {
    width: 30px;
    height: 30px;
    padding: 0;
    color: #52675d;
    font: inherit;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    border: 0;
    border-radius: 9px;
    background: transparent;
}

.vm-tech-ertesites-bezaro:hover,
.vm-tech-ertesites-bezaro:focus-visible {
    color: #163d2a;
    background: rgba(46, 125, 50, .10);
    outline: none;
}

@media (max-width: 520px) {
    .vm-tech-ertesitesek {
        top: max(8px, env(safe-area-inset-top));
        right: 8px;
        left: 8px;
        width: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vm-tech-ertesites {
        transition: none;
    }
}

/* =====================================================================
   14.22.0 — PROFESSZIONÁLIS ÉJSZAKAI JÁTÉKRENDSZER
   ===================================================================== */
.ejszakai-kozpont-jelzo {
    border: 1px solid rgba(179,157,219,.55);
    background: linear-gradient(135deg,#111936,#26335f);
    color: #f5f0ff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 42px;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.ejszakai-kozpont-jelzo[hidden] { display: none !important; }
.ejszakai-kozpont-jelzo:hover,
.ejszakai-kozpont-jelzo:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15,20,55,.3); outline: none; border-color: #fff59d; }
.ejszakai-kozpont-jelzo small { padding: 3px 7px; border-radius: 999px; background: rgba(255,255,255,.12); color: #fff59d; font-weight: 900; }
.ejszakai-kozpont-jelzo.aktiv-ejszaka { animation: ejszakaiJelzoPulzus 2.5s ease-in-out infinite; box-shadow: 0 0 0 2px rgba(255,245,157,.15),0 8px 24px rgba(24,28,75,.45); }
@keyframes ejszakaiJelzoPulzus { 50% { box-shadow: 0 0 0 5px rgba(255,245,157,.08),0 10px 28px rgba(24,28,75,.55); } }

.ejszakai-menu-gomb {
    position: relative;
    border: 0;
    font: inherit;
    color: white;
    background: linear-gradient(145deg,#151d45,#3d2f68) !important;
    cursor: pointer;
}
.ejszakai-menu-gomb.ejszakai-menu-aktiv { box-shadow: inset 0 0 0 3px #fff59d,0 0 22px rgba(255,245,157,.35); }
.ejszakai-menu-badge { position: absolute; right: 6px; top: 6px; padding: 2px 6px; border-radius: 999px; background: #fff59d; color: #352d57; font-size: 9px; font-weight: 1000; line-height: 1.25; }

.ejszakai-interakcio-reteg { position: absolute; inset: 0; z-index: 18; pointer-events: none; overflow: hidden; }
.ejszakai-interakcio-reteg[hidden] { display: none !important; }
.gyujtheto-szentjanos {
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: 42px;
    height: 42px;
    transform: translate(-50%,-50%);
    border: 0;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(255,255,210,.85) 0 12%,rgba(229,255,95,.22) 30%,transparent 68%);
    color: #ffffb0;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
    filter: drop-shadow(0 0 7px #eaff70) drop-shadow(0 0 16px rgba(234,255,112,.8));
    animation: szentjanosLebeg 2.7s ease-in-out var(--kesleltetes) infinite alternate, szentjanosVillan 1.45s ease-in-out var(--kesleltetes) infinite;
    transition: transform .2s,opacity .3s;
    touch-action: manipulation;
}
.gyujtheto-szentjanos::after { content: ""; position: absolute; inset: 4px; border-radius: inherit; border: 1px solid rgba(255,255,190,.35); }
.gyujtheto-szentjanos:hover,
.gyujtheto-szentjanos:focus-visible { transform: translate(-50%,-50%) scale(1.3); outline: 3px solid rgba(255,255,255,.88); outline-offset: 2px; }
.gyujtheto-szentjanos.begyujtve { animation: szentjanosBegyujt .32s ease-out forwards; pointer-events: none; }
@keyframes szentjanosLebeg { to { translate: 16px -22px; } }
@keyframes szentjanosVillan { 45% { opacity: .42; filter: drop-shadow(0 0 2px #eaff70); } }
@keyframes szentjanosBegyujt { to { transform: translate(-50%,-50%) scale(2.2); opacity: 0; } }
.ejszakai-csillaghullas::before,
.ejszakai-csillaghullas::after { content: ""; position: absolute; width: 130px; height: 2px; top: 12%; left: -20%; background: linear-gradient(90deg,transparent,#fff,#fff59d,transparent); transform: rotate(-23deg); animation: ejszakaiHullocsillag 3.8s linear infinite; opacity: .8; }
.ejszakai-csillaghullas::after { top: 25%; animation-delay: -2.1s; animation-duration: 5.2s; }
@keyframes ejszakaiHullocsillag { to { left: 115%; top: 55%; } }

.farm-jelenet[data-napszak="ejjel"] .farm-nap-hold.holdfazis-ikon {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    background: transparent;
    box-shadow: none;
    font-size: 62px;
    line-height: 1;
    transform: translate(-15px,8px);
    filter: drop-shadow(0 0 13px rgba(250,248,220,.82)) drop-shadow(0 0 32px rgba(190,200,255,.48));
}
.farm-jelenet[data-holdfazis="telihold"] .farm-nap-hold.holdfazis-ikon { font-size: 72px; filter: drop-shadow(0 0 18px #fffde7) drop-shadow(0 0 45px rgba(255,249,196,.8)); }
.farm-jelenet[data-holdfazis="ujhold"] .farm-nap-hold.holdfazis-ikon { filter: drop-shadow(0 0 11px rgba(129,140,248,.7)); opacity: .9; }
.farm-jelenet[data-ejszakai-esemeny="harmatos_ej"] #kert { box-shadow: inset 0 0 35px rgba(107,201,255,.28),0 16px 32px rgba(25,65,31,.2); }
body.orok-holdlampas-aktiv .farm-jelenet[data-napszak="ejjel"]::after { box-shadow: 0 0 38px rgba(255,224,130,.22); }

.ejszakai-kozpont-modal { z-index: 10035; padding: 16px; background: rgba(5,8,25,.82); backdrop-filter: blur(10px); align-items: flex-start; overflow-y: auto; }
.ejszakai-kozpont-kartya { position: relative; width: min(1120px,100%); margin: max(16px,3vh) auto; border-radius: 28px; overflow: hidden; background: linear-gradient(180deg,#f8f7ff,#eeeff8); color: #24243f; box-shadow: 0 28px 90px rgba(0,0,20,.5); border: 1px solid rgba(255,255,255,.72); }
.ejszakai-bezaro { position: absolute; z-index: 5; top: 14px; right: 14px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: rgba(12,15,42,.48); color: white; font-size: 28px; cursor: pointer; }
.ejszakai-bezaro:hover,.ejszakai-bezaro:focus-visible { background: #fff; color: #24243f; outline: 3px solid #fff59d; }
.ejszakai-fejlec { position: relative; display: grid; grid-template-columns: 112px minmax(0,1fr) auto; gap: 22px; align-items: center; min-height: 210px; padding: 28px 78px 28px 34px; color: white; background: radial-gradient(circle at 10% 20%,rgba(255,245,157,.18),transparent 24%),linear-gradient(135deg,#0a1231,#24336a 58%,#4b326f); overflow: hidden; }
.ejszakai-fejlec::before { content: "✦　·　✧　·　✦　·　✧　·　✦"; position: absolute; inset: 20px 3% auto; color: rgba(255,255,255,.55); letter-spacing: 13px; font-size: 18px; pointer-events: none; }
.ejszakai-nagyhold { position: relative; z-index: 1; display: grid; place-items: center; width: 104px; height: 104px; border-radius: 50%; font-size: 78px; filter: drop-shadow(0 0 22px rgba(255,250,210,.55)); }
.ejszakai-felirat,.ejszakai-kartya-felirat { display: block; margin-bottom: 5px; text-transform: uppercase; letter-spacing: .13em; font-size: 10px; font-weight: 1000; opacity: .7; }
.ejszakai-fejlec h2 { margin: 0; font-size: clamp(30px,5vw,50px); line-height: 1; }
.ejszakai-fejlec h3 { margin: 8px 0 3px; font-size: 20px; color: #fff59d; }
.ejszakai-fejlec p { margin: 0; max-width: 650px; color: rgba(255,255,255,.82); }
.ejszakai-statusz { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; max-width: 230px; padding: 10px 13px; border-radius: 15px; background: rgba(255,255,255,.1); font-size: 12px; font-weight: 800; }
.ejszakai-statusz i { width: 10px; height: 10px; border-radius: 50%; background: #9e9e9e; box-shadow: 0 0 0 4px rgba(158,158,158,.14); }
.ejszakai-statusz[data-allapot="aktiv"] i { background: #dfff72; box-shadow: 0 0 0 4px rgba(223,255,114,.18),0 0 12px #dfff72; animation: ejszakaiStatusz 1.8s infinite; }
.ejszakai-statusz[data-allapot="kozeleg"] i { background: #ffb74d; }
@keyframes ejszakaiStatusz { 50% { opacity: .45; } }

.ejszakai-kpi-racs { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin: -22px 28px 22px; }
.ejszakai-kpi-racs > div { padding: 16px 18px; border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: 0 10px 30px rgba(35,35,70,.12); border: 1px solid #e0def0; }
.ejszakai-kpi-racs span { display: block; color: #78758f; font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.ejszakai-kpi-racs strong { display: block; margin-top: 5px; color: #29274b; font-size: 24px; }
.ejszakai-kpi-racs strong b { font: inherit; }
.ejszakai-tartalom-racs { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(280px,.75fr); gap: 18px; padding: 0 28px 30px; }
.ejszakai-fooszlop,.ejszakai-oldaloszlop { display: grid; gap: 16px; align-content: start; }
.ejszakai-esemeny-kartya,.ejszakai-kuldetes-kartya,.ejszakai-kereskedo,.holdvirag-kartya,.ejszakai-naplo { border-radius: 22px; background: white; border: 1px solid #dfddeb; box-shadow: 0 10px 28px rgba(42,40,80,.08); }
.ejszakai-esemeny-kartya { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 14px; padding: 20px; }
.ejszakai-kartya-ikon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 17px; background: linear-gradient(145deg,#292a61,#5e3f83); color: white; font-size: 28px; box-shadow: 0 8px 18px rgba(45,43,100,.22); }
.ejszakai-esemeny-kartya h3,.ejszakai-kuldetes-kartya h3,.ejszakai-szekcio-fej h3,.holdvirag-kartya h3,.ejszakai-naplo h3 { margin: 0 0 5px; color: #2b294e; }
.ejszakai-esemeny-kartya p,.ejszakai-kuldetes-kartya p,.holdvirag-kartya p { margin: 0; color: #6e6b80; line-height: 1.5; }
.ejszakai-bonuszok { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 7px; padding-top: 10px; border-top: 1px solid #efedf5; }
.ejszakai-bonuszok span { padding: 6px 9px; border-radius: 999px; background: #f0effa; color: #4c4772; font-size: 11px; font-weight: 850; }
.ejszakai-kuldetes-kartya { padding: 20px; border-left: 5px solid #7770b6; }
.ejszakai-kuldetes-kartya.kesz { border-left-color: #8bc34a; background: linear-gradient(135deg,#fff,#f2fae8); }
.ejszakai-kuldetes-fej { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: 14px; align-items: center; }
.ejszakai-kuldetes-fej > strong { padding: 8px 10px; border-radius: 12px; background: #eeecf8; color: #4c4772; }
.ejszakai-progress { height: 10px; margin: 17px 0 9px; border-radius: 99px; overflow: hidden; background: #e8e6f0; }
.ejszakai-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#7667c5,#c5b4ff,#fff176); transition: width .35s ease; }
.ejszakai-kuldetes-lab { display: flex; justify-content: space-between; color: #777389; font-size: 12px; }
.ejszakai-kuldetes-lab b { color: #423c73; }
.ejszakai-kereskedo { padding: 20px; }
.ejszakai-szekcio-fej { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 14px; }
.ejszakai-szekcio-fej small { color: #777389; max-width: 310px; text-align: right; }
.ejszakai-ajanlat-lista { display: grid; gap: 9px; }
.ejszakai-ajanlat { display: grid; grid-template-columns: 45px minmax(0,1fr) auto; gap: 11px; align-items: center; padding: 11px; border-radius: 15px; background: #f7f6fb; border: 1px solid #e6e3ef; }
.ejszakai-ajanlat.teljesitve { opacity: .62; }
.ejszakai-ajanlat-ikon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 13px; background: white; font-size: 23px; }
.ejszakai-ajanlat strong { color: #353254; }
.ejszakai-ajanlat p { margin: 3px 0 0; color: #777389; font-size: 11px; }
.ejszakai-ajanlat button,.holdvirag-kartya button { border: 0; border-radius: 12px; padding: 10px 12px; background: linear-gradient(135deg,#423c73,#7362bd); color: white; font-weight: 900; cursor: pointer; box-shadow: 0 5px 12px rgba(66,60,115,.2); }
.ejszakai-ajanlat button:hover:not(:disabled),.holdvirag-kartya button:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.1); }
.ejszakai-ajanlat button:disabled,.holdvirag-kartya button:disabled { background: #d8d5df; color: #817e8a; box-shadow: none; cursor: not-allowed; }
.holdvirag-kartya { padding: 22px; text-align: center; background: radial-gradient(circle at 50% 0,rgba(255,245,157,.27),transparent 32%),linear-gradient(145deg,#242650,#4c3969); color: white; border-color: rgba(255,255,255,.15); }
.holdvirag-ikon { display: block; margin-bottom: 8px; font-size: 54px; filter: drop-shadow(0 0 13px rgba(255,245,157,.48)); }
.holdvirag-kartya h3 { color: #fff59d; font-size: 25px; }
.holdvirag-kartya p { color: rgba(255,255,255,.78); }
.holdvirag-keszlet { margin: 15px 0 10px; padding: 8px; border-radius: 12px; background: rgba(255,255,255,.09); font-weight: 850; }
.holdvirag-kartya button { width: 100%; background: linear-gradient(135deg,#fff176,#ffca28); color: #3d3155; }
.ejszakai-naplo { padding: 18px; }
.ejszakai-tortenet-sor { display: grid; grid-template-columns: 35px minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 9px 0; border-bottom: 1px solid #eeecf3; }
.ejszakai-tortenet-sor:last-child { border-bottom: 0; }
.ejszakai-tortenet-sor > span { font-size: 24px; }
.ejszakai-tortenet-sor strong,.ejszakai-tortenet-sor small { display: block; }
.ejszakai-tortenet-sor small { color: #858193; font-size: 10px; }
.ejszakai-tortenet-sor b { color: #514a81; font-size: 11px; text-align: right; }
.ejszakai-ures-tortenet { color: #858193; font-size: 12px; line-height: 1.5; }

@media (max-width: 860px) {
    .ejszakai-fejlec { grid-template-columns: 78px minmax(0,1fr); padding: 24px 62px 48px 22px; }
    .ejszakai-nagyhold { width: 74px; height: 74px; font-size: 58px; }
    .ejszakai-statusz { position: absolute; left: 22px; right: 22px; bottom: 12px; max-width: none; }
    .ejszakai-kpi-racs { grid-template-columns: repeat(2,1fr); margin-inline: 14px; }
    .ejszakai-tartalom-racs { grid-template-columns: 1fr; padding-inline: 14px; }
}
@media (max-width: 560px) {
    .ejszakai-kozpont-modal { padding: 0; }
    .ejszakai-kozpont-kartya { margin: 0; min-height: 100%; border-radius: 0; }
    .ejszakai-fejlec { min-height: 230px; grid-template-columns: 62px minmax(0,1fr); gap: 12px; padding: 24px 56px 54px 16px; }
    .ejszakai-fejlec h2 { font-size: 31px; }
    .ejszakai-fejlec h3 { font-size: 16px; }
    .ejszakai-nagyhold { width: 60px; height: 60px; font-size: 48px; }
    .ejszakai-kpi-racs { gap: 8px; }
    .ejszakai-kpi-racs > div { padding: 12px; }
    .ejszakai-kpi-racs strong { font-size: 19px; }
    .ejszakai-esemeny-kartya { grid-template-columns: 48px minmax(0,1fr); padding: 15px; }
    .ejszakai-kartya-ikon { width: 45px; height: 45px; font-size: 23px; }
    .ejszakai-kuldetes-fej { grid-template-columns: 48px minmax(0,1fr); }
    .ejszakai-kuldetes-fej > strong { grid-column: 1/-1; text-align: center; }
    .ejszakai-szekcio-fej { align-items: start; flex-direction: column; }
    .ejszakai-szekcio-fej small { text-align: left; }
    .ejszakai-ajanlat { grid-template-columns: 42px minmax(0,1fr); }
    .ejszakai-ajanlat button { grid-column: 1/-1; width: 100%; }
    .gyujtheto-szentjanos { width: 48px; height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
    .ejszakai-kozpont-jelzo,.gyujtheto-szentjanos,.ejszakai-csillaghullas::before,.ejszakai-csillaghullas::after,.ejszakai-statusz i { animation: none !important; }
}


/* =====================================================================
   14.22.0 — ÉJI KÖZPONT BIZTOS MOBILOS GÖRGETÉSE
   ===================================================================== */
.ejszakai-kozpont-modal {
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden !important;
    overscroll-behavior: contain;
}

.ejszakai-kozpont-kartya {
    display: flex;
    flex-direction: column;
    width: min(1120px, 100%);
    height: min(920px, calc(100dvh - 32px));
    max-height: calc(100dvh - 32px);
    min-height: 0;
    overflow: hidden;
}

.ejszakai-kozpont-gorgeto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

.ejszakai-kozpont-gorgeto:focus-visible {
    outline: 3px solid rgba(255, 245, 157, .95);
    outline-offset: -3px;
}

.ejszakai-kozpont-gorgeto::-webkit-scrollbar { width: 11px; }
.ejszakai-kozpont-gorgeto::-webkit-scrollbar-track { background: rgba(36, 36, 63, .08); }
.ejszakai-kozpont-gorgeto::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: rgba(76, 57, 105, .55);
    background-clip: padding-box;
}

@media (max-width: 560px) {
    .ejszakai-kozpont-modal {
        padding: 0;
        align-items: stretch;
    }

    .ejszakai-kozpont-kartya {
        width: 100%;
        height: 100vh;
        height: 100dvh;
        max-height: 100dvh;
        min-height: 0;
        margin: 0;
        border-radius: 0;
    }

    .ejszakai-kozpont-gorgeto {
        padding-bottom: max(18px, env(safe-area-inset-bottom));
    }

    .ejszakai-bezaro {
        top: max(10px, env(safe-area-inset-top));
        right: max(10px, env(safe-area-inset-right));
    }
}

/* =====================================================================
   14.22.0 — STABIL ESTI RENDERELÉS, LÁTHATÓ SZENTJÁNOSOK ÉS ÚJ KIJELZŐK
   ===================================================================== */
body {
    transition: background-color .85s ease !important;
}

.farm-jelenet {
    isolation: isolate;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* A nagy, áttetsző blur + multiply kombináció egyes mobil GPU-kon villódzott. */
#farm-jelenet #kert {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.farm-fenyreteg {
    z-index: 12;
    opacity: 0;
    background: linear-gradient(115deg, rgba(255,174,82,.12), rgba(25,35,96,.78));
    mix-blend-mode: normal !important;
    transition: opacity 1.15s ease !important;
    contain: paint;
}
.farm-jelenet[data-napszak="nappal"] .farm-fenyreteg { opacity: 0; }
.farm-jelenet[data-napszak="naplemente"] .farm-fenyreteg { opacity: .34; }
.farm-jelenet[data-napszak="napfelkelte"] .farm-fenyreteg { opacity: .18; }
.farm-jelenet[data-napszak="ejjel"] .farm-fenyreteg {
    opacity: .52;
    background: rgba(7,18,68,.78);
}

/* A háttér-dekoráció csak opacity/transform értékeket animál, CSS filtert nem. */
.farm-szentjanosbogarak {
    filter: none !important;
    will-change: transform, opacity;
}
@keyframes bogarVillog {
    0%,100% { opacity: .35; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-12px); }
}

.ejszakai-interakcio-reteg {
    z-index: 22;
    overflow: visible;
    contain: layout paint;
}
.gyujtheto-szentjanos {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    overflow: visible;
    background: radial-gradient(circle, rgba(255,255,221,.98) 0 9%, rgba(224,255,83,.58) 10% 25%, rgba(200,255,70,.14) 42%, transparent 72%);
    box-shadow: 0 0 10px rgba(239,255,82,.95), 0 0 24px rgba(220,255,85,.72);
    filter: none !important;
    text-shadow: 0 0 5px #fff, 0 0 13px #eaff70;
    animation: szentjanosLebeg 2.8s ease-in-out var(--kesleltetes) infinite alternate,
               szentjanosVillan 1.7s ease-in-out var(--kesleltetes) infinite;
    will-change: transform, opacity;
}
.gyujtheto-szentjanos::after {
    inset: 1px;
    border: 2px solid rgba(255,255,205,.52);
    box-shadow: inset 0 0 12px rgba(255,255,210,.32);
}
.szentjanos-test {
    position: relative;
    z-index: 2;
    color: #fffde7;
    font-size: 19px;
    line-height: 1;
}
.szentjanos-szarny {
    position: absolute;
    z-index: 1;
    color: rgba(230,240,255,.9);
    font-size: 31px;
    transform: rotate(-10deg) scaleX(1.15);
}
@keyframes szentjanosLebeg {
    from { transform: translate(-50%,-50%) translate3d(-5px,4px,0); }
    to { transform: translate(-50%,-50%) translate3d(12px,-15px,0); }
}
@keyframes szentjanosVillan {
    0%,100% { opacity: .72; }
    50% { opacity: 1; }
}
@keyframes szentjanosBegyujt {
    to { transform: translate(-50%,-50%) scale(2.1); opacity: 0; }
}
.ejszakai-csillaghullas::before,
.ejszakai-csillaghullas::after {
    left: -25%;
    top: 14%;
    animation-name: ejszakaiHullocsillagStabil;
    will-change: transform, opacity;
}
@keyframes ejszakaiHullocsillagStabil {
    0% { transform: translate3d(0,0,0) rotate(-23deg); opacity: 0; }
    12% { opacity: .8; }
    100% { transform: translate3d(145vw,190px,0) rotate(-23deg); opacity: 0; }
}

.evszak-doboz { gap: 5px; }
.evszak-hatralevo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(0,0,0,.08);
    color: #39424a;
    font-size: .72em;
    font-variant-numeric: tabular-nums;
    font-weight: 900;
}
.evszak-hatralevo.hamarosan {
    background: #fff3cd;
    color: #9a5b00;
}

.ejszakai-termeles-kartya {
    padding: 20px;
    border-radius: 22px;
    background: linear-gradient(145deg,#f7fbff,#f2edff);
    border: 1px solid #dcd6ee;
    box-shadow: 0 10px 28px rgba(42,40,80,.08);
}
.ejszakai-termeles-kartya h3 { margin: 0; color: #2b294e; }
.ejszakai-termeles-kartya ol {
    margin: 8px 0 0;
    padding-left: 22px;
    color: #615d75;
    line-height: 1.55;
}
.ejszakai-termeles-kartya li + li { margin-top: 7px; }

.falusi-fa-bolt {
    margin-top: 16px;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(145deg,#fff8e1,#f3e7cf);
    border: 1px solid #d7bd8d;
    box-shadow: 0 8px 18px rgba(92,61,23,.1);
}
.falusi-fa-bolt-fej {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.falusi-fa-bolt h3 { margin: 0 0 4px; color: #5d4037; }
.falusi-fa-bolt p { margin: 0; color: #725f4a; font-size: .88em; line-height: 1.4; }
.falusi-fa-keszlet {
    flex: 0 0 auto;
    padding: 7px 10px;
    border-radius: 999px;
    background: #fff;
    color: #5d4037;
    font-weight: 900;
    white-space: nowrap;
}
.falusi-fa-gombok { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.falusi-fa-gombok button {
    min-height: 46px;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg,#8d6e63,#5d4037);
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}
.falusi-fa-gombok button:disabled { opacity: .45; cursor: not-allowed; }

@media (max-width: 560px) {
    .gyujtheto-szentjanos { width: 58px; height: 58px; }
    .falusi-fa-bolt-fej { flex-direction: column; }
    .falusi-fa-gombok { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    body, .farm-fenyreteg { transition: none !important; }
    .farm-szentjanosbogarak, .gyujtheto-szentjanos,
    .ejszakai-csillaghullas::before, .ejszakai-csillaghullas::after { animation: none !important; }
}


/* 14.22.0 — Favágó liget és közvetlen Éji vásár */
.favagas-menu-gomb,.eji-kereskedo-menu{position:relative;font:inherit}.favagas-menu-gomb{appearance:none;-webkit-appearance:none}.eji-kereskedo-badge{position:absolute;right:7px;top:7px;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;background:#fff;color:#365b3c}.eji-kereskedo-menu.nyitva{box-shadow:0 0 0 3px rgba(255,235,59,.45),0 10px 22px rgba(58,40,92,.25)}.eji-kereskedo-menu.nyitva .eji-kereskedo-badge{background:#ffee58;color:#3e2723}
.favagas-modal{padding:14px;overflow:auto;background:rgba(18,34,24,.76);backdrop-filter:blur(4px)}.favagas-kartya{position:relative;width:min(900px,96vw);margin:auto;border-radius:28px;background:linear-gradient(150deg,#f8fff8,#eef7ea);box-shadow:0 28px 80px rgba(0,0,0,.35);overflow:hidden;border:1px solid rgba(255,255,255,.7)}.favagas-bezaro{position:absolute;right:14px;top:14px;z-index:5;width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.9);font-size:26px;cursor:pointer}.favagas-fejlec{display:flex;gap:16px;align-items:center;padding:24px 70px 20px 24px;background:linear-gradient(135deg,#1b5e20,#4f772d);color:white}.favagas-fejlec-ikon{font-size:48px}.favagas-fejlec span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;opacity:.75;font-weight:900}.favagas-fejlec h2{margin:2px 0;font-size:30px}.favagas-fejlec p{margin:0;opacity:.88}.favagas-kpi-racs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px 8px}.favagas-kpi-racs>div{padding:12px 14px;border-radius:16px;background:white;border:1px solid #dce9d8;display:flex;justify-content:space-between;gap:8px}.favagas-kpi-racs span{color:#687765;font-size:12px}.favagas-kpi-racs strong{color:#244b28}.favagas-energia-hatter,.favagas-eletero-hatter{height:9px;border-radius:999px;background:#d7e2d2;overflow:hidden}.favagas-energia-hatter{margin:0 20px 14px}.favagas-energia-hatter i{display:block;height:100%;background:linear-gradient(90deg,#ffd54f,#ff8f00);transition:width .35s}.favagas-munkaterulet{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,1.1fr);gap:20px;padding:10px 22px 20px}.favagas-fa-vizual{position:relative;min-height:330px;border-radius:24px;background:radial-gradient(circle at 50% 25%,#dff4cb,#9dca76 55%,#6e9f50);display:grid;place-items:center;overflow:hidden;transform:translateZ(0)}.favagas-fa-vizual>span{font-size:150px;filter:drop-shadow(0 14px 8px rgba(35,62,29,.28));transform-origin:50% 90%}.favagas-fa-vizual.utes>span{animation:favagasUtes .32s ease}.favagas-fa-vizual.kidol>span{animation:favagasKidol .65s ease forwards}.favagas-talaj{position:absolute;bottom:-22px;width:80%;height:80px;border-radius:50%;background:#486f34;opacity:.42}.favagas-adatlap{padding:18px;border-radius:22px;background:white;border:1px solid #dce9d8;align-self:stretch}.favagas-cimke{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:900;color:#6f806b}.favagas-adatlap h3{font-size:25px;margin:5px 0;color:#27482a}.favagas-adatlap p{color:#647164;line-height:1.5;min-height:45px}.favagas-eletero-fej{display:flex;justify-content:space-between;margin:18px 0 6px;color:#526050;font-size:12px}.favagas-eletero-hatter i{display:block;height:100%;background:linear-gradient(90deg,#ef5350,#66bb6a);transition:width .3s}.favagas-adatlap button{width:100%;margin-top:22px;border:0;border-radius:16px;padding:16px;background:linear-gradient(135deg,#5d4037,#8d6e63);color:white;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 10px 20px rgba(93,64,55,.25);touch-action:manipulation}.favagas-adatlap button:active:not(:disabled){transform:translateY(2px)}.favagas-adatlap button:disabled{opacity:.48;cursor:not-allowed}.favagas-adatlap small{display:block;margin-top:10px;color:#7a8578;line-height:1.35}.favagas-tippek{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 22px 22px}.favagas-tippek span{padding:10px;border-radius:13px;background:#e4f0df;color:#456043;font-size:11px}.favagas-reszecske-reteg{position:absolute;inset:0;pointer-events:none}.favagas-reszecske-reteg i{position:absolute;left:var(--x);top:42%;font-style:normal;animation:favagasReszecske .8s ease-out forwards}.ejszakai-kereskedo-gyorsgomb{grid-column:1/-1;border:0;border-radius:12px;padding:10px 13px;background:linear-gradient(135deg,#4a3f78,#8b69c5);color:white;font-weight:900;cursor:pointer}.ejszakai-kereskedo.kereskedo-fokusz{animation:kereskedoFokusz 1.8s ease}.ejszakai-kereskedo{scroll-margin-top:20px}
@keyframes favagasUtes{0%,100%{transform:rotate(0)}45%{transform:rotate(-6deg) scale(.98)}70%{transform:rotate(3deg)}}@keyframes favagasKidol{to{transform:rotate(72deg) translate(30px,35px);opacity:.35}}@keyframes favagasReszecske{to{transform:translate(calc((var(--x) - 50%)*2),-90px) rotate(160deg);opacity:0}}@keyframes kereskedoFokusz{0%,100%{box-shadow:0 10px 28px rgba(42,40,80,.08)}30%{box-shadow:0 0 0 5px rgba(255,235,59,.5),0 16px 38px rgba(84,57,128,.3)}}
@media(max-width:680px){.favagas-kartya{width:100%;border-radius:22px}.favagas-fejlec{padding:20px 58px 16px 16px}.favagas-fejlec-ikon{font-size:38px}.favagas-fejlec h2{font-size:24px}.favagas-kpi-racs{grid-template-columns:1fr;padding:12px 14px 8px}.favagas-munkaterulet{grid-template-columns:1fr;padding:8px 14px 14px}.favagas-fa-vizual{min-height:240px}.favagas-fa-vizual>span{font-size:115px}.favagas-tippek{grid-template-columns:1fr;padding:0 14px 16px}.favagas-modal{align-items:flex-start}.favagas-kartya{margin:8px auto 70px}.ejszakai-kereskedo-gyorsgomb{width:100%}}
@media(prefers-reduced-motion:reduce){.favagas-fa-vizual.utes>span,.favagas-fa-vizual.kidol>span,.favagas-reszecske-reteg i,.ejszakai-kereskedo.kereskedo-fokusz{animation:none!important}}


/* 14.22.0 — Favágó liget: saját, mobilbarát belső görgetés */
.favagas-modal {
    align-items: center;
    justify-content: center;
    overflow: hidden !important;
    overscroll-behavior: contain;
}
.favagas-kartya {
    display: flex;
    flex-direction: column;
    width: min(900px, 96vw);
    max-height: calc(100dvh - 28px);
    min-height: 0;
    margin: auto;
    overflow: hidden;
}
.favagas-gorgeto {
    min-height: 0;
    max-height: calc(100dvh - 28px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    scrollbar-gutter: stable;
}
.favagas-gorgeto:focus { outline: none; }
.favagas-bezaro { position: absolute; }
@media (max-width: 680px) {
    .favagas-modal { padding: 0; align-items: stretch; }
    .favagas-kartya {
        width: 100vw;
        max-width: none;
        max-height: 100dvh;
        min-height: 100dvh;
        margin: 0;
        border-radius: 0;
    }
    .favagas-gorgeto {
        max-height: 100dvh;
        padding-bottom: max(82px, env(safe-area-inset-bottom));
    }
    .favagas-bezaro {
        position: fixed;
        top: max(10px, env(safe-area-inset-top));
        right: 10px;
        z-index: 10045;
    }
}

/* ================================================================
   14.22.0 — MODERN MŰVELETI KÖZPONT
   ================================================================ */
body.muveleti-kozpont-nyitva { overflow: hidden; }
.muveleti-overlay {
    align-items: center;
    padding: clamp(10px, 2vw, 24px);
    background: rgba(17, 25, 21, .76);
    overflow: hidden;
}
.muveleti-kozpont {
    position: relative;
    width: min(1180px, 96vw);
    height: auto;
    max-width: 1180px;
    max-height: min(92dvh, 960px);
    padding: 0;
    border-radius: 24px;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    background: #f4f7f4;
    overscroll-behavior: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    border: 1px solid rgba(255,255,255,.72);
    box-shadow: 0 30px 90px rgba(0,0,0,.38);
    animation: muveletiKozpontBe .28s cubic-bezier(.2,.8,.2,1);
}
@keyframes muveletiKozpontBe {
    from { opacity: 0; transform: translateY(18px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.muveleti-fejlec {
    min-height: 190px;
    padding: clamp(22px, 3vw, 32px) 76px clamp(22px, 3vw, 30px) clamp(22px, 3vw, 32px);
    color: #fff;
    background:
        radial-gradient(circle at 88% 12%, rgba(255,255,255,.16), transparent 28%),
        linear-gradient(135deg, #173f2b 0%, #256942 58%, #348b54 100%);
}
.muveleti-fejlec-felso { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.muveleti-cimblokk { min-width: 0; }
.muveleti-felirat {
    display: inline-flex;
    margin-bottom: 7px;
    padding: 5px 10px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 999px;
    background: rgba(255,255,255,.1);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.muveleti-cimblokk h2 { margin: 0; color: #fff; font-size: clamp(1.55rem, 4vw, 2.35rem); line-height: 1.05; }
.muveleti-cimblokk p { margin: 8px 0 0; max-width: 660px; color: rgba(255,255,255,.82); font-size: .94rem; }
.muveleti-bezar {
    position: sticky;
    float: right;
    top: 14px;
    right: 14px;
    z-index: 30;
    width: 44px;
    height: 44px;
    margin: 14px 14px -58px 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 14px;
    background: rgba(255,255,255,.12);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease;
}
.muveleti-bezar:hover, .muveleti-bezar:focus-visible { background: rgba(255,255,255,.22); transform: rotate(4deg) scale(1.04); outline: none; }
.muveleti-statusz-sor { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.muveleti-statusz {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 14px;
    background: rgba(0,0,0,.13);
}
.muveleti-statusz span { display: block; color: rgba(255,255,255,.68); font-size: .7rem; font-weight: 800; }
.muveleti-statusz strong { display: block; margin-top: 3px; overflow: hidden; color: #fff; font-size: .98rem; text-overflow: ellipsis; white-space: nowrap; }
.muveleti-statusz.kiemelt { background: rgba(255,235,59,.13); border-color: rgba(255,241,118,.28); }
.muveleti-eszkoztar {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px clamp(16px, 3vw, 28px);
    border-bottom: 1px solid #dfe7df;
    background: rgba(255,255,255,.94);
}
.muveleti-kereso {
    flex: 1 1 280px;
    min-width: 180px;
    height: 44px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px 0 13px;
    border: 1px solid #d7e1d8;
    border-radius: 14px;
    background: #f7faf7;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.muveleti-kereso:focus-within { border-color: #4b9b66; background: #fff; box-shadow: 0 0 0 4px rgba(75,155,102,.12); }
.muveleti-kereso > span { color: #56705e; font-size: 1.35rem; }
.muveleti-kereso input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #233329; font: inherit; font-weight: 700; }
.muveleti-kereso button { width: 30px; height: 30px; border: 0; border-radius: 9px; background: transparent; color: #829087; font-size: 20px; cursor: pointer; }
.muveleti-kereso button:hover { background: #e7eee8; color: #273d2e; }
.muveleti-szurok { display: flex; flex: 0 1 auto; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.muveleti-szurok::-webkit-scrollbar { display: none; }
.muveleti-szurok button {
    flex: 0 0 auto;
    border: 1px solid #d8e2da;
    border-radius: 999px;
    padding: 9px 12px;
    background: #fff;
    color: #53645a;
    font-size: .76rem;
    font-weight: 900;
    cursor: pointer;
    transition: .18s ease;
}
.muveleti-szurok button:hover { border-color: #87b596; color: #245e38; }
.muveleti-szurok button.aktiv { border-color: #287444; background: #287444; color: #fff; box-shadow: 0 5px 14px rgba(40,116,68,.2); }
.muveleti-kozpont .muveleti-gorgeto {
    display: block;
    min-height: 0;
    padding: 20px clamp(16px, 3vw, 28px) 38px;
    overflow: visible;
}
.muveleti-gorgeto:focus-visible { outline: 3px solid rgba(40,116,68,.25); outline-offset: -3px; }
.muveleti-kozpont::-webkit-scrollbar { width: 11px; }
.muveleti-kozpont::-webkit-scrollbar-track { background: transparent; }
.muveleti-kozpont::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: #91a899; background-clip: padding-box; }
.muveleti-szekcio + .muveleti-szekcio { margin-top: 26px; }
.muveleti-szekcio[hidden] { display: none !important; }
.muveleti-szekcio-fejlec { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 11px; padding: 0 2px; }
.muveleti-szekcio-fejlec span { color: #718078; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.muveleti-szekcio-fejlec h3 { margin: 2px 0 0; color: #213128; font-size: 1.02rem; }
.muveleti-szekcio-fejlec small { color: #7b8980; font-size: .75rem; }
.muveleti-racs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.muveleti-kozpont .muveleti-kartya {
    --kartya-szin: #4f8061;
    position: relative;
    min-width: 0;
    min-height: 86px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 13px;
    border: 1px solid #e1e7e2;
    border-bottom: 1px solid #e1e7e2;
    border-radius: 17px;
    background: #fff;
    color: #27352c;
    box-shadow: 0 5px 16px rgba(31,57,40,.06);
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.muveleti-kozpont .muveleti-kartya::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--kartya-szin); }
.muveleti-kozpont .muveleti-kartya:hover, .muveleti-kozpont .muveleti-kartya:focus-visible { transform: translateY(-2px); border-color: color-mix(in srgb, var(--kartya-szin) 45%, #dce5de); box-shadow: 0 12px 26px rgba(31,57,40,.12); outline: none; }
.muveleti-kozpont .muveleti-kartya:active { transform: translateY(0) scale(.985); }
.muveleti-ikon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: color-mix(in srgb, var(--kartya-szin) 12%, white); font-size: 1.65rem; }
.muveleti-kartya-szoveg { min-width: 0; display: block; }
.muveleti-kartya-szoveg strong { display: block; color: #24332a; font-size: .88rem; line-height: 1.15; }
.muveleti-kartya-szoveg small { display: block; margin-top: 4px; color: #758078; font-size: .69rem; font-weight: 650; line-height: 1.28; }
.muveleti-nyil { color: #9ca8a0; font-size: 1.45rem; font-weight: 500; }
.muveleti-badge { position: absolute; top: 8px; right: 8px; max-width: 92px; padding: 3px 7px; border-radius: 999px; background: #eef4ef; color: #365d43; font-size: .58rem; font-weight: 950; white-space: nowrap; }
.muveleti-kozpont .muveleti-kartya.narancs { --kartya-szin: #ef6c33; }
.muveleti-kozpont .muveleti-kartya.barna { --kartya-szin: #846146; }
.muveleti-kozpont .muveleti-kartya.lila { --kartya-szin: #7657b8; }
.muveleti-kozpont .muveleti-kartya.zold { --kartya-szin: #24825a; }
.muveleti-kozpont .muveleti-kartya.arany { --kartya-szin: #d69a13; }
.muveleti-kozpont .muveleti-kartya.terra { --kartya-szin: #8c6b55; }
.muveleti-kozpont .muveleti-kartya.magenta { --kartya-szin: #a84da6; }
.muveleti-kozpont .muveleti-kartya.kek { --kartya-szin: #476cb5; }
.muveleti-kozpont .muveleti-kartya.cyan { --kartya-szin: #168ba1; }
.muveleti-kozpont .muveleti-kartya.szurke { --kartya-szin: #687980; }
.muveleti-kozpont .muveleti-kartya.sarga { --kartya-szin: #d4a119; }
.muveleti-kozpont .muveleti-kartya.ejszakai-menu-gomb { --kartya-szin: #5854a8; }
.muveleti-kozpont .muveleti-kartya.eji-kereskedo-menu { --kartya-szin: #7854a8; }
.muveleti-kozpont .muveleti-kartya.rendszer-zarolt { opacity: .6; filter: grayscale(.25); cursor: not-allowed; }
.muveleti-kozpont .muveleti-kartya.rendszer-zarolt:hover { transform: none; box-shadow: 0 5px 16px rgba(31,57,40,.06); }
.muveleti-kozpont .rendszer-lakat-jelzo { position: absolute; right: 9px; bottom: 8px; font-size: .78rem; }
.muveleti-nincs-talalat { min-height: 220px; display: grid; place-content: center; justify-items: center; gap: 5px; color: #65736a; text-align: center; }
.muveleti-nincs-talalat[hidden] { display: none !important; }
.muveleti-nincs-talalat span { font-size: 2.4rem; }
.muveleti-nincs-talalat strong { color: #34463a; }
.muveleti-nincs-talalat small { font-size: .78rem; }

@media (max-width: 820px) {
    .muveleti-overlay { padding: 0; }
    .muveleti-kozpont { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; overflow-y: auto; scrollbar-gutter: auto; }
    .mobil-kompakt .teljes-kepernyo-menu .muveleti-kozpont { padding: 0; }
    .muveleti-fejlec { min-height: 0; padding: 18px 66px 17px 16px; }
    .muveleti-cimblokk p { display: none; }
    .muveleti-statusz-sor { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 15px; gap: 7px; }
    .muveleti-statusz { padding: 8px 10px; }
    .muveleti-eszkoztar { align-items: stretch; flex-direction: column; gap: 9px; padding: 10px 12px; }
    .muveleti-kereso { flex-basis: auto; min-height: 42px; }
    .muveleti-szurok { width: 100%; }
    .muveleti-szurok button { flex: 1 0 auto; padding: 8px 11px; }
    .muveleti-kozpont .muveleti-gorgeto { padding: 15px 12px 90px; }
    .muveleti-racs { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
    .muveleti-kozpont .muveleti-kartya { min-height: 98px; grid-template-columns: 42px minmax(0,1fr); align-content: center; gap: 9px; padding: 11px; }
    .muveleti-ikon { width: 42px; height: 42px; border-radius: 12px; font-size: 1.45rem; }
    .muveleti-nyil { display: none; }
    .muveleti-kartya-szoveg strong { font-size: .79rem; }
    .muveleti-kartya-szoveg small { font-size: .62rem; }
    .muveleti-szekcio-fejlec small { display: none; }
}
@media (max-width: 430px) {
    .muveleti-cimblokk h2 { font-size: 1.42rem; }
    .muveleti-felirat { font-size: .6rem; }
    .muveleti-bezar { top: 10px; right: 10px; width: 40px; height: 40px; margin: 10px 10px -50px 0; }
    .muveleti-statusz span { font-size: .61rem; }
    .muveleti-statusz strong { font-size: .82rem; }
    .muveleti-racs { grid-template-columns: 1fr; }
    .muveleti-kozpont .muveleti-kartya { min-height: 76px; grid-template-columns: 44px minmax(0,1fr) auto; }
    .muveleti-nyil { display: block; }
}
@media (prefers-reduced-motion: reduce) {
    .muveleti-kozpont, .muveleti-kozpont .muveleti-kartya { animation: none !important; transition: none !important; }
}
.muveleti-kozpont .muveleti-ikon { font-size: 1.65rem; margin: 0; font-weight: 400; color: inherit; }
.muveleti-kozpont .muveleti-badge { font-size: .58rem; margin: 0; }
@media (max-width: 820px) { .muveleti-kozpont .muveleti-ikon { font-size: 1.45rem; } }
.muveleti-kozpont .muveleti-kartya[hidden] { display: none !important; }
.muveleti-kozpont .ejszakai-menu-gomb { background: #fff !important; color: #27352c; }


/* ========================================================================== */
/* 14.22.0 — Szomszéd-számlálók és bányászenergia                           */
/* ========================================================================== */
.banya-kpi-sor { grid-template-columns: repeat(5, minmax(104px, 1fr)); min-width: min(720px, 56vw); }
.banya-kpi.energia { background: linear-gradient(135deg, rgba(255,213,79,.25), rgba(255,143,0,.16)); border-color: rgba(255,224,130,.42); }
.banya-energia-panel { margin: 0 0 14px; padding: 12px 14px; border: 1px solid #ead7b6; border-radius: 16px; background: linear-gradient(135deg,#fffaf0,#fff4dc); box-shadow: inset 0 1px rgba(255,255,255,.85); }
.banya-energia-fej { display:flex; justify-content:space-between; align-items:center; gap:14px; color:#5d4037; }
.banya-energia-fej span { min-width:0; }
.banya-energia-fej b { display:block; font-size:.86rem; }
.banya-energia-fej small { display:block; margin-top:3px; color:#8a6f58; font-size:.68rem; line-height:1.3; }
.banya-energia-fej strong { flex:none; color:#e65100; font-size:1rem; }
.banya-energia-hatter { height:11px; margin-top:10px; overflow:hidden; border-radius:999px; background:#eadfce; box-shadow:inset 0 1px 3px rgba(80,52,31,.18); }
.banya-energia-hatter i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#ffd54f,#ff8f00); box-shadow:0 0 12px rgba(255,152,0,.36); transition:width .3s ease; }
.banya-energia-kovetkezo { margin-top:6px; color:#806957; font-size:.68rem; font-weight:750; text-align:right; }
.banya-allapot-jelzo.energia-hiany { background:#fff3e0; color:#e65100; }
.banya-allapot-jelzo.energia-hiany i { background:#ff9800; box-shadow:0 0 0 4px rgba(255,152,0,.15); }
.banya-szikla.energia-hiany { cursor:not-allowed; filter:grayscale(.22) brightness(.78); }
.muveleti-badge.energia-alacsony { background:#fff1e3; color:#c84c00; }

.szomszed-szamlalo-racs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:13px 0 4px; }
.szomszed-szamlalo-racs > div { min-width:0; padding:10px 11px; border:1px solid #c5e1a5; border-radius:14px; background:rgba(255,255,255,.78); box-shadow:0 5px 14px rgba(67,104,48,.07); }
.szomszed-szamlalo-racs span { display:block; overflow:hidden; color:#628253; font-size:.66rem; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
.szomszed-szamlalo-racs strong { display:block; margin-top:4px; color:#24552a; font-size:1.15rem; }
#szomszed-menu-badge.nincs-keres { background:#edf5ee; color:#55705d; }

@media (max-width:1100px) {
    .banya-kpi-sor { grid-template-columns:repeat(3,minmax(0,1fr)); min-width:0; }
}
@media (max-width:720px) {
    .banya-kpi-sor { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .szomszed-szamlalo-racs { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .banya-energia-fej { align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .banya-energia-hatter i { transition:none; }
}


/* 14.22.0 — Horgásztó mindig látható, egyértelmű feloldási állapottal */
#horgaszto-menu-badge.horgaszto-nyitva {
    background: #e0f2f1;
    color: #00695c;
    box-shadow: inset 0 0 0 1px rgba(0,105,92,.14);
}
#horgaszto-menu-badge.horgaszto-zarva {
    background: #eceff1;
    color: #546e7a;
    box-shadow: inset 0 0 0 1px rgba(84,110,122,.14);
}
#menu-gomb-to.rendszer-zarolt {
    cursor: pointer;
}
#menu-gomb-to.rendszer-zarolt:hover,
#menu-gomb-to.rendszer-zarolt:focus-visible {
    transform: translateY(-1px);
    border-color: #90a4ae;
    box-shadow: 0 9px 21px rgba(55,71,79,.12);
}

/* =====================================================================
   14.22.0 — MODERN GÉNLABOR, OKOS VEVŐK ÉS FACSEMETE FEJLŐDÉSI ÚTVONAL
   ===================================================================== */
.genlabor-modal{align-items:center;justify-content:center;padding:18px;background:rgba(20,12,31,.72);backdrop-filter:blur(7px)}
.genlabor-modern-panel{width:min(1120px,96vw);max-height:min(92dvh,880px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(210,170,255,.52);border-radius:28px;background:linear-gradient(145deg,#fcf9ff,#f5edff 54%,#fff);box-shadow:0 28px 90px rgba(23,8,42,.46)}
.genlabor-modern-fejlec{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 76px 22px 24px;color:#fff;background:radial-gradient(circle at 12% 0,rgba(255,255,255,.22),transparent 36%),linear-gradient(135deg,#311b92,#6a1b9a 52%,#ad2cc9)}
.genlabor-cimblokk{display:flex;align-items:center;gap:16px}.genlabor-focim-ikon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 12px 24px rgba(0,0,0,.18);font-size:36px}.genlabor-felirat{margin:0 0 3px;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:900;opacity:.78}.genlabor-modern-fejlec h2{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.genlabor-modern-fejlec p:last-child{margin:5px 0 0;max-width:660px;color:rgba(255,255,255,.83);font-size:.88rem}.genlabor-bezar{position:absolute;right:18px;top:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(24,10,46,.27);color:white;font-size:1.7rem;cursor:pointer}.genlabor-bezar:hover{background:#c62828}.genlabor-modern-torzs{min-height:0;overflow-y:auto;padding:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.genlabor-kpi-racs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.genlabor-kpi-racs article{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e3d4ef;border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 8px 20px rgba(73,36,96,.07)}.genlabor-kpi-racs article>span{font-size:25px}.genlabor-kpi-racs small{display:block;color:#76657d;font-size:.7rem}.genlabor-kpi-racs strong{display:block;color:#3b1d4c;margin-top:2px}.genlabor-eszkoztar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.genlabor-kereso{flex:1;display:flex;align-items:center;gap:9px;min-height:44px;padding:0 13px;border:1px solid #d9c7e8;border-radius:14px;background:#fff}.genlabor-kereso input{width:100%;border:0;outline:0;background:transparent;font:inherit}.genlabor-szurok{display:flex;flex-wrap:wrap;gap:6px}.genlabor-szurok button{min-height:40px;padding:8px 12px;border:1px solid #d9c7e8;border-radius:12px;background:#fff;color:#5c3a6b;font-weight:800;cursor:pointer}.genlabor-szurok button.aktiv{border-color:#8e24aa;background:#8e24aa;color:#fff;box-shadow:0 7px 15px rgba(142,36,170,.22)}.genlabor-biztonsagi-sav{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px;padding:12px 14px;border:1px solid #ffd180;border-radius:15px;background:#fff8e1;color:#6d4c41}.genlabor-biztonsagi-sav p{margin:0;font-size:.82rem;line-height:1.5}.genlabor-recept-racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.genlabor-recept-kartya{padding:16px;border:1px solid #dfd2e8;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(54,28,70,.08);transition:transform .18s,border-color .18s,box-shadow .18s}.genlabor-recept-kartya:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(78,31,105,.14)}.genlabor-recept-kartya.indithato{border-color:#a5d6a7}.genlabor-recept-kartya.hianyos{background:linear-gradient(145deg,#fff,#faf8fb)}.genlabor-recept-fej{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.genlabor-eredmeny-ikon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#ede7f6,#f3e5f5);font-size:29px}.genlabor-recept-cim h3{margin:4px 0 2px;color:#3e2450}.genlabor-recept-cim p{margin:0;color:#83728a;font-size:.75rem}.genlabor-statusz-chip{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.genlabor-statusz-chip.kesz{background:#e8f5e9;color:#237a35}.genlabor-statusz-chip.hiany,.genlabor-statusz-chip.zart{background:#ffebee;color:#b3261e}.genlabor-esely-kor{--esely:180deg;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle,#fff 55%,transparent 57%),conic-gradient(#8e24aa var(--esely),#ece3f1 0);color:#4a1761}.genlabor-esely-kor strong{font-size:.9rem}.genlabor-esely-kor small{margin-top:-11px;font-size:.55rem;color:#7b6a82}.genlabor-dns-sor{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:15px 0}.genlabor-anyag{padding:10px;border:1px solid #e5dce9;border-radius:13px;background:#faf8fb;text-align:center}.genlabor-anyag span{display:block;color:#76657d;font-size:.72rem}.genlabor-anyag b{display:block;margin-top:3px}.genlabor-anyag.ok{border-color:#b9dfbb;background:#f1f8e9}.genlabor-anyag.hiany{border-color:#ffcdd2;background:#fff5f5;color:#b3261e}.genlabor-fuzio-jel{font-size:1.25rem;color:#8e24aa;font-weight:900}.genlabor-recept-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.genlabor-recept-meta span{padding:9px;border-radius:11px;background:#f6f1f8}.genlabor-recept-meta small{display:block;color:#84748b;font-size:.61rem}.genlabor-recept-meta b{display:block;margin-top:3px;font-size:.74rem;color:#4c3557}.genlabor-recept-meta b.ok{color:#2e7d32}.genlabor-recept-meta b.hiany{color:#c62828}.genlabor-hiany-szoveg,.genlabor-kesz-szoveg{min-height:34px;margin:10px 0 8px;padding:8px 10px;border-radius:10px;font-size:.72rem}.genlabor-hiany-szoveg{background:#fff1f1;color:#a92828}.genlabor-kesz-szoveg{background:#edf8ee;color:#28793a}.genlabor-inditas{width:100%;min-height:43px;border:0;border-radius:13px;background:linear-gradient(135deg,#7b1fa2,#512da8);color:white;font-weight:900;cursor:pointer;box-shadow:0 9px 18px rgba(81,45,168,.22)}.genlabor-inditas:disabled{background:#d7cfdc;color:#7b7180;box-shadow:none;cursor:not-allowed}.genlabor-zart-panel{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:23px;border:1px solid #d8c5e5;border-radius:22px;background:linear-gradient(145deg,#fff,#f5edfa)}.genlabor-zart-ikon{display:grid;place-items:center;width:74px;height:74px;border-radius:22px;background:#ede7f6;font-size:38px}.genlabor-zart-panel h3{margin:7px 0}.genlabor-zart-panel p{margin:0;color:#76657d}.genlabor-epitesi-koltseg{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.genlabor-epitesi-koltseg span{padding:12px;border-radius:13px;background:#fff;border:1px solid #e2d4eb}.genlabor-epitesi-koltseg small{display:block;color:#806e89}.genlabor-zart-panel button{grid-column:1/-1;min-height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#8e24aa,#5e35b1);color:#fff;font-weight:900;cursor:pointer}.genlabor-ures{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #cbb7d8;border-radius:18px;color:#765f80}

.vasarlo-nevblokk{min-width:0}.vasarlo-profil-leiras{margin:8px 0;padding:8px 10px;border-radius:10px;background:#f7f5f2;color:#6f625b;font-size:.72rem;line-height:1.4}.vasarlo-modern-ajanlat em{display:block;margin-top:3px;color:#7d7068;font-size:.66rem;font-style:normal}.vasarlo-intelligens-meta{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.vasarlo-intelligens-meta>span{padding:5px 8px;border:1px solid #e5ddd7;border-radius:999px;background:#fff;font-size:.65rem;font-weight:800;color:#655a54}.ajanlat-minosites.kiemelkedo{background:#fff3e0;color:#d65a00;border-color:#ffcc80}.ajanlat-minosites.jo{background:#e8f5e9;color:#237b36;border-color:#a5d6a7}.ajanlat-minosites.korrekt{background:#e3f2fd;color:#1565c0;border-color:#90caf9}.ajanlat-minosites.gyenge{background:#ffebee;color:#b3261e;border-color:#ef9a9a}.vasarlo-hatralevo.surgos{background:#ffebee!important;color:#b3261e!important;border-color:#ef9a9a!important;animation:vevoSurgos 1.1s ease-in-out infinite}@keyframes vevoSurgos{50%{transform:scale(1.04)}}.vk-gombok .btn-alku span{display:inline}.vasarlo-kartya.profil-surgos{border-color:#ffb74d}.vasarlo-kartya.profil-nagyker{border-color:#90a4ae}.vasarlo-kartya.profil-keszletfigyelo{border-color:#81c784}

.fa-kuldetes-modal{padding:18px;background:rgba(20,38,23,.68);backdrop-filter:blur(7px)}.fa-kuldetes-modern-panel{width:min(940px,96vw);max-height:min(92dvh,850px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(190,232,174,.58);border-radius:28px;background:linear-gradient(145deg,#fbfff9,#f0f8ed);box-shadow:0 28px 90px rgba(18,54,22,.42)}.fa-kuldetes-modern-fejlec{position:relative;display:flex;justify-content:space-between;gap:16px;padding:22px 74px 22px 24px;color:#fff;background:radial-gradient(circle at 10% 0,rgba(255,255,255,.2),transparent 38%),linear-gradient(135deg,#1b5e20,#2e7d32 55%,#66a83e)}.fa-kuldetes-cimblokk{display:flex;align-items:center;gap:15px}.fa-kuldetes-focim-ikon{display:grid;place-items:center;width:66px;height:66px;border-radius:21px;background:rgba(255,255,255,.16);font-size:38px}.fa-kuldetes-felirat{margin:0 0 3px;text-transform:uppercase;letter-spacing:.12em;font-size:.67rem;font-weight:900;opacity:.8}.fa-kuldetes-modern-fejlec h2{margin:0;font-size:clamp(1.4rem,3vw,1.95rem)}.fa-kuldetes-modern-fejlec p:last-child{margin:5px 0 0;color:rgba(255,255,255,.82);font-size:.83rem}.fa-kuldetes-bezar{position:absolute;right:17px;top:17px;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(9,47,14,.28);color:white;font-size:1.7rem;cursor:pointer}.fa-kuldetes-bezar:hover{background:#c62828}.fa-kuldetes-modern-torzs{min-height:0;overflow-y:auto;padding:19px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.fa-kuldetes-kpi-racs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.fa-kuldetes-kpi-racs article{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #cfe2c9;border-radius:15px;background:rgba(255,255,255,.88)}.fa-kuldetes-kpi-racs article>span{font-size:24px}.fa-kuldetes-kpi-racs small{display:block;color:#667662;font-size:.67rem}.fa-kuldetes-kpi-racs strong{display:block;margin-top:2px;color:#285c2c;font-size:.86rem}.fa-kuldetes-eszkoztar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0}.fa-kuldetes-szurok{display:flex;gap:6px;flex-wrap:wrap}.fa-kuldetes-szurok button{min-height:40px;padding:8px 12px;border:1px solid #c6dcc1;border-radius:12px;background:#fff;color:#37683a;font-weight:850;cursor:pointer}.fa-kuldetes-szurok button.aktiv{background:#2e7d32;color:#fff;border-color:#2e7d32}.fa-kuldetes-tipp{margin:0;max-width:430px;color:#60705d;font-size:.7rem;text-align:right}.fa-kuldetes-modern-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fa-kuldetes-modern-kartya{padding:15px;border:1px solid #cfe0ca;border-radius:19px;background:#fff;box-shadow:0 10px 26px rgba(35,83,37,.08)}.fa-kuldetes-modern-kartya.teljesitve{background:linear-gradient(145deg,#f3fbf1,#e7f5e4);border-color:#9dcc93}.fa-kuldetes-kartya-fej{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.fa-kuldetes-jutalom-ikon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#edf7e9;font-size:29px}.fa-kuldetes-statusz{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.61rem;font-weight:900;text-transform:uppercase}.fa-kuldetes-statusz.folyamat{background:#fff3e0;color:#b75c00}.fa-kuldetes-statusz.kesz{background:#dff2dc;color:#237b32}.fa-kuldetes-kartya-fej h3{margin:4px 0 0;color:#285c2c}.fa-kuldetes-kartya-fej p{margin:2px 0 0;color:#70806c;font-size:.7rem}.fa-kuldetes-szazalek{color:#2e7d32;font-size:1.05rem}.fa-kuldetes-leiras{min-height:42px;margin:12px 0;color:#5d6a59;font-size:.78rem;line-height:1.5}.fa-kuldetes-progress-fej{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:#657461;font-size:.67rem}.fa-kuldetes-progress-fej b{text-align:right;color:#3d683f}.fa-kuldetes-progress{height:10px;border-radius:999px;background:#e6eee3;overflow:hidden}.fa-kuldetes-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#66bb6a,#9ccc65,#d4e157);transition:width .5s}.fa-kuldetes-modern-kartya footer{display:flex;justify-content:space-between;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid #e7eee4;font-size:.68rem;color:#6b7967}.fa-kuldetes-modern-kartya footer b{color:#2d6030;text-align:right}.fa-kuldetes-ures{grid-column:1/-1;padding:30px;border:1px dashed #a9c6a3;border-radius:17px;text-align:center;color:#5f765c}

.farm-malom{right:4%;top:372px}.farm-malom>span{font-size:60px}.malom-lapat{left:24px;top:6px;font-size:47px}

@media(max-width:760px){
.genlabor-modern-panel,.fa-kuldetes-modern-panel{width:100%;max-height:96dvh;border-radius:22px}.genlabor-modern-fejlec,.fa-kuldetes-modern-fejlec{padding:17px 60px 17px 16px}.genlabor-focim-ikon,.fa-kuldetes-focim-ikon{width:50px;height:50px;font-size:28px}.genlabor-modern-fejlec p:last-child,.fa-kuldetes-modern-fejlec p:last-child{display:none}.genlabor-modern-torzs,.fa-kuldetes-modern-torzs{padding:13px}.genlabor-kpi-racs,.fa-kuldetes-kpi-racs{grid-template-columns:repeat(2,1fr)}.genlabor-eszkoztar,.fa-kuldetes-eszkoztar{align-items:stretch;flex-direction:column}.genlabor-recept-racs,.fa-kuldetes-modern-lista{grid-template-columns:1fr}.genlabor-recept-meta{grid-template-columns:1fr 1fr}.genlabor-recept-meta span:last-child{grid-column:1/-1}.genlabor-szurok,.fa-kuldetes-szurok{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.genlabor-szurok button,.fa-kuldetes-szurok button{white-space:nowrap}.fa-kuldetes-tipp{text-align:left}.genlabor-zart-panel{grid-template-columns:1fr;text-align:center}.genlabor-zart-ikon{margin:auto}.genlabor-epitesi-koltseg{grid-template-columns:1fr}.vk-gombok .btn-alku span{display:none}.farm-jelenet{padding-top:300px}.farm-malom{display:block;right:1%;top:282px;transform:scale(.72);transform-origin:top right}.farm-malom>span{font-size:54px}.malom-lapat{left:21px;top:5px;font-size:42px}.farm-uveghaz{top:202px;right:1%}
}


/* =====================================================================
   14.22.0 — MODERN ÁLLATOS MELLÉKKÜLDETÉSEK ÉS ALKU GOMB JAVÍTÁSA
   ===================================================================== */
.allatos-mellekkuldetesek{
    grid-column:1/-1;
    margin-top:20px;
    padding:18px;
    border:1px solid #e2c9a8;
    border-radius:22px;
    background:linear-gradient(145deg,#fffaf3,#fff3e3 52%,#fff);
    box-shadow:0 14px 34px rgba(104,65,24,.10);
}
.allatos-kuldetes-fejlec{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}
.allatos-kuldetes-cimblokk{display:flex;align-items:center;gap:13px;min-width:0}
.allatos-kuldetes-focim-ikon{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#fff0d7,#ffd8a8);box-shadow:inset 0 0 0 1px rgba(170,103,37,.13);font-size:31px}
.allatos-kuldetes-cimblokk p{margin:0 0 2px;color:#a35a16;font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.allatos-kuldetes-cimblokk h3{margin:0;color:#5d3519;font-size:1.2rem}
.allatos-kuldetes-cimblokk small{display:block;margin-top:4px;max-width:620px;color:#846b57;font-size:.72rem;line-height:1.4}
.allatos-kuldetes-fojelzo{flex:none;padding:7px 10px;border-radius:999px;font-size:.68rem;font-weight:900}
.allatos-kuldetes-fojelzo.aktiv{background:#fff0d8;color:#a65308;border:1px solid #ffc77d}
.allatos-kuldetes-fojelzo.kesz{background:#e7f5e8;color:#267837;border:1px solid #a8d7ae}
.allatos-kuldetes-kpi-racs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.allatos-kuldetes-kpi-racs article{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid #ead9c5;border-radius:14px;background:rgba(255,255,255,.84)}
.allatos-kuldetes-kpi-racs article>span{font-size:22px}
.allatos-kuldetes-kpi-racs small{display:block;color:#8c735f;font-size:.62rem}
.allatos-kuldetes-kpi-racs strong{display:block;margin-top:2px;overflow:hidden;color:#603818;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}
.allatos-kuldetes-kovetkezo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;padding:9px 12px;border:1px solid #f0d3a8;border-radius:13px;background:#fff8eb;color:#7d552f;font-size:.7rem}
.allatos-kuldetes-kovetkezo span{font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.allatos-kuldetes-kovetkezo b{text-align:right;color:#623814}
.allatos-kuldetes-racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.allatos-kuldetes-kartya{min-width:0;padding:13px;border:1px solid #ead9c5;border-radius:17px;background:#fff;box-shadow:0 8px 20px rgba(103,63,25,.06)}
.allatos-kuldetes-kartya.teljesitve{border-color:#b9d8b7;background:linear-gradient(145deg,#f6fcf4,#ebf7e9)}
.allatos-kuldetes-kartya header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.allatos-kuldetes-ikon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff2dd;font-size:25px}
.allatos-kuldetes-kartya.teljesitve .allatos-kuldetes-ikon{background:#e3f3df}
.allatos-kuldetes-statusz{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:.56rem;font-weight:900;text-transform:uppercase}
.allatos-kuldetes-statusz.folyamat{background:#fff0d8;color:#a65308}
.allatos-kuldetes-statusz.kesz{background:#dff1dc;color:#287638}
.allatos-kuldetes-kartya h4{margin:4px 0 0;color:#5a351b;font-size:.84rem;line-height:1.25}
.allatos-kuldetes-kartya header p{margin:2px 0 0;color:#927660;font-size:.62rem}
.allatos-kuldetes-jutalom{align-self:start;padding:5px 7px;border:1px solid #f0d3a8;border-radius:10px;background:#fffaf1;color:#a35408;font-size:.68rem;white-space:nowrap}
.allatos-kuldetes-haladas-fej{display:flex;justify-content:space-between;gap:10px;margin:11px 0 5px;color:#806650;font-size:.67rem;font-weight:800}
.allatos-kuldetes-haladas-fej b{color:#a45b13}
.allatos-kuldetes-progress{height:10px;overflow:hidden;border-radius:999px;background:#eee2d3;box-shadow:inset 0 1px 3px rgba(77,48,20,.12)}
.allatos-kuldetes-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb74d,#ff8f00);transition:width .45s ease}
.allatos-kuldetes-kartya.teljesitve .allatos-kuldetes-progress i{background:linear-gradient(90deg,#66bb6a,#43a047)}
.allatos-kuldetes-kartya footer{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:9px;color:#846d59;font-size:.62rem;line-height:1.35}
.allatos-kuldetes-kartya footer b{max-width:58%;color:#654226;text-align:right}
.allatos-kuldetes-ures{grid-column:1/-1;padding:25px;border:1px dashed #d8b98e;border-radius:15px;text-align:center;color:#846a51}

/* Az Alku felirat mindig a gombon belül marad. */
#piac-modal .vk-gombok{grid-template-columns:minmax(0,1fr) minmax(72px,auto) 42px;align-items:stretch}
#piac-modal .btn-alku{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:auto;
    min-width:72px;
    max-width:100%;
    padding:6px 9px;
    box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap;
    font-size:.72rem;
    line-height:1;
}
#piac-modal .btn-alku span{display:inline!important;min-width:0;overflow:hidden;text-overflow:ellipsis}
#alku-gomb.gomb-alku{display:inline-flex;align-items:center;justify-content:center;min-width:88px;box-sizing:border-box;white-space:nowrap;line-height:1.15}

@media(max-width:760px){
    .allatos-mellekkuldetesek{padding:13px;border-radius:18px}
    .allatos-kuldetes-fejlec{align-items:stretch;flex-direction:column}
    .allatos-kuldetes-fojelzo{align-self:flex-start}
    .allatos-kuldetes-kpi-racs{grid-template-columns:repeat(2,minmax(0,1fr))}
    .allatos-kuldetes-racs{grid-template-columns:1fr}
    .allatos-kuldetes-kovetkezo{align-items:flex-start;flex-direction:column}
    .allatos-kuldetes-kovetkezo b{text-align:left}
    .allatos-kuldetes-kartya footer{flex-direction:column}
    .allatos-kuldetes-kartya footer b{max-width:none;text-align:left}
    #piac-modal .vk-gombok{grid-template-columns:minmax(0,1fr) 66px 40px}
    #piac-modal .btn-alku{min-width:0;padding:6px 7px;font-size:.68rem}
}
@media(max-width:390px){
    .allatos-kuldetes-cimblokk{align-items:flex-start}
    .allatos-kuldetes-focim-ikon{width:46px;height:46px;font-size:26px}
    .allatos-kuldetes-kpi-racs{grid-template-columns:1fr 1fr}
    .allatos-kuldetes-kartya header{grid-template-columns:auto minmax(0,1fr)}
    .allatos-kuldetes-jutalom{grid-column:1/-1;justify-self:start}
}
@media(prefers-reduced-motion:reduce){.allatos-kuldetes-progress i{transition:none}}


/* ========================================================================== 
   14.22.0 — MUNKÁS TAPASZTALAT, SZEMÉLYISÉG ÉS DINAMIKUS BÉREZÉS
   ========================================================================== */
.munkas-modern-fejlec .menedzsment-kpi-sor { grid-template-columns: repeat(4, minmax(86px,1fr)); }
.munkas-modern-avatar { position: relative; }
.munkas-modern-avatar > span { line-height: 1; }
.munkas-modern-avatar > b {
    position: absolute; right: -7px; bottom: -7px;
    min-width: 35px; padding: 4px 7px; border-radius: 999px;
    color: #fff; background: linear-gradient(100deg,#512da8,#8e24aa);
    border: 2px solid #fff; font-size: .61rem; text-align: center;
    box-shadow: 0 5px 13px rgba(81,45,168,.28);
}
.munkas-szemelyiseg {
    display: grid; grid-template-columns: auto minmax(0,1fr); gap: 9px; align-items: center;
    padding: 10px 11px; border-radius: 13px;
    background: linear-gradient(120deg,#f3e5f5,#ede7f6); border: 1px solid #d1c4e9;
}
.munkas-szemelyiseg-ikon { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; background:#fff; font-size:1.2rem; }
.munkas-szemelyiseg strong { display:block; color:#512da8; font-size:.78rem; }
.munkas-szemelyiseg small { display:block; margin-top:2px; color:#6f6580; font-size:.64rem; line-height:1.35; }
.munkas-tapasztalat { padding: 10px 11px; border-radius: 13px; background:#f7f8fb; border:1px solid #e4e7ec; }
.munkas-tapasztalat > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.munkas-tapasztalat span { color:#7a8792; font-size:.64rem; }
.munkas-tapasztalat strong { color:#37474f; font-size:.7rem; }
.munkas-tapasztalat > small { display:block; margin-top:6px; color:#81909b; font-size:.59rem; line-height:1.35; }
.munkas-xp-sav { height:8px; margin-top:7px; overflow:hidden; border-radius:999px; background:#e1e5ec; }
.munkas-xp-sav i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7e57c2,#26a69a); transition:width .3s ease; }
.munkas-modern-adatok small { display:block; margin-top:3px; color:#78909c; font-size:.57rem; line-height:1.25; }
@media (max-width: 720px) {
    .munkas-modern-fejlec .menedzsment-kpi-sor { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .munkas-modern-adatok { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 390px) {
    .munkas-modern-adatok { grid-template-columns: 1fr; }
}

/* =========================================================
 * 14.22.0 — MODERN GAZDASÁGI TANÁCSADÓ
 * ========================================================= */
.tanacsado-menu-kartya { position: relative; }
.tanacsado-menu-jelzo {
    position: absolute; top: 8px; right: 30px; min-width: 24px; height: 24px;
    padding: 0 7px; border-radius: 999px; display: inline-flex; align-items: center;
    justify-content: center; background: #ffb300; color: #3e2723; font-size: .72rem;
    font-weight: 900; box-shadow: 0 4px 12px rgba(255,179,0,.35);
}
.tanacsado-menu-jelzo.kritikus { background: #e53935; color: #fff; animation: tanacsado-jelzo-pulzus 1.4s infinite; }
@keyframes tanacsado-jelzo-pulzus { 50% { transform: scale(1.12); box-shadow: 0 0 0 7px rgba(229,57,53,0); } }

body.tanacsado-nyitva { overflow: hidden; }
.tanacsado-modal-hatter { z-index: 16000; padding: 18px; align-items: center; justify-content: center; }
.tanacsado-kozpont {
    position: relative; width: min(1180px, 96vw); max-height: min(920px, 94dvh);
    border-radius: 28px; overflow: hidden; color: #183329;
    background: linear-gradient(145deg, #f7fff8 0%, #edf8f1 48%, #f8f5e9 100%);
    border: 1px solid rgba(29, 101, 70, .18); box-shadow: 0 28px 80px rgba(7, 39, 27, .38);
}
.tanacsado-gorgeto { max-height: min(920px, 94dvh); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; }
.tanacsado-bezar { position: absolute; z-index: 6; top: 16px; right: 16px; background: rgba(255,255,255,.92); color: #164c38; box-shadow: 0 7px 20px rgba(0,0,0,.16); }
.tanacsado-fejlec {
    display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 18px; align-items: center;
    padding: 26px 72px 24px 28px; color: #fff;
    background: radial-gradient(circle at 85% 10%, rgba(255,215,64,.25), transparent 30%), linear-gradient(135deg, #0f5d43, #207a55 55%, #315f3d);
}
.tanacsado-fejlec-ikon { width: 74px; height: 74px; display: grid; place-items: center; border-radius: 22px; font-size: 2.5rem; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); }
.tanacsado-fejlec-szoveg > span { display: block; text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; font-weight: 800; opacity: .82; }
.tanacsado-fejlec-szoveg h2 { margin: 4px 0 6px; font-size: clamp(1.65rem, 4vw, 2.45rem); line-height: 1.05; }
.tanacsado-fejlec-szoveg p { margin: 0; max-width: 680px; opacity: .88; line-height: 1.45; }
.tanacsado-fejlec-oldal { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.tanacsado-fejlec-oldal > span { font-size: .82rem; font-weight: 800; background: rgba(255,255,255,.14); border-radius: 999px; padding: 8px 12px; }
.tanacsado-fejlec-oldal button, .tanacsado-szakasz-fej button { border: 0; border-radius: 13px; padding: 10px 14px; font-weight: 800; cursor: pointer; color: #174c38; background: #f5d96f; box-shadow: 0 6px 18px rgba(0,0,0,.13); }

.tanacsado-kpi-racs { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; padding: 18px 24px 0; }
.tanacsado-kpi-racs article { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 14px; background: rgba(255,255,255,.86); border: 1px solid rgba(25,105,70,.13); border-radius: 18px; box-shadow: 0 6px 18px rgba(18,72,48,.07); }
.tanacsado-kpi-racs article > span { font-size: 1.65rem; }
.tanacsado-kpi-racs small { display: block; color: #64766e; font-size: .72rem; }
.tanacsado-kpi-racs strong { display: block; margin-top: 2px; font-size: 1rem; color: #164c38; overflow-wrap: anywhere; }
.tanacsado-kpi-racs .veszely strong { color: #c62828; }

.tanacsado-xp-blokk { margin: 14px 24px 0; padding: 13px 16px; border-radius: 16px; background: rgba(17,95,67,.07); border: 1px solid rgba(17,95,67,.12); }
.tanacsado-xp-blokk > div:first-child { display: flex; justify-content: space-between; gap: 10px; font-size: .82rem; font-weight: 800; }
.tanacsado-xp-hatter { height: 8px; margin: 8px 0 5px; overflow: hidden; border-radius: 999px; background: rgba(20,70,52,.13); }
.tanacsado-xp-hatter span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #4caf50, #d4b63b); border-radius: inherit; transition: width .35s ease; }
.tanacsado-xp-blokk small { color: #68796f; }

.tanacsado-tabok { display: flex; gap: 8px; margin: 18px 24px 0; overflow-x: auto; padding: 0 0 7px; scrollbar-width: thin; }
.tanacsado-tabok button { flex: 0 0 auto; border: 1px solid rgba(18,91,62,.15); border-radius: 12px; background: rgba(255,255,255,.88); padding: 10px 13px; cursor: pointer; color: #335e4c; font-weight: 800; white-space: nowrap; }
.tanacsado-tabok button.aktiv { background: #176846; color: #fff; border-color: #176846; box-shadow: 0 6px 15px rgba(23,104,70,.25); }
.tanacsado-tartalom { padding: 16px 24px 28px; }
.tanacsado-tab-panel[hidden] { display: none !important; }
.tanacsado-szakasz-fej { display: flex; justify-content: space-between; gap: 14px; align-items: end; margin-bottom: 13px; }
.tanacsado-szakasz-fej small { display: block; color: #718178; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; font-size: .68rem; }
.tanacsado-szakasz-fej h3 { margin: 3px 0 0; font-size: 1.35rem; color: #173f31; }
.tanacsado-szakasz-fej > span { font-size: .78rem; color: #697a71; }

.tanacsado-lista { display: grid; gap: 12px; }
.tanacsado-tanacs { position: relative; padding: 16px; border-radius: 19px; background: rgba(255,255,255,.93); border: 1px solid rgba(29,95,68,.13); box-shadow: 0 7px 22px rgba(25,67,48,.08); overflow: hidden; }
.tanacsado-tanacs::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 5px; background: #468c69; }
.tanacsado-tanacs.tipus-kritikus::before { background: #e53935; }
.tanacsado-tanacs.tipus-figyelmeztetes::before { background: #fb8c00; }
.tanacsado-tanacs.tipus-lehetoseg::before { background: #2e7d32; }
.tanacsado-tanacs.tipus-fejlesztes::before { background: #5e35b1; }
.tanacsado-tanacs-fej { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 12px; align-items: center; }
.tanacsado-tanacs-ikon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; font-size: 1.55rem; background: #eef7f1; }
.tanacsado-tanacs-fej small { color: #748179; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; font-size: .67rem; }
.tanacsado-tanacs h3 { margin: 3px 0 0; font-size: 1.05rem; color: #173e30; }
.tanacsado-tanacs > p { margin: 11px 0; color: #51655b; line-height: 1.48; }
.tanacsado-nemit { border: 0; background: #f0f2f1; color: #66736d; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; font-size: 1.1rem; }
.tanacsado-becsles { display: inline-flex; padding: 6px 9px; border-radius: 9px; color: #195b3f; background: #e4f3e9; font-size: .78rem; font-weight: 900; }
.tanacsado-miert { margin-top: 11px; border-radius: 12px; background: #f7faf8; border: 1px solid rgba(39,105,75,.1); }
.tanacsado-miert summary { padding: 10px 12px; cursor: pointer; font-weight: 800; color: #38624f; }
.tanacsado-miert ul { margin: 0; padding: 0 28px 12px; color: #596b62; line-height: 1.5; }
.tanacsado-tanacs-akciok { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.tanacsado-tanacs-akciok button { min-height: 38px; border-radius: 11px; padding: 8px 12px; cursor: pointer; font-weight: 800; }
.tanacsado-akcio { border: 0; background: #176846; color: #fff; }
.tanacsado-akcio span { margin-left: 5px; }
.tanacsado-hasznos { position: relative; border: 1px solid rgba(24,95,65,.18); color: #315c49; background: #f5faf7; transition: transform .16s ease, background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease; }
.tanacsado-hasznos:hover { transform: translateY(-1px); border-color: rgba(24,95,65,.38); }
.tanacsado-hasznos:active { transform: translateY(1px) scale(.98); }
.tanacsado-hasznos.masodlagos { color: #6e7772; background: #fafafa; border-color: rgba(98,71,71,.15); }
.tanacsado-hasznos.aktiv:not(.masodlagos) { color: #fff; background: linear-gradient(135deg, #238b57, #14673f); border-color: #14673f; box-shadow: 0 7px 17px rgba(25,116,72,.28); }
.tanacsado-hasznos.masodlagos.aktiv { color: #fff; background: linear-gradient(135deg, #d45a55, #a93434); border-color: #a93434; box-shadow: 0 7px 17px rgba(169,52,52,.24); }
.tanacsado-tanacs.visszajelzett .tanacsado-hasznos:not(.aktiv) { opacity: .62; }
.tanacsado-visszajelzes-statusz { display: grid; grid-template-columns: 30px minmax(0,1fr); column-gap: 9px; align-items: center; margin-top: 11px; padding: 10px 12px; border-radius: 12px; animation: tanacsadoVisszajelzesBe .24s ease both; }
.tanacsado-visszajelzes-statusz[hidden] { display: none !important; }
.tanacsado-visszajelzes-statusz > span { grid-row: 1 / span 2; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-weight: 900; }
.tanacsado-visszajelzes-statusz strong { font-size: .84rem; line-height: 1.2; }
.tanacsado-visszajelzes-statusz small { margin-top: 2px; font-size: .73rem; line-height: 1.3; }
.tanacsado-visszajelzes-statusz.pozitiv { color: #1d6443; background: #e8f6ed; border: 1px solid rgba(31,132,79,.18); }
.tanacsado-visszajelzes-statusz.pozitiv > span { background: #238b57; }
.tanacsado-visszajelzes-statusz.pozitiv small { color: #507562; }
.tanacsado-visszajelzes-statusz.negativ { color: #8d3434; background: #fff0ef; border: 1px solid rgba(178,59,52,.17); }
.tanacsado-visszajelzes-statusz.negativ > span { background: #bc4742; }
.tanacsado-visszajelzes-statusz.negativ small { color: #80605e; }
@keyframes tanacsadoVisszajelzesBe { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.tanacsado-ures { padding: 34px 18px; text-align: center; border: 1px dashed rgba(26,100,69,.22); border-radius: 20px; background: rgba(255,255,255,.65); }
.tanacsado-ures > span { display: block; font-size: 2.3rem; }
.tanacsado-ures strong { display: block; margin-top: 8px; color: #285843; }
.tanacsado-ures p { margin: 6px auto 0; color: #687970; max-width: 560px; }

.tanacsado-penzugyi-racs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.tanacsado-penzugyi-racs article { min-height: 112px; padding: 16px; border-radius: 17px; background: #fff; border: 1px solid rgba(25,95,65,.13); box-shadow: 0 6px 18px rgba(22,64,46,.07); }
.tanacsado-penzugyi-racs small, .tanacsado-penzugyi-racs em { display: block; color: #718077; font-size: .74rem; font-style: normal; }
.tanacsado-penzugyi-racs strong { display: block; margin: 10px 0 5px; font-size: 1.24rem; color: #1b6546; }
.tanacsado-penzugyi-racs .kiadas strong, .tanacsado-penzugyi-racs .negativ strong { color: #c62828; }
.tanacsado-penzugyi-racs .kiemelt { background: linear-gradient(135deg, #164e38, #287a57); }
.tanacsado-penzugyi-racs .kiemelt small, .tanacsado-penzugyi-racs .kiemelt strong, .tanacsado-penzugyi-racs .kiemelt em { color: #fff; }
.tanacsado-elorejelzes-megjegyzes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.tanacsado-elorejelzes-megjegyzes span { padding: 9px 11px; border-radius: 11px; background: rgba(255,255,255,.78); border: 1px solid rgba(25,95,65,.11); color: #53665c; font-size: .8rem; }

.tanacsado-munkaslista, .tanacsado-jelenteslista { display: grid; gap: 12px; }
.tanacsado-munkas { padding: 15px; border-radius: 18px; background: #fff; border: 1px solid rgba(30,94,68,.13); }
.tanacsado-munkas.jo { border-left: 5px solid #43a047; }
.tanacsado-munkas.rossz { border-left: 5px solid #ef6c00; }
.tanacsado-munkas-fej { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 11px; align-items: center; }
.tanacsado-munkas-fej > span { font-size: 1.75rem; }
.tanacsado-munkas-fej h3 { margin: 0; color: #204d39; }
.tanacsado-munkas-fej small { color: #718077; }
.tanacsado-munkas-fej > b { color: #1d6547; }
.tanacsado-munkas-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.tanacsado-munkas-meta span { font-size: .76rem; padding: 7px 9px; border-radius: 9px; background: #f2f7f4; color: #52645b; }
.tanacsado-munkas p { margin: 10px 0 0; color: #607067; }

.tanacsado-jelentes { padding: 16px; border-radius: 18px; background: #fff; border: 1px solid rgba(30,94,68,.13); }
.tanacsado-jelentes header { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.tanacsado-jelentes h3 { margin: 2px 0 0; color: #234d3a; }
.tanacsado-jelentes header small { color: #748078; }
.tanacsado-jelentes header > span { font-weight: 900; font-size: 1.05rem; }
.tanacsado-jelentes .pozitiv { color: #2e7d32; }
.tanacsado-jelentes .negativ { color: #c62828; }
.tanacsado-jelentes-racs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin: 13px 0; }
.tanacsado-jelentes-racs span { padding: 8px; border-radius: 10px; background: #f2f7f4; color: #5a6c62; font-size: .76rem; }
.tanacsado-jelentes-racs b { display: block; margin-top: 3px; color: #244f3b; }
.tanacsado-jelentes p, .tanacsado-jelentes ul { color: #5c6c64; line-height: 1.45; }

.tanacsado-beallitas-racs { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.tanacsado-beallitas-racs article, .tanacsado-nemitott { padding: 17px; border-radius: 18px; background: #fff; border: 1px solid rgba(30,94,68,.13); }
.tanacsado-beallitas-racs label { display: block; margin-bottom: 7px; font-weight: 900; color: #315947; }
.tanacsado-beallitas-racs select { width: 100%; min-height: 44px; border: 1px solid rgba(29,91,66,.2); border-radius: 11px; padding: 0 12px; background: #f8fbf9; color: #244d3a; }
.tanacsado-stilus-leiras { display: flex; gap: 11px; align-items: flex-start; margin-top: 12px; padding: 11px; border-radius: 12px; background: #f2f7f4; }
.tanacsado-stilus-leiras > span { font-size: 1.5rem; }
.tanacsado-stilus-leiras p { margin: 3px 0 0; color: #637269; font-size: .8rem; }
.tanacsado-kapcsolo { display: flex !important; align-items: center; gap: 9px; margin-top: 15px; font-size: .84rem; }
.tanacsado-kapcsolo input { width: 18px; height: 18px; }
.tanacsado-nemitott { margin-top: 14px; }
.tanacsado-nemitott h3 { margin: 0; color: #315947; }
.tanacsado-nemitott p { margin: 4px 0 12px; color: #6a7970; }
#tanacsado-nemitott-lista { display: flex; flex-wrap: wrap; gap: 7px; }
#tanacsado-nemitott-lista button { border: 1px solid rgba(35,94,68,.16); border-radius: 999px; padding: 7px 10px; background: #f3f7f5; color: #52665b; cursor: pointer; }
.tanacsado-toast-gomb { margin-top: 8px; min-height: 40px; border: 1px solid rgba(23,78,57,.16); border-radius: 10px; padding: 9px 12px; background: #fff; color: #174e39; font-weight: 900; cursor: pointer; touch-action: manipulation; box-shadow: 0 4px 12px rgba(23,78,57,.12); }
.tanacsado-toast-gomb:hover { transform: translateY(-1px); box-shadow: 0 7px 16px rgba(23,78,57,.17); }
.tanacsado-toast-gomb:focus-visible { outline: 3px solid rgba(23,78,57,.28); outline-offset: 2px; }

@media (max-width: 850px) {
    .tanacsado-modal-hatter { padding: 0; align-items: stretch; }
    .tanacsado-kozpont { width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; }
    .tanacsado-gorgeto { max-height: 100dvh; height: 100dvh; }
    .tanacsado-fejlec { grid-template-columns: auto minmax(0,1fr); padding: 22px 58px 20px 18px; }
    .tanacsado-fejlec-ikon { width: 58px; height: 58px; border-radius: 17px; font-size: 2rem; }
    .tanacsado-fejlec-oldal { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; }
    .tanacsado-kpi-racs { grid-template-columns: repeat(2, minmax(0,1fr)); padding: 14px 14px 0; }
    .tanacsado-xp-blokk, .tanacsado-tabok { margin-left: 14px; margin-right: 14px; }
    .tanacsado-tartalom { padding: 13px 14px 90px; }
    .tanacsado-penzugyi-racs { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .tanacsado-beallitas-racs { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .tanacsado-fejlec-szoveg p { font-size: .78rem; }
    .tanacsado-kpi-racs { gap: 8px; }
    .tanacsado-kpi-racs article { padding: 10px; gap: 8px; }
    .tanacsado-kpi-racs article > span { font-size: 1.3rem; }
    .tanacsado-kpi-racs strong { font-size: .82rem; }
    .tanacsado-szakasz-fej { align-items: flex-start; flex-direction: column; }
    .tanacsado-tanacs-akciok { display: grid; grid-template-columns: 1fr 1fr; }
    .tanacsado-akcio { grid-column: 1 / -1; }
    .tanacsado-penzugyi-racs { grid-template-columns: 1fr; }
    .tanacsado-jelentes-racs { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .tanacsado-munkas-fej { grid-template-columns: auto minmax(0,1fr); }
    .tanacsado-munkas-fej > b { grid-column: 2; }
}


/* 14.22.0 — Látható kritikus tanácsok és élő hőmérséklet */
#tanacsado-kpi-kritikus-kartya.kattinthato { cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; }
#tanacsado-kpi-kritikus-kartya.kattinthato:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(181,42,42,.18); }
#tanacsado-kpi-kritikus-kartya.kattinthato:focus-visible { outline: 3px solid rgba(229,57,53,.35); outline-offset: 3px; }
#tanacsado-kpi-kritikus-kartya em { display:block; max-width:190px; margin-top:3px; color:#8f3634; font-size:.66rem; font-style:normal; font-weight:750; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#tanacsado-kpi-kritikus-kartya.nincs-kritikus { opacity:.72; }
#tanacsado-kpi-kritikus-kartya.nincs-kritikus em { color:#718077; }
.tanacsado-kritikus-banner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:11px; align-items:center; margin-bottom:12px; padding:13px 14px; border:1px solid rgba(211,47,47,.22); border-radius:16px; background:linear-gradient(135deg,#fff1f0,#fff8f6); color:#8f2f2f; }
.tanacsado-kritikus-banner > span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#e53935; color:#fff; font-size:1.25rem; }
.tanacsado-kritikus-banner strong,.tanacsado-kritikus-banner small { display:block; }
.tanacsado-kritikus-banner small { margin-top:2px; color:#815c59; }
.tanacsado-kritikus-banner button { min-height:38px; border:1px solid rgba(184,48,48,.22); border-radius:11px; padding:8px 11px; background:#fff; color:#a12f2f; font-weight:850; cursor:pointer; }
.tanacsado-tanacs.kiemelt-felvillanas { animation: tanacsadoKritikusKiemeles 1.1s ease; }
@keyframes tanacsadoKritikusKiemeles { 0%,100% { box-shadow:0 6px 18px rgba(22,64,46,.07); } 35% { box-shadow:0 0 0 5px rgba(229,57,53,.18),0 16px 38px rgba(191,45,45,.22); transform:translateY(-2px); } }
.idojaras-homersek.hideg { color:#0277bd; }
.idojaras-homersek.forro { color:#d84315; }
@media (max-width:520px) {
    #tanacsado-kpi-kritikus-kartya em { max-width:125px; }
    .tanacsado-kritikus-banner { grid-template-columns:auto minmax(0,1fr); }
    .tanacsado-kritikus-banner button { grid-column:1/-1; width:100%; }
}


/* =============================================================================
   14.22.0 — FELDOLGOZÓ ÜZEMEK: KÖTEGELÉS, MARZS ÉS TARTÓS FOLYAMATOK
   ============================================================================= */
.uzem-marzs,.uzem-ertek{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-weight:850;background:#eef3f7;color:#455a64}
.uzem-marzs.pozitiv{background:#e8f5e9;color:#2e7d32}.uzem-marzs.negativ{background:#ffebee;color:#c62828}
.uzem-koteg-valaszto{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0;padding:8px 9px;border:1px solid #dce3ea;border-radius:11px;background:#f6f8fa;color:#546e7a;font-size:.69rem;font-weight:850}
.uzem-koteg-valaszto>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.uzem-koteg-valaszto button{min-width:42px;min-height:31px;padding:5px 8px;border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#455a64;font:inherit;font-weight:900;cursor:pointer}
.uzem-koteg-valaszto button:hover:not(:disabled){border-color:#ff9800;color:#e65100}.uzem-koteg-valaszto button.aktiv{border-color:#ff9800;background:#fff3e0;color:#e65100;box-shadow:0 0 0 2px rgba(255,152,0,.12)}
.uzem-koteg-valaszto button:disabled{opacity:.42;cursor:not-allowed}.uzem-koteg-valaszto.aktiv-koteg{background:#fff8e1;border-color:#ffcc80;color:#e65100}.uzem-koteg-valaszto.aktiv-koteg strong{font-size:.85rem}
@media(max-width:720px){.menedzsment-kpi-sor{grid-template-columns:repeat(2,minmax(0,1fr))}.uzem-koteg-valaszto{align-items:flex-start;flex-direction:column}.uzem-koteg-valaszto>div{width:100%;justify-content:stretch}.uzem-koteg-valaszto button{flex:1}}


/* 14.27.0 — intelligens Kiszállító és Piacszervező */
#vasarlo-max { font-variant-numeric: tabular-nums; }
.piac-vevok-panel .piac-szekcio-badge { min-width: 58px; justify-content: center; }


/* 14.27.0 — élő bérszámláló, favágó-visszajelzés és falusi téli melegágy */
#tanacsado-kovetkezo-ber-ido.hamarosan,
[data-tanacsado-munkas-ber].hamarosan { color:#c62828; font-weight:900; animation:berHamarosan 1s ease-in-out infinite alternate; }
@keyframes berHamarosan { from { opacity:.68; } to { opacity:1; } }
.favagas-adatlap button.allapot-blokkolt { background:linear-gradient(135deg,#8d6e63,#ef6c00); box-shadow:0 8px 18px rgba(230,81,0,.24); }
.favagas-adatlap button.allapot-blokkolt:hover { filter:brightness(1.05); }
.favagas-allapot-uzenet { margin-top:10px; padding:10px 12px; border-radius:13px; font-size:.78rem; line-height:1.4; border:1px solid #c8e6c9; background:#edf8ee; color:#2e6634; }
.favagas-allapot-uzenet.figyelmeztetes { border-color:#ffcc80; background:#fff5e6; color:#8a4b08; }
.teli-menedek-panel { width:min(980px,calc(100% - 24px)); margin:12px auto; padding:13px 15px; display:flex; align-items:center; gap:13px; border:1px solid rgba(2,119,189,.25); border-radius:18px; background:linear-gradient(135deg,#e3f2fd,#f8fcff 60%,#fff8e1); box-shadow:0 8px 24px rgba(2,90,145,.12); color:#164863; }
.teli-menedek-panel[hidden] { display:none!important; }
.teli-menedek-ikon { font-size:2.2rem; }
.teli-menedek-panel div { flex:1; min-width:0; }
.teli-menedek-panel small { display:block; text-transform:uppercase; letter-spacing:.08em; font-weight:900; color:#0277bd; }
.teli-menedek-panel strong { display:block; margin:2px 0; font-size:1.02rem; }
.teli-menedek-panel p { margin:2px 0 0; color:#5c7180; font-size:.78rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.teli-menedek-panel button { border:0; border-radius:12px; padding:10px 13px; background:#0277bd; color:#fff; font-weight:900; cursor:pointer; }
.parcella.teli-melegagy { position:relative; border-color:#42a5f5!important; box-shadow:inset 0 0 0 2px rgba(255,255,255,.68),0 0 0 3px rgba(66,165,245,.2),0 7px 18px rgba(2,119,189,.18)!important; background-image:linear-gradient(rgba(227,242,253,.32),rgba(255,248,225,.2)); }
.parcella.teli-melegagy::after { content:'🧺 Melegágy'; position:absolute; z-index:8; left:50%; top:3px; transform:translateX(-50%); padding:2px 6px; border-radius:999px; background:rgba(1,87,155,.9); color:white; font-size:8px; font-weight:900; white-space:nowrap; pointer-events:none; }
.parcella.teli-melegagy::before { content:''; position:absolute; inset:5px; border-radius:10px; border-top:2px solid rgba(255,255,255,.75); pointer-events:none; z-index:7; }
@media(max-width:680px){ .teli-menedek-panel{align-items:flex-start;flex-wrap:wrap}.teli-menedek-panel button{width:100%}.teli-menedek-panel p{white-space:normal}.parcella.teli-melegagy::after{font-size:7px;padding:1px 4px} }
@media(prefers-reduced-motion:reduce){ #tanacsado-kovetkezo-ber-ido.hamarosan,[data-tanacsado-munkas-ber].hamarosan{animation:none} }

/* =========================================================
   14.27.0 — FALUSI HÍRNÉV ÉS KÖZÖSSÉGI ÉLET
   ========================================================= */
.falu-tabok{display:flex;gap:8px;padding:10px 18px;background:#f3f8ef;border-bottom:1px solid #d6e4d1;overflow-x:auto}
.falu-tabok button{min-height:42px;padding:9px 15px;border:1px solid #cbdcc6;border-radius:13px;background:#fff;color:#416045;font-weight:900;cursor:pointer;white-space:nowrap;transition:.18s ease}
.falu-tabok button:hover{transform:translateY(-1px);border-color:#7aaa70}
.falu-tabok button.aktiv{border-color:#2e7d32;background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;box-shadow:0 8px 18px rgba(46,125,50,.22)}
.falu-npc-hirnev-chip{display:inline-flex;align-items:center;margin:0 0 10px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--ag-szin),white 55%);border-radius:999px;background:color-mix(in srgb,var(--ag-szin),white 88%);color:color-mix(in srgb,var(--ag-szin),black 22%);font-size:.72rem;font-weight:900}
#falu-menu-badge.aktiv{background:#fff3cd;color:#8a5b00;box-shadow:0 0 0 2px rgba(255,193,7,.22)}
.falu-hirnev-tartalom{min-height:0;flex:1;overflow:auto;padding:16px;background:linear-gradient(145deg,#eef6e9,#f9fbf7);overscroll-behavior:contain}
.falu-hirnev-tartalom[hidden]{display:none!important}
.falu-hirnev-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px;border:1px solid #cfe0c8;border-radius:24px;background:radial-gradient(circle at 8% 0,rgba(255,255,255,.92),transparent 32%),linear-gradient(135deg,#dcedc8,#fff8e1 55%,#e8f5e9);box-shadow:0 12px 34px rgba(52,91,49,.1)}
.falu-hirnev-cimer{display:grid;place-items:center;width:78px;height:78px;border-radius:23px;background:rgba(255,255,255,.72);font-size:42px;box-shadow:inset 0 0 0 1px rgba(65,100,58,.15),0 10px 22px rgba(50,82,45,.12)}
.falu-hirnev-osszefoglalo small,.falu-hirnev-ag-szekcio>header small,.falu-kozossegi-keres-szekcio>header small,.falu-kozossegi-naplo-szekcio header small{text-transform:uppercase;letter-spacing:.1em;font-size:.64rem;font-weight:900;color:#758a74}
.falu-hirnev-osszefoglalo h3{margin:3px 0 4px;color:#254f2c;font-size:clamp(1.25rem,2.3vw,1.8rem)}
.falu-hirnev-osszefoglalo p{margin:0;color:#607064;font-size:.82rem}
.falu-hirnev-fo-progress{height:10px;margin-top:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.68);box-shadow:inset 0 1px 3px rgba(37,79,44,.15)}
.falu-hirnev-fo-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#7cb342,#2e7d32,#ffb300);transition:width .45s ease}
.falu-hirnev-hero-kpik{display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));gap:8px}
.falu-hirnev-hero-kpik article{padding:11px 12px;border:1px solid rgba(85,126,75,.16);border-radius:14px;background:rgba(255,255,255,.72);text-align:center}
.falu-hirnev-hero-kpik small{display:block;color:#748077;font-size:.62rem}.falu-hirnev-hero-kpik strong{display:block;margin-top:3px;color:#2d5732;font-size:1.05rem}
.falu-hirnev-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:15px;margin-top:15px;align-items:start}
.falu-hirnev-ag-szekcio,.falu-kozossegi-keres-szekcio,.falu-kozossegi-naplo-szekcio{padding:16px;border:1px solid #d5e2d0;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(50,80,46,.07)}
.falu-hirnev-ag-szekcio>header,.falu-kozossegi-keres-szekcio>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}
.falu-hirnev-ag-szekcio h3,.falu-kozossegi-keres-szekcio h3,.falu-kozossegi-naplo-szekcio h3{margin:2px 0 0;color:#2d4f32}
.falu-hirnev-ag-szekcio>header>span,.falu-kozossegi-keres-szekcio>header>span{padding:5px 9px;border-radius:999px;background:#edf5e8;color:#56725a;font-size:.65rem;font-weight:900}
.falu-hirnev-agak{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.hirnev-ag-kartya{position:relative;overflow:hidden;padding:14px;border:1px solid color-mix(in srgb,var(--ag-szin),white 66%);border-radius:18px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--ag-szin),white 94%));box-shadow:0 8px 20px rgba(48,67,48,.06)}
.hirnev-ag-kartya::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--ag-szin)}
.hirnev-ag-kartya header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.hirnev-ag-kartya header>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--ag-szin),white 86%);font-size:25px}
.hirnev-ag-kartya header small{display:block;color:#7d867e;font-size:.62rem}.hirnev-ag-kartya h3{margin:2px 0;color:#304a35;font-size:.97rem}.hirnev-ag-kartya header>b{font-size:1.3rem;color:var(--ag-szin)}
.hirnev-ag-kartya>p{min-height:35px;margin:9px 0;color:#68736a;font-size:.74rem;line-height:1.45}
.hirnev-ag-sav{height:7px;overflow:hidden;border-radius:999px;background:#e7ece5}.hirnev-ag-sav i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--ag-szin),white 20%),var(--ag-szin));transition:width .4s}
.hirnev-ag-meta{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:.62rem}.hirnev-ag-meta span{color:#7a847c}.hirnev-ag-meta strong{color:var(--ag-szin);text-align:right}
.hirnev-ag-kartya details{margin-top:8px;padding-top:7px;border-top:1px dashed #dbe3d8}.hirnev-ag-kartya summary{cursor:pointer;color:#4c6a50;font-size:.66rem;font-weight:900}.hirnev-ag-kartya details p{margin:6px 0 0;color:#748078;font-size:.66rem}
.falu-kozossegi-oldal{display:grid;gap:13px;min-width:0}
.falu-kozossegi-keresek{display:grid;gap:9px}
.kozossegi-keres-kartya{padding:12px;border:1px solid color-mix(in srgb,var(--ag-szin),white 68%);border-radius:16px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--ag-szin),white 95%))}
.kozossegi-keres-kartya.teljesitheto{box-shadow:0 0 0 2px rgba(76,175,80,.1),0 9px 20px rgba(45,85,44,.08)}
.kozossegi-keres-kartya header{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.kozossegi-keres-kartya header>span{font-size:25px}.kozossegi-keres-kartya header small{display:block;color:#79837b;font-size:.58rem}.kozossegi-keres-kartya h3{margin:1px 0;color:#304936;font-size:.86rem}.kozossegi-keres-kartya time{padding:4px 7px;border-radius:999px;background:#edf2eb;color:#5c695e;font-size:.6rem;font-weight:900}.kozossegi-keres-kartya time.surgos{background:#ffebee;color:#b71c1c;animation:kozossegiPulse 1.3s infinite}
@keyframes kozossegiPulse{50%{transform:scale(1.04)}}
.kozossegi-igeny{display:flex;align-items:center;gap:10px;margin:9px 0;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid #e0e7dd}.kozossegi-igeny>span{font-size:25px}.kozossegi-igeny small{display:block;color:#858d86;font-size:.58rem}.kozossegi-igeny strong{display:block;margin-top:2px;color:#405744;font-size:.73rem}
.kozossegi-jutalom{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.kozossegi-jutalom span{padding:4px 6px;border-radius:8px;background:#f2f5ef;color:#526354;font-size:.58rem;font-weight:800}
.kozossegi-keres-kartya button{width:100%;min-height:38px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--ag-szin),color-mix(in srgb,var(--ag-szin),black 20%));color:#fff;font-weight:900;cursor:pointer}.kozossegi-keres-kartya button:disabled{background:#d5dbd3;color:#727b73;cursor:not-allowed}
.falu-kozossegi-naplo-szekcio header{margin-bottom:9px}.falu-kozossegi-naplo{display:grid;gap:6px;max-height:260px;overflow:auto}.falu-kozossegi-naplo>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;padding:8px;border-radius:10px;background:#f6f8f4}.falu-kozossegi-naplo p{margin:0;color:#59655b;font-size:.67rem;line-height:1.35}.falu-kozossegi-naplo time{color:#8a928b;font-size:.56rem}.kozossegi-ures{padding:20px;text-align:center;border:1px dashed #cbd7c7;border-radius:14px;color:#748076;font-size:.75rem}
@media(max-width:1080px){.falu-hirnev-grid{grid-template-columns:1fr}.falu-kozossegi-oldal{grid-template-columns:1fr 1fr}.falu-hirnev-hero{grid-template-columns:auto 1fr}.falu-hirnev-hero-kpik{grid-column:1/-1}}
@media(max-width:720px){.falu-hirnev-tartalom{padding:10px}.falu-hirnev-hero{grid-template-columns:1fr;text-align:center;padding:14px}.falu-hirnev-cimer{margin:auto}.falu-hirnev-hero-kpik{grid-template-columns:repeat(3,1fr)}.falu-hirnev-agak{grid-template-columns:1fr}.falu-kozossegi-oldal{grid-template-columns:1fr}.falu-hirnev-ag-szekcio,.falu-kozossegi-keres-szekcio,.falu-kozossegi-naplo-szekcio{padding:12px}.falu-tabok{padding:8px 10px}}
@media(max-width:430px){.falu-hirnev-hero-kpik{grid-template-columns:1fr 1fr}.falu-hirnev-hero-kpik article:last-child{grid-column:1/-1}.hirnev-ag-meta{flex-direction:column}.falu-hirnev-ag-szekcio>header,.falu-kozossegi-keres-szekcio>header{align-items:flex-start;flex-direction:column}}

/* ========================================================================== */
/* Veteményes 14.27.0 — Krónika, eseményláncok, felszerelések és piaci trendek */
/* ========================================================================== */

.felszereles-modal-doboz,
.kronika-modal-doboz,
.esemenylanc-modal-doboz {
    width: min(1180px, calc(100vw - 28px));
    max-width: 1180px;
    height: min(88vh, 900px);
    max-height: 900px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(22, 101, 52, .18);
    background: linear-gradient(145deg, #f8fbf7 0%, #eef6f1 55%, #f6f1e8 100%);
    box-shadow: 0 28px 80px rgba(17, 51, 34, .28);
}

.felszereles-modal-doboz .menedzsment-modal-fejlec,
.kronika-modal-doboz .menedzsment-modal-fejlec,
.esemenylanc-modal-doboz .menedzsment-modal-fejlec {
    flex: 0 0 auto;
}

#felszereles-tartalom,
#kronika-tartalom,
#esemenylanc-tartalom {
    min-height: 0;
    overflow: auto;
    padding: 18px;
    scrollbar-gutter: stable;
}

.munkas-felszereles-gomb {
    margin-left: auto;
    border-color: #7c3aed !important;
    background: linear-gradient(135deg, #ede9fe, #faf5ff) !important;
    color: #5b21b6 !important;
    font-weight: 800;
}

.munkas-felszereles-gomb:hover {
    background: linear-gradient(135deg, #ddd6fe, #f3e8ff) !important;
    transform: translateY(-1px);
}

.munkas-felszereles-mini {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid #ddd6fe;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(245, 243, 255, .94), rgba(250, 245, 255, .92));
}

.munkas-felszereles-mini > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #5b21b6;
}

.munkas-felszereles-mini button {
    border: 1px solid #8b5cf6;
    border-radius: 999px;
    background: #fff;
    color: #6d28d9;
    padding: 5px 10px;
    font-weight: 800;
    cursor: pointer;
}

.munkas-felszereles-chipek {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.munkas-felszereles-chipek span {
    padding: 5px 8px;
    border-radius: 999px;
    background: #ede9fe;
    color: #4c1d95;
    font-size: .76rem;
    font-weight: 750;
}

.munkas-felszereles-chipek small { color: #6b7280; }

.felszereles-hero,
.kronika-hero,
.tortenet-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px;
    border-radius: 22px;
    margin-bottom: 16px;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.felszereles-hero {
    background: radial-gradient(circle at 80% 0%, rgba(255,255,255,.22), transparent 34%), linear-gradient(135deg, #4c1d95, #7c3aed 58%, #a855f7);
}

.felszereles-hero small,
.kronika-hero small,
.tortenet-hero small { opacity: .82; text-transform: uppercase; letter-spacing: .09em; font-weight: 800; }
.felszereles-hero h3,
.kronika-hero h3,
.tortenet-hero h3 { margin: 3px 0 5px; font-size: clamp(1.25rem, 2.4vw, 1.85rem); }
.felszereles-hero p,
.kronika-hero p,
.tortenet-hero p { margin: 0; max-width: 720px; opacity: .9; }

.felszereles-hero label {
    display: grid;
    gap: 6px;
    min-width: min(320px, 42%);
    font-weight: 800;
}

.felszereles-hero select {
    width: 100%;
    border: 1px solid rgba(255,255,255,.48);
    border-radius: 12px;
    padding: 10px 12px;
    background: rgba(255,255,255,.96);
    color: #3b0764;
    font-weight: 750;
}

.felszereles-kiosztas,
.felszereles-raktar,
.kronika-folyam,
.kronika-oldal > section,
.tortenet-fejezet,
.tortenet-elozmenyek,
.tortenet-valaszto,
.tortenet-befejezettek {
    padding: 16px;
    border: 1px solid rgba(55, 65, 81, .12);
    border-radius: 18px;
    background: rgba(255,255,255,.86);
    box-shadow: 0 8px 24px rgba(31, 41, 55, .07);
}

.felszereles-raktar { margin-top: 16px; }
.felszereles-kiosztas header,
.felszereles-raktar header,
.kronika-folyam > header,
.kronika-oldal section > header,
.tortenet-fejezet > header,
.tortenet-elozmenyek > header,
.tortenet-valaszto > header,
.tortenet-befejezettek > header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.felszereles-kiosztas header small,
.felszereles-raktar header small,
.kronika-folyam header small,
.kronika-oldal header small,
.tortenet-fejezet header small,
.tortenet-elozmenyek header small,
.tortenet-valaszto header small,
.tortenet-befejezettek header small {
    color: #6b7280;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.felszereles-kiosztas h3,
.felszereles-raktar h3,
.kronika-folyam h3,
.kronika-oldal h3,
.tortenet-fejezet h3,
.tortenet-elozmenyek h3,
.tortenet-valaszto h3,
.tortenet-befejezettek h3 { margin: 2px 0 0; }

.felszereles-slot-racs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.felszereles-slot {
    min-height: 142px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 14px;
    border: 1px dashed #c4b5fd;
    border-radius: 15px;
    background: #faf8ff;
}

.felszereles-slot.betoltve {
    border-style: solid;
    background: linear-gradient(145deg, #f5f3ff, #ffffff);
    box-shadow: inset 0 0 0 1px rgba(124,58,237,.06);
}

.felszereles-slot small { color: #7c3aed; font-weight: 850; }
.felszereles-slot strong { color: #3b0764; }
.felszereles-slot p { margin: 0; color: #6b7280; font-size: .85rem; line-height: 1.4; flex: 1; }
.felszereles-slot button {
    align-self: flex-start;
    border: 0;
    border-radius: 9px;
    padding: 7px 10px;
    background: #ede9fe;
    color: #5b21b6;
    font-weight: 800;
    cursor: pointer;
}

.felszereles-racs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 12px;
}

.felszereles-kartya {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .06);
}

.felszereles-kartya.ritka-prémium { border-color: #a78bfa; background: linear-gradient(145deg, #fff, #f5f3ff); }
.felszereles-kartya.ritka-mestermunka { border-color: #f59e0b; background: linear-gradient(145deg, #fff, #fffbeb); }

.felszereles-kartya-fej { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; }
.felszereles-kartya-fej > span { font-size: 2rem; }
.felszereles-kartya-fej h4 { margin: 2px 0 0; color: #1f2937; }
.felszereles-kartya-fej small { color: #7c3aed; font-weight: 800; }
.felszereles-kartya-fej > b { border-radius: 999px; background: #f3f4f6; padding: 5px 8px; font-size: .78rem; }
.felszereles-kartya > p { margin: 0; color: #5f6673; line-height: 1.45; flex: 1; }

.felszereles-akciok { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.felszereles-akciok button {
    border: 0;
    border-radius: 10px;
    padding: 9px;
    background: #6d28d9;
    color: #fff;
    font-weight: 850;
    cursor: pointer;
}
.felszereles-akciok button:last-child { background: #166534; }
.felszereles-akciok button:disabled { opacity: .42; cursor: not-allowed; }
.felszereles-figyelmeztetes { color: #b45309; font-weight: 750; }

/* Piaci Elemzőközpont */
.piac-trend-kozpont {
    padding: 15px !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 18px !important;
    background: radial-gradient(circle at 90% -20%, rgba(59,130,246,.16), transparent 42%), linear-gradient(145deg, #eff6ff, #f8fafc) !important;
}

.piac-trend-fej { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.piac-trend-fej small { color: #2563eb; text-transform: uppercase; letter-spacing: .08em; font-weight: 850; }
.piac-trend-fej h3 { margin: 2px 0 0; color: #172554; }
.piac-trend-fej > span { padding: 6px 9px; border-radius: 999px; background: #dbeafe; color: #1d4ed8; font-size: .78rem; font-weight: 800; }

.piac-trend-kpik { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.piac-trend-kpik article { padding: 11px; border-radius: 13px; background: rgba(255,255,255,.86); border: 1px solid #dbeafe; display: grid; gap: 3px; }
.piac-trend-kpik small { color: #64748b; font-weight: 750; }
.piac-trend-kpik strong { color: #0f172a; }
.piac-trend-kpik span { color: #2563eb; font-size: .82rem; font-weight: 850; }

.piac-trend-reszlet {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(148,163,184,.28);
}
.piac-trend-reszlet > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.piac-trend-reszlet strong { color: #1e3a8a; }
.piac-trend-reszlet span { color: #475569; font-size: .78rem; }
.piac-trend-reszlet > small { display: block; margin-top: 6px; color: #64748b; line-height: 1.35; }

.piac-mini-grafikon {
    height: 34px;
    display: flex;
    align-items: end;
    gap: 3px;
    margin-top: 8px;
    padding: 4px 5px;
    border-radius: 8px;
    background: rgba(219,234,254,.55);
}
.piac-mini-grafikon i { flex: 1; min-width: 3px; max-width: 14px; border-radius: 3px 3px 1px 1px; background: linear-gradient(#3b82f6, #1d4ed8); }
.piac-mini-ures { display: block; margin-top: 7px; color: #94a3b8; font-size: .75rem; }

/* Farmkrónika */
.kronika-hero {
    background: radial-gradient(circle at 88% 0%, rgba(255,255,255,.2), transparent 36%), linear-gradient(135deg, #422006, #92400e 54%, #b45309);
}
.kronika-hero-kpik { display: grid; grid-template-columns: repeat(3, minmax(90px, 1fr)); gap: 8px; }
.kronika-hero-kpik article { padding: 10px; border-radius: 12px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.2); display: grid; text-align: center; }
.kronika-hero-kpik strong { font-size: 1.2rem; }

.kronika-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .8fr); gap: 16px; align-items: start; }
.kronika-folyam { min-width: 0; }
.kronika-szurok { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.kronika-szurok button {
    border: 1px solid #d6d3d1;
    border-radius: 999px;
    padding: 6px 9px;
    background: #fff;
    color: #57534e;
    font-size: .76rem;
    font-weight: 800;
    cursor: pointer;
}
.kronika-szurok button.aktiv { background: #92400e; border-color: #92400e; color: #fff; }

.kronika-lista { display: grid; gap: 9px; max-height: 590px; overflow: auto; padding-right: 4px; }
.kronika-bejegyzes { display: grid; grid-template-columns: auto 1fr; gap: 11px; padding: 12px; border: 1px solid #e7e5e4; border-radius: 14px; background: #fff; }
.kronika-bejegyzes.fontos { border-color: #f59e0b; background: linear-gradient(145deg, #fffbeb, #fff); box-shadow: 0 5px 16px rgba(245,158,11,.10); }
.kronika-bejegyzes > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: #fef3c7; font-size: 1.35rem; }
.kronika-bejegyzes small { color: #78716c; font-size: .72rem; font-weight: 750; }
.kronika-bejegyzes h4 { margin: 3px 0; color: #292524; }
.kronika-bejegyzes p { margin: 0; color: #57534e; line-height: 1.4; }
.kronika-ures { padding: 30px 14px; text-align: center; color: #78716c; }

.kronika-oldal { display: grid; gap: 14px; }
.rekord-lista { display: grid; gap: 8px; }
.rekord-lista article { display: grid; grid-template-columns: auto 1fr; gap: 9px; align-items: center; padding: 10px; border-radius: 12px; background: #fafaf9; border: 1px solid #e7e5e4; }
.rekord-lista article > span { font-size: 1.35rem; }
.rekord-lista article div { display: grid; gap: 1px; }
.rekord-lista small { color: #78716c; }
.rekord-lista strong { color: #7c2d12; }
.rekord-lista em { color: #78716c; font-size: .72rem; font-style: normal; }

.merfoldko-racs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.merfoldko-racs article { min-height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; text-align: center; padding: 8px; border-radius: 12px; background: #f5f5f4; opacity: .6; }
.merfoldko-racs article.kesz { background: linear-gradient(145deg, #fef3c7, #fffbeb); opacity: 1; box-shadow: inset 0 0 0 1px #fbbf24; }
.merfoldko-racs article span { font-size: 1.35rem; }
.merfoldko-racs article strong { font-size: .78rem; color: #44403c; }
.merfoldko-racs article small { font-size: .68rem; color: #78716c; }

.kronika-export {
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 11px;
    background: linear-gradient(135deg, #78350f, #b45309);
    color: #fff;
    font-weight: 850;
    cursor: pointer;
}

/* Hosszabb eseményláncok */
.tortenet-hero {
    justify-content: flex-start;
    background: radial-gradient(circle at 88% 0%, rgba(255,255,255,.22), transparent 35%), linear-gradient(135deg, #312e81, #6d28d9 58%, #be185d);
}
.tortenet-hero > span { flex: 0 0 auto; width: 72px; height: 72px; display: grid; place-items: center; border-radius: 20px; background: rgba(255,255,255,.14); font-size: 2.6rem; }
.tortenet-hero.aktiv { background: radial-gradient(circle at 88% 0%, rgba(255,255,255,.22), transparent 35%), linear-gradient(135deg, #164e63, #0f766e 58%, #15803d); }

.tortenet-fejezet { margin-bottom: 14px; }
.tortenet-fejezet > p { color: #4b5563; line-height: 1.55; }
.tortenet-opciok { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; margin-top: 14px; }
.tortenet-opciok button {
    min-height: 92px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    text-align: left;
    border: 1px solid #c4b5fd;
    border-radius: 14px;
    padding: 13px;
    background: linear-gradient(145deg, #fff, #f5f3ff);
    color: #3b0764;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.tortenet-opciok button:hover:not(:disabled) { transform: translateY(-2px); border-color: #7c3aed; box-shadow: 0 8px 20px rgba(124,58,237,.13); }
.tortenet-opciok button:disabled { opacity: .42; cursor: not-allowed; }
.tortenet-opciok button small { color: #7c3aed; }

.tortenet-varakozas { margin-top: 14px; padding: 13px; border-radius: 12px; background: #eef2ff; border: 1px solid #c7d2fe; color: #3730a3; font-weight: 800; text-align: center; }
.tortenet-elozmenyek { margin-bottom: 14px; }
.tortenet-elozmenyek p { margin: 5px 0; color: #4b5563; }

.tortenet-valaszto { margin-bottom: 14px; }
.tortenet-valaszto > header > span { padding: 5px 9px; border-radius: 999px; background: #ede9fe; color: #6d28d9; font-weight: 800; font-size: .78rem; }
.tortenet-kartya-racs { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.tortenet-kartya-racs > article { display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 15px; border-radius: 16px; border: 1px solid #ddd6fe; background: linear-gradient(145deg, #fff, #faf5ff); }
.tortenet-kartya-racs > article > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #ede9fe; font-size: 1.7rem; }
.tortenet-kartya-racs small { color: #7c3aed; font-weight: 750; }
.tortenet-kartya-racs h4 { margin: 3px 0 5px; color: #3b0764; }
.tortenet-kartya-racs p { margin: 0 0 10px; color: #5f5b67; line-height: 1.4; }
.tortenet-kartya-racs button { border: 0; border-radius: 10px; padding: 8px 11px; background: #6d28d9; color: #fff; font-weight: 850; cursor: pointer; }
.tortenet-ures { grid-column: 1 / -1; padding: 30px; text-align: center; color: #6b7280; }

.tortenet-befejezettek { display: grid; gap: 8px; }
.tortenet-befejezettek > header { grid-column: 1 / -1; }
.tortenet-befejezettek > article { display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 11px; border-radius: 13px; background: #f8fafc; border: 1px solid #e2e8f0; }
.tortenet-befejezettek > article > span { font-size: 1.4rem; }
.tortenet-befejezettek strong { color: #312e81; }
.tortenet-befejezettek p { margin: 3px 0; color: #64748b; }
.tortenet-befejezettek small { color: #94a3b8; }

#esemenylanc-menu-badge.aktiv { background: #7c3aed; color: #fff; animation: pulse-soft 1.8s infinite; }

@media (max-width: 860px) {
    .felszereles-modal-doboz,
    .kronika-modal-doboz,
    .esemenylanc-modal-doboz { width: calc(100vw - 12px); height: calc(100vh - 18px); max-height: none; border-radius: 18px; }
    #felszereles-tartalom,
    #kronika-tartalom,
    #esemenylanc-tartalom { padding: 12px; }
    .felszereles-hero,
    .kronika-hero { align-items: stretch; flex-direction: column; }
    .felszereles-hero label { min-width: 0; width: 100%; }
    .felszereles-slot-racs { grid-template-columns: 1fr; }
    .kronika-layout { grid-template-columns: 1fr; }
    .kronika-lista { max-height: 480px; }
    .piac-trend-kpik { grid-template-columns: 1fr; }
    .kronika-folyam > header { align-items: flex-start; flex-direction: column; }
    .kronika-szurok { justify-content: flex-start; }
}

@media (max-width: 560px) {
    .felszereles-racs,
    .tortenet-kartya-racs,
    .tortenet-opciok { grid-template-columns: 1fr; }
    .felszereles-akciok { grid-template-columns: 1fr; }
    .kronika-hero-kpik { grid-template-columns: repeat(3, 1fr); width: 100%; }
    .kronika-hero-kpik article { padding: 7px 4px; }
    .merfoldko-racs { grid-template-columns: 1fr 1fr; }
    .tortenet-hero { align-items: flex-start; padding: 16px; }
    .tortenet-hero > span { width: 54px; height: 54px; font-size: 2rem; }
    .piac-trend-fej { align-items: flex-start; flex-direction: column; }
}

/* 14.27.0 — új központok fejléc-kontrasztja és bezárógombja */
.felszereles-modal-doboz > .menedzsment-bezaro,
.kronika-modal-doboz > .menedzsment-bezaro,
.esemenylanc-modal-doboz > .menedzsment-bezaro {
    position: absolute !important;
    float: none !important;
    top: 14px !important;
    right: 14px !important;
    margin: 0 !important;
}

.felszereles-modal-doboz > .menedzsment-fejlec,
.kronika-modal-doboz > .menedzsment-fejlec,
.esemenylanc-modal-doboz > .menedzsment-fejlec {
    min-height: 154px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 25px 72px 23px 26px;
}

.felszereles-fejlec {
    background: radial-gradient(circle at 88% 0%, rgba(255,255,255,.18), transparent 35%), linear-gradient(125deg, #3b0764, #6d28d9 58%, #a855f7);
}
.kronika-fejlec {
    background: radial-gradient(circle at 88% 0%, rgba(255,255,255,.18), transparent 35%), linear-gradient(125deg, #431407, #92400e 58%, #c2410c);
}
.tortenet-fejlec {
    background: radial-gradient(circle at 88% 0%, rgba(255,255,255,.18), transparent 35%), linear-gradient(125deg, #1e1b4b, #5b21b6 58%, #be185d);
}

.felszereles-modal-doboz > .menedzsment-fejlec h2,
.kronika-modal-doboz > .menedzsment-fejlec h2,
.esemenylanc-modal-doboz > .menedzsment-fejlec h2,
.felszereles-modal-doboz > .menedzsment-fejlec p,
.kronika-modal-doboz > .menedzsment-fejlec p,
.esemenylanc-modal-doboz > .menedzsment-fejlec p,
.felszereles-modal-doboz > .menedzsment-fejlec .menedzsment-felirat,
.kronika-modal-doboz > .menedzsment-fejlec .menedzsment-felirat,
.esemenylanc-modal-doboz > .menedzsment-fejlec .menedzsment-felirat {
    color: #fff !important;
}

.felszereles-hero h3,
.kronika-hero h3,
.tortenet-hero h3,
.felszereles-hero small,
.kronika-hero small,
.tortenet-hero small,
.felszereles-hero p,
.kronika-hero p,
.tortenet-hero p {
    color: #fff !important;
}

@media (max-width: 560px) {
    .felszereles-modal-doboz > .menedzsment-fejlec,
    .kronika-modal-doboz > .menedzsment-fejlec,
    .esemenylanc-modal-doboz > .menedzsment-fejlec {
        min-height: 164px;
        grid-template-columns: 54px minmax(0, 1fr);
        align-items: start;
        gap: 12px;
        padding: 22px 56px 20px 16px;
    }
    .felszereles-modal-doboz > .menedzsment-fejlec .menedzsment-fejlec-ikon,
    .kronika-modal-doboz > .menedzsment-fejlec .menedzsment-fejlec-ikon,
    .esemenylanc-modal-doboz > .menedzsment-fejlec .menedzsment-fejlec-ikon {
        width: 54px;
        height: 54px;
        border-radius: 15px;
        font-size: 30px;
    }
    .felszereles-modal-doboz > .menedzsment-fejlec h2,
    .kronika-modal-doboz > .menedzsment-fejlec h2,
    .esemenylanc-modal-doboz > .menedzsment-fejlec h2 {
        font-size: 1.45rem;
    }
}

/* 14.27.0 — Vándorkereskedő: éjszakánként változó felvásárlási kereslet */
.ejszakai-kereslet-profil{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;margin:0 0 14px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#29274f,#5a4384);color:#fff;box-shadow:0 10px 24px rgba(48,38,86,.18)}
.ejszakai-kereslet-profil-ikon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.12);font-size:29px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.ejszakai-kereslet-profil small,.ejszakai-kereslet-profil strong,.ejszakai-kereslet-profil p{display:block}.ejszakai-kereslet-profil small{color:#d8d0ff;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:900}.ejszakai-kereslet-profil strong{margin-top:3px;color:#fff59d;font-size:18px}.ejszakai-kereslet-profil p{margin:4px 0 0;color:rgba(255,255,255,.78);font-size:11px;line-height:1.45}
.ejszakai-kereskedo-alcim{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:17px 2px 9px;padding-top:14px;border-top:1px solid #ece9f3}.ejszakai-kereskedo-alcim:first-of-type{margin-top:8px;border-top:0;padding-top:0}.ejszakai-kereskedo-alcim small{display:block;color:#827d91;font-size:9px;text-transform:uppercase;letter-spacing:.75px;font-weight:900}.ejszakai-kereskedo-alcim h4{margin:2px 0 0;color:#353254;font-size:15px}.ejszakai-kereskedo-alcim>span{padding:5px 8px;border-radius:999px;background:#f0effa;color:#514a81;font-size:10px;font-weight:900;white-space:nowrap}
.ejszakai-kereslet-lista{display:grid;gap:9px}.ejszakai-kereslet{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border-radius:15px;background:#f8f7fc;border:1px solid #e4e0ef;transition:border-color .2s,background .2s,opacity .2s}.ejszakai-kereslet.teljesitheto{border-color:#b8d9c1;background:linear-gradient(135deg,#fff,#f1faf3)}.ejszakai-kereslet.hianyos{border-color:#eadfc3}.ejszakai-kereslet.teljesitve{opacity:.65;background:#f1f0f5;border-color:#dcd8e5}.ejszakai-kereslet-adat strong{display:block;color:#353254}.ejszakai-kereslet-adat p{margin:3px 0;color:#777389;font-size:11px}.ejszakai-kereslet-adat p b{color:#2e7d32}.ejszakai-kereslet-adat small{display:block;color:#868194;font-size:10px;line-height:1.4}.ejszakai-kereslet button{border:0;border-radius:12px;padding:10px 12px;background:linear-gradient(135deg,#1b7d43,#4caf50);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 5px 12px rgba(27,125,67,.18)}.ejszakai-kereslet.hianyos button{background:linear-gradient(135deg,#8d6e63,#b39b91)}.ejszakai-kereslet button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.ejszakai-kereslet button:disabled{background:#d8d5df;color:#817e8a;box-shadow:none;cursor:not-allowed}
@media(max-width:560px){.ejszakai-kereslet{grid-template-columns:42px minmax(0,1fr)}.ejszakai-kereslet button{grid-column:1/-1;width:100%}.ejszakai-kereskedo-alcim{align-items:flex-start}.ejszakai-kereskedo-alcim>span{font-size:9px}.ejszakai-kereslet-profil{grid-template-columns:48px minmax(0,1fr);padding:12px}.ejszakai-kereslet-profil-ikon{width:46px;height:46px;font-size:25px}}


/* 14.27.0 — azonnali és zárolt raktári eladási visszajelzés */
.raktar-eladas-gomb.eladas-folyamatban {
    opacity: .72;
    cursor: wait;
    transform: scale(.985);
    filter: saturate(.75);
    pointer-events: none;
}


/* =========================================================
   14.30.0 — LÁTHATÓ TÉLI CSAPADÉK ÉS ÚJ VEZÉRLŐK
   ========================================================= */
.idojaras-overlay {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 18;
    overflow: hidden;
    pointer-events: none;
    contain: paint;
}
.idojaras-overlay.precip-ho::before { filter: drop-shadow(0 1px 1px rgba(20,60,90,.2)); }
.idojaras-overlay.intensity-gyenge.precip-ho::before { opacity: .40; }
.recept-statusz.frissen-kesz { background:#dff7e4; color:#137333; border-color:#8fd39b; animation:gyarKeszPulzus .7s ease 2; }
@keyframes gyarKeszPulzus { 50% { transform:scale(1.06); box-shadow:0 0 0 5px rgba(76,175,80,.14); } }
.panni-vezerlo { margin:10px 0; padding:11px; border:1px solid #b9d9bb; border-radius:14px; background:linear-gradient(145deg,#f7fff5,#edf8ea); text-align:left; }
.panni-vezerlo-fej { display:flex; justify-content:space-between; gap:8px; align-items:center; color:#2e5d31; font-weight:900; margin-bottom:8px; }
.panni-vezerlo select { width:100%; padding:8px 10px; border:1px solid #a7caa8; border-radius:9px; background:#fff; font:inherit; font-weight:800; color:#315235; }
.panni-vezerlo label { display:flex; gap:7px; align-items:flex-start; margin:8px 0; font-size:.78rem; color:#46644a; font-weight:700; }
.panni-vezerlo small { display:block; color:#647567; line-height:1.4; }
@media (max-width:700px) { .panni-vezerlo-fej { align-items:flex-start; flex-direction:column; } }

/* =============================================================================
   14.30.0 — MODERN FELDOLGOZÓÜZEMI VEZÉRLŐPULT
   ============================================================================= */
.gyar-modern-modal { max-width: 1480px; }
.gyar-rendezes-cimke {
    min-width: 176px;
    display: grid;
    gap: 4px;
    color: #78909c;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.gyar-rendezes-cimke select {
    min-height: 38px;
    padding: 6px 31px 6px 10px;
    border: 1px solid #dce2e8;
    border-radius: 11px;
    background: #f7f9fb;
    color: #37474f;
    font: inherit;
    font-size: .73rem;
    font-weight: 850;
    outline: none;
    cursor: pointer;
}
.gyar-rendezes-cimke select:focus { border-color:#ff9800; box-shadow:0 0 0 3px rgba(255,152,0,.12); background:#fff; }
.gyar-vezerlopult {
    margin: 0 22px 15px;
    overflow: hidden;
    border: 1px solid #dce3e9;
    border-radius: 21px;
    background: linear-gradient(145deg,#1f2a30 0%,#34454d 55%,#4d3426 120%);
    box-shadow: 0 14px 34px rgba(25,39,46,.16);
    color: #fff;
}
.gyar-vezerlo-fej {
    padding: 17px 19px 14px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    border-bottom: 1px solid rgba(255,255,255,.11);
}
.gyar-vezerlo-felirat { display:block; margin-bottom:4px; color:#ffcc80; font-size:.62rem; font-weight:950; letter-spacing:.16em; text-transform:uppercase; }
.gyar-vezerlo-fej h3 { margin:0; font-size:1.13rem; }
.gyar-vezerlo-fej p { margin:5px 0 0; max-width:680px; color:rgba(255,255,255,.69); font-size:.73rem; line-height:1.45; }
.gyar-manager-statusz { flex:0 0 auto; padding:8px 11px; border:1px solid rgba(255,255,255,.15); border-radius:999px; font-size:.68rem; font-weight:900; white-space:nowrap; }
.gyar-manager-statusz.aktiv { color:#c8f7ce; background:rgba(46,125,50,.24); border-color:rgba(129,199,132,.34); }
.gyar-manager-statusz.szunetel { color:#ffe0b2; background:rgba(239,108,0,.20); border-color:rgba(255,183,77,.30); }
.gyar-vezerlo-kpi-racs { padding:12px 15px; display:grid; grid-template-columns:repeat(5,minmax(118px,1fr)); gap:8px; background:rgba(0,0,0,.10); }
.gyar-vezerlo-kpi-racs article { min-width:0; padding:10px 11px; border:1px solid rgba(255,255,255,.11); border-radius:14px; background:rgba(255,255,255,.075); }
.gyar-vezerlo-kpi-racs small,.gyar-vezerlo-kpi-racs span { display:block; overflow:hidden; color:rgba(255,255,255,.61); font-size:.6rem; white-space:nowrap; text-overflow:ellipsis; }
.gyar-vezerlo-kpi-racs strong { display:block; margin:3px 0 2px; color:#fff; font-size:1rem; font-variant-numeric:tabular-nums; }
.gyar-vezerlo-oszlopok { padding:13px; display:grid; grid-template-columns:1.05fr 1.25fr .85fr; gap:11px; }
.gyar-vezerlo-panel { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.10); border-radius:16px; background:rgba(255,255,255,.075); }
.gyar-vezerlo-panel > header { padding:11px 12px 9px; border-bottom:1px solid rgba(255,255,255,.09); }
.gyar-vezerlo-panel > header > div { display:flex; align-items:center; gap:7px; }
.gyar-vezerlo-panel > header strong { font-size:.75rem; }
.gyar-vezerlo-panel > header small { display:block; margin:3px 0 0 24px; color:rgba(255,255,255,.55); font-size:.58rem; }
.gyar-ajanlas-lista,.gyar-sor-lista { display:grid; gap:1px; }
.gyar-ajanlas-sor,.gyar-sor-tetel { min-width:0; padding:9px 10px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; align-items:center; border-bottom:1px solid rgba(255,255,255,.065); }
.gyar-ajanlas-sor:last-child,.gyar-sor-tetel:last-child { border-bottom:0; }
.gyar-ajanlas-ikon,.gyar-sor-tetel > span:first-child { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.11); font-size:17px; }
.gyar-ajanlas-sor strong,.gyar-sor-tetel strong { display:block; overflow:hidden; font-size:.69rem; white-space:nowrap; text-overflow:ellipsis; }
.gyar-ajanlas-sor small,.gyar-sor-tetel small { display:block; margin-top:2px; overflow:hidden; color:rgba(255,255,255,.55); font-size:.56rem; white-space:nowrap; text-overflow:ellipsis; }
.gyar-ajanlas-sor button,.gyar-prioritas-gomb,.gyar-sor-torol { min-height:29px; padding:5px 8px; border:1px solid rgba(255,255,255,.14); border-radius:9px; background:rgba(255,255,255,.10); color:#fff; font-size:.59rem; font-weight:900; cursor:pointer; }
.gyar-ajanlas-sor button:hover,.gyar-prioritas-gomb:hover,.gyar-sor-torol:hover { background:rgba(255,152,0,.28); border-color:rgba(255,183,77,.4); }
.gyar-sor-tetel { grid-template-columns:auto minmax(0,1fr) auto auto; }
.gyar-sor-tetel.indulhat { background:rgba(46,125,50,.12); }
.gyar-sor-tetel.anyag { background:rgba(198,40,40,.08); }
.gyar-sor-torol { width:29px; padding:0; font-size:1rem; }
.gyar-bottleneck-lista { padding:10px; display:flex; flex-wrap:wrap; gap:7px; }
.gyar-bottleneck-chip { flex:1 1 150px; padding:8px 9px; display:grid; grid-template-columns:auto 1fr; gap:1px 5px; align-items:center; border:1px solid rgba(255,255,255,.09); border-radius:11px; background:rgba(0,0,0,.10); font-size:.63rem; }
.gyar-bottleneck-chip b { color:#ffcc80; }
.gyar-bottleneck-chip small { grid-column:1/-1; color:rgba(255,255,255,.52); font-size:.54rem; }
.gyar-panel-ures { padding:15px 12px; color:rgba(255,255,255,.57); font-size:.65rem; line-height:1.4; text-align:center; }
.gyar-panel-ures.siker { color:#c8e6c9; }
.uzem-modern-vezerles { margin:9px 0; padding:9px; border:1px solid #d9e1e7; border-radius:12px; background:linear-gradient(145deg,#f6f8fa,#fff); }
.uzem-modern-vezerles.automata-aktiv { border-color:#9ccc9f; background:linear-gradient(145deg,#f0f9f1,#fff); box-shadow:inset 3px 0 0 #43a047; }
.uzem-modern-adatsor { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:7px; color:#607d8b; font-size:.63rem; }
.uzem-modern-adatsor span { padding:4px 7px; border-radius:999px; background:#edf2f5; }
.uzem-modern-adatsor .sorban-jelzo { color:#e65100; background:#fff3e0; }
.uzem-modern-akciosor { display:grid; grid-template-columns:minmax(105px,1fr) minmax(86px,.72fr) minmax(78px,.62fr) auto minmax(132px,1.15fr); gap:6px; align-items:end; }
.uzem-modern-akciosor button,.uzem-cel-input input { min-height:34px; border:1px solid #cfd8dc; border-radius:9px; background:#fff; color:#455a64; font:inherit; font-size:.62rem; font-weight:900; }
.uzem-modern-akciosor button { padding:6px 8px; cursor:pointer; }
.uzem-modern-akciosor button:hover:not(:disabled) { border-color:#ff9800; color:#e65100; background:#fffaf1; }
.uzem-modern-akciosor button:disabled { opacity:.48; cursor:not-allowed; }
.uzem-cel-input { display:grid; gap:3px; color:#78909c; font-size:.53rem; font-weight:850; }
.uzem-cel-input input { width:100%; padding:5px 7px; outline:none; font-variant-numeric:tabular-nums; }
.uzem-cel-input.rovid { min-width:72px; }
.uzem-prioritas { white-space:nowrap; }
.uzem-automata-gomb.aktiv { color:#1b5e20; border-color:#81c784; background:#e8f5e9; }
.uzem-automata-magyarazat { display:block; margin-top:7px; color:#607d8b; font-size:.58rem; line-height:1.4; }
.uzem-maradek { display:inline-flex; align-items:center; padding:4px 7px; border-radius:999px; color:#e65100; background:#fff3e0; font-weight:850; }
.uzem-maradek b { margin-left:3px; font-variant-numeric:tabular-nums; }

@media (max-width:1120px) {
    .gyar-vezerlo-kpi-racs { grid-template-columns:repeat(3,minmax(110px,1fr)); }
    .gyar-vezerlo-oszlopok { grid-template-columns:1fr 1fr; }
    .gyar-bottleneck-panel { grid-column:1/-1; }
    .uzem-modern-akciosor { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .uzem-automata-gomb { grid-column:1/-1; }
}
@media (max-width:760px) {
    .menedzsment-eszkozsor { align-items:stretch; flex-direction:column; }
    .gyar-rendezes-cimke { width:100%; }
    .gyar-rendezes-cimke select { width:100%; }
    .gyar-vezerlopult { margin-left:10px; margin-right:10px; }
    .gyar-vezerlo-fej { flex-direction:column; }
    .gyar-manager-statusz { align-self:flex-start; }
    .gyar-vezerlo-kpi-racs { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .gyar-vezerlo-oszlopok { grid-template-columns:1fr; }
    .gyar-bottleneck-panel { grid-column:auto; }
    .gyar-sor-tetel { grid-template-columns:auto minmax(0,1fr) auto; }
    .gyar-prioritas-gomb { grid-column:2; justify-self:start; }
    .gyar-sor-torol { grid-column:3; grid-row:1/3; }
}
@media (max-width:480px) {
    .gyar-vezerlo-kpi-racs { grid-template-columns:1fr 1fr; padding:9px; }
    .gyar-vezerlo-oszlopok { padding:9px; }
    .uzem-modern-akciosor { grid-template-columns:1fr; }
    .uzem-automata-gomb { grid-column:auto; }
}

/* 14.30.0 — kontrasztkorrekció az ipari fejlécekhez */
.gyar-modern-fejlec h2,
.gyar-modern-fejlec .menedzsment-felirat,
.gyar-vezerlo-fej h3 {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
}


/* =============================================================================
   14.30.0 — HR BÉRSZÁMFEJTÉS, BŐVÍTETT FELSZERELÉSEK ÉS HÓPRÓBA
   ============================================================================= */
.munkas-fizetes-ido.lejart { border-color:#ef9a9a; background:#fff5f5; }
.munkas-fizetes-ido.lejart strong { color:#c62828; }
.munkas-fizetes-ido.fedezethiany { border-color:#ffb74d; background:#fff8e1; }
.munkas-fizetes-ido.fedezethiany strong { color:#e65100; }
.munkas-hr-statusz { margin:8px 0; padding:10px 12px; border:1px solid #c5b5e5; border-radius:12px; background:linear-gradient(145deg,#faf7ff,#f1eafa); display:grid; gap:3px; }
.munkas-hr-statusz span { color:#6a1b9a; font-size:.72rem; font-weight:900; }
.munkas-hr-statusz strong { color:#4527a0; font-size:.9rem; }
.munkas-hr-statusz small { color:#6d5b79; line-height:1.35; }
.munkas-hr-statusz.surgos { border-color:#ffb74d; background:linear-gradient(145deg,#fff8e1,#fff3cd); }
.felszereles-racs { max-height:58vh; overflow:auto; padding-right:5px; }
.felszereles-kartya { min-height:220px; }


/* =========================================================
   14.31.2 — GAZDASÁGI IRÁNYÍTÓPULT, KEDVENC FALAT, METEOR ÉS ÉLŐ FALU
   ========================================================= */
.gazdasag-modal-doboz{max-width:1280px!important;width:min(1280px,97vw)!important;max-height:94vh!important;padding:0!important;overflow:auto!important;background:linear-gradient(145deg,#f8faf7,#edf4ec)!important;border-radius:27px!important}
.gazdasag-modern-fejlec{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 64px 20px 24px;background:linear-gradient(125deg,#173c29,#2e7d4b 58%,#487b42);color:#fff;border-radius:26px 26px 0 0}.gazdasag-modern-fejlec h2{margin:4px 0 5px;font-size:clamp(1.55rem,2.4vw,2.35rem)}.gazdasag-modern-fejlec p{margin:0;color:#d7eadb}.gazdasag-modern-fejlec .menedzsment-felirat{color:#b9e6bf}.gazdasag-fejlec-akciok{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.gazdasag-fejlec-akciok>span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.13);font-weight:900}.gazdasag-fejlec-akciok button{border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:9px 12px;background:rgba(255,255,255,.12);color:#fff;font-weight:900;cursor:pointer}
.gazdasag-szuro-sor{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 8px}.gazdasag-szurok{margin:0!important;flex-wrap:wrap}.gazdasag-kereso{display:flex;align-items:center;gap:7px;min-width:min(300px,100%);padding:7px 11px;border:1px solid #cbd9c9;border-radius:13px;background:#fff}.gazdasag-kereso input{width:100%;border:0;outline:0;background:transparent;font:inherit}
.gazdasag-osszefoglalo{grid-template-columns:repeat(6,minmax(0,1fr))!important;padding:8px 18px 0}.gazdasag-osszefoglalo>article{min-width:0;padding:13px;border:1px solid #dce6da;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 7px 18px rgba(39,75,45,.06)}.gazdasag-osszefoglalo small,.gazdasag-osszefoglalo em{display:block;color:#718075}.gazdasag-osszefoglalo strong{display:block;margin:5px 0;font-size:1.12rem}.gazdasag-osszefoglalo em{font-size:.7rem;font-style:normal;line-height:1.3}
.gazdasag-egeszseg{margin:13px 18px 0;padding:14px 16px;border:1px solid #d8e4d5;border-radius:18px;background:#fff;display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:15px}.gazdasag-egeszseg-score{display:flex;align-items:center;gap:10px}.gazdasag-egeszseg-score>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#e8f5e9;color:#2e7d32;font-size:1.35rem;font-weight:950}.gazdasag-egeszseg-score.kozepes>span{background:#fff3cd;color:#8a6100}.gazdasag-egeszseg-score.rossz>span{background:#ffebee;color:#c62828}.gazdasag-egeszseg-score small{display:block;color:#758078}.gazdasag-egeszseg-score strong{display:block;color:#304b36}.gazdasag-egeszseg-sav{height:11px;border-radius:999px;background:#e7ece5;overflow:hidden}.gazdasag-egeszseg-sav i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d84343,#f2bf48 45%,#42a85a);transition:width .4s}.gazdasag-egeszseg-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.gazdasag-egeszseg-meta span{padding:7px 9px;border-radius:10px;background:#f3f7f2;color:#607064;font-size:.76rem}
.gazdasag-elemzo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin:14px 18px}.gazdasag-elemzo-grid>section,.gazdasag-ketoszlop section{border:1px solid #dce5da!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 22px rgba(47,78,49,.06)}.gazdasag-elemzo-grid>section{padding:15px}.gazdasag-elemzo-grid header,.gazdasag-szekcio-fej{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.gazdasag-elemzo-grid h3,.gazdasag-szekcio-fej h3{margin:2px 0 0!important;color:#304b36}.gazdasag-elemzo-grid small,.gazdasag-szekcio-fej small{color:#7b887d;text-transform:uppercase;letter-spacing:.07em;font-weight:850;font-size:.66rem}
.gazdasag-trend{height:210px;display:flex;align-items:stretch;gap:7px;margin-top:13px;padding-top:5px;border-bottom:1px solid #dfe7dd}.gazdasag-trend-oszlop{flex:1;min-width:0;display:grid;grid-template-rows:1fr auto auto;gap:4px;text-align:center}.gazdasag-trend-par{height:150px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.gazdasag-trend-par i{display:block;width:min(17px,42%);min-height:3px;border-radius:6px 6px 2px 2px}.gazdasag-trend .bevetel,#gazdasag-trend-legenda .bevetel{background:#43a047}.gazdasag-trend .kiadas,#gazdasag-trend-legenda .kiadas{background:#e05a50}.gazdasag-trend-oszlop b{font-size:.68rem}.gazdasag-trend-oszlop small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;text-transform:none;letter-spacing:0}#gazdasag-trend-legenda{display:flex;align-items:center;gap:6px;color:#6d796f;font-size:.7rem}#gazdasag-trend-legenda i{width:9px;height:9px;border-radius:3px;display:inline-block}
.gazdasag-mini-kpik{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.gazdasag-mini-kpik article{padding:10px;border:1px solid #e0e7de;border-radius:13px;background:#f8faf7}.gazdasag-mini-kpik small,.gazdasag-mini-kpik span{display:block;color:#78847a;font-size:.67rem}.gazdasag-mini-kpik strong{display:block;margin:4px 0;color:#344d39;font-size:.8rem}.gazdasag-tanacs{display:flex;gap:10px;margin-top:9px;padding:11px;border-radius:13px;background:#eef7ef;color:#426147}.gazdasag-tanacs.rossz{background:#fff0f0;color:#8d3b3b}.gazdasag-tanacs>span{font-size:1.4rem}.gazdasag-tanacs b{font-size:.82rem}.gazdasag-tanacs p{margin:3px 0 0;font-size:.74rem;line-height:1.35}
.gazdasag-ketoszlop{margin:0 18px 18px!important;grid-template-columns:minmax(350px,.9fr) minmax(420px,1.1fr)!important}.gazdasag-kategoria-modern{padding:10px 2px;border-bottom:1px solid #edf1ec}.gazdasag-kategoria-modern header,.gazdasag-kategoria-modern footer{display:flex;justify-content:space-between;gap:9px}.gazdasag-kategoria-modern header span{display:flex;align-items:center;gap:6px}.gazdasag-kategoria-modern header small{color:#8b948d;font-size:.66rem}.gazdasag-kategoria-modern header strong{font-size:.78rem}.gazdasag-kategoria-sav{position:relative;height:8px;margin:7px 0;border-radius:999px;background:#edf0ec;overflow:hidden}.gazdasag-kategoria-sav i{position:absolute;height:50%;left:0}.gazdasag-kategoria-sav i.bevetel{top:0;background:#4caf50}.gazdasag-kategoria-sav i.kiadas{bottom:0;background:#ef6c63}.gazdasag-kategoria-modern footer{color:#7a857c;font-size:.67rem}.gazdasag-tetelek{max-height:470px!important}
.allat-kedvenc-adat em{display:block;margin-top:3px;color:#6d7a70;font-size:.65rem;font-style:normal;font-weight:750}.allat-kedvenc-adat b{color:#3e6b43}
.meteor-kutatas-modal{z-index:10120}.meteor-kutatas-doboz{position:relative;width:min(920px,94vw);max-height:92vh;overflow:auto;border-radius:28px;background:linear-gradient(145deg,#161820,#2a2334);color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.55)}.meteor-kutatas-doboz>.bezaro-x{color:#fff}.meteor-kutatas-fej{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:25px 60px 21px 24px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--meteor-szin),transparent 58%),transparent 42%),linear-gradient(120deg,#24212b,#15171e);border-bottom:1px solid rgba(255,255,255,.12)}.meteor-kutatas-ikon{width:82px;height:82px;display:grid;place-items:center;border-radius:25px;background:color-mix(in srgb,var(--meteor-szin),transparent 65%);font-size:3rem;box-shadow:0 0 30px color-mix(in srgb,var(--meteor-szin),transparent 55%)}.meteor-kutatas-fej small{color:#c7b9d0;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.meteor-kutatas-fej h2{margin:5px 0;font-size:1.75rem}.meteor-kutatas-fej p{margin:0;color:#cec8d2;line-height:1.45}.meteor-kutatas-fej>span{padding:8px 11px;border-radius:999px;font-weight:900;white-space:nowrap}.meteor-kutatas-fej>span.forro{background:#7d2e19;color:#ffd4b7}.meteor-kutatas-fej>span.kihult{background:#174e62;color:#c7f3ff}.meteor-szkenneles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px 0}.meteor-szkenneles article{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.055)}.meteor-szkenneles small{display:block;color:#aaa5b1}.meteor-szkenneles strong{display:block;margin-top:4px}.meteor-dontesek{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 20px}.meteor-dontesek button{min-height:210px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;text-align:left;transition:.18s}.meteor-dontesek button:hover:not(:disabled){transform:translateY(-4px);border-color:#67d7de;background:rgba(74,178,188,.13)}.meteor-dontesek button:disabled{opacity:.43;cursor:not-allowed}.meteor-dontesek span{display:block;font-size:2.4rem}.meteor-dontesek b{display:block;margin:9px 0 5px;font-size:1rem}.meteor-dontesek p{margin:0;color:#c7c2ca;font-size:.8rem;line-height:1.42}.meteor-dontesek small{display:block;margin-top:12px;color:#79e0d1;font-weight:850}.meteor-megjegyzes{margin:0 20px 20px;padding:11px;border-radius:13px;background:rgba(255,255,255,.06);color:#bfb9c4;font-size:.78rem}.meteorit-modern{position:absolute;inset:5%;width:90%;height:90%;border:2px solid color-mix(in srgb,var(--meteor-szin),white 25%);border-radius:18px;background:radial-gradient(circle,rgba(255,255,255,.26),transparent 33%),linear-gradient(145deg,color-mix(in srgb,var(--meteor-szin),#26180f 46%),#261d24);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;box-shadow:0 0 25px color-mix(in srgb,var(--meteor-szin),transparent 40%);z-index:6}.meteorit-modern>span{font-size:2.2rem;animation:meteorit-eges 1.1s ease-in-out infinite alternate}.meteorit-modern b{font-size:.72rem}.meteorit-modern small{font-weight:900;color:#ffd89f}.meteorit-modern i{font-style:normal;font-size:.55rem;color:#eee}.meteor-kihult .meteorit-modern>span{animation:none}.meteor-eredmeny{text-align:center}.meteor-eredmeny>span{font-size:3rem}.meteor-eredmeny h3{margin:5px 0}
.falu-modal-doboz{width:min(1580px,99vw)!important;height:min(960px,97vh)!important}.falu-modern-tabok{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 18px!important}.falu-modern-tabok button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left;column-gap:10px;padding:11px 15px!important}.falu-modern-tabok button>span{grid-row:1/3;font-size:1.6rem}.falu-modern-tabok button>b{font-size:.86rem}.falu-modern-tabok button>small{font-size:.65rem;opacity:.76}.falu-modern-tartalom{grid-template-columns:minmax(760px,1.75fr) minmax(360px,.75fr)!important;padding:12px!important}.falu-terkep-eszkoztar{display:flex;align-items:center;gap:5px}.falu-terkep-eszkoztar button,.falu-terkep-eszkoztar strong{min-width:34px;padding:6px 8px;border:1px solid #bdd2b7;border-radius:9px;background:#fff;color:#39603d;font-weight:900}.falu-terkep-eszkoztar button{cursor:pointer}.falu-terkep-gorgeto{overflow:auto!important;min-height:0!important}.falu-terkep{min-width:820px!important;height:620px!important;min-height:620px!important;transform-origin:top left;transition:width .2s,height .2s}.falu-terkep-teruletjelzo{position:absolute;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.56);color:#3f6142;font-size:.56rem;font-weight:950;letter-spacing:.09em;z-index:0}.falu-terkep-teruletjelzo.piac{left:43%;top:52%}.falu-terkep-teruletjelzo.hegy{right:5%;top:8%}.falu-terkep-teruletjelzo.gazdasag{left:4%;bottom:8%}.falu-npc-node.beszelheto{box-shadow:0 0 0 4px rgba(255,255,255,.7),0 0 22px color-mix(in srgb,var(--npc-szin),transparent 25%)}.falu-npc-node>em{position:absolute;right:-7px;top:-7px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fff;border:2px solid var(--npc-szin);font-style:normal}.falu-lako-gyorslista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.falu-lako-gyorslista button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 31px 8px 9px;border:1px solid #d5e1d2;border-radius:13px;background:#fff;text-align:left;cursor:pointer;min-width:0}.falu-lako-gyorslista button.aktiv{border-color:var(--npc-szin);box-shadow:0 0 0 2px color-mix(in srgb,var(--npc-szin),transparent 72%)}.falu-lako-gyorslista button>span{font-size:1.55rem}.falu-lako-gyorslista b,.falu-lako-gyorslista small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.falu-lako-gyorslista b{color:#304a35;font-size:.76rem}.falu-lako-gyorslista small{color:#7b867d;font-size:.62rem}.falu-lako-gyorslista i{font-style:normal}.falu-lako-gyorslista em{position:absolute;right:5px;bottom:5px;width:19px;height:19px;display:grid;place-items:center;border-radius:7px;color:#fff;font-size:.65rem;font-style:normal}.falu-npc-informacio-racs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.falu-npc-informacio-racs span{padding:8px;border-radius:11px;background:#f4f8f2}.falu-npc-informacio-racs small,.falu-npc-informacio-racs b{display:block}.falu-npc-informacio-racs small{color:#7b877d;font-size:.61rem}.falu-npc-informacio-racs b{margin-top:3px;color:#38523d;font-size:.7rem}.falu-modern-oldalpanel{grid-template-rows:auto minmax(210px,1fr)!important}
@media(max-width:1100px){.gazdasag-osszefoglalo{grid-template-columns:repeat(3,1fr)!important}.falu-modern-tartalom{grid-template-columns:minmax(620px,1.4fr) minmax(330px,.8fr)!important}.falu-lako-gyorslista{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.gazdasag-modern-fejlec{align-items:flex-start;flex-direction:column}.gazdasag-fejlec-akciok{justify-content:flex-start}.gazdasag-elemzo-grid,.gazdasag-ketoszlop{grid-template-columns:1fr!important}.gazdasag-egeszseg{grid-template-columns:1fr}.falu-modern-tartalom{grid-template-columns:1fr!important}.falu-terkep-gorgeto{height:min(58vh,620px)!important}.falu-modern-oldalpanel{display:grid!important;grid-template-columns:1fr 1fr!important}.falu-lako-gyorslista{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.gazdasag-modal-doboz{width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important}.gazdasag-modern-fejlec{padding:18px 54px 15px 14px;border-radius:0}.gazdasag-szuro-sor{align-items:stretch;flex-direction:column}.gazdasag-kereso{min-width:0}.gazdasag-osszefoglalo{grid-template-columns:repeat(2,1fr)!important;padding:8px 10px 0}.gazdasag-egeszseg,.gazdasag-elemzo-grid{margin-left:10px;margin-right:10px}.gazdasag-ketoszlop{margin:0 10px 10px!important}.gazdasag-mini-kpik{grid-template-columns:1fr}.meteor-kutatas-modal{padding:0}.meteor-kutatas-doboz{width:100%;height:100%;max-height:none;border-radius:0}.meteor-kutatas-fej{grid-template-columns:auto 1fr;padding:18px 52px 15px 13px}.meteor-kutatas-fej>span{grid-column:1/-1}.meteor-dontesek{grid-template-columns:1fr}.meteor-dontesek button{min-height:140px}.meteor-szkenneles{grid-template-columns:1fr}.falu-modern-tabok{padding:7px!important}.falu-modern-tabok button{padding:8px!important}.falu-modern-tabok button>small{display:none}.falu-terkep-eszkoztar{flex-wrap:wrap;justify-content:flex-end}.falu-terkep-cim{align-items:flex-start}.falu-lako-gyorslista{grid-template-columns:repeat(2,1fr)}.falu-modern-oldalpanel{grid-template-columns:1fr!important}.falu-npc-informacio-racs{grid-template-columns:1fr}}

/* 14.31.2 — Élő falu: belső szélességvédelem kis képernyőkön. */
.falu-modern-tartalom,
.falu-terkep-kartya,
.falu-modern-oldalpanel,
.falu-lako-gyorslista,
.falu-terkep-cim { min-width: 0; max-width: 100%; }
.falu-terkep-kartya { overflow: hidden; }
.falu-lako-gyorslista { width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); }
.falu-lako-gyorslista button { width: 100%; min-width: 0; }
@media(max-width:720px){
  .falu-terkep-cim { flex-wrap: wrap; gap: 8px; }
  .falu-terkep-eszkoztar { max-width: 100%; }
  .falu-lako-gyorslista { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .falu-modern-tabok { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .falu-modern-tabok button { min-width: 0; }
}


/* =========================================================
   14.31.2 — Veteményesvölgy teljes szélességű térkép
   és kizárólagos Falu/Hírnév nézetváltás
   ========================================================= */
#falu-tartalom-terkep[hidden],
#falu-hirnev-tartalom[hidden] { display:none !important; }

.falu-modern-tartalom {
    display:flex !important;
    flex-direction:column;
    gap:12px;
    overflow:auto !important;
    padding:12px 14px 16px !important;
}
.falu-terkep-kartya {
    width:100%;
    flex:0 0 auto;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden;
    padding:14px;
}
.falu-terkep-gorgeto {
    width:100%;
    height:clamp(520px,64vh,690px) !important;
    flex:none !important;
    overflow:auto !important;
}
.falu-terkep {
    width:100% !important;
    min-width:100% !important;
    height:620px !important;
    min-height:620px !important;
}
.falu-modern-oldalpanel {
    width:100%;
    display:grid !important;
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) !important;
    grid-template-rows:auto !important;
    gap:12px;
    overflow:visible !important;
    padding:0 !important;
}
.falu-modern-oldalpanel > .falu-panel { min-width:0; }
.falu-lako-gyorslista { grid-template-columns:repeat(6,minmax(0,1fr)) !important; }

.falu-terkep-teljes-mod {
    position:fixed !important;
    inset:0 !important;
    z-index:2;
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    max-height:none !important;
    border-radius:0 !important;
}
.falu-terkep-teljes-mod .falu-fejlec,
.falu-terkep-teljes-mod .falu-modern-tabok,
.falu-terkep-teljes-mod .falu-lako-gyorslista,
.falu-terkep-teljes-mod .falu-modern-oldalpanel { display:none !important; }
.falu-terkep-teljes-mod #falu-tartalom-terkep {
    display:flex !important;
    height:100%;
    overflow:hidden !important;
    padding:8px !important;
}
.falu-terkep-teljes-mod .falu-terkep-kartya {
    height:100% !important;
    border-radius:18px;
}
.falu-terkep-teljes-mod .falu-terkep-gorgeto {
    height:calc(100dvh - 90px) !important;
    flex:1 !important;
}

#falu-modal[data-aktiv-falu-nezet="hirnev"] #falu-tartalom-terkep,
#falu-modal[data-aktiv-falu-nezet="hirnev"] .falu-terkep-kartya,
#falu-modal[data-aktiv-falu-nezet="hirnev"] .falu-modern-oldalpanel { display:none !important; }
#falu-modal[data-aktiv-falu-nezet="terkep"] #falu-hirnev-tartalom { display:none !important; }

@media(max-width:1100px){
  .falu-modern-oldalpanel { grid-template-columns:1fr 1fr !important; }
  .falu-lako-gyorslista { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}
@media(max-width:720px){
  .falu-terkep-gorgeto { height:min(60vh,560px) !important; }
  .falu-terkep { min-width:720px !important; width:720px !important; height:560px !important; min-height:560px !important; }
  .falu-modern-oldalpanel { grid-template-columns:1fr !important; }
  .falu-lako-gyorslista { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .falu-terkep-teljes-mod .falu-terkep-gorgeto { height:calc(100dvh - 92px) !important; }
}


/* =========================================================
   14.32.0 — Egységesen görgethető Élő falu és Istálló, teljes menü-visszatéréssel
   A teljes modaldoboz görög, a bezárás végig elérhető marad.
   ========================================================= */
#istallo-modal,
#falu-modal {
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.istallo-modern-modal,
.falu-modal-doboz {
    display: block !important;
    height: auto !important;
    max-height: min(94vh, 980px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

.istallo-modern-modal {
    width: min(1240px, 96vw) !important;
    max-width: 1240px !important;
    background: linear-gradient(180deg, #fffdf8 0%, #f7f3ec 100%) !important;
}

.falu-modal-doboz {
    width: min(1580px, 98vw) !important;
    max-width: 1580px !important;
    background: #f4f8f1 !important;
}

.istallo-modern-modal > .menedzsment-bezaro,
.falu-modal-doboz > .menedzsment-bezaro {
    position: sticky !important;
    top: 12px !important;
    right: 12px !important;
    float: right;
    margin: 12px 12px -56px 0 !important;
    z-index: 80 !important;
}

.istallo-modern-fejlec,
.falu-fejlec {
    position: relative;
    flex: none !important;
}

.istallo-kpi-racs,
.istallo-eszkoztar,
.falu-modern-tabok {
    position: relative;
    flex: none !important;
}

.istallo-modern-tartalom,
.falu-tartalom,
.falu-modern-tartalom,
.falu-hirnev-tartalom {
    overflow: visible !important;
    flex: none !important;
    min-height: 0 !important;
    max-height: none !important;
}

.istallo-modern-tartalom {
    padding-bottom: 34px !important;
}

.falu-modern-tartalom {
    display: flex !important;
    flex-direction: column !important;
}

.falu-modern-oldalpanel {
    overflow: visible !important;
}

/* A nagyítható térkép saját vízszintes/függőleges vászna megmarad,
   de a falu többi része már a fő ablak természetes görgetésében él. */
.falu-terkep-gorgeto {
    flex: none !important;
    height: clamp(520px, 64vh, 690px) !important;
    overflow: auto !important;
}

.falu-terkep-teljes-mod {
    overflow: hidden !important;
    max-height: 100dvh !important;
}
.falu-terkep-teljes-mod #falu-tartalom-terkep {
    overflow: hidden !important;
}

@media (max-width: 760px) {
    #istallo-modal,
    #falu-modal {
        padding: 0 !important;
        align-items: stretch;
    }
    .istallo-modern-modal,
    .falu-modal-doboz {
        width: 100vw !important;
        max-width: none !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        border-radius: 0 !important;
    }
    .istallo-modern-tartalom { padding-bottom: 96px !important; }
    .falu-terkep-gorgeto { height: 560px !important; }
}


/* 14.32.0 — Okos bevételi lehetőségek és kibővített fesztiválok */
.gazdasag-lehetoseg-panel{margin:14px 18px;padding:16px;border:1px solid #d9e5d7;border-radius:20px;background:linear-gradient(135deg,#fffdf1,#f2f8e9);box-shadow:0 8px 22px rgba(79,93,36,.08)}
.gazdasag-lehetoseg-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px}.gazdasag-lehetoseg-panel h3{margin:2px 0 4px;color:#39552d}.gazdasag-lehetoseg-panel header small{color:#738066;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.66rem}.gazdasag-lehetoseg-panel header p{margin:0;color:#6e7968;font-size:.78rem}.gazdasag-lehetoseg-meta{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.gazdasag-lehetoseg-meta span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #e1e7d4;color:#637154;font-size:.72rem;font-weight:850}
.gazdasag-lehetosegek{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.gazdasag-lehetoseg-kartya{display:flex;flex-direction:column;min-width:0;padding:13px;border:1px solid #dce5d2;border-radius:17px;background:#fff;box-shadow:0 6px 16px rgba(54,75,43,.06)}.gazdasag-lehetoseg-kartya>header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center}.gazdasag-lehetoseg-kartya>header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eef6df;font-size:1.45rem}.gazdasag-lehetoseg-kartya h4{margin:2px 0;color:#344d2c;font-size:.9rem}.gazdasag-lehetoseg-kartya header small{display:block;color:#7c8971;font-size:.64rem;text-transform:uppercase;font-weight:850}.gazdasag-lehetoseg-kartya header>b{grid-column:1/-1;justify-self:start;padding:4px 8px;border-radius:8px;background:#e9f5df;color:#3f7836;font-size:.68rem}.gazdasag-lehetoseg-kartya p{flex:1;margin:9px 0;color:#677260;font-size:.74rem;line-height:1.4}.gazdasag-lehetoseg-adatok{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.gazdasag-lehetoseg-adatok span{padding:5px 7px;border-radius:8px;background:#f4f6f0;color:#718069;font-size:.66rem}.gazdasag-lehetoseg-adatok strong{width:100%;font-size:1rem;color:#2e7d32}.gazdasag-lehetoseg-kartya button{border:0;border-radius:11px;padding:9px;background:linear-gradient(135deg,#4f8f3c,#2e7d32);color:#fff;font-weight:900;cursor:pointer}.gazdasag-lehetoseg-kartya button:disabled{background:#c9cec5;color:#727872;cursor:not-allowed}.gazdasag-lehetoseg-kartya.teljesitve{opacity:.68;background:#f5f7f2}.gazdasag-lehetoseg-kartya.hiany{border-color:#ead9b7;background:#fffaf0}
.fesztival-doboz-modern{width:min(960px,95vw);max-width:960px!important;max-height:92vh;overflow:auto;padding:22px!important;text-align:left}.fesztival-doboz-modern>#fesztival-ikon,.fesztival-doboz-modern>#fesztival-cim,.fesztival-doboz-modern>#fesztival-szoveg,.fesztival-doboz-modern>.fesztival-megjegyzes{text-align:center}.fesztival-lada-szekcio,.fesztival-program-szekcio{margin-top:16px;padding:14px;border:1px solid rgba(80,80,80,.14);border-radius:18px;background:rgba(255,255,255,.72)}.fesztival-lada-szekcio>header,.fesztival-program-szekcio>header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}.fesztival-lada-szekcio h3,.fesztival-program-szekcio h3{margin:2px 0;color:#3d4a42}.fesztival-lada-szekcio small,.fesztival-program-szekcio small{color:#7b827e;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:900}.fesztival-lada-szekcio header>span,.fesztival-program-szekcio header>span{font-size:.7rem;color:#788079}.fesztival-minigame{display:flex;justify-content:center;gap:28px;margin:12px 0}.fesztival-minigame .lada-gomb{width:92px;height:86px;border:1px solid rgba(0,0,0,.1)!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f2f2f2)!important;box-shadow:0 8px 18px rgba(0,0,0,.1)}.fesztival-programok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fesztival-program-kartya{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #deded8;border-radius:15px;background:#fff}.fesztival-program-kartya>header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start}.fesztival-program-kartya>header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f5efe5;font-size:1.35rem}.fesztival-program-kartya h4{margin:0 0 3px;color:#3d443f}.fesztival-program-kartya header small{display:block;color:#747b76;font-size:.69rem;line-height:1.35;text-transform:none;letter-spacing:0}.fesztival-program-adatok{display:flex;flex-direction:column;gap:5px;margin:10px 0}.fesztival-program-adatok span{font-size:.68rem;color:#69736c}.fesztival-program-adatok .koltseg{color:#a45f27}.fesztival-program-adatok .ingyenes{color:#397b43}.fesztival-program-adatok strong{color:#2e7d32;font-size:.76rem}.fesztival-program-kartya button{margin-top:auto;border:0;border-radius:10px;padding:8px;background:#4e7d49;color:#fff;font-weight:900;cursor:pointer}.fesztival-program-kartya button:disabled{background:#c7cbc5;color:#737773;cursor:not-allowed}.fesztival-program-kartya.hiany{opacity:.74}.fesztival-megjegyzes{margin:14px 0 0;color:#7b817d;font-size:.75rem;font-style:italic}
@media(max-width:900px){.gazdasag-lehetosegek,.fesztival-programok{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.gazdasag-lehetoseg-panel{margin:12px 10px;padding:12px}.gazdasag-lehetoseg-panel>header,.fesztival-lada-szekcio>header,.fesztival-program-szekcio>header{flex-direction:column;align-items:flex-start}.gazdasag-lehetoseg-meta{justify-content:flex-start}.gazdasag-lehetosegek,.fesztival-programok{grid-template-columns:1fr}.fesztival-doboz-modern{width:100%;height:100%;max-height:none;border-radius:0!important;padding:14px!important}.fesztival-minigame{gap:9px}.fesztival-minigame .lada-gomb{width:76px;height:72px}}

/* =====================================================================
   14.32.2 — DINAMIKUS FARMJELENET: ÉVSZAK, IDŐJÁRÁS ÉS NAPSZAK
   A parcellák, az istálló, az üvegház, a malom és a nap/hold ugyanazt
   a környezeti állapotot követik, mint a játék időjárás-rendszere.
   ===================================================================== */
.farm-jelenet {
    --farm-idojaras-intenzitas: .35;
    --farm-idojaras-opacity: .55;
    --farm-szel-ero: .2;
    --farm-csapadek-sebesseg: .72s;
    background: linear-gradient(#8fd3ff 0 30%, #a6d77b 30% 56%, #4f9f52 56%);
    transition: background 1.6s ease, filter 1.2s ease, box-shadow 1.2s ease;
}
.farm-jelenet[data-evszak="tavasz"] { background: linear-gradient(#91d7ff 0 30%, #bde790 30% 56%, #55a95a 56%); }
.farm-jelenet[data-evszak="nyar"] { background: linear-gradient(#63c5ff 0 30%, #d9df79 30% 56%, #4b9b45 56%); }
.farm-jelenet[data-evszak="osz"] { background: linear-gradient(#9fc6d7 0 30%, #d5b56f 30% 56%, #8d7444 56%); }
.farm-jelenet[data-evszak="tel"] { background: linear-gradient(#b8d4e9 0 31%, #d7e7ef 31% 56%, #eef5f7 56%); }
.farm-jelenet[data-evszak="tavasz"]::before { background: linear-gradient(135deg, #67b960, #449b50); }
.farm-jelenet[data-evszak="nyar"]::before { background: linear-gradient(135deg, #5fac55, #3f8d49); }
.farm-jelenet[data-evszak="osz"]::before { background: linear-gradient(135deg, #9b7d42, #6e6f35); }
.farm-jelenet[data-evszak="tel"]::before { background: linear-gradient(135deg, #dbe9ed, #f4fafb); }

.farm-egbolt { z-index: 0; overflow: hidden; }
.farm-egbolt::before {
    content: "";
    position: absolute;
    inset: 0 0 42%;
    background: transparent;
    opacity: 0;
    transition: opacity 1.4s ease, background 1.4s ease;
}
.farm-jelenet[data-napszak="napfelkelte"] .farm-egbolt::before {
    opacity: .82;
    background: linear-gradient(165deg, rgba(95,115,190,.30), rgba(255,170,112,.72) 62%, rgba(255,226,152,.28));
}
.farm-jelenet[data-napszak="naplemente"] .farm-egbolt::before {
    opacity: .88;
    background: linear-gradient(160deg, rgba(68,87,153,.28), rgba(241,113,95,.72) 58%, rgba(116,61,143,.46));
}
.farm-jelenet[data-napszak="ejjel"] .farm-egbolt::before {
    opacity: .94;
    background: linear-gradient(170deg, rgba(5,12,45,.96), rgba(18,36,92,.88) 70%, rgba(36,45,86,.58));
}

.farm-nap-hold {
    z-index: 2;
    display: grid;
    place-items: center;
    left: auto;
    right: 10%;
    top: 44px;
    transition: left 1.8s ease, right 1.8s ease, top 1.8s ease, width 1.5s ease, height 1.5s ease, background 1.5s ease, box-shadow 1.5s ease, opacity .8s ease, filter .8s ease, transform 1.5s ease;
}
.farm-jelenet[data-napszak="napfelkelte"] .farm-nap-hold {
    left: 7%; right: auto; top: 128px; width: 62px; height: 62px;
    background: #ffb74d; box-shadow: 0 0 30px #ffb74d, 0 0 75px rgba(255,152,70,.68);
}
.farm-jelenet[data-napszak="nappal"] .farm-nap-hold {
    left: auto; right: 10%; top: 44px; width: 76px; height: 76px;
    background: #ffe76b; box-shadow: 0 0 35px #ffe65d, 0 0 80px rgba(255,236,103,.65);
}
.farm-jelenet[data-napszak="naplemente"] .farm-nap-hold {
    left: auto; right: 6%; top: 132px; width: 66px; height: 66px;
    background: #ff8a65; box-shadow: 0 0 32px #ff8a65, 0 0 82px rgba(255,112,92,.72);
}
.farm-jelenet[data-napszak="ejjel"] .farm-nap-hold {
    left: auto; right: 10%; top: 48px; opacity: 1;
}
.farm-jelenet[data-weather="felhos"] .farm-nap-hold,
.farm-jelenet[data-weather="kod"] .farm-nap-hold { opacity: .48; filter: blur(.3px); }
.farm-jelenet[data-weather="eso"] .farm-nap-hold,
.farm-jelenet[data-weather="szemerkelo"] .farm-nap-hold,
.farm-jelenet[data-weather="zapor"] .farm-nap-hold,
.farm-jelenet[data-weather="vihar"] .farm-nap-hold,
.farm-jelenet[data-weather="havazas"] .farm-nap-hold,
.farm-jelenet[data-weather="havas_eso"] .farm-nap-hold,
.farm-jelenet[data-weather="jegeso"] .farm-nap-hold,
.farm-jelenet[data-weather="hovihar"] .farm-nap-hold { opacity: .18; }
.farm-jelenet[data-napszak="ejjel"] .farm-nap-hold.holdfazis-ikon { opacity: 1; filter: drop-shadow(0 0 13px rgba(250,248,220,.82)) drop-shadow(0 0 32px rgba(190,200,255,.48)); }

.farm-felho { transition: opacity 1s ease, color 1s ease, filter 1s ease; }
.farm-jelenet[data-weather="napos"] .farm-felho { opacity: .25; }
.farm-jelenet[data-weather="felhos"] .farm-felho,
.farm-jelenet[data-weather="kod"] .farm-felho { opacity: .95; color: #e6edf1; filter: drop-shadow(0 10px 10px rgba(50,67,84,.24)) grayscale(.18); }
.farm-jelenet[data-csapadek="eso"] .farm-felho,
.farm-jelenet[data-csapadek="ho"] .farm-felho,
.farm-jelenet[data-csapadek="havas-eso"] .farm-felho,
.farm-jelenet[data-csapadek="jeg"] .farm-felho { opacity: 1; color: #b8c2cc; filter: brightness(.74) drop-shadow(0 12px 12px rgba(32,44,62,.35)); }
.farm-jelenet[data-szel="elenk"] .farm-felho { animation-duration: 19s; }
.farm-jelenet[data-szel="eros"] .farm-felho { animation-duration: 10s; }
.farm-jelenet[data-szel="elenk"][data-csapadek="ho"] .farm-csapadek { animation-duration: 2.3s; }
.farm-jelenet[data-szel="eros"][data-csapadek="ho"] .farm-csapadek { animation-duration: 1.45s; }
.farm-jelenet[data-szel="elenk"][data-csapadek="havas-eso"] .farm-csapadek { animation-duration: .95s; }
.farm-jelenet[data-szel="eros"][data-csapadek="havas-eso"] .farm-csapadek { animation-duration: .65s; }
.farm-jelenet[data-szel="eros"][data-csapadek="jeg"] .farm-csapadek { animation-duration: .36s; }

.farm-idojaras-reteg {
    position: absolute;
    inset: 0;
    z-index: 10;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transition: opacity .8s ease;
}
.farm-csapadek, .farm-kod-reteg, .farm-villam-reteg {
    position: absolute;
    inset: -18%;
    display: block;
    pointer-events: none;
}
.farm-jelenet[data-csapadek="eso"] .farm-idojaras-reteg,
.farm-jelenet[data-csapadek="ho"] .farm-idojaras-reteg,
.farm-jelenet[data-csapadek="havas-eso"] .farm-idojaras-reteg,
.farm-jelenet[data-csapadek="jeg"] .farm-idojaras-reteg,
.farm-jelenet[data-csapadek="kod"] .farm-idojaras-reteg,
.farm-jelenet[data-csapadek="por"] .farm-idojaras-reteg { opacity: var(--farm-idojaras-opacity); }
.farm-jelenet[data-csapadek="eso"] .farm-csapadek {
    background-image: repeating-linear-gradient(105deg, transparent 0 18px, rgba(205,235,255,.78) 19px 21px, transparent 22px 36px);
    background-size: 42px 68px;
    animation: farmEsoHull var(--farm-csapadek-sebesseg) linear infinite;
}
@keyframes farmEsoHull { to { transform: translate(-55px, 165px); } }
.farm-jelenet[data-csapadek="ho"] .farm-csapadek {
    background-image: radial-gradient(circle, rgba(255,255,255,.96) 0 3px, transparent 3.5px), radial-gradient(circle, rgba(242,249,255,.92) 0 2px, transparent 2.5px), radial-gradient(circle, rgba(255,255,255,.8) 0 4px, transparent 4.5px);
    background-size: 54px 62px, 83px 91px, 126px 118px;
    background-position: 0 0, 20px 13px, 47px 22px;
    animation: farmHoHull 3.2s linear infinite;
}
@keyframes farmHoHull { to { transform: translate(48px, 165px) rotate(3deg); } }
.farm-jelenet[data-csapadek="havas-eso"] .farm-csapadek {
    background-image: repeating-linear-gradient(108deg, transparent 0 25px, rgba(190,224,246,.72) 26px 28px, transparent 29px 45px), radial-gradient(circle, rgba(255,255,255,.9) 0 3px, transparent 3.5px);
    background-size: 52px 76px, 66px 74px;
    animation: farmHavasEso 1.35s linear infinite;
}
@keyframes farmHavasEso { to { transform: translate(-42px, 170px); } }
.farm-jelenet[data-csapadek="jeg"] .farm-csapadek {
    background-image: radial-gradient(circle, rgba(232,247,255,.98) 0 4px, rgba(150,205,235,.92) 4.5px 6px, transparent 6.5px);
    background-size: 48px 55px;
    animation: farmJegHull .52s linear infinite;
}
@keyframes farmJegHull { to { transform: translate(-34px, 175px); } }
.farm-jelenet[data-csapadek="kod"] .farm-kod-reteg {
    inset: 5% -30%;
    background: repeating-linear-gradient(0deg, transparent 0 55px, rgba(238,245,246,.72) 72px 116px, transparent 137px 190px);
    filter: blur(12px);
    animation: farmKodUszik 12s ease-in-out infinite alternate;
}
@keyframes farmKodUszik { to { transform: translateX(14%); opacity: .72; } }
.farm-jelenet[data-csapadek="por"] .farm-kod-reteg {
    inset: 32% -20% -10%;
    background: radial-gradient(ellipse at 20% 60%, rgba(218,171,94,.42), transparent 34%), radial-gradient(ellipse at 65% 48%, rgba(232,190,116,.38), transparent 38%), linear-gradient(0deg, rgba(210,155,78,.28), transparent 62%);
    filter: blur(8px);
    animation: farmPorKavarog 4.8s ease-in-out infinite alternate;
}
@keyframes farmPorKavarog { to { transform: translate(8%,-4%); opacity: .65; } }
.farm-jelenet[data-weather="vihar"] .farm-villam-reteg,
.farm-jelenet[data-weather="hovihar"] .farm-villam-reteg {
    inset: 0;
    background: rgba(238,245,255,.72);
    opacity: 0;
    animation: farmVillamlas 6.4s steps(1,end) infinite;
}
@keyframes farmVillamlas { 0%,76%,80%,100%{opacity:0} 77%{opacity:.7} 78%{opacity:.08} 79%{opacity:.45} }

.farm-epulet { z-index: 4; transition: transform .35s ease, filter 1s ease, opacity .8s ease; }
.farm-epulet > span { position: relative; transition: filter 1s ease, transform .8s ease; }
.farm-epulet > span::before {
    content: "";
    position: absolute;
    left: 12%; right: 12%; top: 10%; height: 11px;
    border-radius: 60% 60% 45% 45%;
    background: rgba(255,255,255,.96);
    box-shadow: 0 4px 6px rgba(94,127,145,.2);
    opacity: 0;
    transform: translateY(-3px);
    transition: opacity .8s ease;
}
.farm-epulet::after {
    content: "";
    position: absolute;
    width: 14px; height: 10px;
    border-radius: 3px;
    background: #ffd76a;
    box-shadow: 0 0 13px #ffc94d, 0 0 28px rgba(255,190,70,.7);
    opacity: 0;
    transition: opacity .8s ease;
}
.farm-pajta::after { left: 34px; top: 47px; }
.farm-uveghaz::after { left: 31px; top: 42px; width: 24px; height: 15px; background: #fff3a5; }
.farm-malom::after { left: 28px; top: 39px; }
.farm-jelenet[data-napszak="naplemente"] .farm-epulet::after { opacity: .48; }
.farm-jelenet[data-napszak="ejjel"] .farm-epulet::after { opacity: 1; }
.farm-jelenet[data-napszak="ejjel"] .farm-epulet > span { filter: brightness(.74) saturate(.9); }
.farm-jelenet[data-napszak="ejjel"] .farm-uveghaz > span { filter: brightness(.92) drop-shadow(0 0 16px rgba(255,235,145,.65)); }
.farm-jelenet[data-evszak="tavasz"] .farm-epulet > span { filter: saturate(1.08); }
.farm-jelenet[data-evszak="nyar"] .farm-epulet > span { filter: saturate(1.14) brightness(1.03); }
.farm-jelenet[data-evszak="osz"] .farm-epulet > span { filter: sepia(.16) saturate(.95); }
.farm-jelenet[data-evszak="tel"] .farm-epulet > span::before,
.farm-jelenet[data-weather="havazas"] .farm-epulet > span::before,
.farm-jelenet[data-weather="hovihar"] .farm-epulet > span::before { opacity: 1; }
.farm-jelenet[data-csapadek="eso"] .farm-pocsolya,
.farm-jelenet[data-csapadek="havas-eso"] .farm-pocsolya { opacity: 1; transform: scale(1); }
.farm-jelenet[data-csapadek="eso"] .farm-epulet,
.farm-jelenet[data-csapadek="havas-eso"] .farm-epulet { filter: brightness(.86) drop-shadow(0 10px 8px rgba(20,45,65,.38)); }
.farm-jelenet[data-weather="aszaly"] .farm-epulet { filter: sepia(.28) saturate(.86); }
.farm-jelenet[data-napszak="ejjel"] .farm-epulet > span { filter: brightness(.72) saturate(.86); }
.farm-jelenet[data-napszak="ejjel"] .farm-uveghaz > span { filter: brightness(.94) drop-shadow(0 0 16px rgba(255,235,145,.68)); }
.farm-jelenet[data-napszak="ejjel"] .farm-epulet small { background: rgba(20,34,62,.82); color: #f7f4df; }
.farm-jelenet[data-view="uveghaz"] .farm-uveghaz { transform: translateY(-7px) scale(1.08); filter: drop-shadow(0 0 20px rgba(158,235,255,.8)); }
.farm-jelenet[data-view="uveghaz"] .farm-pajta,
.farm-jelenet[data-view="uveghaz"] .farm-malom { opacity: .68; }

.farm-fust { opacity: 0; transition: opacity .8s ease; }
.farm-jelenet[data-evszak="osz"] .farm-fust,
.farm-jelenet[data-evszak="tel"] .farm-fust,
.farm-jelenet[data-napszak="napfelkelte"] .farm-fust,
.farm-jelenet[data-napszak="naplemente"] .farm-fust,
.farm-jelenet[data-napszak="ejjel"] .farm-fust { opacity: 1; }
.malom-lapat { animation-duration: 10s; transition: color .8s ease, filter .8s ease; }
.farm-jelenet[data-szel="elenk"] .malom-lapat { animation-duration: 4.6s; }
.farm-jelenet[data-szel="eros"] .malom-lapat { animation-duration: 2.1s; }
.farm-jelenet[data-weather="vihar"] .malom-lapat,
.farm-jelenet[data-weather="hovihar"] .malom-lapat { animation-duration: 1.25s; }
.farm-jelenet[data-evszak="tel"] .malom-lapat { color: #ebe4d8; }

.farm-jelenet[data-evszak="tavasz"] .farm-pillango,
.farm-jelenet[data-evszak="nyar"] .farm-pillango { opacity: 1; }
.farm-jelenet[data-evszak="osz"] .farm-pillango,
.farm-jelenet[data-evszak="tel"] .farm-pillango { opacity: 0; }
.farm-jelenet[data-evszak="osz"] .farm-level { opacity: 1; }
.farm-jelenet[data-evszak="tavasz"] .farm-level,
.farm-jelenet[data-evszak="nyar"] .farm-level,
.farm-jelenet[data-evszak="tel"] .farm-level { opacity: 0; }
.farm-jelenet[data-szel="eros"] .farm-level,
.farm-jelenet[data-szel="eros"] .farm-pillango,
.farm-jelenet[data-szel="eros"] .farm-szitakoto { animation-duration: 3.4s; }

#farm-jelenet[data-napszak="ejjel"] #kert { filter: brightness(.78) saturate(.9); }
#farm-jelenet[data-napszak="naplemente"] #kert { filter: sepia(.08) brightness(.94); }
#farm-jelenet[data-csapadek="eso"] #kert .parcella,
#farm-jelenet[data-csapadek="havas-eso"] #kert .parcella { filter: brightness(.79) saturate(.9); }
#farm-jelenet[data-weather="aszaly"] #kert .parcella { filter: sepia(.42) brightness(1.08) saturate(.72); }
#farm-jelenet[data-evszak="tel"][data-view="kulter"] #kert .parcella {
    box-shadow: inset 0 8px 11px rgba(255,255,255,.24), inset 0 -12px 14px rgba(45,20,12,.25), 0 8px 0 #61727a, 0 13px 18px rgba(34,54,65,.28), 0 -5px 0 rgba(245,252,255,.82) !important;
}
#farm-jelenet[data-evszak="osz"] #kert { background: rgba(111,87,42,.30); }
#farm-jelenet[data-evszak="tel"] #kert { background: rgba(187,215,224,.30); }
#farm-jelenet[data-view="uveghaz"] #kert {
    background: linear-gradient(145deg, rgba(178,230,239,.34), rgba(68,130,105,.28));
    box-shadow: inset 0 0 42px rgba(207,249,255,.36), 0 16px 32px rgba(25,65,31,.2);
}
#farm-jelenet[data-view="uveghaz"][data-napszak="ejjel"] #kert {
    filter: none;
    box-shadow: inset 0 0 50px rgba(255,244,175,.32), 0 16px 32px rgba(25,65,31,.24), 0 0 26px rgba(255,224,120,.22);
}
#farm-jelenet[data-view="uveghaz"] .uveghaz-parcella { filter: none !important; }

.farm-jelenet[data-weather="kod"] { filter: saturate(.72) brightness(.91); }
.farm-jelenet[data-weather="aszaly"] { filter: sepia(.16) saturate(.86) brightness(1.04); }
.farm-jelenet[data-weather="vihar"] { box-shadow: 0 26px 70px rgba(20,35,62,.42), inset 0 0 0 2px rgba(205,225,255,.3); }

@media (max-width: 760px) {
    .farm-idojaras-reteg { border-radius: 20px; }
    .farm-jelenet[data-napszak="napfelkelte"] .farm-nap-hold { left: 5%; top: 96px; }
    .farm-jelenet[data-napszak="naplemente"] .farm-nap-hold { right: 4%; top: 108px; }
    .farm-jelenet[data-napszak="nappal"] .farm-nap-hold { right: 7%; top: 34px; }
    .farm-epulet::after { transform: scale(.78); transform-origin: center; }
}
@media (prefers-reduced-motion: reduce) {
    .farm-csapadek, .farm-kod-reteg, .farm-villam-reteg { animation: none !important; }
}



/* ========================================================================== */
/* 14.32.3 — MODERN SZOMSZÉDOS FARMOK                                        */
/* ========================================================================== */
.szomszed-modal { padding: clamp(10px, 2.5vw, 28px); background: rgba(20, 36, 27, .62); backdrop-filter: blur(8px); }
.szomszed-panel { position: relative; width: min(1120px, 100%); max-height: min(92vh, 920px); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; border: 1px solid rgba(155, 194, 132, .65); border-radius: 28px; background: linear-gradient(160deg, #f8fbf5 0%, #edf6e8 100%); box-shadow: 0 28px 80px rgba(20, 46, 29, .28), inset 0 1px rgba(255,255,255,.9); }
.szomszed-bezar { position: sticky; float: right; z-index: 20; top: 14px; right: 14px; margin: 14px 14px -56px 0; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(52, 92, 60, .16); border-radius: 14px; background: rgba(255,255,255,.9); color: #35563b; font: 800 1.45rem/1 sans-serif; cursor: pointer; box-shadow: 0 8px 22px rgba(46, 82, 51, .12); backdrop-filter: blur(12px); transition: transform .18s ease, background .18s ease; }
.szomszed-bezar:hover { transform: translateY(-1px) rotate(2deg); background: #fff; }
.szomszed-panel-fejlec { display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 18px; align-items: center; padding: 24px 76px 18px 26px; border-bottom: 1px solid rgba(105, 151, 94, .16); background: radial-gradient(circle at 8% 0%, rgba(174, 218, 146, .4), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.88), rgba(241,248,236,.68)); }
.szomszed-focim-ikon { display: grid; width: 68px; height: 68px; place-items: center; border: 1px solid rgba(92, 139, 74, .22); border-radius: 22px; background: linear-gradient(145deg,#fff,#dff0d5); font-size: 2.15rem; box-shadow: 0 12px 28px rgba(62, 107, 55, .14), inset 0 1px #fff; }
.szomszed-felirat { margin: 0 0 4px; color: #64805e; font-size: .68rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.szomszed-panel-fejlec h2 { margin: 0; color: #1f4a29; font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.05; }
.szomszed-panel-fejlec p:last-child { max-width: 720px; margin: 8px 0 0; color: #617064; font-size: .82rem; line-height: 1.45; }
.szomszed-panel .szomszed-szamlalo-racs { margin: 16px 22px 0; }
.szomszed-panel .szomszed-szamlalo-racs > div { position: relative; overflow: hidden; padding: 12px 14px; border-color: rgba(117, 161, 96, .2); background: rgba(255,255,255,.78); }
.szomszed-panel .szomszed-szamlalo-racs > div::after { content: ''; position: absolute; right: -14px; bottom: -20px; width: 54px; height: 54px; border-radius: 50%; background: rgba(139,195,74,.08); }
.szomszed-eszkoztar { display: grid; grid-template-columns: minmax(210px,1fr) auto minmax(160px,auto); gap: 10px; align-items: center; margin: 14px 22px 0; padding: 10px; border: 1px solid rgba(108, 151, 91, .16); border-radius: 18px; background: rgba(255,255,255,.66); box-shadow: 0 8px 25px rgba(54, 92, 55, .06); }
.szomszed-kereso { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; min-width: 0; padding: 0 10px; border: 1px solid #d8e5d3; border-radius: 13px; background: #fff; color: #6d8767; }
.szomszed-kereso span { font-size: 1.25rem; }
.szomszed-kereso input { min-width: 0; height: 40px; border: 0; outline: 0; background: transparent; color: #294d30; font: inherit; font-size: .82rem; }
.szomszed-kereso:focus-within { border-color: #7fb56d; box-shadow: 0 0 0 3px rgba(105, 168, 84, .12); }
.szomszed-szurok { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.szomszed-szuro-gomb { min-height: 36px; padding: 7px 11px; border: 1px solid transparent; border-radius: 999px; background: #edf4e9; color: #54704f; font: 850 .68rem/1 sans-serif; cursor: pointer; transition: .18s ease; }
.szomszed-szuro-gomb:hover { border-color: #b9d3ae; background: #f6faf3; }
.szomszed-szuro-gomb.aktiv { border-color: #4f8f4d; background: #397a43; color: #fff; box-shadow: 0 6px 14px rgba(57,122,67,.2); }
.szomszed-rendezes { display: grid; gap: 3px; min-width: 0; }
.szomszed-rendezes span { color: #789075; font-size: .56rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.szomszed-rendezes select { width: 100%; height: 38px; border: 1px solid #d8e5d3; border-radius: 11px; outline: 0; background: #fff; color: #36563b; font: 800 .7rem sans-serif; }
.szomszed-lista-fej { display: flex; justify-content: space-between; align-items: center; margin: 15px 24px 8px; color: #36573c; }
.szomszed-lista-fej strong { font-size: .78rem; }
.szomszed-lista-fej span { padding: 4px 9px; border-radius: 999px; background: #e2eee0; color: #5a7758; font-size: .62rem; font-weight: 850; }
.szomszed-tartalom { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; max-height: none; overflow: visible; padding: 0 22px 22px; }
.szomszed-panel::-webkit-scrollbar { width: 10px; }
.szomszed-panel::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: #b5cbaa; background-clip: padding-box; }
.szomszed-panel::-webkit-scrollbar-track { margin: 12px 0; }
.szomszed-kartya { min-width: 0; padding: 15px; border: 1px solid rgba(109, 155, 91, .22); border-radius: 20px; background: rgba(255,255,255,.9); box-shadow: 0 10px 30px rgba(49, 84, 48, .08); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.szomszed-kartya:hover { transform: translateY(-2px); border-color: rgba(85, 143, 69, .4); box-shadow: 0 16px 36px rgba(49,84,48,.12); }
.szomszed-kartya-fej { display: grid; grid-template-columns: 52px minmax(0,1fr) auto; gap: 11px; align-items: start; padding-bottom: 13px; border-bottom: 1px solid #e4ede0; }
.szomszed-avatar { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 16px; background: linear-gradient(145deg,#e8f5e2,#cde4c2); font-size: 1.7rem; box-shadow: inset 0 1px #fff; }
.szomszed-nevblokk { min-width: 0; }
.szomszed-nev-sor { display: flex; flex-wrap: wrap; gap: 6px 9px; align-items: center; }
.szomszed-nev-sor h3 { margin: 0; overflow: hidden; color: #254d2d; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.szomszed-online { padding: 3px 7px; border-radius: 999px; background: #e5f4e6; color: #388449; font-size: .52rem; font-weight: 900; white-space: nowrap; }
.szomszed-nevblokk p { display: -webkit-box; margin: 5px 0 0; overflow: hidden; color: #738075; font-size: .67rem; line-height: 1.38; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.szomszed-ajanlat-jelzo { display: grid; min-width: 48px; padding: 6px 8px; justify-items: center; border-radius: 12px; background: #f2f7ef; color: #5a7955; }
.szomszed-ajanlat-jelzo strong { font-size: 1rem; line-height: 1; }
.szomszed-ajanlat-jelzo span { margin-top: 3px; font-size: .5rem; font-weight: 850; }
.szomszed-szekcio-cim { display: flex; justify-content: space-between; align-items: center; margin: 12px 2px 8px; color: #3f6344; }
.szomszed-szekcio-cim span { font-size: .72rem; font-weight: 900; }
.szomszed-szekcio-cim small { color: #91a08f; font-size: .56rem; font-weight: 750; }
.szomszed-aru-lista { display: grid; gap: 7px; }
.szomszed-aru-sor { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 8px; border: 1px solid #e2ebe0; border-radius: 13px; background: #fbfdf9; }
.szomszed-aru-sor.megfizetheto { border-color: #d9ead4; }
.szomszed-aru-ikon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #edf5e9; font-size: 1.25rem; }
.szomszed-aru-adat { display: grid; min-width: 0; }
.szomszed-aru-adat strong { overflow: hidden; color: #324f37; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.szomszed-aru-adat span { margin-top: 2px; color: #758274; font-size: .58rem; }
.szomszed-aru-adat small { margin-top: 2px; color: #8e9b8c; font-size: .53rem; }
.szomszed-vasarlas-gomb { display: grid; min-width: 88px; padding: 7px 10px; border: 0; border-radius: 11px; background: #087d6f; color: #fff; cursor: pointer; box-shadow: 0 5px 13px rgba(8,125,111,.18); }
.szomszed-vasarlas-gomb span { font-size: .55rem; font-weight: 800; opacity: .88; }
.szomszed-vasarlas-gomb strong { margin-top: 2px; font-size: .65rem; }
.szomszed-vasarlas-gomb.nincs-penz { background: #93a09a; box-shadow: none; }
.szomszed-keszlet-ures { padding: 15px; border: 1px dashed #c7d6c2; border-radius: 13px; background: #f7faf5; color: #81907e; font-size: .67rem; text-align: center; }
.szomszed-quest { margin-top: 11px; padding: 11px; border-radius: 14px; }
.szomszed-quest.aktiv { border: 1px solid #f2cf8d; background: linear-gradient(145deg,#fffaf0,#fff5df); }
.szomszed-quest.kesz { display: flex; gap: 10px; align-items: center; border: 1px solid #bfe0c1; background: #edf8ed; color: #397744; }
.szomszed-quest.kesz span { font-size: 1.35rem; }
.szomszed-quest.kesz div { display: grid; }
.szomszed-quest.kesz strong { font-size: .72rem; }
.szomszed-quest.kesz small { margin-top: 2px; font-size: .57rem; }
.szomszed-quest-fej { display: grid; grid-template-columns: 31px minmax(0,1fr); gap: 8px; }
.szomszed-quest-ikon { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: #fff0cf; }
.szomszed-quest-fej div { display: grid; }
.szomszed-quest-fej strong { color: #a85b0b; font-size: .68rem; }
.szomszed-quest-fej small { margin-top: 3px; color: #7c6850; font-size: .58rem; line-height: 1.35; }
.szomszed-quest-haladas { margin-top: 9px; }
.szomszed-quest-haladas > div:first-child { display: flex; justify-content: space-between; gap: 8px; color: #8b765f; font-size: .55rem; }
.szomszed-quest-haladas strong { color: #674a27; }
.szomszed-quest-sav { height: 6px; margin-top: 5px; overflow: hidden; border-radius: 999px; background: #eadbc3; }
.szomszed-quest-sav i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ffb74d,#f57c00); }
.szomszed-quest-lab { display: flex; gap: 10px; justify-content: space-between; align-items: end; margin-top: 10px; }
.szomszed-quest-lab > span { display: grid; min-width: 0; }
.szomszed-quest-lab small { color: #a18361; font-size: .5rem; font-weight: 850; text-transform: uppercase; }
.szomszed-quest-lab strong { margin-top: 2px; color: #805521; font-size: .61rem; }
.szomszed-segit-gomb { flex: none; padding: 8px 11px; border: 0; border-radius: 10px; background: #b8b8b8; color: #fff; font: 850 .62rem sans-serif; cursor: pointer; }
.szomszed-segit-gomb.elerheto { background: #ef8b17; box-shadow: 0 5px 13px rgba(239,139,23,.2); }
.szomszed-ures-allapot { grid-column: 1/-1; display: grid; min-height: 240px; place-content: center; justify-items: center; padding: 24px; border: 1px dashed #bed1b7; border-radius: 20px; background: rgba(255,255,255,.6); color: #667b65; text-align: center; }
.szomszed-ures-allapot span { font-size: 2rem; }
.szomszed-ures-allapot strong { margin-top: 8px; font-size: .9rem; }
.szomszed-ures-allapot small { margin-top: 5px; font-size: .68rem; }

@media (max-width: 880px) {
    .szomszed-eszkoztar { grid-template-columns: 1fr auto; }
    .szomszed-szurok { grid-column: 1/-1; grid-row: 2; justify-content: flex-start; }
    .szomszed-tartalom { grid-template-columns: 1fr; max-height: none; }
}
@media (max-width: 600px) {
    .szomszed-modal { padding: 0; align-items: stretch; }
    .szomszed-panel { width: 100%; min-height: 100dvh; max-height: 100dvh; overflow-y: auto; border: 0; border-radius: 0; }
    .szomszed-panel-fejlec { grid-template-columns: 52px minmax(0,1fr); gap: 11px; padding: 18px 56px 14px 14px; }
    .szomszed-focim-ikon { width: 50px; height: 50px; border-radius: 16px; font-size: 1.55rem; }
    .szomszed-panel-fejlec p:last-child { font-size: .7rem; }
    .szomszed-panel .szomszed-szamlalo-racs { margin: 10px 12px 0; }
    .szomszed-panel .szomszed-szamlalo-racs > div { padding: 9px 10px; }
    .szomszed-eszkoztar { grid-template-columns: 1fr; margin: 10px 12px 0; }
    .szomszed-rendezes { grid-row: 2; }
    .szomszed-szurok { grid-row: 3; overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 2px; }
    .szomszed-szuro-gomb { white-space: nowrap; }
    .szomszed-lista-fej { margin: 12px 14px 7px; }
    .szomszed-tartalom { max-height: none; padding: 0 12px 28px; }
    .szomszed-kartya { padding: 12px; border-radius: 17px; }
    .szomszed-kartya-fej { grid-template-columns: 44px minmax(0,1fr) auto; }
    .szomszed-avatar { width: 42px; height: 42px; border-radius: 13px; font-size: 1.45rem; }
    .szomszed-aru-sor { grid-template-columns: 34px minmax(0,1fr); }
    .szomszed-vasarlas-gomb { grid-column: 1/-1; width: 100%; grid-template-columns: 1fr auto; align-items: center; }
    .szomszed-vasarlas-gomb strong { margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .szomszed-kartya, .szomszed-bezar, .szomszed-szuro-gomb { transition: none; }
}


/* 14.32.6 — Expedíciós gyűjteményi tárgyak */
.raktar-gyujtemeny-leiras {
    margin: 8px 0;
    padding: 9px 11px;
    border-radius: 10px;
    background: rgba(103, 58, 183, 0.08);
    color: var(--szoveg-masodlagos, #5f5870);
    font-size: 0.86rem;
    line-height: 1.4;
}

/* =========================================================
   14.32.9 — OKOS ÜVEGHÁZ IRÁNYÍTÓKÖZPONT
   ========================================================= */
.uveghaz-iranyitopult {
    width: min(1080px, calc(100% - 24px));
    margin: 12px auto 18px;
    padding: 18px;
    border: 1px solid rgba(63, 180, 196, .32);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0, rgba(123, 226, 232, .22), transparent 36%),
        linear-gradient(145deg, rgba(248, 255, 253, .97), rgba(227, 247, 245, .95));
    box-shadow: 0 18px 45px rgba(14, 79, 85, .17), inset 0 1px 0 rgba(255,255,255,.9);
    box-sizing: border-box;
    color: #123f42;
}
.uveghaz-fejlec { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.uveghaz-fejlec-ikon {
    display:grid; place-items:center; flex:0 0 62px; width:62px; height:62px;
    border-radius:19px; font-size:34px;
    background:linear-gradient(145deg,#d9fff7,#a9e8e8);
    box-shadow:0 9px 20px rgba(23,113,119,.18), inset 0 1px 0 #fff;
}
.uveghaz-fejlec small { color:#14777d; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.uveghaz-fejlec h2 { margin:2px 0; color:#0d565b; font-size:clamp(1.35rem,3vw,2rem); }
.uveghaz-fejlec p { margin:0; color:#477176; line-height:1.45; }
.uveghaz-kpi-racs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin-bottom:12px; }
.uveghaz-kpi {
    min-width:0; padding:10px 11px; border-radius:15px;
    background:rgba(255,255,255,.78); border:1px solid rgba(72,176,181,.2);
    box-shadow:0 6px 14px rgba(23,91,96,.08);
}
.uveghaz-kpi span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#5a777a; font-size:.72rem; font-weight:800; }
.uveghaz-kpi strong { display:block; margin-top:3px; color:#0c686d; font-size:1.12rem; }
.uveghaz-vezerlo-racs { display:grid; grid-template-columns:1.15fr 1fr .9fr; gap:10px; }
.uveghaz-vezerlo-kartya {
    display:flex; flex-direction:column; gap:10px; min-width:0; padding:14px;
    border-radius:18px; background:rgba(255,255,255,.86);
    border:1px solid rgba(61,161,166,.22); box-shadow:0 8px 20px rgba(25,97,101,.09);
}
.uveghaz-kartya-cim { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; }
.uveghaz-kartya-cim span { font-weight:900; color:#175d62; }
.uveghaz-kartya-cim small { color:#66888b; text-align:right; line-height:1.25; }
.uveghaz-mezo { display:grid; gap:5px; }
.uveghaz-mezo > span { font-size:.78rem; color:#5e7c7f; font-weight:800; }
.uveghaz-mezo select {
    width:100%; padding:10px 12px; border:1px solid #91cfd1; border-radius:12px;
    background:#f8ffff; color:#174f53; font:inherit; font-weight:800; outline:none;
}
.uveghaz-mezo select:focus { border-color:#008c95; box-shadow:0 0 0 3px rgba(0,140,149,.14); }
.uveghaz-iranyitopult .klima-statusz {
    margin-top:auto; padding:9px 10px; border:0; border-radius:12px;
    background:#e7f8f1; color:#1f6857; text-align:left; line-height:1.35;
}
.uveghaz-iranyitopult .klima-statusz.figyelmeztetes { background:#fff0e7; color:#a34417; }
.uveghaz-viz-fej { display:flex; justify-content:space-between; gap:8px; color:#376f74; font-size:.78rem; }
.uveghaz-viz-fej strong { color:#126d75; }
.uveghaz-iranyitopult .viztartaly-sav { flex:0 0 auto; width:100%; height:16px; border:0; background:#d5e9e9; box-shadow:inset 0 2px 5px rgba(23,89,93,.12); }
.uveghaz-iranyitopult .viztartaly-csik { background:linear-gradient(90deg,#19b8d2,#147fd0); box-shadow:0 0 12px rgba(25,184,210,.35); }
.uveghaz-iranyitopult .viztartaly-csik[data-szint="alacsony"] { background:linear-gradient(90deg,#ffb300,#fb8c00); }
.uveghaz-iranyitopult .viztartaly-csik[data-szint="kritikus"] { background:linear-gradient(90deg,#ef5350,#c62828); }
.uveghaz-iranyitopult .szuper-gombik {
    min-height:40px; border-radius:12px; padding:9px 12px;
    background:linear-gradient(135deg,#008f98,#006b75); box-shadow:0 7px 15px rgba(0,107,117,.2);
}
.uveghaz-iranyitopult .szuper-gombik:hover { background:linear-gradient(135deg,#00a2ad,#007984); transform:translateY(-1px); }
.uveghaz-ajanlo-kartya { background:linear-gradient(145deg,rgba(255,253,234,.95),rgba(239,255,243,.95)); }
.uveghaz-ajanlat { display:grid; gap:4px; padding:12px; border-radius:14px; background:rgba(255,255,255,.82); border:1px dashed rgba(79,143,91,.35); }
.uveghaz-ajanlat span { color:#617865; font-size:.76rem; font-weight:800; }
.uveghaz-ajanlat strong { color:#2b6f3b; font-size:1.02rem; }
.uveghaz-ajanlo-gomb { margin-top:auto; background:linear-gradient(135deg,#43a047,#237c36)!important; }

@media (max-width: 900px) {
    .uveghaz-kpi-racs { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .uveghaz-vezerlo-racs { grid-template-columns:1fr 1fr; }
    .uveghaz-ajanlo-kartya { grid-column:1/-1; }
}
@media (max-width: 620px) {
    .uveghaz-iranyitopult { width:calc(100% - 10px); margin:7px auto 12px; padding:12px; border-radius:18px; }
    .uveghaz-fejlec { align-items:flex-start; }
    .uveghaz-fejlec-ikon { flex-basis:48px; width:48px; height:48px; border-radius:14px; font-size:27px; }
    .uveghaz-fejlec p { font-size:.82rem; }
    .uveghaz-kpi-racs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .uveghaz-vezerlo-racs { grid-template-columns:1fr; }
    .uveghaz-ajanlo-kartya { grid-column:auto; }
    .uveghaz-kartya-cim { flex-direction:column; }
    .uveghaz-kartya-cim small { text-align:left; }
}


/* =====================================================
   14.32.9 — SZÓRT, NEM VAKÍTÓ KERTI REFLEKTOR
   Egyetlen irányított fényzóna; a parcellákon nincs fehér fényfolt.
   ===================================================== */
#reflektor-fenyreteg {
    z-index: 16;
    overflow: visible;
    mix-blend-mode: normal;
    filter: none;
}

/* A régi, parcellánkénti vakító foltok biztonsági letiltása. */
#reflektor-fenyreteg .reflektor-fenyfolt {
    display: none !important;
}

.reflektor-fenyzona {
    position: absolute;
    display: block;
    border-radius: 24px;
    pointer-events: none;
    isolation: isolate;
}

/* Lágy, meleg környezeti fény — a közepe áttetsző marad. */
.reflektor-fenyzona::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 218, 145, 0.13);
    border-radius: inherit;
    background:
        radial-gradient(ellipse at 58% 44%,
            rgba(255, 224, 160, 0.09) 0%,
            rgba(255, 205, 112, 0.055) 46%,
            rgba(255, 196, 85, 0.018) 67%,
            rgba(255, 196, 85, 0) 82%),
        linear-gradient(155deg,
            rgba(255, 239, 196, 0.035),
            rgba(255, 210, 126, 0.025) 52%,
            rgba(255, 193, 90, 0) 82%);
    box-shadow:
        inset 0 0 34px rgba(255, 210, 120, 0.045),
        0 10px 30px rgba(10, 20, 29, 0.08);
}

/* Keskeny, irányított fénynyaláb a jobb felső lámpatestből. */
.reflektor-fenykup {
    position: absolute;
    inset: 8px 6px 5px 5px;
    display: block;
    clip-path: polygon(79% 0, 99% 0, 91% 100%, 7% 100%);
    background: linear-gradient(168deg,
        rgba(255, 232, 174, 0.11) 0%,
        rgba(255, 215, 139, 0.055) 46%,
        rgba(255, 205, 117, 0.018) 72%,
        rgba(255, 205, 117, 0) 100%);
    filter: blur(7px);
    opacity: 0.78;
}

/* Modern, diszkrét lámpatest a fényforrás vizuális jelzéséhez. */
.reflektor-lampatest {
    position: absolute;
    top: -13px;
    right: 7px;
    width: 38px;
    height: 18px;
    border: 1px solid rgba(196, 214, 223, 0.44);
    border-radius: 8px 12px 12px 8px;
    background: linear-gradient(145deg, #263640, #101a20 65%, #344751);
    box-shadow:
        0 5px 12px rgba(4, 10, 14, 0.36),
        inset 0 1px 0 rgba(255,255,255,0.17);
    transform: rotate(7deg);
}

.reflektor-lampatest::before {
    content: "";
    position: absolute;
    right: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffe1a3;
    box-shadow:
        0 0 0 3px rgba(255, 205, 112, 0.13),
        0 0 9px rgba(255, 210, 120, 0.42);
}

.reflektor-lampatest::after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: -11px;
    width: 5px;
    height: 14px;
    border-radius: 4px;
    background: linear-gradient(#435760, #1c2b32);
    transform: rotate(13deg);
    transform-origin: top center;
    box-shadow: 0 2px 4px rgba(0,0,0,.28);
}

/* Csak enyhe korrekció: a föld és a növények részletei megmaradnak. */
body.reflektor-aktiv #farm-jelenet #kert .parcella.lampas-feny:not(.zart),
body.reflektor-aktiv .nezet-kontener .parcella.lampas-feny:not(.zart) {
    filter: brightness(1.10) saturate(1.025) contrast(1.015) !important;
    border-color: rgba(255, 216, 137, 0.72) !important;
    outline: 1px solid rgba(255, 232, 181, 0.22);
    outline-offset: -3px;
}

body.reflektor-aktiv .parcella.lampas-feny:not(.zart) .noveny-ikon {
    filter:
        drop-shadow(0 2px 3px rgba(15, 10, 6, 0.58))
        drop-shadow(0 0 4px rgba(255, 213, 128, 0.16)) !important;
}

body.reflektor-aktiv .parcella.lampas-feny:not(.zart) .szamlalo,
body.reflektor-aktiv .parcella.lampas-feny:not(.zart) .fazis-jelzo {
    background-color: rgba(26, 22, 18, 0.76);
    text-shadow: 0 1px 2px rgba(0,0,0,.72);
}

@media (max-width: 620px) {
    .reflektor-fenyzona { border-radius: 18px; }
    .reflektor-lampatest { width: 32px; height: 16px; top: -10px; right: 5px; }
    .reflektor-lampatest::before { width: 9px; height: 9px; }
    .reflektor-fenykup { filter: blur(5px); opacity: .68; }
}

@media (prefers-reduced-motion: reduce) {
    .reflektor-fenyzona,
    .reflektor-fenykup,
    .reflektor-lampatest { animation: none !important; }
}


/* =========================================================
   14.32.11 — OKOS BANKÁR ÉS ÜVEGHÁZI TECHNIKUS
   ========================================================= */
.okos-munkas-vezerlo{margin:10px 0;padding:12px;border:1px solid #cbd5e1;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fafc);text-align:left;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.okos-munkas-fej{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:9px;font-weight:900;color:#334155}.okos-munkas-fej b{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.75);font-size:.72rem}
.okos-munkas-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}.okos-munkas-kpi>div{padding:8px;border-radius:11px;background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.22)}.okos-munkas-kpi span{display:block;color:#64748b;font-size:.58rem;font-weight:800}.okos-munkas-kpi strong{display:block;margin-top:3px;color:#1e293b;font-size:.75rem;overflow-wrap:anywhere}.okos-munkas-kpi strong.pozitiv{color:#15803d}.okos-munkas-kpi strong.negativ{color:#b91c1c}
.okos-munkas-vezerlo select{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font:inherit;font-weight:800;color:#334155}.okos-munkas-vezerlo label{display:flex;gap:7px;align-items:flex-start;margin:8px 0;font-size:.75rem;color:#475569;font-weight:700}.okos-munkas-vezerlo small{display:block;color:#64748b;line-height:1.42}.okos-munkas-gombsor{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.okos-munkas-gombsor button{border:0;border-radius:9px;padding:8px 9px;font-weight:900;cursor:pointer;background:#fff;box-shadow:inset 0 0 0 1px rgba(30,41,59,.12);color:#334155}.okos-munkas-gombsor button:hover{filter:brightness(.97)}
.bankar-vezerlo{border-color:#e8c56b;background:linear-gradient(145deg,#fffdf4,#fff7d6)}.bankar-vezerlo .okos-munkas-fej{color:#715315}.bankar-vezerlo select{border-color:#e4c56f;color:#684d10}.bankar-vezerlo .okos-munkas-gombsor button{color:#72520d;background:#fffdf4}
.technikus-vezerlo{border-color:#8dc9d5;background:linear-gradient(145deg,#f6fdff,#eaf9fb)}.technikus-vezerlo .okos-munkas-fej{color:#075d6a}.technikus-vezerlo select{border-color:#8dc9d5;color:#075d6a}
@media(max-width:620px){.okos-munkas-fej{align-items:flex-start;flex-direction:column}.okos-munkas-kpi{grid-template-columns:1fr}.okos-munkas-gombsor{grid-template-columns:1fr}}


/* =========================================================
   14.34.0 — STABIL MUNKÁS BÉRIDŐZÍTŐ
   ========================================================= */
.munkas-fizetes-ido strong {
    min-width: 7.4ch;
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    white-space: nowrap;
    animation: none !important;
    transform: none !important;
}
.munkas-fizetes-ido.hamarosan {
    border: 1px solid #ffcc80;
    background: #fff6e8;
}
.munkas-fizetes-ido.hamarosan strong { color: #c65a00; }
.munkas-fizetes-ido.lejart strong,
.munkas-fizetes-ido.fedezethiany strong { min-width: 12ch; }


/* 14.34.0 — Kattintható, akadálymentes interaktív értesítések */
@media (max-width: 560px) {
    #ertesites-container { top: 10px; width: calc(100vw - 20px); }
    .toast-uzenet { min-width: 0; width: 100%; padding: 13px 16px; gap: 11px; }
    .toast-uzenet.interaktiv { padding-right: 46px; }
    .toast-reszlet { line-height: 1.35; }
    .tanacsado-toast-gomb { width: 100%; }
}

/* =========================================================
   14.34.0 — KOMPAKT, PROFESSZIONÁLIS PIACI JEGYZÉSTÁBLA
   ========================================================= */
#piac-modal .piac-arfolyam-panel {
    padding: 0;
    overflow: hidden;
    border-color: #cad4e2;
    background: #f8fafc;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .10);
}

#piac-modal .piac-arfolyam-fejlec {
    align-items: center;
    margin: 0;
    padding: 13px 15px;
    border-bottom: 1px solid #d8e0ea;
    background: linear-gradient(135deg, #ffffff, #f1f5f9);
}

.piac-arfolyam-muveletek {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}

.piac-rendezes-mezo {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #64748b;
    font-size: .65rem;
    font-weight: 850;
    white-space: nowrap;
}

.piac-rendezes-mezo select {
    min-height: 31px;
    padding: 5px 28px 5px 9px;
    color: #1e293b;
    font-family: inherit;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    outline: none;
    background: #fff;
}

.piac-rendezes-mezo select:focus-visible,
.piac-arfolyam-kibontas:focus-visible,
.piac-arfolyam-ablak:focus-visible {
    outline: 3px solid rgba(59, 130, 246, .28);
    outline-offset: 2px;
}

.piac-arfolyam-kibontas {
    min-height: 31px;
    padding: 6px 9px;
    color: #e2e8f0;
    font-size: .66rem;
    font-weight: 900;
    cursor: pointer;
    border: 1px solid #334155;
    border-radius: 8px;
    background: linear-gradient(135deg, #1e293b, #0f172a);
}

.piac-arfolyam-kibontas:hover { background: #334155; }

.piac-arfolyam-ablak {
    max-height: 354px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #64748b #e2e8f0;
    background: #0f172a;
    transition: max-height .22s ease;
}

.piac-arfolyam-panel.kibontva .piac-arfolyam-ablak { max-height: none; }

.piac-arfolyam-tabla-fej,
#piac-modal .piac-arfolyam-lista > .arfolyam-kartya {
    display: grid !important;
    grid-template-columns: minmax(180px, 1.55fr) minmax(88px, .75fr) minmax(90px, .78fr) minmax(82px, .68fr) minmax(112px, .92fr) minmax(126px, 1fr);
    align-items: center;
    gap: 10px;
}

.piac-arfolyam-tabla-fej {
    position: sticky;
    z-index: 4;
    top: 0;
    min-width: 770px;
    padding: 8px 12px;
    color: #94a3b8;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-bottom: 1px solid #334155;
    background: rgba(15, 23, 42, .98);
    backdrop-filter: blur(8px);
}

#piac-modal .piac-arfolyam-lista {
    display: block;
    min-width: 770px;
}

#piac-modal .piac-arfolyam-lista > .arfolyam-kartya {
    min-width: 0;
    min-height: 57px;
    padding: 7px 12px;
    text-align: left;
    border: 0;
    border-bottom: 1px solid rgba(71, 85, 105, .52);
    border-radius: 0;
    background: #111c30;
    box-shadow: none;
    transition: background .14s ease, box-shadow .14s ease;
}

#piac-modal .piac-arfolyam-lista > .arfolyam-kartya:nth-child(even) { background: #0f192b; }
#piac-modal .piac-arfolyam-lista > .arfolyam-kartya.feldolgozott { background: #172033; }
#piac-modal .piac-arfolyam-lista > .arfolyam-kartya.feldolgozott:nth-child(even) { background: #141d2e; }
#piac-modal .piac-arfolyam-lista > .arfolyam-kartya.fel,
#piac-modal .piac-arfolyam-lista > .arfolyam-kartya.le { border-top: 0; }
#piac-modal .piac-arfolyam-lista > .arfolyam-kartya:hover {
    z-index: 1;
    transform: none;
    border-color: transparent;
    background: #1d2b43;
    box-shadow: inset 3px 0 #60a5fa;
}

.arfolyam-instrumentum {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
}

#piac-modal .arfolyam-instrumentum .arfolyam-ikon {
    width: 34px;
    height: 34px;
    font-size: 1.18rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 9px;
    background: rgba(51, 65, 85, .72);
}

#piac-modal .arfolyam-instrumentum h4 {
    margin: 0 0 3px;
    color: #f8fafc;
    font-size: .76rem;
    line-height: 1.15;
}

.arfolyam-instrumentum small {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

#piac-modal .arfolyam-instrumentum .arfolyam-tipus {
    padding: 2px 5px;
    color: #bfdbfe;
    font-size: .48rem;
    letter-spacing: .04em;
    background: rgba(30, 64, 175, .28);
}

.arfolyam-instrumentum code {
    overflow: hidden;
    color: #64748b;
    font: 700 .48rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#piac-modal .arfolyam-ar,
.arfolyam-valtozas-cell,
.arfolyam-keszlet-cell,
.arfolyam-jelzes {
    display: grid;
    gap: 1px;
    min-width: 0;
}

#piac-modal .arfolyam-ar small,
.arfolyam-valtozas-cell small,
.arfolyam-keszlet-cell small,
.arfolyam-jelzes small {
    color: #64748b;
    font-size: .50rem;
    font-weight: 800;
    text-transform: uppercase;
}

#piac-modal .arfolyam-ar strong {
    color: #f8fafc;
    font-size: .86rem;
    font-variant-numeric: tabular-nums;
}

#piac-modal .arfolyam-ar span,
.arfolyam-valtozas-cell span,
.arfolyam-keszlet-cell span,
.arfolyam-jelzes span {
    color: #64748b;
    font-size: .50rem;
    white-space: nowrap;
}

.arfolyam-valtozas-cell strong,
.arfolyam-keszlet-cell strong,
.arfolyam-jelzes strong {
    overflow: hidden;
    color: #e2e8f0;
    font-size: .70rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arfolyam-valtozas-cell.fel strong { color: #4ade80; }
.arfolyam-valtozas-cell.le strong { color: #fb7185; }
.arfolyam-jelzes strong.pozitiv { color: #86efac; }
.arfolyam-jelzes strong.negativ { color: #fda4af; }
.arfolyam-jelzes strong.semleges { color: #facc15; }

#piac-modal .piac-arfolyam-lista .piac-trend-reszlet {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.piac-trend-kompakt {
    display: grid;
    grid-template-columns: 20px minmax(58px, 1fr);
    align-items: center;
    gap: 2px 7px;
    min-width: 0;
}

.piac-trend-kompakt > small {
    grid-column: 2;
    margin: -1px 0 0;
    color: #94a3b8;
    font-size: .48rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.piac-trend-irany {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    font-size: .72rem;
    font-weight: 950;
}
.piac-trend-irany.fel { color: #4ade80; background: rgba(34, 197, 94, .13); }
.piac-trend-irany.le { color: #fb7185; background: rgba(244, 63, 94, .13); }
.piac-trend-irany.stabil { color: #facc15; background: rgba(234, 179, 8, .13); }

#piac-modal .piac-arfolyam-lista .piac-mini-grafikon {
    height: 18px;
    min-width: 58px;
    margin: 0;
    padding: 2px 3px;
    gap: 2px;
    border-radius: 5px;
    background: rgba(30, 41, 59, .92);
}

#piac-modal .piac-arfolyam-lista .piac-mini-grafikon i {
    min-width: 2px;
    max-width: 7px;
    background: linear-gradient(#60a5fa, #2563eb);
}

#piac-modal .piac-arfolyam-lista .piac-mini-ures {
    margin: 0;
    color: #64748b;
    font-size: .50rem;
}

#piac-modal .piac-arfolyam-ablak .piac-ures-allapot {
    margin: 12px;
    color: #94a3b8;
    border-color: #475569;
    background: #172033;
}

@media (max-width: 820px) {
    #piac-modal .piac-arfolyam-fejlec { align-items: flex-start; flex-direction: column; }
    .piac-arfolyam-muveletek { width: 100%; justify-content: flex-start; }
    .piac-arfolyam-ablak { max-height: 328px; }
    .piac-arfolyam-tabla-fej,
    #piac-modal .piac-arfolyam-lista > .arfolyam-kartya {
        grid-template-columns: minmax(165px, 1.45fr) minmax(82px, .72fr) minmax(82px, .72fr) minmax(72px, .62fr) minmax(105px, .9fr);
    }
    .piac-arfolyam-tabla-fej,
    #piac-modal .piac-arfolyam-lista { min-width: 650px; }
    .piac-arfolyam-tabla-fej span:nth-child(5),
    #piac-modal .piac-arfolyam-lista > .arfolyam-kartya .arfolyam-jelzes { display: none; }
}

@media (max-width: 480px) {
    .piac-rendezes-mezo { order: 3; width: 100%; }
    .piac-rendezes-mezo select { flex: 1; }
    .piac-arfolyam-ablak { max-height: 300px; }
    .piac-arfolyam-tabla-fej,
    #piac-modal .piac-arfolyam-lista > .arfolyam-kartya {
        grid-template-columns: minmax(150px, 1.45fr) minmax(78px, .72fr) minmax(78px, .72fr) minmax(102px, .9fr);
        gap: 7px;
    }
    .piac-arfolyam-tabla-fej,
    #piac-modal .piac-arfolyam-lista { min-width: 525px; }
    .piac-arfolyam-tabla-fej span:nth-child(4),
    #piac-modal .piac-arfolyam-lista > .arfolyam-kartya .arfolyam-keszlet-cell { display: none; }
    #piac-modal .piac-arfolyam-lista > .arfolyam-kartya { min-height: 52px; padding: 6px 9px; }
}

/* =========================================================
   14.34.0 — NÖVÉNYBETEGSÉGEK ÉS PERMETEZŐGÉP
   ========================================================= */
.parcella.noveny-beteg {
    isolation: isolate;
    outline: 3px solid rgba(255, 152, 0, .82);
    outline-offset: -3px;
    animation: betegseg-pulzus 1.35s ease-in-out infinite;
}

.parcella.betegseg-rozsda .noveny-ikon {
    filter: sepia(.82) saturate(2.15) hue-rotate(338deg) brightness(.88) !important;
}

.parcella.betegseg-gomba .noveny-ikon {
    filter: grayscale(.28) saturate(.72) brightness(.78) contrast(1.12) !important;
}

.betegseg-overlay {
    position: absolute;
    inset: 5px 5px auto;
    z-index: 18;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 5px;
    padding: 4px 6px;
    border: 1px solid rgba(255,255,255,.58);
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(77,25,0,.94), rgba(139,43,0,.9));
    color: #fff;
    box-shadow: 0 5px 14px rgba(69,25,0,.32);
    pointer-events: none;
    text-align: left;
    line-height: 1.05;
}

.betegseg-gomba .betegseg-overlay {
    background: linear-gradient(135deg, rgba(39,54,24,.95), rgba(76,89,42,.92));
}

.betegseg-overlay .betegseg-ikon {
    grid-row: 1 / 3;
    font-size: 17px;
}

.betegseg-overlay strong {
    font-size: 10px;
    letter-spacing: .08em;
}

.betegseg-overlay small {
    margin-top: 2px;
    font-size: 8px;
    opacity: .92;
    white-space: nowrap;
}

.permetezett-jelzo {
    position: absolute;
    z-index: 17;
    right: 5px;
    bottom: 5px;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 50%;
    background: rgba(27,94,32,.9);
    box-shadow: 0 3px 10px rgba(0,0,0,.24);
    pointer-events: none;
}

.parcella.permetezett-parcella {
    box-shadow: inset 0 0 0 3px rgba(76,175,80,.56), 0 8px 18px rgba(46,125,50,.18);
}

.rohadt-jelzo.betegseg-kar-jelzo {
    color: #ffcc80 !important;
    background: rgba(92,33,0,.9);
    padding: 3px 5px;
    border-radius: 6px;
    font-size: .66rem !important;
    line-height: 1.05;
}

@keyframes betegseg-pulzus {
    0%, 100% { outline-color: rgba(255,152,0,.58); }
    50% { outline-color: rgba(244,67,54,.96); }
}

@media (prefers-reduced-motion: reduce) {
    .parcella.noveny-beteg { animation: none; }
}

/* =========================================================
   14.34.0 — OKOS SZERENCSEKERÉK 2.0
   ========================================================= */
.szerencse-kozpont {
    width: min(1160px, 97vw);
    max-height: min(930px, 95vh);
    position: relative;
}
.szerencse-kpi-racs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.szerencse-kpi-racs article {
    min-width: 0;
}
.szerencse-kpi-racs strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.szerencse-jackpot-kpi {
    border-color: #edcc68 !important;
    background: linear-gradient(145deg, #fff8d8, #fff1b7) !important;
}
.szerencse-jackpot-kpi strong {
    color: #8a5a00 !important;
}
.szerencse-tipus-valaszto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 16px 24px 0;
}
.szerencse-tipus-gomb {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 11px 13px;
    border: 1px solid #dfd6c8;
    border-radius: 16px;
    background: rgba(255,255,255,.68);
    color: #615746;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.szerencse-tipus-gomb > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #f3eee5;
    font-size: 22px;
}
.szerencse-tipus-gomb strong,
.szerencse-tipus-gomb small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.szerencse-tipus-gomb strong { color: #4d4030; font-size: .9rem; }
.szerencse-tipus-gomb small { margin-top: 2px; color: #887c6c; font-size: .69rem; }
.szerencse-tipus-gomb:hover:not(:disabled) { transform: translateY(-1px); border-color: #cbb995; }
.szerencse-tipus-gomb.aktiv {
    border-color: #7ab486;
    background: linear-gradient(145deg, #f2fff3, #fffdf4);
    box-shadow: 0 7px 18px rgba(55,120,66,.12), inset 0 0 0 1px rgba(69,154,83,.12);
}
.szerencse-tipus-gomb.aktiv > span { background: #dff3e3; }
.szerencse-tipus-gomb:disabled { cursor: not-allowed; opacity: .7; }
.szerencse-tartalom {
    grid-template-columns: minmax(340px, .88fr) minmax(480px, 1.12fr);
    padding-top: 16px;
}
.szerencse-kerek-cim {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}
.szerencse-kerek-cim small,
.szerencse-kerek-cim strong { display: block; }
.szerencse-kerek-cim small { color: #8b7c64; font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.szerencse-kerek-cim strong { margin-top: 2px; color: #503a1e; font-size: 1.02rem; }
.szerencse-kerek-cim > span { max-width: 180px; color: #81735f; font-size: .72rem; line-height: 1.35; text-align: right; }
.modern-kerek-kontener { width: min(326px, 74vw); margin-top: 10px; }
.modern-kerek { will-change: transform; }
.kerek-szelet-ikon {
    font-size: 29px;
    transform: translate(-50%,-50%) rotate(var(--szelet-fok)) translateY(-110px) rotate(calc(180deg - var(--szelet-fok)));
    transition: filter .2s ease;
}
.kerek-szelet-ikon.ritkasag-epikus,
.kerek-szelet-ikon.ritkasag-legendas { filter: drop-shadow(0 0 5px rgba(255,255,255,.95)) drop-shadow(0 3px 3px rgba(0,0,0,.42)); }
.kerek-mutato { transform-origin: 50% 15%; }
.kerek-mutato.kattan { animation: szerencseMutatoKattan .13s ease-out; }
@keyframes szerencseMutatoKattan {
    0% { transform: translateX(-50%) rotate(0); }
    45% { transform: translateX(-50%) rotate(-13deg); }
    100% { transform: translateX(-50%) rotate(0); }
}
.szerencse-merce-blokk {
    width: 100%;
    margin: 2px 0 10px;
    padding: 10px 12px;
    box-sizing: border-box;
    border: 1px solid #e5dccd;
    border-radius: 14px;
    background: rgba(255,255,255,.74);
}
.szerencse-merce-fej {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
    font-size: .7rem;
}
.szerencse-merce-fej strong { color: #6b4ca0; }
.szerencse-merce-fej span { color: #7a6e5d; text-align: right; }
.szerencse-merce {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5dfeb;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.12);
}
.szerencse-merce i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #66bb6a, #7e57c2 65%, #f9a825);
    box-shadow: 0 0 8px rgba(126,87,194,.35);
    transition: width .45s ease;
}
.szerencse-gombsor { width: 100%; display: grid; gap: 8px; }
.szerencse-atugras-gomb {
    width: 100%;
    border: 1px solid #d9ccba;
    border-radius: 12px;
    padding: 9px 12px;
    background: rgba(255,255,255,.84);
    color: #71634f;
    font-weight: 850;
    cursor: pointer;
}
.szerencse-atugras-gomb:hover { background: #fff; }
.szerencse-gyors-kapcsolo {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    column-gap: 8px;
    align-items: center;
    margin-top: 10px;
    color: #625744;
    cursor: pointer;
    font-size: .76rem;
}
.szerencse-gyors-kapcsolo input { grid-row: 1 / 3; width: 17px; height: 17px; accent-color: #6d4aa5; }
.szerencse-gyors-kapcsolo span { font-weight: 900; }
.szerencse-gyors-kapcsolo small { color: #928675; font-size: .65rem; }
.szerencse-utolso-nyeremeny.nyert { position: relative; overflow: hidden; }
.szerencse-utolso-nyeremeny.nyert::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--ritkasag-szin, #ecd18e);
}
.szerencse-utolso-nyeremeny.nyert small { color: var(--ritkasag-szin, #8e8063); font-weight: 900; }
.szerencse-utolso-nyeremeny.nyert em { display: block; margin-top: 2px; color: #8b7c66; font-size: .69rem; font-style: normal; }
.szerencse-esely-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.szerencse-nyeremeny-sor {
    position: relative;
    align-items: start;
    min-height: 62px;
    overflow: hidden;
}
.szerencse-nyeremeny-sor::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--ritkasag-szin, transparent);
    opacity: .65;
}
.szerencse-nyeremeny-sor em {
    display: block;
    width: max-content;
    margin-top: 3px;
    color: var(--ritkasag-szin, #7b756c);
    font-size: .6rem;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .025em;
}
.szerencse-nyeremeny-sor.ritkasag-kozonseges { --ritkasag-szin: #78909c; }
.szerencse-nyeremeny-sor.ritkasag-nemGyakori { --ritkasag-szin: #43a047; }
.szerencse-nyeremeny-sor.ritkasag-ritka { --ritkasag-szin: #1e88e5; }
.szerencse-nyeremeny-sor.ritkasag-epikus { --ritkasag-szin: #8e24aa; background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(247,235,255,.82)); }
.szerencse-nyeremeny-sor.ritkasag-legendas { --ritkasag-szin: #f9a825; background: linear-gradient(145deg, #fffdf2, #fff4c8); }
.szerencse-adat-panel {
    margin-top: 13px;
    padding: 13px;
    border: 1px solid #e4d9c9;
    border-radius: 16px;
    background: rgba(255,255,255,.68);
}
.szerencse-adat-panel header small,
.szerencse-adat-panel header strong { display: block; }
.szerencse-adat-panel header small { color: #8c7d68; font-size: .65rem; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.szerencse-adat-panel header strong { color: #4d4030; font-size: .91rem; }
.szerencse-statisztika {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 7px;
    margin-top: 10px;
}
.szerencse-statisztika span { padding: 8px; border-radius: 11px; background: #f5f0e7; text-align: center; }
.szerencse-statisztika small,
.szerencse-statisztika strong { display: block; }
.szerencse-statisztika small { color: #8a7e6d; font-size: .59rem; }
.szerencse-statisztika strong { margin-top: 2px; color: #57472f; font-size: .94rem; }
.szerencse-elozmenyek {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 7px;
    margin-top: 9px;
}
.szerencse-elozmeny {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 7px;
    align-items: center;
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid #eee5d8;
    border-radius: 11px;
    background: rgba(255,255,255,.82);
}
.szerencse-elozmeny > span { font-size: 20px; }
.szerencse-elozmeny strong,
.szerencse-elozmeny small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.szerencse-elozmeny strong { color: #544838; font-size: .69rem; }
.szerencse-elozmeny small { margin-top: 1px; color: var(--ritkasag-szin, #8b806f); font-size: .57rem; }
.szerencse-elozmeny-ures { grid-column: 1 / -1; padding: 12px; border: 1px dashed #d9cfbf; border-radius: 11px; color: #8a806f; text-align: center; font-size: .7rem; }
.szerencse-nyeremeny-modal { text-align: center; --ritkasag-szin: #f9a825; }
.szerencse-nyeremeny-modal > small { display: inline-block; padding: 5px 9px; border-radius: 999px; background: color-mix(in srgb, var(--ritkasag-szin), white 83%); color: var(--ritkasag-szin); font-weight: 950; letter-spacing: .05em; }
.szerencse-nyeremeny-modal > span { display: block; margin: 9px 0 2px; font-size: 5em; filter: drop-shadow(0 0 15px color-mix(in srgb, var(--ritkasag-szin), transparent 35%)); animation: popIn .5s; }
.szerencse-nyeremeny-modal h2 { margin: 5px 0 9px; color: var(--ritkasag-szin); text-transform: uppercase; }
.szerencse-nyeremeny-modal p { color: #3f3a34; font-size: 1.04em; }
.szerencse-konfetti { position: absolute; inset: 0; z-index: 100; overflow: hidden; pointer-events: none; border-radius: inherit; }
.szerencse-konfetti i {
    position: absolute;
    left: var(--x);
    top: -24px;
    color: #f9a825;
    font-size: 14px;
    font-style: normal;
    animation: szerencseKonfettiEses 2.2s var(--keses) cubic-bezier(.2,.7,.2,1) forwards;
}
.szerencse-konfetti i:nth-child(3n) { color: #8e24aa; }
.szerencse-konfetti i:nth-child(4n) { color: #43a047; }
.szerencse-konfetti i:nth-child(5n) { color: #1e88e5; }
@keyframes szerencseKonfettiEses {
    from { transform: translateY(-20px) rotate(0); opacity: 1; }
    to { transform: translateY(880px) rotate(var(--forgas)); opacity: .2; }
}

@media (max-width: 980px) {
    .szerencse-kpi-racs { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .szerencse-jackpot-kpi { grid-column: span 2; }
    .szerencse-tartalom { grid-template-columns: minmax(320px,.9fr) minmax(390px,1.1fr); }
}
@media (max-width: 780px) {
    .szerencse-kpi-racs { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .szerencse-kpi-racs article:last-child { grid-column: 1 / -1; }
    .szerencse-jackpot-kpi { grid-column: auto; }
    .szerencse-tipus-valaszto { padding: 12px 14px 0; gap: 7px; }
    .szerencse-tipus-gomb { grid-template-columns: 1fr; place-items: center; padding: 8px 6px; text-align: center; }
    .szerencse-tipus-gomb > span { width: 34px; height: 34px; }
    .szerencse-tipus-gomb small { display: none; }
    .szerencse-tartalom { grid-template-columns: 1fr; }
    .szerencse-kerek-panel { padding: 15px; }
    .szerencse-nyeremenyek { padding: 14px; }
}
@media (max-width: 500px) {
    .szerencse-kpi-racs { gap: 8px; }
    .szerencse-kpi-racs article { padding: 10px; }
    .szerencse-kpi-racs small { font-size: .67rem; }
    .szerencse-kpi-racs strong { font-size: .89rem; }
    .szerencse-kerek-cim { flex-direction: column; gap: 4px; }
    .szerencse-kerek-cim > span { max-width: none; text-align: left; }
    .modern-kerek-kontener { width: min(286px, 82vw); }
    .kerek-szelet-ikon { font-size: 25px; transform: translate(-50%,-50%) rotate(var(--szelet-fok)) translateY(-96px) rotate(calc(180deg - var(--szelet-fok))); }
    .szerencse-merce-fej { flex-direction: column; gap: 2px; }
    .szerencse-merce-fej span { text-align: left; }
    .szerencse-esely-lista,
    .szerencse-elozmenyek { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .modern-kerek,
    .szerencse-merce i,
    .szerencse-tipus-gomb,
    .szerencse-porgetes-gomb { transition-duration: .15s !important; }
    .kerek-mutato.kattan,
    .szerencse-konfetti i { animation: none !important; }
}

/* =============================================================================
   14.35.0 — FALUSI FOGADÓ ÉS FOGADÓ KONYHA 2.0
   ============================================================================= */
.fogado-modern {
    --fogado-ink: #2f261f;
    --fogado-muted: #73675d;
    --fogado-paper: #fffdf8;
    --fogado-cream: #f8f1e5;
    --fogado-line: #e8dccb;
    --fogado-brand: #b94f22;
    --fogado-brand-dark: #7d2e13;
    --fogado-green: #2f7d4a;
    --fogado-gold: #d69a27;
    width: min(1180px, calc(100% - 24px));
    margin: 16px auto 42px;
    color: var(--fogado-ink);
    background: transparent;
}

.fogado-modern[style*="display: block"],
.fogado-modern[style*="display:block"] {
    display: block !important;
}

.fogado-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    padding: 28px 30px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 82% 20%, rgba(255,214,122,.3), transparent 30%),
        linear-gradient(135deg, #7d2e13 0%, #b94f22 56%, #d77b2f 100%);
    box-shadow: 0 18px 45px rgba(72, 33, 16, .2);
}

.fogado-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .12;
    background-image: radial-gradient(#fff 1px, transparent 1px);
    background-size: 22px 22px;
}

.fogado-hero-cim,
.fogado-special-kartya {
    position: relative;
    z-index: 1;
}

.fogado-hero-cim {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.fogado-hero-ikon {
    display: grid;
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 20px;
    font-size: 42px;
    background: rgba(255,255,255,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}

.fogado-hero small,
.fogado-panel-fejlec small,
.fogado-konyha-ajanlo small {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
    opacity: .8;
}

.fogado-hero h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.05;
    letter-spacing: -.025em;
}

.fogado-hero p {
    max-width: 680px;
    margin: 8px 0 0;
    color: rgba(255,255,255,.84);
    font-size: 14px;
    line-height: 1.5;
}

.fogado-special-kartya {
    display: flex;
    flex: 0 0 min(330px, 34%);
    align-items: center;
    gap: 14px;
    padding: 15px 17px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 18px;
    background: rgba(45,17,6,.23);
    backdrop-filter: blur(8px);
}

.fogado-special-kartya > span {
    font-size: 34px;
}

.fogado-special-kartya small,
.fogado-special-kartya strong {
    display: block;
}

.fogado-special-kartya small {
    color: rgba(255,255,255,.72);
    font-size: 11px;
}

.fogado-special-kartya strong {
    margin-top: 3px;
    font-size: 15px;
}

.fogado-kpi-racs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0;
}

.fogado-kpi-racs article {
    position: relative;
    display: flex;
    min-height: 78px;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    overflow: hidden;
    border: 1px solid var(--fogado-line);
    border-radius: 17px;
    background: rgba(255,253,248,.96);
    box-shadow: 0 8px 24px rgba(66, 44, 25, .07);
}

.fogado-kpi-racs article > span {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    font-size: 22px;
    background: var(--fogado-cream);
}

.fogado-kpi-racs small,
.fogado-kpi-racs strong {
    display: block;
}

.fogado-kpi-racs small {
    color: var(--fogado-muted);
    font-size: 11px;
    font-weight: 800;
}

.fogado-kpi-racs strong {
    margin-top: 3px;
    font-size: 20px;
    line-height: 1;
}

.fogado-hirnev-mini {
    position: absolute;
    right: 14px;
    bottom: 9px;
    left: 70px;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: #eee3d5;
}

.fogado-hirnev-mini i {
    display: block;
    width: 35%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #d69a27, #f1c75b);
    transition: width .35s ease;
}

.fogado-fulsav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 7px;
    border: 1px solid var(--fogado-line);
    border-radius: 19px;
    background: rgba(247,239,227,.92);
}

.fogado-fulsav button {
    display: grid;
    grid-template-columns: 42px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 11px;
    padding: 12px 15px;
    border: 0;
    border-radius: 14px;
    color: var(--fogado-muted);
    text-align: left;
    background: transparent;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.fogado-fulsav button:hover {
    transform: translateY(-1px);
}

.fogado-fulsav button.aktiv {
    color: var(--fogado-ink);
    background: #fff;
    box-shadow: 0 5px 16px rgba(78,48,24,.1);
}

.fogado-fulsav button > span {
    grid-row: 1 / 3;
    font-size: 27px;
}

.fogado-fulsav b {
    font-size: 14px;
}

.fogado-fulsav small {
    margin-top: 2px;
    font-size: 11px;
    opacity: .72;
}

.fogado-panel {
    margin-top: 14px;
    padding: 20px;
    border: 1px solid var(--fogado-line);
    border-radius: 22px;
    background: rgba(255,253,248,.97);
    box-shadow: 0 15px 38px rgba(66,44,25,.08);
}

.fogado-panel[hidden] {
    display: none !important;
}

.fogado-panel-fejlec {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 17px;
}

.fogado-panel-fejlec small {
    color: var(--fogado-brand);
}

.fogado-panel-fejlec h3 {
    margin: 0;
    font-size: 22px;
    letter-spacing: -.02em;
}

.fogado-panel-fejlec p {
    max-width: 560px;
    margin: 0;
    color: var(--fogado-muted);
    font-size: 12px;
    line-height: 1.55;
    text-align: right;
}

.fogado-asztal-racs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.fogado-asztal-kartya {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--fogado-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(70,45,24,.06);
}

.fogado-asztal-kartya.ures {
    display: grid;
    min-height: 250px;
    place-items: center;
    align-content: center;
    padding: 22px;
    color: #9a8d80;
    text-align: center;
    border-style: dashed;
    background: linear-gradient(145deg, #fffdf9, #f8f1e7);
}

.fogado-ures-ikon {
    margin-bottom: 10px;
    font-size: 46px;
    filter: grayscale(.35);
}

.fogado-asztal-kartya.ures strong {
    font-size: 15px;
}

.fogado-asztal-kartya.ures span {
    max-width: 210px;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.45;
}

.fogado-asztal-fejlec {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 14px 11px;
    background: linear-gradient(180deg, #fff9ee, #fff);
}

.fogado-vendeg-avatar {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid #efdcca;
    border-radius: 14px;
    font-size: 25px;
    background: #fff;
}

.fogado-asztal-fejlec > div:nth-child(2) {
    min-width: 0;
    flex: 1;
}

.fogado-asztal-fejlec strong,
.fogado-asztal-fejlec span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fogado-asztal-fejlec strong {
    font-size: 13px;
}

.fogado-asztal-fejlec span {
    margin-top: 3px;
    color: var(--fogado-muted);
    font-size: 10px;
}

.fogado-turelem-ido {
    flex: 0 0 auto !important;
    padding: 5px 8px;
    border-radius: 999px;
    color: #8f3a19;
    font-size: 10px;
    font-weight: 900;
    background: #ffe6d7;
}

.fogado-turelem-sav {
    height: 5px;
    overflow: hidden;
    background: #efe8de;
}

.fogado-turelem-sav i {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #e15345 0%, #f0ad35 42%, #44a765 75%);
    transition: width 1s linear;
}

.fogado-rendeles-lista {
    display: grid;
    gap: 8px;
    padding: 12px;
}

.fogado-rendeles-sor {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 1px solid #eee5da;
    border-radius: 12px;
    background: #fcfaf6;
}

.fogado-rendeles-sor.kesz {
    border-color: #cfe7d6;
    background: #f1faf3;
}

.fogado-etel-ikon {
    display: grid;
    width: 35px;
    height: 35px;
    place-items: center;
    border-radius: 10px;
    font-size: 21px;
    background: #fff;
}

.fogado-etel-adat {
    min-width: 0;
}

.fogado-etel-adat strong,
.fogado-etel-adat span {
    display: block;
}

.fogado-etel-adat strong {
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fogado-etel-adat span {
    margin-top: 3px;
    color: var(--fogado-muted);
    font-size: 9px;
    line-height: 1.35;
}

.fogado-etel-db {
    font-size: 11px;
    font-weight: 900;
}

.fogado-mini-gomb,
.fogado-teljes-gomb,
.fogado-elkuldes-gomb,
.fogado-fizetes-doboz button,
.fogado-kategoria-gombok button,
.fogado-recept-kartya footer button,
.fogado-konyha-ajanlasok button {
    border: 0;
    cursor: pointer;
    font-family: inherit;
}

.fogado-mini-gomb {
    grid-column: 2 / 4;
    justify-self: stretch;
    padding: 7px 9px;
    border-radius: 9px;
    color: #74411f;
    font-size: 10px;
    font-weight: 900;
    background: #f2e6d6;
}

.fogado-mini-gomb.pozitiv {
    color: #fff;
    background: var(--fogado-green);
}

.fogado-kesz-jel,
.fogado-hiany-jel {
    grid-column: 2 / 4;
    font-size: 9px;
    font-weight: 800;
}

.fogado-kesz-jel { color: var(--fogado-green); }
.fogado-hiany-jel { color: #b34032; }

.fogado-special-chip {
    display: inline-block;
    margin-left: 4px;
    padding: 2px 5px;
    border-radius: 999px;
    color: #7a4b00;
    font-size: 8px;
    background: #ffe3a5;
}

.fogado-asztal-akciok {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 0 12px 12px;
}

.fogado-asztal-akciok > span {
    color: var(--fogado-muted);
    font-size: 9px;
}

.fogado-teljes-gomb {
    padding: 9px 11px;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    background: linear-gradient(135deg, #328b53, #23693d);
}

.fogado-elkuldes-gomb {
    padding: 8px 9px;
    border-radius: 9px;
    color: #a54a3e;
    font-size: 9px;
    font-weight: 800;
    background: #fff0ed;
}

.fogado-fizetes-doboz {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 0 12px 12px;
    padding: 11px;
    border: 1px solid #cfe8d5;
    border-radius: 13px;
    background: #eef9f1;
}

.fogado-fizetes-doboz span,
.fogado-fizetes-doboz strong {
    display: block;
}

.fogado-fizetes-doboz span {
    color: #5f7766;
    font-size: 9px;
}

.fogado-fizetes-doboz strong {
    margin-top: 3px;
    font-size: 12px;
}

.fogado-fizetes-doboz button {
    grid-column: 1 / 3;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    background: linear-gradient(135deg, #d69a27, #b56e14);
    box-shadow: 0 5px 13px rgba(165,103,18,.2);
}

.fogado-konyha-ajanlo {
    display: grid;
    grid-template-columns: 210px 1fr;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid #ead7bd;
    border-radius: 16px;
    background: linear-gradient(135deg, #fff8e8, #f8eee0);
}

.fogado-konyha-ajanlo small {
    color: var(--fogado-brand);
}

.fogado-konyha-ajanlo strong {
    font-size: 14px;
}

.fogado-konyha-ajanlasok {
    display: flex;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.fogado-konyha-ajanlasok button {
    display: grid;
    flex: 0 0 175px;
    grid-template-columns: 32px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 1px 8px;
    padding: 9px 11px;
    border: 1px solid #eadbc7;
    border-radius: 12px;
    color: var(--fogado-ink);
    text-align: left;
    background: #fff;
}

.fogado-konyha-ajanlasok button > span {
    grid-row: 1 / 3;
    font-size: 23px;
}

.fogado-konyha-ajanlasok button strong {
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fogado-konyha-ajanlasok button small {
    margin: 0;
    color: #ad4d2a;
    font-size: 9px;
    letter-spacing: 0;
    opacity: 1;
}

.fogado-konyha-ures-ajanlas {
    align-self: center;
    color: var(--fogado-muted);
    font-size: 11px;
}

.fogado-konyha-eszkoztar {
    display: grid;
    grid-template-columns: 1fr minmax(180px, 260px) auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.fogado-kategoria-gombok {
    display: flex;
    gap: 6px;
    min-width: 0;
    overflow-x: auto;
}

.fogado-kategoria-gombok button {
    flex: 0 0 auto;
    padding: 8px 11px;
    border-radius: 999px;
    color: var(--fogado-muted);
    font-size: 10px;
    font-weight: 800;
    background: #f3ece2;
}

.fogado-kategoria-gombok button.aktiv {
    color: #fff;
    background: var(--fogado-brand);
}

.fogado-konyha-kereso {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid var(--fogado-line);
    border-radius: 11px;
    background: #fff;
}

.fogado-konyha-kereso input {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--fogado-ink);
    font: inherit;
    font-size: 11px;
    background: transparent;
}

.fogado-keszitheto-kapcsolo {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--fogado-muted);
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.fogado-recept-racs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.fogado-recept-kartya {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 14px;
    overflow: hidden;
    border: 1px solid var(--fogado-line);
    border-radius: 16px;
    background: #fff;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.fogado-recept-kartya.keszitheto:hover {
    transform: translateY(-2px);
    border-color: #b8d9c2;
    box-shadow: 0 10px 24px rgba(43,105,61,.1);
}

.fogado-recept-kartya.aktiv {
    border-color: #e2bd68;
    background: #fffaf0;
}

.fogado-recept-kartya header {
    display: flex;
    align-items: center;
    gap: 9px;
}

.fogado-recept-ikon {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    font-size: 25px;
    background: var(--fogado-cream);
}

.fogado-recept-kartya header > div:nth-child(2) {
    min-width: 0;
    flex: 1;
}

.fogado-recept-kartya header strong,
.fogado-recept-kartya header span {
    display: block;
}

.fogado-recept-kartya header strong {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fogado-recept-kartya header span {
    margin-top: 3px;
    color: var(--fogado-muted);
    font-size: 9px;
}

.fogado-igeny-jelzo {
    flex: 0 0 auto;
    padding: 5px 7px;
    border-radius: 999px;
    color: #a94222;
    font-size: 8px;
    background: #ffe3d7;
}

.fogado-recept-kartya > p {
    min-height: 34px;
    margin: 10px 0;
    color: var(--fogado-muted);
    font-size: 10px;
    line-height: 1.45;
}

.fogado-hozzavalok {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 11px;
}

.fogado-hozzavalo {
    padding: 4px 6px;
    border-radius: 7px;
    color: #775f4c;
    font-size: 8px;
    background: #f3eee7;
}

.fogado-hozzavalo small {
    margin-left: 3px;
    opacity: .7;
}

.fogado-hozzavalo.rendben {
    color: #2f7044;
    background: #e7f4eb;
}

.fogado-hozzavalo.hiany {
    color: #a3473a;
    background: #fff0ed;
}

.fogado-konyha-progress {
    height: 5px;
    margin: auto 0 9px;
    overflow: hidden;
    border-radius: 999px;
    background: #eee5d8;
}

.fogado-konyha-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #d69a27, #e8b94c);
    transition: width .45s linear;
}

.fogado-recept-kartya footer {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 5px 8px;
    margin-top: auto;
    padding-top: 9px;
    border-top: 1px solid #f0e9df;
}

.fogado-recept-kartya footer > span {
    color: var(--fogado-muted);
    font-size: 9px;
}

.fogado-recept-kartya footer > span.pozitiv {
    color: var(--fogado-green);
    font-weight: 900;
}

.fogado-recept-kartya footer button {
    grid-column: 1 / 3;
    padding: 9px;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    background: var(--fogado-green);
}

.fogado-recept-kartya footer button:disabled {
    color: #8d8378;
    cursor: not-allowed;
    background: #e8e2da;
}

.fogado-konyha-ures {
    grid-column: 1 / -1;
    padding: 35px;
    border: 1px dashed var(--fogado-line);
    border-radius: 15px;
    color: var(--fogado-muted);
    text-align: center;
    background: #fbf7f1;
}

@media (max-width: 980px) {
    .fogado-kpi-racs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fogado-asztal-racs, .fogado-recept-racs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fogado-konyha-eszkoztar { grid-template-columns: 1fr 220px; }
    .fogado-keszitheto-kapcsolo { grid-column: 1 / 3; }
}

@media (max-width: 720px) {
    .fogado-modern {
        width: min(100% - 12px, 1180px);
        margin-top: 8px;
    }
    .fogado-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 20px;
        border-radius: 19px;
    }
    .fogado-hero-ikon {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
        border-radius: 16px;
        font-size: 33px;
    }
    .fogado-special-kartya { flex-basis: auto; width: auto; }
    .fogado-fulsav button { grid-template-columns: 34px 1fr; padding: 10px; }
    .fogado-fulsav button > span { font-size: 22px; }
    .fogado-fulsav small { display: none; }
    .fogado-panel { padding: 13px; border-radius: 17px; }
    .fogado-panel-fejlec { align-items: flex-start; flex-direction: column; gap: 5px; }
    .fogado-panel-fejlec p { text-align: left; }
    .fogado-asztal-racs, .fogado-recept-racs { grid-template-columns: 1fr; }
    .fogado-asztal-kartya.ures { min-height: 160px; }
    .fogado-konyha-ajanlo { grid-template-columns: 1fr; }
    .fogado-konyha-eszkoztar { grid-template-columns: 1fr; }
    .fogado-keszitheto-kapcsolo { grid-column: auto; }
}

@media (max-width: 470px) {
    .fogado-kpi-racs { grid-template-columns: 1fr 1fr; gap: 7px; }
    .fogado-kpi-racs article { min-height: 66px; padding: 10px; }
    .fogado-kpi-racs article > span { flex-basis: 34px; width: 34px; height: 34px; font-size: 18px; }
    .fogado-kpi-racs strong { font-size: 15px; }
    .fogado-hirnev-mini { left: 53px; }
    .fogado-asztal-akciok { grid-template-columns: 1fr; }
    .fogado-elkuldes-gomb { justify-self: start; }
}

/* =========================================================
   14.36.1 — Vetőmagközpont, Eseményrendező, Fogadó üzemeltetés
   ========================================================= */
.vetomag2-kozpont{width:100%;display:grid;gap:14px;padding:4px 0 18px}.vetomag2-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(28,117,77,.12),rgba(246,193,66,.13));border:1px solid rgba(31,96,65,.18)}.vetomag2-hero h3{margin:2px 0 5px;font-size:clamp(1.25rem,3vw,1.85rem)}.vetomag2-hero p{margin:0;opacity:.76}.vetomag2-ajanlat{min-width:150px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.74);box-shadow:0 8px 24px rgba(40,70,45,.08);text-align:right}.vetomag2-ajanlat small,.vetomag2-ajanlat strong{display:block}.vetomag2-eszkoztar{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:center}.vetomag2-eszkoztar input[type=search],.vetomag2-eszkoztar select{min-height:44px;border:1px solid rgba(40,80,55,.18);border-radius:13px;background:var(--panel-bg,#fff);padding:0 13px;font:inherit}.vetomag2-checkbox{display:flex;align-items:center;gap:7px;font-weight:700}.vetomag2-szurok,.vetomag2-tervek{display:flex;gap:8px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}.vetomag2-szurok button,.vetomag2-tervek button{border:1px solid rgba(42,95,58,.18);background:rgba(255,255,255,.75);border-radius:999px;padding:9px 13px;white-space:nowrap;font-weight:800;cursor:pointer}.vetomag2-szurok button.aktiv{background:#266d49;color:#fff;border-color:#266d49}.vetomag2-tervek button{border-radius:13px;background:rgba(252,189,50,.12)}.vetomag2-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.vetomag2-kartya{position:relative;display:grid;gap:10px;padding:14px;border:1px solid rgba(42,90,54,.16);border-radius:19px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(40,68,45,.07);transition:.18s transform,.18s box-shadow,.18s border-color}.vetomag2-kartya:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(40,68,45,.12)}.vetomag2-kartya.aktiv{border-color:#32a366;box-shadow:0 0 0 3px rgba(50,163,102,.14)}.vetomag2-kartya.zart{filter:saturate(.45);opacity:.68}.vetomag2-kedvenc{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:1.2rem;cursor:pointer;opacity:.55}.vetomag2-kedvenc.aktiv{opacity:1}.vetomag2-valaszto{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;border:0;background:transparent;text-align:left;padding:0;color:inherit;cursor:pointer}.vetomag2-ikon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(63,137,83,.12);font-size:2rem}.vetomag2-valaszto strong,.vetomag2-valaszto small{display:block}.vetomag2-pont{display:grid;place-items:center;min-width:44px;height:44px;border-radius:14px;background:#eef3ef;font-weight:900}.vetomag2-pont.kiemelt{background:#daf5df;color:#176838}.vetomag2-jelvenyek{display:flex;flex-wrap:wrap;gap:5px}.vetomag2-jelvenyek span{font-size:.72rem;font-weight:800;padding:4px 7px;border-radius:999px;background:rgba(39,106,67,.09)}.vetomag2-adatok{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vetomag2-adatok span{padding:7px;border-radius:10px;background:rgba(30,70,40,.045);font-size:.75rem}.vetomag2-adatok b{display:block;margin-top:2px}.vetomag2-ures{padding:30px;text-align:center;border:1px dashed rgba(40,90,55,.25);border-radius:18px}
.esemeny-rendezo-panel{margin:0 0 16px;padding:16px;border-radius:20px;border:1px solid rgba(73,104,130,.2);background:linear-gradient(135deg,rgba(32,74,109,.08),rgba(91,137,91,.1))}.esemeny-rendezo-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px}.esemeny-rendezo-panel h3{margin:2px 0}.esemeny-rendezo-panel header strong{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.68)}.esemeny-modok{display:flex;gap:7px;margin:12px 0;flex-wrap:wrap}.esemeny-modok button{padding:9px 12px;border:1px solid rgba(34,75,104,.2);border-radius:12px;background:rgba(255,255,255,.74);font-weight:800;cursor:pointer}.esemeny-modok button.aktiv{background:#285d7c;color:#fff;border-color:#285d7c}.esemeny-elorejelzes{display:flex;align-items:center;gap:10px;padding:11px;border-radius:14px;background:rgba(255,255,255,.67)}.esemeny-elorejelzes>span{font-size:1.5rem}.esemeny-elorejelzes div{flex:1}.esemeny-elorejelzes small,.esemeny-elorejelzes strong{display:block}.esemeny-rendezo-panel>p{margin:10px 0 0;font-size:.82rem;opacity:.78}
.fogado-uzemeltetes{display:grid;gap:12px;margin:0 0 16px;padding:16px;border-radius:22px;border:1px solid rgba(102,69,33,.16);background:linear-gradient(135deg,rgba(255,248,228,.95),rgba(239,250,239,.94));box-shadow:0 10px 28px rgba(74,50,24,.07)}.fogado-uzemeltetes header{display:flex;justify-content:space-between;align-items:center;gap:12px}.fogado-uzemeltetes h3{margin:2px 0}.fogado-ora{text-align:right;padding:8px 11px;border-radius:13px;background:rgba(255,255,255,.72)}.fogado-ora small,.fogado-ora strong{display:block}.fogado-ora strong{min-width:7.4ch;font-variant-numeric:tabular-nums;letter-spacing:.03em}.fogado-uzem-racs{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr)) minmax(180px,1.2fr);gap:9px}.fogado-uzem-racs label{display:grid;gap:5px;font-weight:800}.fogado-uzem-racs select{height:42px;border-radius:12px;border:1px solid rgba(83,72,42,.18);background:#fff;padding:0 10px;font:inherit}.fogado-uzem-racs button,.fogado-kezitakaritas{border:0;border-radius:13px;font-weight:900;cursor:pointer;padding:10px 13px}.fogado-uzem-racs button.zaras{background:#8f3b35;color:#fff}.fogado-uzem-racs button.nyitas{background:#27734c;color:#fff}.fogado-tisztasag{display:grid;gap:5px}.fogado-tisztasag>div:first-child{display:flex;justify-content:space-between}.fogado-kosz-sav{height:10px;border-radius:999px;background:rgba(117,77,38,.14);overflow:hidden}.fogado-kosz-sav i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d99a36,#3c9a5f);transition:width .3s}.fogado-szemelyzet-chippek{display:flex;flex-wrap:wrap;gap:7px}.fogado-szemelyzet-chippek span{padding:7px 10px;border-radius:999px;background:rgba(77,64,43,.08);font-size:.8rem;font-weight:800}.fogado-szemelyzet-chippek span.aktiv{background:rgba(43,139,82,.15);color:#17683a}.fogado-takaritas-folyamat{display:flex;justify-content:space-between;padding:10px 12px;border-radius:13px;background:rgba(46,122,87,.11)}.fogado-kezitakaritas{background:#356f80;color:#fff}.fogado-uzemeltetes>p{margin:0;font-size:.82rem;opacity:.75}.fogado-munkas-vezerlo{border-color:rgba(67,123,82,.23)!important}.bankar-kiutalas-statusz{display:grid;gap:2px;margin-top:9px;padding:10px 11px;border-radius:12px;background:rgba(40,85,110,.08);font-size:.8rem}.bankar-kiutalas-statusz.siker{background:rgba(42,145,78,.13);color:#175e33}.bankar-kiutalas-statusz.hiba{background:rgba(176,50,45,.12);color:#852722}.bankar-kiutalas-statusz b,.bankar-kiutalas-statusz span{display:block}
@media(max-width:720px){.vetomag2-hero{align-items:flex-start;flex-direction:column}.vetomag2-ajanlat{width:100%;text-align:left}.vetomag2-eszkoztar{grid-template-columns:1fr}.vetomag2-racs{grid-template-columns:1fr}.fogado-uzem-racs{grid-template-columns:1fr 1fr}.fogado-uzem-racs button{grid-column:1/-1}.fogado-uzemeltetes header{align-items:flex-start}.fogado-szemelyzet-chippek{display:grid;grid-template-columns:1fr}.vetomag2-adatok{grid-template-columns:repeat(2,1fr)}}
/* 14.36.1 — Vetőmagkártyák belső rácsának véglegesítése */
.vetomag2-valaszto{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;align-items:stretch}
.vetomag2-valaszto>header{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0}
.vetomag2-valaszto>header>div{min-width:0}
.vetomag2-valaszto>header strong,.vetomag2-valaszto>header small{overflow-wrap:anywhere}
.vetomag2-valaszto>footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-width:0;font-size:.78rem}
.vetomag2-valaszto>footer span,.vetomag2-valaszto>footer b{min-width:0;overflow-wrap:anywhere}
@media(max-width:420px){.vetomag2-valaszto>footer{align-items:flex-start;flex-direction:column}.vetomag2-valaszto>header{grid-template-columns:48px minmax(0,1fr) auto}.vetomag2-ikon{width:48px;height:48px}}

/* =========================================================
   14.36.3 — Munkásfelszerelések: egységes irodai görgetés
   A teljes ablak görget, akárcsak a Munkásközvetítő Irodában;
   a belső, egymásba ágyazott görgetősávok megszűntek.
   ========================================================= */
.felszereles-modal-doboz {
    display: block !important;
    height: auto !important;
    max-height: min(92vh, 960px) !important;
    overflow: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.felszereles-modal-doboz > .menedzsment-bezaro {
    position: sticky !important;
    float: right !important;
    top: 14px !important;
    right: 14px !important;
    margin: 14px 14px -58px 0 !important;
}

#felszereles-tartalom {
    min-height: auto !important;
    overflow: visible !important;
    scrollbar-gutter: auto;
}

.felszereles-racs {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
}

@media (max-width: 720px) {
    .felszereles-modal-doboz {
        width: 100vw !important;
        max-width: none !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
    }
}


/* =========================================================
   14.36.5 — BUKSI 2.0, INTELLIGENS FARMŐR
   ========================================================= */
#buksi-kutya.buksi-modern-kutya {
    position: absolute;
    z-index: 120;
    width: 58px;
    height: 58px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
    transition: left 2s linear, top 2s linear !important;
    filter: drop-shadow(0 5px 4px rgba(44, 28, 10, .28));
}
#buksi-kutya .buksi-avatar {
    display: block;
    font-size: 45px;
    line-height: 1;
    transform-origin: center bottom;
}
#buksi-kutya .buksi-mini-allapot {
    position: absolute;
    top: -8px;
    right: -5px;
    min-width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    padding: 0 4px;
    border: 2px solid rgba(255,255,255,.95);
    border-radius: 999px;
    background: rgba(35, 55, 35, .92);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    box-shadow: 0 3px 10px rgba(0,0,0,.22);
    transform: none !important;
}
#buksi-kutya[data-mod="orseg"] .buksi-mini-allapot { background: #315a91; }
#buksi-kutya[data-mod="pihenes"] .buksi-mini-allapot { background: #6d5a86; }
#buksi-kutya:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 4px;
    border-radius: 50%;
}

.buksi-modern-modal {
    position: fixed;
    inset: 0;
    z-index: 10080;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(17, 24, 17, .68);
    backdrop-filter: blur(8px);
}
.buksi-modern-modal.nyitva { display: flex; }
.buksi-modern-kartya {
    position: relative;
    width: min(760px, 96vw);
    max-height: min(860px, 92vh);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 26px;
    background:
        radial-gradient(circle at 90% 5%, rgba(255, 214, 113, .33), transparent 30%),
        linear-gradient(155deg, #f8fff4 0%, #edf8e6 48%, #f9f2df 100%);
    box-shadow: 0 28px 90px rgba(0,0,0,.38);
    color: #203224;
}
.buksi-modern-bezar {
    position: sticky;
    z-index: 3;
    top: 0;
    float: right;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: rgba(30, 50, 31, .92);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0,0,0,.22);
}
.buksi-modern-fej {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 4px 52px 18px 2px;
}
.buksi-portre {
    position: relative;
    width: 86px;
    height: 86px;
    flex: 0 0 86px;
    display: grid;
    place-items: center;
    border-radius: 25px;
    background: linear-gradient(145deg, #fff 0%, #dcedc8 100%);
    box-shadow: inset 0 0 0 1px rgba(68, 99, 55, .14), 0 12px 28px rgba(55, 91, 44, .18);
    font-size: 55px;
}
.buksi-portre span {
    position: absolute;
    right: -7px;
    bottom: -7px;
    min-width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #2e7d32;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}
.buksi-modern-fej small { color: #59705d; font-weight: 900; letter-spacing: .12em; }
.buksi-modern-fej h2 { margin: 3px 0; font-size: clamp(27px, 5vw, 38px); }
.buksi-modern-fej p { margin: 0; color: #48604c; font-weight: 750; }
.buksi-xp {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 7px 12px;
    margin-bottom: 16px;
    padding: 13px 15px;
    border-radius: 16px;
    background: rgba(255,255,255,.72);
    box-shadow: inset 0 0 0 1px rgba(46, 125, 50, .12);
}
.buksi-xp > div, .buksi-stat-sor > div {
    grid-column: 1 / -1;
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(62, 89, 65, .13);
}
.buksi-xp i, .buksi-stat-sor i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #43a047, #9ccc65); }
.buksi-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.buksi-stat-sor {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 7px 10px;
    padding: 13px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.78);
    box-shadow: inset 0 0 0 1px rgba(48, 79, 51, .1);
}
.buksi-stat-sor span { font-weight: 780; }
.buksi-stat-sor b { font-variant-numeric: tabular-nums; }
.buksi-stat-sor.energia i { background: linear-gradient(90deg, #f9a825, #fdd835); }
.buksi-stat-sor.jollakottsag i { background: linear-gradient(90deg, #ef6c00, #ffb74d); }
.buksi-stat-sor.boldogsag i { background: linear-gradient(90deg, #43a047, #81c784); }
.buksi-stat-sor.huseg i { background: linear-gradient(90deg, #1976d2, #64b5f6); }
.buksi-modok, .buksi-muveletek, .buksi-naplo { margin-top: 18px; }
.buksi-modok h3, .buksi-naplo h3 { margin: 0 0 10px; }
.buksi-modok > div, .buksi-muveletek {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.buksi-modok button, .buksi-muveletek button {
    min-width: 0;
    padding: 13px 11px;
    border: 1px solid rgba(52, 83, 54, .16);
    border-radius: 17px;
    background: rgba(255,255,255,.78);
    color: inherit;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 7px 17px rgba(52, 83, 54, .08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.buksi-modok button:hover, .buksi-muveletek button:hover { transform: translateY(-2px); box-shadow: 0 11px 23px rgba(52, 83, 54, .14); }
.buksi-modok button.aktiv { border-color: #2e7d32; background: #e4f5dc; box-shadow: inset 0 0 0 2px rgba(46,125,50,.12); }
.buksi-modok button span, .buksi-muveletek button span { display: block; margin-bottom: 5px; font-size: 25px; }
.buksi-modok button b, .buksi-muveletek button b { display: block; margin-bottom: 4px; }
.buksi-modok button small, .buksi-muveletek button small { display: block; color: #607064; line-height: 1.35; }
.buksi-naplo {
    padding: 15px;
    border-radius: 18px;
    background: rgba(42, 67, 44, .92);
    color: #f7fff4;
}
.buksi-naplo p { margin: 6px 0 13px; color: #e0eddd; }
.buksi-naplo > div { display: flex; flex-wrap: wrap; gap: 8px; }
.buksi-naplo span { padding: 6px 9px; border-radius: 999px; background: rgba(255,255,255,.1); font-size: .88rem; font-weight: 750; }

@media (max-width: 620px) {
    .buksi-modern-modal { padding: 0; align-items: stretch; }
    .buksi-modern-kartya { width: 100%; max-height: 100dvh; border-radius: 0; padding: 18px 14px 24px; }
    .buksi-modern-fej { gap: 12px; padding-right: 46px; }
    .buksi-portre { width: 70px; height: 70px; flex-basis: 70px; font-size: 45px; border-radius: 20px; }
    .buksi-stat-grid { grid-template-columns: 1fr; gap: 8px; }
    .buksi-modok > div, .buksi-muveletek { grid-template-columns: 1fr; gap: 8px; }
    .buksi-modok button, .buksi-muveletek button { display: grid; grid-template-columns: 38px 1fr; column-gap: 8px; align-items: center; }
    .buksi-modok button span, .buksi-muveletek button span { grid-row: 1 / span 2; margin: 0; }
    .buksi-modok button b, .buksi-muveletek button b { margin: 0; }
}


/* =========================================================
   14.36.5 — STABIL ESŐ/ÉJSZAKA, BIZTOS NÉZETVÁLTÁS, LÁTHATÓ BUKSI
   ========================================================= */
/* Az egymásba ágyazott CSS filterek és a „transition: all” az animált
   esőréteggel együtt bizonyos GPU-kon képkockánként újrarajzolták a
   parcellákat. A sötétítés most stabil, pointermentes fedőréteggel készül. */
#farm-jelenet #kert {
    filter: none !important;
    -webkit-filter: none !important;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
#farm-jelenet #kert::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 40;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: transparent;
    transition: opacity .7s ease, background-color .7s ease;
}
#farm-jelenet[data-napszak="ejjel"] #kert::after {
    opacity: 1;
    background: rgba(5, 12, 38, .20);
}
#farm-jelenet[data-csapadek="eso"] #kert::after,
#farm-jelenet[data-csapadek="havas-eso"] #kert::after {
    opacity: 1;
    background: rgba(34, 72, 102, .10);
}
#farm-jelenet[data-napszak="ejjel"][data-csapadek="eso"] #kert::after,
#farm-jelenet[data-napszak="ejjel"][data-csapadek="havas-eso"] #kert::after {
    opacity: 1;
    background: rgba(4, 13, 39, .30);
}
#farm-jelenet[data-napszak="naplemente"] #kert,
#farm-jelenet[data-csapadek="eso"] #kert .parcella,
#farm-jelenet[data-csapadek="havas-eso"] #kert .parcella {
    filter: none !important;
    -webkit-filter: none !important;
}
#farm-jelenet .parcella {
    transition-property: transform, box-shadow, border-color, background-color, opacity !important;
    transition-duration: .2s !important;
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275) !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: flat;
}
.farm-csapadek {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0,0,0);
}

/* Buksi külön, tartós rétegen él: a kert újrarajzolása nem törli ki. */
.buksi-reteg {
    position: absolute;
    inset: 0;
    z-index: 21;
    overflow: hidden;
    pointer-events: none;
}
.buksi-reteg #buksi-kutya {
    pointer-events: auto;
}
#buksi-kutya[hidden] { display: none !important; }
.buksi-gyorsgomb {
    position: absolute;
    z-index: 45;
    left: 14px;
    top: 14px;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    column-gap: 8px;
    align-items: center;
    min-height: 48px;
    padding: 7px 12px 7px 9px;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 16px;
    background: rgba(255,255,255,.91);
    color: #38513a;
    box-shadow: 0 8px 22px rgba(25,55,31,.2);
    backdrop-filter: blur(8px);
    cursor: pointer;
    text-align: left;
    touch-action: manipulation;
}
.buksi-gyorsgomb[hidden] { display: none !important; }
.buksi-gyorsgomb > span { grid-row: 1 / 3; font-size: 29px; line-height: 1; }
.buksi-gyorsgomb b { font-size: .82rem; line-height: 1.05; }
.buksi-gyorsgomb small { max-width: 170px; overflow: hidden; color: #637565; font-size: .62rem; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.buksi-gyorsgomb:hover { transform: translateY(-1px); background: #fff; }
.buksi-gyorsgomb:focus-visible { outline: 3px solid #fff59d; outline-offset: 3px; }

body.nezet-valtas-folyamatban .nezet-valto-v2 { cursor: progress; }

@media (max-width: 760px) {
    .buksi-gyorsgomb { left: 8px; top: 8px; min-height: 42px; padding: 5px 9px 5px 7px; border-radius: 13px; }
    .buksi-gyorsgomb > span { font-size: 24px; }
    .buksi-gyorsgomb b { font-size: .74rem; }
    .buksi-gyorsgomb small { max-width: 120px; font-size: .56rem; }
    #buksi-kutya.buksi-modern-kutya { width: 52px; height: 52px; }
    #buksi-kutya .buksi-avatar { font-size: 40px; }
}


/* =========================================================
   14.36.6 — KOMPAKT MAGKERESŐ, BUKSI FARMSEGÉD, ÉLŐ CSILLAGOK, MODERN MÉHÉSZET
   ========================================================= */
.vetomag-gyorskereso{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 2px;padding:7px 9px;border:1px solid rgba(63,111,66,.16);border-radius:14px;background:rgba(255,255,255,.76);box-shadow:0 5px 16px rgba(45,80,48,.06)}
.vetomag-gyorskereso label{display:grid;grid-template-columns:auto minmax(120px,280px) auto;align-items:center;gap:7px;min-width:0}
.vetomag-gyorskereso label>span{font-size:1rem;opacity:.72}.vetomag-gyorskereso input{width:100%;min-width:0;height:34px;padding:0 2px;border:0;outline:0;background:transparent;color:#314b34;font:750 .78rem/1.2 inherit}.vetomag-gyorskereso input::placeholder{color:#87988a}
.vetomag-gyorskereso button{visibility:hidden;width:28px;height:28px;border:0;border-radius:50%;background:#e8f0e6;color:#5d705f;font-size:19px;line-height:1;cursor:pointer}.vetomag-gyorskereso.keres-aktiv button{visibility:visible}.vetomag-gyorskereso small{flex:none;padding:5px 9px;border-radius:999px;background:#eef5eb;color:#647665;font-size:.65rem;font-weight:800;white-space:nowrap}.vetomag-sav.nincs-vetomag-talalat::after{content:'Nincs találat ebben a kategóriában.';display:grid;min-width:240px;place-items:center;padding:24px;color:#728074;font-weight:750}

/* Az istálló állatai nem mozognak többé a parcellák mögött. */
#farm-allat-reteg{display:none!important}

/* 14.36.9 — természetesebb, szórt és változó méretű éjszakai csillagmező. */
.farm-csillagok{
    position:absolute!important;
    inset:14px 5% auto!important;
    display:block!important;
    width:90%;
    height:184px;
    overflow:hidden;
    letter-spacing:0!important;
    font-size:0!important;
    opacity:0;
    transition:opacity 2s;
    pointer-events:none;
    contain:layout paint;
}
.farm-csillagok i{
    position:absolute;
    left:var(--x);
    top:var(--y);
    display:block;
    color:#fff;
    font:normal var(--size)/1 Georgia,serif;
    opacity:var(--o);
    transform:translate3d(-50%,-50%,0) scale(.78);
    transform-origin:center;
    text-shadow:0 0 4px rgba(255,255,255,.42);
    animation:csillagRagyogas var(--t) ease-in-out var(--d) infinite;
    will-change:opacity,transform,text-shadow;
}
@keyframes csillagRagyogas{
    0%,62%,100%{opacity:var(--o);transform:translate3d(-50%,-50%,0) scale(.78);text-shadow:0 0 3px rgba(255,255,255,.36)}
    68%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.16);text-shadow:0 0 7px #fff,0 0 17px rgba(183,214,255,.88)}
    73%{opacity:.52;transform:translate3d(-50%,-50%,0) scale(.88);text-shadow:0 0 5px rgba(255,255,255,.52)}
    78%{opacity:.84;transform:translate3d(-50%,-50%,0) scale(1.02);text-shadow:0 0 10px rgba(255,255,255,.85)}
}

/* 14.36.9 — Feldolgozó Üzemek: az animált eső és a háttér-elmosás ne kerüljön
   ugyanabba a kompozit rétegbe. Ez szünteti meg az esti-esős vibrálást. */
body.gyar-modal-aktiv{overflow:hidden}
body.gyar-modal-aktiv #gyar-modal{
    background:rgba(8,13,18,.94)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    isolation:isolate;
    contain:paint;
}
body.gyar-modal-aktiv .idojaras-overlay{
    display:none!important;
    animation:none!important;
}
body.gyar-modal-aktiv .farm-csillagok i,
body.gyar-modal-aktiv .farm-felho,
body.gyar-modal-aktiv .farm-szentjanosbogarak,
body.gyar-modal-aktiv .farm-fust,
body.gyar-modal-aktiv .malom-lapat{
    animation-play-state:paused!important;
}
body.gyar-modal-aktiv #gyar-modal .menedzsment-bezaro,
body.gyar-modal-aktiv #gyar-modal .menedzsment-fejlec-ikon{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}


.buksi-feladatok{margin-top:18px;padding:14px;border:1px solid rgba(45,93,50,.13);border-radius:18px;background:rgba(255,255,255,.55)}.buksi-feladatok h3{margin:0}.buksi-feladatok>p{margin:5px 0 11px;color:#607064;font-size:.85rem}.buksi-feladatok>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.buksi-feladatok button{display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 8px;align-items:center;padding:11px;border:1px solid rgba(52,83,54,.16);border-radius:15px;background:rgba(255,255,255,.82);color:inherit;text-align:left;cursor:pointer}.buksi-feladatok button span{grid-row:1/span 2;font-size:25px}.buksi-feladatok button b{font-size:.82rem}.buksi-feladatok button small{color:#667468;font-size:.68rem;line-height:1.3}.buksi-feladatok button.aktiv{border-color:#2e7d32;background:#e4f5dc;box-shadow:inset 0 0 0 2px rgba(46,125,50,.1)}

#meheszet-nezet.mehezet-modern-nezet,#meheszet-nezet.meheszet-modern-nezet{width:min(1060px,calc(100% - 16px));margin:12px auto 26px;color:#3f3525}.meheszet-modern-fejlec{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px 20px;border:1px solid rgba(169,114,18,.2);border-radius:22px;background:linear-gradient(135deg,#fff9df,#f4f8df 55%,#fff1bd);box-shadow:0 12px 32px rgba(93,72,21,.11)}.meheszet-fej-ikon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:#fff4b8;font-size:33px;box-shadow:inset 0 0 0 1px rgba(157,107,17,.14)}.meheszet-modern-fejlec small{color:#8b6b1f;font-weight:900;letter-spacing:.12em}.meheszet-modern-fejlec h2{margin:2px 0 4px;font-size:clamp(1.35rem,3vw,2rem)}.meheszet-modern-fejlec p{margin:0;color:#71674f;font-size:.82rem;line-height:1.45}.meheszet-kpi{display:grid;min-width:140px;padding:10px 13px;border-radius:16px;background:rgba(255,255,255,.76);text-align:right}.meheszet-kpi span{color:#82734d;font-size:.65rem;font-weight:850}.meheszet-kpi strong{font-size:1.5rem;color:#b36a00}.meheszet-kpi small{margin-top:2px;color:#6c7650;letter-spacing:0}
.meheszet-udvar{position:relative;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(360px,1.22fr);gap:16px;margin-top:14px;padding:16px;border:1px solid rgba(91,112,49,.18);border-radius:25px;background:radial-gradient(circle at 50% 50%,rgba(255,243,167,.24),transparent 42%),linear-gradient(145deg,#e8f1d5,#f6edc9);box-shadow:inset 0 1px rgba(255,255,255,.7),0 12px 32px rgba(58,78,31,.1);overflow:hidden}.meheszet-kaptar-panel,.meheszet-virag-panel{position:relative;z-index:2;padding:14px;border:1px solid rgba(106,111,49,.15);border-radius:20px;background:rgba(255,255,255,.68);backdrop-filter:blur(3px)}.meheszet-panel-cim{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;color:#66501f}.meheszet-panel-cim span{font-weight:900}.meheszet-panel-cim small{color:#8b826a;font-weight:700}.meheszet-kaptar-panel{display:flex;flex-direction:column}.meheszet-kaptar-panel .kaptar-kontener{width:100%;max-width:none;margin:0;flex:1;display:grid;place-content:center;padding:20px;border:2px solid #e7a62c;border-radius:19px;background:radial-gradient(circle at 50% 38%,#fff7c9,#ffd978 62%,#f0b23b);box-shadow:inset 0 0 0 5px rgba(255,255,255,.24),0 9px 20px rgba(161,105,17,.18);font:inherit}.meheszet-kaptar-panel .kaptar-ikon{font-size:4.6rem}.meheszet-mez-szoveg{margin-top:6px;color:#924e00;font-weight:900}.meheszet-tipp{display:flex;gap:8px;margin-top:10px;padding:9px 10px;border-radius:13px;background:#fff9df;color:#776b4d}.meheszet-tipp p{margin:0;font-size:.7rem;line-height:1.4}.meheszet-viragagyas{display:grid!important;grid-template-columns:repeat(3,minmax(86px,1fr))!important;gap:13px!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px!important;background:transparent!important;border:0!important}.meheszet-viragagyas .parcella{width:100%!important;min-width:0!important;height:112px!important;min-height:112px!important;margin:0!important;border-radius:42% 42% 30% 30%!important;border:3px solid #9a7441!important;background:radial-gradient(ellipse at center,#69502e 0 52%,#5a4328 53% 100%)!important;box-shadow:inset 0 0 0 5px rgba(232,192,111,.22),0 7px 14px rgba(70,51,27,.16)!important}.meheszet-viragagyas .parcella:nth-child(2),.meheszet-viragagyas .parcella:nth-child(5){transform:translateY(12px)}.meheszet-viragagyas .parcella:hover{transform:translateY(-3px) scale(1.02)!important}.meheszet-viragagyas .parcella:nth-child(2):hover,.meheszet-viragagyas .parcella:nth-child(5):hover{transform:translateY(9px) scale(1.02)!important}.meheszet-viragagyas .parcella .noveny-ikon{font-size:2rem!important}.meheszet-viragagyas .parcella .fazis-jelzo{font-size:.62rem}.meheszet-viragagyas .parcella .szamlalo{font-size:.67rem!important}
.mehek-animacio{display:none;align-items:center;justify-content:center;top:-7px;right:-13px;width:29px;height:29px;border:2px solid white;border-radius:50%;background:#3b2d14;font-size:.24em!important;animation:mehek-ropkodes 1.2s infinite ease-in-out alternate;z-index:5}.meheszet-repules-reteg{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}.meheszet-kirepulo-meh{position:absolute;display:block;font-size:20px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));animation:meheszetKirepules var(--repules-ido,2.5s) cubic-bezier(.4,.05,.2,1) 1 forwards;will-change:transform,opacity}@keyframes meheszetKirepules{0%{opacity:0;transform:translate(0,0) rotate(-12deg) scale(.72)}10%{opacity:1}46%{opacity:1;transform:translate(var(--kozep-x),var(--kozep-y)) rotate(12deg) scale(1)}72%{opacity:1;transform:translate(var(--cel-x),var(--cel-y)) rotate(-8deg) scale(.9)}100%{opacity:0;transform:translate(0,0) rotate(8deg) scale(.7)}}
@media(max-width:760px){.vetomag-gyorskereso{margin-inline:2px}.vetomag-gyorskereso label{grid-template-columns:auto minmax(0,1fr) auto;flex:1}.vetomag-gyorskereso small{display:none}.buksi-feladatok>div{grid-template-columns:1fr}.meheszet-modern-fejlec{grid-template-columns:auto minmax(0,1fr);padding:14px}.meheszet-kpi{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;text-align:left}.meheszet-kpi small{grid-column:1/-1}.meheszet-udvar{grid-template-columns:1fr;padding:10px}.meheszet-viragagyas{grid-template-columns:repeat(2,minmax(88px,1fr))!important}.meheszet-viragagyas .parcella:nth-child(2),.meheszet-viragagyas .parcella:nth-child(5){transform:none}.meheszet-viragagyas .parcella:nth-child(2):hover,.meheszet-viragagyas .parcella:nth-child(5):hover{transform:translateY(-3px) scale(1.02)!important}}
@media(prefers-reduced-motion:reduce){.farm-csillagok i,.meheszet-kirepulo-meh{animation:none!important}.farm-csillagok i{opacity:.62}.meheszet-kirepulo-meh{display:none}}

.vetomag-sav .uj-mag-gomb[hidden]{display:none!important}


/* =====================================================================
   14.36.9 — MOBIL TELJES MENÜ ÉS LÁTHATÓ MALOM
   ===================================================================== */
@media (max-width: 760px) {
    html {
        scroll-padding-bottom: calc(126px + env(safe-area-inset-bottom, 0px));
    }

    body,
    body.mobil-kompakt {
        padding-bottom: calc(126px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Mobilon a teljes alkalmazásmenü mindig látható. */
    .app-alsosav,
    body.mobil-kompakt .app-alsosav {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-rows: 48px;
        align-items: stretch;
        gap: 4px;
        width: 100%;
        height: auto !important;
        min-height: 108px;
        padding: 5px 5px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
        background: rgba(255,255,255,.97);
        border-top: 1px solid rgba(52,91,55,.18);
        box-shadow: 0 -8px 24px rgba(24,55,29,.18);
        transform: translateY(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible;
    }

    .app-alsosav > .nav-gomb:not(#nav-gomb-to),
    .app-alsosav > .labor-nyito-gomb,
    body.mobil-kompakt .app-alsosav > .nav-gomb:not(#nav-gomb-to),
    body.mobil-kompakt .app-alsosav > .labor-nyito-gomb {
        position: relative;
        top: auto;
        min-width: 0;
        min-height: 44px;
        margin: 0;
        padding: 3px 2px !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1px;
        border-radius: 11px;
        box-sizing: border-box;
        overflow: hidden;
        transform: none;
        box-shadow: none;
        touch-action: manipulation;
    }

    /* A Tó feloldási állapotát továbbra is a JS/inline display szabályozza. */
    .app-alsosav > #nav-gomb-to[style*="display: none"],
    .app-alsosav > #nav-gomb-to[style*="display:none"] {
        display: none !important;
    }

    .app-alsosav > #nav-gomb-to:not([style*="display: none"]):not([style*="display:none"]) {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .app-alsosav .nav-ikon,
    .app-alsosav .kiemelt-kor,
    body.mobil-kompakt .app-alsosav .nav-ikon,
    body.mobil-kompakt .app-alsosav .kiemelt-kor {
        width: auto;
        height: auto;
        margin: 0;
        border: 0;
        background: transparent;
        color: inherit;
        box-shadow: none;
        font-size: 1.25rem !important;
        line-height: 1;
    }

    .app-alsosav .nav-szoveg,
    body.mobil-kompakt .app-alsosav .nav-szoveg,
    .app-alsosav > .labor-nyito-gomb span:last-child {
        display: block;
        max-width: 100%;
        overflow: hidden;
        font-size: .62rem !important;
        font-weight: 850 !important;
        line-height: 1.05;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0 !important;
    }

    .app-alsosav > .labor-nyito-gomb {
        background: linear-gradient(135deg,#8e24aa,#5e35b1) !important;
        color: #fff !important;
        border: 0 !important;
    }

    .app-alsosav > .labor-nyito-gomb br {
        display: none;
    }

    .app-alsosav > .nav-gomb:active,
    .app-alsosav > .labor-nyito-gomb:active {
        transform: scale(.96);
    }

    /* A régi, háromgombos "Magok" gyorssáv helyett a teljes menü marad. */
    body.mobil-kompakt .mobil-kontextus-sav,
    .mobil-kontextus-sav {
        display: none !important;
    }

    #menugomb {
        display: none !important;
    }

    /* A Malom külön helyet kap a mobil farmképen, nem az Üvegház alatt. */
    .farm-jelenet {
        padding-top: 300px !important;
    }

    .farm-malom,
    body.mobil-kompakt .farm-malom {
        display: block !important;
        left: 50% !important;
        right: auto !important;
        top: 112px !important;
        margin-left: -37px;
        z-index: 7;
        transform: scale(.74) !important;
        transform-origin: top center !important;
    }

    .farm-uveghaz,
    body.mobil-kompakt .farm-uveghaz {
        top: 208px !important;
        right: 1% !important;
        z-index: 6;
    }

    .farm-pajta,
    body.mobil-kompakt .farm-pajta {
        top: 208px !important;
        left: 1% !important;
        z-index: 6;
    }
}

@media (max-width: 390px) {
    .app-alsosav,
    body.mobil-kompakt .app-alsosav {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-rows: 46px;
        min-height: 104px;
    }

    body,
    body.mobil-kompakt {
        padding-bottom: calc(122px + env(safe-area-inset-bottom, 0px)) !important;
    }

    html {
        scroll-padding-bottom: calc(122px + env(safe-area-inset-bottom, 0px));
    }
}

/* 14.38.1 — a nyersanyaglista minden elrendezésben saját, teljes hátteret kap. */
#nyersanyag-kijelzo.nyersanyag-kijelzo {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 7px;
    border: 1px solid rgba(93,64,55,.34);
    border-radius: 13px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 4px 12px rgba(24,57,31,.12);
    color: #3e4a3f;
    font-weight: 800;
}
#nyersanyag-kijelzo .nyersanyag-elem {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 9px;
    background: rgba(236,245,237,.96);
    white-space: nowrap;
}
#nyersanyag-kijelzo .nyersanyag-nev { color: #5f6f61; font-size: .78rem; }
#nyersanyag-kijelzo strong { color: #2d5d35; font-variant-numeric: tabular-nums; }


/* 15.0.1 — hőmérséklet-jelvény levágás elleni alapvédelem */
#aktualis-idojaras-doboz .homerseklet-kijelzo,
#homersek-kijelzo {
    flex-shrink: 0;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}