.elementor-103 .elementor-element.elementor-element-3281fc4{--spacer-size:50px;}.elementor-103 .elementor-element.elementor-element-d5fc3dc{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-103 .elementor-element.elementor-element-1cbe312 .elementor-menu-toggle{margin:0 auto;}.elementor-103 .elementor-element.elementor-element-cca336c{--display:flex;}.elementor-103 .elementor-element.elementor-element-61c7172{--spacer-size:9px;}.elementor-103 .elementor-element.elementor-element-e09703a{--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;}.elementor-103 .elementor-element.elementor-element-c17ff5f{padding:20px 0px 0px 0px;}.elementor-103 .elementor-element.elementor-element-0c19790{--display:flex;--overlay-opacity:0.5;}.elementor-103 .elementor-element.elementor-element-0c19790::before, .elementor-103 .elementor-element.elementor-element-0c19790 > .elementor-background-video-container::before, .elementor-103 .elementor-element.elementor-element-0c19790 > .e-con-inner > .elementor-background-video-container::before, .elementor-103 .elementor-element.elementor-element-0c19790 > .elementor-background-slideshow::before, .elementor-103 .elementor-element.elementor-element-0c19790 > .e-con-inner > .elementor-background-slideshow::before, .elementor-103 .elementor-element.elementor-element-0c19790 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(max-width:767px){.elementor-103 .elementor-element.elementor-element-c17ff5f{padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-103 .elementor-element.elementor-element-c17ff5f.elementor-element{--align-self:stretch;--flex-grow:1;}.elementor-103 .elementor-element.elementor-element-c17ff5f .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-103 .elementor-element.elementor-element-c17ff5f .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-103 .elementor-element.elementor-element-c17ff5f .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-103 .elementor-element.elementor-element-c17ff5f .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-103 .elementor-element.elementor-element-c17ff5f .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-103 .elementor-element.elementor-element-c17ff5f .e--pointer-underline .elementor-item:after,
					 .elementor-103 .elementor-element.elementor-element-c17ff5f .e--pointer-overline .elementor-item:before,
					 .elementor-103 .elementor-element.elementor-element-c17ff5f .e--pointer-double-line .elementor-item:before,
					 .elementor-103 .elementor-element.elementor-element-c17ff5f .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-103 .elementor-element.elementor-element-c17ff5f .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-103 .elementor-element.elementor-element-c17ff5f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-103 .elementor-element.elementor-element-c17ff5f .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-e9aaf17 *//* ==========================================================================
   FUSIONENFRAME.HU - ULTRA-SÖTÉT FÜSTÜVEG KONCENTRÁLT REFLEKTOROKKAL
   ========================================================================== */

/* TELJES MONITOROS SZÉLESSÉG KIKÉNYSZERÍTÉSE */
.fusion-hud-force-wrapper {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    left: 0 !important;
    right: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
}

/* ÁTLÁTSZÓ ALAP: HAGYJA ÉRVÉNYESÜLNI A FŐOLDALI GRAFIKÁDAT */
.fef-hero-clean-core {
    position: relative !important;
    width: 100% !important;
    height: 550px !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* 🔦 BAL FELSŐ DINAMIKUS REFLEKTOR - PONTOSAN A KÖZÉPSŐ TÁBLÁRA FÓKUSZÁLVA */
.fef-hero-clean-core::before {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    left: -5% !important;
    width: 50% !important;
    height: 180% !important;
    transform: rotate(-38deg) !important;
    /* A fénycsóva közepe erősebb, és pontosan a középső tábla bal szélén landol */
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.4) 40%, 
        rgba(255, 255, 255, 0.65) 50%, 
        rgba(255, 255, 255, 0.1) 60%, 
        transparent 100%) !important;
    mix-blend-mode: overlay !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

/* 🔦 JOBB FELSŐ DINAMIKUS REFLEKTOR - PONTOSAN A KÖZÉPSŐ TÁBLÁRA FÓKUSZÁLVA */
.fef-hero-clean-core::after {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    right: -5% !important;
    width: 50% !important;
    height: 180% !important;
    transform: rotate(38deg) !important;
    /* Szimmetrikus fókuszált fénycsóva, ami megvilágítja a középső tábla jobb szélét */
    background: linear-gradient(-90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.4) 40%, 
        rgba(255, 255, 255, 0.65) 50%, 
        rgba(255, 255, 255, 0.1) 60%, 
        transparent 100%) !important;
    mix-blend-mode: overlay !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

/* HIGH-TECH FINOM RÁCS MATRÍX */
.fef-hero-matrix {
    position: absolute !important;
    top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;
    background-image: 
        linear-gradient(rgba(0, 191, 255, 0.01) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 191, 255, 0.01) 1px, transparent 1px) !important;
    background-size: 35px 35px !important;
    pointer-events: none !important;
    z-index: 4 !important;
}

/* KÉK ÉS NARANCS HÁTTÉR IZZÁSOK (FINOMAN MEGHÚZVA) */
.fef-hero-glow {
    position: absolute !important;
    pointer-events: none !important;
    z-index: 2 !important;
}
.neon-cyber-blue {
    width: 600px !important; height: 350px !important;
    background: radial-gradient(ellipse at center, rgba(0,180,255,0.3) 0%, transparent 70%) !important;
    top: -100px !important; left: -50px !important;
    mix-blend-mode: screen !important;
    filter: blur(30px) !important;
}
.neon-plasma-orange {
    width: 500px !important; height: 500px !important;
    background: radial-gradient(circle, rgba(255,115,0,0.3) 0%, transparent 70%) !important;
    bottom: -150px !important; right: -50px !important;
    filter: blur(80px) !important;
}

/* TERMINAL PANEL KERET: MAGASABB REFLREXIÓKKAL A MEGVILÁGÍTÁS MIATT */
.fef-clean-terminal {
    position: relative !important;
    z-index: 10 !important;
    padding: 1px !important;
    /* A külső keret jobban megcsillan az érkező reflektorfények miatt */
    background: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.02) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 
        0 45px 90px rgba(0,0,0,0.95), 
        inset 1px 1px 2px rgba(255,255,255,0.25) !important;
    border-radius: 6px !important;
    max-width: 820px !important;
    width: 90% !important;
    margin-top: -30px !important;
}

/* 🎯 ERŐSÍTETT, MAJDNEM KOROMFEKETE, DE ÁTLÁTSZÓ FÜSTÜVEG (FROSTED GLASS) */
.fef-clean-terminal > div {
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 50px 40px !important;
    /* Tovább sötétített, 97%-os majdnem koromfekete tónus, de minimális 3-4% áttetszőséggel */
    background: linear-gradient(135deg, rgba(2, 4, 8, 0.97) 0%, rgba(0, 1, 2, 0.98) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    /* Keményebb belső árnyék, ami mélységet ad a megvilágított táblának */
    box-shadow: inset 0 15px 35px rgba(0,0,0,0.95) !important;
    border-radius: 5px !important;
    /* Brutális elmosás, ami a finom részleteket elmossa, így csak a háttérkép nagy 3D idomai sejlenek át */
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

/* TIPOGRÁFIA ÉS INTEGRÁLT LÉZER TEXT GLOW */
.fef-clean-title {
    font-size: 2.6rem !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: 3px !important;
    text-shadow: 0 2px 10px rgba(0,0,0,1), 0 0 25px rgba(0, 191, 255, 0.5) !important;
    margin-bottom: 15px !important;
}

.fef-clean-sub {
    font-size: 1.35rem !important;
    color: #cbd5e1 !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.9) !important;
    margin-bottom: 25px !important;
}

.fef-clean-cta {
    font-size: 1.7rem !important;
    font-weight: 700 !important;
    color: #ff9f43 !important;
    text-shadow: 0 0 15px rgba(255, 159, 67, 0.6) !important;
    letter-spacing: 1px !important;
}

/* ALSÓ INTEGRÁLT LÉZERSZALAGOK A MENÜSOR FÖLÉ */
.fef-clean-edge-l {
    position: absolute !important;
    bottom: 0 !important; left: 0 !important; width: 50% !important; height: 7px !important;
    background: linear-gradient(90deg, rgba(0, 242, 255, 0) 0%, #00f2ff 40%, #00bfff 100%) !important;
    box-shadow: 0 -4px 25px #00bfff, 0 -2px 10px #00f2ff !important;
    z-index: 6 !important;
}

.fef-clean-edge-r {
    position: absolute !important;
    bottom: 0 !important; right: 0 !important; width: 50% !important; height: 5px !important;
    background: linear-gradient(90deg, #ff6a00 0%, rgba(255, 159, 67, 0) 100%) !important;
    box-shadow: 0 -3px 15px rgba(255, 106, 0, 0.8) !important;
    z-index: 6 !important;
}

/* MOBIL RESPONZÍV NÉZET */
@media (max-width: 768px) {
    .fef-clean-title { font-size: 1.6rem !important; letter-spacing: 1px !important; }
    .fef-clean-sub { font-size: 1.1rem !important; }
    .fef-clean-cta { font-size: 1.2rem !important; }
    .fef-hero-clean-core { height: 480px !important; }
    .fef-clean-terminal { padding: 1px !important; margin-top: 0 !important; }
    .fef-clean-terminal > div { padding: 35px 20px !important; }
    .fef-hero-clean-core::before, .fef-hero-clean-core::after { display: none !important; }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c17ff5f *//* ========================================= */
/* ============ DESKTOP CTA NAV ============ */
/* ========================================= */

#menu-1-c17ff5f{
    display:flex !important;
    gap:20px !important;
    justify-content:center !important;
    align-items:center !important;
    padding:0 !important;
    margin:0 !important;
}

/* ===== ALAP CTA STÍLUS ===== */
#menu-1-c17ff5f .menu-item > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:240px !important;
    height:64px !important;

    background:#05070b !important;
    color:#ffffff !important;

    font-size:16px !important;
    font-weight:700 !important;
    letter-spacing:1px !important;
    text-transform:uppercase !important;

    border-radius:0 !important;
    transition:all .25s ease !important;

    border:2px solid transparent !important;
    box-sizing:border-box !important;

    clip-path: polygon(
        18px 0,
        100% 0,
        calc(100% - 18px) 100%,
        0 100%
    ) !important;
}

/* ===== PORTFÓLIÓK ===== */
#menu-1-c17ff5f .menu-item:first-child > a{
    border:2px solid #00caff !important;
    box-shadow:
        0 0 12px rgba(0,202,255,.7),
        inset 0 0 10px rgba(0,202,255,.25) !important;
}

#menu-1-c17ff5f .menu-item:first-child > a:hover{
    background:#00caff !important;
    color:#ffffff !important;
    border-color:#00e1ff !important;
    box-shadow:
        0 0 10px #00caff,
        0 0 25px #00caff,
        0 0 50px #00caff,
        inset 0 0 20px rgba(255,255,255,.15) !important;
    transform:translateY(-2px) scale(1.02) !important;
}

/* ===== AJÁNLATKÉRÉS ===== */
#menu-1-c17ff5f .menu-item:last-child > a{
    border:2px solid #ff7a00 !important;
    box-shadow:
        0 0 12px rgba(255,122,0,.7),
        inset 0 0 10px rgba(255,122,0,.25) !important;
}

#menu-1-c17ff5f .menu-item:last-child > a:hover{
    background:#ff7a00 !important;
    color:#ffffff !important;
    border-color:#ff9a2f !important;
    box-shadow:
        0 0 10px #ff7a00,
        0 0 25px #ff7a00,
        0 0 50px #ff7a00,
        inset 0 0 20px rgba(255,255,255,.15) !important;
    transform:translateY(-2px) scale(1.02) !important;
}

