.elementor-3179 .elementor-element.elementor-element-5bcf824{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3179 .elementor-element.elementor-element-ebea767 img{opacity:1;}.elementor-3179 .elementor-element.elementor-element-9c0238e{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:43px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3179 .elementor-element.elementor-element-6d45018 .elementor-button{background-color:#181D22;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;line-height:15px;letter-spacing:0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6EC1E4;border-radius:10px 10px 10px 10px;}.elementor-3179 .elementor-element.elementor-element-6d45018{padding:15px 0px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-6d45018.elementor-element{--order:0;}.elementor-3179 .elementor-element.elementor-element-5afba24 .elementor-button{background-color:#181D22;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#9E0A0A;border-radius:10px 10px 10px 10px;}.elementor-3179 .elementor-element.elementor-element-5afba24{padding:15px 0px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-a7a68ea{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:71px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3179 .elementor-element.elementor-element-4c9ee03{background-color:#181D22;padding:51px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6EC1E4;border-radius:20px 20px 20px 20px;font-family:"Roboto", Sans-serif;font-size:27px;font-weight:400;}.elementor-3179 .elementor-element.elementor-element-4c9ee03 p{margin-block-end:0px;}.elementor-3179 .elementor-element.elementor-element-d99060a{border-style:solid;border-width:1px 1px 1px 1px;border-color:#d7392d;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3179 .elementor-element.elementor-element-d99060a iframe{transition-duration:0s;}.elementor-3179 .elementor-element.elementor-element-1189802{--display:flex;}.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-3179 .elementor-element.elementor-element-7555275{text-align:center;}.elementor-3179 .elementor-element.elementor-element-7555275 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:47px;font-weight:600;color:#6EC1E4;}.elementor-3179 .elementor-element.elementor-element-e1967ca{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:15px 15px 15px 15px;--margin-top:34px;--margin-bottom:6px;--margin-left:6px;--margin-right:6px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3179 .elementor-element.elementor-element-e1967ca:not(.elementor-motion-effects-element-type-background), .elementor-3179 .elementor-element.elementor-element-e1967ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-3179 .elementor-element.elementor-element-e1967ca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3179 .elementor-element.elementor-element-6bc4d49{--display:flex;--min-height:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-3179 .elementor-element.elementor-element-6154247{margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 1px;padding:0px 0px 0px 0px;text-align:start;}.elementor-3179 .elementor-element.elementor-element-6154247.elementor-element{--align-self:flex-start;}.elementor-3179 .elementor-element.elementor-element-6154247 img{max-width:100%;opacity:0.8;border-style:none;border-radius:0px 47px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-2b610d8{text-align:center;}.elementor-3179 .elementor-element.elementor-element-2b610d8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:33px;font-weight:600;}.elementor-3179 .elementor-element.elementor-element-2b610d8 .elementor-heading-title a{transition-duration:1.7s;}.elementor-3179 .elementor-element.elementor-element-8a3b07e{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3179 .elementor-element.elementor-element-8a3b07e .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-3179 .elementor-element.elementor-element-4f0fc78{--display:flex;--min-height:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-3179 .elementor-element.elementor-element-b181def{margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 1px;padding:0px 0px 0px 0px;text-align:start;}.elementor-3179 .elementor-element.elementor-element-b181def.elementor-element{--align-self:flex-start;}.elementor-3179 .elementor-element.elementor-element-b181def img{max-width:100%;opacity:0.8;border-style:none;border-radius:0px 47px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-223ba53{text-align:center;}.elementor-3179 .elementor-element.elementor-element-223ba53 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:33px;font-weight:600;}.elementor-3179 .elementor-element.elementor-element-7065296 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-3179 .elementor-element.elementor-element-1b37d6b{--display:flex;--min-height:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-3179 .elementor-element.elementor-element-f37a31a{margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 1px;padding:0px 0px 0px 0px;text-align:start;}.elementor-3179 .elementor-element.elementor-element-f37a31a.elementor-element{--align-self:flex-start;}.elementor-3179 .elementor-element.elementor-element-f37a31a img{max-width:100%;opacity:1;border-style:none;border-radius:0px 47px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-7686811{text-align:center;}.elementor-3179 .elementor-element.elementor-element-7686811 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:33px;font-weight:600;}.elementor-3179 .elementor-element.elementor-element-2b38f5c .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}@media(min-width:768px){.elementor-3179 .elementor-element.elementor-element-e1967ca{--content-width:100%;}.elementor-3179 .elementor-element.elementor-element-6bc4d49{--width:100%;}.elementor-3179 .elementor-element.elementor-element-4f0fc78{--width:100%;}.elementor-3179 .elementor-element.elementor-element-1b37d6b{--width:100%;}}@media(max-width:1024px){.elementor-3179 .elementor-element.elementor-element-9c0238e{--grid-auto-flow:row;}.elementor-3179 .elementor-element.elementor-element-a7a68ea{--grid-auto-flow:row;}.elementor-3179 .elementor-element.elementor-element-e1967ca{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3179 .elementor-element.elementor-element-ebea767{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-9c0238e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3179 .elementor-element.elementor-element-a7a68ea{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3179 .elementor-element.elementor-element-4c9ee03{padding:14px 0px 5px 0px;font-size:22px;}.elementor-3179 .elementor-element.elementor-element-1189802{--margin-top:31px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3179 .elementor-element.elementor-element-e1967ca{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for button, class: .elementor-element-6d45018 *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-3179 .elementor-element.elementor-element-6d45018 .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-3179 .elementor-element.elementor-element-6d45018 .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-3179 .elementor-element.elementor-element-6d45018 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-3179 .elementor-element.elementor-element-6d45018 .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-3179 .elementor-element.elementor-element-6d45018 .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5afba24 *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-3179 .elementor-element.elementor-element-5afba24 .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-3179 .elementor-element.elementor-element-5afba24 .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-3179 .elementor-element.elementor-element-5afba24 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-3179 .elementor-element.elementor-element-5afba24 .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-3179 .elementor-element.elementor-element-5afba24 .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a3b07e *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-3179 .elementor-element.elementor-element-8a3b07e .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-3179 .elementor-element.elementor-element-8a3b07e .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-3179 .elementor-element.elementor-element-8a3b07e .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-3179 .elementor-element.elementor-element-8a3b07e .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-3179 .elementor-element.elementor-element-8a3b07e .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6bc4d49 *//* 1. Kártya alap: Rugalmas és kerekített */
.elementor-3179 .elementor-element.elementor-element-6bc4d49 {
    --radius: 20px;
    position: relative;
    width: 100% !important;
    max-width: 320px !important;
    height: 380px !important; 
    margin: 0 auto !important;
    
    /* Töröljük az Elementor hátterét, hogy a miénk érvényesüljön */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    
    /* Szigorú sarokkivágás */
    overflow: hidden !important; 
    border-radius: var(--radius) !important;
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    z-index: 1;
}

/* 2. A FÜSTÖS ÜVEG HÁTTÉR - MOST MÁR ÁTMENETTEL */
.elementor-3179 .elementor-element.elementor-element-6bc4d49::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    
    /* Füstös színes átmenet az üveg alatt */
    background: 
        linear-gradient(135deg, rgba(255, 0, 0, 0.1) 0%, rgba(0, 136, 255, 0.1) 100%),
        rgba(15, 15, 15, 0.9) !important; /* Sötét, de áttetsző alap */
    
    /* ÜVEGHATÁS (BLUR) */
    backdrop-filter: blur(15px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    z-index: -1;
}

/* 3. A KÉP ÉS AZ ANIMÁCIÓ Fixálása */
.elementor-3179 .elementor-element.elementor-element-6bc4d49 .elementor-widget-image {
    position: relative;
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    height: 140px !important;
    line-height: 0; /* Megszünteti a kép alatti 1 pixel hézagot */
    
    /* Kerekítés a kép tartójának */
    border-radius: var(--radius) var(--radius) 0 0 !important;
    overflow: hidden !important;
    
    /* KÉP ANIMÁCIÓ Alapállapota */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-3179 .elementor-element.elementor-element-6bc4d49 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important; 
    
    /* EZ A LEGFONTOSABB! Átmenet a kép és a szöveg között */
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

/* 4. SZÖVEGEK (A füstös üveg felett) */
.elementor-3179 .elementor-element.elementor-element-6bc4d49 .elementor-widget-heading, 
.elementor-3179 .elementor-element.elementor-element-6bc4d49 .elementor-widget-text-editor, 
.elementor-3179 .elementor-element.elementor-element-6bc4d49 .elementor-widget-button {
    position: relative;
    z-index: 10;
    padding: 0 20px !important;
    margin-top: 8px !important;
    text-align: center !important;
}

/* Ár extra neon ragyogása */
.elementor-3179 .elementor-element.elementor-element-6bc4d49 .elementor-widget-heading h3 {
    color: #ffffff !important;
    text-shadow: 0 0 15px rgba(0, 136, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.5);
    font-weight: 800 !important;
}

/* Gomb stílus és animáció */
.elementor-3179 .elementor-element.elementor-element-6bc4d49 .elementor-button {
    background-color: transparent !important;
    border: 1.5px solid #0088ff !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 22px !important;
    transition: all 0.3s ease-in-out !important;
    font-weight: 600 !important;
}

.elementor-3179 .elementor-element.elementor-element-6bc4d49 .elementor-button:hover {
    background-color: #0088ff !important;
    box-shadow: 0 0 20px rgba(0, 136, 255, 0.8) !important;
    transform: translateY(-2px) scale(1.05) !important;
}

/* 5. HOVER EFFEKT: A KÉP MOZGÁSA */
.elementor-3179 .elementor-element.elementor-element-6bc4d49:hover .elementor-widget-image {
    transform: translateY(-10px) scale(1.05); /* Feljebb úszik és picit nagyobb lesz */
}

/* Alsó gomb helye */
.elementor-3179 .elementor-element.elementor-element-6bc4d49 .elementor-widget-button {
    padding-bottom: 25px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7065296 *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-3179 .elementor-element.elementor-element-7065296 .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-3179 .elementor-element.elementor-element-7065296 .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-3179 .elementor-element.elementor-element-7065296 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-3179 .elementor-element.elementor-element-7065296 .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-3179 .elementor-element.elementor-element-7065296 .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f0fc78 *//* 1. Kártya alap: Rugalmas és kerekített */
.elementor-3179 .elementor-element.elementor-element-4f0fc78 {
    --radius: 20px;
    position: relative;
    width: 100% !important;
    max-width: 320px !important;
    height: 380px !important; 
    margin: 0 auto !important;
    
    /* Töröljük az Elementor hátterét, hogy a miénk érvényesüljön */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    
    /* Szigorú sarokkivágás */
    overflow: hidden !important; 
    border-radius: var(--radius) !important;
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    z-index: 1;
}

/* 2. A FÜSTÖS ÜVEG HÁTTÉR - MOST MÁR ÁTMENETTEL */
.elementor-3179 .elementor-element.elementor-element-4f0fc78::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    
    /* Füstös színes átmenet az üveg alatt */
    background: 
        linear-gradient(135deg, rgba(255, 0, 0, 0.1) 0%, rgba(0, 136, 255, 0.1) 100%),
        rgba(15, 15, 15, 0.9) !important; /* Sötét, de áttetsző alap */
    
    /* ÜVEGHATÁS (BLUR) */
    backdrop-filter: blur(15px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    z-index: -1;
}

/* 3. A KÉP ÉS AZ ANIMÁCIÓ Fixálása */
.elementor-3179 .elementor-element.elementor-element-4f0fc78 .elementor-widget-image {
    position: relative;
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    height: 140px !important;
    line-height: 0; /* Megszünteti a kép alatti 1 pixel hézagot */
    
    /* Kerekítés a kép tartójának */
    border-radius: var(--radius) var(--radius) 0 0 !important;
    overflow: hidden !important;
    
    /* KÉP ANIMÁCIÓ Alapállapota */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-3179 .elementor-element.elementor-element-4f0fc78 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important; 
    
    /* EZ A LEGFONTOSABB! Átmenet a kép és a szöveg között */
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

/* 4. SZÖVEGEK (A füstös üveg felett) */
.elementor-3179 .elementor-element.elementor-element-4f0fc78 .elementor-widget-heading, 
.elementor-3179 .elementor-element.elementor-element-4f0fc78 .elementor-widget-text-editor, 
.elementor-3179 .elementor-element.elementor-element-4f0fc78 .elementor-widget-button {
    position: relative;
    z-index: 10;
    padding: 0 20px !important;
    margin-top: 8px !important;
    text-align: center !important;
}

/* Ár extra neon ragyogása */
.elementor-3179 .elementor-element.elementor-element-4f0fc78 .elementor-widget-heading h3 {
    color: #ffffff !important;
    text-shadow: 0 0 15px rgba(0, 136, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.5);
    font-weight: 800 !important;
}

/* Gomb stílus és animáció */
.elementor-3179 .elementor-element.elementor-element-4f0fc78 .elementor-button {
    background-color: transparent !important;
    border: 1.5px solid #0088ff !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 22px !important;
    transition: all 0.3s ease-in-out !important;
    font-weight: 600 !important;
}

.elementor-3179 .elementor-element.elementor-element-4f0fc78 .elementor-button:hover {
    background-color: #0088ff !important;
    box-shadow: 0 0 20px rgba(0, 136, 255, 0.8) !important;
    transform: translateY(-2px) scale(1.05) !important;
}

/* 5. HOVER EFFEKT: A KÉP MOZGÁSA */
.elementor-3179 .elementor-element.elementor-element-4f0fc78:hover .elementor-widget-image {
    transform: translateY(-10px) scale(1.05); /* Feljebb úszik és picit nagyobb lesz */
}

/* Alsó gomb helye */
.elementor-3179 .elementor-element.elementor-element-4f0fc78 .elementor-widget-button {
    padding-bottom: 25px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2b38f5c *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-3179 .elementor-element.elementor-element-2b38f5c .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-3179 .elementor-element.elementor-element-2b38f5c .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-3179 .elementor-element.elementor-element-2b38f5c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-3179 .elementor-element.elementor-element-2b38f5c .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-3179 .elementor-element.elementor-element-2b38f5c .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b37d6b *//* 1. Kártya alap: Rugalmas és kerekített */
.elementor-3179 .elementor-element.elementor-element-1b37d6b {
    --radius: 20px;
    position: relative;
    width: 100% !important;
    max-width: 320px !important;
    height: 380px !important; 
    margin: 0 auto !important;
    
    /* Töröljük az Elementor hátterét, hogy a miénk érvényesüljön */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    
    /* Szigorú sarokkivágás */
    overflow: hidden !important; 
    border-radius: var(--radius) !important;
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    z-index: 1;
}

/* 2. A FÜSTÖS ÜVEG HÁTTÉR - MOST MÁR ÁTMENETTEL */
.elementor-3179 .elementor-element.elementor-element-1b37d6b::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    
    /* Füstös színes átmenet az üveg alatt */
    background: 
        linear-gradient(135deg, rgba(255, 0, 0, 0.1) 0%, rgba(0, 136, 255, 0.1) 100%),
        rgba(15, 15, 15, 0.9) !important; /* Sötét, de áttetsző alap */
    
    /* ÜVEGHATÁS (BLUR) */
    backdrop-filter: blur(15px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    z-index: -1;
}

/* 3. A KÉP ÉS AZ ANIMÁCIÓ Fixálása */
.elementor-3179 .elementor-element.elementor-element-1b37d6b .elementor-widget-image {
    position: relative;
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    height: 140px !important;
    line-height: 0; /* Megszünteti a kép alatti 1 pixel hézagot */
    
    /* Kerekítés a kép tartójának */
    border-radius: var(--radius) var(--radius) 0 0 !important;
    overflow: hidden !important;
    
    /* KÉP ANIMÁCIÓ Alapállapota */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-3179 .elementor-element.elementor-element-1b37d6b img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important; 
    
    /* EZ A LEGFONTOSABB! Átmenet a kép és a szöveg között */
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

/* 4. SZÖVEGEK (A füstös üveg felett) */
.elementor-3179 .elementor-element.elementor-element-1b37d6b .elementor-widget-heading, 
.elementor-3179 .elementor-element.elementor-element-1b37d6b .elementor-widget-text-editor, 
.elementor-3179 .elementor-element.elementor-element-1b37d6b .elementor-widget-button {
    position: relative;
    z-index: 10;
    padding: 0 20px !important;
    margin-top: 8px !important;
    text-align: center !important;
}

/* Ár extra neon ragyogása */
.elementor-3179 .elementor-element.elementor-element-1b37d6b .elementor-widget-heading h3 {
    color: #ffffff !important;
    text-shadow: 0 0 15px rgba(0, 136, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.5);
    font-weight: 800 !important;
}

/* Gomb stílus és animáció */
.elementor-3179 .elementor-element.elementor-element-1b37d6b .elementor-button {
    background-color: transparent !important;
    border: 1.5px solid #0088ff !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 22px !important;
    transition: all 0.3s ease-in-out !important;
    font-weight: 600 !important;
}

.elementor-3179 .elementor-element.elementor-element-1b37d6b .elementor-button:hover {
    background-color: #0088ff !important;
    box-shadow: 0 0 20px rgba(0, 136, 255, 0.8) !important;
    transform: translateY(-2px) scale(1.05) !important;
}

/* 5. HOVER EFFEKT: A KÉP MOZGÁSA */
.elementor-3179 .elementor-element.elementor-element-1b37d6b:hover .elementor-widget-image {
    transform: translateY(-10px) scale(1.05); /* Feljebb úszik és picit nagyobb lesz */
}

/* Alsó gomb helye */
.elementor-3179 .elementor-element.elementor-element-1b37d6b .elementor-widget-button {
    padding-bottom: 25px !important;
}/* End custom CSS */