/* ==================================================
   NERDIUM – WOW CLASSIC CLASS GUIDE
   ================================================== */


/* ==============================
   OLDAL ALAP
================================= */

.wow-class-oldal {
    width: 100%;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(233, 185, 73, 0.055),
            transparent 520px
        );
}

.wow-class-guide {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 38px 0 70px;
}


/* ==============================
   GUIDE FEJLÉC
================================= */

.wow-class-fejlec {
    position: relative;

    overflow: hidden;

    margin-bottom: 26px;

    border: 1px solid rgba(233, 185, 73, 0.42);
    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            rgba(17, 23, 32, 0.98),
            rgba(12, 17, 24, 0.98)
        );

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.wow-class-fejlec::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #e9b949,
            transparent
        );

    opacity: 0.9;
}

.wow-class-fejlec-tartalom {
    position: relative;
    z-index: 2;

    padding: 38px 42px 32px;
}

.wow-class-kategoria {
    display: inline-flex;
    align-items: center;

    margin-bottom: 12px;

    padding: 6px 11px;

    border: 1px solid rgba(233, 185, 73, 0.28);
    border-radius: 5px;

    background: rgba(233, 185, 73, 0.07);

    color: #e9b949;

    font-size: 0.75rem;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.wow-class-cim {
    margin: 0;

    color: #f4f5f7;

    font-size: clamp(2.2rem, 5vw, 4rem);
    line-height: 1.02;

    letter-spacing: -0.035em;
}

.wow-class-bevezeto {
    max-width: 790px;

    margin: 18px 0 0;

    color: #b9c0ca;

    font-size: 1.08rem;
    line-height: 1.75;
}


/* ==============================
   META
================================= */

.wow-class-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: 28px;
    padding-top: 20px;

    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.wow-class-meta-bal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 7px;

    color: #818a96;

    font-size: 0.86rem;
}


/* ==============================
   HERO KÉP
================================= */

.wow-class-hero-kep {
    position: relative;

    margin: 0;

    border-top: 1px solid rgba(255, 255, 255, 0.06);

    background: #0a0e14;
}

.wow-class-hero-kep picture {
    display: block;
}

.wow-class-hero-kep img {
    display: block;

    width: 100%;
    max-height: 570px;

    object-fit: cover;
}

.wow-class-hero-kep::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(7, 10, 14, 0.28),
            transparent 45%
        );
}


/* ==============================
   KINEK VALÓ PANEL
================================= */

.wow-class-intro-panel {
    position: relative;

    margin-bottom: 18px;

    padding: 30px 34px;

    border: 1px solid rgba(233, 185, 73, 0.38);
    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            rgba(21, 27, 36, 0.97),
            rgba(14, 19, 27, 0.97)
        );
}

.wow-class-szekcio-fejlec {
    margin-bottom: 15px;
}

.wow-class-szekcio-jel {
    display: block;

    margin-bottom: 7px;

    color: #e9b949;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.16em;
}

.wow-class-szekcio-fejlec h2 {
    margin: 0;

    color: #f0f2f5;

    font-size: 1.55rem;
}

.wow-class-intro-tartalom {
    color: #b9c0ca;

    line-height: 1.75;
}


/* ==============================
   GYORS ÁTTEKINTÉS
================================= */

.wow-class-attekintes {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 12px;

    margin-bottom: 18px;
}

.wow-class-stat {
    min-width: 0;

    padding: 20px 21px;

    border: 1px solid #2f3742;
    border-radius: 9px;

    background: #111720;
}

.wow-class-stat-cim {
    display: block;

    margin-bottom: 7px;

    color: #737d89;

    font-size: 0.7rem;
    font-weight: 700;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.wow-class-stat strong {
    display: block;

    overflow: hidden;

    color: #e6e9ed;

    font-size: 1rem;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ==============================
   TALENT + FEGYVER FŐ BLOKK
================================= */

.wow-class-build {
    display: grid;

    grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);

    gap: 18px;

    margin-bottom: 30px;
}

.wow-class-build-oszlop {
    overflow: hidden;

    min-width: 0;

    border: 1px solid rgba(233, 185, 73, 0.34);
    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            #121923,
            #0e141c
        );

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.2);
}


/* ==============================
   PANEL FEJLÉC
================================= */

.wow-class-panel-fejlec {
    padding: 24px 26px 19px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.wow-class-panel-fejlec > span {
    display: block;

    margin-bottom: 5px;

    color: #e9b949;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.15em;
}

.wow-class-panel-fejlec h2 {
    margin: 0;

    color: #f1f3f5;

    font-size: 1.35rem;
}


/* ==============================
   TALENT TABOK
================================= */

.wow-class-talent-tabok {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 8px;

    padding: 14px 16px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06);

    background: rgba(0, 0, 0, 0.12);
}

.wow-class-talent-tab {
    appearance: none;

    padding: 11px 10px;

    border: 1px solid #323b47;
    border-radius: 7px;

    background: #151d27;

    color: #929ba7;

    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;

    cursor: pointer;

    transition:
        border-color 0.18s ease,
        color 0.18s ease,
        background 0.18s ease,
        transform 0.18s ease;
}

.wow-class-talent-tab:hover {
    border-color: rgba(233, 185, 73, 0.48);

    color: #e8eaed;

    transform: translateY(-1px);
}

.wow-class-talent-tab.aktiv {
    border-color: rgba(233, 185, 73, 0.72);

    background:
        linear-gradient(
            180deg,
            rgba(233, 185, 73, 0.15),
            rgba(233, 185, 73, 0.055)
        );

    color: #e9b949;

    box-shadow:
        inset 0 0 0 1px rgba(233, 185, 73, 0.05);
}


/* ==============================
   TALENT TARTALOM
================================= */

.wow-class-talent-tartalom {
    min-height: 520px;

    padding: 22px;
}

.wow-class-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 475px;

    border: 1px dashed rgba(233, 185, 73, 0.24);
    border-radius: 9px;

    background:
        radial-gradient(
            circle at center,
            rgba(233, 185, 73, 0.045),
            transparent 60%
        );

    color: #67717e;

    font-size: 0.88rem;
    font-weight: 600;

    letter-spacing: 0.03em;
}


/* ==============================
   LEVELING FEGYVEREK
================================= */

.wow-class-level-lista {
    display: flex;
    flex-direction: column;

    gap: 9px;

    padding: 17px;
}

.wow-class-level-lista button {
    display: grid;

    grid-template-columns: 67px minmax(0, 1fr);

    align-items: center;

    gap: 13px;

    width: 100%;

    padding: 14px;

    border: 1px solid #2d3540;
    border-radius: 8px;

    background: #141b24;

    color: inherit;

    text-align: left;

    cursor: pointer;

    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        transform 0.18s ease;
}

.wow-class-level-lista button:hover {
    border-color: rgba(233, 185, 73, 0.48);

    background: #171f29;

    transform: translateX(2px);
}

.wow-class-level-lista button > span {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 8px 6px;

    border: 1px solid rgba(233, 185, 73, 0.34);
    border-radius: 5px;

    background: rgba(233, 185, 73, 0.06);

    color: #e9b949;

    font-size: 0.78rem;
    font-weight: 800;
}

.wow-class-level-lista button strong {
    overflow: hidden;

    color: #d5d9df;

    font-size: 0.89rem;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ==============================
   DINAMIKUS CIKKTARTALOM
================================= */

.wow-class-cikk-tartalom {
    margin-top: 34px;
}


/* WoW guide-on belüli főcímek */

.wow-class-cikk-tartalom h2 {
    position: relative;

    margin-top: 42px;
    margin-bottom: 18px;

    padding-bottom: 11px;

    border-bottom: 1px solid rgba(233, 185, 73, 0.27);
}

.wow-class-cikk-tartalom h2::after {
    content: "";

    position: absolute;
    bottom: -1px;
    left: 0;

    width: 62px;
    height: 2px;

    background: #e9b949;
}


/* ==============================
   TABLET
================================= */

@media (max-width: 950px) {

    .wow-class-build {
        grid-template-columns: 1fr;
    }

    .wow-class-attekintes {
        grid-template-columns: repeat(2, 1fr);
    }

    .wow-class-talent-tartalom {
        min-height: 430px;
    }

    .wow-class-placeholder {
        min-height: 385px;
    }

}


/* ==============================
   MOBIL
================================= */

@media (max-width: 600px) {

    .wow-class-guide {
        width: min(100% - 20px, 1180px);

        padding: 20px 0 48px;
    }


    /* Fejléc */

    .wow-class-fejlec {
        margin-bottom: 14px;

        border-radius: 10px;
    }

    .wow-class-fejlec-tartalom {
        padding: 25px 20px 22px;
    }

    .wow-class-cim {
        font-size: clamp(2rem, 12vw, 3.1rem);
    }

    .wow-class-bevezeto {
        margin-top: 13px;

        font-size: 0.96rem;
        line-height: 1.65;
    }


    /* Meta */

    .wow-class-meta {
        align-items: flex-start;
        flex-direction: column;

        gap: 14px;

        margin-top: 21px;
    }


    /* Hero */

    .wow-class-hero-kep img {
        max-height: none;

        aspect-ratio: 1122 / 1402;

        object-fit: cover;
    }


    /* Intro */

    .wow-class-intro-panel {
        margin-bottom: 12px;

        padding: 23px 19px;

        border-radius: 9px;
    }

    .wow-class-szekcio-fejlec h2 {
        font-size: 1.3rem;
    }


    /* Statok */

    .wow-class-attekintes {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 8px;

        margin-bottom: 12px;
    }

    .wow-class-stat {
        padding: 15px 13px;
    }

    .wow-class-stat strong {
        font-size: 0.9rem;
    }


    /* Build */

    .wow-class-build {
        gap: 12px;

        margin-bottom: 24px;
    }

    .wow-class-build-oszlop {
        border-radius: 9px;
    }

    .wow-class-panel-fejlec {
        padding: 20px 18px 16px;
    }

    .wow-class-panel-fejlec h2 {
        font-size: 1.2rem;
    }


    /* Talent */

    .wow-class-talent-tabok {
        gap: 5px;

        padding: 10px;
    }

    .wow-class-talent-tab {
        padding: 10px 5px;

        font-size: 0.75rem;
    }

    .wow-class-talent-tartalom {
        min-height: 360px;

        padding: 12px;
    }

    .wow-class-placeholder {
        min-height: 335px;
    }


    /* Fegyver lista */

    .wow-class-level-lista {
        gap: 7px;

        padding: 11px;
    }

    .wow-class-level-lista button {
        grid-template-columns: 59px minmax(0, 1fr);

        gap: 10px;

        padding: 10px;
    }

    .wow-class-level-lista button > span {
        font-size: 0.7rem;
    }

    .wow-class-level-lista button strong {
        font-size: 0.8rem;
    }

}


/* ==============================
   EXTRA KIS MOBIL
================================= */

@media (max-width: 380px) {

    .wow-class-attekintes {
        grid-template-columns: 1fr;
    }

}


/* ==================================================
   WOW CLASS GUIDE – RPG INTERAKTÍV UI
================================================== */

.wow-rpg-panel-fejlec {
    min-height: 92px;
    padding: 22px 26px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    text-align: center;

    border-bottom: 1px solid rgba(233, 185, 73, 0.22);

    background:
        linear-gradient(
            180deg,
            rgba(233, 185, 73, 0.05),
            rgba(0, 0, 0, 0)
        );
}


.wow-rpg-panel-fejlec h2 {
    margin: 3px 0 0;

    font-size: 1.45rem;
}


.wow-rpg-kis-cim {
    color: #e9b949;

    font-size: 0.72rem;
    font-weight: 800;

    letter-spacing: 0.14em;
}


.wow-rpg-disz {
    position: relative;

    width: 58px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(233, 185, 73, 0.75)
        );
}


.wow-rpg-disz-jobb {
    transform: rotate(180deg);
}


.wow-rpg-disz::after {
    content: "";

    position: absolute;
    right: 0;
    top: 50%;

    width: 7px;
    height: 7px;

    border: 1px solid #e9b949;

    transform:
        translateY(-50%)
        rotate(45deg);

    background: #121922;
}



/* ==================================================
   TALENT TABOK
================================================== */

.wow-class-talent-tabok {
    padding: 14px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 8px;

    border-bottom: 1px solid #2c3440;
}


.wow-class-talent-tab {
    position: relative;

    min-height: 48px;

    border: 1px solid #384352;
    border-radius: 7px;

    background:
        linear-gradient(
            180deg,
            #18212c,
            #121922
        );

    color: #aebbd0;

    font-weight: 800;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}


.wow-class-talent-tab:hover {
    border-color:
        rgba(233, 185, 73, 0.7);

    color: #fff;

    transform: translateY(-1px);
}


.wow-class-talent-tab.aktiv {
    border-color: #e9b949;

    color: #e9b949;

    background:
        linear-gradient(
            180deg,
            rgba(233, 185, 73, 0.16),
            rgba(233, 185, 73, 0.035)
        );

    box-shadow:
        inset 0 0 22px
        rgba(233, 185, 73, 0.06);
}


.wow-class-talent-tab.aktiv::after {
    content: "";

    position: absolute;

    left: 18%;
    right: 18%;
    bottom: -1px;

    height: 2px;

    background: #e9b949;

    box-shadow:
        0 0 10px
        rgba(233, 185, 73, 0.8);
}



/* ==================================================
   TALENT KÉP TERÜLET
================================================== */

.wow-class-talent-megjelenito {
    padding: 20px;
}


.wow-class-talent-keret {
    position: relative;

    min-height: 510px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border: 1px solid
        rgba(233, 185, 73, 0.30);

    border-radius: 8px;

    background:
        radial-gradient(
            circle at center,
            rgba(233, 185, 73, 0.035),
            transparent 65%
        ),
        #10161f;
}


.wow-class-talent-keret::before {
    content: "";

    position: absolute;
    inset: 8px;

    pointer-events: none;

    border: 1px solid
        rgba(233, 185, 73, 0.09);

    border-radius: 5px;
}


#wow-class-talent-kep {
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: auto;

    max-height: 720px;

    object-fit: contain;
}


#wow-class-talent-kep[hidden] {
    display: none;
}


.wow-class-talent-placeholder {
    position: relative;
    z-index: 1;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 8px;

    text-align: center;

    color: #718098;
}


.wow-class-placeholder-ikon {
    margin-bottom: 5px;

    color: #e9b949;

    font-size: 2rem;

    opacity: 0.65;
}


.wow-class-talent-placeholder strong {
    color: #aebbd0;

    font-size: 1rem;
}


.wow-class-talent-placeholder p {
    margin: 0;

    font-size: 0.86rem;
}



/* ==================================================
   FEGYVER KÁRTYÁK
================================================== */

.wow-class-level-lista {
    padding: 16px;

    display: flex;
    flex-direction: column;

    gap: 9px;
}


.wow-class-fegyver-kartya {
    width: 100%;

    min-height: 66px;

    padding: 9px 12px;

    display: grid;

    grid-template-columns:
        58px
        46px
        minmax(0, 1fr)
        20px;

    align-items: center;

    gap: 11px;

    text-align: left;

    border: 1px solid #303b48;
    border-radius: 7px;

    background:
        linear-gradient(
            90deg,
            #151d27,
            #111821
        );

    color: #fff;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}


.wow-class-fegyver-kartya:hover {
    border-color:
        rgba(233, 185, 73, 0.6);

    background:
        linear-gradient(
            90deg,
            rgba(233, 185, 73, 0.075),
            #111821
        );

    transform:
        translateX(2px);
}


.wow-class-fegyver-kartya.aktiv {
    border-color: #e9b949;

    box-shadow:
        inset 3px 0 0 #e9b949;
}


.wow-class-level-jel {
    padding: 8px 5px;

    text-align: center;

    border: 1px solid
        rgba(233, 185, 73, 0.55);

    border-radius: 5px;

    background:
        rgba(233, 185, 73, 0.06);

    color: #e9b949;

    font-size: 0.76rem;
    font-weight: 900;
}


.wow-class-fegyver-kep {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border: 1px solid
        rgba(233, 185, 73, 0.45);

    border-radius: 5px;

    background: #090d12;
}


.wow-class-fegyver-kep img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


.wow-class-fegyver-kep img[hidden] {
    display: none;
}


.wow-class-fegyver-adat {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 4px;
}


.wow-class-fegyver-adat strong {
    overflow: hidden;

    color: #e7edf5;

    font-size: 0.9rem;

    white-space: nowrap;
    text-overflow: ellipsis;
}


.wow-class-fegyver-adat small {
    color: #718098;

    font-size: 0.70rem;
}


.wow-class-fegyver-nyil {
    color: #e9b949;

    font-size: 1.6rem;

    transition:
        transform 0.2s ease;
}


.wow-class-fegyver-kartya.aktiv
.wow-class-fegyver-nyil {
    transform: rotate(90deg);
}



/* ==================================================
   WOWHEAD / ITEM TOOLTIP
================================================== */

.wow-class-fegyver-reszletek {
    margin:
        0 16px
        16px;

    border: 1px solid
        rgba(233, 185, 73, 0.38);

    border-radius: 8px;

    background: #090d13;
}


.wow-class-fegyver-reszletek[hidden] {
    display: none;
}


.wow-class-item-tooltip {
    padding: 16px;
}


.wow-class-item-tooltip-fej {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 13px;
}


.wow-class-item-tooltip-fej img {
    width: 52px;
    height: 52px;

    object-fit: cover;

    border: 1px solid #e9b949;
    border-radius: 6px;
}


.wow-class-item-tooltip-fej img[hidden] {
    display: none;
}


#wow-class-item-level {
    color: #718098;

    font-size: 0.70rem;
    font-weight: 700;

    text-transform: uppercase;
}


