/* ========================================================
   RJ MODS - SHOPTET CLASSIC CYBERPUNK / NEON FULL CSS
   (VÉGLEGES V167: MOBIL KOSÁR ÉS ASZTALI HOVER ABLAK FIX)
   ======================================================== */

/* --------------------------------------------------------
   0. TELJES OLDAL HÁTTERE ÉS RENDSZER-VÁLTOZÓK FELÜLÍRÁSA
   -------------------------------------------------------- */

:root,
:root :where(.ums_forms_redesign--on) {
    --colors-surface-primary: transparent !important;
    --colors-surface-secondary: #0d081b !important;
    --colors-surface-subtle: #130c24 !important;
    --colors-surface-white: #130c24 !important;
    --colors-foregrounds-content-primary: #ffffff !important;
    --colors-foregrounds-content-secondary: #cbd5e1 !important;
    --colors-foregrounds-headlines-primary: #ffffff !important;
    --colors-forms-background: #130c24 !important;
}

html, body, body.blank-mode {
    background-color: #030008 !important;
    background-image: radial-gradient(circle at 20% 30%, rgba(0, 229, 255, 0.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255, 0, 127, 0.4) 0%, transparent 50%), linear-gradient(135deg, #0b0214 0%, #160733 50%, #020b14 100%) !important;
    background-size: 200% 200%, 200% 200%, 100% 100% !important;
    background-attachment: fixed !important;
    animation: wildAura 12s ease-in-out infinite alternate !important;
    color: #cbd5e1 !important;
}

#wrapper, .overall-wrapper, #content-wrapper, #content, #main, .content-in {
    background-color: transparent !important;
    background-image: none !important;
    color: #cbd5e1 !important;
}

@media (min-width: 992px) {
    body { background-color: #030008 !important; }
}

/* --------------------------------------------------------
   1. NEON ANIMÁCIÓK (KEYFRAMES)
   -------------------------------------------------------- */

@keyframes wildAura {
    0% { background-position: 0% 0%, 100% 100%, 0% 0%; }
    100% { background-position: 100% 100%, 0% 0%, 0% 0%; }
}

@keyframes neonPulse {
    0% { text-shadow: 0 0 5px rgba(0, 229, 255, 0.4), 0 0 10px rgba(0, 229, 255, 0.2); }
    50% { text-shadow: 0 0 12px rgba(0, 229, 255, 0.9), 0 0 25px rgba(0, 229, 255, 0.6), 0 0 35px rgba(0, 229, 255, 0.4); }
    100% { text-shadow: 0 0 5px rgba(0, 229, 255, 0.4), 0 0 10px rgba(0, 229, 255, 0.2); }
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes boxBreathe {
    0% { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 229, 255, 0.2), inset 0 0 15px rgba(236, 72, 153, 0.1); transform: translateY(0); }
    50% { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9), 0 0 25px rgba(0, 229, 255, 0.4), inset 0 0 30px rgba(236, 72, 153, 0.25); transform: translateY(-3px); }
    100% { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 229, 255, 0.2), inset 0 0 15px rgba(236, 72, 153, 0.1); transform: translateY(0); }
}

/* --------------------------------------------------------
   2. GOMBOK JAVÍTÁSA
   -------------------------------------------------------- */