/* ========================================= */
/* ===== MOBIL + TABLET (GRID CTA) ========= */
/* ========================================= */

@media (max-width:1024px){

    /* FORCE GRID – felülír MINDENT */
    .fusion-nav-cta #menu-1-c17ff5f{
        display:grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap:12px !important;

        width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    /* LI elemek – flex tiltás */
    .fusion-nav-cta #menu-1-c17ff5f > li{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        flex:none !important;
    }

    /* CTA gombok */
    .fusion-nav-cta #menu-1-c17ff5f > li > a{
        width:100% !important;
        min-width:unset !important;

        height:56px !important;

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

        font-size:13px !important;
        padding:0 10px !important;
    }
}

/* ========================================= */
/* ============ MOBIL FINOMÍTÁS ============ */
/* ========================================= */

@media (max-width:767px){
    .fusion-nav-cta #menu-1-c17ff5f{
        gap:8px !important;
    }

    .fusion-nav-cta #menu-1-c17ff5f > li > a{
        height:50px !important;
        font-size:11px !important;
        padding:0 16px !important;
    }
}
/* ========================================= */
/* ===== MOBIL + TABLET: 2 OSZLOPOS CTA ==== */
/* ========================================= */

@media (max-width:1024px){

    /* A TE KONKRÉT NAV STRUKTÚRÁD */
    .fusion-nav-cta nav.elementor-nav-menu--main ul#menu-1-c17ff5f.sm-vertical{
        display:grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap:12px !important;

        width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    /* LI elemek */
    .fusion-nav-cta nav.elementor-nav-menu--main ul#menu-1-c17ff5f.sm-vertical > li{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        flex:none !important; /* FLEX TILTÁS */
    }

    /* CTA gombok */
    .fusion-nav-cta nav.elementor-nav-menu--main ul#menu-1-c17ff5f.sm-vertical > li > a{
        width:100% !important;
        min-width:unset !important;

        height:56px !important;

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

        font-size:14px !important;
        padding:0 12px !important;

        /* clip-path kisebb mobilon, hogy ne torzuljon */
        clip-path: polygon(
            12px 0,
            100% 0,
            calc(100% - 12px) 100%,
            0 100%
        ) !important;
    }
}

