.elementor-6 .elementor-element.elementor-element-d5eafa5{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.82;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-6 .elementor-element.elementor-element-d5eafa5::before, .elementor-6 .elementor-element.elementor-element-d5eafa5 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-d5eafa5 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-d5eafa5 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-d5eafa5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-d5eafa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-6997f3a{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-6997f3a:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-6997f3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4A0E0E;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-fcb0902{margin:50% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-6 .elementor-element.elementor-element-fcb0902 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-weight:600;color:#F5E6CA;}.elementor-6 .elementor-element.elementor-element-db559f5{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-db559f5:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-db559f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1F2B;}.elementor-6 .elementor-element.elementor-element-3aa3185{margin:50% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-6 .elementor-element.elementor-element-3aa3185 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-weight:600;color:#F5E6CA;}.elementor-6 .elementor-element.elementor-element-ff6b8b3{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-ff6b8b3:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-ff6b8b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8C6239;}.elementor-6 .elementor-element.elementor-element-dc9e6c8{margin:50% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-6 .elementor-element.elementor-element-dc9e6c8 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-weight:600;color:#F5E6CA;}.elementor-6 .elementor-element.elementor-element-7349fef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-fcb0902 .elementor-heading-title{font-size:24px;}.elementor-6 .elementor-element.elementor-element-3aa3185 .elementor-heading-title{font-size:24px;}.elementor-6 .elementor-element.elementor-element-dc9e6c8 .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-d5eafa5{--width:100%;}.elementor-6 .elementor-element.elementor-element-6997f3a{--width:100%;}.elementor-6 .elementor-element.elementor-element-db559f5{--width:100%;}.elementor-6 .elementor-element.elementor-element-ff6b8b3{--width:100%;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-d5eafa5{--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-6997f3a{--min-height:100vh;}.elementor-6 .elementor-element.elementor-element-fcb0902{margin:40% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-6 .elementor-element.elementor-element-3aa3185{margin:40% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-6 .elementor-element.elementor-element-dc9e6c8{margin:40% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}}/* Start custom CSS for container, class: .elementor-element-6997f3a */.elementor-6 .elementor-element.elementor-element-6997f3a {
    background-color: #4A0E0E;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    margin-right: -5%;
    z-index: 1;
    animation: beuszasBal 1.5s ease-out forwards;
}
@keyframes beuszasBal {
    0% { opacity: 0; transform: translateX(-100px); }
    100% { opacity: 1; transform: translateX(0); }
}
html body .elementor-6 .elementor-element.elementor-element-6997f3a:hover {
    z-index: 10;
    transform: scale(1.05) translateY(-10px);
    filter: drop-shadow(0 15px 30px rgba(0,0,0,0.8));
}

/* --- MOBIL NÉZET: MAGYAR --- */
@media (max-width: 767px) {
    .elementor-6 .elementor-element.elementor-element-6997f3a {
        clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%); /* Csak az alja ferde */
        margin: 0 0 -5vh 0; /* Tökéletes takarás a fekete sávok ellen */
        min-height: 36vh; /* Elég hely a szövegnek */
        width: 100%;
        animation: mobilBeuszasFent 1.5s ease-out forwards;
    }
}
@keyframes mobilBeuszasFent {
    0% { opacity: 0; transform: translateY(-50px); }
    100% { opacity: 1; transform: translateY(0); }
}


/* --- TABLET NÉZET: MAGYAR --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-6 .elementor-element.elementor-element-6997f3a {
        flex: 1 0 35%; /* Picit kisebb helyet foglal, hogy elférjen a többi */
        margin-right: -4%; /* Finomabb összecsúszás */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db559f5 */.elementor-6 .elementor-element.elementor-element-db559f5 {
    background-color: #1A1F2B;
    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
    margin-left: -5%; margin-right: -5%;
    z-index: 5;
    opacity: 0; /* Késleltetéshez kell */
    animation: beuszasLent 1.5s ease-out 0.3s forwards;
    transform: scale(1.05); /* Alapból nagyobb */
}
@keyframes beuszasLent {
    0% { opacity: 0; transform: translateY(100px) scale(1.05); }
    100% { opacity: 1; transform: translateY(0) scale(1.05); }
}
html body .elementor-6 .elementor-element.elementor-element-db559f5:hover {
    z-index: 11;
    transform: scale(1.1) translateY(-15px);
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.9));
}