#wow-class-item-nev {
    margin: 2px 0 0;

    color: #e9b949;

    font-size: 1rem;
}


.wow-class-item-statok {
    color: #c5cfdd;

    font-size: 0.82rem;
    line-height: 1.65;
}


#wow-class-item-link {
    display: inline-flex;

    margin-top: 14px;

    color: #e9b949;

    font-size: 0.8rem;
    font-weight: 800;

    text-decoration: none;
}


#wow-class-item-link:hover {
    text-decoration: underline;
}


#wow-class-item-link[hidden] {
    display: none;
}



/* ==================================================
   MOBIL
================================================== */

@media (max-width: 600px) {

    .wow-rpg-panel-fejlec {
        min-height: 78px;

        padding: 17px 14px;
    }


    .wow-rpg-disz {
        width: 30px;
    }


    .wow-class-talent-tabok {
        padding: 9px;

        gap: 5px;
    }


    .wow-class-talent-tab {
        min-height: 44px;

        font-size: 0.78rem;
    }


    .wow-class-talent-megjelenito {
        padding: 10px;
    }


    .wow-class-talent-keret {
        min-height: 360px;
    }


    .wow-class-level-lista {
        padding: 10px;
    }


    .wow-class-fegyver-kartya {
        grid-template-columns:
            52px
            42px
            minmax(0, 1fr)
            16px;

        gap: 7px;
    }


    .wow-class-fegyver-kep {
        width: 40px;
        height: 40px;
    }

}


/* ==================================================
   TALENT BUILD INFORMÁCIÓ
================================================== */

.wow-class-build-info {
    margin-bottom: 14px;
    padding: 15px 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border: 1px solid rgba(233, 185, 73, 0.32);
    border-radius: 7px;

    background:
        linear-gradient(
            110deg,
            rgba(233, 185, 73, 0.08),
            rgba(16, 22, 31, 0.25) 42%,
            rgba(16, 22, 31, 0.95)
        );
}


.wow-class-build-tipus {
    display: inline-block;

    margin-bottom: 5px;

    color: #e9b949;

    font-size: 0.68rem;
    font-weight: 900;

    letter-spacing: 0.12em;
}


.wow-class-build-info h3 {
    margin: 0 0 5px;

    color: #f2f5f8;

    font-size: 1.15rem;
}


.wow-class-build-info p {
    max-width: 580px;

    margin: 0;

    color: #9daabc;

    font-size: 0.82rem;
    line-height: 1.55;
}


.wow-class-build-pontok {
    min-width: 250px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 5px;

    text-align: center;
}


.wow-class-build-pontok span {
    padding: 7px 8px;

    display: flex;
    flex-direction: column;

    border: 1px solid #303b48;
    border-radius: 5px;

    background: #101720;

    color: #7f8da1;

    font-size: 0.67rem;
    font-weight: 700;

    text-transform: uppercase;
}


.wow-class-build-pontok strong {
    margin-top: 2px;

    color: #e9b949;

    font-size: 1.05rem;
}


.wow-class-build-pontok b {
    grid-column: 1 / -1;

    margin-top: 2px;

    color: #c4cfdd;

    font-size: 0.72rem;
    font-weight: 700;
}


@media (max-width: 700px) {

    .wow-class-build-info {
        flex-direction: column;
        align-items: stretch;
    }

    .wow-class-build-pontok {
        min-width: 0;
        width: 100%;
    }

}


/* ==================================================
   BUILD INFO PANEL - V2
================================================== */

.wow-class-build-info {
    min-height: 155px;

    padding: 20px 22px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(260px, 310px);

    align-items: center;

    gap: 28px;
}


.wow-class-build-info > div:first-child {
    min-width: 0;
}


.wow-class-build-info h3 {
    margin:
        2px
        0
        10px;

    font-size:
        clamp(
            1.15rem,
            2vw,
            1.35rem
        );

    line-height: 1.2;
}


.wow-class-build-leirasok {
    display: flex;
    flex-direction: column;

    gap: 5px;

    max-width: 650px;
}


.wow-class-build-leirasok p {
    margin: 0;

    color: #9daabc;

    font-size: 0.82rem;
    line-height: 1.55;

    white-space: normal;
    overflow-wrap: anywhere;
}


.wow-class-build-leirasok strong {
    color: #d8e0ea;

    font-weight: 800;
}


.wow-class-build-pontok {
    width: 100%;
    min-width: 0;

    align-self: center;
}


@media (max-width: 820px) {

    .wow-class-build-info {
        grid-template-columns: 1fr;

        gap: 18px;

        min-height: 0;
    }

    .wow-class-build-pontok {
        max-width: none;
    }

}


@media (max-width: 600px) {

    .wow-class-build-info {
        padding: 16px;

        gap: 15px;
    }

    .wow-class-build-leirasok p {
        font-size: 0.79rem;
    }

}


/* ==================================================
   BUILD TÍPUS FELIRAT - JAVÍTÁS
================================================== */

.wow-class-build-tipus {
    display: inline-flex;

    align-items: center;

    width: fit-content;
    min-height: 24px;

    padding:
        4px
        0
        3px;

    margin:
        0
        0
        6px;

    line-height: 1.25;

    white-space: nowrap;

    overflow: visible;

    color: #e9b949;

    font-size: 0.70rem;
    font-weight: 900;

    letter-spacing: 0.10em;

    text-transform: uppercase;
}


/* biztosan ne vágja le a szülő */
.wow-class-build-info,
.wow-class-build-info > div:first-child {
    overflow: visible;
}


/* ==================================================
   BUILD INFO - SZÖVEG LEVÁGÁS VÉGLEGES JAVÍTÁS
================================================== */

.wow-class-build-info {
    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(230px, 280px);

    gap: 24px;
}


.wow-class-build-info > div:first-child {
    min-width: 0;
    width: 100%;
}


.wow-class-build-tipus {
    display: block;

    width: 100%;
    max-width: 100%;

    min-height: 0;

    padding: 3px 0 4px;

    margin: 0 0 7px;

    white-space: normal;

    overflow: visible;

    line-height: 1.4;

    font-size: 0.70rem;
    letter-spacing: 0.08em;

    word-break: normal;
    overflow-wrap: normal;
}


@media (max-width: 820px) {

    .wow-class-build-info {
        grid-template-columns: 1fr;
    }

}


/* ==================================================
   NERDIUM WOW TALENTFA
================================================== */

.wow-talent-fa {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;

    align-items: stretch;
}


.wow-talent-ag {
    position: relative;

    min-width: 0;

    padding: 14px 12px 18px;

    overflow: hidden;

    border: 1px solid #303b48;
    border-radius: 8px;

    background:
        linear-gradient(
            180deg,
            rgba(23, 31, 42, 0.98),
            rgba(10, 15, 21, 0.98)
        );
}


.wow-talent-ag::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.15;
}


.wow-talent-ag.arms::before {
    background:
        radial-gradient(
            circle at 50% 20%,
            #a44726,
            transparent 58%
        );
}


.wow-talent-ag.fury::before {
    background:
        radial-gradient(
            circle at 50% 20%,
            #8b2f20,
            transparent 58%
        );
}


.wow-talent-ag.protection::before {
    background:
        radial-gradient(
            circle at 50% 20%,
            #3b607a,
            transparent 58%
        );
}


.wow-talent-ag-fej {
    position: relative;
    z-index: 2;

    margin-bottom: 15px;
    padding-bottom: 10px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    border-bottom: 1px solid
        rgba(233, 185, 73, 0.22);
}


.wow-talent-ag-fej strong {
    color: #f0f3f7;

    font-size: 0.87rem;

    text-transform: uppercase;
}


.wow-talent-ag-fej span {
    padding: 3px 7px;

    border: 1px solid
        rgba(233, 185, 73, 0.35);

    border-radius: 4px;

    color: #e9b949;

    font-size: 0.68rem;
    font-weight: 900;
}


.wow-talent-node-lista {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    gap: 9px;
}


.wow-talent-node {
    position: relative;

    min-height: 50px;

    padding:
        8px
        42px
        8px
        10px;

    display: flex;
    align-items: center;

    border: 1px solid
        rgba(233, 185, 73, 0.28);

    border-radius: 6px;

    background:
        linear-gradient(
            100deg,
            rgba(233, 185, 73, 0.07),
            rgba(13, 19, 27, 0.95)
        );
}


.wow-talent-node::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -10px;

    width: 1px;
    height: 9px;

    background:
        rgba(233, 185, 73, 0.32);
}


.wow-talent-node:last-child::after {
    display: none;
}


.wow-talent-node-nev {
    color: #dce4ed;

    font-size: 0.76rem;
    font-weight: 750;

    line-height: 1.25;
}


.wow-talent-pont {
    position: absolute;

    right: 7px;
    bottom: 7px;

    min-width: 29px;

    padding: 3px 5px;

    text-align: center;

    border: 1px solid #b38627;
    border-radius: 4px;

    background: #080c11;

    color: #ffd45a;

    font-size: 0.66rem;
    font-weight: 900;
}


.wow-talent-node.kiemelt {
    border-color: #e9b949;

    box-shadow:
        inset 0 0 16px
        rgba(233, 185, 73, 0.06);
}


.wow-talent-node.kiemelt
.wow-talent-node-nev {
    color: #ffd45a;
}


.wow-talent-ures {
    position: relative;
    z-index: 2;

    min-height: 180px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    color: #657388;

    font-size: 0.76rem;
    line-height: 1.5;
}


@media (max-width: 760px) {

    .wow-talent-fa {
        grid-template-columns: 1fr;
    }


    .wow-talent-ag {
        padding: 13px;
    }


    .wow-talent-node {
        min-height: 48px;
    }

}


/* =========================================
   WOW CLASS TALENT KÉPPANEL
========================================= */

.wow-class-talent-linkek {
    width: 100%;
}

.wow-class-talent-kep-link {
    position: relative;

    display: block;

    width: 100%;

    overflow: hidden;

    border: 1px solid
        rgba(233, 185, 73, 0.38);

    border-radius: 8px;

    background: #090d12;

    text-decoration: none;
}

.wow-class-talent-kep-link img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;

    background: #090d12;
}

.wow-class-talent-kep-overlay {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    padding: 22px 18px 14px;

    display: flex;
    flex-direction: column;

    gap: 3px;

    background:
        linear-gradient(
            to top,
            rgba(4, 7, 10, 0.96),
            rgba(4, 7, 10, 0.72),
            transparent
        );
}

.wow-class-talent-kep-overlay span {
    color: #f3d276;

    font-size: 0.95rem;
    font-weight: 900;
}

.wow-class-talent-kep-overlay small {
    color: #c2cad4;

    font-size: 0.72rem;
}

.wow-class-talent-kep-link:hover {
    border-color: #e9b949;
}

.wow-class-talent-kep-link:hover img {
    filter: brightness(1.06);
}


/* =========================================
   TELJES TALENTFA KÉP
========================================= */