/* ========================================= */
/* ============ MOBIL FINOMÍTÁS ============ */
/* ========================================= */

@media (max-width:767px){

    .fusion-nav-cta nav.elementor-nav-menu--main ul#menu-1-c17ff5f.sm-vertical{
        gap:8px !important;
    }

    .fusion-nav-cta nav.elementor-nav-menu--main ul#menu-1-c17ff5f.sm-vertical > li > a{
        height:50px !important;
        font-size:12px !important;
        padding:0 14px !important;
    }
}
@media (max-width:1024px){

    /* 2 oszlopos CTA */
    .fusion-nav-cta nav.elementor-nav-menu--main ul.sm-vertical{
        display:grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap:10px !important; /* kisebb gap */
        width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    /* LI */
    .fusion-nav-cta nav.elementor-nav-menu--main ul.sm-vertical > li{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        flex:none !important;
    }

    /* CTA gombok – KISEBBÍTETT VERZIÓ */
    .fusion-nav-cta nav.elementor-nav-menu--main ul.sm-vertical > li > a{
        width:100% !important;
        min-width:unset !important;

        height:48px !important;        /* kisebb magasság */
        font-size:12px !important;     /* kisebb betű */
        padding:0 10px !important;     /* kisebb padding */

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

        /* kisebb clip‑path, hogy ne torzuljon */
        clip-path: polygon(
            10px 0,
            100% 0,
            calc(100% - 10px) 100%,
            0 100%
        ) !important;
    }
}

/* ===== MOBIL FINOMÍTÁS ===== */
@media (max-width:767px){

    .fusion-nav-cta nav.elementor-nav-menu--main ul.sm-vertical{
        gap:8px !important;
    }

    .fusion-nav-cta nav.elementor-nav-menu--main ul.sm-vertical > li > a{
        height:44px !important;      /* még kisebb */
        font-size:11px !important;   /* még kisebb */
        padding:0 12px !important;
    }
}
/* =========================
   CTA NAV – MÉRETIGAZÍTÁS
========================= */

@media (max-width:1024px){

    .fusion-nav-cta .elementor-nav-menu {
        gap: 10px !important;
    }

    .fusion-nav-cta .elementor-item {
        padding: 10px 18px !important;   /* kisebb */
        font-size: 12px !important;      /* kisebb */
        letter-spacing: 1.2px !important;

        clip-path: polygon(
            6px 0,
            100% 0,
            calc(100% - 6px) 100%,
            0 100%
        ) !important;
    }
}

@media (max-width:767px){

    .fusion-nav-cta .elementor-nav-menu {
        gap: 8px !important;
    }

    .fusion-nav-cta .elementor-item {
        padding: 8px 14px !important;    /* még kisebb */
        font-size: 11px !important;
        letter-spacing: 1px !important;

        clip-path: polygon(
            5px 0,
            100% 0,
            calc(100% - 5px) 100%,
            0 100%
        ) !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12009ac *//* --- CORE LAYOUT --- */
#fef-isolated-landing-wrapper {
    background: transparent;
    padding: 40px 0;
    font-family: 'Inter', sans-serif;
    color: #1e2229;
}

#fef-isolated-landing-wrapper * {
    box-sizing: border-box;
}

/* --- BLOKKCÍMEK --- */
#fef-isolated-landing-wrapper .fef-block-title-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

#fef-isolated-landing-wrapper .fef-main-section-title {
    background: linear-gradient(135deg, #2b3b4e 0%, #4a5e75 45%, #8ba3ba 75%, #1e2936 100%);
    padding: 14px 45px;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    border-radius: 8px;
    border: 3px solid transparent;
    background-image: linear-gradient(#34465b, #1e2936), linear-gradient(135deg, #00d2ff 0%, #00d2ff 50%, #ff6a00 50%, #ff6a00 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), 0 8px 20px rgba(0,0,0,0.4), 0 0 25px rgba(0, 210, 255, 0.4);
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    transition: box-shadow 0.3s ease, background-image 0.3s ease;
}

#fef-isolated-landing-wrapper .fef-main-section-title:hover {
    background-image: linear-gradient(#34465b, #1e2936), linear-gradient(135deg, #ff6a00 0%, #ff6a00 50%, #ff2a00 50%, #ff2a00 100%);
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), 0 8px 20px rgba(0,0,0,0.5), 0 0 35px rgba(255, 106, 0, 0.8);
}

/* --- SZOLGÁLTATÁS KÁRTYÁK (ALAPHELYZET) --- */
#fef-isolated-landing-wrapper .fef-services-grid.fef-grid-2x3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; 
    max-width: 1140px;
    margin: 0 auto 100px auto;
}

