/* =========================================================
   PÉNZTÁRGÉPNAGYKER FŐMENÜ
   ========================================================= */

.pn-topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1300;

    width: 100%;
    height: 34px;

    color: #fff;
    background: #343b43;

    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.16);
}

.pn-topbar-inner {
    display: flex;

    width: 100%;
    max-width: 1420px;
    height: 34px;
    min-height: 34px;
    margin: 0 auto;
    padding: 0 18px;

    align-items: center;
    justify-content: flex-end;
    gap: 9px;

    overflow: hidden;

    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}

.pn-topbar a {
    color: #fff;
    text-decoration: none;
}

.pn-topbar a:hover {
    color: #ffd2ad;
    text-decoration: underline;
}


/*
 * A fix topbar kikerül a dokumentum normál folyásából,
 * ezért a menüt 34 pixellel lejjebb kell tolni.
 */

.pn-nav {
    margin-top: 34px;
}


/* FŐ KERET */

.pn-nav {
    position: relative;
    z-index: 1000;

    width: 100%;

    background: #fff;
    border-bottom: 2px solid #ed7203;

    box-shadow: 0 4px 15px rgba(28, 38, 48, 0.09);
}

.pn-nav *,
.pn-nav *::before,
.pn-nav *::after {
    box-sizing: border-box;
}

.pn-nav-inner {
    display: flex;
    width: 100%;
    max-width: 1420px;
    min-height: 66px;
    margin: 0 auto;
    padding: 0 14px;

    align-items: stretch;
}


/* LOGÓ */

.pn-brand {
    display: flex;
    flex: 0 0 auto;

    min-width: 185px;
    padding: 8px 16px 8px 0;

    align-items: center;

    text-decoration: none;
}

.pn-brand img {
    display: block;
    width: auto;
    max-width: 205px;
    height: 44px;
    object-fit: contain;
}


/* ASZTALI MENÜ */

