.elementor-kit-21{--e-global-color-primary:#7B2CBF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#B0B3B8;--e-global-color-accent:#00FFA3;--e-global-color-c45b2d0:#121212;--e-global-color-39ca42d:#121212;--e-global-color-f219c8a:#333333;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-bfcb835-font-family:"Montserrat";--e-global-typography-bfcb835-font-size:20px;--e-global-typography-bfcb835-font-weight:700;--e-global-typography-bfcb835-text-transform:none;--e-global-typography-1d2913a-font-family:"Montserrat";--e-global-typography-1d2913a-font-size:18px;--e-global-typography-1d2913a-font-weight:700;background-color:var( --e-global-color-c45b2d0 );color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:17px;line-height:1.6em;}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:transparent;font-size:14px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-39ca42d );background-image:linear-gradient(90deg, #7B2CBFD9 0%, #00FFA3D9 100%);box-shadow:0px 0px 20px -5px rgba(0, 255, 163, 0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF26;border-radius:50px 50px 50px 50px;padding:15px 40px 15px 40px;}.elementor-kit-21 button:hover,.elementor-kit-21 button:focus,.elementor-kit-21 input[type="button"]:hover,.elementor-kit-21 input[type="button"]:focus,.elementor-kit-21 input[type="submit"]:hover,.elementor-kit-21 input[type="submit"]:focus,.elementor-kit-21 .elementor-button:hover,.elementor-kit-21 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-secondary );background-image:linear-gradient(90deg, var( --e-global-color-accent ) 0%, #7B2CBF 100%);box-shadow:0px 0px 30px 0px rgba(0, 255, 163, 0.8);border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF80;border-radius:50px 50px 50px 50px;}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 p{margin-block-end:15px;}.elementor-kit-21 a{color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-weight:600;text-decoration:none;}.elementor-kit-21 a:hover{color:#7B2CBF;}.elementor-kit-21 h1{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:60px;font-weight:700;line-height:1.3em;}.elementor-kit-21 h2{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;line-height:1.3em;}.elementor-kit-21 h3{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:28px;font-weight:700;line-height:1.3em;}.elementor-kit-21 h4{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;line-height:1.3em;}.elementor-kit-21 h5{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;line-height:1.3em;}.elementor-kit-21 h6{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;line-height:1.3em;}.elementor-kit-21 input:not([type="button"]):not([type="submit"]),.elementor-kit-21 textarea,.elementor-kit-21 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;padding:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-21{--e-global-typography-bfcb835-font-size:18px;}.elementor-kit-21 h1{font-size:42px;}.elementor-kit-21 h2{font-size:36px;}.elementor-kit-21 h3{font-size:26px;}.elementor-kit-21 h4{font-size:22px;}.elementor-kit-21 h5{font-size:18px;}.elementor-kit-21 h6{font-size:16px;}}@media(max-width:1024px){.elementor-kit-21{--e-global-typography-bfcb835-font-size:16px;}.elementor-kit-21 h1{font-size:34px;}.elementor-kit-21 h2{font-size:32px;}.elementor-kit-21 h3{font-size:24px;}.elementor-kit-21 h4{font-size:20px;}.elementor-kit-21 h5{font-size:18px;}.elementor-kit-21 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-21 h1{font-size:30px;line-height:1.3em;}.elementor-kit-21 h2{font-size:24px;line-height:1.3em;}.elementor-kit-21 h3{font-size:20px;line-height:1.3em;}.elementor-kit-21 h4{font-size:18px;line-height:1.6em;}.elementor-kit-21 h5{font-size:16px;line-height:1.6em;}.elementor-kit-21 h6{font-size:16px;line-height:1.6em;}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{padding:10px 30px 10px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ------ DESIGN ------ */
/* Selection */

::-moz-selection {
	color: #fff;
	background: var( --e-global-color-primary )
}

::selection {
	color: #fff;
	background: var( --e-global-color-primary )
}

/* Mark */
mark {
    background: var( --e-global-color-primary );
    color: #fff;
    font-weight: 700;
}


.fluentform .ff-btn:hover {
    opacity: 1 !important;
}

/* Galéria címsor */
.elementor-slideshow__title {
    display: none !important;
}

/* -- BLOG -- */

/* Bejegyzés kivonatok után 3 pont*/
.elementor-posts .elementor-post__excerpt p:after {
content: "..." !important;
}


/* PLusz/Minusz mennyiség gombok */

.gomb input {
	border: 2px solid #EBEAE6 !important;
    border-radius: 0px !important;
    margin-left: -1px !important;
}

.mennyiseg input {
	padding: 0px !important;
	min-height: 45px;
}

.gomb button.qty-button {
    background-color: #fff !important;
    color: #000 !important;
    border: 2px solid #EBEAE6 !important;
    border-radius: 0px 100px 100px 0px !important;
    width: 45px !important;
    padding: 11px 0px !important;
}

.gomb button.qty-button.minus {
    border-radius: 100px 0px 0px 100px !important;
	margin-right: -5px !important;
}

.gomb button.qty-button.plus {
	margin-left: -8px !important;
}

.elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
    border-left: 0px !important;
    border-top: 2px !important;
    border-bottom: 2px !important;
    border-style: solid !important;
    border-color: #EBEAE6 !important;
    min-height: 47px !important;
    text-align: center !important;
}
    