.btn, .btn-primary, .btn-success, .btn-info, .login-wrapper .btn, #login-form .btn, .login-widget .btn, .popup-widget .btn, .action-buttons .btn, .cart-inner .btn, .cart-widget .btn, .cart-inner a.btn-primary, .cart-widget a.btn-primary, input[type="submit"], button[type="submit"], .login-wrapper button, .login-wrapper input[type="submit"], #login-form button, #login-form input[type="submit"], .btn-login, .register-wrapper input[type="submit"],
html body .cart-widget .btn-primary, 
html body .cart-dropdown .btn,
html body .login-widget .btn-primary,
html body .content-inner form .btn-primary,
html body.ordering-process .next-step .btn {
    background: linear-gradient(135deg, #00e5ff 0%, #4f46e5 50%, #ff007f 100%) !important; background-size: 200% 200% !important; animation: gradientShift 6s ease infinite !important;
    color: #ffffff !important; border: none !important; border-radius: 6px !important; font-weight: 800 !important; text-transform: uppercase !important; padding: 10px 20px !important; box-shadow: 0 4px 15px rgba(0, 229, 255, 0.3) !important; transition: all 0.3s ease !important; cursor: pointer !important; display: inline-block !important; text-align: center !important; text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; -webkit-appearance: none !important; outline: none !important;
}

.btn:hover, input[type="submit"]:hover, button[type="submit"]:hover, html body .cart-widget .btn-primary:hover, html body .cart-dropdown .btn:hover, html body .content-inner form .btn-primary:hover, html body.ordering-process .next-step .btn:hover { box-shadow: 0 6px 20px rgba(0, 229, 255, 0.7) !important; transform: translateY(-2px) !important; color: #ffffff !important; }

.btn-default, .btn-secondary, html body.ordering-process .next-step .btn-secondary { background-color: #0d081b !important; border: 1px solid #00e5ff !important; background-image: none !important; color: #00e5ff !important; transition: all 0.3s ease !important; }
.btn-default:hover, .btn-secondary:hover, html body.ordering-process .next-step .btn-secondary:hover { background-color: rgba(0, 229, 255, 0.1) !important; color: #ffffff !important; box-shadow: 0 0 10px rgba(0, 229, 255, 0.5) !important; }

/* --------------------------------------------------------
   3. ASZTALI FEJLÉC ÉS KOSÁR IKONIZÁLÁSA
   -------------------------------------------------------- */

html body .top-navigation-bar { background-color: transparent !important; border: none !important; position: relative !important; z-index: 100 !important; overflow: visible !important; }
html body .top-navigation-bar .project-nav, html body .top-navigation-bar .project-nav * { font-size: 11px !important; opacity: 0.8 !important; color: #64748b !important; text-decoration: none !important; transition: all 0.3s ease !important; }
html body .top-navigation-bar .project-nav *:hover { color: #00e5ff !important; opacity: 1 !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.5) !important; }

html body #header, html body .header-top { background-color: #0b0714 !important; border-bottom: 1px solid #332157 !important; border-top: none !important; position: relative !important; z-index: 90 !important; overflow: visible !important; }
html body #header .site-name a { color: #ffffff !important; animation: neonPulse 3s infinite alternate !important; }

html body .logo img, html body .header-logo img, html body .site-name img { border-radius: 50% !important; background-color: #ffffff !important; border: 2px solid #00e5ff !important; box-shadow: 0 0 15px rgba(0, 229, 255, 0.3) !important; transition: all 0.3s ease !important; }
html body .logo a:hover img, html body .header-logo a:hover img, html body .site-name a:hover img { box-shadow: 0 0 25px rgba(0, 229, 255, 0.8) !important; transform: scale(1.05) !important; }

@media (min-width: 992px) {
    .btn-menu, .menu-trigger { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; opacity: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; }
    .top-navigation-bar { display: block !important; }
    .top-navigation-bar .container { background-color: transparent !important; border: none !important; overflow: visible !important; } 
    
    html body .top-navigation-bar .top-nav-button-login, 
    html body .top-navigation-bar .top-nav-button-account, 
    html body .top-navigation-bar .menu-item-account > a, 
    html body .top-navigation-bar .menu-item-login > a,
    html body #header #cart-entry, 
    html body #header .cart-entry, 
    html body #header .cart-widget-link, 
    html body #header .cart-widget-top { 
        background: linear-gradient(135deg, #00e5ff, #4f46e5, #ff007f) !important; background-size: 200% 200% !important; animation: gradientShift 6s ease infinite !important; border: none !important; border-radius: 8px !important; width: 44px !important; height: 44px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 10px !important; box-shadow: 0 4px 10px rgba(0, 229, 255, 0.2) !important; text-decoration: none !important; color: transparent !important; font-size: 0 !important; position: relative !important; cursor: pointer !important;
    }
    
    html body .top-navigation-bar .top-nav-button-login, 
    html body .top-navigation-bar .top-nav-button-account { margin-top: 15px !important; }
    
    /* Gombok szövegeinek eltüntetése asztalin */
    html body .top-navigation-bar .top-nav-button-login span, html body .top-navigation-bar .top-nav-button-account span, html body .top-navigation-bar .menu-item-login > a span, html body .top-navigation-bar .menu-item-account > a span, html body #header .cart-widget-link .cart-price, html body #header .cart-widget-link .cart-text, html body #header #cart-entry .cart-price, html body #header #cart-entry .cart-text { display: none !important; }

    /* Belső elemek elrejtése a dupla ikon ellen */
    html body .top-navigation-bar .top-nav-button-login > *:not(.cart-count), 
    html body .top-navigation-bar .top-nav-button-account > *:not(.cart-count),
    html body #header .cart-widget-link > *:not(.cart-count), 
    html body #header #cart-entry > *:not(.cart-count) { 
        display: none !important; 
    }

    /* Ikonok felülírása és megjelenítése */
    html body .top-navigation-bar .top-nav-button-login::before, 
    html body .top-navigation-bar .top-nav-button-account::before, 
    html body .top-navigation-bar .menu-item-login > a::before, 
    html body .top-navigation-bar .menu-item-account > a::before { 
        content: "\e922" !important; font-family: shoptet !important; display: block !important; color: #ffffff !important; font-size: 20px !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; visibility: visible !important; opacity: 1 !important; pointer-events: none !important;
    }

    html body #header .cart-widget-link::before, 
    html body #header #cart-entry::before { 
        content: "\e921" !important; font-family: shoptet !important; display: block !important; color: #ffffff !important; font-size: 20px !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; visibility: visible !important; opacity: 1 !important; pointer-events: none !important; 
    }

    .search input[type="text"], .search-input { background-color: #130c24 !important; border: 1px solid #ff007f !important; color: #ffffff !important; border-radius: 6px 0 0 6px !important; padding: 8px 14px !important; transition: all 0.3s ease !important; box-shadow: inset 0 0 10px rgba(255, 0, 127, 0.1) !important; outline: none !important; }
    .search input[type="text"]:focus, .search-input:focus { border-color: #00e5ff !important; box-shadow: 0 0 12px rgba(0, 229, 255, 0.5) !important; }
    .search button, .search-button { background: linear-gradient(135deg, #ff007f 0%, #7928ca 100%) !important; border: 1px solid #ff007f !important; color: #ffffff !important; font-weight: 800 !important; border-radius: 0 6px 6px 0 !important; padding: 8px 20px !important; transition: all 0.3s ease !important; box-shadow: 0 0 15px rgba(255, 0, 127, 0.5) !important; }
    .search button:hover, .search-button:hover { box-shadow: 0 0 20px rgba(0, 229, 255, 0.8) !important; background: linear-gradient(135deg, #00e5ff 0%, #4f46e5 100%) !important; border-color: #00e5ff !important; }
    
    html body #header .cart-widget-link:hover, html body #header #cart-entry:hover { box-shadow: 0 6px 20px rgba(0, 229, 255, 0.7) !important; transform: translateY(-2px) !important; }

    /* Asztali kosár számjegy rögzítése */
    html body #header #cart-entry .cart-count, html body #header .cart-entry .cart-count, html body #header .cart-widget-link .cart-count { display: flex !important; position: absolute !important; top: -6px !important; right: -6px !important; left: auto !important; background: #ff007f !important; color: #ffffff !important; font-weight: 800 !important; border-radius: 50% !important; min-width: 20px !important; height: 20px !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; border: 2px solid #08050d !important; margin: 0 !important; z-index: 10 !important; }
}

/* ========================================================
   4. KATEGÓRIA SÁV ÉS TÖKÉLETES DROPDOWN MENÜ
   ======================================================== */
@media (min-width: 992px) {
    html body #navigation { background: transparent !important; border: none !important; padding: 15px 0 25px 0 !important; box-shadow: none !important; overflow: visible !important; height: auto !important; position: relative !important; z-index: 10 !important; }
    html body #navigation .navigation-wrapper, html body #navigation .navigation-in { background: transparent !important; border: none !important; box-shadow: none !important; overflow: visible !important; height: auto !important; width: 100% !important; }
    html body #navigation .navigation-in > ul, html body #navigation .fitted .navigation-in > ul { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 12px !important; padding: 0 15px !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }

    html body #navigation .navigation-in .navigationActions, html body #navigation .navigation-in > ul > li.navigationActions, html body #navigation .navigation-in > ul > li.menu-item-login, html body #navigation .navigation-in > ul > li.ext-login, html body #navigation .navigation-in > ul > li.ext-account, html body #navigation .navigation-in > ul > li.helper-item { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; overflow: hidden !important; position: absolute !important; margin: 0 !important; padding: 0 !important; }

    html body #navigation .navigation-in > ul > li { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 0 15px 0 !important; margin-bottom: -15px !important; list-style: none !important; width: auto !important; height: auto !important; position: relative !important; background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; }

    html body #navigation .navigation-in > ul > li > a { background-color: #130c24 !important; color: #00e5ff !important; border: 1px solid #ff007f !important; border-radius: 6px !important; font-weight: 800 !important; font-size: 11px !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; padding: 8px 14px !important; display: block !important; transition: all 0.3s ease !important; white-space: nowrap !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 0 5px rgba(255, 0, 127, 0.3) !important; }

    html body #navigation .navigation-in > ul > li:hover > a, html body #navigation .navigation-in > ul > li.active > a, html body #navigation .navigation-in > ul > li.current > a { background: linear-gradient(135deg, #00e5ff 0%, #4f46e5 100%) !important; color: #ffffff !important; border-color: #00e5ff !important; box-shadow: 0 4px 12px rgba(0, 229, 255, 0.4) !important; transform: translateY(-2px) !important; }

    html body #navigation .navigation-in .dropdown-menu img, html body #navigation .navigation-in .dropdown-menu .category-image, html body #navigation .navigation-in .dropdown-menu .category-info, html body #navigation .navigation-in .dropdown-menu figure, html body #navigation .navigation-in .dropdown-menu picture, html body #navigation .navigation-in .dropdown-menu .image, html body #navigation .navigation-in ul ul a::before, html body #navigation .navigation-in ul ul a::after { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; position: absolute !important; content: none !important; }

    html body #navigation .navigation-in > ul > li > ul, html body #navigation .navigation-in > ul > li > .dropdown-menu { position: absolute !important; top: calc(100% - 15px) !important; left: 0 !important; background-color: #130c24 !important; border: 1px solid #00e5ff !important; border-top: 3px solid #ec4899 !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.95) !important; padding: 10px !important; margin-top: 0 !important; min-width: 260px !important; display: none !important; z-index: 60 !important; }
    html body #navigation .navigation-in > ul > li:hover > ul, html body #navigation .navigation-in > ul > li:hover > .dropdown-menu { display: flex !important; }

    html body #navigation .navigation-in ul ul { display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; list-style: none !important; }
    html body #navigation .navigation-in ul ul li { display: block !important; flex: 1 1 45% !important; margin: 5px !important; padding: 0 !important; border: none !important; height: auto !important; }

    html body #navigation .navigation-in ul ul a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; color: #cbd5e1 !important; font-size: 12px !important; font-weight: 700 !important; border: 1px solid transparent !important; padding: 15px 10px !important; background: transparent !important; transition: all 0.2s ease !important; box-shadow: none !important; border-radius: 8px !important; white-space: normal !important; line-height: 1.3 !important; }
    html body #navigation .navigation-in ul ul a:hover { color: #00e5ff !important; border-color: #332157 !important; background: rgba(0, 229, 255, 0.1) !important; }

    html body #navigation .navigation-in ul ul a img, html body #navigation .navigation-in ul ul a picture, html body #navigation .navigation-in ul ul a .category-image { display: block !important; visibility: visible !important; position: static !important; max-width: 60px !important; height: auto !important; margin: 0 auto 10px auto !important; }
    html body #navigation .navigation-in ul ul a span { display: block !important; width: 100% !important; text-align: center !important; margin: 0 !important; padding: 0 !important; }
}

/* ========================================================
   5. FELUGRÓ ABLAKOK ÉS WIDGETEK (KÖZÖS - ASZTAL & MOBIL)
   ======================================================== */

html body .popup-widget::before, html body .popup-widget::after, html body .login-widget::before, html body .login-widget::after { display: none !important; content: none !important; }

/* TELJES POPUP ABLAKOK KÜLSŐ FORMÁZÁSA (EZ TÖRLI A SZÜRKE FEJLÉCET!) */
html body .popup-widget, html body .login-widget, html body .cart-dropdown { 
    z-index: 9999999 !important; 
    background-color: #130c24 !important; 
    border: 1px solid #00e5ff !important; 
    border-top: 3px solid #ec4899 !important; 
    border-radius: 12px !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(0, 229, 255, 0.25) !important; 
    overflow: hidden !important; 
}

/* BELSŐ GYÁRI DOBOZOK LÁTHATATLANNÁ TÉTELE */
html body .popup-widget-inner, html body .popup-widget-header { background: transparent !important; border: none !important; box-shadow: none !important; padding: 15px !important; }
html body .cart-dropdown { min-width: 300px !important; max-width: 380px !important; width: max-content !important; padding: 0 !important; overflow-x: hidden !important; }
html body .login-widget { width: 300px !important; max-width: 90vw !important; }
html body .login-widget .login-form { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }

/* KÖZÉPRE ZÁRT LOGIN ÉS SLIDING PANEL (NEM A KOSÁR!) */
html body .login-widget, 
html body .widget-wrapper .login-widget,
html body #login-panel,
html body .sliding-panel {
    position: fixed !important; 
    top: 50% !important; 
    left: 50% !important; 
    right: auto !important; 
    bottom: auto !important; 
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    transition: none !important; 
    animation: none !important;
    overflow-y: auto !important;
}

html body .sliding-panel-inner { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important;}

/* KÖZÖS X GOMB MINDEN FELUGRÓ ABLAKHOZ (FEJLÉCBE ÉPÍTVE) */
html body .popup-widget-close, html body .close, html body .sliding-panel-close { display: flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; top: 15px !important; right: 15px !important; width: 30px !important; height: 30px !important; font-size: 0 !important; color: transparent !important; background: transparent !important; border: none !important; z-index: 100000 !important; cursor: pointer !important; text-decoration: none !important; }
html body .popup-widget-close::after, html body .close::after, html body .sliding-panel-close::after { content: "✕" !important; font-size: 24px !important; color: #ff007f !important; font-weight: bold !important; line-height: 1 !important; display: block !important; visibility: visible !important; text-shadow: 0 0 8px rgba(255, 0, 127, 0.8) !important; transition: all 0.3s ease !important; }
html body .popup-widget-close:hover::after, html body .close:hover::after, html body .sliding-panel-close:hover::after { color: #ffffff !important; text-shadow: 0 0 12px #ff007f !important; transform: scale(1.2) !important; }

/* KOSÁR BELSŐ ELEMEINEK VÉDELME - FEHÉR HÁTTÉR ÉS GÖRGETŐSÁV BUG FIX */
html body .cart-dropdown * { box-sizing: border-box !important; }
html body .cart-dropdown ul, html body .cart-widget-inner ul { list-style: none !important; padding: 0 15px !important; margin: 0 !important; }
html body .cart-dropdown li, html body .cart-widget-inner li { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px dashed #332157 !important; padding: 15px 0 !important; margin: 0 !important; width: 100% !important; background: transparent !important; transition: background-color 0.3s ease !important; }
html body .cart-dropdown li:hover, html body .cart-widget-inner li:hover { background-color: rgba(0, 229, 255, 0.05) !important; } 

html body .cart-dropdown li .image, html body .cart-dropdown li img { width: 40px !important; min-width: 40px !important; height: 40px !important; object-fit: contain !important; flex-shrink: 0 !important; margin-right: 10px !important; display: block !important; }

html body .cart-dropdown li .cart-item-name, html body .cart-dropdown li a.name { flex-grow: 1 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; text-align: left !important; white-space: normal !important; word-break: break-word !important; line-height: 1.2 !important; margin-right: 10px !important; text-decoration: none !important; }

html body .cart-widget input[type="text"], html body .cart-widget input[type="number"], html body .cart-widget .amount { background-color: #08050d !important; border: 1px solid #332157 !important; color: #00e5ff !important; border-radius: 4px !important; width: 40px !important; min-width: 40px !important; padding: 2px !important; text-align: center !important; display: inline-block !important; outline: none !important; flex-shrink: 0 !important; }
html body .cart-dropdown li .cart-item-amount, html body .cart-dropdown li .price { flex-shrink: 0 !important; color: #00e5ff !important; font-size: 13px !important; font-weight: 800 !important; white-space: nowrap !important; margin-left: 10px !important; }
html body .cart-dropdown li .cart-item-delete, html body .cart-dropdown li .remove-item { flex-shrink: 0 !important; color: #ff007f !important; font-size: 16px !important; margin-left: 10px !important; text-decoration: none !important; transition: all 0.3s ease !important; cursor: pointer !important; background: transparent !important; border: none !important; }
html body .cart-dropdown li .cart-item-delete:hover, html body .cart-dropdown li .remove-item:hover { color: #ffffff !important; text-shadow: 0 0 10px #ff007f !important; transform: scale(1.2) !important; }
html body .cart-dropdown .cart-free-shipping { display: block !important; width: calc(100% - 30px) !important; margin: 15px auto !important; text-align: center !important; }
html body .cart-dropdown .progress { background-color: #08050d !important; border: 1px solid #332157 !important; height: 10px !important; border-radius: 5px !important; margin-top: 8px !important; overflow: hidden !important; }
html body .cart-dropdown .progress-bar { background: linear-gradient(90deg, #00e5ff, #ec4899) !important; }
html body .cart-dropdown .text-danger, html body .cart-dropdown .color-danger, html body .cart-dropdown .cart-item-name small { color: #ff007f !important; text-shadow: 0 0 8px rgba(255, 0, 127, 0.8) !important; font-weight: 800 !important; font-size: 11px !important; display: block !important; margin-top: 5px !important; }
html body .cart-dropdown .btn { width: calc(100% - 30px) !important; margin: 10px auto 15px auto !important; display: block !important;}
html body .cart-dropdown .cart-empty { text-align: center !important; padding: 20px !important; color: #cbd5e1 !important; font-size: 14px !important; }

/* LOGIN ABLAK SZÖVEGEK ÉS GOMBOK */
html body .popup-widget-header h2, html body .login-widget .title, html body .login-widget h2 { font-size: 15px !important; text-align: center !important; margin-top: 0 !important; margin-bottom: 15px !important; color: #ffffff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.7) !important; font-weight: 800 !important; }
html body .login-widget label { font-size: 12px !important; color: #cbd5e1 !important; margin-bottom: 6px !important; display: block !important; text-transform: uppercase; letter-spacing: 0.5px; text-align: left !important; }
html body .login-widget .login-form a { display: block !important; text-align: center !important; font-size: 12px !important; margin-top: 8px !important; color: #00e5ff !important; transition: all 0.2s ease !important; text-decoration: none !important; }
html body .login-widget .login-form a:hover { color: #ffffff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.9) !important; }
html body .login-widget .btn-login { width: 100% !important; margin-top: 10px !important; margin-bottom: 15px !important; padding: 12px !important; font-size: 14px !important; }

/* ŰRLAP MEZŐK JAVÍTÁSA WIDGETEKBEN */
html body .popup-widget-inner input[type="text"], html body .popup-widget-inner input[type="password"], html body .popup-widget-inner input[type="email"], html body #login-form input[type="text"], html body #login-form input[type="password"], html body #login-form input[type="email"] { background-color: #08050d !important; border: 1px solid #332157 !important; color: #ffffff !important; border-radius: 6px !important; padding: 10px 14px !important; width: 100% !important; box-sizing: border-box !important; transition: all 0.3s ease !important; outline: none !important; }
html body .popup-widget-inner input:focus, html body #login-form input:focus { border-color: #00e5ff !important; box-shadow: 0 0 15px rgba(0, 229, 255, 0.5) !important; outline: none !important; }


/* ========================================================
   6. REGISZTRÁCIÓ ÉS JELSZÓ EMLÉKEZTETŐ 
   ======================================================== */

html body.one-column-body:not(.ordering-process) .content-inner { margin: 30px auto !important; max-width: 900px !important; padding: 40px !important; background-color: #0d081b !important; border: 1px solid #332157 !important; border-radius: 12px !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.9), inset 0 0 20px rgba(0, 229, 255, 0.05) !important; color: #cbd5e1 !important; }

html body #registration, html body .lost-password-wrapper, html body .password-recovery { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 auto !important; width: 100% !important; max-width: 550px !important; text-align: center !important; }

html body #registration h1, html body #registration h2, html body #registration h3, html body .lost-password-wrapper h1, html body .lost-password-wrapper h2 { text-align: center !important; color: #ffffff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.7) !important; text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 30px !important; }

html body #registration .form-group, html body .lost-password-wrapper .form-group, html body .password-recovery .form-group { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 auto 20px auto !important; }

html body #registration .form-group label, html body .lost-password-wrapper .form-group label, html body .password-recovery .form-group label { display: block !important; text-align: left !important; width: 100% !important; max-width: 380px !important; color: #cbd5e1 !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 8px !important; }

html body #registration input[type="text"], html body #registration input[type="email"], html body #registration input[type="password"], html body .lost-password-wrapper input[type="text"], html body .lost-password-wrapper input[type="email"], html body .password-recovery input[type="text"], html body .password-recovery input[type="email"] { background-color: #08050d !important; border: 1px solid #332157 !important; color: #ffffff !important; border-radius: 6px !important; padding: 12px 14px !important; width: 100% !important; max-width: 380px !important; box-sizing: border-box !important; transition: all 0.3s ease !important; outline: none !important; text-align: left !important; display: block !important; margin: 0 auto !important; }
html body #registration input:focus, html body .lost-password-wrapper input:focus, html body .password-recovery input:focus { border-color: #00e5ff !important; box-shadow: 0 0 15px rgba(0, 229, 255, 0.5) !important; }

html body #registration .form-group.checkbox { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; max-width: 380px !important; margin: 15px auto !important; }
html body #registration .form-group.checkbox label { text-align: left !important; text-transform: none !important; margin-bottom: 0 !important; line-height: 1.4 !important; flex-grow: 1 !important; }
html body #registration .form-group.checkbox input[type="checkbox"] { margin-top: 3px !important; margin-right: 12px !important; width: auto !important; flex-shrink: 0 !important; accent-color: #00e5ff !important; }

html body #registration .btn, html body .lost-password-wrapper .btn, html body .password-recovery .btn { display: block !important; margin: 30px auto 0 auto !important; min-width: 250px !important; }


/* ========================================================
   7. KASSZA / RENDELÉS (CHECKOUT) ASZTALI ÉS MOBIL NÉZET
   ======================================================== */
   
html body.ordering-process .content-inner { max-width: 1200px !important; padding: 30px !important; background-color: #0d081b !important; border: 1px solid #00e5ff !important; border-radius: 12px !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.9) !important; margin: 30px auto !important; }

@media (min-width: 992px) {
    html body.ordering-process .cart-inner { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: space-between !important; gap: 30px !important; }
    html body.ordering-process .cart-inner > .cart-content { width: 65% !important; max-width: 65% !important; flex: 0 0 65% !important; margin: 0 !important; }
    html body.ordering-process .cart-inner > #advanced-order { width: 32% !important; max-width: 32% !important; flex: 0 0 32% !important; position: sticky !important; top: 20px !important; right: 0 !important; margin: 0 !important; }
}

html body.ordering-process .checkout-box, html body.ordering-process .cart-content, html body.ordering-process #advanced-order { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; }

html body.ordering-process #advanced-order { background-color: #130c24 !important; border-radius: 12px !important; padding: 25px !important; }

html body.ordering-process ol.cart-header,
html body.ordering-process ol.cart-header.fixed,
html body.ordering-process ol.cart-header.is-sticky,
html body.ordering-process .header-top.fixed { 
    position: relative !important; 
    top: auto !important; left: auto !important; right: auto !important; transform: none !important;
    display: flex !important; justify-content: space-between !important; align-items: center !important; 
    background-color: #130c24 !important; border: 1px solid #332157 !important; border-radius: 8px !important; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important; padding: 10px !important; margin: 0 auto 30px auto !important; 
    overflow: visible !important; list-style: none !important; z-index: 10 !important; width: 100% !important; max-width: 1200px !important;
}

html body.ordering-process ol.cart-header li { flex: 1 !important; display: block !important; padding: 10px !important; color: #cbd5e1 !important; border: none !important; border-right: 1px dashed #332157 !important; font-weight: normal !important; font-size: 14px !important; text-align: center !important; text-transform: none !important; opacity: 0.6 !important; transition: all 0.3s ease !important; background: transparent !important; }
html body.ordering-process ol.cart-header li:last-child { border-right: none !important; }
html body.ordering-process ol.cart-header li.active { color: #00e5ff !important; font-weight: bold !important; opacity: 1 !important; text-shadow: none !important; background: transparent !important; }

html body.ordering-process ol.cart-header li strong { display: none !important; content: none !important; }
html body.ordering-process ol.cart-header li::before, html body.ordering-process ol.cart-header li::after { display: none !important; content: none !important; }
html body.ordering-process ol.cart-header li.active::after { display: none !important; content: none !important; }

@media (max-width: 768px) {
    html body.ordering-process ol.cart-header { flex-direction: column !important; gap: 5px !important; }
    html body.ordering-process ol.cart-header li { width: 100% !important; border-right: none !important; border-bottom: 1px dashed #332157 !important; padding: 10px 0 !important; }
    html body.ordering-process ol.cart-header li:last-child { border-bottom: none !important; }
}

html body.ordering-process .form-group { display: block !important; width: 100% !important; margin-bottom: 20px !important; text-align: left !important; }
html body.ordering-process label { display: inline-block !important; width: 100% !important; text-align: left !important; color: #cbd5e1 !important; font-size: 12px !important; text-transform: uppercase !important; margin-bottom: 5px !important; }

html body.ordering-process .form-group input[type="text"], 
html body.ordering-process .form-group input[type="email"], 
html body.ordering-process .form-group input[type="tel"], 
html body.ordering-process .form-group input[type="password"] { 
    background-color: #08050d !important; border: 1px solid #332157 !important; color: #ffffff !important; border-radius: 6px !important; padding: 12px 14px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; transition: all 0.3s ease !important; outline: none !important; 
}
html body.ordering-process .form-group select:not([style*="none"]):not(.hidden) {
    background-color: #08050d !important; border: 1px solid #332157 !important; color: #ffffff !important; border-radius: 6px !important; padding: 12px 14px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; outline: none !important;
}

html body.ordering-process .form-group input:focus, html body.ordering-process .form-group select:focus { border-color: #00e5ff !important; box-shadow: 0 0 10px rgba(0, 229, 255, 0.5) !important; }

html body.ordering-process select[name="phonePrefix"],
html body.ordering-process .iti__hide,
html body.ordering-process .hide,
html body.ordering-process .hidden,
html body.ordering-process [style*="display: none"] {
    display: none !important;
}

html body.ordering-process .iti { width: 100% !important; display: block !important; }

html body.ordering-process ul, html body.ordering-process .form-group ul, html body.ordering-process .styled-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
html body.ordering-process ul li, html body.ordering-process .form-group ul li, html body.ordering-process .styled-list li { list-style: none !important; margin-bottom: 10px !important; padding-left: 0 !important; background: none !important; }
html body.ordering-process ul li::before, html body.ordering-process ul li::after, html body.ordering-process .form-group ul li::before, html body.ordering-process .styled-list li::before { display: none !important; content: none !important; background: none !important; }

html body.ordering-process .form-group.checkbox, html body.ordering-process .checkbox { display: flex !important; flex-direction: row !important; align-items: flex-start !important; }
html body.ordering-process input[type="checkbox"] { margin-top: 4px !important; margin-right: 10px !important; accent-color: #00e5ff !important; width: auto !important; }
html body.ordering-process .checkbox label { display: inline !important; text-transform: none !important; line-height: 1.4 !important; font-size: 13px !important; }

html body.ordering-process .login-wrapper { width: 100% !important; display: flex !important; justify-content: flex-end !important; margin-bottom: 20px !important; }

html body.ordering-process .cart-table { width: 100% !important; border-collapse: collapse !important; }
html body.ordering-process .cart-table th { color: #cbd5e1 !important; border-bottom: 2px solid #332157 !important; padding: 10px !important; text-align: left !important; }
html body.ordering-process .cart-table td { border-bottom: 1px dashed #332157 !important; padding: 15px 10px !important; vertical-align: middle !important; }
html body.ordering-process .cart-table tr:last-child td { border-bottom: none !important; }
html body.ordering-process .cart-table .p-image { background: transparent !important; border: none !important; width: 80px !important; }
html body.ordering-process .cart-table .p-image img { max-width: 100% !important; border-radius: 6px !important; }
html body.ordering-process .cart-table .main-link { color: #ffffff !important; font-size: 16px !important; font-weight: 800 !important; text-decoration: none !important; display: block !important; margin-bottom: 5px !important; }
html body.ordering-process .cart-table .main-link:hover { color: #00e5ff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.8) !important; }
html body.ordering-process .cart-table input.amount { background-color: #08050d !important; border: 1px solid #332157 !important; color: #00e5ff !important; font-weight: bold !important; border-radius: 6px !important; text-align: center !important; width: 50px !important; padding: 5px !important; outline: none !important; }
html body.ordering-process .cart-table .p-price, html body.ordering-process .cart-table .p-total { color: #ffffff !important; font-weight: 700 !important; font-size: 16px !important; }
html body.ordering-process .cart-table .remove-item { color: #ff007f !important; text-decoration: none !important; font-size: 18px !important; transition: all 0.3s ease !important; cursor: pointer !important; border: none !important; background: transparent !important;}
html body.ordering-process .cart-table .remove-item:hover { color: #ffffff !important; text-shadow: 0 0 10px #ff007f !important; transform: scale(1.2) !important; display: inline-block; }

html body.ordering-process h4, html body.ordering-process .summary-title { color: #ffffff !important; font-weight: 800 !important; text-transform: uppercase !important; border-bottom: 1px dashed #332157 !important; padding-bottom: 10px !important; margin-bottom: 15px !important; text-shadow: 0 0 8px rgba(236, 72, 153, 0.6) !important; }
html body.ordering-process .price-wrapper { margin-top: 20px !important; border-top: 1px dashed #332157 !important; padding-top: 20px !important; }
html body.ordering-process .price-final { color: #00e5ff !important; font-size: 26px !important; font-weight: 900 !important; text-shadow: 0 0 12px rgba(0, 229, 255, 0.6) !important; }
html body.ordering-process .next-step { display: flex !important; flex-direction: column !important; gap: 15px !important; margin-top: 20px !important; }
html body.ordering-process .next-step .btn { width: 100% !important; margin: 0 !important; padding: 15px !important; font-size: 16px !important; }

/* ========================================================
   8. FŐOLDALI KÉPEK ÉS BEKEZDÉSEK KÖZÉPRE IGAZÍTÁSA
   ======================================================== */
html body #content-wrapper .content-inner p,
html body #content-wrapper .content-inner .text-editor { text-align: center !important; width: 100% !important; }
html body #content-wrapper .content-inner p img, html body #content-wrapper .content-inner > img, html body #content-wrapper .text-editor img { display: block !important; margin-left: auto !important; margin-right: auto !important; max-width: 100% !important; height: auto !important; float: none !important; }

/* ========================================================
   9. ÜDVÖZLŐ SZÖVEG, KÖZÖSSÉGI IKONOK ÉS LÁBLÉC
   ======================================================== */
.welcome { background: linear-gradient(145deg, #130c24 0%, #080410 100%) !important; border: 1px solid #4f46e5 !important; border-radius: 12px !important; padding: 45px 30px !important; margin-top: 30px !important; margin-bottom: 35px !important; position: relative !important; overflow: hidden !important; animation: boxBreathe 6s infinite ease-in-out !important; }
.welcome::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #00e5ff, #4f46e5, #ff007f, #00e5ff) !important; background-size: 300% 100% !important; animation: gradientShift 4s linear infinite !important; }
.welcome h1 { background: linear-gradient(90deg, #00e5ff 0%, #ec4899 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; color: transparent !important; text-transform: uppercase !important; font-weight: 900 !important; font-size: 30px !important; letter-spacing: 1px !important; margin-bottom: 20px !important; text-align: center !important; filter: drop-shadow(0px 0px 8px rgba(236, 72, 153, 0.4)) !important; }
.welcome p { color: #e2e8f0 !important; font-size: 16px !important; line-height: 1.8 !important; text-align: center !important; max-width: 800px !important; margin: 0 auto !important; }
.welcome a { color: #00e5ff !important; font-weight: 800 !important; text-decoration: none !important; border-bottom: 1px dashed #00e5ff !important; padding-bottom: 2px !important; transition: all 0.3s ease !important; }
.welcome a:hover { color: #ff007f !important; border-bottom-color: #ff007f !important; text-shadow: 0 0 10px rgba(255, 0, 127, 0.8) !important; }

.social-icons-custom { display: flex !important; justify-content: center !important; align-items: center !important; gap: 20px !important; margin-top: 30px !important; width: 100% !important; }
.social-icons-custom a { display: flex !important; align-items: center !important; justify-content: center !important; width: 50px !important; height: 50px !important; border-radius: 50% !important; background: #25163d !important; border: 2px solid #00e5ff !important; transition: all 0.3s ease !important; text-decoration: none !important; border-bottom: none !important; padding: 0 !important; }
.social-icons-custom a svg, .social-icons-custom a i { fill: #00e5ff !important; color: #00e5ff !important; transition: all 0.3s ease !important; width: 24px !important; height: 24px !important; font-size: 24px !important; display: flex; justify-content: center; align-items: center; }
.social-icons-custom a:hover { background: #00e5ff !important; box-shadow: 0 0 20px rgba(0, 229, 255, 0.6) !important; transform: translateY(-5px) scale(1.1) !important; }
.social-icons-custom a:hover svg, .social-icons-custom a:hover i { fill: #150d22 !important; color: #150d22 !important; }
.social-icons-custom a.insta:hover { background: #ec4899 !important; border-color: #ec4899 !important; box-shadow: 0 0 20px rgba(236, 72, 153, 0.6) !important; }
.social-icons-custom a.insta:hover svg, .social-icons-custom a.insta:hover i { fill: #ffffff !important; color: #ffffff !important; }

#footer, footer, .footer-top, .footer-bottom, .custom-footer { background-color: #08050d !important; border: 1px solid #332157 !important; color: #cbd5e1 !important; }
.footer-bottom { background-color: #050309 !important; border-top: 1px solid rgba(51, 33, 87, 0.6) !important; }
#footer h1, #footer h2, #footer h3 { color: #ffffff !important; font-weight: 700 !important; text-transform: uppercase !important; animation: neonPulse 4s infinite alternate !important; margin-bottom: 12px !important; }
#footer a { color: #cbd5e1 !important; text-decoration: none !important; transition: all 0.3s ease !important; }
#footer a:hover { color: #00e5ff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.6) !important; }
#footer .site-name, #footer .logo, .footer-bottom .logo, .footer-bottom .site-name, .footer-logo, .site-footer .logo-wrapper, #footer img, .footer-bottom img { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; }

/* --------------------------------------------------------
   10. ALKATEGÓRIA DOBOZOK (KATEGÓRIA OLDALON FENT)
   -------------------------------------------------------- */
html body #content-wrapper .subcategories { margin-bottom: 40px !important; }
html body #content-wrapper .subcategories ul { display: flex !important; flex-wrap: wrap !important; gap: 15px !important; padding: 0 !important; margin: 0 !important; }
html body #content-wrapper .subcategories li { list-style: none !important; flex: 1 1 calc(25% - 15px) !important; min-width: 180px !important; margin: 0 !important; background: none !important;}

html body #content-wrapper .subcategories li a { display: flex !important; align-items: center !important; justify-content: flex-start !important; background-color: #130c24 !important; border: 1px solid #332157 !important; border-radius: 8px !important; padding: 12px 15px !important; color: #ffffff !important; text-decoration: none !important; font-weight: 700 !important; transition: all 0.3s ease !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important; }
html body #content-wrapper .subcategories li a:hover { border-color: #00e5ff !important; color: #00e5ff !important; box-shadow: 0 5px 20px rgba(0, 229, 255, 0.4) !important; transform: translateY(-3px) !important; }
html body #content-wrapper .subcategories li a img { max-width: 40px !important; height: auto !important; margin-right: 15px !important; border-radius: 4px !important; display: block !important; }

/* --------------------------------------------------------
   11. TERMÉKKÁRTYÁK
   -------------------------------------------------------- */
.products-block > div, .products > div, .products-block > div:nth-child(3n), .products-block > div:nth-child(3), .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { border: none !important; background: transparent !important; }
.products-block.products > div, .products-block > div { padding: 15px !important; }

.products-block .p, .product, .product-list .product { background-color: #130c24 !important; border: 1px solid #332157 !important; border-radius: 12px !important; padding: 15px !important; transition: all 0.3s ease !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important; display: flex !important; flex-direction: column !important; height: 100% !important; position: relative !important; overflow: hidden !important; }
.products-block .p:hover, .product:hover { border-color: #00e5ff !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 229, 255, 0.3) !important; transform: translateY(-5px) !important; }
.products-block .p .image { border-radius: 8px !important; overflow: hidden !important; margin-bottom: 15px !important; }
.products-block .p .image img, .product .image img { transition: transform 0.5s ease !important; }
.products-block .p:hover .image img, .product:hover .image img { transform: scale(1.05) !important; }
.products-block .p .price { color: #00e5ff !important; font-size: 18px !important; font-weight: 900 !important; text-shadow: 0 0 5px rgba(0, 229, 255, 0.5) !important; margin-top: auto !important; padding-top: 10px !important; }
.availability { color: #cbd5e1 !important; font-size: 12px !important; }
.availability.in-stock { color: #10b981 !important; text-shadow: 0 0 5px rgba(16, 185, 129, 0.5) !important; }
.p .name, .p .name a, .products-block .name, .products-block .name a, .products .name, .products .name a, .product-name, .product-name a, .products-block.products .p .name, .products-block.products .p .name a { color: #ffffff !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; }
.p .name:hover, .p .name a:hover, .products-block .name:hover, .products-block .name a:hover, .products .name:hover, .products .name a:hover, .product-name:hover, .product-name a:hover, .products-block.products .p .name:hover, .products-block.products .p .name a:hover { color: #00e5ff !important; text-shadow: 0 0 10px rgba(0, 229, 255, 0.8) !important; }

/* --------------------------------------------------------
   12. BANNEREK (FŐOLDALI KÉP) - ERŐSZAKOS KÖZÉPRE ZÁRÁS
   -------------------------------------------------------- */
html body #content-wrapper .row, html body #content-wrapper .banners-row { margin-left: 0 !important; margin-right: 0 !important; position: relative !important; z-index: 1 !important; display: block !important; text-align: center !important;}

html body #content-wrapper .top-banner, 
html body #content-wrapper .banners-row.top-banners,
html body #content-wrapper .banner-wrapper:first-child,
html body .content-in > .banner-wrapper { 
    display: block !important; text-align: center !important; width: 100% !important; max-width: 100% !important; margin: 30px auto 40px auto !important; padding: 0 15px !important; float: none !important; clear: both !important;
}

html body #content-wrapper .banner { background-color: transparent !important; border: none !important; display: inline-block !important; width: auto !important; max-width: 900px !important; margin: 0 auto !important; float: none !important; text-align: center !important;}

html body #content-wrapper .banner a, html body #content-wrapper .banner-wrapper a { display: inline-block !important; margin: 0 auto !important; text-align: center !important; float: none !important; clear: both !important; width: auto !important; max-width: 100% !important;}

html body #content-wrapper .banner img, html body #content-wrapper .banner-wrapper img { display: inline-block !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 450px !important; object-fit: contain !important; border-radius: 8px !important; margin: 0 auto !important; float: none !important; clear: both !important;}

.banners-row:not(.top-banners) { display: flex !important; flex-wrap: wrap !important; gap: 30px !important; justify-content: center !important; margin: 40px auto !important; max-width: 1200px !important; padding: 0 15px !important; }
.banners-row:not(.top-banners) > div { padding: 0 !important; flex: 1 1 calc(50% - 15px) !important; min-width: 300px !important; display: flex !important; justify-content: center !important; }
.banners-row:not(.top-banners) .banner { background-color: #130c24 !important; border: 1px solid #332157 !important; border-radius: 12px !important; overflow: hidden !important; position: relative !important; transition: all 0.4s ease !important; box-shadow: 0 10px 25px rgba(0,0,0,0.8), inset 0 0 15px rgba(0, 229, 255, 0.05) !important; display: block !important; height: 100% !important; width: 100% !important; z-index: 1 !important; margin: 0 auto !important; float: none !important;}
.banners-row:not(.top-banners) .banner:hover { border-color: #00e5ff !important; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 20px rgba(0, 229, 255, 0.3) !important; transform: translateY(-5px) !important; }
.banners-row:not(.top-banners) .banner img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border-radius: 12px !important; transition: transform 0.5s ease !important; margin: 0 auto !important; float: none !important;}
.banners-row:not(.top-banners) .banner:hover img { transform: scale(1.03) !important; }

/* --------------------------------------------------------
   13. MOBIL NÉZET ÉS MENÜ GOMBOK
   -------------------------------------------------------- */

@media (max-width: 991px) {

html, body { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }
*, *::before, *::after { box-sizing: border-box !important; }
img, video, iframe { max-width: 100% !important; }
img { height: auto !important; }

html body .overall-wrapper, html body #content-wrapper, html body #content, html body #main, html body .one-column-body { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
html body .overall-wrapper { padding-top: 0 !important; margin-top: 0 !important; }

body.header-fixed #header, #header.fixed, .header-top.fixed, #header { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: auto !important; box-shadow: none !important; animation: none !important; transform: none !important; box-sizing: border-box !important; }
html body #header .header-top { background-color: #0b0714 !important; width: 100% !important; max-width: 100% !important; height: 70px !important; min-height: 70px !important; padding: 0 !important; margin: 0 !important; position: relative !important; display: block !important; z-index: 100 !important; box-sizing: border-box !important; }

html body .top-navigation-bar { background: transparent !important; border: none !important; height: 0 !important; min-height: 0 !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 105 !important; overflow: visible !important; padding: 0 !important; margin: 0 !important; pointer-events: none !important; box-sizing: border-box !important; }
html body .top-navigation-bar .container { position: static !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; display: block !important; box-sizing: border-box !important; }

html body #header .header-logo, html body #header .logo, html body #header .site-name { position: absolute !important; left: 50% !important; right: auto !important; top: 15px !important; transform: translateX(-50%) !important; width: max-content !important; max-width: calc(100vw - 220px) !important; height: 40px !important; max-height: 40px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; z-index: 50 !important; text-align: center !important; box-sizing: border-box !important; overflow: hidden !important; }
html body #header .header-logo a, html body #header .logo a, html body #header .site-name a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: max-content !important; max-width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }
html body #header .header-logo img, html body #header .logo img, html body #header .site-name img { max-height: 40px !important; max-width: 100% !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; object-fit: contain !important; object-position: center !important; }

html body .responsive-tools, html body .navigation-buttons, html body .header-top > div:last-child { display: block !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: auto !important; }

html body .responsive-tools > a, html body .navigation-buttons > a, html body .btn-menu, html body .top-navigation-bar .top-nav-button-login, html body #header #cart-entry, html body #header .cart-entry, html body .cart-widget-link {
    position: absolute !important; top: 15px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; 
    z-index: 110 !important; pointer-events: auto !important; cursor: pointer !important; visibility: visible !important; opacity: 1 !important; transform: none !important; background: linear-gradient( 135deg, #00e5ff 0%, #4f46e5 50%, #ff007f 100% ) !important; background-size: 200% 200% !important; animation: gradientShift 6s ease infinite !important; box-shadow: 0 4px 10px rgba(0, 229, 255, 0.2) !important; border: none !important; text-decoration: none !important; box-sizing: border-box !important; transition: transform 0.2s ease !important;
}

html body .responsive-tools > a:hover, html body .navigation-buttons > a:hover, html body .btn-menu:hover { transform: scale(1.05) !important; }

html body .search-trigger, html body .responsive-tools > a[data-target="search"], html body .navigation-buttons > a[data-target="search"] { display: none !important; }

html body .responsive-tools > a > *:not(.cart-count), 
html body .navigation-buttons > a > *:not(.cart-count), 
html body .btn-menu > *,
html body .top-navigation-bar .top-nav-button-login > *, 
html body .top-navigation-bar .top-nav-button-account > *,
html body #header #cart-entry > *:not(.cart-count),
html body #header .cart-entry > *:not(.cart-count) {
    display: none !important; content: none !important; background: transparent !important;
}

html body .responsive-tools > a::before,
html body .navigation-buttons > a::before,
html body .btn-menu::before,
html body .top-navigation-bar .top-nav-button-login::before,
html body .top-navigation-bar .top-nav-button-account::before,
html body #header #cart-entry::before,
html body #header .cart-entry::before {
    display: none !important; content: none !important;
}

html body #header .responsive-tools > a .cart-count, html body #header .navigation-buttons > a .cart-count, html body #header #cart-entry .cart-count, html body .cart-entry .cart-count {
    display: flex !important; position: absolute !important; top: -5px !important; right: -5px !important; left: auto !important; background: #ff007f !important; color: #fff !important; border-radius: 50% !important; min-width: 18px !important; width: 18px !important; height: 18px !important; justify-content: center !important; align-items: center !important; font-size: 10px !important; font-weight: bold !important; border: 1px solid #0b0714 !important; z-index: 120 !important; pointer-events: none !important; opacity: 1 !important; visibility: visible !important;
}
html body #header .responsive-tools > a .cart-count *, html body #header .navigation-buttons > a .cart-count *, html body #header #cart-entry .cart-count *, html body .cart-entry .cart-count * { display: inline !important; color: #fff !important; pointer-events: none !important; opacity: 1 !important; visibility: visible !important; }

html body .responsive-tools > a::after, html body .navigation-buttons > a::after, html body .btn-menu::after, html body .top-navigation-bar .top-nav-button-login::after, html body #header #cart-entry::after, html body #header .cart-entry::after {
    font-family: shoptet !important; color: #ffffff !important; font-size: 20px !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; visibility: visible !important; opacity: 1 !important; z-index: 2 !important; display: block !important; content: "";
}

html body .navigation-buttons > a[data-target="navigation"]::after, html body .responsive-tools > a[data-target="navigation"]::after, html body .btn-menu::after { content: "☰" !important; font-family: sans-serif !important; font-size: 24px !important; font-weight: normal !important; line-height: 1 !important;}
html body .navigation-buttons > a[data-target="cart"]::after, html body .responsive-tools > a[data-target="cart"]::after, html body #header #cart-entry::after, html body #header .cart-entry::after { content: "\e921" !important; }
html body .top-navigation-bar .top-nav-button-login::after, html body .responsive-tools > a[data-target="login"]::after, html body .navigation-buttons > a[data-target="login"]::after { content: "\e922" !important; }

html body .navigation-buttons > a[data-target="navigation"], html body .responsive-tools > a[data-target="navigation"], html body .btn-menu { left: 15px !important; right: auto !important; }
html body .navigation-buttons > a[data-target="cart"], html body .responsive-tools > a[data-target="cart"], html body #header #cart-entry, html body #header .cart-entry { right: 15px !important; left: auto !important; }
html body .top-navigation-bar .top-nav-button-login, html body .responsive-tools > a[data-target="login"], html body .navigation-buttons > a[data-target="login"] { right: 75px !important; left: auto !important; }

html body #header .search, html body #header #search-form, html body .header-top .search { display: none !important; }

html body .navigation-window { background-color: #08050d !important; border-right: 1px solid #00e5ff !important; z-index: 9999999 !important; }
html body .navigation-in { padding-top: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }

html body .navigation-in > ul { margin-top: 70px !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
html body .navigation-window .navigation-in > ul > li { border-bottom: 1px dashed #332157 !important; }
html body .navigation-window .navigation-in > ul > li > a { color: #ffffff !important; font-weight: 800 !important; text-transform: uppercase !important; padding: 15px 20px !important; }

html body .navigation-window .menu-helper, html body .navigation-window .navigation-in > ul > li.menu-item-login, html body .navigation-window .navigation-in > ul > li.ext-login { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; position: absolute !important; top: -9999px !important; }

.navigation-window-close, .navigation-close, .close-menu, :where(.ums_mobile_header_v1--on) .navigation-close { position: absolute !important; top: 10px !important; right: 10px !important; width: 50px !important; height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 9999999 !important; cursor: pointer !important; background: transparent !important; border: none !important; color: transparent !important; font-size: 0 !important; overflow: visible !important; }
.navigation-window-close *, .navigation-close * { display: none !important; }
.navigation-window-close::after, .navigation-close::after { content: "✕" !important; color: #ff007f !important; font-size: 40px !important; font-weight: bold !important; line-height: 1 !important; display: block !important; visibility: visible !important; text-shadow: 0 0 10px rgba(255, 0, 127, 0.8) !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; }

body.navigation-window-visible .responsive-tools > a,
body.navigation-window-visible .navigation-buttons > a,
body.navigation-window-visible .btn-menu,
body.navigation-window-visible .top-navigation-bar .top-nav-button-login {
    opacity: 0 !important; pointer-events: none !important; z-index: -1 !important; visibility: hidden !important;
}

}

@media (max-width: 768px) {
html, body { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }
html body .overall-wrapper, html body #content-wrapper, html body #content, html body #main, html body .one-column-body { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; }

html body.one-column-body .content-inner { width: 100% !important; max-width: 100% !important; margin: 80px auto 15px auto !important; padding: 20px 15px !important; box-sizing: border-box !important; overflow: visible !important; }

.welcome { width: 100% !important; max-width: 100% !important; padding: 25px 15px !important; margin-top: 20px !important; margin-bottom: 20px !important; box-sizing: border-box !important; overflow-wrap: break-word !important; }
.welcome h1 { max-width: 100% !important; font-size: 22px !important; overflow-wrap: break-word !important; word-break: break-word !important; }

.products-block.products > div, .products-block > div { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; padding: 10px !important; box-sizing: border-box !important; min-width: 0 !important; }
.products-block.products img, .products-block img { max-width: 100% !important; width: auto !important; height: auto !important; box-sizing: border-box !important; }

.banners-row:not(.top-banners) { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
.banners-row:not(.top-banners) > div { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; min-width: 0 !important; }
.banners-row:not(.top-banners) img { max-width: 100% !important; height: auto !important; }
}

@media (max-width: 480px) {
html body.one-column-body .content-inner { width: 100% !important; max-width: 100% !important; margin: 80px auto 10px auto !important; padding: 15px 10px !important; box-sizing: border-box !important; }

.products-block.products > div, .products-block > div { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 10px 0 !important; box-sizing: border-box !important; min-width: 0 !important; }
.products-block.products img, .products-block img { max-width: 100% !important; width: auto !important; height: auto !important; }

.welcome { width: 100% !important; max-width: 100% !important; padding: 20px 10px !important; margin-top: 15px !important; margin-bottom: 15px !important; box-sizing: border-box !important; }
.welcome h1 { font-size: 20px !important; line-height: 1.2 !important; }

html body #header .header-logo, html body #header .logo, html body #header .site-name { left: 50% !important; max-width: calc(100vw - 190px) !important; height: 40px !important; max-height: 40px !important; top: 15px !important; transform: translateX(-50%) !important; }
html body #header .header-logo img, html body #header .logo img, html body #header .site-name img { max-width: 100% !important; max-height: 36px !important; }

html body .responsive-tools > a, html body .navigation-buttons > a, html body .btn-menu, html body .top-navigation-bar .top-nav-button-login, html body #header #cart-entry, html body #header .cart-entry { width: 36px !important; min-width: 36px !important; height: 36px !important; top: 17px !important; }

html body .navigation-buttons > a[data-target="navigation"], html body .responsive-tools > a[data-target="navigation"], html body .btn-menu { left: 8px !important; right: auto !important; }
html body .navigation-buttons > a[data-target="cart"], html body .responsive-tools > a[data-target="cart"], html body #header #cart-entry, html body #header .cart-entry { right: 8px !important; left: auto !important; }
html body .top-navigation-bar .top-nav-button-login, html body .responsive-tools > a[data-target="login"], html body .navigation-buttons > a[data-target="login"] { right: 52px !important; left: auto !important; }
}

@media (max-width: 360px) {
html body #header .header-logo, html body #header .logo, html body #header .site-name { max-width: calc(100vw - 175px) !important; }
html body #header .header-logo img, html body #header .logo img, html body #header .site-name img { max-height: 32px !important; }

html body .responsive-tools > a, html body .navigation-buttons > a, html body .btn-menu, html body .top-navigation-bar .top-nav-button-login, html body #header #cart-entry, html body #header .cart-entry { width: 34px !important; min-width: 34px !important; height: 34px !important; top: 18px !important; }

html body .navigation-buttons > a[data-target="navigation"], html body .responsive-tools > a[data-target="navigation"], html body .btn-menu { left: 6px !important; right: auto !important; }
html body .navigation-buttons > a[data-target="cart"], html body .responsive-tools > a[data-target="cart"], html body #header #cart-entry, html body #header .cart-entry { right: 6px !important; left: auto !important; }
html body .top-navigation-bar .top-nav-button-login, html body .responsive-tools > a[data-target="login"], html body .navigation-buttons > a[data-target="login"] { right: 46px !important; left: auto !important; }
}

/* ========================================================
   17. MODÁLIS ABLAKOK ÉS CSOMAGPONT VÁLASZTÓK (COLORBOX/MODAL)
   ======================================================== */
html body #colorbox, html body #cboxOverlay, html body #cboxWrapper { z-index: 9999999 !important; }
html body #cboxOverlay { background: rgba(8, 5, 13, 0.9) !important; opacity: 1 !important; }
html body #cboxContent, html body .modal-content, html body .shoptet-modal, html body #shoptet-modal, html body .colorbox-popup { 
    background-color: #130c24 !important; 
    border: 2px solid #00e5ff !important; 
    border-radius: 12px !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.9), 0 0 25px rgba(0, 229, 255, 0.4) !important; 
    overflow: hidden !important; 
}
html body #cboxLoadedContent { background-color: #130c24 !important; margin-bottom: 0 !important; }
html body #cboxTitle, html body .modal-title { color: #ffffff !important; font-weight: 800 !important; text-transform: uppercase !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.7) !important; padding: 10px !important;}
html body #cboxClose, html body .modal-header .close { color: transparent !important; background: transparent !important; border: none !important; display: flex !important; align-items: center !important; justify-content: center !important; }
html body #cboxClose::after, html body .modal-header .close::after { content: "✕" !important; color: #ff007f !important; font-size: 24px !important; font-weight: bold !important; text-shadow: 0 0 8px rgba(255, 0, 127, 0.8) !important; display: block !important;}
html body #cboxClose:hover::after, html body .modal-header .close:hover::after { color: #ffffff !important; text-shadow: 0 0 12px #ff007f !important; transform: scale(1.2) !important; }

html body iframe.foxpost-iframe, 
html body iframe.gls-iframe, 
html body #cboxLoadedContent iframe, 
html body .modal-body iframe,
html body .shoptet-modal iframe {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    display: block !important;
    width: 100% !important;
}

/* ========================================================
   15. ÜRES KOSÁR (EMPTY CART) ÉS LISTAELEMEK (PÖTTYÖK) FIX
   ======================================================== */
html body .empty-content, html body .cart-empty { display: block !important; width: 100% !important; max-width: 800px !important; margin: 40px auto !important; text-align: center !important; color: #cbd5e1 !important; }

html body .empty-content .row, html body .cart-empty .row { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; gap: 20px !important; }

html body .empty-content .row > div, html body .cart-empty .row > div { width: 100% !important; max-width: 500px !important; flex: 0 0 100% !important; padding: 0 !important; margin: 0 auto !important; float: none !important; }

html body .empty-content h1, html body .cart-empty h1, html body .empty-content h2, html body .cart-empty h2, html body .empty-content h3, html body .cart-empty h3 { color: #ffffff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.7) !important; text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 15px !important; text-align: center !important; width: 100% !important; }

html body .empty-content > div, html body .empty-content .co-box, html body .cart-empty .co-box { background-color: #130c24 !important; border: 1px solid #332157 !important; border-radius: 12px !important; padding: 25px !important; margin: 0 auto 20px auto !important; box-shadow: 0 10px 25px rgba(0,0,0,0.5), inset 0 0 15px rgba(0, 229, 255, 0.05) !important; transition: all 0.3s ease !important; text-align: center !important; width: 100% !important; max-width: 500px !important; display: block !important; }
html body .empty-content > div:hover, html body .empty-content .co-box:hover, html body .cart-empty .co-box:hover { border-color: #00e5ff !important; box-shadow: 0 10px 30px rgba(0,0,0,0.8), 0 0 15px rgba(0, 229, 255, 0.2) !important; }

html body .empty-content ul { list-style: none !important; padding: 0 !important; margin: 15px auto !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: max-content !important; max-width: 100% !important;}

html body .empty-content ul li { margin-bottom: 10px !important; padding: 0 0 0 20px !important; position: relative !important; text-align: left !important; background: transparent !important; border: none !important; box-shadow: none !important; width: 100% !important; list-style: none !important;}

html body .empty-content ul li::before { content: "»" !important; position: absolute !important; left: 0 !important; color: #ff007f !important; font-weight: bold !important; text-shadow: 0 0 5px #ff007f !important; font-family: sans-serif !important; top: 0 !important; display: block !important; background: transparent !important;}
html body .empty-content ul li::after { display: none !important; content: none !important; }

html body .empty-content ul li a { display: inline !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; color: #00e5ff !important; text-decoration: none !important; font-weight: 700 !important; transition: all 0.2s ease !important; text-align: left !important; white-space: normal !important; }

html body .empty-content ul li a:hover { color: #ffffff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.8) !important; background: transparent !important; }

html body .empty-content form { display: flex !important; width: 100% !important; max-width: 400px !important; margin: 15px auto 0 auto !important; flex-wrap: nowrap !important;}
html body .empty-content input[type="text"] { flex-grow: 1 !important; width: 100% !important; background-color: #08050d !important; border: 1px solid #332157 !important; color: #ffffff !important; border-radius: 6px 0 0 6px !important; padding: 12px 15px !important; outline: none !important; margin: 0 !important; height: 44px !important; box-sizing: border-box !important;}
html body .empty-content input[type="text"]:focus { border-color: #00e5ff !important; box-shadow: 0 0 10px rgba(0, 229, 255, 0.5) !important; }
html body .empty-content button, html body .empty-content input[type="submit"] { background: linear-gradient(135deg, #00e5ff 0%, #4f46e5 100%) !important; color: #ffffff !important; border: none !important; border-radius: 0 6px 6px 0 !important; padding: 0 20px !important; font-weight: 800 !important; text-transform: uppercase !important; cursor: pointer !important; height: 44px !important; box-sizing: border-box !important; margin: 0 !important; transition: all 0.3s ease !important; flex-shrink: 0 !important; }
html body .empty-content button:hover, html body .empty-content input[type="submit"]:hover { box-shadow: 0 0 15px rgba(0, 229, 255, 0.6) !important; color: #ffffff !important; }

@media (max-width: 480px) {
    html body .empty-content form { flex-direction: column !important; }
    html body .empty-content input[type="text"] { border-radius: 6px 6px 0 0 !important; width: 100% !important; }
    html body .empty-content button, html body .empty-content input[type="submit"] { border-radius: 0 0 6px 6px !important; width: 100% !important; }
}

/* ========================================================
   18. KOSÁR LENYÍLÓ ABLAK ÉS LOGIN WIDGET (POPUP/FIXED) KÖZÉPRE
   ======================================================== */
html body .login-widget, 
html body .widget-wrapper .login-widget,
html body #login-panel,
html body .sliding-panel {
    position: fixed !important; 
    top: 50% !important; 
    left: 50% !important; 
    transform: translate(-50%, -50%) !important;
    right: auto !important; 
    bottom: auto !important; 
    width: 320px !important; 
    max-width: 90vw !important; 
    height: auto !important; 
    min-height: 0 !important;
    max-height: 90vh !important;
    margin: 0 !important;
    background-color: #130c24 !important; 
    border: 1px solid #00e5ff !important; 
    border-top: 3px solid #ec4899 !important; 
    border-radius: 12px !important; 
    padding: 20px !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.9), 0 0 20px rgba(0, 229, 255, 0.25) !important;
    z-index: 9999999 !important;
    transition: none !important; 
    animation: none !important;
    overflow-y: auto !important;
}

html body .popup-widget-inner, html body .sliding-panel-inner {
    background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important;
}

/* KOSÁR LENYÍLÓ (ASZTALI) */
html body .cart-dropdown {
    background-color: #130c24 !important; 
    border: 1px solid #00e5ff !important; 
    border-top: 3px solid #ec4899 !important; 
    border-radius: 12px !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.9), 0 0 20px rgba(0, 229, 255, 0.25) !important;
    z-index: 9999999 !important;
    min-width: 300px !important; max-width: 380px !important; width: max-content !important; padding: 0 !important; overflow-x: hidden !important;
}

@media (min-width: 992px) {
    html body .cart-widget .popup-widget, html body #cart-entry .popup-widget {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        transform: none !important;
    }
}

html body .cart-dropdown * { box-sizing: border-box !important; }
html body .cart-dropdown ul, html body .cart-widget-inner ul { list-style: none !important; padding: 0 15px !important; margin: 0 !important; }
html body .cart-dropdown li, html body .cart-widget-inner li { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px dashed #332157 !important; padding: 15px 0 !important; margin: 0 !important; width: 100% !important; background: transparent !important; transition: background-color 0.3s ease !important; }
html body .cart-dropdown li:hover, html body .cart-widget-inner li:hover { background-color: rgba(0, 229, 255, 0.05) !important; } 

html body .cart-dropdown li .image, html body .cart-dropdown li img { width: 40px !important; min-width: 40px !important; height: 40px !important; object-fit: contain !important; flex-shrink: 0 !important; margin-right: 10px !important; display: block !important; }

html body .cart-dropdown li .cart-item-name, html body .cart-dropdown li a.name { flex-grow: 1 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; text-align: left !important; white-space: normal !important; word-break: break-word !important; line-height: 1.2 !important; margin-right: 10px !important; text-decoration: none !important; }

html body .cart-widget input[type="text"], html body .cart-widget input[type="number"], html body .cart-widget .amount { background-color: #08050d !important; border: 1px solid #332157 !important; color: #00e5ff !important; border-radius: 4px !important; width: 40px !important; min-width: 40px !important; padding: 2px !important; text-align: center !important; display: inline-block !important; outline: none !important; flex-shrink: 0 !important; }
html body .cart-dropdown li .cart-item-amount, html body .cart-dropdown li .price { flex-shrink: 0 !important; color: #00e5ff !important; font-size: 13px !important; font-weight: 800 !important; white-space: nowrap !important; margin-left: 10px !important; }
html body .cart-dropdown li .cart-item-delete, html body .cart-dropdown li .remove-item { flex-shrink: 0 !important; color: #ff007f !important; font-size: 16px !important; margin-left: 10px !important; text-decoration: none !important; transition: all 0.3s ease !important; cursor: pointer !important; background: transparent !important; border: none !important; }
html body .cart-dropdown li .cart-item-delete:hover, html body .cart-dropdown li .remove-item:hover { color: #ffffff !important; text-shadow: 0 0 10px #ff007f !important; transform: scale(1.2) !important; }
html body .cart-dropdown .cart-free-shipping { display: block !important; width: calc(100% - 30px) !important; margin: 15px auto !important; text-align: center !important; }
html body .cart-dropdown .progress { background-color: #08050d !important; border: 1px solid #332157 !important; height: 10px !important; border-radius: 5px !important; margin-top: 8px !important; overflow: hidden !important; }
html body .cart-dropdown .progress-bar { background: linear-gradient(90deg, #00e5ff, #ec4899) !important; }
html body .cart-dropdown .text-danger, html body .cart-dropdown .color-danger, html body .cart-dropdown .cart-item-name small { color: #ff007f !important; text-shadow: 0 0 8px rgba(255, 0, 127, 0.8) !important; font-weight: 800 !important; font-size: 11px !important; display: block !important; margin-top: 5px !important; }
html body .cart-dropdown .btn { width: calc(100% - 30px) !important; margin: 10px auto 15px auto !important; display: block !important;}
html body .cart-dropdown .cart-empty { text-align: center !important; padding: 20px !important; color: #cbd5e1 !important; font-size: 14px !important; }

/* LOGIN ABLAK SZÖVEGEK ÉS GOMBOK */
html body .popup-widget-header h2, html body .login-widget .title, html body .login-widget h2 { font-size: 15px !important; text-align: center !important; margin-top: 0 !important; margin-bottom: 15px !important; color: #ffffff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.7) !important; font-weight: 800 !important; }
html body .login-widget label { font-size: 12px !important; color: #cbd5e1 !important; margin-bottom: 6px !important; display: block !important; text-transform: uppercase; letter-spacing: 0.5px; text-align: left !important; }
html body .login-widget .login-form a { display: block !important; text-align: center !important; font-size: 12px !important; margin-top: 8px !important; color: #00e5ff !important; transition: all 0.2s ease !important; text-decoration: none !important; }
html body .login-widget .login-form a:hover { color: #ffffff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.9) !important; }
html body .login-widget .btn-login { width: 100% !important; margin-top: 10px !important; margin-bottom: 15px !important; padding: 12px !important; font-size: 14px !important; }

/* ŰRLAP MEZŐK JAVÍTÁSA WIDGETEKBEN */
html body .popup-widget-inner input[type="text"], html body .popup-widget-inner input[type="password"], html body .popup-widget-inner input[type="email"], html body #login-form input[type="text"], html body #login-form input[type="password"], html body #login-form input[type="email"] { background-color: #08050d !important; border: 1px solid #332157 !important; color: #ffffff !important; border-radius: 6px !important; padding: 10px 14px !important; width: 100% !important; box-sizing: border-box !important; transition: all 0.3s ease !important; outline: none !important; }
html body .popup-widget-inner input:focus, html body #login-form input:focus { border-color: #00e5ff !important; box-shadow: 0 0 15px rgba(0, 229, 255, 0.5) !important; outline: none !important; }


/* ========================================================
   6. REGISZTRÁCIÓ ÉS JELSZÓ EMLÉKEZTETŐ 
   ======================================================== */

html body.one-column-body:not(.ordering-process) .content-inner { margin: 30px auto !important; max-width: 900px !important; padding: 40px !important; background-color: #0d081b !important; border: 1px solid #332157 !important; border-radius: 12px !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.9), inset 0 0 20px rgba(0, 229, 255, 0.05) !important; color: #cbd5e1 !important; }

html body #registration, html body .lost-password-wrapper, html body .password-recovery { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 auto !important; width: 100% !important; max-width: 550px !important; text-align: center !important; }

html body #registration h1, html body #registration h2, html body #registration h3, html body .lost-password-wrapper h1, html body .lost-password-wrapper h2 { text-align: center !important; color: #ffffff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.7) !important; text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 30px !important; }

html body #registration .form-group, html body .lost-password-wrapper .form-group, html body .password-recovery .form-group { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 auto 20px auto !important; }

html body #registration .form-group label, html body .lost-password-wrapper .form-group label, html body .password-recovery .form-group label { display: block !important; text-align: left !important; width: 100% !important; max-width: 380px !important; color: #cbd5e1 !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 8px !important; }

html body #registration input[type="text"], html body #registration input[type="email"], html body #registration input[type="password"], html body .lost-password-wrapper input[type="text"], html body .lost-password-wrapper input[type="email"], html body .password-recovery input[type="text"], html body .password-recovery input[type="email"] { background-color: #08050d !important; border: 1px solid #332157 !important; color: #ffffff !important; border-radius: 6px !important; padding: 12px 14px !important; width: 100% !important; max-width: 380px !important; box-sizing: border-box !important; transition: all 0.3s ease !important; outline: none !important; text-align: left !important; display: block !important; margin: 0 auto !important; }
html body #registration input:focus, html body .lost-password-wrapper input:focus, html body .password-recovery input:focus { border-color: #00e5ff !important; box-shadow: 0 0 15px rgba(0, 229, 255, 0.5) !important; }

html body #registration .form-group.checkbox { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; max-width: 380px !important; margin: 15px auto !important; }
html body #registration .form-group.checkbox label { text-align: left !important; text-transform: none !important; margin-bottom: 0 !important; line-height: 1.4 !important; flex-grow: 1 !important; }
html body #registration .form-group.checkbox input[type="checkbox"] { margin-top: 3px !important; margin-right: 12px !important; width: auto !important; flex-shrink: 0 !important; accent-color: #00e5ff !important; }

html body #registration .btn, html body .lost-password-wrapper .btn, html body .password-recovery .btn { display: block !important; margin: 30px auto 0 auto !important; min-width: 250px !important; }


/* ========================================================
   7. KASSZA / RENDELÉS (CHECKOUT) ASZTALI ÉS MOBIL NÉZET
   ======================================================== */
   
/* KASSZA KÜLSŐ, EGYETLEN KERETE ÉS TÖKÉLETES FIXÁLT ELRENDEZÉS */
html body.ordering-process .content-inner { max-width: 1200px !important; padding: 30px !important; background-color: #0d081b !important; border: 1px solid #00e5ff !important; border-radius: 12px !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.9) !important; margin: 30px auto !important; }

/* KASSZA (CHECKOUT) OSZLOPOK SZÉTCSÚSZÁSÁNAK JAVÍTÁSA (NATIVE STICKY) */
@media (min-width: 992px) {
    html body.ordering-process .cart-inner { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: space-between !important; gap: 30px !important; }
    html body.ordering-process .cart-inner > .cart-content { width: 65% !important; max-width: 65% !important; flex: 0 0 65% !important; margin: 0 !important; }
    html body.ordering-process .cart-inner > #advanced-order { width: 32% !important; max-width: 32% !important; flex: 0 0 32% !important; position: sticky !important; top: 20px !important; right: 0 !important; margin: 0 !important; }
}

/* BELSŐ FELESLEGES KERETEK ÉS ÁRNYÉKOK TÖRLÉSE (HOGY CSAK 1 KERET LEGYEN) */
html body.ordering-process .checkout-box, html body.ordering-process .cart-content, html body.ordering-process #advanced-order { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; }

/* JOBB OLDALI ÖSSZEGZŐ (ADVANCED ORDER) FINOMÍTÁSA */
html body.ordering-process #advanced-order { background-color: #130c24 !important; border-radius: 12px !important; padding: 25px !important; }

/* VÉGLEGES LETISZTULT ÁLLAPOTJELZŐ (PROGRESS BAR) "SIMA ALAP KINÉZET" (NEM CSÚSZIK LE!) */
html body.ordering-process ol.cart-header,
html body.ordering-process ol.cart-header.fixed,
html body.ordering-process ol.cart-header.is-sticky,
html body.ordering-process .header-top.fixed { 
    position: relative !important; 
    top: auto !important; left: auto !important; right: auto !important; transform: none !important;
    display: flex !important; justify-content: space-between !important; align-items: center !important; 
    background-color: #130c24 !important; border: 1px solid #332157 !important; border-radius: 8px !important; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important; padding: 10px !important; margin: 0 auto 30px auto !important; 
    overflow: visible !important; list-style: none !important; z-index: 10 !important; width: 100% !important; max-width: 1200px !important;
}

html body.ordering-process ol.cart-header li { flex: 1 !important; display: block !important; padding: 10px !important; color: #cbd5e1 !important; border: none !important; border-right: 1px dashed #332157 !important; font-weight: normal !important; font-size: 14px !important; text-align: center !important; text-transform: none !important; opacity: 0.6 !important; transition: all 0.3s ease !important; background: transparent !important; }
html body.ordering-process ol.cart-header li:last-child { border-right: none !important; }
html body.ordering-process ol.cart-header li.active { color: #00e5ff !important; font-weight: bold !important; opacity: 1 !important; text-shadow: none !important; background: transparent !important; }

html body.ordering-process ol.cart-header li strong { display: none !important; content: none !important; }
html body.ordering-process ol.cart-header li::before, html body.ordering-process ol.cart-header li::after { display: none !important; content: none !important; }
html body.ordering-process ol.cart-header li.active::after { display: none !important; content: none !important; }

@media (max-width: 768px) {
    html body.ordering-process ol.cart-header { flex-direction: column !important; gap: 5px !important; }
    html body.ordering-process ol.cart-header li { width: 100% !important; border-right: none !important; border-bottom: 1px dashed #332157 !important; padding: 10px 0 !important; }
    html body.ordering-process ol.cart-header li:last-child { border-bottom: none !important; }
}

html body.ordering-process .form-group { display: block !important; width: 100% !important; margin-bottom: 20px !important; text-align: left !important; }
html body.ordering-process label { display: inline-block !important; width: 100% !important; text-align: left !important; color: #cbd5e1 !important; font-size: 12px !important; text-transform: uppercase !important; margin-bottom: 5px !important; }

/* CSAK A KASSZA ŰRLAP MEZŐIT STÍLUSOZZA, NEM BLOKKOLJA A REJTETT MEZŐKET! */
html body.ordering-process .form-group input[type="text"], 
html body.ordering-process .form-group input[type="email"], 
html body.ordering-process .form-group input[type="tel"], 
html body.ordering-process .form-group input[type="password"] { 
    background-color: #08050d !important; border: 1px solid #332157 !important; color: #ffffff !important; border-radius: 6px !important; padding: 12px 14px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; transition: all 0.3s ease !important; outline: none !important; 
}
html body.ordering-process .form-group select:not([style*="none"]):not(.hidden) {
    background-color: #08050d !important; border: 1px solid #332157 !important; color: #ffffff !important; border-radius: 6px !important; padding: 12px 14px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; outline: none !important;
}

html body.ordering-process .form-group input:focus, html body.ordering-process .form-group select:focus { border-color: #00e5ff !important; box-shadow: 0 0 10px rgba(0, 229, 255, 0.5) !important; }

/* DUPLA ORSZÁGVÁLASZTÓ (ELREJTETT SELECTEK) JAVÍTÁSA */
html body.ordering-process select[name="phonePrefix"],
html body.ordering-process .iti__hide,
html body.ordering-process .hide,
html body.ordering-process .hidden,
html body.ordering-process [style*="display: none"] {
    display: none !important;
}

/* TELEFONSZÁM BLOKK TELJES SZÉLESSÉGE */
html body.ordering-process .iti { width: 100% !important; display: block !important; }

/* KÉK PONTOK ÉS LISTA STÍLUSOK ELTÜNTETÉSE A KASSZÁN (CHECKBOXOKNÁL IS) */
html body.ordering-process ul, html body.ordering-process .form-group ul, html body.ordering-process .styled-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
html body.ordering-process ul li, html body.ordering-process .form-group ul li, html body.ordering-process .styled-list li { list-style: none !important; margin-bottom: 10px !important; padding-left: 0 !important; background: none !important; }
html body.ordering-process ul li::before, html body.ordering-process ul li::after, html body.ordering-process .form-group ul li::before, html body.ordering-process .styled-list li::before { display: none !important; content: none !important; background: none !important; }

/* CHECKBOX KINÉZET KASSZA OLDALON */
html body.ordering-process .form-group.checkbox, html body.ordering-process .checkbox { display: flex !important; flex-direction: row !important; align-items: flex-start !important; }
html body.ordering-process input[type="checkbox"] { margin-top: 4px !important; margin-right: 10px !important; accent-color: #00e5ff !important; width: auto !important; }
html body.ordering-process .checkbox label { display: inline !important; text-transform: none !important; line-height: 1.4 !important; font-size: 13px !important; }

html body.ordering-process .login-wrapper { width: 100% !important; display: flex !important; justify-content: flex-end !important; margin-bottom: 20px !important; }

html body.ordering-process .cart-table { width: 100% !important; border-collapse: collapse !important; }
html body.ordering-process .cart-table th { color: #cbd5e1 !important; border-bottom: 2px solid #332157 !important; padding: 10px !important; text-align: left !important; }
html body.ordering-process .cart-table td { border-bottom: 1px dashed #332157 !important; padding: 15px 10px !important; vertical-align: middle !important; }
html body.ordering-process .cart-table tr:last-child td { border-bottom: none !important; }
html body.ordering-process .cart-table .p-image { background: transparent !important; border: none !important; width: 80px !important; }
html body.ordering-process .cart-table .p-image img { max-width: 100% !important; border-radius: 6px !important; }
html body.ordering-process .cart-table .main-link { color: #ffffff !important; font-size: 16px !important; font-weight: 800 !important; text-decoration: none !important; display: block !important; margin-bottom: 5px !important; }
html body.ordering-process .cart-table .main-link:hover { color: #00e5ff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.8) !important; }
html body.ordering-process .cart-table input.amount { background-color: #08050d !important; border: 1px solid #332157 !important; color: #00e5ff !important; font-weight: bold !important; border-radius: 6px !important; text-align: center !important; width: 50px !important; padding: 5px !important; outline: none !important; }
html body.ordering-process .cart-table .p-price, html body.ordering-process .cart-table .p-total { color: #ffffff !important; font-weight: 700 !important; font-size: 16px !important; }
html body.ordering-process .cart-table .remove-item { color: #ff007f !important; text-decoration: none !important; font-size: 18px !important; transition: all 0.3s ease !important; cursor: pointer !important; border: none !important; background: transparent !important;}
html body.ordering-process .cart-table .remove-item:hover { color: #ffffff !important; text-shadow: 0 0 10px #ff007f !important; transform: scale(1.2) !important; display: inline-block; }

html body.ordering-process h4, html body.ordering-process .summary-title { color: #ffffff !important; font-weight: 800 !important; text-transform: uppercase !important; border-bottom: 1px dashed #332157 !important; padding-bottom: 10px !important; margin-bottom: 15px !important; text-shadow: 0 0 8px rgba(236, 72, 153, 0.6) !important; }
html body.ordering-process .price-wrapper { margin-top: 20px !important; border-top: 1px dashed #332157 !important; padding-top: 20px !important; }
html body.ordering-process .price-final { color: #00e5ff !important; font-size: 26px !important; font-weight: 900 !important; text-shadow: 0 0 12px rgba(0, 229, 255, 0.6) !important; }
html body.ordering-process .next-step { display: flex !important; flex-direction: column !important; gap: 15px !important; margin-top: 20px !important; }
html body.ordering-process .next-step .btn { width: 100% !important; margin: 0 !important; padding: 15px !important; font-size: 16px !important; }

/* ========================================================
   8. FŐOLDALI KÉPEK ÉS BEKEZDÉSEK KÖZÉPRE IGAZÍTÁSA
   ======================================================== */
html body #content-wrapper .content-inner p,
html body #content-wrapper .content-inner .text-editor { text-align: center !important; width: 100% !important; }
html body #content-wrapper .content-inner p img, html body #content-wrapper .content-inner > img, html body #content-wrapper .text-editor img { display: block !important; margin-left: auto !important; margin-right: auto !important; max-width: 100% !important; height: auto !important; float: none !important; }

/* ========================================================
   9. ÜDVÖZLŐ SZÖVEG, KÖZÖSSÉGI IKONOK ÉS LÁBLÉC
   ======================================================== */
.welcome { background: linear-gradient(145deg, #130c24 0%, #080410 100%) !important; border: 1px solid #4f46e5 !important; border-radius: 12px !important; padding: 45px 30px !important; margin-top: 30px !important; margin-bottom: 35px !important; position: relative !important; overflow: hidden !important; animation: boxBreathe 6s infinite ease-in-out !important; }
.welcome::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #00e5ff, #4f46e5, #ff007f, #00e5ff) !important; background-size: 300% 100% !important; animation: gradientShift 4s linear infinite !important; }
.welcome h1 { background: linear-gradient(90deg, #00e5ff 0%, #ec4899 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; color: transparent !important; text-transform: uppercase !important; font-weight: 900 !important; font-size: 30px !important; letter-spacing: 1px !important; margin-bottom: 20px !important; text-align: center !important; filter: drop-shadow(0px 0px 8px rgba(236, 72, 153, 0.4)) !important; }
.welcome p { color: #e2e8f0 !important; font-size: 16px !important; line-height: 1.8 !important; text-align: center !important; max-width: 800px !important; margin: 0 auto !important; }
.welcome a { color: #00e5ff !important; font-weight: 800 !important; text-decoration: none !important; border-bottom: 1px dashed #00e5ff !important; padding-bottom: 2px !important; transition: all 0.3s ease !important; }
.welcome a:hover { color: #ff007f !important; border-bottom-color: #ff007f !important; text-shadow: 0 0 10px rgba(255, 0, 127, 0.8) !important; }

.social-icons-custom { display: flex !important; justify-content: center !important; align-items: center !important; gap: 20px !important; margin-top: 30px !important; width: 100% !important; }
.social-icons-custom a { display: flex !important; align-items: center !important; justify-content: center !important; width: 50px !important; height: 50px !important; border-radius: 50% !important; background: #25163d !important; border: 2px solid #00e5ff !important; transition: all 0.3s ease !important; text-decoration: none !important; border-bottom: none !important; padding: 0 !important; }
.social-icons-custom a svg, .social-icons-custom a i { fill: #00e5ff !important; color: #00e5ff !important; transition: all 0.3s ease !important; width: 24px !important; height: 24px !important; font-size: 24px !important; display: flex; justify-content: center; align-items: center; }
.social-icons-custom a:hover { background: #00e5ff !important; box-shadow: 0 0 20px rgba(0, 229, 255, 0.6) !important; transform: translateY(-5px) scale(1.1) !important; }
.social-icons-custom a:hover svg, .social-icons-custom a:hover i { fill: #150d22 !important; color: #150d22 !important; }
.social-icons-custom a.insta:hover { background: #ec4899 !important; border-color: #ec4899 !important; box-shadow: 0 0 20px rgba(236, 72, 153, 0.6) !important; }
.social-icons-custom a.insta:hover svg, .social-icons-custom a.insta:hover i { fill: #ffffff !important; color: #ffffff !important; }

#footer, footer, .footer-top, .footer-bottom, .custom-footer { background-color: #08050d !important; border: 1px solid #332157 !important; color: #cbd5e1 !important; }
.footer-bottom { background-color: #050309 !important; border-top: 1px solid rgba(51, 33, 87, 0.6) !important; }
#footer h1, #footer h2, #footer h3 { color: #ffffff !important; font-weight: 700 !important; text-transform: uppercase !important; animation: neonPulse 4s infinite alternate !important; margin-bottom: 12px !important; }
#footer a { color: #cbd5e1 !important; text-decoration: none !important; transition: all 0.3s ease !important; }
#footer a:hover { color: #00e5ff !important; text-shadow: 0 0 8px rgba(0, 229, 255, 0.6) !important; }
#footer .site-name, #footer .logo, .footer-bottom .logo, .footer-bottom .site-name, .footer-logo, .site-footer .logo-wrapper, #footer img, .footer-bottom img { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; }

/* --------------------------------------------------------
   10. ALKATEGÓRIA DOBOZOK (KATEGÓRIA OLDALON FENT)
   -------------------------------------------------------- */
html body #content-wrapper .subcategories { margin-bottom: 40px !important; }
html body #content-wrapper .subcategories ul { display: flex !important; flex-wrap: wrap !important; gap: 15px !important; padding: 0 !important; margin: 0 !important; }
html body #content-wrapper .subcategories li { list-style: none !important; flex: 1 1 calc(25% - 15px) !important; min-width: 180px !important; margin: 0 !important; background: none !important;}

html body #content-wrapper .subcategories li a { display: flex !important; align-items: center !important; justify-content: flex-start !important; background-color: #130c24 !important; border: 1px solid #332157 !important; border-radius: 8px !important; padding: 12px 15px !important; color: #ffffff !important; text-decoration: none !important; font-weight: 700 !important; transition: all 0.3s ease !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important; }
html body #content-wrapper .subcategories li a:hover { border-color: #00e5ff !important; color: #00e5ff !important; box-shadow: 0 5px 20px rgba(0, 229, 255, 0.4) !important; transform: translateY(-3px) !important; }
html body #content-wrapper .subcategories li a img { max-width: 40px !important; height: auto !important; margin-right: 15px !important; border-radius: 4px !important; display: block !important; }

/* --------------------------------------------------------
   11. TERMÉKKÁRTYÁK
   -------------------------------------------------------- */
.products-block > div, .products > div, .products-block > div:nth-child(3n), .products-block > div:nth-child(3), .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { border: none !important; background: transparent !important; }
.products-block.products > div, .products-block > div { padding: 15px !important; }

.products-block .p, .product, .product-list .product { background-color: #130c24 !important; border: 1px solid #332157 !important; border-radius: 12px !important; padding: 15px !important; transition: all 0.3s ease !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important; display: flex !important; flex-direction: column !important; height: 100% !important; position: relative !important; overflow: hidden !important; }
.products-block .p:hover, .product:hover { border-color: #00e5ff !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 229, 255, 0.3) !important; transform: translateY(-5px) !important; }
.products-block .p .image { border-radius: 8px !important; overflow: hidden !important; margin-bottom: 15px !important; }
.products-block .p .image img, .product .image img { transition: transform 0.5s ease !important; }
.products-block .p:hover .image img, .product:hover .image img { transform: scale(1.05) !important; }
.products-block .p .price { color: #00e5ff !important; font-size: 18px !important; font-weight: 900 !important; text-shadow: 0 0 5px rgba(0, 229, 255, 0.5) !important; margin-top: auto !important; padding-top: 10px !important; }
.availability { color: #cbd5e1 !important; font-size: 12px !important; }
.availability.in-stock { color: #10b981 !important; text-shadow: 0 0 5px rgba(16, 185, 129, 0.5) !important; }
.p .name, .p .name a, .products-block .name, .products-block .name a, .products .name, .products .name a, .product-name, .product-name a, .products-block.products .p .name, .products-block.products .p .name a { color: #ffffff !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; }
.p .name:hover, .p .name a:hover, .products-block .name:hover, .products-block .name a:hover, .products .name:hover, .products .name a:hover, .product-name:hover, .product-name a:hover, .products-block.products .p .name:hover, .products-block.products .p .name a:hover { color: #00e5ff !important; text-shadow: 0 0 10px rgba(0, 229, 255, 0.8) !important; }

/* --------------------------------------------------------
   12. BANNEREK (FŐOLDALI KÉP) - ERŐSZAKOS KÖZÉPRE ZÁRÁS
   -------------------------------------------------------- */
html body #content-wrapper .row, html body #content-wrapper .banners-row { margin-left: 0 !important; margin-right: 0 !important; position: relative !important; z-index: 1 !important; display: block !important; text-align: center !important;}

html body #content-wrapper .top-banner, 
html body #content-wrapper .banners-row.top-banners,
html body #content-wrapper .banner-wrapper:first-child,
html body .content-in > .banner-wrapper { 
    display: block !important; text-align: center !important; width: 100% !important; max-width: 100% !important; margin: 30px auto 40px auto !important; padding: 0 15px !important; float: none !important; clear: both !important;
}

html body #content-wrapper .banner { background-color: transparent !important; border: none !important; display: inline-block !important; width: auto !important; max-width: 900px !important; margin: 0 auto !important; float: none !important; text-align: center !important;}

html body #content-wrapper .banner a, html body #content-wrapper .banner-wrapper a { display: inline-block !important; margin: 0 auto !important; text-align: center !important; float: none !important; clear: both !important; width: auto !important; max-width: 100% !important;}

html body #content-wrapper .banner img, html body #content-wrapper .banner-wrapper img { display: inline-block !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 450px !important; object-fit: contain !important; border-radius: 8px !important; margin: 0 auto !important; float: none !important; clear: both !important;}

.banners-row:not(.top-banners) { display: flex !important; flex-wrap: wrap !important; gap: 30px !important; justify-content: center !important; margin: 40px auto !important; max-width: 1200px !important; padding: 0 15px !important; }
.banners-row:not(.top-banners) > div { padding: 0 !important; flex: 1 1 calc(50% - 15px) !important; min-width: 300px !important; display: flex !important; justify-content: center !important; }
.banners-row:not(.top-banners) .banner { background-color: #130c24 !important; border: 1px solid #332157 !important; border-radius: 12px !important; overflow: hidden !important; position: relative !important; transition: all 0.4s ease !important; box-shadow: 0 10px 25px rgba(0,0,0,0.8), inset 0 0 15px rgba(0, 229, 255, 0.05) !important; display: block !important; height: 100% !important; width: 100% !important; z-index: 1 !important; margin: 0 auto !important; float: none !important;}
.banners-row:not(.top-banners) .banner:hover { border-color: #00e5ff !important; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 20px rgba(0, 229, 255, 0.3) !important; transform: translateY(-5px) !important; }
.banners-row:not(.top-banners) .banner img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border-radius: 12px !important; transition: transform 0.5s ease !important; margin: 0 auto !important; float: none !important;}
.banners-row:not(.top-banners) .banner:hover img { transform: scale(1.03) !important; }