.pn-menu-area {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

.pn-main-menu {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;

    align-items: stretch;

    list-style: none;
}

.pn-menu-item {
    display: flex;
    position: relative;

    margin: 0;
    padding: 0;

    align-items: stretch;
}

.pn-menu-account {
    margin-left: auto;
}

.pn-menu-link,
.pn-menu-control {
    display: flex;
    min-height: 66px;
    padding: 0 10px;

    align-items: center;
    justify-content: center;
    gap: 7px;

    cursor: pointer;

    color: #303840;
    background: transparent;
    border: 0;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;

    transition:
        color 0.15s ease,
        background 0.15s ease;
}

.pn-menu-link:hover,
.pn-menu-control:hover,
.pn-dropdown[open] > .pn-menu-control,
.pn-menu-link.pn-current,
.pn-dropdown.pn-current > .pn-menu-control {
    color: #c85b00;
    background: #fff3e9;
    text-decoration: none;
}

.pn-dropdown {
    display: block;
    position: relative;
    height: 100%;
}

.pn-dropdown > summary {
    list-style: none;
}

.pn-dropdown > summary::-webkit-details-marker {
    display: none;
}


/* LENYÍLÓ NYÍL */

.pn-caret {
    display: inline-block;

    width: 7px;
    height: 7px;

    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;

    transform: rotate(45deg) translateY(-2px);
    transform-origin: center;

    transition: transform 0.15s ease;
}

.pn-dropdown[open] .pn-caret {
    transform: rotate(225deg) translate(-1px, -1px);
}


/* LENYÍLÓ PANEL */

.pn-dropdown-panel {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    z-index: 1100;

    width: 355px;
    max-width: calc(100vw - 28px);
    max-height: min(72vh, 650px);
    padding: 15px;

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

    color: #4e5863;
    background: #fff;

    border: 1px solid #dce1e7;
    border-top: 3px solid #ed7203;
    border-radius: 11px;

    box-shadow: 0 13px 30px rgba(27, 37, 47, 0.18);
}

.pn-dropdown-right .pn-dropdown-panel {
    right: 0;
    left: auto;
}

.pn-dropdown-heading {
    margin: 2px 7px 8px;

    color: #78818a;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pn-dropdown-list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.pn-dropdown-list li {
    margin: 0;
    padding: 0;
}

.pn-dropdown-list a {
    display: block;
    padding: 9px 10px;

    color: #424b54;
    background: transparent;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;

    transition:
        color 0.15s ease,
        background 0.15s ease;
}

.pn-dropdown-list a:hover {
    color: #b95000;
    background: #fff1e5;
    text-decoration: none;
}

.pn-important-links a {
    color: #252b32;
    font-weight: 750;
}

.pn-dropdown-divider {
    height: 1px;
    margin: 12px 5px;

    background: #e3e7eb;
}


/* KIEMELT MENÜPONTOK */

.pn-menu-link.pn-menu-sos {
    align-self: center;

    min-height: 38px;
    margin: 0 4px;
    padding: 0 12px;

    color: #a42525;
    background: #fff0f0;
    border: 1px solid #efc3c3;
    border-radius: 8px;
}

.pn-menu-link.pn-menu-sos:hover,
.pn-menu-link.pn-menu-sos.pn-current {
    color: #fff;
    background: #b52e2e;
    border-color: #b52e2e;
}

.pn-menu-link.pn-menu-order {
    align-self: center;

    min-height: 40px;
    margin: 0 4px;
    padding: 0 14px;

    color: #fff;
    background: #ed7203;
    border-radius: 8px;

    box-shadow: 0 5px 12px rgba(237, 114, 3, 0.22);
}

.pn-menu-link.pn-menu-order:hover,
.pn-menu-link.pn-menu-order.pn-current {
    color: #fff;
    background: #c85b00;
}


/* MOBIL MENÜGOMB */

.pn-mobile-toggle {
    display: none;

    width: 45px;
    height: 42px;
    margin: auto 0 auto auto;
    padding: 9px;

    cursor: pointer;

    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;

    background: #fff;
    border: 1px solid #d7dce1;
    border-radius: 8px;
}

.pn-mobile-toggle span {
    display: block;

    width: 23px;
    height: 2px;

    background: #303840;
    border-radius: 2px;
}


/* TABLET ÉS MOBIL */

@media (max-width: 1100px) {

    .pn-topbar-inner {
        justify-content: center;
    }

    .pn-nav-inner {
        min-height: 64px;
        padding: 0 14px;

        flex-wrap: wrap;
    }

    .pn-brand {
        min-width: 0;
        padding-right: 10px;
    }

    .pn-brand img {
        max-width: 185px;
        height: 42px;
    }

    .pn-mobile-toggle {
        display: flex;
    }

    .pn-menu-area {
        display: none;
        flex: 0 0 100%;

        width: 100%;
        max-height: calc(100vh - 100px);
        padding: 6px 0 14px;

        overflow-y: auto;
    }

    .pn-menu-area.pn-menu-open {
        display: block;
    }

    .pn-main-menu {
        display: block;
    }

    .pn-menu-item {
        display: block;
        width: 100%;
    }

    .pn-menu-account {
        margin-left: 0;
    }

    .pn-dropdown {
        width: 100%;
        height: auto;
    }

    .pn-menu-link,
    .pn-menu-control {
        width: 100%;
        min-height: 48px;
        padding: 10px 8px;

        justify-content: space-between;

        font-size: 14px;
        text-align: left;
        white-space: normal;
    }

    .pn-menu-link.pn-menu-sos,
    .pn-menu-link.pn-menu-order {
        width: 100%;
        min-height: 46px;
        margin: 4px 0;
        padding: 10px 12px;

        justify-content: center;
    }

    .pn-dropdown-panel,
    .pn-dropdown-right .pn-dropdown-panel {
        position: static;

        width: 100%;
        max-width: none;
        max-height: none;
        margin: 0 0 7px;
        padding: 11px;

        border-top-width: 2px;
        border-radius: 9px;

        box-shadow: none;
    }

    .pn-dropdown-list a {
        padding: 10px;
    }
}


/* KISEBB MOBIL */

@media (max-width: 560px) {

    .pn-topbar-inner {
        padding: 0 8px;
        gap: 6px;

        flex-wrap: nowrap;

        font-size: 10px;
    }

    .pn-topbar-inner a {
        width: auto;
        text-align: left;
    }

    .pn-topbar-inner a:first-child {
        min-width: 0;

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

    .pn-topbar-inner a:last-child {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .pn-topbar-inner > span {
        display: inline;
        flex: 0 0 auto;
    }

}


.pb-oldal {
    --pb-narancs: #ed7203;
    --pb-narancs-sotet: #c85b00;
    --pb-kek: #1976d2;
    --pb-zold: #2d873b;
    --pb-sotet: #252b32;
    --pb-szoveg: #515a64;
    --pb-halk: #78818a;
    --pb-keret: #dce1e7;
    --pb-hatter: #f5f7f9;
    --pb-feher: #fff;

    width: 100%;
    color: var(--pb-szoveg);
    box-sizing: border-box;
}

.pb-oldal *,
.pb-oldal *::before,
.pb-oldal *::after {
    box-sizing: border-box;
}

.pb-oldal a {
    text-decoration: none;
}

.pb-oldal img {
    max-width: 100%;
    height: auto;
}


/* HERO */

.pb-oldal .pb-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    align-items: center;
    gap: 38px;

    margin-bottom: 20px;
    padding: 42px;

    color: #fff;

    background:
        radial-gradient(
            circle at 87% 20%,
            rgba(237, 114, 3, 0.40),
            transparent 31%
        ),
        linear-gradient(135deg, #252c34, #414c58);

    border-radius: 18px;
    box-shadow: 0 9px 25px rgba(25, 34, 44, 0.16);
}

.pb-oldal .pb-hero h1 {
    max-width: 900px;
    margin: 13px 0 16px;

    color: #fff;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.pb-oldal .pb-hero p {
    max-width: 860px;
    margin: 8px 0 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.65;
}

.pb-oldal .pb-hero .pb-lead {
    color: rgba(255, 255, 255, 0.93);
    font-size: 18px;
}


/* CÍMKÉK */

.pb-oldal .pb-cimke {
    display: inline-flex;
    padding: 7px 11px;

    color: #fff;
    background: var(--pb-narancs);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pb-oldal .pb-cimke-vilagos {
    color: var(--pb-narancs-sotet);
    background: #fff0e3;
}

.pb-oldal .pb-cimke-sotet {
    color: #fff;
    background: rgba(255, 255, 255, 0.13);
}


/* GOMBOK */

.pb-oldal .pb-hero-gombok {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 24px;
}

.pb-oldal .pb-gomb {
    display: inline-flex;
    min-height: 48px;
    padding: 12px 18px;

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

    border-radius: 9px;

    font-size: 14px;
    font-weight: 800;
    text-align: center;

    transition:
        transform 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

.pb-oldal .pb-gomb:hover {
    transform: translateY(-1px);
}

.pb-oldal .pb-gomb-fo {
    color: #fff;
    background: var(--pb-narancs);
    box-shadow: 0 6px 15px rgba(237, 114, 3, 0.23);
}

.pb-oldal .pb-gomb-fo:hover {
    color: #fff;
    background: var(--pb-narancs-sotet);
}

.pb-oldal .pb-gomb-masodlagos {
    color: #fff;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

.pb-oldal .pb-gomb-masodlagos:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}


/* HERO INFORMÁCIÓ */

.pb-oldal .pb-hero-info {
    padding: 25px;

    color: var(--pb-sotet);
    background: #fff;
    border-radius: 14px;

    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.17);
}

.pb-oldal .pb-hero-info > strong {
    display: block;
    margin-bottom: 14px;

    color: var(--pb-sotet);
    font-size: 22px;
}

.pb-oldal .pb-hero-info ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.pb-oldal .pb-hero-info li {
    position: relative;

    margin-bottom: 9px;
    padding-left: 25px;

    color: var(--pb-szoveg);

    font-size: 13px;
    line-height: 1.5;
}

.pb-oldal .pb-hero-info li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: var(--pb-zold);
    font-weight: 800;
}


/* ÁLTALÁNOS SZEKCIÓ */

.pb-oldal .pb-szekcio {
    margin: 20px 0;
    padding: 32px;

    background: #fff;
    border: 1px solid var(--pb-keret);
    border-radius: 17px;

    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.065);
}

.pb-oldal .pb-szekcio-fejlec {
    max-width: 920px;
    margin-bottom: 25px;
}

.pb-oldal .pb-szekcio-fejlec h2,
.pb-oldal .pb-kod-tartalom h2 {
    margin: 12px 0 10px;

    color: var(--pb-sotet);

    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
}

.pb-oldal .pb-szekcio-fejlec p,
.pb-oldal .pb-kod-tartalom p {
    margin: 0;

    color: var(--pb-szoveg);

    font-size: 15px;
    line-height: 1.65;
}


/* BÉRLETI KÓD */

.pb-oldal .pb-kod-szekcio {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(350px, 0.7fr);
    align-items: center;
    gap: 35px;

    border-left: 5px solid var(--pb-kek);
}

.pb-oldal .pb-kod-form {
    margin: 0;
    padding: 20px;

    background: var(--pb-hatter);
    border: 1px solid var(--pb-keret);
    border-radius: 12px;
}

.pb-oldal .pb-kod-form label {
    display: block;
    margin-bottom: 7px;

    color: var(--pb-sotet);

    font-size: 14px;
    font-weight: 800;
}

.pb-oldal .pb-kod-mezo {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.pb-oldal .pb-kod-mezo input {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 11px 13px;

    color: var(--pb-sotet);
    background: #fff;

    border: 1px solid #cbd2da;
    border-radius: 9px;

    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.pb-oldal .pb-kod-mezo input:focus {
    border-color: var(--pb-kek);
    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.13);
    outline: none;
}

.pb-oldal .pb-kod-mezo button {
    min-height: 48px;
    padding: 11px 16px;

    cursor: pointer;

    color: #fff;
    background: var(--pb-kek);
    border: 0;
    border-radius: 9px;

    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
}

.pb-oldal .pb-kod-mezo button:hover {
    background: #125fa9;
}

.pb-oldal .pb-kod-form > small {
    display: block;
    margin-top: 7px;

    color: var(--pb-halk);

    font-size: 10px;
    line-height: 1.45;
}


/* FIGYELMEZTETÉS */

.pb-oldal .pb-figyelmeztetes {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin: 20px 0;
    padding: 19px;

    background: #fff8e9;
    border: 1px solid #edca7c;
    border-left: 5px solid #e79b16;
    border-radius: 12px;
}

.pb-oldal .pb-figyelmeztetes-ikon {
    display: flex;
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

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

    color: #fff;
    background: #e79b16;
    border-radius: 50%;

    font-weight: 900;
}

.pb-oldal .pb-figyelmeztetes h2 {
    margin: 0 0 7px;

    color: var(--pb-sotet);

    font-size: 20px;
}

.pb-oldal .pb-figyelmeztetes p {
    margin: 0;

    color: var(--pb-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* ÁRKÁRTYÁK */

.pb-oldal .pb-ar-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;

    margin-bottom: 18px;
}

.pb-oldal .pb-ar-kartya {
    position: relative;

    min-width: 0;
    padding: 20px;

    background: #fff;
    border: 1px solid var(--pb-keret);
    border-radius: 13px;

    box-shadow: 0 4px 13px rgba(25, 34, 44, 0.055);
}

.pb-oldal .pb-ar-kartya h3 {
    margin: 0 0 15px;

    color: var(--pb-sotet);

    font-size: 23px;
}

.pb-oldal .pb-ar {
    padding: 15px;

    background: linear-gradient(135deg, #fff8ef, #fff);
    border: 1px solid #f0d0ad;
    border-radius: 10px;
}

.pb-oldal .pb-ar > span {
    display: block;
    margin-bottom: 5px;

    color: var(--pb-halk);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pb-oldal .pb-ar > strong {
    display: block;

    color: var(--pb-narancs-sotet);

    font-size: 20px;
    line-height: 1.3;
}

.pb-oldal .pb-ar > strong small {
    font-size: 12px;
    font-weight: 600;
}

.pb-oldal .pb-ar > em {
    display: block;
    margin-top: 5px;

    color: var(--pb-halk);

    font-size: 11px;
    font-style: normal;
}

.pb-oldal .pb-ar-kartya > p {
    margin: 12px 0 0;

    color: var(--pb-halk);

    font-size: 11px;
    line-height: 1.5;
}

.pb-oldal .pb-ar-kartya > p strong {
    display: block;
    margin-top: 3px;

    color: var(--pb-sotet);

    font-size: 13px;
}

.pb-oldal .pb-ar-ajanlott {
    padding-top: 51px;

    background: #f8fbff;
    border: 2px solid var(--pb-kek);
}

.pb-oldal .pb-ar-cimke {
    position: absolute;
    top: 14px;
    left: 18px;

    padding: 5px 9px;

    color: #fff;
    background: var(--pb-kek);
    border-radius: 999px;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}


/* KIEGÉSZÍTŐ DÍJAK */

.pb-oldal .pb-dij-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.pb-oldal .pb-dij-kartya {
    display: flex;
    align-items: flex-start;
    gap: 12px;

    padding: 17px;

    background: var(--pb-hatter);
    border: 1px solid var(--pb-keret);
    border-radius: 11px;
}

.pb-oldal .pb-dij-ikon {
    display: flex;
    flex: 0 0 35px;

    width: 35px;
    height: 35px;

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

    color: var(--pb-narancs-sotet);
    background: #fff0e3;
    border-radius: 9px;

    font-size: 11px;
    font-weight: 800;
}

.pb-oldal .pb-dij-kartya h3 {
    margin: 0 0 5px;

    color: var(--pb-sotet);

    font-size: 15px;
}

.pb-oldal .pb-dij-kartya strong,
.pb-oldal .pb-dij-kartya small {
    display: block;
}

.pb-oldal .pb-dij-kartya strong {
    color: var(--pb-sotet);

    font-size: 14px;
}

.pb-oldal .pb-dij-kartya small {
    margin-top: 4px;

    color: var(--pb-halk);

    font-size: 10px;
}


/* INFORMÁCIÓ */

.pb-oldal .pb-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin-top: 15px;
    padding: 13px;

    background: #eef6ff;
    border: 1px solid #bad7f4;
    border-radius: 9px;
}

.pb-oldal .pb-info > span {
    display: flex;
    flex: 0 0 25px;

    width: 25px;
    height: 25px;

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

    color: #fff;
    background: var(--pb-kek);
    border-radius: 50%;

    font-size: 11px;
    font-weight: 800;
}

.pb-oldal .pb-info p {
    margin: 2px 0 0;

    color: var(--pb-szoveg);

    font-size: 12px;
    line-height: 1.5;
}


/* ELŐNYKÁRTYÁK */

.pb-oldal .pb-elony-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

.pb-oldal .pb-elony-kartya {
    padding: 20px;

    background: var(--pb-hatter);
    border: 1px solid var(--pb-keret);
    border-radius: 12px;
}

.pb-oldal .pb-elony-kartya > span {
    display: inline-flex;

    width: 37px;
    height: 37px;

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

    color: var(--pb-narancs-sotet);
    background: #fff0e3;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 800;
}

.pb-oldal .pb-elony-kartya h3 {
    margin: 14px 0 8px;

    color: var(--pb-sotet);

    font-size: 17px;
}

.pb-oldal .pb-elony-kartya p {
    margin: 0;

    color: var(--pb-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* GÉPKÁRTYÁK */

.pb-oldal .pb-gep-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pb-oldal .pb-gep-kartya {
    padding: 22px;

    background: #fff;
    border: 1px solid var(--pb-keret);
    border-radius: 13px;

    box-shadow: 0 4px 13px rgba(25, 34, 44, 0.055);
}

.pb-oldal .pb-gep-kiemelt {
    background: #fffaf5;
    border: 2px solid var(--pb-narancs);
}

.pb-oldal .pb-gep-tipus {
    color: var(--pb-narancs-sotet);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pb-oldal .pb-gep-kartya h3 {
    margin: 9px 0 9px;

    color: var(--pb-sotet);

    font-size: 22px;
}

.pb-oldal .pb-gep-kartya p {
    margin: 0;

    color: var(--pb-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* DOKUMENTUMOK */

.pb-oldal .pb-dokumentum-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pb-oldal .pb-dokumentum-kartya {
    padding: 22px;

    background: var(--pb-hatter);
    border: 1px solid var(--pb-keret);
    border-radius: 13px;
}

.pb-oldal .pb-dokumentum-cimke {
    display: inline-flex;

    color: var(--pb-narancs-sotet);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pb-oldal .pb-dokumentum-kartya h3 {
    margin: 9px 0 14px;

    color: var(--pb-sotet);

    font-size: 20px;
}

.pb-oldal .pb-dokumentum-kartya ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.pb-oldal .pb-dokumentum-kartya li {
    position: relative;

    margin-bottom: 9px;
    padding-left: 24px;

    color: var(--pb-szoveg);

    font-size: 13px;
    line-height: 1.5;
}

.pb-oldal .pb-dokumentum-kartya li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: var(--pb-zold);
    font-weight: 800;
}


/* LÉPÉSEK */

.pb-oldal .pb-lepesek {
    display: grid;
    gap: 11px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.pb-oldal .pb-lepesek li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: 15px;

    padding: 17px;

    background: var(--pb-hatter);
    border: 1px solid var(--pb-keret);
    border-radius: 11px;
}

.pb-oldal .pb-lepesek li > span {
    display: flex;

    width: 38px;
    height: 38px;

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

    color: #fff;
    background: var(--pb-narancs);
    border-radius: 9px;

    font-size: 14px;
    font-weight: 800;
}

.pb-oldal .pb-lepesek h3 {
    margin: 0 0 5px;

    color: var(--pb-sotet);

    font-size: 16px;
}

.pb-oldal .pb-lepesek p {
    margin: 0;

    color: var(--pb-szoveg);

    font-size: 13px;
    line-height: 1.55;
}


/* GYIK */

.pb-oldal .pb-gyik {
    display: grid;
    gap: 9px;
}

.pb-oldal .pb-gyik details {
    overflow: hidden;

    background: var(--pb-hatter);
    border: 1px solid var(--pb-keret);
    border-radius: 10px;
}

.pb-oldal .pb-gyik summary {
    position: relative;

    padding: 16px 45px 16px 17px;

    cursor: pointer;

    color: var(--pb-sotet);

    font-size: 14px;
    font-weight: 800;

    list-style: none;
}

.pb-oldal .pb-gyik summary::-webkit-details-marker {
    display: none;
}

.pb-oldal .pb-gyik summary::after {
    content: "+";

    position: absolute;
    top: 50%;
    right: 17px;

    color: var(--pb-narancs);

    font-size: 22px;
    transform: translateY(-50%);
}

.pb-oldal .pb-gyik details[open] summary::after {
    content: "−";
}

.pb-oldal .pb-gyik details p {
    margin: 0;
    padding: 0 17px 17px;

    color: var(--pb-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* ZÁRÓ CTA */

.pb-oldal .pb-zaro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

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

    color: #fff;

    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(237, 114, 3, 0.35),
            transparent 30%
        ),
        linear-gradient(135deg, #28313b, #414c58);

    border-radius: 16px;
}

.pb-oldal .pb-zaro h2 {
    margin: 12px 0 9px;

    color: #fff;

    font-size: 28px;
    line-height: 1.2;
}

.pb-oldal .pb-zaro p {
    max-width: 760px;
    margin: 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.6;
}

.pb-oldal .pb-zaro-gombok {
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
}

.pb-oldal .pb-gomb-feher {
    color: var(--pb-sotet);
    background: #fff;
}

.pb-oldal .pb-gomb-feher:hover {
    color: var(--pb-narancs-sotet);
}

.pb-oldal .pb-gomb-atlatszo {
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.pb-oldal .pb-gomb-atlatszo:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}


/* TABLET */

@media (max-width: 1000px) {

    .pb-oldal .pb-hero {
        grid-template-columns: 1fr;
    }

    .pb-oldal .pb-hero-info {
        max-width: 600px;
    }

    .pb-oldal .pb-kod-szekcio {
        grid-template-columns: 1fr;
    }

    .pb-oldal .pb-ar-grid,
    .pb-oldal .pb-elony-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* MOBIL */

@media (max-width: 680px) {

    .pb-oldal .pb-hero {
        padding: 22px;
        border-radius: 12px;
    }

    .pb-oldal .pb-hero-gombok {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pb-oldal .pb-gomb {
        width: 100%;
    }

    .pb-oldal .pb-szekcio {
        padding: 18px;
        border-radius: 12px;
    }

    .pb-oldal .pb-kod-mezo {
        grid-template-columns: 1fr;
    }

    .pb-oldal .pb-kod-mezo button {
        width: 100%;
    }

    .pb-oldal .pb-ar-grid,
    .pb-oldal .pb-dij-grid,
    .pb-oldal .pb-elony-grid,
    .pb-oldal .pb-gep-grid,
    .pb-oldal .pb-dokumentum-grid {
        grid-template-columns: 1fr;
    }

    .pb-oldal .pb-ar-kartya {
        padding: 17px;
    }

    .pb-oldal .pb-ar-ajanlott {
        padding-top: 49px;
    }

    .pb-oldal .pb-zaro {
        display: block;
        padding: 22px;
        border-radius: 12px;
    }

    .pb-oldal .pb-zaro-gombok {
        display: grid;
        grid-template-columns: 1fr;

        margin-top: 19px;
    }

}






.tl-oldal {
    --tl-tema: #ed7203;
    --tl-tema-sotet: #c85b00;
    --tl-tema-vilagos: #fff0e3;
    --tl-tema-rgb: 237, 114, 3;

    --tl-zold: #2d873b;
    --tl-kek: #1976d2;
    --tl-sotet: #252b32;
    --tl-szoveg: #515a64;
    --tl-halk: #78818a;
    --tl-keret: #dce1e7;
    --tl-hatter: #f5f7f9;
    --tl-feher: #fff;

    width: 100%;
    color: var(--tl-szoveg);
    box-sizing: border-box;
}


/* TÉMÁK */

.tl-oldal.tl-tema-penztargep {
    --tl-tema: #ed7203;
    --tl-tema-sotet: #c85b00;
    --tl-tema-vilagos: #fff0e3;
    --tl-tema-rgb: 237, 114, 3;
}

.tl-oldal.tl-tema-merleg {
    --tl-tema: #8b6b22;
    --tl-tema-sotet: #6f5317;
    --tl-tema-vilagos: #f8f1df;
    --tl-tema-rgb: 139, 107, 34;
}

.tl-oldal.tl-tema-kiegeszito {
    --tl-tema: #52677d;
    --tl-tema-sotet: #394d61;
    --tl-tema-vilagos: #edf2f6;
    --tl-tema-rgb: 82, 103, 125;
}


.tl-oldal *,
.tl-oldal *::before,
.tl-oldal *::after {
    box-sizing: border-box;
}

.tl-oldal a {
    text-decoration: none;
}

.tl-oldal img {
    max-width: 100%;
    height: auto;
}


/* MORZSAMENÜ */

.tl-oldal .tl-morzsa {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;

    margin-bottom: 12px;
    padding: 10px 13px;

    color: var(--tl-halk);
    background: var(--tl-hatter);
    border: 1px solid var(--tl-keret);
    border-radius: 9px;

    font-size: 12px;
}

.tl-oldal .tl-morzsa a {
    color: var(--tl-tema-sotet);
    font-weight: 700;
}

.tl-oldal .tl-morzsa a:hover {
    text-decoration: underline;
}


/* TERMÉKFEJLÉC */

.tl-oldal .tl-hero {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    align-items: stretch;
    gap: 20px;

    margin-bottom: 18px;
}


/* CÍMKÉK */

.tl-oldal .tl-cimke {
    display: inline-flex;
    padding: 7px 11px;

    color: #fff;
    background: var(--tl-tema);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tl-oldal .tl-cimke-vilagos {
    color: var(--tl-tema-sotet);
    background: var(--tl-tema-vilagos);
}

.tl-oldal .tl-cimke-sotet {
    color: #fff;
    background: rgba(255, 255, 255, 0.13);
}


/* GALÉRIA */

.tl-oldal .tl-galeria {
    min-width: 0;
    padding: 20px;

    background: #fff;
    border: 1px solid var(--tl-keret);
    border-radius: 17px;

    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.07);
}

.tl-oldal .tl-galeria-fejlec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    margin-bottom: 14px;
}

.tl-oldal .tl-kepszam {
    color: var(--tl-halk);
    font-size: 11px;
    font-weight: 700;
}


/* MEGLÉVŐ SLIDER */

.tl-oldal .tl-banner {
    position: relative;

    display: flex;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 430px;

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

    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            #fff,
            #f0f3f6
        );

    border: 1px solid var(--tl-keret);
    border-radius: 13px;
}

.tl-oldal .tl-banner .slide {
    max-width: 100%;
    max-height: 410px;
    height: auto;

    object-fit: contain;
}


/* NINCS KÉP */

.tl-oldal .tl-nincs-kep {
    display: flex;
    min-height: 420px;

    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 25px;

    color: var(--tl-halk);
    background: var(--tl-hatter);
    border: 1px dashed #bcc4cd;
    border-radius: 13px;

    text-align: center;
}

.tl-oldal .tl-nincs-kep span {
    font-size: 55px;
}

.tl-oldal .tl-nincs-kep p {
    max-width: 320px;
    margin: 15px 0 0;
}


/* TERMÉK ÖSSZEFOGLALÓ */

.tl-oldal .tl-osszefoglalo {
    min-width: 0;
    padding: 32px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(var(--tl-tema-rgb), 0.12),
            transparent 31%
        ),
        linear-gradient(135deg, #fff, #f6f8fa);

    border: 1px solid var(--tl-keret);
    border-radius: 17px;

    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.07);
}

.tl-oldal .tl-osszefoglalo h1 {
    margin: 14px 0 13px;

    color: var(--tl-sotet);

    font-size: clamp(31px, 4vw, 48px);
    line-height: 1.09;
    letter-spacing: -0.025em;

    overflow-wrap: anywhere;
}

.tl-oldal .tl-lead {
    margin: 0 0 21px;

    color: var(--tl-szoveg);

    font-size: 16px;
    line-height: 1.65;
}


/* ÁR */

.tl-oldal .tl-ar-doboz {
    padding: 21px;

    background:
        linear-gradient(
            135deg,
            var(--tl-tema-vilagos),
            #fff
        );

    border: 1px solid rgba(var(--tl-tema-rgb), 0.32);
    border-left: 5px solid var(--tl-tema);
    border-radius: 12px;
}

.tl-oldal .tl-ar-doboz > span {
    display: block;
    margin-bottom: 6px;

    color: var(--tl-halk);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.tl-oldal .tl-ar-doboz > strong {
    display: block;

    color: var(--tl-tema-sotet);

    font-size: clamp(29px, 4vw, 41px);
    line-height: 1.1;
}

.tl-oldal .tl-ar-doboz small {
    display: block;
    margin-top: 7px;

    color: var(--tl-halk);

    font-size: 13px;
}


/* ELŐNYLISTA */

.tl-oldal .tl-elonylista {
    margin: 21px 0;
    padding: 0;

    list-style: none;
}

.tl-oldal .tl-elonylista li {
    position: relative;

    margin-bottom: 10px;
    padding-left: 27px;

    color: var(--tl-szoveg);

    font-size: 14px;
    line-height: 1.5;
}

.tl-oldal .tl-elonylista li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: var(--tl-zold);

    font-weight: 900;
}


/* GOMBOK */

.tl-oldal .tl-gombok {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.tl-oldal .tl-gomb {
    display: inline-flex;
    min-height: 50px;
    padding: 12px 18px;

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

    border-radius: 9px;

    font-size: 14px;
    font-weight: 800;
    text-align: center;

    transition:
        transform 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

.tl-oldal .tl-gomb:hover {
    transform: translateY(-1px);
}

.tl-oldal .tl-gomb-fo {
    color: #fff;
    background: var(--tl-tema);

    box-shadow:
        0 6px 15px rgba(var(--tl-tema-rgb), 0.23);
}

.tl-oldal .tl-gomb-fo:hover {
    color: #fff;
    background: var(--tl-tema-sotet);
}

.tl-oldal .tl-gomb-masodlagos {
    color: var(--tl-sotet);
    background: #fff;
    border: 1px solid var(--tl-keret);
}

.tl-oldal .tl-gomb-masodlagos:hover {
    color: var(--tl-tema-sotet);
    border-color: var(--tl-tema);
}


/* SEGÍTSÉG */

.tl-oldal .tl-segitseg {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin-top: 15px;
    padding: 13px;

    background: #eef6ff;
    border: 1px solid #bad7f4;
    border-radius: 9px;
}

.tl-oldal .tl-segitseg > span {
    display: flex;
    flex: 0 0 25px;

    width: 25px;
    height: 25px;

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

    color: #fff;
    background: var(--tl-kek);
    border-radius: 50%;

    font-size: 11px;
    font-weight: 800;
}

.tl-oldal .tl-segitseg p {
    margin: 2px 0 0;

    color: var(--tl-szoveg);

    font-size: 12px;
    line-height: 1.5;
}


/* INFORMÁCIÓS KÁRTYÁK */

.tl-oldal .tl-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;

    margin: 18px 0;
}

.tl-oldal .tl-info-kartya {
    padding: 21px;

    background: #fff;
    border: 1px solid var(--tl-keret);
    border-radius: 13px;

    box-shadow: 0 4px 14px rgba(25, 34, 44, 0.055);
}

.tl-oldal .tl-info-kartya > span {
    display: inline-flex;

    width: 37px;
    height: 37px;

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

    color: var(--tl-tema-sotet);
    background: var(--tl-tema-vilagos);
    border-radius: 9px;

    font-size: 12px;
    font-weight: 800;
}

.tl-oldal .tl-info-kartya h2 {
    margin: 14px 0 8px;

    color: var(--tl-sotet);

    font-size: 18px;
    line-height: 1.3;
}

.tl-oldal .tl-info-kartya p {
    margin: 0;

    color: var(--tl-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* TARTALMI SZEKCIÓ */

.tl-oldal .tl-szekcio {
    margin: 20px 0;
    padding: 32px;

    background: #fff;
    border: 1px solid var(--tl-keret);
    border-radius: 17px;

    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.065);
}

.tl-oldal .tl-szekcio-fejlec {
    max-width: 920px;
    margin-bottom: 23px;
}

.tl-oldal .tl-szekcio-fejlec h2 {
    margin: 12px 0 0;

    color: var(--tl-sotet);

    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
}


/* VIDEÓ */

.tl-oldal .tl-video {
    position: relative;

    width: 100%;
    max-width: 950px;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #111;
    border-radius: 13px;
}

.tl-oldal .tl-video iframe {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}


/* LEÍRÁS */

.tl-oldal .tl-leiras {
    max-width: 100%;

    color: var(--tl-szoveg);

    font-size: 16px;
    line-height: 1.75;

    overflow-wrap: anywhere;
}

.tl-oldal .tl-leiras + .tl-leiras {
    margin-top: 28px;
    padding-top: 28px;

    border-top: 1px solid var(--tl-keret);
}

.tl-oldal .tl-leiras h2 {
    margin: 30px 0 13px;

    color: var(--tl-sotet);

    font-size: clamp(25px, 3vw, 34px);
    line-height: 1.2;
}

.tl-oldal .tl-leiras h3 {
    margin: 25px 0 10px;

    color: var(--tl-sotet);

    font-size: 22px;
    line-height: 1.3;
}

.tl-oldal .tl-leiras h4 {
    color: var(--tl-sotet);
}

.tl-oldal .tl-leiras p {
    margin: 0 0 17px;
}

.tl-oldal .tl-leiras ul,
.tl-oldal .tl-leiras ol {
    margin: 14px 0 20px;
    padding-left: 25px;
}

.tl-oldal .tl-leiras li {
    margin-bottom: 8px;
}

.tl-oldal .tl-leiras img {
    display: block;

    max-width: 100%;
    height: auto;
    margin: 20px auto;

    border-radius: 10px;
}

.tl-oldal .tl-leiras iframe {
    max-width: 100%;
}

.tl-oldal .tl-leiras table {
    width: 100%;
    border-collapse: collapse;
}

.tl-oldal .tl-leiras th,
.tl-oldal .tl-leiras td {
    padding: 10px;

    border: 1px solid var(--tl-keret);

    text-align: left;
}


/* ALSÓ CTA */

.tl-oldal .tl-zaro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

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

    color: #fff;

    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(var(--tl-tema-rgb), 0.38),
            transparent 30%
        ),
        linear-gradient(135deg, #28313b, #414c58);

    border-radius: 16px;
}

.tl-oldal .tl-zaro h2 {
    margin: 12px 0 9px;

    color: #fff;

    font-size: 28px;
    line-height: 1.2;
}

.tl-oldal .tl-zaro p {
    max-width: 760px;
    margin: 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.6;
}

.tl-oldal .tl-zaro-gombok {
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
}

.tl-oldal .tl-gomb-feher {
    color: var(--tl-sotet);
    background: #fff;
}

.tl-oldal .tl-gomb-feher:hover {
    color: var(--tl-tema-sotet);
}

.tl-oldal .tl-gomb-atlatszo {
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.tl-oldal .tl-gomb-atlatszo:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}


/* TABLET */

@media (max-width: 950px) {

    .tl-oldal .tl-hero {
        grid-template-columns: 1fr;
    }

    .tl-oldal .tl-info-grid {
        grid-template-columns: 1fr;
    }

    .tl-oldal .tl-banner {
        min-height: 380px;
    }

}


/* MOBIL */

@media (max-width: 650px) {

    .tl-oldal .tl-galeria,
    .tl-oldal .tl-osszefoglalo,
    .tl-oldal .tl-szekcio {
        padding: 18px;
        border-radius: 12px;
    }

    .tl-oldal .tl-banner {
        min-height: 280px;
    }

    .tl-oldal .tl-banner .slide {
        max-height: 265px;
    }

    .tl-oldal .tl-gombok {
        grid-template-columns: 1fr;
    }

    .tl-oldal .tl-zaro {
        display: block;
        padding: 22px;
        border-radius: 12px;
    }

    .tl-oldal .tl-zaro-gombok {
        display: grid;
        grid-template-columns: 1fr;

        margin-top: 19px;
    }

    .tl-oldal .tl-gomb {
        width: 100%;
    }

    .tl-oldal .tl-leiras {
        font-size: 15px;
        overflow-x: auto;
    }

    .tl-oldal .tl-leiras table {
        min-width: 600px;
    }

}





.tk-oldal {
    --tk-marka: #ed7203;
    --tk-marka-sotet: #c85b00;

    --tk-tema: #6b7280;
    --tk-tema-sotet: #4b5563;
    --tk-tema-vilagos: #f1f3f5;

    --tk-zold: #2d873b;
    --tk-sotet: #252b32;
    --tk-szoveg: #515a64;
    --tk-halk: #78818a;
    --tk-keret: #dce1e7;
    --tk-hatter: #f5f7f9;
    --tk-feher: #fff;

    width: 100%;
    color: var(--tk-szoveg);
    box-sizing: border-box;
}

.tk-oldal.tk-tema-merleg {
    --tk-tema: #8b6b22;
    --tk-tema-sotet: #6f5317;
    --tk-tema-vilagos: #f8f1df;
}

.tk-oldal.tk-tema-penztargep {
    --tk-tema: #ed7203;
    --tk-tema-sotet: #c85b00;
    --tk-tema-vilagos: #fff0e3;
}

.tk-oldal.tk-tema-kiegeszito {
    --tk-tema: #52677d;
    --tk-tema-sotet: #394d61;
    --tk-tema-vilagos: #edf2f6;
}

.tk-oldal *,
.tk-oldal *::before,
.tk-oldal *::after {
    box-sizing: border-box;
}

.tk-oldal a {
    text-decoration: none;
}

.tk-oldal img {
    max-width: 100%;
    height: auto;
}


/* HERO */

.tk-oldal .tk-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 38px;

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

    color: #fff;

    background:
        radial-gradient(
            circle at 88% 20%,
            color-mix(in srgb, var(--tk-tema) 45%, transparent),
            transparent 31%
        ),
        linear-gradient(135deg, #252c34, #414c58);

    border-radius: 18px;
    box-shadow: 0 9px 25px rgba(25, 34, 44, 0.16);
}

.tk-oldal .tk-hero h1 {
    max-width: 900px;
    margin: 13px 0 16px;

    color: #fff;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.tk-oldal .tk-hero p {
    max-width: 880px;
    margin: 8px 0 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.65;
}

.tk-oldal .tk-hero .tk-lead {
    color: rgba(255, 255, 255, 0.93);
    font-size: 18px;
}


/* CÍMKÉK */

.tk-oldal .tk-cimke {
    display: inline-flex;
    padding: 7px 11px;

    color: #fff;
    background: var(--tk-tema);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tk-oldal .tk-cimke-vilagos {
    color: var(--tk-tema-sotet);
    background: var(--tk-tema-vilagos);
}

.tk-oldal .tk-cimke-sotet {
    color: #fff;
    background: rgba(255, 255, 255, 0.13);
}


/* GOMBOK */

.tk-oldal .tk-hero-gombok {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 24px;
}

.tk-oldal .tk-gomb {
    display: inline-flex;
    min-height: 48px;
    padding: 12px 18px;

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

    border-radius: 9px;

    font-size: 14px;
    font-weight: 800;

    transition:
        transform 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

.tk-oldal .tk-gomb:hover {
    transform: translateY(-1px);
}

.tk-oldal .tk-gomb-fo {
    color: #fff;
    background: var(--tk-marka);
    box-shadow: 0 6px 15px rgba(237, 114, 3, 0.23);
}

.tk-oldal .tk-gomb-fo:hover {
    color: #fff;
    background: var(--tk-marka-sotet);
}

.tk-oldal .tk-gomb-masodlagos {
    color: #fff;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

.tk-oldal .tk-gomb-masodlagos:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}


/* SZÁMLÁLÓ */

.tk-oldal .tk-hero-szamlalo {
    display: flex;
    align-items: center;
    gap: 14px;

    min-width: 235px;
    padding: 22px;

    color: var(--tk-sotet);
    background: #fff;
    border-radius: 14px;

    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.17);
}

.tk-oldal .tk-hero-szamlalo strong {
    color: var(--tk-tema);

    font-size: 46px;
    line-height: 1;
}

.tk-oldal .tk-hero-szamlalo span {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}


/* ELŐNYÖK */

.tk-oldal .tk-elony-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;

    margin: 18px 0;
}

.tk-oldal .tk-elony-kartya {
    padding: 21px;

    background: #fff;
    border: 1px solid var(--tk-keret);
    border-radius: 13px;

    box-shadow: 0 4px 14px rgba(25, 34, 44, 0.055);
}

.tk-oldal .tk-elony-ikon {
    display: inline-flex;
    width: 37px;
    height: 37px;

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

    color: var(--tk-tema-sotet);
    background: var(--tk-tema-vilagos);
    border-radius: 9px;

    font-size: 12px;
    font-weight: 800;
}

.tk-oldal .tk-elony-kartya h2 {
    margin: 14px 0 8px;

    color: var(--tk-sotet);

    font-size: 18px;
    line-height: 1.3;
}

.tk-oldal .tk-elony-kartya p {
    margin: 0;

    color: var(--tk-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* SZEKCIÓ */

.tk-oldal .tk-szekcio {
    margin: 20px 0;
    padding: 32px;

    background: #fff;
    border: 1px solid var(--tk-keret);
    border-radius: 17px;

    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.065);
}

.tk-oldal .tk-szekcio-fejlec {
    max-width: 920px;
    margin-bottom: 25px;
}

.tk-oldal .tk-szekcio-fejlec h2 {
    margin: 12px 0 10px;

    color: var(--tk-sotet);

    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
}

.tk-oldal .tk-szekcio-fejlec p {
    margin: 0;

    color: var(--tk-szoveg);

    font-size: 15px;
    line-height: 1.65;
}


/* TERMÉKGRID */

.tk-oldal .tk-termek-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 17px;
}

.tk-oldal .tk-termek-kartya {
    min-width: 0;
    height: 100%;
}

.tk-oldal .tk-termek-link {
    display: flex;
    flex-direction: column;

    height: 100%;
    overflow: hidden;

    color: var(--tk-szoveg);

    background: #fff;
    border: 1px solid var(--tk-keret);
    border-radius: 15px;

    box-shadow: 0 5px 16px rgba(25, 34, 44, 0.07);

    transition:
        transform 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease;
}

.tk-oldal .tk-termek-link:hover {
    color: var(--tk-szoveg);
    transform: translateY(-4px);

    border-color: var(--tk-tema);
    box-shadow: 0 12px 28px rgba(25, 34, 44, 0.13);
}


/* TERMÉKKÉP */

.tk-oldal .tk-kep-doboz {
    position: relative;

    display: flex;
    height: 250px;

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

    padding: 24px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            #fff,
            #f2f5f8
        );

    border-bottom: 1px solid var(--tk-keret);
}

.tk-oldal .tk-kep-doboz img {
    display: block;

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

    object-fit: contain;

    transition: transform 0.2s ease;
}

.tk-oldal .tk-termek-link:hover .tk-kep-doboz img {
    transform: scale(1.035);
}

.tk-oldal .tk-termek-cimke {
    position: absolute;
    top: 14px;
    left: 14px;

    padding: 6px 9px;

    color: #fff;
    background: var(--tk-tema);
    border-radius: 999px;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tk-oldal .tk-nincs-kep {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    color: var(--tk-halk);
}

.tk-oldal .tk-nincs-kep span {
    font-size: 45px;
}

.tk-oldal .tk-nincs-kep small {
    margin-top: 9px;
}


/* TERMÉKTARTALOM */

.tk-oldal .tk-termek-tartalom {
    display: flex;
    flex: 1;
    flex-direction: column;

    padding: 21px;
}

.tk-oldal .tk-termek-tartalom > h3 {
    min-height: 56px;
    margin: 0 0 16px;

    color: var(--tk-sotet);

    font-size: 21px;
    line-height: 1.3;
}


/* ÁR */

.tk-oldal .tk-ar-doboz {
    padding: 17px;

    background:
        linear-gradient(
            135deg,
            var(--tk-tema-vilagos),
            #fff
        );

    border: 1px solid
        color-mix(in srgb, var(--tk-tema) 28%, white);

    border-radius: 11px;
}

.tk-oldal .tk-ar-doboz > span {
    display: block;
    margin-bottom: 5px;

    color: var(--tk-halk);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tk-oldal .tk-ar-doboz > strong {
    display: block;

    color: var(--tk-tema-sotet);

    font-size: 27px;
    line-height: 1.15;
}

.tk-oldal .tk-ar-doboz small {
    display: block;
    margin-top: 5px;

    color: var(--tk-halk);

    font-size: 12px;
}


/* TERMÉKELŐNYÖK */

.tk-oldal .tk-termek-elonyok {
    margin: 15px 0 18px;
    padding: 0;

    list-style: none;
}

.tk-oldal .tk-termek-elonyok li {
    position: relative;

    margin-bottom: 7px;
    padding-left: 23px;

    color: var(--tk-szoveg);

    font-size: 12px;
    line-height: 1.45;
}

.tk-oldal .tk-termek-elonyok li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: var(--tk-zold);
    font-weight: 800;
}


/* RÉSZLETEK GOMB */

.tk-oldal .tk-reszletek-gomb {
    display: flex;

    min-height: 45px;
    margin-top: auto;
    padding: 11px 14px;

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

    color: #fff;
    background: var(--tk-tema);
    border-radius: 9px;

    font-size: 13px;
    font-weight: 800;
}

.tk-oldal .tk-reszletek-gomb span {
    font-size: 20px;
}

.tk-oldal .tk-termek-link:hover .tk-reszletek-gomb {
    background: var(--tk-tema-sotet);
}


/* ÜRES ÁLLAPOT */

.tk-oldal .tk-ures {
    padding: 45px;

    text-align: center;

    background: var(--tk-hatter);
    border: 1px solid var(--tk-keret);
    border-radius: 14px;
}

.tk-oldal .tk-ures h2 {
    margin: 0 0 10px;
    color: var(--tk-sotet);
}

.tk-oldal .tk-ures p {
    margin: 0;
}


/* ALSÓ INFORMÁCIÓ */

.tk-oldal .tk-segitseg-szekcio {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

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

    color: #fff;

    background:
        radial-gradient(
            circle at 88% 20%,
            color-mix(in srgb, var(--tk-tema) 38%, transparent),
            transparent 30%
        ),
        linear-gradient(135deg, #28313b, #414c58);

    border-radius: 16px;
}

.tk-oldal .tk-segitseg-szekcio h2 {
    margin: 12px 0 9px;

    color: #fff;

    font-size: 28px;
    line-height: 1.2;
}

.tk-oldal .tk-segitseg-szekcio p {
    max-width: 780px;
    margin: 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.6;
}

.tk-oldal .tk-segitseg-gombok {
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
}

.tk-oldal .tk-gomb-feher {
    color: var(--tk-sotet);
    background: #fff;
}

.tk-oldal .tk-gomb-feher:hover {
    color: var(--tk-marka-sotet);
}

.tk-oldal .tk-gomb-atlatszo {
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.tk-oldal .tk-gomb-atlatszo:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}


/* TABLET */

@media (max-width: 1000px) {

    .tk-oldal .tk-hero {
        grid-template-columns: 1fr;
    }

    .tk-oldal .tk-hero-szamlalo {
        max-width: 285px;
    }

    .tk-oldal .tk-termek-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* MOBIL */

@media (max-width: 680px) {

    .tk-oldal .tk-hero {
        padding: 22px;
        border-radius: 12px;
    }

    .tk-oldal .tk-hero-gombok {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tk-oldal .tk-gomb {
        width: 100%;
    }

    .tk-oldal .tk-hero-szamlalo {
        width: 100%;
        min-width: 0;
    }

    .tk-oldal .tk-elony-grid,
    .tk-oldal .tk-termek-grid {
        grid-template-columns: 1fr;
    }

    .tk-oldal .tk-szekcio {
        padding: 18px;
        border-radius: 12px;
    }

    .tk-oldal .tk-kep-doboz {
        height: 225px;
    }

    .tk-oldal .tk-termek-tartalom > h3 {
        min-height: 0;
    }

    .tk-oldal .tk-segitseg-szekcio {
        display: block;
        padding: 22px;
        border-radius: 12px;
    }

    .tk-oldal .tk-segitseg-gombok {
        display: grid;
        grid-template-columns: 1fr;

        margin-top: 19px;
    }

}



#penztargep-tipuslap {
    --pd-narancs: #ed7203;
    --pd-narancs-sotet: #c85b00;
    --pd-kek: #1976d2;
    --pd-zold: #2d873b;
    --pd-sotet: #252b32;
    --pd-szoveg: #515a64;
    --pd-halk: #78818a;
    --pd-keret: #dce1e7;
    --pd-hatter: #f5f7f9;
    --pd-feher: #fff;

    width: 100%;
    color: var(--pd-szoveg);
    box-sizing: border-box;
}

#penztargep-tipuslap *,
#penztargep-tipuslap *::before,
#penztargep-tipuslap *::after {
    box-sizing: border-box;
}

#penztargep-tipuslap img {
    max-width: 100%;
    height: auto;
}

#penztargep-tipuslap a {
    text-decoration: none;
}


/* MORZSA */

#penztargep-tipuslap .pd-morzsa {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;

    margin-bottom: 12px;
    padding: 10px 13px;

    color: var(--pd-halk);
    background: #f5f7f9;
    border: 1px solid var(--pd-keret);
    border-radius: 9px;

    font-size: 12px;
}

#penztargep-tipuslap .pd-morzsa a {
    color: var(--pd-narancs-sotet);
    font-weight: 700;
}

#penztargep-tipuslap .pd-morzsa a:hover {
    text-decoration: underline;
}


/* TERMÉK HERO */

#penztargep-tipuslap .pd-termek-hero {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    align-items: stretch;
    gap: 20px;

    margin-bottom: 18px;
}


/* GALÉRIA */

#penztargep-tipuslap .pd-galeria {
    min-width: 0;
    padding: 20px;

    background: #fff;
    border: 1px solid var(--pd-keret);
    border-radius: 17px;
    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.07);
}

#penztargep-tipuslap .pd-galeria-fejlec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    margin-bottom: 14px;
}

#penztargep-tipuslap .pd-cimke {
    display: inline-flex;
    padding: 7px 11px;

    color: #fff;
    background: var(--pd-narancs);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#penztargep-tipuslap .pd-kepszam {
    color: var(--pd-halk);
    font-size: 11px;
    font-weight: 700;
}


/* SLIDER */

#penztargep-tipuslap .pd-banner {
    position: relative;

    display: flex;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 440px;

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

    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            #fff,
            #f0f3f6
        );

    border: 1px solid var(--pd-keret);
    border-radius: 13px;
}