#fef-isolated-landing-wrapper a.fef-service-card {
    text-decoration: none;
    display: flex; 
    flex-direction: column;
    height: auto;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #2b3b4e 0%, #4a5e75 35%, #8ba3ba 65%, #1e2936 100%);
    padding: 18px; 
    text-align: center;
    cursor: pointer;
    clip-path: polygon(12px 0px, calc(100% - 12px) 0px, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0px calc(100% - 12px), 0px 12px);
    
    border: 5px solid transparent;
    background-image: linear-gradient(#2b3b4e, #1e2936), linear-gradient(135deg, #00d2ff 0%, #00d2ff 50%, #ff6a00 50%, #ff6a00 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    
    box-shadow:
        inset 0 1px 3px rgba(255,255,255,0.2), 
        0 12px 24px rgba(0,0,0,0.4), 
        0 0 16px rgba(0, 210, 255, 0.18),
        0 0 16px rgba(255, 106, 0, 0.12); 
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.25, 1), box-shadow 0.3s ease, background-image 0.3s ease;
    will-change: transform, box-shadow;
}

/* --- SZOLGÁLTATÁS KÁRTYÁK HOVER (FELVÁLTVA KÉK VAGY NARANCS NEON) --- */

/* Páratlan kártyák (1., 3., 5.) -> HOVER állapotban TISZTA KÉK NEON */
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(odd):hover,
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(odd).fef-card-active {
    transform: translateY(-8px); 
    background-image: linear-gradient(#2b3b4e, #1e2936), linear-gradient(135deg, #00d2ff 0%, #0066ff 100%);
    box-shadow:
        inset 0 1px 3px rgba(255,255,255,0.2), 
        0 22px 34px rgba(0,0,0,0.5), 
        0 0 32px rgba(0, 210, 255, 0.9), 
        0 0 52px rgba(0, 102, 255, 0.55); 
}
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(odd):hover h3,
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(odd).fef-card-active h3 {
    color: #00d2ff !important;
    text-shadow: 0 0 10px rgba(0, 210, 255, 0.6), 0 1px 0 rgba(255,255,255,0.3);
}
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(odd):hover .fef-metal-plate,
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(odd).fef-card-active .fef-metal-plate {
    border-color: #00d2ff;
    box-shadow: inset 0 1px 2px rgba(255,255,255,1), 0 0 22px rgba(0, 210, 255, 0.75);
}

/* Páros kártyák (2., 4., 6.) -> HOVER állapotban TISZTA NARANCS NEON */
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(even):hover,
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(even).fef-card-active {
    transform: translateY(-8px); 
    background-image: linear-gradient(#2b3b4e, #1e2936), linear-gradient(135deg, #ff6a00 0%, #ff2a00 100%);
    box-shadow:
        inset 0 1px 3px rgba(255,255,255,0.2), 
        0 22px 34px rgba(0,0,0,0.5), 
        0 0 32px rgba(255, 106, 0, 0.9), 
        0 0 52px rgba(255, 42, 0, 0.55); 
}
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(even):hover h3,
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(even).fef-card-active h3 {
    color: #ff6a00 !important;
    text-shadow: 0 0 10px rgba(255, 106, 0, 0.6), 0 1px 0 rgba(255,255,255,0.3);
}
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(even):hover .fef-metal-plate,
#fef-isolated-landing-wrapper a.fef-service-card:nth-child(even).fef-card-active .fef-metal-plate {
    border-color: #ff6a00;
    box-shadow: inset 0 1px 2px rgba(255,255,255,1), 0 0 22px rgba(255, 106, 0, 0.75);
}

/* --- CSILLANÁS EFFEKT --- */
#fef-isolated-landing-wrapper a.fef-service-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 30%;
    height: 200%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
    transform: rotate(35deg);
    pointer-events: none;
    z-index: 3;
    transition: left 0.6s ease;
}
#fef-isolated-landing-wrapper a.fef-service-card:hover::after { left: 140%; }