.wow-class-talent-kepdoboz {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.wow-class-talent-kep {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* =========================================
   TALENTFA KÉP – SZŰK KERET
========================================= */

.wow-class-talent-keret {
    padding: 2px;
    min-height: 0;
    align-items: stretch;
    justify-content: stretch;
}

.wow-class-talent-kepdoboz {
    width: 100%;
    margin: 0;
    padding: 0;
}

#wow-class-talent-kep,
.wow-class-talent-kep {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: contain;
}


/* ==================================================
   WOW CLASS – KATEGÓRIA CÍMKE
================================================== */

.wow-class-guide .wow-class-kategoria {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


/* ==================================================
   WOW CLASS – PRO / KONTRA
================================================== */

.wow-class-prokontra[hidden] {
    display: none;
}

.wow-class-prokontra {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;

    margin: 22px 0 20px;
}

.wow-class-prokontra-kartya {
    overflow: hidden;

    border-radius: 9px;

    background:
        linear-gradient(
            145deg,
            rgba(17, 24, 33, 0.98),
            rgba(10, 15, 21, 0.98)
        );
}

.wow-class-pro-kartya {
    border: 1px solid rgba(46, 204, 113, 0.58);
}

.wow-class-kontra-kartya {
    border: 1px solid rgba(231, 76, 60, 0.58);
}

.wow-class-prokontra-fejlec {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 16px;

    border-bottom: 1px solid rgba(255,255,255,0.07);
}

.wow-class-pro-kartya .wow-class-prokontra-fejlec {
    background: rgba(46, 204, 113, 0.07);
}

.wow-class-kontra-kartya .wow-class-prokontra-fejlec {
    background: rgba(231, 76, 60, 0.07);
}

.wow-class-prokontra-ikon {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 34px;

    border-radius: 50%;

    color: #fff;

    font-size: 1.35rem;
    font-weight: 900;
}

.wow-class-pro-kartya .wow-class-prokontra-ikon {
    background: #24a957;
}

.wow-class-kontra-kartya .wow-class-prokontra-ikon {
    background: #d93b32;
}

.wow-class-prokontra h2 {
    margin: 0;

    color: #f4f6f8;

    font-size: 1.08rem;
    line-height: 1.2;
}

.wow-class-prokontra-fejlec p {
    margin: 3px 0 0;

    color: #8f9bac;

    font-size: 0.78rem;
}

.wow-class-prokontra ul {
    margin: 0;
    padding: 15px 18px 17px 48px;

    list-style: none;
}

.wow-class-prokontra li {
    position: relative;

    margin: 0;
    padding: 7px 0;

    color: #d7dde5;

    font-size: 0.9rem;
    line-height: 1.45;
}

.wow-class-prokontra li::before {
    position: absolute;
    left: -27px;
    top: 6px;

    font-size: 1.05rem;
    font-weight: 900;
}

.wow-class-pro-kartya li::before {
    content: "✓";
    color: #35d271;
}

.wow-class-kontra-kartya li::before {
    content: "×";
    color: #ff5046;
}


/* Mobil */

@media (max-width: 700px) {

    .wow-class-prokontra {
        grid-template-columns: 1fr;
        gap: 10px;

        margin: 17px 0;
    }

    .wow-class-prokontra-fejlec {
        padding: 12px 13px;
    }

    .wow-class-prokontra ul {
        padding:
            11px
            14px
            13px
            43px;
    }

    .wow-class-prokontra li {
        font-size: 0.84rem;
    }

}


/* ==================================================
   WOW CLASS – PRO / KONTRA
   MOBILE FIRST FELÜLÍRÁS
================================================== */

/* MOBIL AZ ALAP */

.wow-class-prokontra {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;

    gap: 10px;

    margin: 16px 0 18px;

    box-sizing: border-box;
}

.wow-class-prokontra-kartya {
    width: 100%;
    min-width: 0;

    box-sizing: border-box;
}

.wow-class-prokontra-fejlec {
    padding: 12px 13px;
}

.wow-class-prokontra-ikon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;

    font-size: 1.2rem;
}

.wow-class-prokontra h2 {
    font-size: 1rem;
}

.wow-class-prokontra-fejlec p {
    font-size: 0.75rem;
}

.wow-class-prokontra ul {
    margin: 0;

    padding:
        10px
        13px
        12px
        42px;
}

.wow-class-prokontra li {
    padding: 6px 0;

    font-size: 0.84rem;
    line-height: 1.45;

    overflow-wrap: anywhere;
}


/* =========================================
   TABLET / ASZTALI
========================================= */

@media (min-width: 701px) {

    .wow-class-prokontra {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 16px;

        margin: 22px 0 20px;
    }

    .wow-class-prokontra-fejlec {
        padding: 14px 16px;
    }

    .wow-class-prokontra-ikon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;

        font-size: 1.35rem;
    }

    .wow-class-prokontra h2 {
        font-size: 1.08rem;
    }

    .wow-class-prokontra ul {
        padding:
            15px
            18px
            17px
            48px;
    }

    .wow-class-prokontra li {
        font-size: 0.9rem;
        padding: 7px 0;
    }

}


/* ==================================================
   WOW CLASS – AJÁNLOTT SZAKMÁK
   MOBILE FIRST
================================================== */

.wow-class-szakmak[hidden] {
    display: none;
}

.wow-class-szakmak {
    width: 100%;
    margin: 18px 0 24px;
}

.wow-class-szakmak-racs {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.wow-class-szakmak-cimkartya {
    display: flex;
    align-items: center;

    min-height: 58px;

    padding: 14px 16px;

    border: 1px solid rgba(233, 185, 73, 0.24);
    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(17, 24, 33, 0.98),
            rgba(10, 15, 21, 0.98)
        );
}

.wow-class-szakmak-cimkartya h2 {
    margin: 0;

    color: #f4f7fb;

    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.1;
}

.wow-class-szakmak-lista {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.wow-class-szakma-gomb {
    width: 100%;
    min-width: 0;
    min-height: 58px;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 11px 14px;

    box-sizing: border-box;

    border: 1px solid rgba(233, 185, 73, 0.24);
    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(17, 24, 33, 0.98),
            rgba(10, 15, 21, 0.98)
        );

    color: #f4f7fb;
    text-decoration: none;

    transition:
        border-color .18s ease,
        transform .18s ease,
        background .18s ease;
}

a.wow-class-szakma-gomb {
    cursor: pointer;
}

a.wow-class-szakma-gomb:hover {
    border-color: rgba(233, 185, 73, 0.65);

    transform: translateY(-1px);

    background:
        linear-gradient(
            145deg,
            rgba(26, 33, 42, 0.98),
            rgba(13, 18, 24, 0.98)
        );
}

.wow-class-szakma-gomb-inaktiv {
    cursor: default;
}

.wow-class-szakma-ikon {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    overflow: hidden;

    border-radius: 7px;

    border:
        1px solid
        rgba(233, 185, 73, 0.45);
}

.wow-class-szakma-ikon img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.wow-class-szakma-nev {
    min-width: 0;

    font-size: .95rem;
    font-weight: 800;

    overflow-wrap: anywhere;
}


/* DESKTOP */

@media (min-width: 701px) {

    .wow-class-szakmak-racs {
        grid-template-columns:
            minmax(180px, 1fr)
            minmax(0, 3fr);

        gap: 12px;
    }

    .wow-class-szakmak-lista {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 12px;
    }

    .wow-class-szakmak-cimkartya,
    .wow-class-szakma-gomb {
        min-height: 76px;
    }

    .wow-class-szakmak-cimkartya h2 {
        font-size: clamp(
            1.25rem,
            1.8vw,
            1.65rem
        );
    }

    .wow-class-szakma-ikon {
        width: 44px;
        height: 44px;

        flex-basis: 44px;
    }

}


/* ==================================================
   WOW CLASS – FEJLÉC FINOMÍTÁS + PRO/KONTRA KÜLÖN BLOKK
================================================== */

/* A zöld kategóriacímke körüli fölösleges külső háttér eltávolítása */
.wow-class-guide .wow-class-kategoria {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Pro / Kontra most már önálló fő konténer */
.wow-class-guide > .wow-class-prokontra {
    width: 100%;
    margin: 22px 0 26px;
    padding: 14px;

    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 16px;

    border: 1px solid
        rgba(233, 185, 73, 0.42);

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            rgba(20, 27, 36, 0.96),
            rgba(11, 16, 23, 0.98)
        );
}

.wow-class-guide > .wow-class-prokontra[hidden] {
    display: none;
}

@media (max-width: 700px) {

    .wow-class-guide > .wow-class-prokontra {
        grid-template-columns: 1fr;
        padding: 10px;
        gap: 10px;
        margin-top: 16px;
        margin-bottom: 20px;
    }

}


/* ==================================================
   WOW CLASS – PRO / KONTRA TELJES FEJLÉC HÁTTÉR
================================================== */

.wow-class-prokontra-kartya {
    overflow: hidden;
    border-radius: 10px;
}

/* A fejléc teljes szélességben kapjon színes hátteret */
.wow-class-pro-kartya .wow-class-prokontra-fejlec {
    width: 100%;
    background:
        linear-gradient(
            90deg,
            rgba(33, 140, 86, 0.38) 0%,
            rgba(20, 95, 63, 0.28) 55%,
            rgba(10, 18, 22, 0.10) 100%
        );
    border-bottom: 1px solid rgba(57, 214, 128, 0.22);
}

.wow-class-kontra-kartya .wow-class-prokontra-fejlec {
    width: 100%;
    background:
        linear-gradient(
            90deg,
            rgba(168, 45, 45, 0.38) 0%,
            rgba(114, 28, 28, 0.28) 55%,
            rgba(18, 10, 12, 0.10) 100%
        );
    border-bottom: 1px solid rgba(255, 91, 91, 0.22);
}

/* Ikon színek */
.wow-class-pro-kartya .wow-class-prokontra-ikon {
    background: #2fbf71;
    color: #ffffff;
    box-shadow: 0 0 14px rgba(47, 191, 113, 0.22);
}

.wow-class-kontra-kartya .wow-class-prokontra-ikon {
    background: #e24a4a;
    color: #ffffff;
    box-shadow: 0 0 14px rgba(226, 74, 74, 0.22);
}

/* Szövegszínek */
.wow-class-pro-kartya .wow-class-prokontra-fejlec h2 {
    color: #dfffea;
}

.wow-class-pro-kartya .wow-class-prokontra-fejlec p {
    color: rgba(220, 255, 234, 0.78);
}

.wow-class-kontra-kartya .wow-class-prokontra-fejlec h2 {
    color: #ffe3e3;
}

.wow-class-kontra-kartya .wow-class-prokontra-fejlec p {
    color: rgba(255, 226, 226, 0.78);
}


/* WOW CLASS – TALENTEK FELIRAT NAGYOBB */
.wow-class-talent-panel .wow-rpg-kis-cim {
    font-size: 1rem;
    letter-spacing: 0.12em;
}

@media (max-width: 700px) {
    .wow-class-talent-panel .wow-rpg-kis-cim {
        font-size: 0.92rem;
    }
}



/* ==================================================
   WOW CLASS – BEST ITEMEK CÍM
================================================== */

.wow-rpg-best-itemek-cim {
    display: block;

    color: #e9b949;

    font-size: 1rem;
    font-weight: 900;

    letter-spacing: 0.12em;
    text-transform: uppercase;

    text-shadow:
        0 0 12px rgba(233, 185, 73, 0.22);
}

@media (max-width: 700px) {

    .wow-rpg-best-itemek-cim {
        font-size: 0.92rem;
    }

}


/* ==================================================
   WOW CLASS – BEST ITEM KÁRTYÁK
================================================== */

.wow-class-best-item-lista {
    padding: 16px;

    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}


.wow-class-best-item-kartya {
    min-width: 0;
    padding: 12px;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 10px;

    border: 1px solid
        rgba(233, 185, 73, 0.30);

    border-radius: 8px;

    background: #10161f;
}


.wow-class-best-item-level {
    width: 100%;

    padding-bottom: 8px;

    text-align: center;

    border-bottom: 1px solid
        rgba(233, 185, 73, 0.20);

    color: #e9b949;

    font-size: 0.9rem;
    font-weight: 900;

    letter-spacing: 0.06em;
}


.wow-class-best-item-kep-link {
    display: block;

    width: 100%;
    aspect-ratio: 1 / 1;

    overflow: hidden;

    border: 1px solid
        rgba(233, 185, 73, 0.36);

    border-radius: 7px;

    background: #090d12;
}


.wow-class-best-item-kep-link[hidden] {
    display: none;
}


.wow-class-best-item-kep-link img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.2s ease,
        filter 0.2s ease;
}


.wow-class-best-item-kep-link:hover img {
    transform: scale(1.035);
    filter: brightness(1.08);
}


@media (max-width: 700px) {

    .wow-class-best-item-lista {
        padding: 10px;
        gap: 10px;
    }

    .wow-class-best-item-kartya {
        padding: 9px;
    }

}



/* WOW CLASS – PUBLIC TALENT PLANNER V2 */

.wow-public-talent-planner {
    width: 100%;
    padding: 4px;
}

.wow-public-talent-fak {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.wow-public-talent-fa {
    min-width: 0;
    padding: 10px;
    border: 1px solid
        rgba(233, 185, 73, 0.28);
    border-radius: 7px;
    background:
        linear-gradient(
            180deg,
            rgba(19, 26, 35, 0.98),
            rgba(8, 12, 17, 0.98)
        );
}

.wow-public-talent-fa-fejlec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid
        rgba(233, 185, 73, 0.18);
}

.wow-public-talent-fa-fejlec strong {
    color: #e9b949;
    font-size: 0.9rem;
}

.wow-public-talent-fa-fejlec span {
    color: #9aa6b3;
    font-size: 0.68rem;
}

.wow-public-talent-racs {
    display: grid;
    grid-template-columns:
        repeat(4, 42px);
    grid-template-rows:
        repeat(7, 42px);
    justify-content: center;
    gap: 13px 7px;
    min-height: 372px;
}

.wow-public-talent-ikon {
    position: relative;
    width: 42px;
    height: 42px;
    border: 2px solid #3d4651;
    border-radius: 5px;
    background: #070a0e;
    box-shadow:
        0 2px 7px rgba(0, 0, 0, 0.42);
}

.wow-public-talent-ikon img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    object-fit: cover;
}

.wow-public-talent-ikon.inaktiv img {
    filter:
        grayscale(1)
        brightness(0.36);
}

.wow-public-talent-ikon.aktiv {
    border-color: #52a95a;
}

.wow-public-talent-ikon.maxolt {
    border-color: #e9b949;
    box-shadow:
        0 0 9px
        rgba(233, 185, 73, 0.24);
}

.wow-public-talent-rank {
    position: absolute;
    right: -5px;
    bottom: -6px;
    min-width: 23px;
    padding: 1px 3px;
    border: 1px solid #c79a25;
    border-radius: 4px;
    background: #050608;
    color: #ffd65a;
    font-size: 0.59rem;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}

.wow-public-talent-eloszlas {
    margin-top: 13px;
    padding-top: 11px;
    border-top: 1px solid
        rgba(233, 185, 73, 0.18);
    color: #e9b949;
    font-size: 0.82rem;
    font-weight: 850;
    text-align: center;
}


/* SZAKMA IKONOK */

.wow-class-szakma-gomb {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wow-class-szakma-ikon {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    overflow: hidden;
    border: 1px solid
        rgba(233, 185, 73, 0.42);
    border-radius: 6px;
    background: #080c11;
}

.wow-class-szakma-ikon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1050px) {

    .wow-public-talent-fak {
        grid-template-columns: 1fr;
    }

    .wow-public-talent-racs {
        min-height: 372px;
    }

}




/* ==================================================
   WOW CLASS – BEST ENDGAME PUBLIC V1
================================================== */

.wow-class-endgame-panel-cim {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    text-align: center;
}

.wow-class-endgame-spec {
    color: #d8b65c;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.wow-class-endgame-lista {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 12px;
}

.wow-class-endgame-ures {
    padding: 28px 16px;
    border: 1px dashed rgba(222, 177, 75, .22);
    border-radius: 8px;
    color: rgba(235, 228, 209, .58);
    font-size: .84rem;
    line-height: 1.5;
    text-align: center;
}

.wow-class-endgame-slot {
    overflow: hidden;
    border: 1px solid rgba(222, 177, 75, .17);
    border-radius: 8px;
    background:
        linear-gradient(
            145deg,
            rgba(13, 15, 18, .92),
            rgba(21, 18, 15, .92)
        );
}