#penztargep-tipuslap .pd-banner .slide {
    max-width: 100%;
    max-height: 420px;
    height: auto;

    object-fit: contain;
}


/* NINCS KÉP */

#penztargep-tipuslap .pd-nincs-kep {
    display: flex;
    min-height: 420px;

    flex-direction: column;
    align-items: center;
    justify-content: center;

    color: var(--pd-halk);
    background: var(--pd-hatter);
    border: 1px dashed #bcc4cd;
    border-radius: 13px;

    text-align: center;
}

#penztargep-tipuslap .pd-nincs-kep span {
    font-size: 55px;
}

#penztargep-tipuslap .pd-nincs-kep p {
    max-width: 320px;
    margin: 15px 0 0;
}


/* TERMÉKADATOK */

#penztargep-tipuslap .pd-termek-adatok {
    min-width: 0;
    padding: 32px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(237, 114, 3, 0.11),
            transparent 31%
        ),
        linear-gradient(135deg, #fff, #f6f8fa);

    border: 1px solid var(--pd-keret);
    border-radius: 17px;
    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.07);
}

#penztargep-tipuslap .pd-cimke-vilagos {
    color: var(--pd-narancs-sotet);
    background: #fff0e3;
}

#penztargep-tipuslap .pd-termek-adatok h1 {
    margin: 14px 0 13px;

    color: var(--pd-sotet);

    font-size: clamp(31px, 4vw, 48px);
    line-height: 1.09;
    letter-spacing: -0.025em;
    overflow-wrap: anywhere;
}

#penztargep-tipuslap .pd-bevezeto {
    margin: 0 0 21px;

    color: var(--pd-szoveg);

    font-size: 16px;
    line-height: 1.65;
}


/* ÁR */

#penztargep-tipuslap .pd-ar-doboz {
    padding: 21px;

    background: linear-gradient(135deg, #fff7ed, #fff);
    border: 1px solid #efcda9;
    border-left: 5px solid var(--pd-narancs);
    border-radius: 12px;
}

#penztargep-tipuslap .pd-ar-doboz > span {
    display: block;
    margin-bottom: 6px;

    color: var(--pd-halk);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

#penztargep-tipuslap .pd-ar-doboz > strong {
    display: block;

    color: var(--pd-narancs-sotet);

    font-size: clamp(29px, 4vw, 41px);
    line-height: 1.1;
}

#penztargep-tipuslap .pd-ar-doboz small {
    display: block;
    margin-top: 7px;

    color: var(--pd-halk);

    font-size: 13px;
}


/* ELŐNYÖK */

#penztargep-tipuslap .pd-elonyok {
    margin: 21px 0;
    padding: 0;

    list-style: none;
}

#penztargep-tipuslap .pd-elonyok li {
    position: relative;

    margin-bottom: 10px;
    padding-left: 27px;

    color: var(--pd-szoveg);

    font-size: 14px;
    line-height: 1.5;
}

#penztargep-tipuslap .pd-elonyok li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: var(--pd-zold);

    font-weight: 900;
}


/* GOMBOK */

#penztargep-tipuslap .pd-gombok {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#penztargep-tipuslap .pd-gomb {
    display: inline-flex;
    min-height: 50px;
    padding: 12px 18px;

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

    border-radius: 9px;

    font-size: 14px;
    font-weight: 800;
    text-align: center;

    transition:
        transform 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

#penztargep-tipuslap .pd-gomb:hover {
    transform: translateY(-1px);
}

#penztargep-tipuslap .pd-gomb-fo {
    color: #fff;
    background: var(--pd-narancs);
    box-shadow: 0 6px 15px rgba(237, 114, 3, 0.23);
}

#penztargep-tipuslap .pd-gomb-fo:hover {
    color: #fff;
    background: var(--pd-narancs-sotet);
}

#penztargep-tipuslap .pd-gomb-masodlagos {
    color: var(--pd-sotet);
    background: #fff;
    border: 1px solid var(--pd-keret);
}

#penztargep-tipuslap .pd-gomb-masodlagos:hover {
    color: var(--pd-narancs-sotet);
    border-color: var(--pd-narancs);
}


/* SEGÍTSÉG */

#penztargep-tipuslap .pd-segitseg {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin-top: 15px;
    padding: 13px;

    background: #eef6ff;
    border: 1px solid #bad7f4;
    border-radius: 9px;
}

#penztargep-tipuslap .pd-segitseg > span {
    display: flex;
    flex: 0 0 25px;

    width: 25px;
    height: 25px;

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

    color: #fff;
    background: var(--pd-kek);
    border-radius: 50%;

    font-size: 11px;
    font-weight: 800;
}

#penztargep-tipuslap .pd-segitseg p {
    margin: 2px 0 0;

    color: var(--pd-szoveg);

    font-size: 12px;
    line-height: 1.5;
}


/* INFORMÁCIÓS KÁRTYÁK */

#penztargep-tipuslap .pd-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;

    margin: 18px 0;
}

#penztargep-tipuslap .pd-info-kartya {
    padding: 21px;

    background: #fff;
    border: 1px solid var(--pd-keret);
    border-radius: 13px;

    box-shadow: 0 4px 14px rgba(25, 34, 44, 0.055);
}

#penztargep-tipuslap .pd-info-kartya > span {
    display: inline-flex;

    width: 37px;
    height: 37px;

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

    color: var(--pd-narancs-sotet);
    background: #fff0e3;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 800;
}

#penztargep-tipuslap .pd-info-kartya h2 {
    margin: 14px 0 8px;

    color: var(--pd-sotet);

    font-size: 18px;
}

#penztargep-tipuslap .pd-info-kartya p {
    margin: 0;

    color: var(--pd-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* ÁLTALÁNOS SZEKCIÓ */

#penztargep-tipuslap .pd-szekcio {
    margin: 20px 0;
    padding: 32px;

    background: #fff;
    border: 1px solid var(--pd-keret);
    border-radius: 17px;

    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.065);
}

#penztargep-tipuslap .pd-szekcio-fejlec {
    max-width: 900px;
    margin-bottom: 23px;
}

#penztargep-tipuslap .pd-szekcio-fejlec h2 {
    margin: 12px 0 0;

    color: var(--pd-sotet);

    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
}


/* VIDEÓ */

#penztargep-tipuslap .pd-video {
    position: relative;

    width: 100%;
    max-width: 950px;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #111;
    border-radius: 13px;
}

#penztargep-tipuslap .pd-video iframe {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}


/* LEÍRÁS */

#penztargep-tipuslap .pd-leiras {
    max-width: 100%;

    color: var(--pd-szoveg);

    font-size: 16px;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

#penztargep-tipuslap .pd-leiras + .pd-leiras {
    margin-top: 28px;
    padding-top: 28px;

    border-top: 1px solid var(--pd-keret);
}

#penztargep-tipuslap .pd-leiras h2 {
    margin: 30px 0 13px;

    color: var(--pd-sotet);

    font-size: clamp(25px, 3vw, 34px);
    line-height: 1.2;
}

#penztargep-tipuslap .pd-leiras h3 {
    margin: 25px 0 10px;

    color: var(--pd-sotet);

    font-size: 22px;
    line-height: 1.3;
}

#penztargep-tipuslap .pd-leiras h4 {
    color: var(--pd-sotet);
}

#penztargep-tipuslap .pd-leiras p {
    margin: 0 0 17px;
}

#penztargep-tipuslap .pd-leiras ul,
#penztargep-tipuslap .pd-leiras ol {
    margin: 14px 0 20px;
    padding-left: 25px;
}

#penztargep-tipuslap .pd-leiras li {
    margin-bottom: 8px;
}

#penztargep-tipuslap .pd-leiras img {
    display: block;

    max-width: 100%;
    height: auto;
    margin: 20px auto;

    border-radius: 10px;
}

#penztargep-tipuslap .pd-leiras iframe {
    max-width: 100%;
}

#penztargep-tipuslap .pd-leiras table {
    width: 100%;
    border-collapse: collapse;
}

#penztargep-tipuslap .pd-leiras th,
#penztargep-tipuslap .pd-leiras td {
    padding: 10px;

    border: 1px solid var(--pd-keret);

    text-align: left;
}


/* ALSÓ CTA */

#penztargep-tipuslap .pd-zaro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

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

    color: #fff;

    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(237, 114, 3, 0.34),
            transparent 29%
        ),
        linear-gradient(135deg, #28313b, #414c58);

    border-radius: 16px;
}

#penztargep-tipuslap .pd-zaro h2 {
    margin: 12px 0 9px;

    color: #fff;

    font-size: 28px;
    line-height: 1.2;
}

#penztargep-tipuslap .pd-zaro p {
    max-width: 760px;
    margin: 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.6;
}

#penztargep-tipuslap .pd-cimke-sotet {
    color: #fff;
    background: rgba(255, 255, 255, 0.13);
}

#penztargep-tipuslap .pd-zaro-gombok {
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
}

#penztargep-tipuslap .pd-gomb-feher {
    color: var(--pd-sotet);
    background: #fff;
}

#penztargep-tipuslap .pd-gomb-feher:hover {
    color: var(--pd-narancs-sotet);
}

#penztargep-tipuslap .pd-gomb-atlatszo {
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

#penztargep-tipuslap .pd-gomb-atlatszo:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}


/* TABLET */

@media (max-width: 950px) {

    #penztargep-tipuslap .pd-termek-hero {
        grid-template-columns: 1fr;
    }

    #penztargep-tipuslap .pd-info-grid {
        grid-template-columns: 1fr;
    }

    #penztargep-tipuslap .pd-banner {
        min-height: 380px;
    }

}


/* MOBIL */

@media (max-width: 650px) {

    #penztargep-tipuslap .pd-galeria,
    #penztargep-tipuslap .pd-termek-adatok,
    #penztargep-tipuslap .pd-szekcio {
        padding: 18px;
        border-radius: 12px;
    }

    #penztargep-tipuslap .pd-banner {
        min-height: 280px;
    }

    #penztargep-tipuslap .pd-banner .slide {
        max-height: 265px;
    }

    #penztargep-tipuslap .pd-gombok {
        grid-template-columns: 1fr;
    }

    #penztargep-tipuslap .pd-zaro {
        display: block;
        padding: 22px;
        border-radius: 12px;
    }

    #penztargep-tipuslap .pd-zaro-gombok {
        display: grid;
        grid-template-columns: 1fr;

        margin-top: 19px;
    }

    #penztargep-tipuslap .pd-gomb {
        width: 100%;
    }

    #penztargep-tipuslap .pd-leiras {
        font-size: 15px;
    }

    #penztargep-tipuslap .pd-leiras table {
        min-width: 600px;
    }

    #penztargep-tipuslap .pd-leiras {
        overflow-x: auto;
    }

}


#penztargep-termekek-oldal {
    --pt-narancs: #ed7203;
    --pt-narancs-sotet: #c85b00;
    --pt-kek: #1976d2;
    --pt-zold: #2d873b;
    --pt-sotet: #252b32;
    --pt-szoveg: #515a64;
    --pt-halk: #78818a;
    --pt-keret: #dce1e7;
    --pt-hatter: #f5f7f9;
    --pt-feher: #fff;

    width: 100%;
    color: var(--pt-szoveg);
    box-sizing: border-box;
}

#penztargep-termekek-oldal *,
#penztargep-termekek-oldal *::before,
#penztargep-termekek-oldal *::after {
    box-sizing: border-box;
}

#penztargep-termekek-oldal a {
    text-decoration: none;
}

#penztargep-termekek-oldal img {
    max-width: 100%;
}


/* HERO */

#penztargep-termekek-oldal .pt-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 38px;

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

    color: #fff;

    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(237, 114, 3, 0.4),
            transparent 31%
        ),
        linear-gradient(135deg, #252c34, #414c58);

    border-radius: 18px;
    box-shadow: 0 9px 25px rgba(25, 34, 44, 0.16);
}

#penztargep-termekek-oldal .pt-hero h1 {
    max-width: 900px;
    margin: 13px 0 16px;

    color: #fff;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

#penztargep-termekek-oldal .pt-hero p {
    max-width: 880px;
    margin: 8px 0 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.65;
}

#penztargep-termekek-oldal .pt-hero .pt-lead {
    color: rgba(255, 255, 255, 0.93);
    font-size: 18px;
}

#penztargep-termekek-oldal .pt-cimke {
    display: inline-flex;
    padding: 7px 11px;

    color: #fff;
    background: var(--pt-narancs);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}


/* HERO GOMBOK */

#penztargep-termekek-oldal .pt-hero-gombok {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 24px;
}

#penztargep-termekek-oldal .pt-gomb {
    display: inline-flex;
    min-height: 48px;
    padding: 12px 18px;

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

    border-radius: 9px;

    font-size: 14px;
    font-weight: 800;

    transition:
        transform 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

#penztargep-termekek-oldal .pt-gomb:hover {
    transform: translateY(-1px);
}

#penztargep-termekek-oldal .pt-gomb-fo {
    color: #fff;
    background: var(--pt-narancs);
    box-shadow: 0 6px 15px rgba(237, 114, 3, 0.23);
}

#penztargep-termekek-oldal .pt-gomb-fo:hover {
    color: #fff;
    background: var(--pt-narancs-sotet);
}

#penztargep-termekek-oldal .pt-gomb-masodlagos {
    color: #fff;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

#penztargep-termekek-oldal .pt-gomb-masodlagos:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}


/* TERMÉKSZÁMLÁLÓ */

#penztargep-termekek-oldal .pt-hero-szamlalo {
    display: flex;
    align-items: center;
    gap: 14px;

    min-width: 235px;
    padding: 22px;

    color: var(--pt-sotet);
    background: #fff;
    border-radius: 14px;

    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.17);
}