#fef-isolated-landing-wrapper .fef-card-img-wrap {
    width: 100%;
    height: 240px; 
    border-radius: 6px;
    overflow: hidden;
    background: #0f161e;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 5px 15px rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
}

#fef-isolated-landing-wrapper .fef-card-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* --- PORTFÓLIÓ GALÉRIA (ALAPHELYZET) --- */
#fef-isolated-landing-wrapper .fef-gallery-section {
    max-width: 1140px;
    margin: 0 auto 100px auto;
}

#fef-isolated-landing-wrapper .fef-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

#fef-isolated-landing-wrapper .fef-gallery-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#fef-isolated-landing-wrapper .fef-thumb-wrap {
    width: 100%;
    height: 250px; 
    border-radius: 12px;
    overflow: hidden;
    background: #0f161e;
    margin-bottom: 15px;
    border: 5px solid transparent;
    
    background-image: linear-gradient(#0f161e, #0f161e), linear-gradient(135deg, #00d2ff 0%, #00d2ff 50%, #ff6a00 50%, #ff6a00 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    
    box-shadow:
        0 12px 26px rgba(0,0,0,0.4), 
        0 0 16px rgba(0, 210, 255, 0.18),
        0 0 16px rgba(255, 106, 0, 0.12);
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.25, 1), box-shadow 0.3s ease, background-image 0.3s ease;
    will-change: transform, box-shadow;
}

#fef-isolated-landing-wrapper .fef-gallery-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* --- PORTFÓLIÓ GALÉRIA HOVER (VÁLTAKOZÓ NEONOK) --- */

/* Páratlan galéria elemek (1., 3., 5.) -> HOVER állapotban TISZTA KÉK NEON */
#fef-isolated-landing-wrapper .fef-gallery-item:nth-child(odd):hover .fef-thumb-wrap {
    transform: translateY(-6px);
    background-image: linear-gradient(#0f161e, #0f161e), linear-gradient(135deg, #00d2ff 0%, #0066ff 100%);
    box-shadow:
        0 20px 36px rgba(0,0,0,0.6),
        0 0 34px rgba(0, 210, 255, 0.9),
        0 0 54px rgba(0, 102, 255, 0.55);
}
#fef-isolated-landing-wrapper .fef-gallery-item:nth-child(odd):hover .fef-metal-plate {
    border-color: #00d2ff;
    box-shadow: inset 0 1px 2px rgba(255,255,255,1), 0 0 22px rgba(0, 210, 255, 0.75);
}
#fef-isolated-landing-wrapper .fef-gallery-item:nth-child(odd):hover .fef-item-caption {
    color: #00d2ff;
    text-shadow: 0 0 10px rgba(0, 210, 255, 0.6);
}

/* Páros galéria elemek (2., 4., 6.) -> HOVER állapotban TISZTA NARANCS NEON */
#fef-isolated-landing-wrapper .fef-gallery-item:nth-child(even):hover .fef-thumb-wrap {
    transform: translateY(-6px);
    background-image: linear-gradient(#0f161e, #0f161e), linear-gradient(135deg, #ff6a00 0%, #ff2a00 100%);
    box-shadow:
        0 20px 36px rgba(0,0,0,0.6),
        0 0 34px rgba(255, 106, 0, 0.9),
        0 0 54px rgba(255, 42, 0, 0.55);
}
#fef-isolated-landing-wrapper .fef-gallery-item:nth-child(even):hover .fef-metal-plate {
    border-color: #ff6a00;
    box-shadow: inset 0 1px 2px rgba(255,255,255,1), 0 0 22px rgba(255, 106, 0, 0.75);
}
#fef-isolated-landing-wrapper .fef-gallery-item:nth-child(even):hover .fef-item-caption {
    color: #ff6a00;
    text-shadow: 0 0 10px rgba(255, 106, 0, 0.6);
}

/* --- KRÓM NÉVTÁBLÁK --- */
#fef-isolated-landing-wrapper .fef-plate-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 0 10px 0;
}

#fef-isolated-landing-wrapper .fef-metal-plate {
    background: linear-gradient(135deg, #ffffff 0%, #dee4ec 45%, #b9c5d4 75%, #eef2f6 100%); 
    width: 85%;
    max-width: 230px;
    height: 52px;
    border-radius: 8px; 
    border: 2px solid #0f161e; 
    padding: 3px; 
    box-shadow: inset 0 1px 2px rgba(255,255,255,1), 0 6px 14px rgba(0, 0, 0, 0.5); 
    display: flex;
    justify-content: center;
    align-items: center;
}

#fef-isolated-landing-wrapper .fef-plate-inner-border {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.3); 
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}

#fef-isolated-landing-wrapper a.fef-service-card h3, 
#fef-isolated-landing-wrapper .fef-item-caption {
    font-size: 12px;
    font-weight: 800;
    margin: 0;
    color: #1e2229; 
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

/* --- STATEMENT BANNER --- */
#fef-isolated-landing-wrapper .fef-statement-banner {
    max-width: 900px;
    margin: 40px auto 100px auto;
    background: linear-gradient(135deg, #2b3b4e 0%, #1e2936 100%);
    border-radius: 14px;
    padding: 24px;
    text-align: center;
    border: 3px solid transparent;
    background-image: linear-gradient(#2b3b4e, #1e2936), linear-gradient(90deg, #00d2ff 0%, #00d2ff 50%, #ff6a00 50%, #ff6a00 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 12px 30px rgba(0,0,0,0.3), 0 0 30px rgba(0, 210, 255, 0.4);
}

#fef-isolated-landing-wrapper .fef-statement-banner p {
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* --- VALUES PANEL --- */
#fef-isolated-landing-wrapper .fef-values-section {
    max-width: 1140px;
    margin: 60px auto 80px auto;
}