.wow-class-endgame-slot-fejlec {
    padding: 7px 10px;
    border-bottom: 1px solid rgba(222, 177, 75, .12);
    color: #d6b45e;
    background: rgba(222, 177, 75, .045);
    font-size: .69rem;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.wow-class-endgame-slot-ures {
    padding: 10px;
    color: rgba(230, 230, 230, .36);
    font-size: .74rem;
}

.wow-class-endgame-item {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
    border-top: 1px solid rgba(255, 255, 255, .045);
}

.wow-class-endgame-item:first-of-type {
    border-top: 0;
}

.wow-class-endgame-item.kiemelt {
    background:
        linear-gradient(
            90deg,
            rgba(221, 174, 66, .055),
            transparent
        );
}

.wow-class-endgame-ikon {
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(217, 181, 91, .32);
    border-radius: 6px;
    color: rgba(230, 230, 230, .36);
    background: rgba(0, 0, 0, .40);
    font-family: Georgia, serif;
    font-size: 1.25rem;
}

.wow-class-endgame-ikon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wow-class-endgame-item-tartalom {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.wow-class-endgame-item-nev {
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wow-class-endgame-item-nev:hover {
    text-decoration: underline;
}

.wow-quality-poor {
    color: #9d9d9d;
}

.wow-quality-common {
    color: #ffffff;
}

.wow-quality-uncommon {
    color: #1eff00;
}

.wow-quality-rare {
    color: #0070dd;
}

.wow-quality-epic {
    color: #a335ee;
}

.wow-quality-legendary {
    color: #ff8000;
}

.wow-quality-artifact {
    color: #e6cc80;
}

.wow-quality-heirloom {
    color: #00ccff;
}

.wow-class-endgame-tipus {
    color: rgba(230, 230, 230, .52);
    font-size: .70rem;
}

.wow-class-endgame-statok {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin: 3px 0 0;
    padding: 0;
    list-style: none;
}

.wow-class-endgame-statok li {
    color: rgba(235, 235, 235, .82);
    font-size: .73rem;
    line-height: 1.35;
}

.wow-class-endgame-meta {
    margin-top: 3px;
    color: rgba(222, 177, 75, .68);
    font-size: .67rem;
    line-height: 1.35;
}

.wow-class-endgame-set {
    margin-top: 4px;
}

.wow-class-endgame-set-nev {
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid rgba(163, 53, 238, .32);
    border-radius: 4px;
    color: #c47af3;
    background: rgba(163, 53, 238, .06);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.wow-class-endgame-set-details {
    margin-top: 5px;
    color: rgba(235, 235, 235, .68);
    font-size: .69rem;
}

.wow-class-endgame-set-details summary {
    width: fit-content;
    color: #d3b260;
    cursor: pointer;
}

.wow-class-endgame-set-details ul {
    margin: 6px 0 0;
    padding-left: 18px;
}

.wow-class-endgame-set-bonuszok {
    margin-top: 7px;
}

.wow-class-endgame-set-bonuszok p {
    margin: 3px 0;
}

@media (max-width: 900px) {

    .wow-class-endgame-lista {
        padding: 9px;
    }

    .wow-class-endgame-item {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 8px;
        padding: 9px;
    }

    .wow-class-endgame-ikon {
        width: 46px;
        height: 46px;
    }

}




/* ==================================================
   WOWHEAD ENDGAME ICON V1
================================================== */

.wow-class-endgame-wowhead-ikonlink {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
}

.wow-class-endgame-wowhead-ikonlink ins {
    margin: 0 !important;
}





/* ==================================================
   WOWHEAD ENDGAME ICON FIX V2
================================================== */

.wow-class-endgame-wowhead-ikonlink img,
.wow-class-endgame-wowhead-ikonlink ins {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.wow-class-endgame-wowhead-ikonlink span {
    width: 100%;
    height: 100%;
}




/* ==================================================
   WOW SAJAT ITEM TOOLTIP V1
================================================== */

.wow-endgame-item-interaktiv {
    cursor: pointer;
    outline: none;
}

.wow-endgame-item-interaktiv:focus-visible {
    box-shadow:
        0 0 0 2px rgba(230, 178, 48, .75);
}

.wow-endgame-float-tooltip {
    position: fixed;
    z-index: 100000;
    display: none;
    width: min(390px, calc(100vw - 24px));
    max-height: calc(100vh - 24px);
    overflow: hidden;
    padding: 11px 13px;
    border: 1px solid #d8a92f;
    border-radius: 6px;
    background:
        linear-gradient(
            155deg,
            #080b11,
            #10131a
        );
    box-shadow:
        0 12px 34px rgba(0, 0, 0, .72),
        inset 0 0 0 1px rgba(255, 255, 255, .025);
    color: #fff;
    font-family:
        Verdana,
        Arial,
        sans-serif;
    font-size: 13px;
    line-height: 1.45;
    pointer-events: none;
}

.wow-endgame-float-tooltip.aktiv {
    display: block;
}

.wow-endgame-float-tooltip table,
.wow-endgame-item-modal-tartalom table {
    width: 100%;
    border-collapse: collapse;
}

.wow-endgame-float-tooltip td,
.wow-endgame-float-tooltip th,
.wow-endgame-item-modal-tartalom td,
.wow-endgame-item-modal-tartalom th {
    padding: 0;
    border: 0;
    vertical-align: top;
    text-align: left;
    font-weight: inherit;
}

.wow-endgame-float-tooltip th,
.wow-endgame-item-modal-tartalom th {
    text-align: right;
}

.wow-endgame-float-tooltip .q,
.wow-endgame-item-modal-tartalom .q {
    color: #ffd100;
}

.wow-endgame-float-tooltip .q0,
.wow-endgame-item-modal-tartalom .q0 {
    color: #9d9d9d;
}

.wow-endgame-float-tooltip .q1,
.wow-endgame-item-modal-tartalom .q1 {
    color: #ffffff;
}

.wow-endgame-float-tooltip .q2,
.wow-endgame-item-modal-tartalom .q2 {
    color: #1eff00;
}

.wow-endgame-float-tooltip .q3,
.wow-endgame-item-modal-tartalom .q3 {
    color: #0070dd;
}

.wow-endgame-float-tooltip .q4,
.wow-endgame-item-modal-tartalom .q4 {
    color: #a335ee;
}

.wow-endgame-float-tooltip .q5,
.wow-endgame-item-modal-tartalom .q5 {
    color: #ff8000;
}

.wow-endgame-float-tooltip .q6,
.wow-endgame-item-modal-tartalom .q6 {
    color: #e6cc80;
}


/* MOBIL MODAL */

.wow-endgame-item-modal {
    position: fixed;
    inset: 0;
    z-index: 100001;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0, 0, 0, .74);
    backdrop-filter: blur(4px);
}

.wow-endgame-item-modal.aktiv {
    display: flex;
}

.wow-endgame-item-modal-ablak {
    width: min(410px, 100%);
    max-height: min(620px, calc(100vh - 36px));
    overflow: hidden;
    border: 1px solid #d8a92f;
    border-radius: 10px;
    background:
        linear-gradient(
            155deg,
            #080b11,
            #11151d
        );
    box-shadow:
        0 24px 65px rgba(0, 0, 0, .82);
}

.wow-endgame-item-modal-fejlec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 8px 10px 8px 14px;
    border-bottom: 1px solid rgba(216, 169, 47, .28);
    color: #e3b53c;
    font-size: .82rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wow-endgame-item-modal-bezar {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(216, 169, 47, .32);
    border-radius: 7px;
    background: rgba(255, 255, 255, .035);
    color: #fff;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}

.wow-endgame-item-modal-tartalom {
    max-height: calc(100vh - 120px);
    overflow: auto;
    padding: 15px;
    color: #fff;
    font-family:
        Verdana,
        Arial,
        sans-serif;
    font-size: 13px;
    line-height: 1.5;
    -webkit-overflow-scrolling: touch;
}

body.wow-item-modal-nyitva {
    overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {

    .wow-endgame-item-interaktiv:hover {
        border-color:
            rgba(216, 169, 47, .46);
    }

}






/* WOW ENDGAME ITEM TOOLTIP / MODAL CLOSE BTN */
.wow-endgame-modal-bezaras,
.wow-endgame-tooltip-bezaras,
.wow-class-item-modal-close,
.wow-class-tooltip-close {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    border-radius: 14px;
    border: 2px solid rgba(255, 70, 70, 0.95);
    background: linear-gradient(180deg, rgba(90, 10, 10, 0.95), rgba(45, 0, 0, 0.96));
    color: #ff4d4f;
    font-size: 38px;
    line-height: 1;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow:
        0 0 0 1px rgba(255, 110, 110, 0.15) inset,
        0 0 18px rgba(255, 60, 60, 0.18);
    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease,
        color 0.15s ease;
}

.wow-endgame-modal-bezaras:hover,
.wow-endgame-tooltip-bezaras:hover,
.wow-class-item-modal-close:hover,
.wow-class-tooltip-close:hover {
    color: #ffd7d7;
    background: linear-gradient(180deg, rgba(120, 18, 18, 0.98), rgba(65, 0, 0, 0.98));
    box-shadow:
        0 0 0 1px rgba(255, 140, 140, 0.25) inset,
        0 0 22px rgba(255, 70, 70, 0.30);
    transform: scale(1.04);
}

.wow-endgame-modal-bezaras:focus-visible,
.wow-endgame-tooltip-bezaras:focus-visible,
.wow-class-item-modal-close:focus-visible,
.wow-class-tooltip-close:focus-visible {
    outline: 2px solid rgba(255, 110, 110, 0.95);
    outline-offset: 3px;
}



/* ==================================================
   WOW MODAL PIROS X FIX V2
================================================== */

.wow-endgame-item-modal-bezar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;

    padding: 0 !important;

    border:
        2px solid #ff3b3b !important;

    border-radius:
        9px !important;

    background:
        linear-gradient(
            180deg,
            #641515,
            #300606
        ) !important;

    color:
        #ff4545 !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:
        30px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;

    cursor:
        pointer !important;

    box-shadow:
        0 0 14px rgba(255, 40, 40, .24),
        inset 0 0 8px rgba(255, 80, 80, .08) !important;
}


.wow-endgame-item-modal-bezar:hover {
    color:
        #ffffff !important;

    background:
        #8b1717 !important;

    border-color:
        #ff6666 !important;

    box-shadow:
        0 0 20px rgba(255, 50, 50, .4) !important;

    transform:
        scale(1.05);
}





/* ==================================================
   WOW SELL PRICE COIN FIX V1
================================================== */

.wow-tooltip-sell-price {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
}

.wow-tooltip-sell-label {
    color: #f2f2f2;
    font-weight: 600;
}

.wow-tooltip-coin {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
}

.wow-tooltip-coin-ikon {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    display: inline-block;
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.28),
        inset 0 -1px 2px rgba(0,0,0,.35),
        0 0 0 1px rgba(0,0,0,.35);
}

.wow-tooltip-coin-gold {
    color: #ffd34d;
}

.wow-tooltip-coin-gold .wow-tooltip-coin-ikon {
    background:
        radial-gradient(circle at 30% 30%, #fff1a6 0%, #ffd95e 35%, #d4a514 68%, #8f6400 100%);
    border: 1px solid #f3c53f;
}

.wow-tooltip-coin-silver {
    color: #d7e0ea;
}

.wow-tooltip-coin-silver .wow-tooltip-coin-ikon {
    background:
        radial-gradient(circle at 30% 30%, #ffffff 0%, #dce3ea 35%, #9ca8b4 68%, #66707a 100%);
    border: 1px solid #c8d1db;
}

.wow-tooltip-coin-copper {
    color: #d98a5f;
}

.wow-tooltip-coin-copper .wow-tooltip-coin-ikon {
    background:
        radial-gradient(circle at 30% 30%, #efc0a0 0%, #d68d5f 35%, #a55f37 68%, #6a3519 100%);
    border: 1px solid #c27b4f;
}



/* ==================================================
   WOW CLASS – MOBILE FIRST TALENT + ENDGAME V1
================================================== */


/*
 * Desktopon a gomb nincs használatban.
 */

.wow-class-endgame-tobb {
    display: none;
}


@media (max-width: 900px) {


    /* ==============================================
       TALENT FÁK – VÍZSZINTES LAPOZÁS
    ============================================== */

    .wow-class-talent-panel
    .wow-public-talent-planner {
        min-width: 0;
        overflow: hidden;
    }


    .wow-class-talent-panel
    .wow-public-talent-fak {

        display: flex !important;

        grid-template-columns:
            none !important;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        gap: 10px !important;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type:
            x mandatory;

        scroll-behavior:
            smooth;

        overscroll-behavior-x:
            contain;

        -webkit-overflow-scrolling:
            touch;

        scrollbar-width:
            none;

        padding-bottom: 8px;
    }


    .wow-class-talent-panel
    .wow-public-talent-fak::-webkit-scrollbar {
        display: none;
    }


    .wow-class-talent-panel
    .wow-public-talent-fa {

        flex:
            0 0 100% !important;

        width:
            100% !important;

        min-width:
            100% !important;

        max-width:
            100% !important;

        scroll-snap-align:
            start;

        scroll-snap-stop:
            always;
    }


    .wow-class-talent-panel
    .wow-public-talent-racs {
        max-width: 100%;
    }



    /* ==============================================
       ENDGAME – 3 + 2 + 2 + 2...
    ============================================== */

    .wow-class-endgame-slot[hidden] {
        display: none !important;
    }


    .wow-class-endgame-tobb {

        display: flex;

        width:
            calc(100% - 18px);

        min-height: 50px;

        margin:
            2px 9px 14px;

        padding:
            0 18px;

        align-items:
            center;

        justify-content:
            center;

        gap:
            11px;

        border:
            1px solid
            rgba(
                222,
                177,
                75,
                .36
            );

        border-radius:
            8px;

        background:
            linear-gradient(
                180deg,
                rgba(
                    222,
                    177,
                    75,
                    .08
                ),
                rgba(
                    8,
                    12,
                    17,
                    .72
                )
            );

        color:
            #dfba58;

        box-shadow:
            inset 0 0 0 1px
            rgba(
                255,
                255,
                255,
                .015
            );

        font-family:
            inherit;

        cursor:
            pointer;

        -webkit-tap-highlight-color:
            transparent;
    }


    .wow-class-endgame-tobb:active {

        transform:
            translateY(
                1px
            );

        background:
            rgba(
                222,
                177,
                75,
                .11
            );
    }


    .wow-class-endgame-tobb-felirat {

        font-size:
            .74rem;

        font-weight:
            900;

        letter-spacing:
            .10em;

        text-transform:
            uppercase;
    }


    .wow-class-endgame-tobb-nyil {

        width:
            10px;

        height:
            10px;

        margin-top:
            -4px;

        border-right:
            2px solid
            #dfba58;

        border-bottom:
            2px solid
            #dfba58;

        transform:
            rotate(
                45deg
            );
    }


}



/* ENDGAME MOBIL – CSAK LENYITÓ NYÍL */
@media (max-width: 900px) {

    .wow-class-endgame-tobb {
        gap: 0;
    }

    .wow-class-endgame-tobb-felirat {
        display: none !important;
    }

}

/* BiS Items – helyes kis/nagybetűzés */
.wow-rpg-best-itemek-cim {
    text-transform: none !important;
}



/* ==========================================================
   WOW BEKEZDESEK V1
========================================================== */

/*
 * DESKTOP:
 *
 * BAL OSZLOP
 *   Talent
 *   Bekezdések
 *
 * JOBB OSZLOP
 *   BiS Items
 */

.wow-class-bal-oszlop {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 18px;
}

.wow-class-bal-oszlop > .wow-class-talent-panel {
    width: 100%;
}

.wow-class-bekezdesek-panel {
    width: 100%;
    min-width: 0;
}

.wow-class-bekezdesek-panel[hidden] {
    display: none !important;
}

.wow-class-bekezdesek-lista {
    display: flex;
    flex-direction: column;

    gap: 15px;
}

.wow-class-bekezdes-kartya {
    position: relative;

    overflow: hidden;

    padding:
        20px
        22px;

    border:
        1px solid
        rgba(233, 185, 73, .28);

    border-radius: 9px;

    background:
        linear-gradient(
            145deg,
            rgba(17, 24, 33, .98),
            rgba(9, 14, 20, .98)
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.018),
        0 8px 24px
        rgba(0,0,0,.16);
}

.wow-class-bekezdes-kartya::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 3px;

    background:
        linear-gradient(
            180deg,
            #e9b949,
            rgba(233,185,73,.14)
        );
}

.wow-class-bekezdes-kartya p {
    margin: 0;

    color:
        #d7dce4;

    font-size:
        .96rem;

    line-height:
        1.75;

    white-space:
        pre-line;
}


/*
 * MOBIL:
 *
 * display: contents miatt a bal wrapper
 * nem számít külön blokknak.
 *
 * A vizuális sorrend:
 *
 * 1 Talent
 * 2 BiS Items
 * 3 Bekezdések
 */

@media (max-width: 900px) {

    .wow-class-bal-oszlop {
        display: contents;
    }

    .wow-class-talent-panel {
        order: 1;
    }

    .wow-class-endgame-panel {
        order: 2;
    }

    .wow-class-bekezdesek-panel {
        order: 3;
    }

    .wow-class-bekezdesek-lista {
        gap: 13px;
    }

    .wow-class-bekezdes-kartya {
        padding:
            16px
            17px;

        border-radius: 8px;
    }

    .wow-class-bekezdes-kartya p {
        font-size: .92rem;
        line-height: 1.7;
    }

}




/* ==========================================================
   WOW CLASS INFO TABLA V1
   MOBILE FIRST
========================================================== */

.wow-class-info-panel {
    width: 100%;
    min-width: 0;

    overflow: hidden;

    border:
        1px solid
        rgba(233, 185, 73, .28);

    border-radius:
        9px;

    background:
        linear-gradient(
            145deg,
            rgba(17, 24, 33, .98),
            rgba(9, 14, 20, .98)
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.018),
        0 8px 24px
        rgba(0,0,0,.16);
}

.wow-class-info-panel[hidden] {
    display: none !important;
}

.wow-class-info-fejlec {
    padding:
        14px
        16px;

    border-bottom:
        1px solid
        rgba(233, 185, 73, .20);

    background:
        linear-gradient(
            90deg,
            rgba(233,185,73,.08),
            rgba(233,185,73,.015)
        );
}

.wow-class-info-fejlec span {
    color:
        #e9b949;

    font-size:
        .75rem;

    font-weight:
        900;

    letter-spacing:
        .11em;
}

.wow-class-info-tabla-wrapper {
    width: 100%;
}

.wow-class-info-tabla {
    display: block;

    width: 100%;

    border-collapse:
        collapse;

    table-layout:
        fixed;
}

.wow-class-info-tabla tbody {
    display: block;

    width: 100%;
}

.wow-class-info-tabla tr {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr);

    width: 100%;

    padding:
        13px
        16px;

    box-sizing:
        border-box;

    border-bottom:
        1px solid
        rgba(255,255,255,.055);
}

.wow-class-info-tabla tr:last-child {
    border-bottom:
        0;
}

.wow-class-info-tabla th,
.wow-class-info-tabla td {
    display: block;

    width: 100%;

    padding: 0;

    box-sizing:
        border-box;

    text-align:
        left;

    overflow-wrap:
        anywhere;
}

.wow-class-info-tabla th {
    margin-bottom:
        5px;

    color:
        #d9b85e;

    font-size:
        .70rem;

    font-weight:
        900;

    letter-spacing:
        .06em;

    text-transform:
        uppercase;
}

.wow-class-info-tabla td {
    color:
        #e0e5ec;

    font-size:
        .91rem;

    line-height:
        1.6;

    white-space:
        pre-line;
}


/*
 * A meglévő mobil class-guide sorrend:
 *
 * 1 Talent
 * 2 BiS
 * 3 Bekezdések
 * 4 Kaszt információk
 */

@media (max-width: 900px) {

    .wow-class-info-panel {
        order: 4;
    }

}


/*
 * Nagyobb kijelzőn lesz valódi
 * kétoszlopos táblázat.
 */

@media (min-width: 720px) {

    .wow-class-info-tabla {
        display:
            table;
    }

    .wow-class-info-tabla tbody {
        display:
            table-row-group;
    }

    .wow-class-info-tabla tr {
        display:
            table-row;

        padding:
            0;
    }

    .wow-class-info-tabla th,
    .wow-class-info-tabla td {
        display:
            table-cell;

        width:
            auto;

        padding:
            14px
            18px;

        vertical-align:
            top;

        border-bottom:
            1px solid
            rgba(255,255,255,.055);
    }

    .wow-class-info-tabla tr:last-child th,
    .wow-class-info-tabla tr:last-child td {
        border-bottom:
            0;
    }

    .wow-class-info-tabla th {
        width:
            210px;

        margin:
            0;

        border-right:
            1px solid
            rgba(233,185,73,.12);

        background:
            rgba(233,185,73,.025);
    }

}




/* ==========================================================
   WOW CLASS INFO HEADER MOVE V1
   Mobile-first pozíció és spacing
========================================================== */

/*
 * Az info tábla most már a cikk fejlécében van:
 *
 * cím
 * bevezető
 * info tábla
 * meta
 */

.wow-class-fejlec-tartalom
> .wow-class-info-panel {

    width: 100%;

    margin:
        18px
        0
        0;

    order:
        initial;
}


/*
 * A meta blokk az info tábla után
 * kapjon normális, de nem túl nagy távolságot.
 */

.wow-class-fejlec-tartalom
> .wow-class-info-panel
+ .wow-class-meta {

    margin-top:
        20px;
}


/*
 * MOBILE FIRST
 */

@media (max-width: 600px) {

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel {

        margin-top:
            16px;
    }

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel
    + .wow-class-meta {

        margin-top:
            18px;
    }

}


/*
 * DESKTOP
 */

@media (min-width: 901px) {

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel {

        margin-top:
            22px;
    }

}




/* ==========================================================
   WOW CLASS INFO POLISH V2
   Mobil-first finomhangolás
========================================================== */

/*
 * Mobilon teljes szélesség.
 */

.wow-class-fejlec-tartalom
> .wow-class-info-panel {

    width: 100%;
    max-width: none;

    align-self: flex-start;
}


/*
 * A jobb oldali értékek egységesebb megjelenése.
 */

.wow-class-info-tabla td {

    color: #edf1f6;

    font-size: .91rem;
    font-weight: 600;

    line-height: 1.55;

    letter-spacing: .005em;

    white-space: pre-line;
}


/*
 * Fix sorcímek.
 */

.wow-class-info-tabla th {

    color: #e9b949;

    font-size: .69rem;
    font-weight: 900;

    line-height: 1.35;

    letter-spacing: .065em;
}


/*
 * Mobilon ne legyen túl nagy egy sor.
 */

@media (max-width: 719px) {

    .wow-class-info-tabla tr {

        padding:
            12px
            14px;
    }

    .wow-class-info-tabla th {

        margin-bottom: 6px;
    }

}


/*
 * Tablet / desktop.
 *
 * A teljes fejléc szélessége helyett
 * kompakt, kb. fél szélességű blokk.
 */

@media (min-width: 720px) {

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel {

        width: 100%;
        max-width: 560px;
    }


    .wow-class-info-tabla th {

        width: 180px;

        padding:
            12px
            16px;
    }


    .wow-class-info-tabla td {

        padding:
            12px
            16px;
    }

}


/*
 * Nagy desktopon se nőjön tovább.
 */

@media (min-width: 1200px) {

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel {

        max-width: 560px;
    }

}



/* ==========================================================
   WOW CLASS INFO VALUE ALIGN V3
   Csak a megmaradó Kaszt információk táblához
========================================================== */

.wow-class-info-tabla td {
    text-align: center;
    vertical-align: middle;

    color: #eef2f7;

    font-size: 1.02rem;
    font-weight: 700;

    line-height: 1.6;
    letter-spacing: .01em;

    white-space: pre-line;
}

.wow-class-info-tabla th {
    vertical-align: middle;
}


@media (min-width: 720px) {

    .wow-class-info-tabla td {
        font-size: 1.05rem;
    }

}


@media (min-width: 1100px) {

    .wow-class-info-tabla td {
        font-size: 1.08rem;
    }

}




/* ==========================================================
   WOW CLASS INFO STYLE V4
   Header közép + dekor + oszlop finomhangolás
========================================================== */

/* ==============================
   NARANCSSÁRGA RÉSZ
   ============================== */

.wow-class-info-fejlec {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    padding: 16px 18px;

    border-bottom:
        1px solid
        rgba(233, 185, 73, .20);

    background:
        linear-gradient(
            90deg,
            rgba(233,185,73,.08),
            rgba(233,185,73,.02),
            rgba(233,185,73,.08)
        );
}

.wow-class-info-fejlec span {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    color: #e9b949;

    text-align: center;
    font-size: .84rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.wow-class-info-fejlec span::before,
.wow-class-info-fejlec span::after {
    content: "";

    display: inline-block;

    width: 54px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(233,185,73,.8),
            transparent
        );
}


/* ==============================
   PIROS RÉSZ
   bal oldali fix címkék
   ============================== */

.wow-class-info-tabla th {
    text-align: center;
    vertical-align: middle;

    color: #e9b949;

    font-size: .79rem;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: .06em;
    text-transform: uppercase;
}


/* ==============================
   ZÖLD RÉSZ
   jobb oldali kitöltött értékek
   ============================== */

.wow-class-info-tabla td {
    text-align: left;
    vertical-align: middle;

    color: #edf1f6;

    font-size: .96rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: .004em;

    white-space: pre-line;
}


/* ==============================
   MOBIL-FIRST
   ============================== */

@media (max-width: 719px) {

    .wow-class-info-fejlec {
        padding: 14px 14px;
    }

    .wow-class-info-fejlec span {
        gap: 10px;
        font-size: .78rem;
        letter-spacing: .11em;
    }

    .wow-class-info-fejlec span::before,
    .wow-class-info-fejlec span::after {
        width: 32px;
    }

    .wow-class-info-tabla tr {
        padding: 12px 14px;
    }

    .wow-class-info-tabla th {
        display: flex;
        align-items: center;
        justify-content: center;

        min-height: 38px;
        margin-bottom: 8px;

        font-size: .81rem;
        line-height: 1.3;
    }

    .wow-class-info-tabla td {
        font-size: .93rem;
        line-height: 1.5;
        text-align: left;
    }

}


/* ==============================
   TABLET / DESKTOP
   ============================== */

@media (min-width: 720px) {

    .wow-class-info-fejlec {
        padding: 15px 18px;
    }

    .wow-class-info-fejlec span {
        font-size: .82rem;
    }

    .wow-class-info-fejlec span::before,
    .wow-class-info-fejlec span::after {
        width: 46px;
    }

    .wow-class-info-tabla th,
    .wow-class-info-tabla td {
        padding: 13px 16px;
    }

    .wow-class-info-tabla th {
        width: 175px;
        font-size: .82rem;
    }

    .wow-class-info-tabla td {
        font-size: .95rem;
    }

}


/* ==============================
   NAGYOBB DESKTOP
   ============================== */

@media (min-width: 1100px) {

    .wow-class-info-fejlec span {
        font-size: .84rem;
    }

    .wow-class-info-fejlec span::before,
    .wow-class-info-fejlec span::after {
        width: 56px;
    }

    .wow-class-info-tabla th {
        width: 180px;
        font-size: .84rem;
    }

    .wow-class-info-tabla td {
        font-size: .97rem;
    }

}




/* ==========================================================
   WOW CLASS 3 BEKEZDES BEVEZETO V1
   MOBILE FIRST
========================================================== */

.wow-class-bevezeto {
    display: flex;
    flex-direction: column;

    gap: 11px;
}

.wow-class-bevezeto-bekezdes {
    margin: 0;

    color: inherit;
    font: inherit;

    line-height: 1.65;
}

@media (min-width: 720px) {

    .wow-class-bevezeto {
        gap: 13px;
    }

    .wow-class-bevezeto-bekezdes {
        line-height: 1.7;
    }

}




/* ==========================================================
   WOW HEADER COMPACT V1
   Mobile first + levegősebb desktop
========================================================== */


/* ----------------------------------------------------------
   MOBIL ALAP
---------------------------------------------------------- */

.wow-class-cim {
    font-size:
        clamp(
            2rem,
            9vw,
            2.75rem
        );

    line-height: 1.08;

    letter-spacing: 0;
}


.wow-class-bevezeto {
    gap: 14px;

    max-width: 100%;
}


.wow-class-bevezeto-bekezdes {
    line-height: 1.72;
}


/*
 * Mobilon az infótábla használja ki
 * a rendelkezésre álló helyet.
 */

.wow-class-fejlec-tartalom
> .wow-class-info-panel {

    width: 100%;
    max-width: none;
}


/* ----------------------------------------------------------
   TABLET / DESKTOP
---------------------------------------------------------- */

@media (min-width: 901px) {

    /*
     * Maga a nagy felső kártya legyen
     * valamivel keskenyebb.
     */

    .wow-class-fejlec {

        width:
            calc(
                100% - 48px
            );

        max-width:
            1080px;

        margin-left:
            auto;

        margin-right:
            auto;
    }


    /*
     * A belső tartalom se fusson ki
     * teljesen a kártya széléig.
     */

    .wow-class-fejlec-tartalom {

        width: 100%;

        max-width:
            980px;

        margin-left:
            auto;

        margin-right:
            auto;
    }


    /*
     * H1:
     * kisebb, de levegősebb.
     */

    .wow-class-cim {

        max-width:
            900px;

        font-size:
            3.15rem;

        line-height:
            1.08;

        letter-spacing:
            .012em;

        margin-bottom:
            26px;
    }


    /*
     * Bevezető:
     * kicsit keskenyebb szövegsáv,
     * nagyobb sorköz és bekezdésköz.
     */

    .wow-class-bevezeto {

        max-width:
            800px;

        gap:
            17px;

        margin-bottom:
            26px;
    }


    .wow-class-bevezeto-bekezdes {

        font-size:
            1rem;

        line-height:
            1.82;
    }


    /*
     * Kaszt információk:
     * a mostaninál karcsúbb.
     */

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel {

        width:
            100%;

        max-width:
            520px;

        margin-top:
            24px;
    }


    /*
     * Meta előtt több levegő.
     */

    .wow-class-info-panel
    + .wow-class-meta {

        margin-top:
            26px;
    }

}


/* ----------------------------------------------------------
   NAGY DESKTOP
---------------------------------------------------------- */

@media (min-width: 1250px) {

    .wow-class-cim {

        font-size:
            3.25rem;

        letter-spacing:
            .015em;
    }


    .wow-class-bevezeto {

        gap:
            18px;
    }

}




/* ==========================================================
   WOW HEADER WIDE V2
   Szélesebb H1 + bevezető desktopon
========================================================== */

@media (min-width: 901px) {

    /*
     * Több vízszintes hely a fejléc tartalmának.
     */

    .wow-class-fejlec-tartalom {
        width: 100%;
        max-width: 1060px;

        margin-left: auto;
        margin-right: auto;
    }


    /*
     * H1:
     * szélesebb terület, kevésbé tömör hatás.
     */

    .wow-class-cim {
        width: 100%;
        max-width: 1040px;

        margin-left: 0;
        margin-right: auto;

        font-size: 3.15rem;
        line-height: 1.1;

        letter-spacing: .018em;
    }


    /*
     * A három bekezdés is jobban
     * kihasználja a rendelkezésre álló helyet.
     */

    .wow-class-bevezeto {
        width: 100%;
        max-width: 1000px;

        margin-left: 0;
        margin-right: auto;

        gap: 19px;
    }


    .wow-class-bevezeto-bekezdes {
        width: 100%;

        font-size: 1rem;
        line-height: 1.85;

        letter-spacing: .006em;

        text-wrap: pretty;
    }

}


/*
 * Nagyobb monitoron még egy kevés plusz levegő.
 */

@media (min-width: 1300px) {

    .wow-class-fejlec-tartalom {
        max-width: 1080px;
    }

    .wow-class-cim {
        max-width: 1060px;
    }

    .wow-class-bevezeto {
        max-width: 1020px;
    }

}




/* ==========================================================
   WOW HEADER FONT V3
   Egy fokkal kisebb desktop tipográfia
========================================================== */

@media (min-width: 901px) {

    .wow-class-cim {
        font-size: 3rem;
    }

    .wow-class-bevezeto-bekezdes {
        font-size: .95rem;
    }

}

@media (min-width: 1300px) {

    .wow-class-cim {
        font-size: 3.05rem;
    }

    .wow-class-bevezeto-bekezdes {
        font-size: .97rem;
    }

}




/* ==========================================================
   WOW HEADER FONT V4
   3 fokkal kisebb desktop tipográfia
========================================================== */

@media (min-width: 901px) {

    .wow-class-cim {
        font-size: 2.7rem;
    }

    .wow-class-bevezeto-bekezdes {
        font-size: .88rem;
    }

}

@media (min-width: 1300px) {

    .wow-class-cim {
        font-size: 2.75rem;
    }

    .wow-class-bevezeto-bekezdes {
        font-size: .90rem;
    }

}




/* ==========================================================
   WOW CLASS INFO 4COL V1
   MOBILE FIRST
========================================================== */

/*
 * Mobil:
 * továbbra is 2 oszlop / 6 információs sor.
 *
 * Egy desktop <tr> 4 cellát tartalmaz:
 * th + td + th + td.
 * A mobil grid ezt automatikusan két sorra töri.
 */

.wow-class-info-tabla-4col tr {
    display: grid;

    grid-template-columns:
        minmax(110px, 40%)
        minmax(0, 60%);

    padding: 0;
}

.wow-class-info-tabla-4col th,
.wow-class-info-tabla-4col td {
    display: flex;

    min-width: 0;
    min-height: 52px;

    box-sizing: border-box;

    padding:
        11px
        13px;

    align-items: center;

    border-bottom:
        1px solid
        rgba(255, 255, 255, .055);
}


/*
 * Fix mezők:
 * középre.
 */

.wow-class-info-tabla-4col th {
    justify-content: center;

    text-align: center;

    border-right:
        1px solid
        rgba(233, 185, 73, .12);

    background:
        rgba(233, 185, 73, .025);
}


/*
 * Értékek:
 * balra.
 */

.wow-class-info-tabla-4col td {
    justify-content: flex-start;

    text-align: left;

    overflow-wrap: anywhere;
}


/*
 * Utolsó mobil pár alsó vonala.
 */

.wow-class-info-tabla-4col tr:last-child
th:nth-last-child(-n+2),

.wow-class-info-tabla-4col tr:last-child
td:nth-last-child(-n+2) {
    border-bottom: 0;
}


/* ==========================================================
   DESKTOP
========================================================== */

@media (min-width: 820px) {

    /*
     * Szélesebb, de jóval alacsonyabb blokk.
     */

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel {

        width: 100%;
        max-width: 900px;
    }


    .wow-class-info-tabla-4col {
        display: table;

        width: 100%;

        table-layout: fixed;

        border-collapse: collapse;
    }


    .wow-class-info-tabla-4col tbody {
        display: table-row-group;
    }


    .wow-class-info-tabla-4col tr {
        display: table-row;

        padding: 0;
    }


    .wow-class-info-tabla-4col th,
    .wow-class-info-tabla-4col td {
        display: table-cell;

        min-height: 0;

        padding:
            13px
            15px;

        vertical-align: middle;

        border-bottom:
            1px solid
            rgba(255,255,255,.055);
    }


    /*
     * Fix oszlopok keskenyebbek.
     */

    .wow-class-info-tabla-4col th {
        width: 17%;

        text-align: center;

        font-size: .78rem;
    }


    /*
     * Érték oszlopok szélesebbek.
     */

    .wow-class-info-tabla-4col td {
        width: 33%;

        text-align: left;

        font-size: .91rem;
    }


    /*
     * Középső elválasztó:
     * a második pár vizuálisan elkülönül.
     */

    .wow-class-info-tabla-4col th:nth-child(3) {
        border-left:
            1px solid
            rgba(233, 185, 73, .20);
    }


    .wow-class-info-tabla-4col tr:last-child
    th,

    .wow-class-info-tabla-4col tr:last-child
    td {
        border-bottom: 0;
    }

}


/* ==========================================================
   NAGY DESKTOP
========================================================== */

@media (min-width: 1200px) {

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel {

        max-width: 920px;
    }

}




/* ==========================================================
   WOW CLASS INFO SMALLER V2
   Kompaktabb teljes blokk
========================================================== */


/* ------------------------------
   MOBIL
------------------------------ */

.wow-class-info-fejlec {
    padding:
        12px
        14px;
}

.wow-class-info-fejlec span {
    font-size:
        .74rem;
}

.wow-class-info-tabla-4col th,
.wow-class-info-tabla-4col td {

    min-height:
        46px;

    padding:
        9px
        11px;
}

.wow-class-info-tabla-4col th {

    font-size:
        .76rem;

    line-height:
        1.3;
}

.wow-class-info-tabla-4col td {

    font-size:
        .88rem;

    line-height:
        1.45;
}


/* ------------------------------
   DESKTOP
------------------------------ */

@media (min-width: 820px) {

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel {

        max-width:
            820px;
    }


    .wow-class-info-fejlec {

        padding:
            11px
            15px;
    }


    .wow-class-info-fejlec span {

        font-size:
            .73rem;
    }


    .wow-class-info-tabla-4col th,
    .wow-class-info-tabla-4col td {

        padding:
            10px
            12px;
    }


    .wow-class-info-tabla-4col th {

        width:
            17%;

        font-size:
            .72rem;
    }


    .wow-class-info-tabla-4col td {

        width:
            33%;

        font-size:
            .86rem;

        line-height:
            1.4;
    }

}


/* ------------------------------
   NAGY DESKTOP
------------------------------ */

@media (min-width: 1200px) {

    .wow-class-fejlec-tartalom
    > .wow-class-info-panel {

        max-width:
            840px;
    }


    .wow-class-info-tabla-4col th {

        font-size:
            .74rem;
    }


    .wow-class-info-tabla-4col td {

        font-size:
            .88rem;
    }

}







/* ==========================================================
   WOW PROFESSIONS ALIGN FIX V2
   Csak a teljes szakmás sor igazítása.
   A belső gridhez NEM nyúlunk.
========================================================== */

@media (min-width: 901px) {

    /*
     * Ugyanaz a szélességi logika,
     * mint a felső nagy WoW fejlécnél.
     */

    .wow-class-szakmak {

        width:
            calc(
                100% - 48px
            );

        max-width:
            1080px;

        margin-left:
            auto;

        margin-right:
            auto;
    }


    /*
     * A meglévő belső struktúra
     * használja ki a teljes rendelkezésre
     * álló szélességet.
     */

    .wow-class-szakmak-racs {

        width:
            100%;

        max-width:
            none;
    }


    .wow-class-szakmak-lista {

        min-width:
            0;
    }


    .wow-class-szakmak-cimkartya,
    .wow-class-szakma-gomb {

        min-width:
            0;
    }

}




/* ==========================================================
   WOW PROFESSION TITLE SMALL V1
========================================================== */

@media (min-width: 901px) {

    .wow-class-szakmak-cimkartya h2 {
        font-size: 1.35rem;
        line-height: 1.1;
        white-space: nowrap;
        margin: 0;
    }

}




/* ==========================================================
   WOW CLASS CLEAN HEADER V1

   - nincs olvasási idő
   - nincs cikken belüli banner / hero kép
   - az adatok ettől még menthetők és használhatók máshol
========================================================== */


/* ----------------------------------------------------------
   OLVASÁSI IDŐ ELREJTÉSE
---------------------------------------------------------- */

.wow-class-meta #cikk-olvasasi-ido,
.wow-class-meta .wow-class-olvasasi-ido-elvalaszto {

    display: none !important;

}


/* ----------------------------------------------------------
   CIKKEN BELÜLI BANNER / HERO KÉP ELREJTÉSE
---------------------------------------------------------- */

#cikk-borito {

    display: none !important;

}


/*
 * Biztonsági tartalék arra az esetre,
 * ha a képelemek önállóan kapnának megjelenítést.
 */

#cikk-hero-asztali,
#cikk-hero-mobil {

    display: none !important;

}




/* ==========================================================
   WOW CLASS 3D PUBLIC CSS V1
========================================================== */

.wow-class-3d {
    --wow3d-desktop-height: 560px;
    --wow3d-mobile-height: 340px;

    width: calc(100% - 48px);
    max-width: 1080px;
    margin: 26px auto 0;
    overflow: hidden;

    border: 1px solid rgba(216, 173, 82, 0.46);
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 50% 18%,
            rgba(216, 173, 82, 0.09),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            rgba(20, 20, 24, 0.98),
            rgba(8, 8, 11, 0.99)
        );

    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.30);
}

.wow-class-3d[hidden] {
    display: none !important;
}

.wow-class-3d-fejlec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 17px 20px;

    border-bottom:
        1px solid rgba(216, 173, 82, 0.23);

    background:
        rgba(0, 0, 0, 0.18);
}