.woocommerce div.product form.cart div.quantity {
    min-width: 145px;
}
    
.gomb .single_add_to_cart_button {
        margin-left: 5px!important;
    }

@media only screen and (max-width: 768px) {
    td.product-quantity .quantity-wrap {
    justify-content: flex-end;
}
}

/* Variáció */

table.variations th.label, td.value {
    background: #fff !important;
	padding: 0px 0px 10px 0px !important;
	text-align: left !important;
}

a.reset_variations {
    display: none !important;
}

/* Lábléc hivatkozás színe */
.lablec a {
    color: #000 !important;
    font-weight: normal !important;
}

.lablec a:hover {
    color: var( --e-global-color-primary ) !important;
}

.elementor-button {
    backdrop-filter: blur(10px) saturate(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    background-clip: padding-box !important;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
}

.elementor-button {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.elementor-button:hover {
    transform: scale(1.03) !important;
}

/* --- MENÜ CTA GOMB (Erősített célzással az élő oldalhoz) --- */
@media (min-width: 1025px) {

/* Alapállapot */
.elementor-nav-menu .menu-cta a.elementor-item {
    display: inline-block !important;
    padding: 0 45px !important;
    border-radius: 50px !important;
    
    color: #121212 !important;
    font-weight: 700 !important;
    
    background: linear-gradient(90deg, rgba(123,44,191,0.85) 0%, rgba(0,255,163,0.85) 100%) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    box-shadow: 0 0 20px -5px rgba(0,255,163,0.5) !important;
    
    backdrop-filter: blur(10px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    
    background-clip: padding-box !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Rávitel (Hover) állapot */
.elementor-nav-menu .menu-cta a.elementor-item:hover {
    background: linear-gradient(90deg, rgba(0,255,163,1) 0%, rgba(123,44,191,1) 100%) !important;
    color: #FFFFFF !important;
    border-color: rgba(255,255,255,0.5) !important;
    box-shadow: 0 0 30px 0 rgba(0,255,163,0.8) !important;
    transform: scale(1.03) !important;
}
}

/* --- MENÜ CTA GOMB (MOBIL NÉZET - 1024px alatt) --- */

/* --- MENÜ CTA GOMB (MOBIL NÉZET - Összecsípett, eredeti dizájn) --- */

@media (max-width: 1024px) {
    .elementor-nav-menu--dropdown .menu-cta a.elementor-item {
        width: fit-content !important; 
        margin: 10px auto 10px 10px !important; !important; 
        padding: 0px 30px !important;
        display: block !important;
        text-align: center !important;
        
        /* 2. AZ EREDETI ASZTALI DIZÁJN VISSZATÖLTÉSE */
        border-radius: 50px !important;
        color: #121212 !important;
        font-weight: 700 !important;
        
        /* A gyönyörű Lila -> Zöld áttetsző gradiens */
        background: linear-gradient(90deg, rgba(123,44,191,0.85) 0%, rgba(0,255,163,0.85) 100%) !important;
        
        /* Üveg él és ragyogás */
        border: 1px solid rgba(255,255,255,0.2) !important;
        box-shadow: 0 0 15px -5px rgba(0,255,163,0.5) !important;
        
        /* Üveghatás háttér elmosása */
        backdrop-filter: blur(10px) saturate(150%) !important;
        -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    }

    /* Rávitel/Érintés állapot mobilon (Felizzik, ahogy asztalon is) */
    .elementor-nav-menu--dropdown .menu-cta a.elementor-item:hover,
    .elementor-nav-menu--dropdown .menu-cta a.elementor-item:active {
        background: linear-gradient(90deg, rgba(123,44,191,1) 0%, rgba(0,255,163,1) 100%) !important;
        color: #FFFFFF !important;
        border-color: rgba(255,255,255,0.5) !important;
    }
}

.hero-btn-main {
    background: #00FFA3 !important; /* Teli neon zöld háttér */
    color: #121212 !important; /* Fekete szöveg a maximális kontrasztért */
    border: none !important; /* Nincs keret */
    box-shadow: 0 0 20px -5px rgba(0,255,163,0.6) !important; /* Erős zöld ragyogás */
}

/* Fő gomb - Rávitel (Hover) */
.hero-btn-main:hover {
    background: #00FFA3 !important;
    color: #121212 !important;
    box-shadow: 0 0 40px 0 rgba(0,255,163,0.9) !important; /* Kirobbanó ragyogás */
    transform: scale(1.05) !important; /* Ránagyítás */
}


/* --- HERO SZEKCIÓ: FŐ GOMB (Tiszta Neon Zöld) --- */
.hero-btn-main .elementor-button {
    background: #00FFA3 !important; /* Teli neon zöld háttér */
    background-image: none !important; /* Színátmenet kikapcsolása */
    color: #121212 !important; 
    border: none !important; 
    box-shadow: 0 0 20px -5px rgba(0,255,163,0.6) !important; 
}

/* Fő gomb - Rávitel (Hover) */
.hero-btn-main .elementor-button:hover {
    background: #00FFA3 !important;
    color: #121212 !important;
    box-shadow: 0 0 40px 0 rgba(0,255,163,0.9) !important; 
    transform: scale(1.05) !important; 
}

/* ==========================================
   2. GOMB: MIÉRT PONT A BRANDGO? (Színátmenetes Hover Varázslat)
   ========================================== */

/* Alap konténerek tisztítása mindkét gombnál */
#brandgo-ghost, #brandgo-ghost-mob,
#brandgo-ghost .elementor-widget-container, #brandgo-ghost-mob .elementor-widget-container,
#brandgo-ghost .elementor-button-wrapper, #brandgo-ghost-mob .elementor-button-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 1. Gombok alapállapota */
#brandgo-ghost a.elementor-button,
#brandgo-ghost-mob a.elementor-button {
    position: relative !important; 
    background: transparent !important; 
    background-color: transparent !important;
    background-image: none !important; 
    
    border: 2px solid rgba(255, 255, 255, 0.4) !important; 
    border-radius: 50px !important; 
    
    color: #FFFFFF !important; 
    box-shadow: none !important; 
    
    transition: all 0.3s ease !important;
    z-index: 1 !important;
}

/* 2. LÁTHATATLAN SZÍNÁTMENETES KERET mindkét gombhoz */
#brandgo-ghost a.elementor-button::after,
#brandgo-ghost-mob a.elementor-button::after {
    content: "" !important;
    position: absolute !important;
    inset: -2px !important; 
    border-radius: 50px !important;
    
    /* A Lila -> Zöld színátmenet */
    background: linear-gradient(90deg, #7B2CBF, #00FFA3) !important;
    
    /* Maszkolás */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: destination-out !important;
    mask-composite: exclude !important;
    padding: 2px !important; 
    
    opacity: 0 !important; 
    transition: opacity 0.3s ease !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

/* 3. GOMB RÁVITEL (HOVER) ÁLLAPOT */
#brandgo-ghost a.elementor-button:hover,
#brandgo-ghost-mob a.elementor-button:hover {
    border-color: transparent !important; 
    color: #FFFFFF !important; 
    background: rgba(255, 255, 255, 0.05) !important; 
    
    /* SZÍNÁTMENETES RAGYOGÁS */
    box-shadow: -15px 0 25px -5px rgba(123, 44, 191, 0.5), 
                 15px 0 25px -5px rgba(0, 255, 163, 0.5) !important;
                 
    transform: scale(1.05) !important;
}

/* 4. Rávitelkor felvillan a színátmenetes keret */
#brandgo-ghost a.elementor-button:hover::after,
#brandgo-ghost-mob a.elementor-button:hover::after {
    opacity: 1 !important;
}

/* ==========================================
   HERO H1: CYBERPUNK GLITCH EFFEKT (Felturbózva, "Véletlenszerű" időzítéssel)
   ========================================== */

.cyber-glitch .elementor-heading-title {
    position: relative !important;
    display: inline-block !important;
    
    /* 10 másodperces hurok a véletlenszerűség szimulálására */
    animation: cyberpunk-glitch 10s infinite !important; 
}

/* A 10 másodperces idővonal (A %-ok jelentik az időt, pl. 20% = 2 másodperc) */
@keyframes cyberpunk-glitch {
    
    /* A normál állapot (Itt pihen a szöveg az idő nagy részében) */
    0%, 18%, 22%, 53%, 57%, 83%, 88%, 100% {
        text-shadow: none;
        transform: translate(0, 0) skew(0deg);
        opacity: 1;
    }

    /* --- 1. GLITCH (~1.9 másodpercnél) - Gyors, éles ugrás --- */
    19% {
        text-shadow: 6px 2px 0px rgba(0,255,163,0.9), -6px -2px 0px rgba(123,44,191,0.9);
        transform: translate(-3px, 2px) skew(-4deg);
    }
    20% {
        text-shadow: -6px -2px 0px rgba(0,255,163,0.9), 6px 2px 0px rgba(123,44,191,0.9);
        transform: translate(3px, -2px) skew(4deg);
    }
    21% {
        text-shadow: 2px 0px 0px rgba(0,255,163,0.9), -2px 0px 0px rgba(123,44,191,0.9);
        transform: translate(-1px, 0px);
    }

    /* --- 2. GLITCH (~5.4 másodpercnél) - BRUTÁLIS szakadás áramingadozással --- */
    54% {
        text-shadow: 10px 3px 0px rgba(0,255,163,1), -10px -3px 0px rgba(123,44,191,1);
        transform: translate(-5px, 3px) skew(-8deg);
        opacity: 0.8; /* Egy picit elhalványul, mintha elmenne az áram */
    }
    55% {
        text-shadow: -12px -3px 0px rgba(0,255,163,1), 12px 3px 0px rgba(123,44,191,1);
        transform: translate(5px, -3px) skew(8deg);
    }
    56% {
        text-shadow: none;
        transform: translate(0, 0) skew(0);
        opacity: 1; /* Áram visszajön */
    }

    /* --- 3. GLITCH (~8.4 másodpercnél) - Dupla rövid villanás --- */
    84% {
        text-shadow: 4px 0px 0px rgba(0,255,163,0.9), -4px 0px 0px rgba(123,44,191,0.9);
        transform: translate(-2px, 1px);
    }
    85% { /* Visszaugrik a helyére egy pillanatra */
        text-shadow: none;
        transform: translate(0,0);
    }
    86% { /* Újra megugrik */
        text-shadow: -5px 0px 0px rgba(0,255,163,0.9), 5px 0px 0px rgba(123,44,191,0.9);
        transform: translate(2px, -1px) skew(3deg);
    }
    87% {
        text-shadow: 2px 0px 0px rgba(0,255,163,0.9), -2px 0px 0px rgba(123,44,191,0.9);
        transform: translate(-1px, 0px);
    }
}

/* ==========================================
   HERO SZEKCIÓ: PRÉMIUM VÍZESÉS ANIMÁCIÓK
   ========================================== */

/* 1. Fentről lefelé animáció */
@keyframes dropInPunchy {
    0% { 
        opacity: 0; 
        transform: translateY(-50px);
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 2. Lentről felfelé animáció */
@keyframes riseUpSmooth {
    0% { 
        opacity: 0; 
        transform: translateY(60px);
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* ALAPÁLLAPOT */
.brandgo-anim-kicker, 
.brandgo-anim-h1, 
.brandgo-anim-p, 
.brandgo-anim-btn1, 
.brandgo-anim-btn2 {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
    animation-fill-mode: forwards;
}

/* AZ IDŐZÍTÉSEK */

/* 1. Lila alcím */
.brandgo-anim-kicker {
    animation-name: dropInPunchy;
    animation-duration: 0.6s;
    animation-delay: 0.6s; 
}

/* 2. Főcímsor */
.brandgo-anim-h1 {
    animation-name: riseUpSmooth;
    animation-duration: 0.8s;
    animation-delay: 1s;
}

/* 3. Bekezdés */
.brandgo-anim-p {
    animation-name: riseUpSmooth;
    animation-duration: 0.8s;
    animation-delay: 1.2s;
}

/* 4. Első gomb  */
.brandgo-anim-btn1 {
    animation-name: riseUpSmooth;
    animation-duration: 0.8s;
    animation-delay: 1.4s;
}

/* 5. Második gomb */
.brandgo-anim-btn2 {
    animation-name: riseUpSmooth;
    animation-duration: 0.8s;
    animation-delay: 1.6s; 
}/* End custom CSS */