#fef-isolated-landing-wrapper .fef-values-grid {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0;
    gap: 30px;
}

#fef-isolated-landing-wrapper .fef-value-panel {
    background: linear-gradient(135deg, #2b3b4e 0%, #1e2936 100%); 
    border: 2px solid #0f161e; 
    border-radius: 14px;
    padding: 28px 22px;
    width: 30%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.1), 0 12px 28px rgba(0,0,0,0.3); 
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.25, 1);
    will-change: transform, box-shadow;
}

#fef-isolated-landing-wrapper .fef-panel-bolt {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #475569;
    border: 1px solid #0f161e;
    border-radius: 50%;
    z-index: 4;
}
#fef-isolated-landing-wrapper .fef-pbolt-tl { top: 7px; left: 7px; }
#fef-isolated-landing-wrapper .fef-pbolt-tr { top: 7px; right: 7px; }
#fef-isolated-landing-wrapper .fef-pbolt-bl { bottom: 7px; left: 7px; }
#fef-isolated-landing-wrapper .fef-pbolt-br { bottom: 7px; right: 7px; }

#fef-isolated-landing-wrapper .fef-icon-badge {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 50%, #475569 90%, #cbd5e1 100%);
    border: 2px solid #000000; 
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0 4px 8px rgba(0,0,0,0.5), 0 4px 10px rgba(0,0,0,0.3);
}

#fef-isolated-landing-wrapper .fef-value-icon {
    font-size: 38px;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.5));
}

#fef-isolated-landing-wrapper .fef-value-panel h4 {
    font-size: 14px;
    font-weight: 800;
    color: #ffffff; 
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    transition: color 0.3s ease;
}

#fef-isolated-landing-wrapper .fef-value-panel:hover {
    transform: translateY(-8px);
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.1), 0 22px 40px rgba(0,0,0,0.4);
}

#fef-isolated-landing-wrapper .fef-value-panel:hover .fef-icon-badge {
    border-color: #ff6a00;
    box-shadow: inset 0 2px 4px rgba(255,255,255,0.2), 0 0 25px rgba(255, 106, 0, 0.7);
}
#fef-isolated-landing-wrapper .fef-value-panel:hover h4 { color: #ff6a00; }

#fef-isolated-landing-wrapper .fef-values-grid .fef-value-panel:nth-child(2):hover .fef-icon-badge {
    border-color: #00d2ff;
    box-shadow: inset 0 2px 4px rgba(255,255,255,0.2), 0 0 25px rgba(0, 210, 255, 0.75);
}
#fef-isolated-landing-wrapper .fef-values-grid .fef-value-panel:nth-child(2):hover h4 { color: #00d2ff; }

/* --- FINAL CTA PANEL --- */
#fef-isolated-landing-wrapper .fef-final-cta-section {
    max-width: 1140px;
    margin: 40px auto 40px auto;
    padding: 0 15px;
}

#fef-isolated-landing-wrapper .fef-steel-panel {
    background: linear-gradient(135deg, #2b3b4e 0%, #4a5e75 35%, #8ba3ba 65%, #1e2936 100%);
    border-radius: 16px;
    padding: 12px; 
    border: 3px solid transparent;
    background-image: linear-gradient(#2b3b4e, #1e2936), linear-gradient(135deg, #00d2ff 0%, #00d2ff 50%, #ff6a00 50%, #ff6a00 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 1px 3px rgba(255,255,255,0.2), 0 0 30px rgba(0, 210, 255, 0.4);
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    will-change: box-shadow;
}

#fef-isolated-landing-wrapper .fef-steel-panel:hover {
    box-shadow: 0 35px 70px rgba(0,0,0,0.7), inset 0 1px 3px rgba(255,255,255,0.2), 0 0 40px rgba(255, 106, 0, 0.55);
}

#fef-isolated-landing-wrapper .fef-steel-inner-contour {
    border: 4px solid #0d1218; 
    border-radius: 10px;
    padding: 50px 30px;
    background: linear-gradient(135deg, rgba(23, 33, 45, 0.95) 0%, rgba(35, 47, 62, 0.95) 100%);
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: inset 0 10px 30px rgba(0,0,0,0.7);
}

#fef-isolated-landing-wrapper .fef-steel-inner-contour .fef-panel-bolt {
    background: linear-gradient(135deg, #eaedf1, #94a3b8);
    border: 2px solid #0d1218; 
    width: 12px;
    height: 12px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    z-index: 5;
}
#fef-isolated-landing-wrapper .fef-steel-inner-contour .fef-pbolt-tl { top: -8px; left: -8px; }
#fef-isolated-landing-wrapper .fef-steel-inner-contour .fef-pbolt-tr { top: -8px; right: -8px; }
#fef-isolated-landing-wrapper .fef-steel-inner-contour .fef-pbolt-bl { bottom: -8px; left: -8px; }
#fef-isolated-landing-wrapper .fef-steel-inner-contour .fef-pbolt-br { bottom: -8px; right: -8px; }