.wow-class-3d-kiscim {
    display: block;
    margin-bottom: 2px;

    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;

    color: #d8ad52;
}

.wow-class-3d-fejlec h2 {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.15;
}

.wow-class-3d-spec {
    flex: 0 0 auto;

    padding: 6px 11px;

    border:
        1px solid rgba(216, 173, 82, 0.45);

    border-radius: 999px;

    background:
        rgba(216, 173, 82, 0.08);

    color: #e8c977;

    font-size: 0.8rem;
    font-weight: 800;
}

.wow-class-3d-stage {
    position: relative;

    width: 100%;
    height:
        var(
            --wow3d-desktop-height
        );

    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            rgba(255, 255, 255, 0.035),
            transparent 52%
        );
}

#wow-class-3d-viewer {
    display: block;
    width: 100%;
    height: 100%;

    background:
        transparent;

    --poster-color:
        transparent;
}

#wow-class-3d-viewer[hidden] {
    display: none !important;
}

.wow-class-3d-preview {
    position: absolute;
    inset: 0;

    display: grid;
    place-items: center;

    overflow: hidden;

    background:
        rgba(0, 0, 0, 0.13);
}

.wow-class-3d-preview[hidden] {
    display: none !important;
}

.wow-class-3d-preview > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: contain;

    opacity: 0.82;
}