#penztargep-termekek-oldal .pt-hero-szamlalo strong {
    color: var(--pt-narancs);

    font-size: 46px;
    line-height: 1;
}

#penztargep-termekek-oldal .pt-hero-szamlalo span {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}


/* ELŐNYÖK */

#penztargep-termekek-oldal .pt-elony-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;

    margin: 18px 0;
}

#penztargep-termekek-oldal .pt-elony-kartya {
    padding: 21px;

    background: #fff;
    border: 1px solid var(--pt-keret);
    border-radius: 13px;

    box-shadow: 0 4px 14px rgba(25, 34, 44, 0.055);
}

#penztargep-termekek-oldal .pt-elony-sorszam {
    display: inline-flex;
    width: 37px;
    height: 37px;

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

    color: var(--pt-narancs-sotet);
    background: #fff0e3;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 800;
}

#penztargep-termekek-oldal .pt-elony-kartya h2 {
    margin: 14px 0 8px;

    color: var(--pt-sotet);

    font-size: 18px;
    line-height: 1.3;
}

#penztargep-termekek-oldal .pt-elony-kartya p {
    margin: 0;

    color: var(--pt-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* TERMÉKSZEKCIÓ */

#penztargep-termekek-oldal .pt-szekcio {
    margin: 20px 0;
    padding: 32px;

    background: #fff;
    border: 1px solid var(--pt-keret);
    border-radius: 17px;

    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.065);
}

#penztargep-termekek-oldal .pt-szekcio-fejlec {
    max-width: 920px;
    margin-bottom: 25px;
}

#penztargep-termekek-oldal .pt-szekcio-fejlec h2 {
    margin: 12px 0 10px;

    color: var(--pt-sotet);

    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
}

#penztargep-termekek-oldal .pt-szekcio-fejlec p {
    margin: 0;

    color: var(--pt-szoveg);

    font-size: 15px;
    line-height: 1.65;
}

#penztargep-termekek-oldal .pt-cimke-vilagos {
    color: var(--pt-narancs-sotet);
    background: #fff0e3;
}


/* TERMÉKGRID */

#penztargep-termekek-oldal .pt-termek-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 17px;
}

#penztargep-termekek-oldal .pt-termek-kartya {
    min-width: 0;
    height: 100%;
}

#penztargep-termekek-oldal .pt-termek-link {
    display: flex;
    flex-direction: column;

    height: 100%;
    overflow: hidden;

    color: var(--pt-szoveg);

    background: #fff;
    border: 1px solid var(--pt-keret);
    border-radius: 15px;

    box-shadow: 0 5px 16px rgba(25, 34, 44, 0.07);

    transition:
        transform 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease;
}

#penztargep-termekek-oldal .pt-termek-link:hover {
    color: var(--pt-szoveg);
    transform: translateY(-4px);

    border-color: #e5a36a;
    box-shadow: 0 12px 28px rgba(25, 34, 44, 0.13);
}


/* TERMÉKKÉP */

#penztargep-termekek-oldal .pt-kep-doboz {
    position: relative;

    display: flex;
    height: 250px;

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

    padding: 24px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            #fff,
            #f2f5f8
        );

    border-bottom: 1px solid var(--pt-keret);
}

#penztargep-termekek-oldal .pt-kep-doboz img {
    display: block;

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

    object-fit: contain;

    transition: transform 0.2s ease;
}

#penztargep-termekek-oldal .pt-termek-link:hover .pt-kep-doboz img {
    transform: scale(1.035);
}

#penztargep-termekek-oldal .pt-termek-cimke {
    position: absolute;
    top: 14px;
    left: 14px;

    padding: 6px 9px;

    color: #fff;
    background: var(--pt-narancs);
    border-radius: 999px;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}


/* TERMÉKTARTALOM */

#penztargep-termekek-oldal .pt-termek-tartalom {
    display: flex;
    flex: 1;
    flex-direction: column;

    padding: 21px;
}

#penztargep-termekek-oldal .pt-termek-tartalom > h2 {
    min-height: 56px;
    margin: 0 0 16px;

    color: var(--pt-sotet);

    font-size: 21px;
    line-height: 1.3;
}


/* ÁR */

#penztargep-termekek-oldal .pt-ar-doboz {
    padding: 17px;

    background: linear-gradient(135deg, #fff8ef, #fff);
    border: 1px solid #f0d0ad;
    border-radius: 11px;
}

#penztargep-termekek-oldal .pt-ar-doboz > span {
    display: block;
    margin-bottom: 5px;

    color: var(--pt-halk);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#penztargep-termekek-oldal .pt-ar-doboz > strong {
    display: block;

    color: var(--pt-narancs-sotet);

    font-size: 27px;
    line-height: 1.15;
}

#penztargep-termekek-oldal .pt-ar-doboz small {
    display: block;
    margin-top: 5px;

    color: var(--pt-halk);

    font-size: 12px;
}


/* ÜZEMBE HELYEZÉS */

#penztargep-termekek-oldal .pt-termek-adatok {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;

    margin: 13px 0 0;
}

#penztargep-termekek-oldal .pt-termek-adatok > div {
    padding: 12px;

    background: var(--pt-hatter);
    border: 1px solid var(--pt-keret);
    border-radius: 9px;
}

#penztargep-termekek-oldal .pt-termek-adatok dt {
    margin-bottom: 4px;

    color: var(--pt-halk);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#penztargep-termekek-oldal .pt-termek-adatok dd {
    margin: 0;

    color: var(--pt-sotet);

    font-size: 12px;
    font-weight: 800;
}


/* ELŐNYLISTA */

#penztargep-termekek-oldal .pt-termek-elonyok {
    margin: 15px 0 18px;
    padding: 0;

    list-style: none;
}

#penztargep-termekek-oldal .pt-termek-elonyok li {
    position: relative;

    margin-bottom: 7px;
    padding-left: 23px;

    color: var(--pt-szoveg);

    font-size: 12px;
    line-height: 1.45;
}

#penztargep-termekek-oldal .pt-termek-elonyok li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: var(--pt-zold);
    font-weight: 800;
}


/* RÉSZLETEK GOMB */

#penztargep-termekek-oldal .pt-reszletek-gomb {
    display: flex;

    min-height: 45px;
    margin-top: auto;
    padding: 11px 14px;

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

    color: #fff;
    background: var(--pt-narancs);
    border-radius: 9px;

    font-size: 13px;
    font-weight: 800;
}

#penztargep-termekek-oldal .pt-reszletek-gomb span {
    font-size: 20px;
}

#penztargep-termekek-oldal .pt-termek-link:hover .pt-reszletek-gomb {
    background: var(--pt-narancs-sotet);
}


/* ÜRES ÁLLAPOT */

#penztargep-termekek-oldal .pt-ures {
    padding: 45px;

    text-align: center;

    background: var(--pt-hatter);
    border: 1px solid var(--pt-keret);
    border-radius: 14px;
}

#penztargep-termekek-oldal .pt-ures h2 {
    margin: 0 0 10px;

    color: var(--pt-sotet);
}

#penztargep-termekek-oldal .pt-ures p {
    margin: 0;
}


/* ALSÓ CTA */

#penztargep-termekek-oldal .pt-also-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

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

    color: #fff;

    background: linear-gradient(135deg, #28313b, #414c58);
    border-radius: 16px;
}

#penztargep-termekek-oldal .pt-also-info h2 {
    margin: 12px 0 9px;

    color: #fff;

    font-size: 28px;
    line-height: 1.2;
}

#penztargep-termekek-oldal .pt-also-info p {
    max-width: 780px;
    margin: 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.6;
}

#penztargep-termekek-oldal .pt-cimke-sotet {
    color: #fff;
    background: rgba(255, 255, 255, 0.13);
}

#penztargep-termekek-oldal .pt-also-gombok {
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
}

#penztargep-termekek-oldal .pt-gomb-feher {
    color: var(--pt-sotet);
    background: #fff;
}

#penztargep-termekek-oldal .pt-gomb-feher:hover {
    color: var(--pt-narancs-sotet);
}

#penztargep-termekek-oldal .pt-gomb-atlatszo {
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

#penztargep-termekek-oldal .pt-gomb-atlatszo:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}


/* TABLET */

@media (max-width: 1000px) {

    #penztargep-termekek-oldal .pt-hero {
        grid-template-columns: 1fr;
    }

    #penztargep-termekek-oldal .pt-hero-szamlalo {
        max-width: 285px;
    }

    #penztargep-termekek-oldal .pt-termek-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* MOBIL */

@media (max-width: 680px) {

    #penztargep-termekek-oldal .pt-hero {
        padding: 22px;
        border-radius: 12px;
    }

    #penztargep-termekek-oldal .pt-hero-gombok {
        display: grid;
        grid-template-columns: 1fr;
    }

    #penztargep-termekek-oldal .pt-gomb {
        width: 100%;
    }

    #penztargep-termekek-oldal .pt-hero-szamlalo {
        width: 100%;
        min-width: 0;
    }

    #penztargep-termekek-oldal .pt-elony-grid,
    #penztargep-termekek-oldal .pt-termek-grid {
        grid-template-columns: 1fr;
    }

    #penztargep-termekek-oldal .pt-szekcio {
        padding: 18px;
        border-radius: 12px;
    }

    #penztargep-termekek-oldal .pt-kep-doboz {
        height: 225px;
    }

    #penztargep-termekek-oldal .pt-termek-tartalom > h2 {
        min-height: 0;
    }

    #penztargep-termekek-oldal .pt-termek-adatok {
        grid-template-columns: 1fr;
    }

    #penztargep-termekek-oldal .pt-also-info {
        display: block;
        padding: 22px;
        border-radius: 12px;
    }

    #penztargep-termekek-oldal .pt-also-gombok {
        display: grid;
        grid-template-columns: 1fr;

        margin-top: 19px;
    }

}











#kapcsolat-oldal {
    --ko-narancs: #ed7203;
    --ko-narancs-sotet: #c85b00;
    --ko-kek: #1976d2;
    --ko-zold: #2d873b;
    --ko-sotet: #252b32;
    --ko-szoveg: #515a64;
    --ko-halk: #78818a;
    --ko-keret: #dce1e7;
    --ko-hatter: #f5f7f9;
    --ko-feher: #fff;

    width: 100%;
    color: var(--ko-szoveg);
    box-sizing: border-box;
}

#kapcsolat-oldal *,
#kapcsolat-oldal *::before,
#kapcsolat-oldal *::after {
    box-sizing: border-box;
}

#kapcsolat-oldal a {
    text-decoration: none;
}


/* HERO */

#kapcsolat-oldal .ko-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    align-items: center;
    gap: 38px;

    margin-bottom: 20px;
    padding: 42px;

    color: #fff;

    background:
        radial-gradient(
            circle at 87% 20%,
            rgba(237, 114, 3, 0.40),
            transparent 31%
        ),
        linear-gradient(135deg, #252c34, #414c58);

    border-radius: 18px;
    box-shadow: 0 9px 25px rgba(25, 34, 44, 0.16);
}

#kapcsolat-oldal .ko-hero h1 {
    max-width: 900px;
    margin: 13px 0 16px;

    color: #fff;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

#kapcsolat-oldal .ko-lead {
    max-width: 850px;
    margin: 0;

    color: rgba(255, 255, 255, 0.88);

    font-size: 18px;
    line-height: 1.65;
}

#kapcsolat-oldal .ko-cimke {
    display: inline-flex;
    padding: 7px 11px;

    color: #fff;
    background: var(--ko-narancs);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#kapcsolat-oldal .ko-hero-gombok {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 24px;
}


/* GOMBOK */

#kapcsolat-oldal .ko-gomb {
    display: inline-flex;
    min-height: 48px;
    padding: 12px 18px;

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

    border-radius: 9px;

    font-size: 14px;
    font-weight: 800;

    transition:
        transform 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

#kapcsolat-oldal .ko-gomb:hover {
    transform: translateY(-1px);
}

#kapcsolat-oldal .ko-gomb-fo {
    color: #fff;
    background: var(--ko-narancs);
    box-shadow: 0 6px 15px rgba(237, 114, 3, 0.24);
}

#kapcsolat-oldal .ko-gomb-fo:hover {
    color: #fff;
    background: var(--ko-narancs-sotet);
}

#kapcsolat-oldal .ko-gomb-masodlagos {
    color: #fff;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

#kapcsolat-oldal .ko-gomb-masodlagos:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}


/* HERO INFORMÁCIÓ */

#kapcsolat-oldal .ko-hero-info {
    padding: 25px;

    color: var(--ko-sotet);
    background: #fff;
    border-radius: 14px;

    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.17);
}

#kapcsolat-oldal .ko-hero-info > strong {
    display: block;

    margin-bottom: 14px;

    color: var(--ko-sotet);

    font-size: 22px;
}

#kapcsolat-oldal .ko-hero-info ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

#kapcsolat-oldal .ko-hero-info li {
    position: relative;

    margin-bottom: 9px;
    padding-left: 25px;

    color: var(--ko-szoveg);

    font-size: 13px;
    line-height: 1.5;
}

#kapcsolat-oldal .ko-hero-info li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: var(--ko-zold);

    font-weight: 800;
}


/* SZEKCIÓK */

#kapcsolat-oldal .ko-szekcio {
    margin: 20px 0;
    padding: 32px;

    background: #fff;
    border: 1px solid var(--ko-keret);
    border-radius: 17px;

    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.065);
}

#kapcsolat-oldal .ko-szekcio-fejlec {
    max-width: 920px;
    margin-bottom: 25px;
}

#kapcsolat-oldal .ko-szekcio-fejlec h2 {
    margin: 12px 0 10px;

    color: var(--ko-sotet);

    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
}

#kapcsolat-oldal .ko-szekcio-fejlec p {
    margin: 0;

    color: var(--ko-szoveg);

    font-size: 15px;
    line-height: 1.65;
}

#kapcsolat-oldal .ko-cimke-vilagos {
    color: var(--ko-narancs-sotet);
    background: #fff0e3;
}


/* TELEPHELYEK */

#kapcsolat-oldal .ko-telephely-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
}

#kapcsolat-oldal .ko-telephely-kartya {
    min-width: 0;
    overflow: hidden;

    background: #fff;
    border: 1px solid var(--ko-keret);
    border-top: 5px solid var(--ko-narancs);
    border-radius: 14px;

    box-shadow: 0 5px 16px rgba(25, 34, 44, 0.07);
}

#kapcsolat-oldal .ko-telephely-fejlec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;

    min-height: 135px;
    padding: 20px;
}

#kapcsolat-oldal .ko-hely-cimke {
    display: inline-flex;

    padding: 5px 8px;

    color: var(--ko-narancs-sotet);
    background: #fff0e3;
    border-radius: 999px;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#kapcsolat-oldal .ko-hely-cimke-kek {
    color: #145d9e;
    background: #e9f4ff;
}

#kapcsolat-oldal .ko-telephely-fejlec h3 {
    margin: 11px 0 5px;

    color: var(--ko-sotet);

    font-size: 21px;
    line-height: 1.25;
}

#kapcsolat-oldal .ko-telephely-fejlec p {
    margin: 0;

    color: var(--ko-halk);

    font-size: 12px;
}

#kapcsolat-oldal .ko-sorszam {
    color: #d8dde3;

    font-size: 30px;
    font-weight: 800;
}


/* TÉRKÉP */

#kapcsolat-oldal .ko-terkep {
    position: relative;

    width: 100%;
    height: 280px;
    overflow: hidden;

    background: #e9edf1;
}

#kapcsolat-oldal .ko-terkep iframe {
    display: block;

    width: 100%;
    height: 100%;

    border: 0;
}


/* ELÉRHETŐSÉGEK */

#kapcsolat-oldal .ko-elerhetosegek {
    display: grid;
    gap: 8px;

    padding: 17px 20px;
}

#kapcsolat-oldal .ko-elerhetosegek a {
    display: block;

    padding: 12px;

    background: var(--ko-hatter);
    border: 1px solid var(--ko-keret);
    border-radius: 9px;
}

#kapcsolat-oldal .ko-elerhetosegek a:hover {
    border-color: var(--ko-narancs);
}

#kapcsolat-oldal .ko-elerhetosegek span,
#kapcsolat-oldal .ko-elerhetosegek strong {
    display: block;
}

#kapcsolat-oldal .ko-elerhetosegek span {
    margin-bottom: 3px;

    color: var(--ko-halk);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#kapcsolat-oldal .ko-elerhetosegek strong {
    overflow-wrap: anywhere;

    color: var(--ko-sotet);

    font-size: 13px;
}


/* NYITVATARTÁS */

#kapcsolat-oldal .ko-nyitvatartas {
    margin: 0 20px 20px;
    padding: 16px;

    background: #fff8e9;
    border: 1px solid #ebc879;
    border-radius: 10px;
}

#kapcsolat-oldal .ko-nyitvatartas h4 {
    margin: 0 0 10px;

    color: var(--ko-sotet);

    font-size: 15px;
}

#kapcsolat-oldal .ko-nyitvatartas dl {
    margin: 0;
}

#kapcsolat-oldal .ko-nyitvatartas dl > div {
    display: flex;
    justify-content: space-between;
    gap: 15px;

    padding: 5px 0;
}

#kapcsolat-oldal .ko-nyitvatartas dt,
#kapcsolat-oldal .ko-nyitvatartas dd {
    margin: 0;

    font-size: 12px;
}

#kapcsolat-oldal .ko-nyitvatartas dd {
    color: var(--ko-sotet);
    font-weight: 800;
}

#kapcsolat-oldal .ko-egyeztetes {
    background: #eef6ff;
    border-color: #b9d7f5;
}

#kapcsolat-oldal .ko-egyeztetes p {
    margin: 0;

    font-size: 12px;
    line-height: 1.55;
}


/* CÉGADATOK */

#kapcsolat-oldal .ko-ceg-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

#kapcsolat-oldal .ko-ceg-kartya {
    padding: 24px;

    background: var(--ko-hatter);
    border: 1px solid var(--ko-keret);
    border-radius: 13px;
}

#kapcsolat-oldal .ko-ceg-kiemelt {
    background: #fffaf5;
    border: 2px solid var(--ko-narancs);
}

#kapcsolat-oldal .ko-ceg-tipus {
    display: inline-flex;

    color: var(--ko-narancs-sotet);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#kapcsolat-oldal .ko-ceg-kartya h3 {
    margin: 9px 0 17px;

    color: var(--ko-sotet);

    font-size: 23px;
}

#kapcsolat-oldal .ko-ceg-kartya > p {
    color: var(--ko-szoveg);

    font-size: 13px;
    line-height: 1.6;
}

#kapcsolat-oldal .ko-cegadatok {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;

    margin: 0;
}

#kapcsolat-oldal .ko-cegadatok > div {
    padding: 13px;

    background: #fff;
    border: 1px solid var(--ko-keret);
    border-radius: 9px;
}

#kapcsolat-oldal .ko-cegadatok dt {
    margin-bottom: 4px;

    color: var(--ko-halk);

    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

#kapcsolat-oldal .ko-cegadatok dd {
    margin: 0;

    color: var(--ko-sotet);

    font-size: 14px;
    font-weight: 800;
}

#kapcsolat-oldal .ko-jogi-link {
    margin-top: 16px;
    padding-top: 15px;

    border-top: 1px solid var(--ko-keret);
}

#kapcsolat-oldal .ko-jogi-link p {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.55;
}

#kapcsolat-oldal .ko-jogi-link a {
    display: inline-flex;

    padding: 9px 12px;

    color: #fff;
    background: var(--ko-narancs);
    border-radius: 8px;

    font-size: 12px;
    font-weight: 800;
}


/* FIGYELMEZTETÉS */

#kapcsolat-oldal .ko-figyelmeztetes {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin: 15px 0;
    padding: 13px;

    background: #fff4e3;
    border: 1px solid #edc477;
    border-radius: 9px;
}

#kapcsolat-oldal .ko-figyelmeztetes > span {
    display: flex;
    flex: 0 0 25px;

    width: 25px;
    height: 25px;

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

    color: #fff;
    background: #e69a13;
    border-radius: 50%;

    font-weight: 800;
}

#kapcsolat-oldal .ko-figyelmeztetes p {
    margin: 2px 0 0;

    font-size: 12px;
    line-height: 1.5;
}


/* VISZONTELADÓK */

#kapcsolat-oldal .ko-viszonteladok {
    margin-top: 24px;
    padding-top: 22px;

    border-top: 1px solid var(--ko-keret);
}

#kapcsolat-oldal .ko-viszonteladok > h3 {
    margin: 0 0 16px;

    color: var(--ko-sotet);

    font-size: 22px;
}

#kapcsolat-oldal .ko-viszontelado-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

#kapcsolat-oldal .ko-viszontelado-kartya {
    padding: 20px;

    background: var(--ko-hatter);
    border: 1px solid var(--ko-keret);
    border-radius: 11px;
}

#kapcsolat-oldal .ko-viszontelado-kartya h4 {
    margin: 0 0 14px;

    color: var(--ko-sotet);

    font-size: 18px;
}

#kapcsolat-oldal .ko-viszontelado-kartya dl {
    margin: 0;
}

#kapcsolat-oldal .ko-viszontelado-kartya dl > div {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 12px;

    padding: 8px 0;

    border-bottom: 1px solid var(--ko-keret);
}

#kapcsolat-oldal .ko-viszontelado-kartya dl > div:last-child {
    border-bottom: 0;
}

#kapcsolat-oldal .ko-viszontelado-kartya dt {
    color: var(--ko-halk);

    font-size: 11px;
    font-weight: 700;
}

#kapcsolat-oldal .ko-viszontelado-kartya dd {
    margin: 0;

    color: var(--ko-sotet);

    font-size: 12px;
    font-weight: 700;
}


/* ZÁRÓ CTA */

#kapcsolat-oldal .ko-zaro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

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

    color: #fff;

    background: linear-gradient(135deg, #28313b, #414c58);
    border-radius: 16px;
}

#kapcsolat-oldal .ko-zaro h2 {
    margin: 12px 0 9px;

    color: #fff;

    font-size: 28px;
    line-height: 1.2;
}

#kapcsolat-oldal .ko-zaro p {
    max-width: 800px;
    margin: 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.6;
}