#fef-isolated-landing-wrapper .fef-steel-panel:hover .fef-pbolt-tl,
#fef-isolated-landing-wrapper .fef-steel-panel:hover .fef-pbolt-bl {
    background: #00d2ff;
    box-shadow: 0 0 15px #00d2ff;
}
#fef-isolated-landing-wrapper .fef-steel-panel:hover .fef-pbolt-tr,
#fef-isolated-landing-wrapper .fef-steel-panel:hover .fef-pbolt-br {
    background: #ff6a00;
    box-shadow: 0 0 15px #ff6a00;
}

#fef-isolated-landing-wrapper .fef-cta-title {
    font-size: 30px;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 15px 0;
    text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}

#fef-isolated-landing-wrapper .fef-cta-text {
    font-size: 16px;
    font-weight: 400;
    color: #b4c6ef; 
    max-width: 620px;
    margin: 0 auto 35px auto;
    line-height: 1.6;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#fef-isolated-landing-wrapper .fef-cta-btn-wrap {
    display: flex;
    justify-content: center;
}

#fef-isolated-landing-wrapper .fef-laser-cta-btn {
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 50px;
    font-size: 15px;
    font-weight: 900;
    color: #1e2229;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: linear-gradient(135deg, #ffffff 0%, #dee4ec 45%, #b9c5d4 75%, #eef2f6 100%);
    border-radius: 8px;
    border: 3px solid transparent; 
    background-image: linear-gradient(#ffffff, #b9c5d4), linear-gradient(135deg, #00d2ff 0%, #00d2ff 50%, #ff6a00 50%, #ff6a00 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.9),
        0 10px 24px rgba(0,0,0,0.5),
        0 0 22px rgba(0,210,255,0.45),
        0 0 22px rgba(255,106,0,0.35);
    cursor: pointer;
    will-change: transform, box-shadow;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-image 0.25s ease;
}

#fef-isolated-landing-wrapper .fef-laser-cta-btn .fef-btn-inner-text {
    position: relative;
    z-index: 2;
}

#fef-isolated-landing-wrapper .fef-laser-cta-btn::before {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(0,210,255,0.08), rgba(255,106,0,0.08));
    opacity: 0;
    transition: opacity 0.25s ease;
}

#fef-isolated-landing-wrapper .fef-laser-cta-btn:hover {
    transform: translateY(-3px);
    background-image: linear-gradient(#ffffff, #d9e0ea), linear-gradient(135deg, #ff6a00 0%, #ff2a00 100%);
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.9),
        0 14px 30px rgba(0,0,0,0.6),
        0 0 32px rgba(255,106,0,0.85),
        0 0 52px rgba(255,106,0,0.65);
}

#fef-isolated-landing-wrapper .fef-laser-cta-btn:hover::before {
    opacity: 1;
}
/* --- CTA GOMB (folytatás az eredeti kódodból, optimalizálva) --- */

#fef-isolated-landing-wrapper .fef-laser-cta-btn {
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 50px;
    font-size: 15px;
    font-weight: 900;
    color: #1e2229;
    text-transform: uppercase;
    letter-spacing: 2px;

    /* KRÓMOS ALAP */
    background: linear-gradient(135deg, #ffffff 0%, #dee4ec 45%, #b9c5d4 75%, #eef2f6 100%);
    border-radius: 8px;
    border: 3px solid transparent;

    /* KÉK–NARANCS TÖRÉSES BORDER */
    background-image:
        linear-gradient(#ffffff, #b9c5d4),
        linear-gradient(135deg, #00d2ff 0%, #00d2ff 50%, #ff6a00 50%, #ff6a00 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;

    /* OPTIMALIZÁLT NEON (3 réteg, nem 12) */
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.9),
        0 10px 24px rgba(0,0,0,0.45),
        0 0 26px rgba(0,210,255,0.45),
        0 0 26px rgba(255,106,0,0.35);

    cursor: pointer;
    will-change: transform, box-shadow;
    transition: transform .25s ease, box-shadow .25s ease, background-image .25s ease;
}

#fef-isolated-landing-wrapper .fef-laser-cta-btn .fef-btn-inner-text {
    position: relative;
    z-index: 2;
}

/* BELSŐ FÉNYRÉTEG */
#fef-isolated-landing-wrapper .fef-laser-cta-btn::before {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(0,210,255,0.08), rgba(255,106,0,0.08));
    opacity: 0;
    transition: opacity .25s ease;
}

/* HOVER — NARANCS ENERGIAFÉNY */
#fef-isolated-landing-wrapper .fef-laser-cta-btn:hover {
    transform: translateY(-3px);
    background-image:
        linear-gradient(#ffffff, #d9e0ea),
        linear-gradient(135deg, #ff6a00 0%, #ff2a00 100%);

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.9),
        0 14px 30px rgba(0,0,0,0.55),
        0 0 38px rgba(255,106,0,0.85),
        0 0 58px rgba(255,106,0,0.65);
}

#fef-isolated-landing-wrapper .fef-laser-cta-btn:hover::before {
    opacity: 1;
}
/* --- GLOBAL GPU OPTIMALIZÁCIÓK --- */

/* A legnehezebb elemek előre jelzik a böngészőnek, hogy animálódni fognak */
.fef-service-card,
.fef-thumb-wrap,
.fef-value-panel,
.fef-steel-panel,
.fef-laser-cta-btn {
    will-change: transform, box-shadow;
}