.wow-class-3d-preview > img[hidden] {
    display: none;
}

.wow-class-3d-preview::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.08),
            rgba(0, 0, 0, 0.46)
        );

    pointer-events: none;
}

.wow-class-3d-preview-tartalom {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;

    max-width: 360px;
    padding: 18px;

    text-align: center;
}

.wow-class-3d-preview-tartalom strong {
    font-size: 1.12rem;
}

.wow-class-3d-preview-tartalom span {
    font-size: 0.86rem;
    opacity: 0.78;
}

.wow-class-3d-betoltes,
.wow-class-3d-fullscreen {
    border: 1px solid rgba(216, 173, 82, 0.55);
    border-radius: 9px;

    background:
        rgba(216, 173, 82, 0.10);

    color: inherit;

    font: inherit;
    font-weight: 750;

    cursor: pointer;

    transition:
        transform 0.16s ease,
        background 0.16s ease;
}

.wow-class-3d-betoltes {
    margin-top: 6px;
    padding: 10px 15px;
}

.wow-class-3d-fullscreen {
    padding: 8px 12px;
    font-size: 0.78rem;
}

.wow-class-3d-betoltes:hover,
.wow-class-3d-fullscreen:hover {
    transform: translateY(-1px);
    background:
        rgba(216, 173, 82, 0.17);
}

.wow-class-3d-also {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;

    min-height: 52px;
    padding: 10px 16px;

    border-top:
        1px solid rgba(255, 255, 255, 0.06);

    background:
        rgba(0, 0, 0, 0.16);
}

.wow-class-3d-segitseg {
    font-size: 0.78rem;
    opacity: 0.67;
}

.wow-class-3d-statusz {
    min-height: 0;
    padding: 0 16px;

    font-size: 0.75rem;
    opacity: 0.66;
}

.wow-class-3d-statusz:not(:empty) {
    padding-top: 8px;
    padding-bottom: 10px;

    border-top:
        1px solid rgba(255, 255, 255, 0.04);
}


.wow-class-3d:fullscreen {
    width: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.wow-class-3d:fullscreen
.wow-class-3d-stage {
    height:
        calc(
            100vh - 118px
        );
}


@media (max-width: 700px) {

    .wow-class-3d {
        width:
            calc(100% - 24px);

        margin-top: 18px;

        border-radius: 14px;
    }

    .wow-class-3d-fejlec {
        padding: 13px 14px;
    }

    .wow-class-3d-fejlec h2 {
        font-size: 1.05rem;
    }

    .wow-class-3d-stage {
        height:
            var(
                --wow3d-mobile-height
            );
    }

    .wow-class-3d-also {
        min-height: 46px;
        padding: 8px 11px;
    }

    .wow-class-3d-segitseg {
        font-size: 0.7rem;
    }

    .wow-class-3d-fullscreen {
        padding: 7px 9px;
        font-size: 0.7rem;
    }

    .wow-class-3d-preview-tartalom {
        padding: 14px;
    }

}




/* ==========================================================
   WOW CLASS 3D LEFT COLUMN LAYOUT V2B
========================================================== */

/*
 * A 3D panel desktopon a BAL oszlopban,
 * közvetlenül a talentfa alatt jelenik meg.
 */

.wow-class-bal-oszlop > .wow-class-3d {
    width: 100%;
    max-width: none;

    margin:
        18px
        0
        0;

    border-radius: 14px;
}


/* Fejléc kompaktabb */

.wow-class-bal-oszlop
.wow-class-3d-fejlec {
    padding:
        12px
        14px;
}

.wow-class-bal-oszlop
.wow-class-3d-fejlec h2 {
    font-size: 1.02rem;
}

.wow-class-bal-oszlop
.wow-class-3d-kiscim {
    font-size: 0.60rem;
}

.wow-class-bal-oszlop
.wow-class-3d-spec {
    padding:
        5px
        9px;

    font-size: 0.70rem;
}


/*
 * A teljes oldalszélességű 560px helyett
 * ide egy jóval kompaktabb viewer kell.
 */

.wow-class-bal-oszlop
.wow-class-3d-stage {
    height: 390px;
}


/* Alsó sáv */

.wow-class-bal-oszlop
.wow-class-3d-also {
    min-height: 42px;

    padding:
        7px
        10px;
}

.wow-class-bal-oszlop
.wow-class-3d-segitseg {
    font-size: 0.68rem;
}

.wow-class-bal-oszlop
.wow-class-3d-fullscreen {
    padding:
        6px
        8px;

    font-size: 0.68rem;
}


/* Státusz */

.wow-class-bal-oszlop
.wow-class-3d-statusz:not(:empty) {
    padding:
        6px
        10px;

    font-size: 0.68rem;
}


/*
 * A bekezdésből érkező konténerek
 * közvetlenül a 3D panel után indulnak.
 */

.wow-class-bal-oszlop
.wow-class-bekezdesek-panel {
    margin-top: 18px;
}


/* ==========================================================
   MOBIL
========================================================== */

@media (max-width: 900px) {

    .wow-class-bal-oszlop > .wow-class-3d {
        width: 100%;
        margin-top: 16px;
    }

}


@media (max-width: 700px) {

    .wow-class-bal-oszlop
    .wow-class-3d-stage {
        height:
            var(
                --wow3d-mobile-height,
                340px
            );
    }

    .wow-class-bal-oszlop
    .wow-class-3d-fejlec {
        padding:
            11px
            12px;
    }

}




/* ==========================================================
   WOW MODEL VIEWER FINAL LAYOUT V1
========================================================== */

/*
 * A bekezdés-konténerek közvetlenül
 * a Model Viewer után indulnak.
 */

.wow-class-bal-oszlop
.wow-class-bekezdesek-panel {
    margin-top: 10px !important;
}


.wow-class-bal-oszlop
.wow-class-3d {
    margin-bottom: 0 !important;
}


/* Kapcsolódó link a bekezdés alján */

.wow-bekezdes-kapcsolodo-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    width: fit-content;

    margin-top: 14px;
    padding: 8px 11px;

    border:
        1px solid rgba(216, 173, 82, 0.38);

    border-radius: 8px;

    background:
        rgba(216, 173, 82, 0.07);

    color: #e8c977;

    font-size: 0.78rem;
    font-weight: 750;

    text-decoration: none;

    transition:
        background 0.16s ease,
        border-color 0.16s ease,
        transform 0.16s ease;
}


.wow-bekezdes-kapcsolodo-link:hover {
    background:
        rgba(216, 173, 82, 0.13);

    border-color:
        rgba(216, 173, 82, 0.62);

    transform:
        translateY(-1px);
}


.wow-bekezdes-kapcsolodo-link span {
    font-size: 1rem;
    line-height: 1;
}


@media (max-width: 700px) {

    .wow-class-bal-oszlop
    .wow-class-bekezdesek-panel {
        margin-top: 8px !important;
    }

    .wow-bekezdes-kapcsolodo-link {
        margin-top: 12px;
    }

}




/* ==========================================================
   WOW CLASS PROGRESSIVE REVEAL CSS V1
========================================================== */


/* ==========================================================
   HASZNOS TIPPEK – FEJLÉC
========================================================== */

.wow-class-tippek-fejlec {

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;

    margin:
        0
        0
        12px;

    padding:
        8px
        14px;

    overflow: hidden;

    border:
        1px solid
        rgba(233, 185, 73, 0.34);

    border-radius:
        8px;

    background:
        linear-gradient(
            180deg,
            rgba(34, 29, 20, 0.96),
            rgba(15, 16, 18, 0.98)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 223, 145, 0.055),
        0 5px 16px
        rgba(0, 0, 0, 0.16);

}


.wow-class-tippek-fejlec::before,
.wow-class-tippek-fejlec::after {

    content: "";

    flex:
        1
        1
        auto;

    max-width:
        78px;

    height:
        1px;

    opacity:
        0.9;

}


.wow-class-tippek-fejlec::before {

    margin-right:
        12px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(233, 185, 73, 0.72)
        );

}


.wow-class-tippek-fejlec::after {

    margin-left:
        12px;

    background:
        linear-gradient(
            90deg,
            rgba(233, 185, 73, 0.72),
            transparent
        );

}


.wow-class-tippek-cim {

    color:
        #e9b949;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        0.92rem;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        0.04em;

    text-shadow:
        0 1px 8px
        rgba(233, 185, 73, 0.14);

}


/* ==========================================================
   HASZNOS TIPPEK – FOKOZATOS MEGJELENÍTÉS
========================================================== */

.wow-tippek-rejtett {

    display:
        none !important;

}


/* ==========================================================
   KÖZÖS LENYITÓ NYÍL
========================================================== */

.wow-progressive-nyil {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        44px;

    height:
        32px;

    margin:
        11px
        auto
        0;

    padding:
        0;

    border:
        1px solid
        rgba(233, 185, 73, 0.34);

    border-radius:
        8px;

    background:
        linear-gradient(
            180deg,
            rgba(37, 31, 20, 0.90),
            rgba(15, 16, 18, 0.96)
        );

    color:
        #e9b949;

    cursor:
        pointer;

    box-shadow:
        inset 0 1px 0
        rgba(255, 224, 153, 0.055);

    transition:
        border-color 0.16s ease,
        background 0.16s ease,
        transform 0.16s ease,
        box-shadow 0.16s ease;

}


.wow-progressive-nyil:hover {

    border-color:
        rgba(233, 185, 73, 0.68);

    background:
        linear-gradient(
            180deg,
            rgba(49, 39, 21, 0.96),
            rgba(18, 18, 19, 0.98)
        );

    transform:
        translateY(1px);

    box-shadow:
        0 4px 14px
        rgba(0, 0, 0, 0.20);

}


.wow-progressive-nyil:focus-visible {

    outline:
        2px solid
        rgba(233, 185, 73, 0.68);

    outline-offset:
        3px;

}


.wow-progressive-nyil[hidden] {

    display:
        none !important;

}


.wow-progressive-nyil-ikon {

    display:
        block;

    margin-top:
        -5px;

    font-family:
        Arial,
        sans-serif;

    font-size:
        1.65rem;

    font-weight:
        400;

    line-height:
        1;

}


/* ==========================================================
   FINOM MEGJELENÉSI ANIMÁCIÓ
========================================================== */

.wow-progressive-megjelenik {

    animation:
        wow-progressive-reveal
        0.26s
        ease-out
        both;

}


@keyframes wow-progressive-reveal {

    from {

        opacity:
            0;

        transform:
            translateY(-5px);

    }

    to {

        opacity:
            1;

        transform:
            translateY(0);

    }

}


/* ==========================================================
   DESKTOP BiS – ELSŐ 8
========================================================== */

@media (min-width: 901px) {

    .wow-desktop-bis-rejtett {

        display:
            none !important;

    }


    .wow-class-endgame-desktop-tobb {

        margin-top:
            12px;

        margin-bottom:
            4px;

    }

}


/*
 * Mobilon a meglévő BiS lenyitó rendszer
 * marad az egyetlen vezérlő.
 */

@media (max-width: 900px) {

    .wow-class-endgame-desktop-tobb {

        display:
            none !important;

    }

}


/* ==========================================================
   MOBIL FINOMHANGOLÁS – CSAK TIPPEK
========================================================== */

@media (max-width: 700px) {

    .wow-class-tippek-fejlec {

        min-height:
            39px;

        margin-bottom:
            10px;

        padding:
            7px
            11px;

    }


    .wow-class-tippek-cim {

        font-size:
            0.86rem;

    }


    .wow-progressive-nyil {

        width:
            42px;

        height:
            31px;

        margin-top:
            10px;

    }

}




/* ==========================================================
   WOW CLASS PROGRESSIVE ALIGN FIX V2
========================================================== */


/* ==========================================================
   NYÍL – NEM SZÖVEGES KARAKTERBŐL RAJZOLJUK
========================================================== */

.wow-progressive-nyil {

    position:
        relative;

    line-height:
        1;

}


/*
 * A régi "⌄" karakter font-baseline miatt
 * optikailag lefelé csúszott.
 *
 * Most két vonalból rajzoljuk a chevront.
 */

.wow-progressive-nyil-ikon {

    position:
        relative;

    display:
        block;

    width:
        16px;

    height:
        10px;

    margin:
        0 !important;

    padding:
        0;

    font-size:
        0 !important;

    line-height:
        0 !important;

    transform:
        none !important;

}


.wow-progressive-nyil-ikon::before,
.wow-progressive-nyil-ikon::after {

    content:
        "";

    position:
        absolute;

    top:
        3px;

    width:
        10px;

    height:
        2px;

    border-radius:
        999px;

    background:
        currentColor;

}