/* --- MOBIL NÉZET: ENGLISH --- */
@media (max-width: 767px) {
    .elementor-6 .elementor-element.elementor-element-db559f5 {
        clip-path: polygon(0 12%, 100% 0, 100% 88%, 0 100%); /* Teteje és alja is ferde */
        margin: 0 0 -5vh 0;
        min-height: 38vh;
        width: 100%;
        transform: scale(1); /* Megszünteti a mobilos kilógást */
        animation: mobilBeuszasKozep 1.5s ease-out 0.3s forwards;
    }
}
@keyframes mobilBeuszasKozep {
    0% { opacity: 0; transform: scale(0.9); }
    100% { opacity: 1; transform: scale(1); }
}


/* --- TABLET NÉZET: ENGLISH --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-6 .elementor-element.elementor-element-db559f5 {
        flex: 1 0 35%;
        margin-left: -4%;
        margin-right: -4%;
        transform: scale(1.03); /* Tableten kevésbé nagyítjuk fel alapból, hogy ne lógjon ki */
    }
    
    /* Hover (lebegés) tableten, ha van egér/stylus */
    html body .elementor-6 .elementor-element.elementor-element-db559f5:hover {
        transform: scale(1.05) translateY(-8px);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff6b8b3 */.elementor-6 .elementor-element.elementor-element-ff6b8b3 {
    background-color: #8C6239;
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
    margin-left: -5%;
    z-index: 1;
    opacity: 0; /* Késleltetéshez kell */
    animation: beuszasJobb 1.5s ease-out 0.6s forwards;
}
@keyframes beuszasJobb {
    0% { opacity: 0; transform: translateX(100px); }
    100% { opacity: 1; transform: translateX(0); }
}
html body .elementor-6 .elementor-element.elementor-element-ff6b8b3:hover {
    z-index: 10;
    transform: scale(1.05) translateY(-10px);
    filter: drop-shadow(0 15px 30px rgba(0,0,0,0.8));
}

/* --- MOBIL NÉZET: ROMÂNĂ --- */
@media (max-width: 767px) {
    .elementor-6 .elementor-element.elementor-element-ff6b8b3 {
        clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%); /* Csak a teteje ferde */
        margin: 0;
        min-height: 36vh;
        width: 100%;
        animation: mobilBeuszasLent 1.5s ease-out 0.6s forwards;
    }
}
@keyframes mobilBeuszasLent {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* --- TABLET NÉZET: ROMÂNĂ --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-6 .elementor-element.elementor-element-ff6b8b3 {
        flex: 1 0 35%;
        margin-left: -4%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5eafa5 *//* Sima lebegés (hover) visszatérésének finomítása */
html body .main-lang-wrapper .hu-col, 
html body .main-lang-wrapper .en-col, 
html body .main-lang-wrapper .ro-col {
    transition: transform 0.5s ease, filter 0.5s ease;
}

/* KIFUTÓ OSZTÁLYOK: Itt már új animációt kapnak kattintáskor! */
html body .main-lang-wrapper .hu-col.exit-left {
    animation: lassuKiBal 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    pointer-events: none; /* Megakadályozza a dupla kattintást */
}
html body .main-lang-wrapper .ro-col.exit-right {
    animation: lassuKiJobb 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    pointer-events: none;
}
html body .main-lang-wrapper .en-col.exit-center {
    animation: lassuKiKozep 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    pointer-events: none;
}

/* A 2 másodperces lassú, selymes elúszások pontos definíciója */
@keyframes lassuKiBal {
    0% { transform: translateX(0) scale(1) rotate(0deg); opacity: 1; }
    100% { transform: translateX(-150%) scale(1) rotate(-5deg); opacity: 0; }
}

@keyframes lassuKiJobb {
    0% { transform: translateX(0) scale(1) rotate(0deg); opacity: 1; }
    100% { transform: translateX(150%) scale(1) rotate(5deg); opacity: 0; }
}

@keyframes lassuKiKozep {
    0% { transform: scale(1.05); opacity: 1; filter: blur(0px); }
    100% { transform: scale(4); opacity: 0; filter: blur(10px); }
}




/* ========================================= */
/* 📱 MOBIL NÉZET (767px alatt)              */
/* ========================================= */
@media (max-width: 767px) {
    
    /* Az oszlopok egymás alá kerülnek, kitöltik a képernyőt */
    html body .main-lang-wrapper .hu-col, 
    html body .main-lang-wrapper .en-col, 
    html body .main-lang-wrapper .ro-col {
        width: 100%;
        min-height: 38vh; /* Képernyő magasságának harmada */
        margin: 0;
        transform: scale(1); /* Mobilon nincs alapnagyítás */
    }

    /* 1. MAGYAR (Legfelül) - Alsó vágás */
    html body .main-lang-wrapper .hu-col {
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        margin-bottom: -10vh; /* Egymásba csúsznak függőlegesen */
        animation: mobilBeuszasFel 1.5s ease-out forwards;
    }

    /* 2. ANGOL (Középen) - Felső és alsó vágás */
    html body .main-lang-wrapper .en-col {
        clip-path: polygon(0 15%, 100% 0, 100% 85%, 0 100%);
        margin-bottom: -10vh;
        animation: mobilBeuszasKozep 1.5s ease-out 0.3s forwards;
    }

    /* 3. ROMÁN (Legalul) - Felső vágás */
    html body .main-lang-wrapper .ro-col {
        clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
        animation: mobilBeuszasLe 1.5s ease-out 0.6s forwards;
    }

    /* --- MOBIL BEÚSZÁSOK (Függőlegesen érkeznek) --- */
    @keyframes mobilBeuszasFel {
        0% { opacity: 0; transform: translateY(-50px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    @keyframes mobilBeuszasKozep {
        0% { opacity: 0; transform: scale(0.9); }
        100% { opacity: 1; transform: scale(1); }
    }
    @keyframes mobilBeuszasLe {
        0% { opacity: 0; transform: translateY(50px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    /* --- MOBIL KIÚSZÁSOK (Kattintáskor fel és le mennek) --- */
    /* Az új animációk felülírják az asztali jobb/bal mozgást */
    html body .main-lang-wrapper .hu-col.exit-left {
        animation: mobilKiFel 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    }
    html body .main-lang-wrapper .ro-col.exit-right {
        animation: mobilKiLe 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    }
    /* Az angol (exit-center) megtartja az asztali "belénk táguló" animációt */

    @keyframes mobilKiFel {
        0% { transform: translateY(0) scale(1); opacity: 1; }
        100% { transform: translateY(-100vh) scale(1); opacity: 0; } /* Kimegy a képernyő tetején */
    }
    @keyframes mobilKiLe {
        0% { transform: translateY(0) scale(1); opacity: 1; }
        100% { transform: translateY(100vh) scale(1); opacity: 0; } /* Kimegy a képernyő alján */
    }
    
    /* Mobilon kikapcsoljuk a lebegést (hover), mert érintőkijelzőn zavaró lehet */
    html body .main-lang-wrapper .hu-col:hover, 
    html body .main-lang-wrapper .en-col:hover, 
    html body .main-lang-wrapper .ro-col:hover {
        transform: none;
        filter: none;
    }
}



/* --- MOBIL NÉZET: FÜGGŐLEGES TÁVOZÁSI ANIMÁCIÓK --- */
@media (max-width: 767px) {
    html body .main-lang-wrapper .hu-col.exit-left {
        animation: mobilKiFel 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    }
    html body .main-lang-wrapper .ro-col.exit-right {
        animation: mobilKiLe 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    }
    html body .main-lang-wrapper .en-col.exit-center {
        animation: mobilKiKozep 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    }
}

@keyframes mobilKiFel {
    0% { transform: translateY(0) scale(1); opacity: 1; }
    100% { transform: translateY(-100vh) scale(1); opacity: 0; } /* Felfelé úszik ki */
}
@keyframes mobilKiLe {
    0% { transform: translateY(0) scale(1); opacity: 1; }
    100% { transform: translateY(100vh) scale(1); opacity: 0; } /* Lefelé úszik ki */
}
@keyframes mobilKiKozep {
    0% { transform: scale(1); opacity: 1; filter: blur(0px); }
    100% { transform: scale(3); opacity: 0; filter: blur(10px); }
}/* End custom CSS */