/* Képek optimalizálása */
img {
    image-rendering: auto;
    backface-visibility: hidden;
    transform: translateZ(0);
}
/* --- MOBIL OPTIMALIZÁLÁS (max-width: 768px) --- */
@media (max-width: 768px) {

    /* GRID-ek 1 oszlopra */
    .fef-services-grid.fef-grid-2x3,
    .fef-gallery-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        max-width: 92% !important;
        margin: 0 auto 60px auto !important;
    }

    /* Kártyák padding csökkentése */
    .fef-service-card {
        padding: 12px !important;
        clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px) !important;
    }

    /* Képek magasságának csökkentése */
    .fef-card-img-wrap {
        height: 180px !important;
    }

    .fef-thumb-wrap {
        height: 180px !important;
    }

    /* Szövegek kisebbek */
    .fef-service-card h3,
    .fef-item-caption {
        font-size: 11px !important;
        letter-spacing: 1px !important;
    }

    /* Statement banner */
    .fef-statement-banner {
        margin: 20px auto 60px auto !important;
        padding: 18px !important;
    }

    .fef-statement-banner p {
        font-size: 16px !important;
    }

    /* Values panel mobilon egymás alatt */
    .fef-values-grid {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .fef-value-panel {
        width: 100% !important;
        max-width: 360px !important;
    }

    /* CTA panel */
    .fef-steel-panel {
        padding: 8px !important;
    }

    .fef-steel-inner-contour {
        padding: 30px 18px !important;
    }

    .fef-cta-title {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    .fef-cta-text {
        font-size: 14px !important;
        margin-bottom: 25px !important;
    }

    /* CTA gomb */
    .fef-laser-cta-btn {
        padding: 14px 30px !important;
        font-size: 13px !important;
        letter-spacing: 1.4px !important;
    }
}
/* --- TABLET OPTIMALIZÁLÁS (max-width: 1024px) --- */
@media (max-width: 1024px) and (min-width: 769px) {

    /* GRID-ek 2 oszlopra */
    .fef-services-grid.fef-grid-2x3,
    .fef-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
        max-width: 90% !important;
        margin: 0 auto 80px auto !important;
    }

    /* Kártyák kompaktabbak */
    .fef-service-card {
        padding: 14px !important;
        clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px) !important;
    }

    /* Képek magassága */
    .fef-card-img-wrap,
    .fef-thumb-wrap {
        height: 210px !important;
    }

    /* Szöveg méretek */
    .fef-service-card h3,
    .fef-item-caption {
        font-size: 12px !important;
        letter-spacing: 1.1px !important;
    }

    /* Values panel tablet layout */
    .fef-values-grid {
        gap: 24px !important;
    }

    .fef-value-panel {
        width: 45% !important;
        padding: 24px 18px !important;
    }

    /* CTA panel tablet optimalizálás */
    .fef-steel-panel {
        padding: 10px !important;
        max-width: 90% !important;
        margin: 0 auto !important;
    }

    .fef-steel-inner-contour {
        padding: 40px 24px !important;
    }

    .fef-cta-title {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    .fef-cta-text {
        font-size: 15px !important;
        margin-bottom: 30px !important;
    }

    /* CTA gomb */
    .fef-laser-cta-btn {
        padding: 16px 40px !important;
        font-size: 14px !important;
        letter-spacing: 1.6px !important;
    }
}
.fef-service-card,
.fef-gallery-item,
.fef-value-panel,
.fef-steel-panel {
    transform: translateZ(0);
    contain: layout paint;
}
#fef-isolated-landing-wrapper section {
    margin: 60px auto; /* nagy cinematic levegő */
}

#fef-isolated-landing-wrapper .fef-statement-banner {
    margin: 60px auto; /* kicsit kisebb, mert ez egy átvezető */
}

#fef-isolated-landing-wrapper .fef-final-cta-section {
    margin-top: 10px; /* záró CTA kapjon extra súlyt */
}
.fef-about-section .fef-steel-panel {
    max-width: 1140px;
    margin: 0 auto;
}

.fef-about-section .fef-steel-inner-contour {
    padding: 40px 30px; /* kisebb, elegánsabb */
    text-align: center; /* szöveg középre */
}
.fef-workflow-section .fef-values-grid .fef-value-panel {
    width: 18% !important;
}
/* HOGYAN DOLGOZUNK – ikonboxok közelebb egymáshoz, középre igazítva */
.fef-workflow-section .fef-values-grid {
    justify-content: center !important;  /* középre húzza a sort */
    gap: 14px !important;                /* igényes, kisebb térköz */
}
/* HAMBURGER MENÜ – alap színek (felváltva kék–narancs–kék) */
.elementor-menu-toggle__icon--open path:nth-of-type(1) {
    fill: #00d2ff !important; /* felső vonal – kék */
}

.elementor-menu-toggle__icon--open path:nth-of-type(2) {
    fill: #ff6a00 !important; /* középső vonal – narancs */
}

.elementor-menu-toggle__icon--open path:nth-of-type(3) {
    fill: #00d2ff !important; /* alsó vonal – kék */
}

/* HOVER – cinematic neon fény */
.elementor-menu-toggle:hover .elementor-menu-toggle__icon--open path:nth-of-type(1) {
    fill: #33e0ff !important; /* világosabb neon kék */
}

.elementor-menu-toggle:hover .elementor-menu-toggle__icon--open path:nth-of-type(2) {
    fill: #ff3a00 !important; /* tűzpiros narancs */
}

.elementor-menu-toggle:hover .elementor-menu-toggle__icon--open path:nth-of-type(3) {
    fill: #33e0ff !important; /* világos neon kék */
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   1. HÁTTÉR ÉS ALAPOK
========================================================= */

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #000;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url('https://fusionenframe.hu/wp-content/uploads/2026/05/uj-hatter.webp');
    background-size: cover;
    background-position: center center;
    z-index: -9999;
}

body,
#page,
.elementor {
    background: transparent !important;
}/* End custom CSS */