#kapcsolat-oldal .ko-cimke-sotet {
    color: #fff;
    background: rgba(255, 255, 255, 0.13);
}

#kapcsolat-oldal .ko-gomb-feher {
    flex: 0 0 auto;

    color: var(--ko-sotet);
    background: #fff;
}

#kapcsolat-oldal .ko-gomb-feher:hover {
    color: var(--ko-narancs-sotet);
}


/* TABLET */

@media (max-width: 1050px) {

    #kapcsolat-oldal .ko-hero {
        grid-template-columns: 1fr;
    }

    #kapcsolat-oldal .ko-hero-info {
        max-width: 600px;
    }

    #kapcsolat-oldal .ko-telephely-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #kapcsolat-oldal .ko-telephely-kartya:last-child {
        grid-column: 1 / -1;
    }

}


/* MOBIL */

@media (max-width: 700px) {

    #kapcsolat-oldal .ko-hero {
        padding: 22px;
        border-radius: 12px;
    }

    #kapcsolat-oldal .ko-hero-gombok {
        display: grid;
        grid-template-columns: 1fr;
    }

    #kapcsolat-oldal .ko-gomb {
        width: 100%;
    }

    #kapcsolat-oldal .ko-szekcio {
        padding: 18px;
        border-radius: 12px;
    }

    #kapcsolat-oldal .ko-telephely-grid,
    #kapcsolat-oldal .ko-ceg-grid,
    #kapcsolat-oldal .ko-viszontelado-grid {
        grid-template-columns: 1fr;
    }

    #kapcsolat-oldal .ko-telephely-kartya:last-child {
        grid-column: auto;
    }

    #kapcsolat-oldal .ko-terkep {
        height: 240px;
    }

    #kapcsolat-oldal .ko-cegadatok {
        grid-template-columns: 1fr;
    }

    #kapcsolat-oldal .ko-viszontelado-kartya dl > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    #kapcsolat-oldal .ko-zaro {
        display: block;
        padding: 22px;
        border-radius: 12px;
    }

    #kapcsolat-oldal .ko-zaro .ko-gomb {
        margin-top: 19px;
    }

}






#sos-penztargep-oldal {
    --sos-piros: #dc3545;
    --sos-piros-sotet: #b8202f;
    --sos-narancs: #ed7203;
    --sos-kek: #1976d2;
    --sos-zold: #2d873b;
    --sos-sotet: #252b32;
    --sos-szoveg: #515a64;
    --sos-halk: #78818a;
    --sos-keret: #dce1e7;
    --sos-hatter: #f5f7f9;
    --sos-feher: #fff;

    width: 100%;
    color: var(--sos-szoveg);
    box-sizing: border-box;
}

#sos-penztargep-oldal *,
#sos-penztargep-oldal *::before,
#sos-penztargep-oldal *::after {
    box-sizing: border-box;
}

#sos-penztargep-oldal img {
    max-width: 100%;
    height: auto;
}


/* HERO */

#sos-penztargep-oldal .sos-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    align-items: center;
    gap: 38px;

    margin-bottom: 20px;
    padding: 42px;

    color: #fff;

    background:
        radial-gradient(
            circle at 87% 20%,
            rgba(220, 53, 69, 0.42),
            transparent 30%
        ),
        linear-gradient(135deg, #222931, #3a4652);

    border-radius: 18px;
    box-shadow: 0 9px 25px rgba(25, 34, 44, 0.17);
}

#sos-penztargep-oldal .sos-hero h1 {
    max-width: 900px;
    margin: 13px 0 16px;

    color: #fff;

    font-size: clamp(34px, 4vw, 53px);
    line-height: 1.07;
    letter-spacing: -0.026em;
}

#sos-penztargep-oldal .sos-lead {
    max-width: 850px;
    margin: 0;

    color: rgba(255, 255, 255, 0.91);

    font-size: 18px;
    line-height: 1.65;
}

#sos-penztargep-oldal .sos-cimke {
    display: inline-flex;

    padding: 7px 11px;

    color: #fff;
    background: var(--sos-piros);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#sos-penztargep-oldal .sos-hero-elonyok {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;

    margin-top: 25px;
}

#sos-penztargep-oldal .sos-hero-elonyok > span {
    padding: 13px;

    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 10px;
}

#sos-penztargep-oldal .sos-hero-elonyok strong,
#sos-penztargep-oldal .sos-hero-elonyok small {
    display: block;
}

#sos-penztargep-oldal .sos-hero-elonyok strong {
    color: #fff;
    font-size: 13px;
}

#sos-penztargep-oldal .sos-hero-elonyok small {
    margin-top: 5px;

    color: rgba(255, 255, 255, 0.65);

    font-size: 10px;
    line-height: 1.45;
}


/* HERO OLDALDOBOZ */

#sos-penztargep-oldal .sos-hero-oldal {
    padding: 28px;

    color: var(--sos-sotet);
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.18);
}

#sos-penztargep-oldal .sos-telefon-ikon {
    display: flex;

    width: 54px;
    height: 54px;

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

    margin-bottom: 16px;

    color: #fff;
    background: var(--sos-piros);
    border-radius: 14px;

    font-size: 27px;
}

#sos-penztargep-oldal .sos-hero-oldal > strong {
    display: block;

    color: var(--sos-sotet);

    font-size: 27px;
}

#sos-penztargep-oldal .sos-hero-oldal p {
    margin: 9px 0 19px;

    color: var(--sos-szoveg);

    font-size: 13px;
    line-height: 1.6;
}

#sos-penztargep-oldal .sos-hero-oldal a {
    display: flex;

    min-height: 47px;
    padding: 11px 15px;

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

    color: #fff !important;
    text-decoration: none !important;

    background: var(--sos-piros);
    border-radius: 9px;

    font-size: 14px;
    font-weight: 800;

    transition:
        background 0.15s ease,
        transform 0.15s ease;
}

#sos-penztargep-oldal .sos-hero-oldal a:hover {
    background: var(--sos-piros-sotet);
    transform: translateY(-1px);
}


/* SZEKCIÓ */

#sos-penztargep-oldal .sos-szekcio {
    margin: 20px 0;
    padding: 32px;

    background: #fff;
    border: 1px solid var(--sos-keret);
    border-radius: 17px;
    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.065);
}

#sos-penztargep-oldal .sos-szekcio-fejlec {
    max-width: 930px;
    margin-bottom: 25px;
}

#sos-penztargep-oldal .sos-szekcio-fejlec h2 {
    margin: 12px 0 10px;

    color: var(--sos-sotet);

    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
}

#sos-penztargep-oldal .sos-szekcio-fejlec p {
    margin: 0;

    color: var(--sos-szoveg);

    font-size: 15px;
    line-height: 1.65;
}

#sos-penztargep-oldal .sos-cimke-vilagos {
    color: var(--sos-piros-sotet);
    background: #ffeaed;
}


/* FOLYAMAT */

#sos-penztargep-oldal .sos-folyamat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

#sos-penztargep-oldal .sos-folyamat-kartya {
    padding: 20px;

    background: var(--sos-hatter);
    border: 1px solid var(--sos-keret);
    border-radius: 12px;
}

#sos-penztargep-oldal .sos-folyamat-kartya > span {
    display: flex;

    width: 38px;
    height: 38px;

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

    color: var(--sos-piros-sotet);
    background: #ffeaed;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 800;
}

#sos-penztargep-oldal .sos-folyamat-kartya h3 {
    margin: 14px 0 8px;

    color: var(--sos-sotet);

    font-size: 17px;
    line-height: 1.3;
}

#sos-penztargep-oldal .sos-folyamat-kartya p {
    margin: 0;

    color: var(--sos-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* ŰRLAP */

#sos-penztargep-oldal .sos-urlap-szekcio {
    border-top: 5px solid var(--sos-piros);
}

#sos-penztargep-oldal .sos-fontos-info {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    margin-bottom: 23px;
    padding: 16px;

    background: #fff8e9;
    border: 1px solid #edca7c;
    border-left: 5px solid #e79b16;
    border-radius: 11px;
}

#sos-penztargep-oldal .sos-fontos-ikon {
    display: flex;
    flex: 0 0 31px;

    width: 31px;
    height: 31px;

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

    color: #fff;
    background: #e79b16;
    border-radius: 50%;

    font-weight: 800;
}

#sos-penztargep-oldal .sos-fontos-info strong {
    color: var(--sos-sotet);
}

#sos-penztargep-oldal .sos-fontos-info p {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.55;
}


/* MEZŐK */

#sos-penztargep-oldal .sos-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

#sos-penztargep-oldal .sos-mezo {
    min-width: 0;
}

#sos-penztargep-oldal .sos-mezo-teljes {
    grid-column: 1 / -1;
}

#sos-penztargep-oldal .sos-mezo label {
    display: block;

    margin-bottom: 7px;

    color: var(--sos-sotet);

    font-size: 14px;
    font-weight: 700;
}

#sos-penztargep-oldal .sos-input {
    display: block;

    width: 100%;
    min-height: 50px;
    padding: 12px 14px;

    color: var(--sos-sotet);
    background: #fff;

    border: 1px solid #cfd5dc;
    border-radius: 9px;

    font-family: inherit;
    font-size: 16px;

    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

#sos-penztargep-oldal .sos-input:focus {
    border-color: var(--sos-piros);
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.12);
    outline: none;
}

#sos-penztargep-oldal .sos-mezo > small {
    display: block;

    margin-top: 6px;

    color: var(--sos-halk);

    font-size: 11px;
    line-height: 1.45;
}

#sos-penztargep-oldal .sos-textarea {
    min-height: 180px;
    resize: vertical;
    line-height: 1.55;
}

#sos-penztargep-oldal .sos-segitseg-pelda {
    margin-top: 9px;
    padding: 11px 13px;

    color: #53606b;
    background: #f3f5f7;
    border-radius: 8px;

    font-size: 11px;
    line-height: 1.5;
}

#sos-penztargep-oldal .sos-segitseg-pelda strong {
    color: var(--sos-sotet);
}


/* CSATOLMÁNYOK */

#sos-penztargep-oldal .sos-csatolmanyok {
    margin: 24px 0 0;
    padding: 21px;

    background: var(--sos-hatter);
    border: 1px solid var(--sos-keret);
    border-radius: 13px;
}

#sos-penztargep-oldal .sos-csatolmanyok legend {
    padding: 0 8px;

    color: var(--sos-sotet);

    font-size: 20px;
    font-weight: 800;
}

#sos-penztargep-oldal .sos-csatolmanyok > p {
    margin: 0 0 17px;

    color: var(--sos-halk);

    font-size: 13px;
    line-height: 1.55;
}

#sos-penztargep-oldal .sos-file-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

#sos-penztargep-oldal .sos-file-mezo {
    padding: 14px;

    background: #fff;
    border: 1px solid var(--sos-keret);
    border-radius: 10px;
}

#sos-penztargep-oldal .sos-file-mezo label {
    display: block;

    margin-bottom: 9px;

    color: var(--sos-sotet);

    font-size: 13px;
    font-weight: 700;
}

#sos-penztargep-oldal .sos-file {
    display: block;

    width: 100%;
    padding: 8px;

    color: var(--sos-szoveg);
    background: #f7f8fa;

    border: 1px dashed #bdc5ce;
    border-radius: 8px;

    font-family: inherit;
    font-size: 11px;
}

#sos-penztargep-oldal .sos-file::file-selector-button {
    margin-right: 8px;
    padding: 8px 10px;

    cursor: pointer;

    color: #fff;
    background: var(--sos-kek);
    border: 0;
    border-radius: 7px;

    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
}


/* ŰRLAP ALJA */

#sos-penztargep-oldal .sos-form-also {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    margin-top: 23px;
    padding-top: 21px;

    border-top: 1px solid var(--sos-keret);
}

#sos-penztargep-oldal .sos-visszahivas-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    max-width: 650px;
}

#sos-penztargep-oldal .sos-visszahivas-info > span {
    display: flex;
    flex: 0 0 31px;

    width: 31px;
    height: 31px;

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

    color: #fff;
    background: var(--sos-zold);
    border-radius: 50%;
}

#sos-penztargep-oldal .sos-visszahivas-info p {
    margin: 3px 0 0;

    color: var(--sos-halk);

    font-size: 12px;
    line-height: 1.5;
}

#sos-penztargep-oldal .sos-kuldes-gomb {
    display: inline-flex;
    flex: 0 0 auto;

    min-height: 52px;
    padding: 13px 19px;

    align-items: center;
    justify-content: center;
    gap: 12px;

    cursor: pointer;

    color: #fff;
    background: var(--sos-piros);
    border: 1px solid var(--sos-piros);
    border-radius: 9px;

    box-shadow: 0 6px 15px rgba(220, 53, 69, 0.23);

    font-family: inherit;
    font-size: 15px;
    font-weight: 800;

    transition:
        background 0.15s ease,
        transform 0.15s ease,
        box-shadow 0.15s ease;
}

#sos-penztargep-oldal .sos-kuldes-gomb:hover {
    background: var(--sos-piros-sotet);
    transform: translateY(-1px);
    box-shadow: 0 9px 20px rgba(220, 53, 69, 0.28);
}

#sos-penztargep-oldal .sos-kuldes-gomb span {
    font-size: 21px;
}


/* ZÁRÓ BLOKK */

#sos-penztargep-oldal .sos-zaro {
    margin-top: 20px;
    padding: 29px;

    color: #fff;

    background: linear-gradient(135deg, #28313b, #414c58);
    border-radius: 16px;
}

#sos-penztargep-oldal .sos-zaro h2 {
    margin: 12px 0 9px;

    color: #fff;

    font-size: 27px;
    line-height: 1.2;
}

#sos-penztargep-oldal .sos-zaro p {
    max-width: 900px;
    margin: 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 14px;
    line-height: 1.65;
}

#sos-penztargep-oldal .sos-cimke-sotet {
    color: #fff;
    background: rgba(255, 255, 255, 0.13);
}


/* TABLET */

@media (max-width: 950px) {

    #sos-penztargep-oldal .sos-hero {
        grid-template-columns: 1fr;
    }

    #sos-penztargep-oldal .sos-hero-oldal {
        max-width: 470px;
    }

    #sos-penztargep-oldal .sos-folyamat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #sos-penztargep-oldal .sos-file-grid {
        grid-template-columns: 1fr;
    }

}


/* MOBIL */

@media (max-width: 620px) {

    #sos-penztargep-oldal .sos-hero {
        padding: 22px;
        border-radius: 12px;
    }

    #sos-penztargep-oldal .sos-hero-elonyok {
        grid-template-columns: 1fr;
    }

    #sos-penztargep-oldal .sos-szekcio {
        padding: 18px;
        border-radius: 12px;
    }

    #sos-penztargep-oldal .sos-folyamat-grid {
        grid-template-columns: 1fr;
    }

    #sos-penztargep-oldal .sos-form-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    #sos-penztargep-oldal .sos-mezo-teljes {
        grid-column: auto;
    }

    #sos-penztargep-oldal .sos-csatolmanyok {
        padding: 15px;
    }

    #sos-penztargep-oldal .sos-form-also {
        display: block;
    }

    #sos-penztargep-oldal .sos-kuldes-gomb {
        width: 100%;
        margin-top: 17px;
    }

    #sos-penztargep-oldal .sos-zaro {
        padding: 21px;
        border-radius: 12px;
    }

}






#penztargep-rendeles-oldal {
    --pr-narancs: #ed7203;
    --pr-narancs-sotet: #c95c00;
    --pr-kek: #1976d2;
    --pr-zold: #2d873b;
    --pr-sotet: #252b32;
    --pr-szoveg: #505963;
    --pr-halk: #79818a;
    --pr-keret: #dce1e7;
    --pr-hatter: #f5f7f9;
    --pr-feher: #fff;

    width: 100%; 
    color: var(--pr-szoveg);
    box-sizing: border-box;
}

#penztargep-rendeles-oldal *,
#penztargep-rendeles-oldal *::before,
#penztargep-rendeles-oldal *::after {
    box-sizing: border-box;
}


/* HERO */

#penztargep-rendeles-oldal .pr-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
    align-items: center;
    gap: 40px;

    margin-bottom: 20px;
    padding: 42px;

    color: #fff;

    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(237, 114, 3, 0.35),
            transparent 32%
        ),
        linear-gradient(135deg, #252c34, #414c58);

    border-radius: 18px;
    box-shadow: 0 9px 25px rgba(25, 34, 44, 0.16);
}

#penztargep-rendeles-oldal .pr-hero h1 {
    max-width: 850px;
    margin: 13px 0 16px;

    color: #fff;

    font-size: clamp(33px, 4vw, 51px);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

#penztargep-rendeles-oldal .pr-lead {
    max-width: 830px;
    margin: 0;

    color: rgba(255, 255, 255, 0.9);

    font-size: 18px;
    line-height: 1.65;
}

#penztargep-rendeles-oldal .pr-cimke {
    display: inline-flex;

    padding: 7px 11px;

    color: #fff;
    background: var(--pr-narancs);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#penztargep-rendeles-oldal .pr-hero-info {
    display: flex;
    align-items: flex-start;
    gap: 11px;

    margin-top: 22px;
    padding: 14px;

    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 11px;
}

#penztargep-rendeles-oldal .pr-hero-info > span {
    display: flex;
    flex: 0 0 27px;

    width: 27px;
    height: 27px;

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

    color: #fff;
    background: var(--pr-zold);
    border-radius: 50%;

    font-size: 13px;
    font-weight: 800;
}

#penztargep-rendeles-oldal .pr-hero-info p {
    margin: 2px 0 0;

    color: rgba(255, 255, 255, 0.83);

    font-size: 13px;
    line-height: 1.55;
}


/* LÉPÉSEK */

#penztargep-rendeles-oldal .pr-lepesek {
    display: grid;
    gap: 10px;

    margin: 0;
    padding: 0;

    list-style: none;
}

#penztargep-rendeles-oldal .pr-lepes {
    display: flex;
    align-items: center;
    gap: 13px;

    padding: 14px;

    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 11px;
}

#penztargep-rendeles-oldal .pr-lepes > span {
    display: flex;
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

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

    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.12);
    border-radius: 9px;

    font-weight: 800;
}

#penztargep-rendeles-oldal .pr-lepes-aktiv {
    background: #fff;
}

#penztargep-rendeles-oldal .pr-lepes-aktiv > span {
    color: #fff;
    background: var(--pr-narancs);
}

#penztargep-rendeles-oldal .pr-lepes strong,
#penztargep-rendeles-oldal .pr-lepes small {
    display: block;
}

#penztargep-rendeles-oldal .pr-lepes strong {
    color: #fff;
    font-size: 14px;
}

#penztargep-rendeles-oldal .pr-lepes small {
    margin-top: 3px;

    color: rgba(255, 255, 255, 0.61);

    font-size: 11px;
}

#penztargep-rendeles-oldal .pr-lepes-aktiv strong {
    color: var(--pr-sotet);
}

#penztargep-rendeles-oldal .pr-lepes-aktiv small {
    color: var(--pr-halk);
}


/* SZEKCIÓK */

#penztargep-rendeles-oldal .pr-szekcio {
    margin: 20px 0;
    padding: 32px;

    background: #fff;
    border: 1px solid var(--pr-keret);
    border-radius: 17px;
    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.065);
}

#penztargep-rendeles-oldal .pr-szekcio-fejlec {
    max-width: 900px;
    margin-bottom: 25px;
}

#penztargep-rendeles-oldal .pr-szekcio-fejlec h2 {
    margin: 12px 0 10px;

    color: var(--pr-sotet);

    font-size: clamp(27px, 3vw, 37px);
    line-height: 1.15;
}

#penztargep-rendeles-oldal .pr-szekcio-fejlec p {
    margin: 0;

    color: var(--pr-szoveg);

    font-size: 15px;
    line-height: 1.65;
}


/* ALAPADATOK */

#penztargep-rendeles-oldal .pr-adat-form {
    margin: 0;
}

#penztargep-rendeles-oldal .pr-urlap-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

#penztargep-rendeles-oldal .pr-mezo {
    min-width: 0;
}

#penztargep-rendeles-oldal .pr-mezo-teljes {
    grid-column: 1 / -1;
}

#penztargep-rendeles-oldal .pr-mezo label {
    display: block;

    margin-bottom: 7px;

    color: var(--pr-sotet);

    font-size: 14px;
    font-weight: 700;
}

#penztargep-rendeles-oldal .pr-mezo label small {
    display: block;

    margin-top: 3px;

    color: var(--pr-halk);

    font-size: 11px;
    font-weight: 400;
}

#penztargep-rendeles-oldal .pr-input {
    display: block;

    width: 100%;
    min-height: 49px;
    margin: 0;
    padding: 12px 14px;

    color: var(--pr-sotet);
    background: #fff;

    border: 1px solid #cfd5dc;
    border-radius: 9px;

    font-family: inherit;
    font-size: 15px;

    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

#penztargep-rendeles-oldal .pr-input:focus {
    border-color: var(--pr-kek);
    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.13);
    outline: none;
}

#penztargep-rendeles-oldal .pr-input[readonly] {
    color: #505963;
    background: #f3f5f7;
}

#penztargep-rendeles-oldal .pr-textarea {
    min-height: 230px;
    resize: vertical;
    line-height: 1.55;
}

#penztargep-rendeles-oldal .pr-automatikus-adat {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin-bottom: 10px;
    padding: 11px 13px;

    color: #24652f;
    background: #edf8ef;
    border: 1px solid #c2e4c8;
    border-radius: 9px;
}

#penztargep-rendeles-oldal .pr-automatikus-adat span {
    font-weight: 800;
}

#penztargep-rendeles-oldal .pr-automatikus-adat p {
    margin: 0;

    font-size: 12px;
    line-height: 1.5;
}


/* FORM ALJA */

#penztargep-rendeles-oldal .pr-form-also {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

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

    border-top: 1px solid var(--pr-keret);
}

#penztargep-rendeles-oldal .pr-adatvedelmi-megjegyzes {
    max-width: 600px;
    margin: 0;

    color: var(--pr-halk);

    font-size: 12px;
    line-height: 1.5;
}


/* GOMBOK */

#penztargep-rendeles-oldal .pr-gombok {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

