/* Veteményes 14.37.0 — professzionális mobiloptimalizálási réteg */

:root {
    --mobile-nav-height: 68px;
    --mobile-safe-top: env(safe-area-inset-top, 0px);
    --mobile-safe-right: env(safe-area-inset-right, 0px);
    --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-safe-left: env(safe-area-inset-left, 0px);
    --mobile-vh: 100dvh;
    --mobile-control: 44px;
    --mobile-radius: 16px;
}

@media (max-width: 820px), (pointer: coarse) and (max-width: 1024px), (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
    html {
        width: 100%;
        min-width: 0;
        overflow-x: clip;
        scroll-behavior: smooth;
        scroll-padding-top: calc(8px + var(--mobile-safe-top));
        scroll-padding-bottom: calc(var(--mobile-nav-height) + 18px + var(--mobile-safe-bottom));
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body.mobile-pro {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding:
            max(4px, var(--mobile-safe-top))
            max(4px, var(--mobile-safe-right))
            calc(var(--mobile-nav-height) + 16px + var(--mobile-safe-bottom))
            max(4px, var(--mobile-safe-left)) !important;
        overflow-x: clip;
        overscroll-behavior-x: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        touch-action: pan-y;
    }

    body.mobile-pro *,
    body.mobile-pro *::before,
    body.mobile-pro *::after {
        box-sizing: border-box;
    }

    body.mobile-pro button,
    body.mobile-pro [role="button"],
    body.mobile-pro input,
    body.mobile-pro select,
    body.mobile-pro textarea,
    body.mobile-pro label {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile-pro button,
    body.mobile-pro [role="button"],
    body.mobile-pro input[type="button"],
    body.mobile-pro input[type="submit"] {
        min-height: var(--mobile-control);
    }

    body.mobile-pro input,
    body.mobile-pro select,
    body.mobile-pro textarea {
        max-width: 100%;
        font-size: 16px !important; /* iOS ne nagyítson bele fókusznál */
    }

    body.mobile-pro img,
    body.mobile-pro canvas,
    body.mobile-pro svg,
    body.mobile-pro video {
        max-width: 100%;
    }

    body.mobile-pro .matrica-focim {
        margin: 4px 0 6px !important;
        font-size: clamp(1.15rem, 5.2vw, 1.45rem) !important;
        line-height: 1.15;
    }

    body.mobile-pro #hir-sav,
    body.mobile-pro .hir-sav {
        min-height: 34px;
        max-width: 100%;
        padding: 6px 9px;
        gap: 7px;
        border-radius: 12px;
        overflow: hidden;
        font-size: .76rem;
        line-height: 1.25;
    }

    body.mobile-pro #hir-szoveg {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Kompakt, de minden fontos adatot elérhetően tartó felső állapotsáv. */
    body.mobile-pro .felso-sav {
        position: sticky !important;
        top: max(0px, var(--mobile-safe-top));
        z-index: 9050;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
        width: calc(100% + 8px);
        margin: 0 -4px 7px !important;
        padding: 5px 4px !important;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 0 0 15px 15px;
        background: rgba(34, 105, 49, .94) !important;
        box-shadow: 0 5px 18px rgba(16, 61, 26, .18);
        -webkit-backdrop-filter: blur(9px) saturate(115%);
        backdrop-filter: blur(9px) saturate(115%);
    }

    body.mobile-pro .felso-sav .doboz {
        min-width: 0 !important;
        min-height: 38px;
        margin: 0 !important;
        padding: 5px 4px !important;
        justify-content: center;
        gap: 2px;
        border-radius: 10px !important;
        font-size: .72rem !important;
        line-height: 1.1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.mobile-pro .felso-sav .doboz small {
        max-width: 100%;
        font-size: .64rem !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.mobile-pro .felso-sav .mobil-kuldetes {
        grid-column: 1 / -1;
        min-height: 30px;
        justify-content: flex-start;
        padding-inline: 8px !important;
    }

    body.mobile-pro:not(.mobil-reszletek-nyitva) .felso-sav .mobil-reszlet {
        display: none !important;
    }

    body.mobile-pro.mobil-reszletek-nyitva .felso-sav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-height: min(46dvh, 370px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    body.mobile-pro #mobil-kornyezet-jelzo {
        display: flex !important;
        flex-direction: column;
        cursor: pointer;
    }

    /* Helyszínváltó: hüvelykujjal jól görgethető, aktív lapra igazodó tabsáv. */
    body.mobile-pro .nezet-valto-v2,
    body.mobile-pro .fogado-fulsav,
    body.mobile-pro .tanacsado-tabok,
    body.mobile-pro .falu-tabok,
    body.mobile-pro .falu-modern-tabok,
    body.mobile-pro .gazdasag-szurok {
        display: flex !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        max-width: 100%;
        padding: 5px !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
        scroll-padding-inline: 8px;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }

    body.mobile-pro .nezet-valto-v2::-webkit-scrollbar,
    body.mobile-pro .fogado-fulsav::-webkit-scrollbar,
    body.mobile-pro .tanacsado-tabok::-webkit-scrollbar,
    body.mobile-pro .falu-tabok::-webkit-scrollbar,
    body.mobile-pro .gazdasag-szurok::-webkit-scrollbar {
        display: none;
    }

    body.mobile-pro .nezet-gomb-v2,
    body.mobile-pro .fogado-fulsav > *,
    body.mobile-pro .tanacsado-tabok > *,
    body.mobile-pro .falu-tabok > *,
    body.mobile-pro .gazdasag-szurok > * {
        flex: 0 0 auto !important;
        min-width: 78px;
        min-height: 42px;
        scroll-snap-align: center;
    }

    /* A vetőmagok kompaktak maradnak, a kereső nem tördelődik szét. */
    body.mobile-pro .vetomag-gyorskereso {
        position: relative;
        z-index: 12;
        width: 100%;
        margin: 6px 0 !important;
        padding: 6px !important;
        border-radius: 14px;
    }

    body.mobile-pro .vetomag-gyorskereso label {
        width: 100%;
        min-width: 0;
        grid-template-columns: auto minmax(0, 1fr) auto !important;
    }

    body.mobile-pro .vetomag-gyorskereso input {
        width: 100%;
        min-width: 0;
        height: 40px;
    }

    body.mobile-pro .vetomag-sav,
    body.mobile-pro #bolt-lista {
        max-width: 100%;
        overflow-x: auto !important;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
        scroll-padding-inline: 8px;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }

    body.mobile-pro .vetomag-sav::-webkit-scrollbar,
    body.mobile-pro #bolt-lista::-webkit-scrollbar {
        display: none;
    }

    body.mobile-pro .vetomag-sav .uj-mag-gomb,
    body.mobile-pro #bolt-lista .uj-mag-gomb {
        scroll-snap-align: start;
    }

    /* Farmkép: kisebb holttér, jól elkülönülő épületek, stabil kattintási rétegek. */
    body.mobile-pro .farm-jelenet {
        width: calc(100% - 4px) !important;
        min-height: clamp(510px, 132vw, 620px) !important;
        margin: 6px auto 12px !important;
        padding: 252px 7px 18px !important;
        border-radius: 20px !important;
        contain: layout paint;
        isolation: isolate;
        overflow: hidden;
    }

    body.mobile-pro .farm-malom {
        display: block !important;
        top: 91px !important;
        left: 50% !important;
        right: auto !important;
        margin-left: -34px !important;
        transform: scale(.68) !important;
        transform-origin: top center !important;
        z-index: 8 !important;
    }

    body.mobile-pro .farm-pajta {
        top: 174px !important;
        left: 1.5% !important;
        z-index: 8 !important;
    }

    body.mobile-pro .farm-uveghaz {
        top: 174px !important;
        right: 1.5% !important;
        z-index: 8 !important;
    }

    body.mobile-pro .farm-epulet {
        min-width: 74px;
        min-height: 74px;
    }

    body.mobile-pro .farm-epulet > span {
        font-size: clamp(42px, 13vw, 56px) !important;
    }

    body.mobile-pro #farm-jelenet #kert {
        width: 100%;
        max-width: 430px;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(5px, 1.7vw, 8px) !important;
        padding: 8px !important;
    }

    body.mobile-pro .parcella {
        min-width: 0;
        border-width: 3px;
        border-radius: 11px;
    }

    body.mobile-pro .parcella .noveny-ikon {
        font-size: clamp(25px, 8.4vw, 37px);
    }

    body.mobile-pro .buksi-gyorsgomb {
        min-width: 74px;
        min-height: 54px;
    }

    /* Irányítópultok és kártyarácsok mobilon ne kényszerítsenek oldalirányú görgetést. */
    body.mobile-pro .uveghaz-kpi-racs,
    body.mobile-pro .istallo-kpi-racs,
    body.mobile-pro .fogado-kpi-racs,
    body.mobile-pro .menedzsment-kpi-sor,
    body.mobile-pro .gazdasag-osszefoglalo,
    body.mobile-pro .fogado-uzem-racs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.mobile-pro .uveghaz-vezerlo-racs,
    body.mobile-pro .gazdasag-elemzo-grid,
    body.mobile-pro .gazdasag-ketoszlop,
    body.mobile-pro .termelesi-lancok-panel,
    body.mobile-pro .buksi-feladatok > div {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.mobile-pro .uveghaz-iranyitopult,
    body.mobile-pro .teli-menedek-panel,
    body.mobile-pro .meheszet-modern-nezet,
    body.mobile-pro #meheszet-nezet,
    body.mobile-pro .nezet-kontener {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: 0 !important;
    }

    body.mobile-pro .meheszet-udvar {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 9px !important;
    }

    body.mobile-pro .meheszet-viragagyas {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 4px !important;
    }

    body.mobile-pro .meheszet-viragagyas .parcella {
        height: auto !important;
        min-height: 92px !important;
        aspect-ratio: 1.15 / 1;
    }

    /* Táblázatok: az egész panel helyett csak a táblázat görgessen oldalra. */
    body.mobile-pro table {
        max-width: 100%;
    }

    body.mobile-pro .tabla-gorgeto,
    body.mobile-pro .table-scroll,
    body.mobile-pro [class*="tabla-kontener"],
    body.mobile-pro [class*="tabla-gorget"] {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }

    /* Minden felugró felület a dinamikus mobilmagasságot és safe area-t használja. */
    body.mobile-pro .modal-hatter,
    body.mobile-pro .teljes-kepernyo-menu,
    body.mobile-pro .menu-overlay,
    body.mobile-pro .app-menu-overlay,
    body.mobile-pro .vm-managed-panel {
        width: 100vw !important;
        height: var(--mobile-vh) !important;
        min-height: 0 !important;
        max-height: var(--mobile-vh) !important;
        padding:
            max(6px, var(--mobile-safe-top))
            max(6px, var(--mobile-safe-right))
            max(6px, var(--mobile-safe-bottom))
            max(6px, var(--mobile-safe-left)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    body.mobile-pro .vm-managed-panel > .vm-modal-card,
    body.mobile-pro .modal-hatter > :not(script):not(style),
    body.mobile-pro .teljes-kepernyo-menu > :not(script):not(style) {
        max-width: 100% !important;
        max-height: calc(var(--mobile-vh) - var(--mobile-safe-top) - var(--mobile-safe-bottom) - 12px) !important;
    }

    body.mobile-pro .menu-tartalom,
    body.mobile-pro .muveleti-kozpont,
    body.mobile-pro .gazdasag-modal-doboz,
    body.mobile-pro .specializacio-modal-doboz,
    body.mobile-pro .vilag-esemeny-modal-doboz,
    body.mobile-pro .meteor-kutatas-doboz,
    body.mobile-pro .fesztival-doboz-modern,
    body.mobile-pro .fogado-modal-doboz,
    body.mobile-pro .fogado-konyha-doboz,
    body.mobile-pro .menedzsment-doboz,
    body.mobile-pro .siker-doboz {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 20px !important;
    }

    body.mobile-pro .menu-bezar,
    body.mobile-pro .muveleti-bezar,
    body.mobile-pro [class*="bezaro"],
    body.mobile-pro [class*="bezar-gomb"] {
        min-width: 44px;
        min-height: 44px;
        touch-action: manipulation;
    }

    body.mobile-pro .menu-tartalom,
    body.mobile-pro .muveleti-kozpont {
        padding-bottom: calc(18px + var(--mobile-safe-bottom)) !important;
    }

    body.mobile-pro .ikon-racs {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.mobile-pro .racs-elem {
        min-width: 0;
        min-height: 72px;
        padding: 8px 4px;
        border-radius: 13px;
    }

    /* Professzionális, egy soros teljes alsó navigáció. */
    body.mobile-pro .app-alsosav,
    body.mobile-pro.mobil-kompakt .app-alsosav {
        position: fixed !important;
        inset: auto 0 0 0 !important;
        z-index: 29000 !important;
        display: grid !important;
        grid-template-columns: repeat(var(--mobile-nav-items, 6), minmax(0, 1fr)) !important;
        grid-auto-rows: 1fr !important;
        align-items: stretch !important;
        gap: 2px !important;
        width: 100% !important;
        height: calc(var(--mobile-nav-height) + var(--mobile-safe-bottom)) !important;
        min-height: 0 !important;
        padding: 5px max(4px, var(--mobile-safe-right)) calc(5px + var(--mobile-safe-bottom)) max(4px, var(--mobile-safe-left)) !important;
        border-top: 1px solid rgba(42, 83, 49, .16);
        border-radius: 18px 18px 0 0;
        background: rgba(252, 254, 252, .97) !important;
        box-shadow: 0 -10px 30px rgba(24, 57, 30, .20);
        -webkit-backdrop-filter: blur(14px) saturate(120%);
        backdrop-filter: blur(14px) saturate(120%);
        transform: translateY(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: hidden !important;
        transition: transform 180ms ease, opacity 180ms ease !important;
    }

    body.mobile-pro .app-alsosav > .nav-gomb,
    body.mobile-pro .app-alsosav > .labor-nyito-gomb {
        position: relative !important;
        top: auto !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        min-width: 0 !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 4px 1px !important;
        color: #657168 !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden;
    }

    body.mobile-pro .app-alsosav > .nav-gomb::after,
    body.mobile-pro .app-alsosav > .labor-nyito-gomb::after {
        content: "";
        position: absolute;
        left: 25%;
        right: 25%;
        bottom: 1px;
        height: 3px;
        border-radius: 99px;
        background: transparent;
        transform: scaleX(.35);
        transition: transform 160ms ease, background 160ms ease;
    }

    body.mobile-pro .app-alsosav > .mobil-nav-aktiv {
        color: #1f7a3c !important;
        background: #e9f6ec !important;
    }

    body.mobile-pro .app-alsosav > .mobil-nav-aktiv::after {
        background: #2e9b50;
        transform: scaleX(1);
    }

    body.mobile-pro .app-alsosav .nav-ikon,
    body.mobile-pro .app-alsosav .kiemelt-kor,
    body.mobile-pro .app-alsosav > .labor-nyito-gomb .ikon {
        display: grid !important;
        place-items: center;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        color: inherit !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        filter: none !important;
        font-size: clamp(1.12rem, 5.2vw, 1.42rem) !important;
        line-height: 1 !important;
    }

    body.mobile-pro .app-alsosav .nav-szoveg,
    body.mobile-pro .app-alsosav > .labor-nyito-gomb span:last-child {
        display: block !important;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        color: inherit;
        font-size: clamp(.52rem, 2.45vw, .67rem) !important;
        font-weight: 850 !important;
        line-height: 1.05;
        letter-spacing: 0 !important;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.mobile-pro .app-alsosav > .labor-nyito-gomb br {
        display: none;
    }

    body.mobile-pro .app-alsosav > #nav-gomb-to[style*="display: none"],
    body.mobile-pro .app-alsosav > #nav-gomb-to[style*="display:none"] {
        display: none !important;
    }

    body.mobile-pro #menugomb,
    body.mobile-pro .mobil-kontextus-sav {
        display: none !important;
    }

    body.mobile-pro.mobile-keyboard-open .app-alsosav {
        opacity: 0 !important;
        pointer-events: none;
        transform: translateY(110%) !important;
    }

    body.mobile-pro.mobile-modal-open .app-alsosav {
        pointer-events: none;
    }

    /* Alacsonyabb teljesítményű telefonon csak a díszítő effektek egyszerűsödnek. */
    body.mobile-pro.mobile-pro-lite .idojaras-overlay,
    body.mobile-pro.mobile-pro-lite .farm-idojaras-reteg,
    body.mobile-pro.mobile-pro-lite .farm-jelenet,
    body.mobile-pro.mobile-pro-lite .felso-sav,
    body.mobile-pro.mobile-pro-lite .app-alsosav,
    body.mobile-pro.mobile-pro-lite .meheszet-kaptar-panel,
    body.mobile-pro.mobile-pro-lite .meheszet-virag-panel {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body.mobile-pro.mobile-pro-lite .farm-pillango,
    body.mobile-pro.mobile-pro-lite .farm-level,
    body.mobile-pro.mobile-pro-lite .farm-szitakoto,
    body.mobile-pro.mobile-pro-lite .farm-madarak,
    body.mobile-pro.mobile-pro-lite .farm-szentjanosbogarak {
        animation-duration: 18s !important;
    }

    body.mobile-pro.mobile-page-hidden .idojaras-overlay,
    body.mobile-pro.mobile-page-hidden .farm-jelenet *,
    body.mobile-pro.mobile-page-hidden .meheszet-kirepulo-meh {
        animation-play-state: paused !important;
    }
}

@media (max-width: 390px) {
    :root {
        --mobile-nav-height: 64px;
    }

    body.mobile-pro .felso-sav {
        gap: 4px;
    }

    body.mobile-pro .felso-sav .doboz {
        font-size: .66rem !important;
    }

    body.mobile-pro .app-alsosav > .nav-gomb,
    body.mobile-pro .app-alsosav > .labor-nyito-gomb {
        min-height: 49px !important;
        border-radius: 10px !important;
    }

    body.mobile-pro .farm-jelenet {
        min-height: 500px !important;
        padding-top: 238px !important;
    }

    body.mobile-pro .farm-malom {
        top: 84px !important;
    }

    body.mobile-pro .farm-pajta,
    body.mobile-pro .farm-uveghaz {
        top: 164px !important;
    }
}

@media (max-width: 340px) {
    body.mobile-pro .app-alsosav .nav-szoveg,
    body.mobile-pro .app-alsosav > .labor-nyito-gomb span:last-child {
        font-size: .49rem !important;
    }

    body.mobile-pro .ikon-racs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.mobile-pro .uveghaz-kpi-racs,
    body.mobile-pro .istallo-kpi-racs,
    body.mobile-pro .fogado-kpi-racs,
    body.mobile-pro .menedzsment-kpi-sor,
    body.mobile-pro .gazdasag-osszefoglalo,
    body.mobile-pro .fogado-uzem-racs {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) and (orientation: landscape) {
    :root {
        --mobile-nav-height: 58px;
    }

    body.mobile-pro {
        padding-bottom: calc(var(--mobile-nav-height) + 8px + var(--mobile-safe-bottom)) !important;
    }

    body.mobile-pro .matrica-focim {
        display: none;
    }

    body.mobile-pro .felso-sav {
        position: relative !important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    body.mobile-pro .farm-jelenet {
        min-height: 430px !important;
        padding-top: 208px !important;
    }

    body.mobile-pro .farm-malom {
        top: 62px !important;
    }

    body.mobile-pro .farm-pajta,
    body.mobile-pro .farm-uveghaz {
        top: 127px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.mobile-pro *,
    body.mobile-pro *::before,
    body.mobile-pro *::after {
        scroll-behavior: auto !important;
    }
}

/* 14.37.0 finomhangolás: az első képernyőn több hasznos tartalom fér el. */
@media (max-width: 820px), (pointer: coarse) and (max-width: 1024px), (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
    body.mobile-pro:not(.mobil-reszletek-nyitva) .felso-sav {
        grid-template-columns: minmax(0, 1.55fr) minmax(66px, .8fr) minmax(66px, .8fr) !important;
    }

    body.mobile-pro:not(.mobil-reszletek-nyitva) .felso-sav > .mobil-foadat:first-child {
        justify-content: flex-start;
        padding-inline: 8px !important;
    }

    body.mobile-pro:not(.mobil-reszletek-nyitva) .felso-sav .mobil-kuldetes {
        grid-column: 1 / 3 !important;
    }

    body.mobile-pro:not(.mobil-reszletek-nyitva) #mobil-kornyezet-jelzo {
        grid-column: 3 !important;
        min-height: 30px;
        padding: 4px 3px !important;
    }

    body.mobile-pro .kezdo-program-panel {
        width: calc(100% - 10px) !important;
        margin: 5px auto 8px !important;
        padding: 10px !important;
        border-width: 2px !important;
        border-radius: 18px !important;
    }

    body.mobile-pro .kezdo-program-fejlec,
    body.mobile-pro .kezdo-program-also {
        gap: 8px !important;
    }

    body.mobile-pro .kezdo-program-cim {
        margin-top: 7px !important;
        font-size: 1rem !important;
        line-height: 1.2;
    }

    body.mobile-pro .kezdo-program-leiras,
    body.mobile-pro .kezdo-program-kesz-szoveg {
        margin: 3px 0 7px !important;
        font-size: .82rem !important;
        line-height: 1.35 !important;
    }

    body.mobile-pro .kezdo-program-osszcsik {
        height: 6px !important;
        margin-top: 6px !important;
    }

    body.mobile-pro .kezdo-program-reszcsik {
        width: min(105px, 30vw) !important;
        height: 9px !important;
    }

    body.mobile-pro .kezdo-program-reszhaladas {
        gap: 6px !important;
        font-size: .78rem !important;
    }

    body.mobile-pro .kezdo-program-mutasd {
        min-height: 40px !important;
        padding: 7px 11px !important;
        white-space: nowrap;
    }

    body.mobile-pro .kezdo-program-jutalom,
    body.mobile-pro .kezdo-program-kovetkezo {
        margin-top: 7px !important;
        padding: 6px 9px !important;
        font-size: .79rem !important;
    }
}

/* A részletes ipari nyersanyagsáv mobilon helyet takarít meg; a Raktárban minden érték elérhető. */
@media (max-width: 1023px), (pointer: coarse) and (max-width: 1024px) {
  body.mobile-pro #nyersanyag-kijelzo { display: none !important; }
}


/* 15.0.1 — mobilon se vághassa le a fokértéket az időjáráskártya */
@media (max-width: 1023px), (pointer: coarse) and (max-width: 1180px) {
  body.mobile-pro.mobil-reszletek-nyitva #aktualis-idojaras-doboz {
    grid-column: span 2;
    justify-content: flex-start;
    padding-inline: 8px !important;
    overflow: visible !important;
  }

  body.mobile-pro #aktualis-idojaras-doboz #idojaras-ikon,
  body.mobile-pro #aktualis-idojaras-doboz .homerseklet-kijelzo {
    flex: 0 0 auto;
  }

  body.mobile-pro #aktualis-idojaras-doboz #idojaras-szoveg {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.mobile-pro #aktualis-idojaras-doboz .homerseklet-kijelzo {
    min-width: max-content;
    margin-left: auto;
    padding: 3px 6px;
    white-space: nowrap;
    font-size: .72rem;
  }
}

@media (max-width: 360px) {
  body.mobile-pro.mobil-reszletek-nyitva #aktualis-idojaras-doboz {
    grid-column: 1 / -1;
  }
}