.wow-progressive-nyil-ikon::before {

    left:
        0;

    transform:
        rotate(42deg);

    transform-origin:
        right center;

}


.wow-progressive-nyil-ikon::after {

    right:
        0;

    transform:
        rotate(-42deg);

    transform-origin:
        left center;

}


/* ==========================================================
   DESKTOP BiS – TALENTTEL EGY MAGASSÁG
========================================================== */

@media (min-width: 901px) {

    .wow-class-endgame-panel.wow-bis-panel-egyszint {

        display:
            flex;

        flex-direction:
            column;

        box-sizing:
            border-box;

        overflow:
            hidden;

    }


    /*
     * A lista nem nyújtja szét
     * fölöslegesen a panelt.
     */

    .wow-class-endgame-panel.wow-bis-panel-egyszint
    .wow-class-endgame-lista {

        flex:
            0 0 auto;

    }


    /*
     * A nyíl a zárt panel alján
     * kulturáltan középre kerül.
     */

    .wow-class-endgame-panel.wow-bis-panel-egyszint
    .wow-class-endgame-desktop-tobb {

        flex:
            0 0 auto;

        margin-top:
            auto;

        margin-bottom:
            12px;

    }

}


/* ==========================================================
   MOBILON NINCS FIX BiS MAGASSÁG
========================================================== */

@media (max-width: 900px) {

    .wow-class-endgame-panel {

        height:
            auto !important;

    }

}




/* ==========================================================
   WOW CLASS TIP STYLE V3
========================================================== */


/* ==========================================================
   HASZNOS TIPPEK – KÁRTYA
========================================================== */

.wow-class-bekezdes-kartya {

    position:
        relative;

    padding:
        19px
        22px
        19px
        48px;

    border:
        1px solid
        rgba(210, 164, 63, 0.34);

    border-left:
        2px solid
        rgba(233, 185, 73, 0.82);

    border-radius:
        9px;

    background:
        linear-gradient(
            135deg,
            rgba(16, 21, 27, 0.98),
            rgba(10, 14, 19, 0.98)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 223, 140, 0.035),
        0 5px 16px
        rgba(0, 0, 0, 0.13);

}


/*
 * Kis RPG díszjel a tippek elején.
 */

.wow-class-bekezdes-kartya::before {

    content:
        "◆";

    position:
        absolute;

    left:
        18px;

    top:
        21px;

    color:
        #e9b949;

    font-size:
        0.68rem;

    line-height:
        1;

    text-shadow:
        0 0 8px
        rgba(233, 185, 73, 0.34);

}


/*
 * A tippek vizuálisan mindig
 * egységes, nyomtatott nagybetűsek.
 */

.wow-class-bekezdes-kartya p {

    margin:
        0;

    color:
        #eee8da;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        0.83rem;

    font-weight:
        600;

    line-height:
        1.85;

    letter-spacing:
        0.045em;

    text-transform:
        uppercase;

    text-shadow:
        0 1px 1px
        rgba(0, 0, 0, 0.42);

}


/* ==========================================================
   PROGRESSIVE NYÍL – RPG HEX GOMB
========================================================== */

.wow-progressive-nyil {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        42px;

    height:
        36px;

    margin:
        13px
        auto
        0;

    padding:
        0;

    border:
        0;

    border-radius:
        0;

    background:
        linear-gradient(
            180deg,
            #2d2618 0%,
            #18150f 55%,
            #0c0d0f 100%
        );

    color:
        #f1c75b;

    cursor:
        pointer;

    clip-path:
        polygon(
            14% 0,
            86% 0,
            100% 24%,
            100% 76%,
            86% 100%,
            14% 100%,
            0 76%,
            0 24%
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(233, 185, 73, 0.72),
        inset 0 1px 0
        rgba(255, 232, 164, 0.14),
        0 4px 12px
        rgba(0, 0, 0, 0.28);

    transition:
        transform 0.16s ease,
        filter 0.16s ease,
        box-shadow 0.16s ease;

}


/*
 * Belső arany keret.
 */

.wow-progressive-nyil::after {

    content:
        "";

    position:
        absolute;

    inset:
        3px;

    pointer-events:
        none;

    clip-path:
        polygon(
            14% 0,
            86% 0,
            100% 24%,
            100% 76%,
            86% 100%,
            14% 100%,
            0 76%,
            0 24%
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(233, 185, 73, 0.18);

}


/*
 * Hover: finom arany fény.
 */

.wow-progressive-nyil:hover {

    transform:
        translateY(1px);

    filter:
        brightness(1.12);

    box-shadow:
        inset 0 0 0 1px
        rgba(245, 200, 89, 0.9),
        inset 0 1px 0
        rgba(255, 238, 183, 0.18),
        0 0 13px
        rgba(233, 185, 73, 0.13),
        0 5px 14px
        rgba(0, 0, 0, 0.30);

}


/* ==========================================================
   CHEVRON – TISZTA, KÖZÉPRE RAJZOLT
========================================================== */

.wow-progressive-nyil-ikon {

    position:
        relative;

    z-index:
        2;

    display:
        block;

    width:
        15px;

    height:
        9px;

    margin:
        0 !important;

    padding:
        0 !important;

    font-size:
        0 !important;

    line-height:
        0 !important;

}


.wow-progressive-nyil-ikon::before,
.wow-progressive-nyil-ikon::after {

    content:
        "";

    position:
        absolute;

    top:
        2px;

    width:
        9px;

    height:
        2px;

    border-radius:
        2px;

    background:
        #f0bd3f;

    box-shadow:
        0 0 5px
        rgba(240, 189, 63, 0.25);

}


.wow-progressive-nyil-ikon::before {

    left:
        0;

    transform:
        rotate(42deg);

    transform-origin:
        right center;

}


.wow-progressive-nyil-ikon::after {

    right:
        0;

    transform:
        rotate(-42deg);

    transform-origin:
        left center;

}


/* ==========================================================
   HASZNOS TIPPEK FEJLÉC FINOMÍTÁS
========================================================== */

.wow-class-tippek-fejlec {

    background:
        linear-gradient(
            180deg,
            rgba(31, 27, 18, 0.96),
            rgba(15, 15, 16, 0.98)
        );

    border-color:
        rgba(233, 185, 73, 0.38);

}


.wow-class-tippek-cim {

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        0.91rem;

    font-weight:
        700;

    letter-spacing:
        0.055em;

    color:
        #edbf4a;

}


/* ==========================================================
   MOBIL
========================================================== */

@media (max-width: 700px) {

    .wow-class-bekezdes-kartya {

        padding:
            17px
            16px
            17px
            42px;

    }


    .wow-class-bekezdes-kartya::before {

        left:
            16px;

        top:
            20px;

        font-size:
            0.62rem;

    }


    .wow-class-bekezdes-kartya p {

        font-size:
            0.76rem;

        line-height:
            1.78;

        letter-spacing:
            0.035em;

    }


    .wow-progressive-nyil {

        width:
            40px;

        height:
            34px;

    }

}




/* ==========================================================
   WOW TIP MOBILE READABLE V1

   Cél:
   - mobilon is valódi 1 + 1 + 1 lenyitás
   - hosszabb tippek könnyen olvashatók
   - Nerdium / WoW stílus megmarad
========================================================== */


/* ==========================================================
   1. TIPPLISTA SZÁMLÁLÓ
========================================================== */

.wow-class-bekezdesek-lista {
    counter-reset: wow-tip-counter;
}


.wow-class-bekezdes-kartya {
    counter-increment: wow-tip-counter;

    position: relative;

    padding:
        44px
        22px
        20px;

    border:
        1px solid
        rgba(222, 177, 70, 0.30);

    border-left:
        3px solid
        rgba(233, 185, 73, 0.88);

    border-radius:
        9px;

    background:
        linear-gradient(
            135deg,
            rgba(14, 19, 25, 0.99),
            rgba(9, 13, 18, 0.99)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 229, 158, 0.025),
        0 5px 18px
        rgba(0, 0, 0, 0.12);
}


/* ==========================================================
   2. KIS "TIPP 01" CÍMKE
========================================================== */

.wow-class-bekezdes-kartya::before {
    content:
        "TIPP "
        counter(wow-tip-counter, decimal-leading-zero);

    position:
        absolute;

    top:
        15px;

    left:
        19px;

    padding:
        3px
        7px;

    border:
        1px solid
        rgba(233, 185, 73, 0.28);

    border-radius:
        4px;

    background:
        rgba(233, 185, 73, 0.055);

    color:
        #dcb454;

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:
        0.61rem;

    font-weight:
        750;

    line-height:
        1;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;

    text-shadow:
        none;
}


/* ==========================================================
   3. OLVASHATÓ TIPPSZÖVEG
========================================================== */

.wow-class-bekezdes-kartya p {

    margin:
        0 !important;

    color:
        #e7ebef;

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    /*
     * Nem használunk csupa nagybetűt.
     * Hosszabb szövegnél mobilon sokkal
     * gyorsabban és könnyebben olvasható.
     */

    text-transform:
        none !important;

    font-size:
        0.94rem;

    font-weight:
        480;

    line-height:
        1.72;

    letter-spacing:
        0.003em;

    text-shadow:
        none;

    overflow-wrap:
        anywhere;
}


/* ==========================================================
   4. REJTÉS – NAGY SPECIFICITÁS
========================================================== */

/*
 * Ez javítja azt a hibát, amit mobilon látsz:
 * egy régebbi mobil szabály felülírja a kártyák
 * megjelenítését.
 */

#wow-class-bekezdesek-panel
#wow-class-bekezdesek-lista
> .wow-class-bekezdes-kartya.wow-tippek-rejtett {

    display:
        none !important;
}


/* ==========================================================
   5. TIPPEK LENYITÓ GOMBJA
========================================================== */

.wow-class-tippek-tobb.wow-progressive-nyil {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        38px;

    height:
        38px;

    margin:
        13px
        auto
        2px;

    padding:
        0;

    border:
        1px solid
        rgba(233, 185, 73, 0.48);

    border-radius:
        50%;

    clip-path:
        none;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(62, 49, 24, 0.98),
            rgba(20, 18, 14, 0.99) 58%,
            rgba(10, 12, 15, 1)
        );

    color:
        #e9b949;

    cursor:
        pointer;

    box-shadow:
        inset 0 0 0 2px
        rgba(0, 0, 0, 0.32),
        inset 0 1px 0
        rgba(255, 230, 156, 0.11),
        0 4px 13px
        rgba(0, 0, 0, 0.24);

    transition:
        border-color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}


.wow-class-tippek-tobb.wow-progressive-nyil::after {

    display:
        none;
}


.wow-class-tippek-tobb.wow-progressive-nyil:hover {

    border-color:
        rgba(244, 196, 76, 0.86);

    transform:
        translateY(1px);

    box-shadow:
        inset 0 0 0 2px
        rgba(0, 0, 0, 0.28),
        0 0 13px
        rgba(233, 185, 73, 0.12),
        0 5px 15px
        rgba(0, 0, 0, 0.27);
}


/* ==========================================================
   6. TISZTA CHEVRON
========================================================== */

.wow-class-tippek-tobb
.wow-progressive-nyil-ikon {

    position:
        relative;

    display:
        block;

    width:
        13px;

    height:
        8px;

    margin:
        0 !important;

    font-size:
        0 !important;
}


.wow-class-tippek-tobb
.wow-progressive-nyil-ikon::before,

.wow-class-tippek-tobb
.wow-progressive-nyil-ikon::after {

    content: "";

    position:
        absolute;

    top:
        2px;

    width:
        8px;

    height:
        2px;

    border-radius:
        2px;

    background:
        #efbe48;

    box-shadow:
        0 0 4px
        rgba(239, 190, 72, 0.22);
}


.wow-class-tippek-tobb
.wow-progressive-nyil-ikon::before {

    left:
        0;

    transform:
        rotate(42deg);

    transform-origin:
        right center;
}


.wow-class-tippek-tobb
.wow-progressive-nyil-ikon::after {

    right:
        0;

    transform:
        rotate(-42deg);

    transform-origin:
        left center;
}


/* ==========================================================
   7. MOBIL – OLVASHATÓSÁG ELSŐSORBAN
========================================================== */

@media (max-width: 700px) {

    /*
     * A mobilnézetben különösen fontos,
     * hogy a rejtett tippek valóban
     * rejtve maradjanak.
     */

    #wow-class-bekezdesek-panel
    #wow-class-bekezdesek-lista
    > .wow-class-bekezdes-kartya.wow-tippek-rejtett {

        display:
            none !important;
    }


    .wow-class-bekezdesek-lista {

        gap:
            11px;
    }


    .wow-class-bekezdes-kartya {

        padding:
            42px
            16px
            17px;

        border-radius:
            8px;
    }


    .wow-class-bekezdes-kartya::before {

        top:
            14px;

        left:
            15px;

        padding:
            3px
            6px;

        font-size:
            0.58rem;

        letter-spacing:
            0.10em;
    }


    .wow-class-bekezdes-kartya p {

        /*
         * 15.5px körüli tényleges méret.
         * Mobilon ez sokkal kellemesebb,
         * mint a korábbi tömör serif/all-caps.
         */

        font-size:
            0.97rem;

        font-weight:
            450;

        line-height:
            1.66;

        letter-spacing:
            0;

        color:
            #edf0f3;
    }


    .wow-class-tippek-fejlec {

        min-height:
            40px;

        margin-bottom:
            10px;
    }


    .wow-class-tippek-cim {

        font-size:
            0.88rem;

        letter-spacing:
            0.035em;
    }


    .wow-class-tippek-tobb.wow-progressive-nyil {

        display:
            flex;

        width:
            38px;

        height:
            38px;

        margin-top:
            12px;
    }


    .wow-class-tippek-tobb.wow-progressive-nyil[hidden] {

        display:
            none !important;
    }

}


/* ==========================================================
   8. NAGYOBB MOBIL / TABLET
========================================================== */

@media (
    min-width: 701px
) and (
    max-width: 900px
) {

    #wow-class-bekezdesek-panel
    #wow-class-bekezdesek-lista
    > .wow-class-bekezdes-kartya.wow-tippek-rejtett {

        display:
            none !important;
    }

}




/* ==========================================================
   WOW TIP BIS ARROW STYLE V1

   - TIPP 01 / 02 jelölések eltűnnek
   - Hasznos tippek nyila ugyanazt a vizuális
     logikát kapja, mint a mobil BiS lenyitó
   - desktopon is ugyanez marad
========================================================== */


/* ==========================================================
   1. TIPP SZÁMOZÁS TELJES ELTÁVOLÍTÁSA
========================================================== */

.wow-class-bekezdes-kartya::before {

    content:
        none !important;

    display:
        none !important;

}


/*
 * Már nincs felső címke,
 * ezért nem kell fölötte üres hely.
 */

.wow-class-bekezdes-kartya {

    padding:
        19px
        21px !important;

}


/* ==========================================================
   2. HASZNOS TIPPEK LENYITÓ
   BiS-STÍLUSÚ TELJES SZÉLESSÉGŰ SÁV
========================================================== */

.wow-class-tippek-tobb.wow-progressive-nyil {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    height:
        50px;

    min-height:
        50px;

    margin:
        10px
        0
        0;

    padding:
        0;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(233, 185, 73, 0.38);

    border-radius:
        9px;

    clip-path:
        none;

    background:
        linear-gradient(
            180deg,
            rgba(21, 24, 27, 0.98),
            rgba(13, 16, 19, 0.99)
        );

    color:
        #e9b949;

    cursor:
        pointer;

    box-shadow:
        inset 0 1px 0
        rgba(255, 222, 135, 0.035);

    transition:
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;

}


/*
 * Minden korábbi extra díszítés kikapcsolva.
 */

.wow-class-tippek-tobb.wow-progressive-nyil::before,
.wow-class-tippek-tobb.wow-progressive-nyil::after {

    content:
        none !important;

    display:
        none !important;

}


.wow-class-tippek-tobb.wow-progressive-nyil:hover {

    transform:
        none;

    filter:
        none;

    border-color:
        rgba(233, 185, 73, 0.62);

    background:
        linear-gradient(
            180deg,
            rgba(27, 28, 27, 0.99),
            rgba(15, 17, 19, 1)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 226, 145, 0.05),
        0 0 10px
        rgba(233, 185, 73, 0.035);

}


/* ==========================================================
   3. EGYSZERŰ BiS-SZERŰ NYÍL
========================================================== */

/*
 * Nem két külön CSS-vonalból rakjuk össze.
 * Egyetlen klasszikus chevron,
 * ezért mindig tökéletesen középen lesz.
 */

.wow-class-tippek-tobb
.wow-progressive-nyil-ikon {

    position:
        relative;

    display:
        block;

    width:
        10px;

    height:
        10px;

    margin:
        -4px
        0
        0 !important;

    padding:
        0;

    font-size:
        0 !important;

    line-height:
        0 !important;

    transform:
        rotate(45deg) !important;

    border-right:
        2px solid
        #e9b949;

    border-bottom:
        2px solid
        #e9b949;

    border-radius:
        1px;

    box-shadow:
        none;

}


/*
 * Régi kétvonalas nyíl kikapcsolása.
 */

.wow-class-tippek-tobb
.wow-progressive-nyil-ikon::before,

.wow-class-tippek-tobb
.wow-progressive-nyil-ikon::after {

    content:
        none !important;

    display:
        none !important;

}


/* ==========================================================
   4. HIDDEN MINDIG MŰKÖDJÖN
========================================================== */

.wow-class-tippek-tobb.wow-progressive-nyil[hidden] {

    display:
        none !important;

}


/* ==========================================================
   5. MOBIL FINOMHANGOLÁS
========================================================== */

@media (max-width: 700px) {

    .wow-class-bekezdes-kartya {

        padding:
            16px
            17px !important;

    }


    .wow-class-tippek-tobb.wow-progressive-nyil {

        width:
            100%;

        height:
            50px;

        min-height:
            50px;

        margin-top:
            10px;

        border-radius:
            9px;

    }


    .wow-class-tippek-tobb
    .wow-progressive-nyil-ikon {

        width:
            9px;

        height:
            9px;

    }

}




/* ==========================================================
   WOW DESKTOP BIS MOBILE ARROW STYLE V1

   Desktop BiS lenyitó:
   ugyanaz a vizuális elv, mint mobilon.
========================================================== */

@media (min-width: 901px) {

    /* ======================================================
       TELJES SZÉLESSÉGŰ LENYITÓ SÁV
    ====================================================== */

    .wow-class-endgame-panel
    .wow-class-endgame-desktop-tobb.wow-progressive-nyil {

        position:
            relative;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        width:
            calc(100% - 20px);

        height:
            50px;

        min-height:
            50px;

        margin:
            10px
            10px
            10px !important;

        padding:
            0;

        box-sizing:
            border-box;

        border:
            1px solid
            rgba(233, 185, 73, 0.38);

        border-radius:
            9px;

        clip-path:
            none;

        background:
            linear-gradient(
                180deg,
                rgba(21, 24, 27, 0.98),
                rgba(13, 16, 19, 0.99)
            );

        color:
            #e9b949;

        cursor:
            pointer;

        box-shadow:
            inset 0 1px 0
            rgba(255, 222, 135, 0.035);

        transform:
            none;

        filter:
            none;

        transition:
            border-color .16s ease,
            background .16s ease,
            box-shadow .16s ease;

    }


    /*
     * Amíg a BiS panel a Talent magasságához
     * van igazítva, a lenyitó alul marad.
     */

    .wow-class-endgame-panel.wow-bis-panel-egyszint
    .wow-class-endgame-desktop-tobb.wow-progressive-nyil {

        margin-top:
            auto !important;

        margin-right:
            10px !important;

        margin-bottom:
            10px !important;

        margin-left:
            10px !important;

    }


    /* ======================================================
       HOVER
    ====================================================== */

    .wow-class-endgame-panel
    .wow-class-endgame-desktop-tobb.wow-progressive-nyil:hover {

        transform:
            none;

        filter:
            none;

        border-color:
            rgba(233, 185, 73, 0.62);

        background:
            linear-gradient(
                180deg,
                rgba(27, 28, 27, 0.99),
                rgba(15, 17, 19, 1)
            );

        box-shadow:
            inset 0 1px 0
            rgba(255, 226, 145, 0.05),
            0 0 10px
            rgba(233, 185, 73, 0.035);

    }


    /* ======================================================
       RÉGI DÍSZÍTÉSEK KI
    ====================================================== */

    .wow-class-endgame-desktop-tobb.wow-progressive-nyil::before,
    .wow-class-endgame-desktop-tobb.wow-progressive-nyil::after {

        content:
            none !important;

        display:
            none !important;

    }


    /* ======================================================
       EGYSZERŰ KÖZÉPSŐ CHEVRON
    ====================================================== */

    .wow-class-endgame-desktop-tobb
    .wow-progressive-nyil-ikon {

        position:
            relative;

        display:
            block;

        width:
            10px;

        height:
            10px;

        margin:
            -4px
            0
            0 !important;

        padding:
            0;

        font-size:
            0 !important;

        line-height:
            0 !important;

        transform:
            rotate(45deg) !important;

        border-right:
            2px solid
            #e9b949;

        border-bottom:
            2px solid
            #e9b949;

        border-radius:
            1px;

        box-shadow:
            none;

    }


    .wow-class-endgame-desktop-tobb
    .wow-progressive-nyil-ikon::before,

    .wow-class-endgame-desktop-tobb
    .wow-progressive-nyil-ikon::after {

        content:
            none !important;

        display:
            none !important;

    }


    /* ======================================================
       HA ELFOGYTAK AZ ITEMEK
    ====================================================== */

    .wow-class-endgame-desktop-tobb.wow-progressive-nyil[hidden] {

        display:
            none !important;

    }

}




/* ==========================================================
   WOW CLASS INFO LABEL NOWRAP V1
   Desktop sorcímek mindig egy sorban
========================================================== */

@media (min-width: 901px) {

    .wow-class-info-tabla th[scope="row"] {

        white-space:
            nowrap;

        word-break:
            keep-all;

        overflow-wrap:
            normal;

        hyphens:
            none;

    }

}




/* ==========================================================
   WOW CLASS RESOURCE LABEL FIT V2

   Az előző általános nowrap helyett:
   - minden normál sorcím újra törhet
   - csak az Erőforrás(ok) marad egy sorban
========================================================== */

@media (min-width: 901px) {

    /*
     * Visszavonjuk az előző általános nowrap-ot.
     */

    .wow-class-info-tabla th[scope="row"] {

        white-space:
            normal !important;

        word-break:
            normal !important;

        overflow-wrap:
            normal !important;

        hyphens:
            none;

    }


    /*
     * Csak az Erőforrás(ok) marad egy sorban.
     *
     * Kicsit kompaktabb tipográfiát kap,
     * hogy a saját celláján belül maradjon.
     */

    .wow-class-info-tabla
    .wow-class-info-eroforras-label {

        white-space:
            nowrap !important;

        font-size:
            0.72rem;

        letter-spacing:
            0.015em;

        padding-left:
            10px;

        padding-right:
            10px;

    }

}




/* ==========================================================
   WOW CLASS NO ARTICLE BANNER FINAL V1

   A WoW Classic Class Guide sablonban:
   - desktop banner NEM jelenik meg
   - mobil banner NEM jelenik meg
   - a teljes hero/banner figure NEM jelenik meg

   Az adminban és az adatbázisban a képek megmaradnak.
========================================================== */

#wow-class-oldal #cikk-borito,
#cikk-borito.wow-class-hero-kep,
.wow-class-hero-kep,
#cikk-borito,
#cikk-borito picture,
#cikk-hero-asztali,
#cikk-hero-mobil {

    display:
        none !important;

}