#penztargep-rendeles-oldal .pr-gomb {
    display: inline-flex;

    min-height: 48px;
    padding: 11px 18px;

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

    cursor: pointer;

    border-radius: 9px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease;
}

#penztargep-rendeles-oldal .pr-gomb:hover {
    transform: translateY(-1px);
}

#penztargep-rendeles-oldal .pr-gomb-fo {
    color: #fff;
    background: var(--pr-narancs);
    border: 1px solid var(--pr-narancs);

    box-shadow: 0 6px 14px rgba(237, 114, 3, 0.22);
}

#penztargep-rendeles-oldal .pr-gomb-fo:hover {
    background: var(--pr-narancs-sotet);
}

#penztargep-rendeles-oldal .pr-gomb-masodlagos {
    color: var(--pr-sotet);
    background: #fff;
    border: 1px solid var(--pr-keret);
}

#penztargep-rendeles-oldal .pr-gomb-teljes {
    width: 100%;
    margin-top: 18px;
}


/* ÁLLAPOT */

#penztargep-rendeles-oldal .pr-allapot:not(:empty) {
    margin: 18px 0;
    padding: 18px;

    color: var(--pr-sotet);
    background: #eef6ff;
    border: 1px solid #b9d7f5;
    border-left: 5px solid var(--pr-kek);
    border-radius: 11px;

    font-size: 16px;
    font-weight: 700;
}


/* BIZTONSÁGI INFORMÁCIÓ */

#penztargep-rendeles-oldal .pr-biztonsagi-info {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    margin-bottom: 22px;
    padding: 16px;

    background: #fff8e9;
    border: 1px solid #edca7c;
    border-left: 5px solid #e79b16;
    border-radius: 11px;
}

#penztargep-rendeles-oldal .pr-biztonsagi-ikon {
    display: flex;
    flex: 0 0 31px;

    width: 31px;
    height: 31px;

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

    color: #fff;
    background: #e79b16;
    border-radius: 50%;

    font-weight: 800;
}

#penztargep-rendeles-oldal .pr-biztonsagi-info strong {
    color: var(--pr-sotet);
}

#penztargep-rendeles-oldal .pr-biztonsagi-info p {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.55;
}


/* DOKUMENTUMPANELEK */

#penztargep-rendeles-oldal .pr-dokumentum-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
}

#penztargep-rendeles-oldal .pr-dokumentum-panel {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 22px;

    background: var(--pr-hatter);
    border: 1px solid var(--pr-keret);
    border-radius: 14px;
}

#penztargep-rendeles-oldal .pr-dokumentum-panel legend {
    padding: 0 8px;

    color: var(--pr-sotet);

    font-size: 22px;
    font-weight: 800;
}

#penztargep-rendeles-oldal .pr-panel-lead {
    margin: 0 0 18px;

    color: var(--pr-halk);

    font-size: 13px;
    line-height: 1.5;
}


/* FELTÖLTÉSEK */

#penztargep-rendeles-oldal .pr-feltoltes-lista {
    display: grid;
    gap: 12px;
}

#penztargep-rendeles-oldal .pr-feltoltes-sor {
    padding: 16px;

    background: #fff;
    border: 1px solid var(--pr-keret);
    border-radius: 11px;
}

#penztargep-rendeles-oldal .pr-feltoltes-fejlec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 13px;

    margin-bottom: 12px;
}

#penztargep-rendeles-oldal .pr-feltoltes-fejlec h3 {
    margin: 0 0 4px;

    color: var(--pr-sotet);

    font-size: 15px;
    line-height: 1.35;
}

#penztargep-rendeles-oldal .pr-feltoltes-fejlec p {
    margin: 0;

    color: var(--pr-halk);

    font-size: 11px;
    line-height: 1.5;
}

#penztargep-rendeles-oldal .pr-jelzes {
    flex: 0 0 auto;

    padding: 5px 8px;

    color: #66707a;
    background: #eef1f4;
    border-radius: 999px;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#penztargep-rendeles-oldal .pr-jelzes-kotelezo {
    color: #a94800;
    background: #fff0e3;
}

#penztargep-rendeles-oldal .pr-file {
    display: block;

    width: 100%;
    padding: 8px;

    color: var(--pr-szoveg);
    background: #f7f8fa;

    border: 1px dashed #bdc5ce;
    border-radius: 8px;

    font-family: inherit;
    font-size: 12px;
}

#penztargep-rendeles-oldal .pr-file::file-selector-button {
    margin-right: 10px;
    padding: 8px 11px;

    cursor: pointer;

    color: #fff;
    background: var(--pr-kek);
    border: 0;
    border-radius: 7px;

    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
}

#penztargep-rendeles-oldal .pr-feltoltes-allapot:not(:empty) {
    margin-top: 9px;
    padding: 9px;

    color: #286a33;
    background: #edf8ef;
    border-radius: 7px;

    font-size: 11px;
    line-height: 1.45;
}


/* TABLET */

@media (max-width: 900px) {

    #penztargep-rendeles-oldal .pr-hero {
        grid-template-columns: 1fr;
    }

    #penztargep-rendeles-oldal .pr-lepesek {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #penztargep-rendeles-oldal .pr-lepes {
        display: block;
    }

    #penztargep-rendeles-oldal .pr-lepes > span {
        margin-bottom: 9px;
    }

    #penztargep-rendeles-oldal .pr-dokumentum-grid {
        grid-template-columns: 1fr;
    }

}


/* MOBIL */

@media (max-width: 620px) {

    #penztargep-rendeles-oldal .pr-hero {
        padding: 22px;
        border-radius: 12px;
    }

    #penztargep-rendeles-oldal .pr-lepesek {
        grid-template-columns: 1fr;
    }

    #penztargep-rendeles-oldal .pr-lepes {
        display: flex;
    }

    #penztargep-rendeles-oldal .pr-lepes > span {
        margin-bottom: 0;
    }

    #penztargep-rendeles-oldal .pr-szekcio {
        padding: 18px;
        border-radius: 12px;
    }

    #penztargep-rendeles-oldal .pr-urlap-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    #penztargep-rendeles-oldal .pr-mezo-teljes {
        grid-column: auto;
    }

    #penztargep-rendeles-oldal .pr-form-also {
        display: block;
    }

    #penztargep-rendeles-oldal .pr-gombok {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 15px;
    }

    #penztargep-rendeles-oldal .pr-gomb {
        width: 100%;
    }

    #penztargep-rendeles-oldal .pr-dokumentum-panel {
        padding: 15px;
    }

    #penztargep-rendeles-oldal .pr-feltoltes-fejlec {
        display: block;
    }

    #penztargep-rendeles-oldal .pr-jelzes {
        display: inline-flex;
        margin-top: 9px;
    }

}







#hasznalt-keszlet-oldal {
    --hk-narancs: #ed7203;
    --hk-narancs-sotet: #cc5d00;
    --hk-kek: #1976d2;
    --hk-zold: #27843a;
    --hk-sotet: #252b32;
    --hk-szoveg: #515a64;
    --hk-halk: #7b838c;
    --hk-keret: #dce1e7;
    --hk-hatter: #f5f7f9;
    --hk-feher: #ffffff;

    width: 100%;
    color: var(--hk-szoveg);
    box-sizing: border-box;
}

#hasznalt-keszlet-oldal *,
#hasznalt-keszlet-oldal *::before,
#hasznalt-keszlet-oldal *::after {
    box-sizing: border-box;
}

#hasznalt-keszlet-oldal a {
    text-decoration: none;
}


/* FEJLÉC */

#hasznalt-keszlet-oldal .hk-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 35px;

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

    color: #fff;

    background:
        radial-gradient(
            circle at 88% 25%,
            rgba(237, 114, 3, 0.34),
            transparent 31%
        ),
        linear-gradient(135deg, #252b32, #3c4651);

    border-radius: 18px;
    box-shadow: 0 9px 25px rgba(25, 34, 44, 0.16);
}

#hasznalt-keszlet-oldal .hk-hero h1 {
    max-width: 900px;
    margin: 13px 0 16px;

    color: #fff;

    font-size: clamp(32px, 4vw, 51px);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

#hasznalt-keszlet-oldal .hk-hero p {
    max-width: 880px;
    margin: 8px 0 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 15px;
    line-height: 1.65;
}

#hasznalt-keszlet-oldal .hk-hero .hk-lead {
    color: #fff;
    font-size: 18px;
}

#hasznalt-keszlet-oldal .hk-cimke {
    display: inline-flex;

    padding: 7px 11px;

    color: #fff;
    background: var(--hk-narancs);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#hasznalt-keszlet-oldal .hk-keszlet-szamlalo {
    display: flex;
    align-items: center;
    gap: 14px;

    min-width: 225px;
    padding: 22px;

    color: var(--hk-sotet);
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.16);
}

#hasznalt-keszlet-oldal .hk-keszlet-szamlalo strong {
    color: var(--hk-narancs);
    font-size: 45px;
    line-height: 1;
}

#hasznalt-keszlet-oldal .hk-keszlet-szamlalo span {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}


/* FELSŐ INFORMÁCIÓK */

#hasznalt-keszlet-oldal .hk-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

#hasznalt-keszlet-oldal .hk-info-kartya {
    position: relative;

    padding: 22px;

    background: #fff;
    border: 1px solid var(--hk-keret);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(25, 34, 44, 0.055);
}

#hasznalt-keszlet-oldal .hk-info-sorszam {
    display: inline-flex;

    width: 37px;
    height: 37px;

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

    color: var(--hk-narancs-sotet);
    background: #fff0e3;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 800;
}

#hasznalt-keszlet-oldal .hk-info-kartya h2 {
    margin: 14px 0 8px;

    color: var(--hk-sotet);

    font-size: 18px;
    line-height: 1.25;
}

#hasznalt-keszlet-oldal .hk-info-kartya p {
    margin: 0;

    color: var(--hk-szoveg);

    font-size: 13px;
    line-height: 1.6;
}


/* FRISSÍTÉS */

#hasznalt-keszlet-oldal .hk-frissites {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    padding: 17px 19px;
    margin: 18px 0 27px;

    background: #eef6ff;
    border: 1px solid #b8d7f5;
    border-left: 5px solid var(--hk-kek);
    border-radius: 12px;
}

#hasznalt-keszlet-oldal .hk-frissites-ikon {
    display: flex;
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

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

    color: #fff;
    background: var(--hk-kek);
    border-radius: 50%;

    font-size: 20px;
    font-weight: 700;
}

#hasznalt-keszlet-oldal .hk-frissites strong {
    color: var(--hk-sotet);
}

#hasznalt-keszlet-oldal .hk-frissites p {
    margin: 4px 0 0;

    color: var(--hk-szoveg);

    font-size: 13px;
    line-height: 1.55;
}


/* LISTAFEJLÉC */

#hasznalt-keszlet-oldal .hk-lista-fejlec {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    margin: 28px 0 17px;
}

#hasznalt-keszlet-oldal .hk-lista-fejlec h2 {
    margin: 12px 0 0;

    color: var(--hk-sotet);

    font-size: clamp(26px, 3vw, 37px);
    line-height: 1.15;
}

#hasznalt-keszlet-oldal .hk-lista-fejlec p {
    max-width: 500px;
    margin: 0;

    color: var(--hk-halk);

    font-size: 13px;
    line-height: 1.55;
}


/* TERMÉKLISTA */

#hasznalt-keszlet-oldal .hk-termek-lista {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

#hasznalt-keszlet-oldal .hk-termek-kartya {
    position: relative;

    min-width: 0;
    padding: 23px;

    background: #fff;
    border: 1px solid var(--hk-keret);
    border-top: 5px solid var(--hk-narancs);
    border-radius: 15px;

    box-shadow: 0 5px 17px rgba(25, 34, 44, 0.07);

    transition:
        transform 0.16s ease,
        box-shadow 0.16s ease;
}

#hasznalt-keszlet-oldal .hk-termek-kartya:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(25, 34, 44, 0.12);
}


/* KÁRTYAFEJLÉC */

#hasznalt-keszlet-oldal .hk-termek-fejlec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

#hasznalt-keszlet-oldal .hk-elerheto {
    display: inline-flex;

    padding: 5px 9px;

    color: var(--hk-zold);
    background: #eaf7ed;
    border-radius: 999px;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#hasznalt-keszlet-oldal .hk-termek-fejlec h2 {
    margin: 11px 0 7px;

    font-size: 22px;
    line-height: 1.25;
}

#hasznalt-keszlet-oldal .hk-termek-fejlec h2 a {
    color: var(--hk-sotet);
}

#hasznalt-keszlet-oldal .hk-termek-fejlec h2 a:hover {
    color: var(--hk-narancs-sotet);
}

#hasznalt-keszlet-oldal .hk-azonosito {
    margin: 0;

    color: var(--hk-halk);

    font-size: 12px;
}

#hasznalt-keszlet-oldal .hk-kartya-sorszam {
    color: #d9dee4;

    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}


/* ÁR */

#hasznalt-keszlet-oldal .hk-ar-doboz {
    margin: 20px 0 15px;
    padding: 19px;

    background:
        linear-gradient(135deg, #fff8ef, #fff);

    border: 1px solid #f2d2af;
    border-radius: 12px;
}

#hasznalt-keszlet-oldal .hk-ar-doboz > span {
    display: block;

    margin-bottom: 5px;

    color: var(--hk-halk);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#hasznalt-keszlet-oldal .hk-ar-doboz > strong {
    display: block;

    color: var(--hk-narancs-sotet);

    font-size: clamp(25px, 3vw, 32px);
    line-height: 1.15;
}

#hasznalt-keszlet-oldal .hk-ar-doboz small {
    display: block;

    margin-top: 5px;

    color: var(--hk-halk);

    font-size: 12px;
}

#hasznalt-keszlet-oldal .hk-ar-doboz p {
    margin: 12px 0 0;
    padding-top: 11px;

    color: var(--hk-szoveg);

    border-top: 1px solid #efd8c1;

    font-size: 12px;
    line-height: 1.5;
}


/* ADATOK */

#hasznalt-keszlet-oldal .hk-adatok {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;

    margin: 0;
}

#hasznalt-keszlet-oldal .hk-adatok > div {
    padding: 14px;

    background: var(--hk-hatter);
    border: 1px solid var(--hk-keret);
    border-radius: 10px;
}

#hasznalt-keszlet-oldal .hk-adatok dt {
    margin-bottom: 5px;

    color: var(--hk-halk);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#hasznalt-keszlet-oldal .hk-adatok dd {
    margin: 0;

    color: var(--hk-sotet);

    font-size: 14px;
    font-weight: 700;
}


/* BELSŐ INFORMÁCIÓ */

#hasznalt-keszlet-oldal .hk-kartya-info {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    margin-top: 13px;
    padding: 11px;

    background: #f4f6f8;
    border-radius: 9px;
}

#hasznalt-keszlet-oldal .hk-kartya-info span {
    display: flex;
    flex: 0 0 22px;

    width: 22px;
    height: 22px;

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

    color: #fff;
    background: #7e8791;
    border-radius: 50%;

    font-size: 11px;
    font-weight: 800;
}

#hasznalt-keszlet-oldal .hk-kartya-info p {
    margin: 1px 0 0;

    color: var(--hk-halk);

    font-size: 11px;
    line-height: 1.45;
}


/* GOMBOK */

#hasznalt-keszlet-oldal .hk-muveletek {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;

    margin-top: 17px;
}

#hasznalt-keszlet-oldal .hk-muveletek form {
    margin: 0;
}

#hasznalt-keszlet-oldal .hk-gomb {
    display: flex;

    width: 100%;
    min-height: 47px;
    padding: 11px 15px;

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

    cursor: pointer;

    border-radius: 9px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;

    transition:
        transform 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

#hasznalt-keszlet-oldal .hk-gomb:hover {
    transform: translateY(-1px);
}

#hasznalt-keszlet-oldal .hk-gomb-fo {
    color: #fff;
    background: var(--hk-narancs);
    border: 1px solid var(--hk-narancs);
    box-shadow: 0 5px 13px rgba(237, 114, 3, 0.22);
}

#hasznalt-keszlet-oldal .hk-gomb-fo:hover {
    background: var(--hk-narancs-sotet);
}

#hasznalt-keszlet-oldal .hk-gomb-masodlagos {
    color: var(--hk-sotet);
    background: #fff;
    border: 1px solid var(--hk-keret);
}

#hasznalt-keszlet-oldal .hk-gomb-masodlagos:hover {
    color: var(--hk-narancs-sotet);
    border-color: var(--hk-narancs);
}


/* ÜRES ÁLLAPOT */

#hasznalt-keszlet-oldal .hk-ures {
    padding: 45px;

    text-align: center;

    background: var(--hk-hatter);
    border: 1px solid var(--hk-keret);
    border-radius: 14px;
}

#hasznalt-keszlet-oldal .hk-ures h2 {
    margin: 0 0 10px;
    color: var(--hk-sotet);
}

#hasznalt-keszlet-oldal .hk-ures p {
    margin: 0;
}


/* TABLET */

@media (max-width: 950px) {

    #hasznalt-keszlet-oldal .hk-hero {
        grid-template-columns: 1fr;
    }

    #hasznalt-keszlet-oldal .hk-keszlet-szamlalo {
        max-width: 280px;
    }

    #hasznalt-keszlet-oldal .hk-info-grid {
        grid-template-columns: 1fr;
    }

    #hasznalt-keszlet-oldal .hk-termek-lista {
        grid-template-columns: 1fr;
    }

}


/* MOBIL */

@media (max-width: 600px) {

    #hasznalt-keszlet-oldal .hk-hero {
        padding: 23px;
        border-radius: 12px;
    }

    #hasznalt-keszlet-oldal .hk-keszlet-szamlalo {
        width: 100%;
        min-width: 0;
    }

    #hasznalt-keszlet-oldal .hk-lista-fejlec {
        display: block;
    }

    #hasznalt-keszlet-oldal .hk-lista-fejlec p {
        margin-top: 13px;
    }

    #hasznalt-keszlet-oldal .hk-termek-kartya {
        padding: 17px;
        border-radius: 12px;
    }

    #hasznalt-keszlet-oldal .hk-kartya-sorszam {
        font-size: 25px;
    }

    #hasznalt-keszlet-oldal .hk-adatok {
        grid-template-columns: 1fr;
    }

    #hasznalt-keszlet-oldal .hk-muveletek {
        grid-template-columns: 1fr;
    }

    #hasznalt-keszlet-oldal .hk-ar-doboz > strong {
        font-size: 27px;
    }

}





#hasznalt-penztargep-oldal {
    --hp-narancs: #ed7203;
    --hp-narancs-sotet: #cb5d00;
    --hp-kek: #1976d2;
    --hp-zold: #2e8b3c;
    --hp-sotet: #242a31;
    --hp-szoveg: #4e5761;
    --hp-halk: #7b838c;
    --hp-keret: #dce1e7;
    --hp-hatter: #f5f7f9;
    --hp-feher: #fff;

    width: 100%;
    color: var(--hp-szoveg);
    box-sizing: border-box;
}

#hasznalt-penztargep-oldal *,
#hasznalt-penztargep-oldal *::before,
#hasznalt-penztargep-oldal *::after {
    box-sizing: border-box;
}

#hasznalt-penztargep-oldal img {
    max-width: 100%;
    height: auto;
}


/* HERO */

#hasznalt-penztargep-oldal .hp-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    align-items: center;
    gap: 35px;

    margin-bottom: 20px;
    padding: 42px;

    background:
        radial-gradient(circle at 85% 30%, rgba(25, 118, 210, 0.10), transparent 32%),
        linear-gradient(135deg, #ffffff, #f5f8fc);

    border: 1px solid var(--hp-keret);
    border-radius: 18px;
    box-shadow: 0 7px 24px rgba(24, 35, 48, 0.08);
}

#hasznalt-penztargep-oldal .hp-hero h1 {
    max-width: 850px;
    margin: 13px 0 17px;

    color: var(--hp-sotet);
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

#hasznalt-penztargep-oldal .hp-lead {
    max-width: 820px;
    margin: 0;

    color: var(--hp-szoveg);
    font-size: 18px;
    line-height: 1.7;
}

#hasznalt-penztargep-oldal .hp-hero-kep {
    display: flex;
    align-items: center;
    justify-content: center;
}

#hasznalt-penztargep-oldal .hp-hero-kep img {
    max-height: 350px;
    object-fit: contain;
    filter: drop-shadow(0 18px 19px rgba(0, 0, 0, 0.20));
}


/* ÁLTALÁNOS */

#hasznalt-penztargep-oldal .hp-cimke {
    display: inline-flex;
    padding: 7px 11px;

    color: var(--hp-narancs-sotet);
    background: #fff0e2;
    border-radius: 999px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

#hasznalt-penztargep-oldal .hp-szekcio {
    margin: 20px 0;
    padding: 32px;

    background: var(--hp-feher);
    border: 1px solid var(--hp-keret);
    border-radius: 17px;
    box-shadow: 0 5px 18px rgba(24, 35, 48, 0.06);
}

#hasznalt-penztargep-oldal .hp-szekcio-fejlec {
    max-width: 900px;
    margin-bottom: 25px;
}

#hasznalt-penztargep-oldal .hp-szekcio-fejlec h2 {
    margin: 12px 0 11px;

    color: var(--hp-sotet);
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
}

#hasznalt-penztargep-oldal .hp-szekcio-fejlec p {
    margin: 0;
    color: var(--hp-szoveg);
    font-size: 16px;
    line-height: 1.7;
}


/* GOMBOK */

#hasznalt-penztargep-oldal .hp-gombok {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 25px;
}

#hasznalt-penztargep-oldal .hp-gomb {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;
    padding: 12px 18px;

    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;

    transition:
        transform 0.16s ease,
        box-shadow 0.16s ease,
        background 0.16s ease;
}

#hasznalt-penztargep-oldal .hp-gomb:hover {
    transform: translateY(-2px);
}

#hasznalt-penztargep-oldal .hp-gomb-fo {
    color: #fff !important;
    background: var(--hp-narancs);
    box-shadow: 0 6px 15px rgba(237, 114, 3, 0.24);
}

#hasznalt-penztargep-oldal .hp-gomb-fo:hover {
    background: var(--hp-narancs-sotet);
}

#hasznalt-penztargep-oldal .hp-gomb-masodlagos {
    color: var(--hp-sotet) !important;
    background: #fff;
    border: 1px solid var(--hp-keret);
}


/* KALKULÁTOR */

#hasznalt-penztargep-oldal .hp-kalkulator {
    border-top: 5px solid var(--hp-narancs);
}

#hasznalt-penztargep-oldal .hp-kalkulator-lista {
    display: grid;
    gap: 12px;
}

#hasznalt-penztargep-oldal .hp-kalkulator-sor {
    display: grid;
    grid-template-columns:
        minmax(280px, 1.45fr)
        minmax(170px, 0.7fr)
        minmax(145px, 0.5fr)
        minmax(150px, 0.65fr);

    align-items: center;
    gap: 18px;

    padding: 18px;

    background: #fff;
    border: 1px solid var(--hp-keret);
    border-radius: 13px;
}

#hasznalt-penztargep-oldal .hp-tetel-leiras {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

#hasznalt-penztargep-oldal .hp-tetel-sorszam {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;

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

    color: var(--hp-narancs-sotet);
    background: #fff0e2;
    border-radius: 9px;

    font-size: 14px;
    font-weight: 800;
}

#hasznalt-penztargep-oldal .hp-tetel-leiras h3 {
    margin: 0 0 5px;
    color: var(--hp-sotet);
    font-size: 18px;
}

#hasznalt-penztargep-oldal .hp-tetel-leiras p {
    margin: 0;
    color: var(--hp-halk);
    font-size: 13px;
    line-height: 1.5;
}

#hasznalt-penztargep-oldal .hp-egysegar span,
#hasznalt-penztargep-oldal .hp-reszosszeg span {
    display: block;
    margin-bottom: 4px;
    color: var(--hp-halk);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#hasznalt-penztargep-oldal .hp-egysegar strong,
#hasznalt-penztargep-oldal .hp-reszosszeg strong {
    display: block;
    color: var(--hp-sotet);
    font-size: 16px;
}

#hasznalt-penztargep-oldal .hp-egysegar small {
    display: block;
    margin-top: 4px;
    color: var(--hp-halk);
    font-size: 11px;
}

#hasznalt-penztargep-oldal .hp-reszosszeg {
    text-align: right;
}

#hasznalt-penztargep-oldal .hp-reszosszeg strong {
    color: var(--hp-narancs-sotet);
    font-size: 19px;
}


/* LÉPTETŐ */

#hasznalt-penztargep-oldal .hp-mennyiseg {
    display: inline-grid;
    grid-template-columns: 36px minmax(55px, 1fr) 36px;
    align-items: center;

    min-height: 42px;

    overflow: hidden;
    background: #f5f7f9;
    border: 1px solid var(--hp-keret);
    border-radius: 10px;
}

#hasznalt-penztargep-oldal .hp-mennyiseg-fix {
    display: flex;
    justify-content: center;
    color: var(--hp-sotet);
    font-weight: 700;
}

#hasznalt-penztargep-oldal .hp-lepteto {
    height: 100%;
    min-height: 42px;

    padding: 0;
    cursor: pointer;

    color: var(--hp-sotet);
    background: #fff;
    border: 0;

    font-size: 22px;
    line-height: 1;
}

#hasznalt-penztargep-oldal .hp-lepteto:hover {
    color: #fff;
    background: var(--hp-narancs);
}

#hasznalt-penztargep-oldal .hp-ertek {
    text-align: center;
}

#hasznalt-penztargep-oldal .hp-ertek strong {
    display: block;
    color: var(--hp-sotet);
    font-size: 17px;
    line-height: 1.1;
}

#hasznalt-penztargep-oldal .hp-ertek small {
    display: block;
    color: var(--hp-halk);
    font-size: 9px;
}


/* VÉGÖSSZEG */

#hasznalt-penztargep-oldal .hp-vegosszeg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    margin-top: 16px;
    padding: 22px 24px;

    color: #fff;
    background: linear-gradient(135deg, #252b32, #3b424b);
    border-radius: 13px;
}

#hasznalt-penztargep-oldal .hp-vegosszeg span {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

#hasznalt-penztargep-oldal .hp-vegosszeg small {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 11px;
}

#hasznalt-penztargep-oldal .hp-vegosszeg > strong {
    color: #fff;
    font-size: clamp(23px, 3vw, 34px);
    text-align: right;
}


/* INFORMÁCIÓ */

#hasznalt-penztargep-oldal .hp-info {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    margin-top: 16px;
    padding: 16px;

    background: #fff8e9;
    border: 1px solid #ebc775;
    border-left: 5px solid #e69a12;
    border-radius: 11px;
}

#hasznalt-penztargep-oldal .hp-info-ikon {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;

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

    color: #fff;
    background: #e69a12;
    border-radius: 50%;

    font-weight: 800;
}

#hasznalt-penztargep-oldal .hp-info strong {
    color: var(--hp-sotet);
}

#hasznalt-penztargep-oldal .hp-info p {
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 1.55;
}


/* KÉSZLET CTA */

#hasznalt-penztargep-oldal .hp-keszlet-cta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;

    margin: 20px 0;
    padding: 22px 25px;

    color: #fff !important;
    text-decoration: none !important;

    background: linear-gradient(135deg, #e96600, #f38a1b);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(233, 102, 0, 0.22);

    transition:
        transform 0.16s ease,
        box-shadow 0.16s ease;
}

#hasznalt-penztargep-oldal .hp-keszlet-cta:hover {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 11px 25px rgba(233, 102, 0, 0.29);
}

#hasznalt-penztargep-oldal .hp-keszlet-ikon {
    display: flex;
    width: 40px;
    height: 40px;

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

    color: var(--hp-narancs);
    background: #fff;
    border-radius: 50%;

    font-weight: 900;
}

#hasznalt-penztargep-oldal .hp-keszlet-cta strong,
#hasznalt-penztargep-oldal .hp-keszlet-cta small {
    display: block;
}

#hasznalt-penztargep-oldal .hp-keszlet-cta strong {
    margin-bottom: 4px;
    font-size: 19px;
}

#hasznalt-penztargep-oldal .hp-keszlet-cta small {
    color: rgba(255, 255, 255, 0.83);
    font-size: 12px;
}

#hasznalt-penztargep-oldal .hp-keszlet-nyil {
    font-size: 30px;
}


/* ELŐNYÖK */

#hasznalt-penztargep-oldal .hp-elony-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

#hasznalt-penztargep-oldal .hp-elony-kartya {
    padding: 20px;

    background: var(--hp-hatter);
    border: 1px solid var(--hp-keret);
    border-radius: 12px;
}

#hasznalt-penztargep-oldal .hp-elony-ikon {
    display: inline-flex;
    width: 38px;
    height: 38px;

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

    color: var(--hp-narancs-sotet);
    background: #fff0e2;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 800;
}

#hasznalt-penztargep-oldal .hp-elony-kartya h3 {
    margin: 14px 0 8px;
    color: var(--hp-sotet);
    font-size: 17px;
}

#hasznalt-penztargep-oldal .hp-elony-kartya p {
    margin: 0;
    color: var(--hp-szoveg);
    font-size: 13px;
    line-height: 1.6;
}


/* DOKUMENTUMOK */

#hasznalt-penztargep-oldal .hp-dokumentum-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

#hasznalt-penztargep-oldal .hp-dokumentum-kartya {
    padding: 22px;

    background: var(--hp-hatter);
    border: 1px solid var(--hp-keret);
    border-radius: 13px;
}

#hasznalt-penztargep-oldal .hp-dokumentum-kartya h3 {
    margin: 0 0 14px;
    color: var(--hp-sotet);
    font-size: 19px;
}

#hasznalt-penztargep-oldal .hp-dokumentum-kartya ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#hasznalt-penztargep-oldal .hp-dokumentum-kartya li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 25px;

    font-size: 14px;
    line-height: 1.55;
}

#hasznalt-penztargep-oldal .hp-dokumentum-kartya li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--hp-zold);
    font-weight: 800;
}


/* AJÁNLATOK */

#hasznalt-penztargep-oldal .hp-ajanlat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

#hasznalt-penztargep-oldal .hp-ajanlat-kartya {
    padding: 22px;

    background: #fff;
    border: 1px solid var(--hp-keret);
    border-radius: 13px;
    box-shadow: 0 4px 12px rgba(24, 35, 48, 0.05);
}

#hasznalt-penztargep-oldal .hp-ajanlat-kiemelt {
    border: 2px solid var(--hp-narancs);
    background: #fffaf5;
}

#hasznalt-penztargep-oldal .hp-ajanlat-tipus {
    display: inline-block;

    color: var(--hp-narancs-sotet);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

#hasznalt-penztargep-oldal .hp-ajanlat-kartya h3 {
    margin: 8px 0 13px;
    color: var(--hp-sotet);
    font-size: 22px;
}

#hasznalt-penztargep-oldal .hp-ajanlat-kartya > strong {
    display: block;
    color: var(--hp-sotet);
    font-size: 21px;
}

#hasznalt-penztargep-oldal .hp-ajanlat-kartya small {
    display: block;
    margin-top: 7px;
    color: var(--hp-halk);
    font-size: 12px;
}


/* BÉRLÉS CTA */

#hasznalt-penztargep-oldal .hp-berles-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

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

    color: #fff;
    background: linear-gradient(135deg, #28313b, #414c58);
    border-radius: 16px;
}

#hasznalt-penztargep-oldal .hp-berles-cta h2 {
    margin: 12px 0 9px;
    color: #fff;
    font-size: 29px;
}

#hasznalt-penztargep-oldal .hp-berles-cta p {
    max-width: 750px;
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.6;
}

#hasznalt-penztargep-oldal .hp-cimke-vilagos {
    color: #fff;
    background: rgba(255, 255, 255, 0.13);
}

#hasznalt-penztargep-oldal .hp-gomb-feher {
    flex: 0 0 auto;
    color: var(--hp-sotet) !important;
    background: #fff;
}


/* RESZPONZÍV */

@media (max-width: 1050px) {

    #hasznalt-penztargep-oldal .hp-kalkulator-sor {
        grid-template-columns: minmax(260px, 1.4fr) minmax(160px, 0.8fr);
    }

    #hasznalt-penztargep-oldal .hp-reszosszeg {
        text-align: left;
    }

    #hasznalt-penztargep-oldal .hp-elony-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 780px) {

    #hasznalt-penztargep-oldal .hp-hero {
        grid-template-columns: 1fr;
        padding: 27px;
    }

    #hasznalt-penztargep-oldal .hp-hero-kep {
        order: -1;
    }

    #hasznalt-penztargep-oldal .hp-hero-kep img {
        max-height: 240px;
    }

    #hasznalt-penztargep-oldal .hp-szekcio {
        padding: 22px;
    }

    #hasznalt-penztargep-oldal .hp-kalkulator-sor {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    #hasznalt-penztargep-oldal .hp-mennyiseg {
        max-width: 180px;
    }

    #hasznalt-penztargep-oldal .hp-reszosszeg {
        padding-top: 12px;
        border-top: 1px solid var(--hp-keret);
    }

    #hasznalt-penztargep-oldal .hp-dokumentum-grid,
    #hasznalt-penztargep-oldal .hp-ajanlat-grid {
        grid-template-columns: 1fr;
    }

    #hasznalt-penztargep-oldal .hp-berles-cta {
        display: block;
    }

    #hasznalt-penztargep-oldal .hp-berles-cta .hp-gomb {
        margin-top: 20px;
    }

}


@media (max-width: 540px) {

    #hasznalt-penztargep-oldal .hp-hero {
        padding: 20px;
        border-radius: 12px;
    }

    #hasznalt-penztargep-oldal .hp-szekcio {
        padding: 17px;
        border-radius: 12px;
    }

    #hasznalt-penztargep-oldal .hp-gombok {
        display: grid;
        grid-template-columns: 1fr;
    }

    #hasznalt-penztargep-oldal .hp-gomb {
        width: 100%;
    }

    #hasznalt-penztargep-oldal .hp-elony-grid {
        grid-template-columns: 1fr;
    }

    #hasznalt-penztargep-oldal .hp-vegosszeg {
        display: block;
    }

    #hasznalt-penztargep-oldal .hp-vegosszeg > strong {
        display: block;
        margin-top: 15px;
        text-align: left;
    }

    #hasznalt-penztargep-oldal .hp-keszlet-cta {
        grid-template-columns: auto 1fr;
        padding: 18px;
    }

    #hasznalt-penztargep-oldal .hp-keszlet-nyil {
        display: none;
    }

}


#fooldal-uj img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
#fooldal-uj {
    --pn-ink: #20252b;
    --pn-muted: #68717c;
    --pn-line: #dfe4ea;
    --pn-soft: #f5f7f9;
    --pn-white: #ffffff;
    --pn-orange: #e87416;
    --pn-orange-dark: #bd5708;
    --pn-blue: #1976d2;
    --pn-green: #2e7d32;
    --pn-teal: #00897b;
    --pn-purple: #6d55a4;
    --pn-gold: #9a7421;
    --pn-shadow: 0 10px 30px rgba(25, 34, 44, 0.09);
    --pn-shadow-hover: 0 16px 36px rgba(25, 34, 44, 0.14);
    color: var(--pn-ink);
    line-height: 1.58;
  }

  #fooldal-uj,
  #fooldal-uj * {
    box-sizing: border-box;
  }

  #fooldal-uj .profil_table {
    clear: both;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
  }

  #fooldal-uj a {
    text-underline-offset: 3px;
  }

  #fooldal-uj img {
    max-width: 100%;
    height: auto;
  }

  #fooldal-uj .pn-szakasz {
    scroll-margin-top: 90px;
  }

  #fooldal-uj .pn-kartya {
    background: var(--pn-white);
    border: 1px solid var(--pn-line);
    border-radius: 18px;
    box-shadow: var(--pn-shadow);
    overflow: hidden;
  }

  #fooldal-uj .pn-belso {
    padding: clamp(20px, 3.5vw, 42px);
  }

  #fooldal-uj .pn-cimke {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
    padding: 6px 11px;
    color: var(--pn-orange-dark);
    background: #fff3e8;
    border: 1px solid #ffd8b8;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
  }

  #fooldal-uj h1,
  #fooldal-uj h2,
  #fooldal-uj h3 {
    color: var(--pn-ink);
    line-height: 1.17;
  }

  #fooldal-uj h1 {
    max-width: 820px;
    margin: 0 0 18px;
    font-size: clamp(34px, 5vw, 62px);
    letter-spacing: -.035em;
  }

  #fooldal-uj h2 {
    margin: 0 0 14px;
    font-size: clamp(26px, 3.4vw, 40px);
    letter-spacing: -.025em;
  }

  #fooldal-uj h3 {
    margin: 0 0 10px;
    font-size: clamp(19px, 2.1vw, 25px);
  }

  #fooldal-uj p {
    margin: 0 0 14px;
  }

  #fooldal-uj .pn-lead {
    max-width: 840px;
    color: #3d4650;
    font-size: clamp(17px, 2vw, 21px);
  }

  #fooldal-uj .pn-muted {
    color: var(--pn-muted);
  }

  #fooldal-uj .pn-gombok {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
  }

  #fooldal-uj .pn-gomb,
  #fooldal-uj .reszletek_gomb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 18px;
    color: #fff !important;
    background: var(--pn-orange);
    border: 1px solid var(--pn-orange);
    border-radius: 10px;
    box-shadow: 0 5px 14px rgba(232, 116, 22, .22);
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
  }

  #fooldal-uj .pn-gomb:hover,
  #fooldal-uj .pn-gomb:focus,
  #fooldal-uj .reszletek_gomb:hover,
  #fooldal-uj .reszletek_gomb:focus {
    background: var(--pn-orange-dark);
    border-color: var(--pn-orange-dark);
    box-shadow: 0 8px 20px rgba(189, 87, 8, .27);
    transform: translateY(-2px);
  }

  #fooldal-uj .pn-gomb-masodlagos {
    color: var(--pn-ink) !important;
    background: #fff;
    border-color: #cfd6de;
    box-shadow: none;
  }

  #fooldal-uj .pn-gomb-masodlagos:hover,
  #fooldal-uj .pn-gomb-masodlagos:focus {
    color: var(--pn-ink) !important;
    background: #f1f4f7;
    border-color: #aeb7c2;
  }

  /* Hero */
  #fooldal-uj .pn-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(270px, .55fr);
    gap: 26px;
    align-items: center;
    min-height: 470px;
    padding: clamp(25px, 5vw, 58px);
    background:
      radial-gradient(circle at 90% 10%, rgba(232, 116, 22, .22), transparent 30%),
      linear-gradient(135deg, #ffffff 0%, #f3f6f9 58%, #e9eef3 100%);
  }

  #fooldal-uj .pn-hero-kep {
    position: relative;
    display: flex;
    min-height: 310px;
    align-items: center;
    justify-content: center;
  }

  #fooldal-uj .pn-hero-kep::before {
    content: "";
    position: absolute;
    width: min(330px, 90%);
    aspect-ratio: 1;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 50%;
    box-shadow: 0 25px 60px rgba(38, 49, 61, .15);
  }

  #fooldal-uj .pn-hero-kep img {
    position: relative;
    z-index: 1;
    width: min(360px, 100%);
    filter: drop-shadow(0 18px 25px rgba(21, 28, 35, .24));
  }

  #fooldal-uj .pn-bizalmi-sor {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
  }

  #fooldal-uj .pn-bizalmi-sor span {
    padding: 7px 10px;
    color: #424b54;
    background: rgba(255, 255, 255, .82);
    border: 1px solid #dfe4ea;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
  }

  /* Gyorsmenü */
  #fooldal-uj .gyorsmenu-wrap {
    clear: both;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 24px;
    padding: 12px;
    background: #f4f6f8;
    border: 1px solid #d9dfe6;
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .06);
  }

  #fooldal-uj .gyorsmenu {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  #fooldal-uj .gyorsmenu-item {
    --accent: var(--pn-orange);
    --soft: #fff1e4;
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 68px;
    align-items: center;
    gap: 11px;
    padding: 10px 13px;
    overflow: hidden;
    color: #2f343b !important;
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 11px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .04);
    text-decoration: none !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  }

  #fooldal-uj .gyorsmenu-item::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--accent);
  }

  #fooldal-uj .gyorsmenu-item:hover,
  #fooldal-uj .gyorsmenu-item:focus {
    border-color: var(--accent);
    box-shadow: 0 7px 17px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
  }

  #fooldal-uj .gyorsmenu-icon {
    display: inline-flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    background: var(--soft);
    border-radius: 10px;
  }

  #fooldal-uj .gyorsmenu-icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  #fooldal-uj .gyorsmenu-szoveg {
    display: block;
    min-width: 0;
    line-height: 1.18;
  }

  #fooldal-uj .gyorsmenu-szoveg strong {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
  }

  #fooldal-uj .gyorsmenu-szoveg small {
    display: block;
    color: #717983;
    font-size: 11px;
  }

  #fooldal-uj .gyorsmenu-hasznalt { --accent: #c65c13; --soft: #fff0e5; }
  #fooldal-uj .gyorsmenu-berles { --accent: var(--pn-blue); --soft: #eaf4ff; }
  #fooldal-uj .gyorsmenu-felulvizsgalat { --accent: var(--pn-green); --soft: #eaf6eb; }
  #fooldal-uj .gyorsmenu-ntak { --accent: var(--pn-teal); --soft: #e5f6f3; }
  #fooldal-uj .gyorsmenu-merleg { --accent: var(--pn-gold); --soft: #f8f1df; }
  #fooldal-uj .gyorsmenu-szerviz { --accent: var(--pn-purple); --soft: #f1edfa; }
  #fooldal-uj .gyorsmenu-kapcsolat { --accent: #4c535c; --soft: #eef0f2; }

  /* Általános rácsok */
  #fooldal-uj .pn-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  #fooldal-uj .pn-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  #fooldal-uj .pn-mini-kartya {
    padding: 20px;
    background: #fff;
    border: 1px solid var(--pn-line);
    border-radius: 14px;
  }

  #fooldal-uj .pn-mini-kartya p:last-child,
  #fooldal-uj .pn-kartya p:last-child {
    margin-bottom: 0;
  }

  #fooldal-uj .pn-lista {
    display: grid;
    gap: 9px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }

  #fooldal-uj .pn-lista li {
    position: relative;
    padding-left: 27px;
  }

  #fooldal-uj .pn-lista li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--pn-green);
    font-weight: 900;
  }

  #fooldal-uj .pn-info {
    margin-top: 18px;
    padding: 15px 17px;
    color: #473b2c;
    background: #fff8ea;
    border: 1px solid #f1d59a;
    border-left: 5px solid #d99a20;
    border-radius: 10px;
  }

  #fooldal-uj .pn-info strong {
    color: #30271d;
  }

  /* Kiemelt vásárlási blokk */
  #fooldal-uj .pn-vasarlas-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 18px;
  }

  #fooldal-uj .pn-kalkulator {
    position: relative;
    display: grid;
    min-height: 330px;
    align-content: end;
    padding: 25px;
    overflow: hidden;
    color: #fff;
    background: #1f252c;
  }

  #fooldal-uj .pn-kalkulator::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(22, 27, 33, .05), rgba(22, 27, 33, .92));
    z-index: 1;
  }

  #fooldal-uj .pn-kalkulator img {
    position: absolute;
    inset: 15px 15px auto auto;
    width: min(280px, 68%);
    max-height: 245px;
    object-fit: contain;
    opacity: .95;
  }

  #fooldal-uj .pn-kalkulator-tartalom {
    position: relative;
    z-index: 2;
  }

  #fooldal-uj .pn-kalkulator h3,
  #fooldal-uj .pn-kalkulator p {
    color: #fff;
  }

  /* Bérleti árak */
  #fooldal-uj .pn-ar-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0;
  }

  #fooldal-uj .pn-ar-kartya {
    position: relative;
    padding: 19px;
    background: #fff;
    border: 1px solid var(--pn-line);
    border-radius: 14px;
  }

  #fooldal-uj .pn-ar-kartya.pn-ajanlott {
    border-color: var(--pn-blue);
    box-shadow: 0 8px 22px rgba(25, 118, 210, .13);
  }

  #fooldal-uj .pn-ar-kartya .pn-ar-cimke {
    display: inline-block;
    margin-bottom: 8px;
    padding: 3px 7px;
    color: #fff;
    background: var(--pn-blue);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
  }

  #fooldal-uj .pn-ar-kartya strong {
    display: block;
    margin-top: 8px;
    color: #1f2933;
    font-size: 22px;
    line-height: 1.2;
  }

  #fooldal-uj .pn-ar-kartya small {
    display: block;
    margin-top: 8px;
    color: #7a7f87;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
  }

  /* Képes szakasz */
  #fooldal-uj .pn-media {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr);
    gap: 26px;
    align-items: center;
  }

  #fooldal-uj .pn-media-kep {
    overflow: hidden;
    background: var(--pn-soft);
    border-radius: 14px;
  }

  #fooldal-uj .pn-media-kep img {
    display: block;
    width: 100%;
  }

  #fooldal-uj .pn-kep-par {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  #fooldal-uj .pn-kep-par img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border: 1px solid var(--pn-line);
    border-radius: 12px;
  }

  /* Használt dinamikus kiemelés */
  #fooldal-uj .pn-hasznalt-kiemelt {
    position: relative;
    min-height: 430px;
    padding: clamp(24px, 5vw, 50px);
    overflow: hidden;
    color: #fff;
    background-image:
      linear-gradient(90deg, rgba(13, 18, 23, .92) 0%, rgba(13, 18, 23, .73) 48%, rgba(13, 18, 23, .2) 100%),
      url('/kepek/modernAI_k.avif');
    background-position: center;
    background-size: cover;
  }

  #fooldal-uj .pn-hasznalt-kiemelt h2,
  #fooldal-uj .pn-hasznalt-kiemelt h3,
  #fooldal-uj .pn-hasznalt-kiemelt p {
    color: #fff;
  }

  #fooldal-uj .pn-hasznalt-tartalom {
    max-width: 680px;
  }

  #fooldal-uj .pn-dinamikus-ar {
    display: inline-block;
    margin: 10px 0 16px;
    padding: 10px 14px;
    color: #fff;
    background: rgba(232, 116, 22, .93);
    border-radius: 9px;
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 900;
  }

  /* Aukció */
  #fooldal-uj .pn-aukcio {
    padding: 24px;
    text-align: center;
    background: linear-gradient(135deg, #fff7ef, #ffffff);
    border: 1px solid #f2d6bd;
  }

  #fooldal-uj .pn-aukcio-cim {
    margin-bottom: 12px;
    color: #3d2727;
    font-size: clamp(21px, 3vw, 30px);
    font-weight: 900;
  }

  /* Kapcsolat */
  #fooldal-uj .pn-kapcsolat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
  }

  #fooldal-uj .pn-kapcsolat-kartya {
    padding: 18px;
    background: #fff;
    border: 1px solid var(--pn-line);
    border-radius: 13px;
  }

  #fooldal-uj .pn-kapcsolat-kartya a {
    color: var(--pn-ink);
    font-weight: 800;
  }

  @media (max-width: 1050px) {
    #fooldal-uj .gyorsmenu,
    #fooldal-uj .pn-ar-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #fooldal-uj .pn-hero,
    #fooldal-uj .pn-vasarlas-grid,
    #fooldal-uj .pn-media {
      grid-template-columns: 1fr;
    }

    #fooldal-uj .pn-hero-kep {
      min-height: 260px;
    }
  }

  @media (max-width: 720px) {
    #fooldal-uj .pn-grid-2,
    #fooldal-uj .pn-grid-3,
    #fooldal-uj .pn-kapcsolat-grid {
      grid-template-columns: 1fr;
    }

    #fooldal-uj .pn-kep-par img {
      height: 190px;
    }
  }

  @media (max-width: 560px) {
    #fooldal-uj .gyorsmenu,
    #fooldal-uj .pn-ar-grid,
    #fooldal-uj .pn-kep-par {
      grid-template-columns: 1fr;
    }

    #fooldal-uj .gyorsmenu-wrap {
      padding: 8px;
    }

    #fooldal-uj .gyorsmenu-item {
      min-height: 58px;
    }

    #fooldal-uj .pn-hero {
      padding: 24px 19px;
    }

    #fooldal-uj .pn-gombok,
    #fooldal-uj .pn-gomb,
    #fooldal-uj .reszletek_gomb {
      width: 100%;
    }

    #fooldal-uj .pn-kep-par img {
      height: auto;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #fooldal-uj *,
    #fooldal-uj *::before,
    #fooldal-uj *::after {
      scroll-behavior: auto !important;
      transition: none !important;
    }
  }

  html {
    scroll-behavior: smooth;
  }