/*
 * Akkor se foglaljon helyet,
 * ha valamelyik közös JS leveszi róla
 * a hidden attribútumot.
 */

#cikk-borito {

    width:
        0 !important;

    height:
        0 !important;

    min-height:
        0 !important;

    max-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

}




/* ==========================================================
   WOW PROFESSION BACKGROUND ICON CSS V1
========================================================== */

.wow-class-szakma-ikon.wow-class-szakma-ikon-bg {

    display:
        inline-block;

    flex:
        0 0 40px;

    width:
        40px;

    height:
        40px;

    min-width:
        40px;

    min-height:
        40px;

    box-sizing:
        border-box;

    overflow:
        hidden;

    border:
        1px solid
        rgba(233, 185, 73, 0.55);

    border-radius:
        6px;

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        cover;

    box-shadow:
        inset 0 0 0 1px
        rgba(0, 0, 0, 0.42);

}


/*
 * Ha valamelyik korábbi script mégis
 * visszarakna egy img elemet, ne jelenjen meg.
 */

.wow-class-szakma-ikon.wow-class-szakma-ikon-bg img {

    display:
        none !important;

}


@media (max-width: 700px) {

    .wow-class-szakma-ikon.wow-class-szakma-ikon-bg {

        flex-basis:
            38px;

        width:
            38px;

        height:
            38px;

        min-width:
            38px;

        min-height:
            38px;

    }

}




/* ==========================================================
   WOW CLASS HEADING SEMANTIKA V1

   A TALENTEK és BiS Items valódi H2,
   de vizuálisan az eredeti felirat marad.
========================================================== */

.wow-rpg-panel-fejlec h2.wow-rpg-kis-cim {
    display: inline;
    margin: 0;
    padding: 0;

    font-size: 1rem;
    line-height: inherit;
}

.wow-rpg-panel-fejlec h2.wow-rpg-best-itemek-cim {
    display: block;
    margin: 0;
    padding: 0;

    font-size: 1rem;
    line-height: inherit;
}

@media (max-width: 700px) {

    .wow-rpg-panel-fejlec h2.wow-rpg-kis-cim,
    .wow-rpg-panel-fejlec h2.wow-rpg-best-itemek-cim {
        font-size: 0.92rem;
    }

}




/* ==========================================================
   WOW CLASS KAPCSOLODO DESKTOP V1

   Csak asztali nézet.
   Mobil megjelenítéshez nem nyúl.
========================================================== */

@media (min-width: 901px) {

    #kapcsolodo-cikkek {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }


    #kapcsolodo-cikkek .kapcsolodo-cikkek-lista {
        width: 100%;
    }


    #kapcsolodo-cikkek .kapcsolodo-racs {
        display: grid;

        width: 100%;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 24px;
    }


    #kapcsolodo-cikkek .kapcsolodo-kartya {
        width: auto;
        min-width: 0;
        margin: 0;
    }


    #kapcsolodo-cikkek .kapcsolodo-kartya > a {
        display: block;

        width: 100%;

        color: #ffffff;
        text-decoration: none;
    }


    #kapcsolodo-cikkek .kapcsolodo-kartya img {
        display: block;

        width: 100%;
        height: auto;

        aspect-ratio: 16 / 9;
        object-fit: cover;

        border-radius: 7px;
    }


    #kapcsolodo-cikkek .kapcsolodo-kartya h3 {
        margin: 12px 0 0;

        font-size: 1.05rem;
        line-height: 1.4;
    }

}

/* NERDIUM RELATED DESKTOP FORCE V2 START */

@media (min-width: 901px) {

    .wow-class-guide #kapcsolodo-cikkek {
        display: block !important;

        width: 100% !important;
        max-width: 1200px !important;

        margin: 70px auto 0 !important;
    }


    .wow-class-guide #kapcsolodo-cikkek
    #kapcsolodo-cikkek-lista {

        display: block !important;

        width: 100% !important;
        max-width: none !important;
    }


    .wow-class-guide #kapcsolodo-cikkek
    .kapcsolodo-racs {

        display: grid !important;

        width: 100% !important;
        max-width: none !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 28px !important;
    }


    .wow-class-guide #kapcsolodo-cikkek
    .kapcsolodo-kartya {

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        flex: none !important;
    }


    .wow-class-guide #kapcsolodo-cikkek
    .kapcsolodo-kartya > a {

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        text-decoration: none !important;
    }


    .wow-class-guide #kapcsolodo-cikkek
    .kapcsolodo-kartya img {

        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: none !important;

        height: auto !important;
        aspect-ratio: 16 / 9 !important;

        object-fit: cover !important;

        border-radius: 8px !important;
    }


    .wow-class-guide #kapcsolodo-cikkek
    .kapcsolodo-kartya h3 {

        width: 100% !important;

        margin: 14px 0 0 !important;

        font-size: 1.15rem !important;
        line-height: 1.4 !important;
    }

}

/* NERDIUM RELATED DESKTOP FORCE V2 END */



/* NERDIUM TALENT TOOLTIP CSS V1 START */

.wow-public-talent-ikon {
    cursor: help;
}

.wow-talent-tooltip {
    position: fixed;
    z-index: 10050;
    width: min(360px, calc(100vw - 24px));
    padding: 14px 16px;
    border: 1px solid rgba(210, 174, 96, .82);
    border-radius: 8px;
    background:
        linear-gradient(
            180deg,
            rgba(24, 21, 17, .98),
            rgba(10, 10, 12, .99)
        );
    box-shadow:
        0 14px 36px rgba(0, 0, 0, .55),
        inset 0 0 18px rgba(207, 164, 76, .06);
    color: #eee7d8;
    font-size: .92rem;
    line-height: 1.45;
    pointer-events: none;
}

.wow-talent-tooltip[hidden] {
    display: none !important;
}

.wow-talent-tooltip-fejlec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.wow-talent-tooltip-nev {
    display: block;
    color: #f5d887;
    font-size: 1rem;
    line-height: 1.25;
}

.wow-talent-tooltip-fa {
    display: block;
    margin-top: 3px;
    color: #a9a39a;
    font-size: .76rem;
}

.wow-talent-tooltip-rank {
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid rgba(210, 174, 96, .42);
    border-radius: 5px;
    color: #d8c69c;
    font-size: .78rem;
    white-space: nowrap;
}

.wow-talent-tooltip-leiras {
    color: #ece8df;
}

.wow-talent-tooltip-kovetkezo {
    margin-top: 11px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.wow-talent-tooltip-kovetkezo strong {
    color: #79d279;
    font-size: .8rem;
}

.wow-talent-tooltip-kovetkezo p {
    margin: 4px 0 0;
    color: #d8d6cf;
}

.wow-talent-modal-hatter {
    position: fixed;
    inset: 0;
    z-index: 10060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0, 0, 0, .68);
    backdrop-filter: blur(3px);
}

.wow-talent-modal-hatter[hidden] {
    display: none !important;
}

.wow-talent-modal {
    position: relative;
    width: min(430px, 100%);
    max-height: min(78vh, 620px);
    overflow-y: auto;
    padding: 20px 20px 18px;
    border: 1px solid rgba(210, 174, 96, .88);
    border-radius: 10px;
    background:
        linear-gradient(
            180deg,
            #1c1915,
            #0d0d0f
        );
    box-shadow:
        0 22px 60px rgba(0, 0, 0, .72),
        inset 0 0 22px rgba(207, 164, 76, .07);
    color: #eee7d8;
}

.wow-talent-modal-bezar {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #c7baa0;
    font-size: 1.7rem;
    line-height: 1;
    cursor: pointer;
}

.wow-talent-modal-bezar:hover,
.wow-talent-modal-bezar:focus-visible {
    color: #fff;
}

.wow-talent-modal-tartalom {
    padding-right: 24px;
}

html.wow-talent-modal-nyitva,
html.wow-talent-modal-nyitva body {
    overflow: hidden;
}

@media (max-width: 700px) {
    .wow-talent-tooltip {
        display: none !important;
    }

    .wow-public-talent-ikon {
        cursor: pointer;
    }

    .wow-talent-modal {
        width: 100%;
        padding: 18px;
    }

    .wow-talent-tooltip-nev {
        font-size: 1.05rem;
    }
}

/* NERDIUM TALENT TOOLTIP CSS V1 END */


/* NERDIUM TALENT LANG CSS V1 START */

.wow-talent-lang-valaszto {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    width: 100%;
    margin: 0 0 10px;
}

.wow-talent-lang-felirat {
    margin-right: 3px;
    color: rgba(225, 216, 196, .64);
    font-size: .72rem;
}

.wow-talent-lang-gomb {
    min-width: 47px;
    padding: 6px 9px;
    border: 1px solid rgba(210, 174, 96, .36);
    border-radius: 5px;
    background: rgba(12, 12, 14, .7);
    color: #aaa39a;
    font: inherit;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .055em;
    cursor: pointer;
    transition:
        border-color .15s ease,
        color .15s ease,
        background .15s ease;
}

.wow-talent-lang-gomb:hover {
    border-color: rgba(220, 181, 91, .75);
    color: #eee5d2;
}

.wow-talent-lang-gomb.aktiv {
    border-color: #d6ad59;
    background: rgba(205, 157, 65, .13);
    color: #f2d992;
}

.wow-talent-lang-gomb:focus-visible {
    outline: 2px solid #e0bd71;
    outline-offset: 2px;
}

@media (max-width: 700px) {

    .wow-talent-lang-valaszto {
        justify-content: center;
        margin-bottom: 9px;
    }

    .wow-talent-lang-felirat {
        font-size: .68rem;
    }

    .wow-talent-lang-gomb {
        min-width: 51px;
        padding: 7px 10px;
    }
}

/* NERDIUM TALENT LANG CSS V1 END */