html {
    scroll-behavior: smooth;
}

.gyorsmenu-wrap {
    clear: both;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;

    margin: 10px 0 18px;
    padding: 12px;

    background: #f5f6f8;
    border: 1px solid #d9dde3;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.gyorsmenu {
    display: grid;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.gyorsmenu-item {
    --accent: #e67e22;
    --soft: #fff2e6;

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

    min-width: 0;
    min-height: 66px;
    padding: 10px 13px;
    overflow: hidden;

    color: #2f343b !important;
    text-decoration: none !important;

    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.045);

    transition:
        transform 0.16s ease,
        box-shadow 0.16s ease,
        border-color 0.16s ease;
}

.gyorsmenu-item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;
    background: var(--accent);
}

.gyorsmenu-item:hover,
.gyorsmenu-item:focus {
    color: #20242a !important;
    border-color: var(--accent);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.10);
    transform: translateY(-2px);
    outline: none;
}

.gyorsmenu-icon {
    display: inline-flex;
    flex: 0 0 40px;

    width: 40px;
    height: 40px;

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

    color: var(--accent);
    background: var(--soft);
    border-radius: 10px;
}

.gyorsmenu-icon svg {
    width: 23px;
    height: 23px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.gyorsmenu-szoveg {
    display: block;
    min-width: 0;
    line-height: 1.15;
}

.gyorsmenu-szoveg strong {
    display: block;
    margin-bottom: 4px;

    overflow: hidden;
    color: #2c3137;

    font-size: 14px;
    font-weight: 700;

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

.gyorsmenu-szoveg small {
    display: block;
    overflow: hidden;

    color: #717780;
    font-size: 11px;
    font-weight: 400;

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

.gyorsmenu-termekek {
    --accent: #e67e22;
    --soft: #fff1e3;
}

.gyorsmenu-berles {
    --accent: #1976d2;
    --soft: #eaf4ff;
}

.gyorsmenu-felulvizsgalat {
    --accent: #2e7d32;
    --soft: #eaf6eb;
}

.gyorsmenu-szerviz {
    --accent: #6b55a3;
    --soft: #f1edfa;
}

.gyorsmenu-kapcsolat {
    --accent: #454b52;
    --soft: #eef0f2;
}
.gyorsmenu-hasznalt {
    --accent: #c75b12;
    --soft: #fff0e5;
}

.gyorsmenu-ntak {
    --accent: #00897b;
    --soft: #e4f5f2;
}

.gyorsmenu-merleg {
    --accent: #8b6b22;
    --soft: #f8f1df;
}

#orok-felulvizsgalat-csomag,
#penztargep-berles-arak,
#penztargep-szerviz,
#kapcsolat {
    scroll-margin-top: 85px;
}

@media (max-width: 820px) {
    .gyorsmenu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gyorsmenu-item:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .gyorsmenu-wrap {
        margin: 8px 0 14px;
        padding: 8px;
        border-radius: 9px;
    }

    .gyorsmenu {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .gyorsmenu-item,
    .gyorsmenu-item:last-child {
        grid-column: auto;
        min-height: 56px;
        padding: 8px 11px;
    }

    .gyorsmenu-icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }
}

section[id] {
    scroll-margin-top: 90px;
}

@media (max-width: 600px) {
    .gyorslinkek {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .gyorslink-gomb {
        width: 100%;
        padding: 10px 8px;
        font-size: 14px;
    }
}


.doboz-cim {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
}


.hero-szekcio {
   margin: 10px;
}

@media (max-width: 991px) {
    .hero-gombok .btn {
        margin: 5px;
        width: 100%; 
    }
}

/*
@media (min-width: 992px) {
    .hero-flex-align {
        display: flex;
        align-items: center;
    }
}

.hero-szekcio h1 {
    font-size: 40px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
    line-height: 1.2;
}

.hero-szoveg {
    font-size: 18px;
    color: #4a4a4a;
    line-height: 1.6;
    margin-bottom: 30px;
}

.hero-gombok .btn {
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}


.hero-kep-kontener {
    text-align: center;
}

.hero-img {
	float: right;
    max-height: 350px;
    margin: 0 auto;
   
    filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.15)); 
    transition: transform 0.3s ease;
}


.hero-img:hover {
    transform: scale(1.03);
}


@media (max-width: 991px) {
    .hero-szekcio {
        text-align: center;
        padding: 40px 0;
    }
    .hero-szekcio h1 {
        font-size: 30px;
    }
    .hero-gombok .btn {
        margin: 5px;
        width: 100%; 
    }
    .hero-kep-kontener {
        margin-top: 30px;
    }
    .hero-img {
        max-height: 250px;
    }
}

*/

.h2 {
    font-size: 36px !important; 
	margin-top: 0px !important;
    margin-bottom: 10px !important;
   }
.termekleiras.cashcube-mini-tapegyseg {
    max-width: 1050px;
    margin: 0 auto;
    padding: 28px 22px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.65;
    color: #222;
    background: #fff;
  }

  .termekleiras.cashcube-mini-tapegyseg h1 {
    margin: 0 0 18px;
    font-size: 32px;
    line-height: 1.2;
    color: #111;
  }

  .termekleiras.cashcube-mini-tapegyseg h2 {
    margin: 34px 0 12px;
    font-size: 23px;
    line-height: 1.3;
    color: #1a1a1a;
  }

  .termekleiras.cashcube-mini-tapegyseg p {
    margin: 0 0 16px;
    font-size: 17px;
  }

  .termekleiras.cashcube-mini-tapegyseg strong {
    color: #000;
    font-weight: 700;
  }

  .termekleiras.cashcube-mini-tapegyseg ul {
    margin: 14px 0 22px;
    padding: 0;
    list-style: none;
  }

  .termekleiras.cashcube-mini-tapegyseg li {
    position: relative;
    margin: 0 0 10px;
    padding-left: 30px;
    font-size: 17px;
  }

  .termekleiras.cashcube-mini-tapegyseg li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #178a3b;
  }

  .termekleiras.cashcube-mini-tapegyseg .figyelmeztetes {
    margin: 28px 0;
    padding: 22px 24px;
    border-left: 6px solid #c40000;
    background: #fff1f1;
    border-radius: 8px;
  }

  .termekleiras.cashcube-mini-tapegyseg .figyelmeztetes h2 {
    margin-top: 0;
    color: #9b0000;
  }

  .termekleiras.cashcube-mini-tapegyseg .figyelmeztetes p {
    margin-bottom: 0;
  }

  .termekleiras.cashcube-mini-tapegyseg .kiemelt-doboz {
    margin: 26px 0;
    padding: 22px 24px;
    background: #f6f8fa;
    border: 1px solid #e0e4e8;
    border-radius: 8px;
  }

  .termekleiras.cashcube-mini-tapegyseg .kiemelt-doboz h2 {
    margin-top: 0;
  }

  .termekleiras.cashcube-mini-tapegyseg .cta-doboz {
    margin-top: 34px;
    padding: 26px 28px;
    background: #f2f7ff;
    border: 1px solid #cfe0f5;
    border-radius: 10px;
  }

  .termekleiras.cashcube-mini-tapegyseg .cta-doboz h2 {
    margin-top: 0;
    color: #0b3d75;
  }

  .termekleiras.cashcube-mini-tapegyseg .cta-doboz p:last-child {
    margin-bottom: 0;
  }

.termekleiras.ujdesign {
    max-width: 1050px;
    margin: 0 auto;
    padding: 28px 22px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.65;
    color: #222;
    background: #fff;
  }

  .termekleiras.ujdesign h1 {
    margin: 0 0 18px;
    font-size: 32px;
    line-height: 1.2;
    color: #111;
  }

  .termekleiras.ujdesign h2 {
    margin: 34px 0 12px;
    font-size: 23px;
    line-height: 1.3;
    color: #1a1a1a;
  }

  .termekleiras.ujdesign p {
    margin: 0 0 16px;
    font-size: 17px;
  }

  .termekleiras.ujdesign strong {
    color: #000;
    font-weight: 700;
  }

  .termekleiras.ujdesign ul {
    margin: 14px 0 22px;
    padding: 0;
    list-style: none;
  }

  .termekleiras.ujdesign li {
    position: relative;
    margin: 0 0 10px;
    padding-left: 30px;
    font-size: 17px;
  }

  .termekleiras.ujdesign li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #178a3b;
  }

  .termekleiras.ujdesign .figyelmeztetes {
    margin: 28px 0;
    padding: 22px 24px;
    border-left: 6px solid #c40000;
    background: #fff1f1;
    border-radius: 8px;
  }

  .termekleiras.ujdesign .figyelmeztetes h2 {
    margin-top: 0;
    color: #9b0000;
  }

  .termekleiras.ujdesign .figyelmeztetes p {
    margin-bottom: 0;
  }

  .termekleiras.ujdesign .kiemelt-doboz {
    margin: 26px 0;
    padding: 22px 24px;
    background: #f6f8fa;
    border: 1px solid #e0e4e8;
    border-radius: 8px;
  }

  .termekleiras.ujdesign .kiemelt-doboz h2 {
    margin-top: 0;
  }

  .termekleiras.ujdesign .cta-doboz {
    margin-top: 34px;
    padding: 26px 28px;
    background: #f2f7ff;
    border: 1px solid #cfe0f5;
    border-radius: 10px;
  }

  .termekleiras.ujdesign .cta-doboz h2 {
    margin-top: 0;
    color: #0b3d75;
  }

  .termekleiras.ujdesign .cta-doboz p:last-child {
    margin-bottom: 0;
  }


  @media (max-width: 768px) {
    .termekleiras.cashcube-mini-tapegyseg {
      padding: 22px 16px;
    }

    .termekleiras.cashcube-mini-tapegyseg h1 {
      font-size: 27px;
    }

    .termekleiras.cashcube-mini-tapegyseg h2 {
      font-size: 21px;
    }

    .termekleiras.cashcube-mini-tapegyseg p,
    .termekleiras.cashcube-mini-tapegyseg li {
      font-size: 16px;
    }

    .termekleiras.cashcube-mini-tapegyseg .figyelmeztetes,
    .termekleiras.cashcube-mini-tapegyseg .kiemelt-doboz,
    .termekleiras.cashcube-mini-tapegyseg .cta-doboz {
      padding: 18px;
    }
	      .termekleiras.ujdesign {
      padding: 22px 16px;
    }

    .termekleiras.ujdesign h1 {
      font-size: 27px;
    }

    .termekleiras.ujdesign h2 {
      font-size: 21px;
    }

    .termekleiras.ujdesign p,
    .termekleiras.ujdesign li {
      font-size: 16px;
    }

    .termekleiras.ujdesign .figyelmeztetes,
    .termekleiras.ujdesign .kiemelt-doboz,
    .termekleiras.ujdesign .cta-doboz {
      padding: 18px;
    }
  }










































/*
img {
width: 100px;
height: auto;
}*/

.blogdiv{
	
	width: 250px;
	height: 250px;
	border-style: solid;
	border-width: thin;
	float: left;
	margin: 10px;
	text-align: center;
}

.blogdiv:hover{

	filter: brightness(0.9) contrast(1.02);
	cursor: pointer;
	opacity: 0.6;
}
.reszletek_gomb{
	display:inline-block; 
	padding:12px 24px; 
	background-color:#0071F1; 
	color:#fff; 
    text-decoration:none; 
	border-radius:6px; 
	font-weight:bold; 
	font-size:16px; 
    transition: background-color 0.3s; 
	float: right;
}
.reszletek_gomb:hover{text-decoration:none; 
	color: #fff;
background-color: #0056b3;
	
}
.termekdiv{
	position: relative;
	float: left;
	width: 20%;
	min-width: 250px;
	
	
	height: 300px;
	
	border-style: solid;
	border-width: thin;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 5px;
}
.termekdiv:hover{
background-color: ghostwhite;
}
.kepdiv{
	text-align: center;
	/*width: 250px;*/
	width: 100%;
	height: 150px;
/*	max-height: 200px;
	max-width: 220px;*/
	
}

.kep_a_divben
{
max-height: 100%;	
max-width: 100%;
}
.arbal{
	float: left;
}
.arjobb{
	float: right;
}


.felsocim{
	text-align: center;
	background-color:#5e5e5e;
	color:#E1E1E1;
	width:100%; 
	position: sticky;
	top: 0px;
			   z-index: 1;
}
/*	.footercim{
		width: 100%;
		display: inline-block;
		padding-left: 30px;
		color: white;
	}
.footercim:hover{
	color: red;
}*/















/* */

.banner {

	position: relative;
	display: inline-block;
	
text-align: left;
  width: 100%; 
   overflow: hidden;
	background-color: whitesmoke;

}


.slide {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
	

	 background-position: center;
  pointer-events: none;
		background-size: contain;
		background-repeat: no-repeat;
	font-size: 1vw;
	cursor: pointer;
}

/* */

.nbanner {
  position: relative;
  width: 100%;
  aspect-ratio: 1500 / 300;
  overflow: hidden;
}

.nbanner .nslide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out;}

.nbanner .nslide.active {
  opacity: 1;
  visibility: visible;
}
/*
.marquee-container {
    min-height: 32px;
    overflow: hidden;
}
*/



.slide.active {
  opacity: 1;
  pointer-events: auto;
}

       .marquee-container {
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            background-color: #333;
            color: #fff;
            padding: 10px;
            font-size: 20px;
            /*position: relative;*/
            height: 50px;
		   position: sticky; 
		   top: 33px;
		   z-index: 1;
		   
        }

        .marquee-text {
			
            display: inline-block;
            white-space: nowrap;
            will-change: transform;
        }

        /* Az animációt később JavaScript határozza meg */
        .paused {
            animation-play-state: paused !important;
        }

.marquee-container a {
    color: white; /* A linkek színe fehér lesz */
    text-decoration: none; /* Az aláhúzás eltávolítása */
}

.marquee-container a:hover {
    color: #F44; /* Halványabb fehér árnyalat, amikor az egér fölötte van */
    text-decoration: underline; /* Az aláhúzást visszahozhatod hoverre */
}






.more-button {
    display: none; /* Alapértelmezetten elrejtjük */
    position: absolute;
    bottom: 10px; /* A gomb alulra kerül */
    left: 50%;
    transform: translateX(-50%);
    background: #007bff;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.more-button a {
    color: #fff;
    text-decoration: none;
}


.youtubediv{
	text-align: center;
	width: 100%;
	height: 300px;
}

.tr{
	
}
.tr2{
	background-color: lightcyan;
}

.tr:hover, .tr2:hover{
	background-color: lightgreen;
	/* font-weight: bold;*/ 
}
.alulrarendezett
{
	position: absolute;
	text-align: right;
	font-size: 22px;
	width: 96%;
	bottom: 0px;
	
	
}
input{
	color: black;
}
.slide{
	height: calc(100% -10px);
}
.bodydiv{
	
	margin-left: 50px;
	margin-right: 50px;
}

.bodykepek{
	width: 45%;
	max-width: 700px;
	
}

.left{
	float: left;
	margin-right: 20px;
}

.right{
	float: right;
	margin-left: 20px;
}
.termekoldalkep{
	max-height: 100%;
	height: 300px;
	width: 300px;
	max-width: 100%;
	cursor: pointer;
}
.fullkepdiv{
	width:100%;
	height:100%;
	opacity:1;
	padding:0px;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	background-color:#000000;
	color: white;
	
			
}
.keretezettdiv{
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: lightgray;
	height: 100%;
	width: 100%;


}

.halvanyszin{

	/*	background-color: #EAEAEA;*/
	overflow: hidden;
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border: none;
	
	
}

.halvanyszin2{
/*	background-color:#F8F8F8;*/
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
border: none;
}

.sotetszin{
	background-color:#3D2727; 
	color:#FFFFFF;
		 box-shadow: 0 0 20px rgba(0, 0, 0, 1.1);
		border: none;

}


.sotetszin2{
	background-color:rebeccapurple; 
	color:#FFFFFF;
		 box-shadow: 0 0 20px rgba(0, 0, 0, 1.1);
	border: none;

}
.kozeprediv{
		display: flex;
	align-items: center; 
    justify-content: center; 
}

.active_gomb{
	
	float: left;
	width: 25%;
	 text-align: center; 
	padding: 5px; 
	background-color: green; 
	color: white;
	font-size: 20px; 
	border-style: solid; 
	border-width: 2px; 
	border-color: black;
	cursor: pointer;
}
.active_gomb:hover{
	text-decoration: underline;
	color: black;
}


.zold_gomb{
	width: 100%;
	max-width: 200px;
	text-align: center; 
	padding: 5px; 
	background-color: green; 
	color: white;
	border-style: solid; 
	border-width: 2px; 
	border-color: black;
	cursor: pointer;
}
.zold_gomb:hover{
	text-decoration: underline;
	color: black;
}


.active_gombsarga{
	float: left;
	width: 25%;
		 text-align: center; 
	padding: 5px; 
	background-color: #D88600; 
	font-size: 20px; 
	border-style: solid; 
	border-width: 2px; 
	cursor: pointer;
}

@media only screen and (max-width: 1000px){
	

	
	
	
/*	.footercim{
		width: 50%;
	}	
*/
	.youtubediv{
	width: 100%;
height: 200px;	
}
.bodydiv{
	margin-left: 5px;
	margin-right: 5px;
}
	
	.bodykepek{
	width: 100%;
		max-width: 100%;
	
	
}
	
	.alulrarendezett
{
	position: relative;
	
}
	.ar_td{
		display: none;
		width: 1px;
	}
	
	.tobbcolspan_td{

		text-align: right;
		
		width: 200%;
		
	}
	.active_gomb{
	width: 50%;
	}
	.active_gombsarga
	{
		width: 50%;
	}
}