/*
Theme Name: Rebory Child
Theme URI: https://rebory.net
Description: Rebory visual + sticky baseline
Author: Rebory
Template: neve
Version: 1.9.25
Text Domain: rebory
*/

/* =========================================================
   0) DESIGN TOKENS
   Sharp chrome (nav + CTA + sticky) vs softer page surfaces
   ========================================================= */
:root {
  --rb-bg: #121417;
  --rb-bg-elevated: #1a1d22;
  --rb-surface: #22262c;
  --rb-text: #f3f4f6;
  --rb-text-muted: #a1a8b3;
  --rb-accent: #00e5ff;
  --rb-accent-soft: rgba(0, 229, 255, 0.12);
  --rb-brand: #7CFC00;
  --rb-brand-deep: #5ed000;
  --rb-nav: #51f219;          /* BB lime — big green rects */
  --rb-nav-hover: #6cff3a;
  --rb-nav-text: #000000;
  --rb-support: #fcae1e;
  --rb-support-panel: #f5a623;
  --rb-radius-sharp: 4px;     /* green menu + CTA + sticky — soft rect */
  --rb-radius: 12px;          /* cards / photos / page surfaces */
  --rb-radius-soft: 10px;     /* forms */
  --rb-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  --rb-shadow-soft: 0 6px 20px rgba(0, 0, 0, 0.22);
  --rb-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rb-space: 1.25rem;
}

html { scroll-behavior: smooth; }

/* =========================================================
   1) GLOBAL READABILITY / BASE
   ========================================================= */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Page canvas: dark + fixed Rebory watermark (old style).
   Extra edge-light layer travels along letter silhouettes. */
body.custom-background {
  background-color: #121417 !important;
  background-image: url("https://rebory.net/wp-content/uploads/2025/10/rebory-2025-sona5.avif") !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Transparent wrappers so fixed watermark stays visible */
.wrapper,
.nv-single-page-wrap,
.nv-content-wrap,
.page-template-template-pagebuilder-full-width .nv-content-wrap,
.neve-main,
.nv-single-page-wrap .nv-page-title-wrap {
  background-color: transparent !important;
  background-image: none !important;
}

/* =========================================================
   WATERMARK EDGE LIGHT — DOM + clip-path (see watermark-light.js)
   ========================================================= */
.rebory-wm-root {
  position: fixed !important;
  inset: 0 !important;
  z-index: 8 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
.rebory-wm-box {
  position: absolute !important;
  pointer-events: none !important;
}
.rebory-wm-base,
.rebory-wm-hot {
  pointer-events: none !important;
}
.rebory-wm-hot {
  /* clip-path animated in JS — full bright logo reveal */
}



/* Subtle white neon on headings — very light */
.fl-module-heading .fl-heading,
.fl-module-heading .fl-heading-text,
.fl-module-heading h1,
.fl-module-heading h2,
.fl-module-heading h3,
.wpzabb-heading,
.wpzabb-heading-text,
.wpzabb-heading .wpzabb-heading-text,
h1.fl-heading,
h2.fl-heading,
h3.fl-heading {
  text-shadow:
    0 0 1px rgba(255, 255, 255, 0.28),
    0 0 6px rgba(255, 255, 255, 0.18),
    0 0 14px rgba(255, 255, 255, 0.12),
    0 0 28px rgba(255, 255, 255, 0.07) !important;
}

/* Green submenu keeps green fill; JS adds living neon shadow */
.fl-menu .sub-menu > li > a,
.fl-menu .sub-menu > li > .fl-has-submenu-container > a {
  transition: box-shadow 0.2s ease !important;
}

/* =========================================================
   2) HEADER — languages + support polish (NOT position logic)
   ========================================================= */
.builder-item--custom_html .nv-html-content a,
.builder-item--custom_html a {
  transition: color 0.2s var(--rb-ease), opacity 0.2s var(--rb-ease);
  opacity: 0.85;
  letter-spacing: 0.04em;
  font-size: 13px !important;
}
.builder-item--custom_html a:hover {
  opacity: 1;
  color: #fff !important;
}

/* Sticky support — old style: 4px rect, yellow outline, no glow */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  border-radius: 4px !important;
  letter-spacing: 0.01em;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
  box-shadow: none !important;
  filter: none !important;
}

/* =========================================================
   3) MAIN GREEN NAV
   Desktop (min 993): solid horizontal green bar + absolute dropdowns
   Mobile/medium (max 992): BB accordion toggle — do NOT force display
   ========================================================= */

/* Module sits above hero text so nothing shows through */
.fl-module-menu,
.fl-module-menu .fl-module-content,
.fl-menu {
  position: relative !important;
  z-index: 50 !important;
  isolation: isolate;
}

/* ---------- DESKTOP ONLY: continuous green bar ----------
   Same total width on DE / EN / TR (equal flex segments).
*/
@media (min-width: 993px) {
  /* ONE solid green bar — full shared width across languages */
  .fl-menu .menu.fl-menu-horizontal,
  .fl-node-tk48elimundq .fl-menu .menu.fl-menu-horizontal,
  .fl-node-el4wzbvck290 .fl-menu .menu.fl-menu-horizontal,
  .fl-node-g3rphjs52xz9 .fl-menu .menu.fl-menu-horizontal,
  .fl-node-ryu05ahtlw2q .fl-menu .menu.fl-menu-horizontal,
  .fl-node-f28wu1rkpnyv .fl-menu .menu.fl-menu-horizontal,
  .fl-node-e9ih0qy3ktvb .fl-menu .menu.fl-menu-horizontal {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #51f219 !important; /* solid, never rgba */
    background-image: none !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
    overflow: visible !important; /* dropdowns */
    /* Same bar box DE/EN/TR */
    width: 100% !important;
    max-width: 1100px !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .fl-menu .menu.fl-menu-horizontal > li {
    display: block !important;
    float: none !important;
    position: relative !important;
    flex: 1 1 0 !important; /* equal segments → same total width all langs */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background-color: #51f219 !important;
    opacity: 1 !important;
    overflow: visible !important;
    max-width: none !important;
    min-width: 0 !important;
    vertical-align: stretch;
  }

  .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container {
    display: block !important;
    background-color: #51f219 !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > a,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a,
  .fl-node-tk48elimundq .fl-menu .menu.fl-menu-horizontal > li > a,
  .fl-node-tk48elimundq .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a,
  .fl-node-el4wzbvck290 .fl-menu .menu.fl-menu-horizontal > li > a,
  .fl-node-el4wzbvck290 .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a,
  .fl-node-g3rphjs52xz9 .fl-menu .menu.fl-menu-horizontal > li > a,
  .fl-node-g3rphjs52xz9 .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a,
  .fl-node-ryu05ahtlw2q .fl-menu .menu.fl-menu-horizontal > li > a,
  .fl-node-ryu05ahtlw2q .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a,
  .fl-node-f28wu1rkpnyv .fl-menu .menu.fl-menu-horizontal > li > a,
  .fl-node-f28wu1rkpnyv .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a,
  .fl-node-e9ih0qy3ktvb .fl-menu .menu.fl-menu-horizontal > li > a,
  .fl-node-e9ih0qy3ktvb .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a {
    display: block !important;
    background-color: #51f219 !important;
    background-image: none !important;
    color: #000 !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-align: center !important;
    padding: 18px 14px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    transform: none !important;
    -webkit-font-smoothing: antialiased;
  }

  .fl-menu .menu.fl-menu-horizontal > li + li {
    border-left: 1px solid rgba(0, 0, 0, 0.14) !important;
    background-color: #51f219 !important;
  }

  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > a:hover,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a:hover,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li.current-menu-item > a,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li.current-menu-item > .fl-has-submenu-container > a,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li.fl-active > a,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li.fl-active > .fl-has-submenu-container > a,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li:hover > a,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li:hover > .fl-has-submenu-container > a,
  .fl-node-tk48elimundq .menu-item :is(*:focus, a:hover, .fl-has-submenu-container:hover > *),
  .fl-node-tk48elimundq .current-menu-item > a,
  .fl-node-tk48elimundq .current-menu-item > .fl-has-submenu-container > *,
  .fl-node-el4wzbvck290 .menu-item :is(*:focus, a:hover, .fl-has-submenu-container:hover > *),
  .fl-node-el4wzbvck290 .current-menu-item > a,
  .fl-node-el4wzbvck290 .current-menu-item > .fl-has-submenu-container > * {
    background-color: #6cff3a !important;
    color: #000 !important;
    opacity: 1 !important;
  }

  .fl-builder-content .fl-menu-horizontal.fl-toggle-arrows .fl-has-submenu-container > a,
  .fl-node-tk48elimundq .fl-menu-horizontal.fl-toggle-arrows .fl-has-submenu-container a,
  .fl-node-el4wzbvck290 .fl-menu-horizontal.fl-toggle-arrows .fl-has-submenu-container a,
  .fl-node-g3rphjs52xz9 .fl-menu-horizontal.fl-toggle-arrows .fl-has-submenu-container a,
  .fl-node-ryu05ahtlw2q .fl-menu-horizontal.fl-toggle-arrows .fl-has-submenu-container a,
  .fl-node-f28wu1rkpnyv .fl-menu-horizontal.fl-toggle-arrows .fl-has-submenu-container a,
  .fl-node-e9ih0qy3ktvb .fl-menu-horizontal.fl-toggle-arrows .fl-has-submenu-container a {
    padding-left: 14px !important;
    padding-right: 36px !important;
    min-width: 0 !important;
  }

  .fl-builder-content .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle,
  .fl-node-tk48elimundq .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle,
  .fl-node-el4wzbvck290 .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle {
    width: 34px !important;
  }

  .fl-node-tk48elimundq .fl-menu .fl-toggle-arrows .fl-menu-toggle:before,
  .fl-node-el4wzbvck290 .fl-menu .fl-toggle-arrows .fl-menu-toggle:before,
  .fl-builder-content .fl-menu .fl-toggle-arrows .fl-menu-toggle:before {
    border-color: #000 !important;
  }

  /* Submenus: solid green slab under item (hover dropdown) */
  .fl-menu .menu.fl-menu-horizontal > li > .sub-menu,
  .fl-menu .sub-menu {
    position: absolute !important;
    z-index: 100 !important;
    top: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 0 4px 4px !important;
    background-color: #51f219 !important;
    background-image: none !important;
    opacity: 1 !important;
    min-width: 100% !important;
    width: max-content !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
  }

  .fl-menu .sub-menu > li {
    background-color: #51f219 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 1 !important;
  }

  .fl-menu .sub-menu > li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.14) !important;
  }

  .fl-menu .sub-menu > li > a,
  .fl-menu .sub-menu > li > .fl-has-submenu-container > a {
    background-color: #51f219 !important;
    color: #000 !important;
    opacity: 1 !important;
    white-space: nowrap !important;
    border-radius: 0 !important;
    padding: 16px 36px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    min-width: 14rem !important;
    text-align: left !important;
    box-shadow: none !important;
  }

  .fl-menu .sub-menu > li > a:hover,
  .fl-menu .sub-menu > li > .fl-has-submenu-container > a:hover {
    background-color: #6cff3a !important;
    color: #000 !important;
    opacity: 1 !important;
  }

  .fl-node-tk48elimundq .fl-menu .sub-menu,
  .fl-node-el4wzbvck290 .fl-menu .sub-menu {
    background-color: #51f219 !important;
    background-image: none !important;
    opacity: 1 !important;
    border: none !important;
    -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
  }
}

/* ---------- MOBILE / MEDIUM: BB accordion toggle ----------
   BB hides ul.menu until .fl-menu-mobile-toggle is clicked.
   Never force display:inline-flex here — that killed the accordion.
*/
/* Mobile/tablet-S only (≤959 = Neve mobile). Avoid 960–992 hybrid. */
@media (max-width: 959px) {
  /* Menu toggle = full-width green bar (match TR) */
  .fl-menu .fl-menu-mobile-toggle,
  .fl-menu .fl-menu-mobile-toggle.text,
  .fl-node-el4wzbvck290 .fl-menu .fl-menu-mobile-toggle,
  .fl-node-tk48elimundq .fl-menu .fl-menu-mobile-toggle,
  .fl-node-f28wu1rkpnyv .fl-menu .fl-menu-mobile-toggle,
  .fl-node-e9ih0qy3ktvb .fl-menu .fl-menu-mobile-toggle,
  .fl-node-g3rphjs52xz9 .fl-menu .fl-menu-mobile-toggle,
  .fl-node-ryu05ahtlw2q .fl-menu .fl-menu-mobile-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 0 8px !important;
    padding: 12px 18px !important;
    background-color: #51f219 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 4px !important;
    font-family: Jura, sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
  }

  .fl-menu .fl-menu-mobile-toggle:hover,
  .fl-menu .fl-menu-mobile-toggle.fl-active,
  .fl-node-el4wzbvck290 .fl-menu .fl-menu-mobile-toggle:hover,
  .fl-node-el4wzbvck290 .fl-menu .fl-menu-mobile-toggle.fl-active,
  .fl-node-tk48elimundq .fl-menu .fl-menu-mobile-toggle:hover,
  .fl-node-tk48elimundq .fl-menu .fl-menu-mobile-toggle.fl-active,
  .fl-node-f28wu1rkpnyv .fl-menu .fl-menu-mobile-toggle:hover,
  .fl-node-f28wu1rkpnyv .fl-menu .fl-menu-mobile-toggle.fl-active,
  .fl-node-g3rphjs52xz9 .fl-menu .fl-menu-mobile-toggle:hover,
  .fl-node-g3rphjs52xz9 .fl-menu .fl-menu-mobile-toggle.fl-active {
    background-color: #6cff3a !important;
    color: #000 !important;
  }

  .fl-menu .fl-menu-mobile-toggle rect,
  .fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu rect,
  .fl-menu .fl-menu-mobile-toggle.hamburger-label .hamburger-menu rect {
    fill: #000 !important;
  }

  /* Do NOT force display — BB/jQuery set display:none until toggle */
  .fl-menu .menu.fl-menu-horizontal,
  .fl-node-el4wzbvck290 .fl-menu ul.menu,
  .fl-node-tk48elimundq .fl-menu ul.menu {
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #51f219 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
    white-space: normal !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }

  .fl-menu .menu.fl-menu-horizontal > li,
  .fl-node-el4wzbvck290 .fl-menu .menu > li,
  .fl-node-tk48elimundq .fl-menu .menu > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-left: none !important;
    background-color: #51f219 !important;
    position: relative !important;
  }

  .fl-menu .menu.fl-menu-horizontal > li + li,
  .fl-node-el4wzbvck290 .fl-menu .menu > li + li,
  .fl-node-tk48elimundq .fl-menu .menu > li + li {
    border-left: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.14) !important;
  }

  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > a,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a,
  .fl-node-el4wzbvck290 .fl-menu .menu > li > a,
  .fl-node-el4wzbvck290 .fl-menu .menu > li > .fl-has-submenu-container > a,
  .fl-node-tk48elimundq .fl-menu .menu > li > a,
  .fl-node-tk48elimundq .fl-menu .menu > li > .fl-has-submenu-container > a {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    background-color: #51f219 !important;
    color: #000 !important;
    opacity: 1 !important;
    white-space: normal !important;
    text-align: left !important;
    padding: 14px 48px 14px 18px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > a:hover,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a:hover,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li.fl-active > a,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li.fl-active > .fl-has-submenu-container > a,
  .fl-node-el4wzbvck290 .menu-item :is(*:focus, a:hover, .fl-has-submenu-container:hover > *),
  .fl-node-el4wzbvck290 .current-menu-item > a,
  .fl-node-el4wzbvck290 .current-menu-item > .fl-has-submenu-container > *,
  .fl-node-tk48elimundq .menu-item :is(*:focus, a:hover, .fl-has-submenu-container:hover > *),
  .fl-node-tk48elimundq .current-menu-item > a,
  .fl-node-tk48elimundq .current-menu-item > .fl-has-submenu-container > * {
    background-color: #6cff3a !important;
    color: #000 !important;
  }

  /* Accordion carets stay tappable */
  .fl-menu .fl-has-submenu-container {
    position: relative !important;
    display: block !important;
    background-color: #51f219 !important;
  }

  .fl-menu .fl-menu-toggle,
  .fl-node-el4wzbvck290 .fl-menu .fl-menu-toggle,
  .fl-node-tk48elimundq .fl-menu .fl-menu-toggle {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 48px !important;
    height: auto !important;
    z-index: 2 !important;
    cursor: pointer !important;
  }

  .fl-menu .fl-toggle-arrows .fl-menu-toggle:before,
  .fl-node-el4wzbvck290 .fl-menu .fl-toggle-arrows .fl-menu-toggle:before,
  .fl-node-tk48elimundq .fl-menu .fl-toggle-arrows .fl-menu-toggle:before,
  .fl-builder-content .fl-menu .fl-toggle-arrows .fl-menu-toggle:before {
    border-color: #000 !important;
  }

  /* Submenus: static accordion panels — not floating dropdowns */
  .fl-menu .menu.fl-menu-horizontal > li > .sub-menu,
  .fl-menu .sub-menu,
  .fl-node-el4wzbvck290 .fl-menu .sub-menu,
  .fl-node-tk48elimundq .fl-menu .sub-menu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    z-index: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: #46d916 !important;
    background-image: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    visibility: visible !important;
  }

  .fl-menu .sub-menu > li {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 1 !important;
  }

  .fl-menu .sub-menu > li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  }

  .fl-menu .sub-menu > li > a,
  .fl-menu .sub-menu > li > .fl-has-submenu-container > a {
    background-color: transparent !important;
    color: #000 !important;
    opacity: 1 !important;
    white-space: normal !important;
    border-radius: 0 !important;
    padding: 12px 18px 12px 28px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    min-width: 0 !important;
    text-align: left !important;
    box-shadow: none !important;
  }

  .fl-menu .sub-menu > li > a:hover,
  .fl-menu .sub-menu > li > .fl-has-submenu-container > a:hover {
    background-color: #6cff3a !important;
    color: #000 !important;
  }

  /* Center the toggle row */
  .fl-menu.fl-menu-responsive-toggle-medium-mobile,
  .fl-menu.fl-menu-responsive-toggle-mobile {
    text-align: center;
  }
}

/* =========================================================
   4) HERO — fit column, break only at spaces (no mid-word)
   ========================================================= */
.fl-module-heading .fl-heading,
.fl-module-heading .fl-heading-text,
h1.fl-heading,
h1.fl-module-heading {
  letter-spacing: normal !important;
  line-height: 1.22 !important;
  text-wrap: wrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  word-wrap: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  max-width: 100%;
}

.fl-module-rich-text,
.fl-rich-text {
  line-height: 1.65;
}

/* Primary CTAs — 4px rect; hover = same lime as green menu */
.fl-button,
.fl-button span,
a.fl-button,
.fl-builder-content .fl-button:is(a, button),
.fl-builder-content .fl-button:is(a, button) * {
  border-radius: 4px !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
  box-shadow: none !important;
}
.fl-button,
a.fl-button,
.fl-builder-content .fl-button:is(a, button) {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* Hover = menu green (#51f219) + black text — beats BB cyan hover */
.fl-button:hover,
a.fl-button:hover,
.fl-builder-content .fl-button:is(a, button):hover,
.fl-builder-content .fl-button:is(a, button):focus,
.fl-page .fl-builder-content .fl-button:is(a, button):hover,
.fl-page .fl-builder-content .fl-button:is(a, button):focus {
  background-color: #51f219 !important;
  background-image: none !important;
  border-color: #51f219 !important;
  color: #000 !important;
  filter: none !important;
  box-shadow: none !important;
}
.fl-button:hover *,
a.fl-button:hover *,
.fl-builder-content .fl-button:is(a, button):hover *,
.fl-builder-content .fl-button:is(a, button):hover span.fl-button-text,
.fl-builder-content .fl-button:is(a, button):focus *,
.fl-builder-content .fl-button:is(a, button):focus span.fl-button-text,
.fl-page .fl-builder-content .fl-button:is(a, button):hover *,
.fl-page .fl-builder-content .fl-button:is(a, button):hover span.fl-button-text {
  color: #000 !important;
  background: transparent !important;
}

/* =========================================================
   5) SECTIONS / CARDS — product blocks feel modern
   ========================================================= */
[id^="rebory-"] {
  scroll-margin-top: 110px;
}

/* Soften hard BB columns a bit */
.fl-col-content {
  transition: box-shadow 0.25s var(--rb-ease);
}

/* Photo/modules with common card look */
.fl-module-photo img,
.fl-photo-content img {
  border-radius: 12px;
}

/* Soft breathing cyan neon on cards — subtle, not club-flyer */
/* Also applied via .rebory-neon-card from JS on BB cyan cards */
.rebory-neon-card {
  animation: rebory-cyan-breathe 5.5s ease-in-out infinite !important;
}
@keyframes rebory-cyan-breathe {
  0%, 100% {
    box-shadow: 0 0 4px 0 rgba(0, 212, 255, 0.35), 0 0 12px rgba(0, 212, 255, 0.12) !important;
  }
  50% {
    box-shadow: 0 0 8px 1px rgba(0, 212, 255, 0.7), 0 0 24px rgba(0, 212, 255, 0.3) !important;
  }
}
@keyframes rebory-card-neon {
  0%, 100% {
    border-color: rgba(0, 229, 255, 0.14);
    box-shadow:
      0 0 0 1px rgba(0, 229, 255, 0.06),
      0 0 14px rgba(0, 229, 255, 0.07),
      var(--rb-shadow-soft);
  }
  50% {
    border-color: rgba(0, 229, 255, 0.32);
    box-shadow:
      0 0 0 1px rgba(0, 229, 255, 0.14),
      0 0 22px rgba(0, 229, 255, 0.16),
      0 8px 28px rgba(0, 0, 0, 0.28);
  }
}

/* Blog post cards on homepage if grid modules exist */
.fl-post-grid-post,
.fl-post-column,
.labb-grid-item,
.wpzabb-post-grid-item {
  border-radius: 14px !important;
  overflow: hidden;
  border: 1px solid rgba(0, 229, 255, 0.16) !important;
  animation: rebory-card-neon 5.5s ease-in-out infinite;
  transition: box-shadow 0.25s var(--rb-ease), border-color 0.25s var(--rb-ease) !important;
}
.fl-post-grid-post:hover,
.labb-grid-item:hover,
.wpzabb-post-grid-item:hover {
  animation-play-state: paused;
  border-color: rgba(0, 229, 255, 0.4) !important;
  box-shadow:
    0 0 0 1px rgba(0, 229, 255, 0.18),
    0 0 26px rgba(0, 229, 255, 0.2),
    var(--rb-shadow) !important;
}

/* Homepage / hub blog cards — real grid + soft neon pulse */
.rebory-blog-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rebory-blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid rgba(0, 229, 255, 0.16);
  border-radius: 12px;
  background: var(--rb-bg-elevated);
  color: var(--rb-text);
  box-shadow: var(--rb-shadow-soft);
  overflow: hidden;
  animation: rebory-card-neon 5.5s ease-in-out infinite;
  transition: box-shadow 0.25s var(--rb-ease), border-color 0.25s var(--rb-ease);
}
.rebory-blog-card > a {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none !important;
}
.rebory-blog-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
  background: #1a1d22;
}
.rebory-blog-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  padding: 1.1rem 1.15rem 1.25rem;
}
.rebory-blog-card:hover {
  animation-play-state: paused;
  border-color: rgba(0, 229, 255, 0.4);
  box-shadow:
    0 0 0 1px rgba(0, 229, 255, 0.18),
    0 0 26px rgba(0, 229, 255, 0.2),
    var(--rb-shadow);
}
.rebory-blog-card__title {
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.35;
  margin: 0;
  font-weight: 600;
}
.rebory-blog-card__meta {
  color: var(--rb-text-muted);
  font-size: 0.85rem;
}
.rebory-blog-card__excerpt {
  color: #c8cdd6;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.rebory-blog-card__more {
  margin-top: 0.35rem;
  font-weight: 700;
  font-size: 0.9rem;
  color: #51f219;
}
.rebory-blog-card:hover .rebory-blog-card__more {
  color: #6cff3a;
}
@media (max-width: 600px) {
  .rebory-blog-list {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rebory-blog-card,
  .fl-post-grid-post,
  .labb-grid-item,
  .wpzabb-post-grid-item {
    animation: none !important;
  }
}

/* =========================================================
   6) FORMS / CONTACT
   ========================================================= */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  border-radius: var(--rb-radius-soft) !important;
  transition: border-color 0.2s var(--rb-ease), box-shadow 0.2s var(--rb-ease) !important;
}
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px var(--rb-accent-soft) !important;
}

/* =========================================================
   7) FOOTER / WHATSAPP rest
   ========================================================= */
.footer-one-widgets,
footer,
.site-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* =========================================================
   8) SECTION HEADINGS consistency
   ========================================================= */
.fl-module-heading h1,
.fl-module-heading h2,
.fl-module-heading h3 {
  letter-spacing: normal;
  line-height: 1.25;
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

/* Subtle divider under some module groups */
.fl-row-content-wrap {
  position: relative;
}



/* =========================================================
   HERO FIT + MENU LABELS + NO JUMP (1.8.2)
   ========================================================= */
/*
  BB sets hero H1 to 45px Jura in ~55% column → mid-word breaks.
  Scale down + forbid hyphenation so wrap only at spaces.
  DE: ehis7d1y9pmb | EN: 5zhb7rfsniwp | TR: fuqkdep5j710
*/
h1.fl-node-ehis7d1y9pmb,
h1.fl-node-5zhb7rfsniwp,
h1.fl-node-fuqkdep5j710,
.fl-node-ehis7d1y9pmb.fl-module-heading,
.fl-node-5zhb7rfsniwp.fl-module-heading,
.fl-node-fuqkdep5j710.fl-module-heading,
.fl-node-ehis7d1y9pmb.fl-module-heading :where(a, q, p, span),
.fl-node-5zhb7rfsniwp.fl-module-heading :where(a, q, p, span),
.fl-node-fuqkdep5j710.fl-module-heading :where(a, q, p, span),
.fl-row .fl-module-heading h1.fl-heading,
.fl-row h1.fl-module-heading,
.fl-node-content > h1.fl-heading {
  font-size: clamp(1.5rem, 2.4vw + 0.35rem, 2.15rem) !important; /* ~24–34.4px */
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  text-wrap: wrap !important;
  white-space: normal !important;
}

/* Keep a bit more room in the hero text column (DE/EN/TR) */
@media (min-width: 993px) {
  .fl-builder-content .fl-node-unjclyr4dstk,  /* DE */
  .fl-builder-content .fl-node-h81ndef7pva0,  /* EN */
  .fl-builder-content .fl-node-mdcbh4trzois { /* TR */
    width: 62% !important;
  }
}

/* Prevent BB columns from clipping headline */
.fl-col-content,
.fl-module-content,
.fl-rich-text,
.fl-module-heading,
h1.fl-heading {
  max-width: 100%;
  overflow: visible !important;
}

/* No vertical jump on interactive chrome */
.fl-menu .menu > li > a,
.fl-menu .menu > li > .fl-has-submenu-container > a,
.fl-button,
a.fl-button,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  transform: none !important;
}
.fl-menu .menu > li > a:hover,
.fl-menu .menu > li > .fl-has-submenu-container > a:hover,
.fl-button:hover,
a.fl-button:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
  transform: none !important;
}

/* =========================================================
   9) STICKY TECH-SUPPORT — only on main marketing pages
      Blog hubs + single posts: hide (user: not on blog)
   ========================================================= */
body.single-post .builder-item--primary-menu,
body.blog .builder-item--primary-menu,
body.archive .builder-item--primary-menu,
body.category .builder-item--primary-menu,
body.page-id-3296 .builder-item--primary-menu,
body.page-id-3297 .builder-item--primary-menu,
body.page-id-3298 .builder-item--primary-menu,
body.rebory-blog-hub .builder-item--primary-menu,
body.rebory-no-tech-support .builder-item--primary-menu,
body.post-type-archive .builder-item--primary-menu {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
body.single-post #mega-menu-wrap-primary,
body.page-id-3296 #mega-menu-wrap-primary,
body.page-id-3297 #mega-menu-wrap-primary,
body.page-id-3298 #mega-menu-wrap-primary,
body.rebory-no-tech-support #mega-menu-wrap-primary {
  display: none !important;
  visibility: hidden !important;
}

/* =========================================================
   9b) STICKY TECH-SUPPORT — geometry kept; visual = old/simple
      top: calc(100% - 5px), width ~1420 / 96vw
   ========================================================= */

header.header {
  overflow: visible !important;
  z-index: 9990;
}
header.header .header--row,
header.header .header--row-inner,
header.header .container,
header.header .container-fluid,
header.header .builder-item,
header.header .item--inner,
header.header .nv-nav-wrap,
header.header .nav-menu-primary,
header.header #mega-menu-wrap-primary {
  overflow: visible !important;
}

.builder-item--primary-menu {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  width: 100%;
  visibility: visible !important;
  opacity: 1 !important;
}
.builder-item--custom_html {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
  visibility: visible !important;
}

#mega-menu-wrap-primary {
  display: block !important;
  visibility: visible !important;
}

.fl-builder-content .widget_maxmegamenu {
  display: none !important;
}

/*
  Technik-Support mega panel geometry.
  Root cause of LEFT CLIP:
    li is only as wide as the button. left:50% + margin-left:-half(panel)
    measures from the button, so panel starts off-screen left.
  MMM data-breakpoint=999 → mobile mode until 999; Neve desktop ≥960
    → 960–999 hybrid is the worst band.

  Fix:
    • Full-width containing block (wrap/ul)
    • megamenu li position:static so panel anchors to wrap
    • ≤999: full-width stacked orange (no center math)
    • ≥1000: viewport-safe fixed center (never left < 0)
*/
.builder-item--primary-menu,
.builder-item--primary-menu .item--inner,
#mega-menu-wrap-primary {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  box-sizing: border-box !important;
}
#mega-menu-wrap-primary #mega-menu-primary {
  display: flex !important;
  justify-content: center;
  float: none !important;
  width: 100% !important;
  position: relative !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
  float: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu {
  /* critical: panel positions against wrap, not tiny button */
  position: static !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  white-space: nowrap;
  position: relative;
  z-index: 100002;
}

/*
  Open panel geometry (style.css base; force CSS in footer wins ties).
  ≥960: fixed centered when open/hover — never left-clip.
  ≤959: static full-width under tech label when .mega-toggle-on only.
*/
@media (min-width: 960px) {
  header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > ul.mega-sub-menu,
  header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:hover > ul.mega-sub-menu {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: var(--rebory-mega-top, 120px) !important;
    width: min(1420px, 96vw) !important;
    max-width: 96vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
    z-index: 100000 !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    max-height: min(80vh, 900px) !important;
    background: #fcae1e !important;
    background-color: #fcae1e !important;
  }
}

@media (max-width: 959px) {
  /* Match force CSS: fixed full-bleed orange, not button-width */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu {
    position: fixed !important;
    top: var(--rebory-mega-top, 110px) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 100000 !important;
    background: #fcae1e !important;
    background-color: #fcae1e !important;
    padding: 16px !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu [class*="mega-menu-columns-"] {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    --span: 12 !important;
    margin: 0 !important;
    padding: 0 0 12px 0 !important;
    box-sizing: border-box !important;
  }
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu img {
  height: auto;
  max-width: 100%;
  display: block;
}

/* Support panel content readability */
#mega-menu-wrap-primary .mega-sub-menu .widget_text,
#mega-menu-wrap-primary .mega-sub-menu .textwidget {
  line-height: 1.55;
}
#mega-menu-wrap-primary .mega-sub-menu h2,
#mega-menu-wrap-primary .mega-sub-menu h3 {
  letter-spacing: -0.02em;
  line-height: 1.2;
}

/* =========================================================
   9c) MOBILE HEADER (≤959) — original layout restored
      • No top hamburger / no right slide panel
      • Languages top-right
      • Technik-Support as centered label above green Menu
      • Opens on TAP (Max Mega Menu mobile click), not hover
      Desktop sticky geometry above is unchanged.
   ========================================================= */
@media (max-width: 959px) {
  /* --- Kill Neve hamburger --- */
  .header--row.hide-on-desktop .builder-item--nav-icon,
  .header--row[data-show-on="mobile"] .builder-item--nav-icon,
  .header--row.header-main.hide-on-desktop .navbar-toggle-wrapper {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Anchor for absolute language chip */
  header.header {
    position: relative !important;
  }

  /* Mobile main row: logo left, room for langs on the right */
  .header--row.header-main.hide-on-desktop .header--row-inner,
  .header--row.header-main.hide-on-desktop .row--wrapper {
    position: relative;
    align-items: center;
  }
  .header--row.header-main.hide-on-desktop .hfg-slot.right {
    min-width: 7.5rem;
    min-height: 1px;
  }

  /* --- Languages → top right, vertically centered with logo --- */
  /* JS also moves .builder-item--custom_html into main-row .hfg-slot.right */
  .header--row.header-main.hide-on-desktop .hfg-slot.right,
  .header--row.header-main[data-show-on="mobile"] .hfg-slot.right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 7.5rem !important;
    min-height: 48px !important;
    padding-right: 10px !important;
  }
  .header--row.header-main.hide-on-desktop .hfg-slot.right .builder-item--custom_html,
  .header--row.header-main.hide-on-desktop .hfg-slot.right .item--inner.builder-item--custom_html,
  .header--row.header-main[data-show-on="mobile"] .hfg-slot.right .builder-item--custom_html,
  .header--row.header-main[data-show-on="mobile"] .hfg-slot.right .item--inner.builder-item--custom_html,
  .header--row.header-bottom.hide-on-desktop .builder-item--custom_html,
  .header--row.header-bottom.hide-on-desktop .item--inner.builder-item--custom_html {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    /* Must beat the padding:0 rule above — logo-row vertical center */
    padding: 0 4px 0 8px !important;
    --padding: 0 !important;
    --margin: 0 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 100% !important;
    min-height: 48px !important;
  }
  /* Fallback if JS has not moved langs yet: pin bottom row to main-row mid */
  .header--row.header-bottom.hide-on-desktop {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: auto !important;
    max-width: 60% !important;
    /* Match typical mobile logo row height so langs sit mid-logo */
    height: 72px !important;
    min-height: 72px !important;
    z-index: 10020 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    pointer-events: none;
    display: flex !important;
    align-items: center !important;
  }
  .header--row.header-bottom.hide-on-desktop.is-rebory-lang-moved {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
  .header--row.header-bottom.hide-on-desktop .header--row-inner,
  .header--row.header-bottom.hide-on-desktop .container,
  .header--row.header-bottom.hide-on-desktop .container-fluid,
  .header--row.header-bottom.hide-on-desktop .row--wrapper {
    background: transparent !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
  }
  .header--row.header-bottom.hide-on-desktop .hfg-slot.left {
    display: none !important;
  }
  .header--row.header-bottom.hide-on-desktop .hfg-slot.right,
  .header--row.header-bottom.hide-on-desktop .builder-item {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    height: 100% !important;
    pointer-events: auto;
  }
  /* Kill empty <p>&nbsp;</p> spacers in language HTML */
  .header--row.header-bottom.hide-on-desktop .nv-html-content > p,
  .header--row.header-main.hide-on-desktop .builder-item--custom_html .nv-html-content > p,
  .header--row.header-main[data-show-on="mobile"] .builder-item--custom_html .nv-html-content > p {
    display: none !important;
  }
  .header--row.header-bottom.hide-on-desktop .nv-html-content > div,
  .header--row.header-main.hide-on-desktop .builder-item--custom_html .nv-html-content > div,
  .header--row.header-main[data-show-on="mobile"] .builder-item--custom_html .nv-html-content > div {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
  .header--row.header-bottom.hide-on-desktop .nv-html-content a,
  .header--row.header-main.hide-on-desktop .builder-item--custom_html .nv-html-content a,
  .header--row.header-main[data-show-on="mobile"] .builder-item--custom_html .nv-html-content a {
    color: #c8c8c8 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    letter-spacing: 0.04em !important;
    opacity: 0.95;
  }
  .header--row.header-bottom.hide-on-desktop .nv-html-content a:hover,
  .header--row.header-bottom.hide-on-desktop .nv-html-content a:focus,
  .header--row.header-main.hide-on-desktop .builder-item--custom_html .nv-html-content a:hover,
  .header--row.header-main.hide-on-desktop .builder-item--custom_html .nv-html-content a:focus {
    color: #fff !important;
    opacity: 1;
  }

  /* --- Sidebar → inline Technik-Support strip (not slide panel) --- */
  #header-menu-sidebar,
  #header-menu-sidebar.header-menu-sidebar,
  #header-menu-sidebar.menu-sidebar-panel,
  #header-menu-sidebar.slide_right,
  #header-menu-sidebar.hfg-pe {
    position: relative !important;
    visibility: visible !important;
    display: block !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
    max-width: 100% !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 100 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
  #header-menu-sidebar-bg,
  #header-menu-sidebar .header-menu-sidebar-bg {
    background: transparent !important;
    color: inherit !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    position: relative !important;
    transform: none !important;
    overflow: visible !important;
  }
  #header-menu-sidebar-inner,
  #header-menu-sidebar .header-menu-sidebar-inner {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    /* No side padding — orange panel must match full green Menu width */
    padding: 2px 0 6px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Close button + dim overlay never appear */
  #header-menu-sidebar .close-sidebar-panel,
  #header-menu-sidebar .navbar-toggle-wrapper,
  .header-menu-sidebar-overlay,
  .hfg-ov.header-menu-sidebar-overlay {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
  /* Don't lock body scroll (panel is no longer a drawer) */
  body.is-menu-sidebar,
  body.menu_sidebar_slide_right,
  html.menu_sidebar_slide_right {
    overflow: auto !important;
  }
  body.is-menu-sidebar .header-menu-sidebar,
  body.is-menu-sidebar #header-menu-sidebar {
    transform: none !important;
  }

  /* Only the tech-support item lives here */
  #header-menu-sidebar .builder-item--primary-menu,
  #header-menu-sidebar .item--inner.builder-item--primary-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #header-menu-sidebar .nv-nav-wrap,
  #header-menu-sidebar .nav-menu-primary {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  /* Max Mega Menu: show label, open panel on click (mega-toggle-on) */
  #header-menu-sidebar #mega-menu-wrap-primary {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }
  #header-menu-sidebar #mega-menu-wrap-primary .mega-menu-toggle {
    display: none !important;
  }
  #header-menu-sidebar #mega-menu-wrap-primary #mega-menu-primary,
  #header-menu-sidebar #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    /* stretch full width — center was causing equal L/R inset on open panel */
    align-items: stretch !important;
    justify-content: flex-start !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
  }
  #header-menu-sidebar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    clear: both !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  /* Desktop-like yellow label — centered, tap target */
  #header-menu-sidebar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    color: #fcae1e !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    height: auto !important;
    padding: 8px 18px !important;
    border: 1px solid #fcae1e !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }
  #header-menu-sidebar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
  #header-menu-sidebar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:active {
    background-color: #fcae1e !important;
    color: #111 !important;
  }

  /*
    Technik-Support open panel — orange only.
    Do NOT force display:none !important on closed menus (blocks MMM click open).
  */
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu {
    position: static !important;
    float: none !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 8px 0 0 !important;
    /* vertical padding only — no side inset on orange fill */
    padding: 16px 0 !important;
    border: none !important;
    border-radius: 4px !important;
    opacity: 1 !important;
    background: #fcae1e !important;
    background-color: #fcae1e !important;
    color: #111 !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3) !important;
    box-sizing: border-box !important;
  }
  /* Text keeps readable side gap without shrinking the orange box */
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-row,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .widget,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .textwidget {
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-row,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .widget,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .textwidget,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .widget_text {
    background: #fcae1e !important;
    background-color: #fcae1e !important;
    color: #111 !important;
  }
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu p,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu span,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu div,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu h2,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu h3,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu h4,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu a,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-block-title {
    color: #111 !important;
  }
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on .mega-hide-on-desktop {
    display: block !important;
  }
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on .mega-hide-on-mobile {
    display: none !important;
  }

  /* Green BB menu sits just below this strip — keep spacing tight */
  #header-menu-sidebar + *,
  header.header + .neve-main #content > .fl-builder-content > .fl-row:first-child {
    margin-top: 0;
  }
}

/* =========================================================
   NAV / MEGA-MENU / REFERENZEN FORCE LAYERS (taşındı: eskiden
   functions.php wp_footer inline idi; sıra/görünüm aynı)
   ========================================================= */

/* Kill legacy left-clip geometry (never reintroduce margin-left:-half) */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
  min-width: 0 !important;
  margin-left: 0 !important;
}
/* Primary tech slot: full header width so panel can span */
header .builder-item--primary-menu,
header .builder-item--primary-menu .item--inner,
header #mega-menu-wrap-primary {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  flex: 1 1 100% !important;
  box-sizing: border-box !important;
}
header #mega-menu-wrap-primary #mega-menu-primary {
  width: 100% !important;
  position: relative !important;
}
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu {
  position: static !important;
}

/* --- ≥960: Neve desktop → green bar ONLY on known menu columns --- */
@media (min-width: 960px) {
  /* Hide medium/mobile-only MENU columns (not every medium col on site) */
  html .fl-builder-content .fl-node-1ec3onyql0kb,
  html .fl-builder-content .fl-col.fl-visible-medium.fl-visible-mobile:not(.fl-visible-desktop):not(.fl-visible-large) .fl-module-menu {
    display: none !important;
  }
  /* Also hide pure medium+mobile menu wrapper cols if they only hold the toggle */
  html .fl-builder-content .fl-col.fl-visible-medium.fl-visible-mobile:not(.fl-visible-desktop):not(.fl-visible-large):has(.fl-menu-mobile-toggle),
  html .fl-builder-content .fl-col.fl-visible-medium.fl-visible-mobile:not(.fl-visible-desktop):not(.fl-visible-large):has(.fl-module-menu) {
    display: none !important;
  }
  /* ONLY the green menu columns (DE/EN/TR) — never all desktop cols */
  html .fl-builder-content .fl-node-k2a9wudrtm1i,
  html .fl-builder-content .fl-node-ulsj3fh9w06z,
  html .fl-builder-content .fl-node-t08lfqvz5gay {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
  }
  .fl-module-menu,
  .fl-module-menu .fl-module-content,
  .fl-menu {
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal {
    display: flex !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #51f219 !important;
    border-radius: 4px !important;
  }
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    background-color: #51f219 !important;
  }
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > a,
  .fl-builder-content .fl-menu .menu.fl-menu-horizontal > li > .fl-has-submenu-container > a {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    background-color: #51f219 !important;
    color: #000 !important;
    padding: 18px 12px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
  }

  /*
    Open orange: wide viewport-safe fixed center (restores full panel).
    Was capped at 1100 → looked "narrow" again on large. Use 96vw / 1420.
  */
  header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > ul.mega-sub-menu,
  header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:hover > ul.mega-sub-menu,
  header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-open > ul.mega-sub-menu {
    display: block !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: var(--rebory-mega-top, 120px) !important;
    width: min(1420px, 96vw) !important;
    max-width: 96vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    max-height: min(80vh, 900px) !important;
    padding: 20px !important;
    background: #fcae1e !important;
    background-color: #fcae1e !important;
    color: #111 !important;
    border-radius: 4px !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.35) !important;
    z-index: 100000 !important;
  }
  header #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column,
  header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:hover > ul.mega-sub-menu .mega-menu-column {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* --- ≤959: mobile chrome + open orange full-width stack --- */
@media (max-width: 959px) {
  .fl-menu .fl-menu-mobile-toggle,
  .fl-menu .fl-menu-mobile-toggle.text {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  .header-menu-sidebar-overlay,
  .hfg-ov.header-menu-sidebar-overlay {
    display: none !important;
    pointer-events: none !important;
  }
  body.is-menu-sidebar { overflow: auto !important; }

  #header-menu-sidebar,
  #header-menu-sidebar.header-menu-sidebar {
    position: relative !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 20 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
  }
  #header-menu-sidebar-bg,
  #header-menu-sidebar-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  #header-menu-sidebar #mega-menu-primary,
  #header-menu-sidebar .mega-menu-toggle + #mega-menu-primary {
    background: transparent !important;
    align-items: stretch !important;
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  #header-menu-sidebar #mega-menu-primary > li.mega-menu-item {
    width: 100% !important;
    float: none !important;
    overflow: visible !important;
  }

  /*
    Open orange on mobile: full-width IN-FLOW strip (not overlay).
    Panel pushes content down; content returns when closed.
    Do NOT set max-height here: MMM slide animates inline max-height,
    and no cap means the panel opens fully and pushes everything below.
  */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu,
  header #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu,
  header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > ul.mega-sub-menu {
    display: block !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 8px 0 0 !important;
    transform: none !important;
    padding: 12px 8px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background: #fcae1e !important;
    background-color: #fcae1e !important;
    color: #111 !important;
    border-radius: 4px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.3) !important;
    z-index: 100000 !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-row,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-row > ul,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-row,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-row > ul {
    display: block !important;
    width: 100% !important;
    float: none !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu [class*="mega-menu-columns-"],
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu [class*="mega-menu-columns-"] {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    --span: 12 !important;
    margin: 0 !important;
    padding: 0 0 12px 0 !important;
    background: #fcae1e !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu p,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu h2,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu h3,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu h4,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu a,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu span,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu div,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu li,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu p,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu h2,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu h3,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu h4,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu a,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu span,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu div,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu li {
    color: #111 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on .mega-hide-on-desktop,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on .mega-hide-on-desktop {
    display: block !important;
    width: 100% !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on .mega-hide-on-mobile,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on .mega-hide-on-mobile {
    display: none !important;
  }
}

/*
  Referenzen (large + xl): restore centered strip + continuous #303030 fill.
  Broken by prior force CSS that set ALL desktop cols to width:100%.
  DE nodes: row 6mcilhtq3usj, heading col 7p21ck6xfjab, logo group kzop29etnqau
  spacers ax25u1vyqdkw (20%) + muvkc01wxpn8 (19%), logos 12%/12%/12%/11%/14%
*/
@media (min-width: 993px) {
  /* Continuous filled band behind heading + logos */
  html .fl-builder-content .fl-node-6mcilhtq3usj > .fl-row-content-wrap {
    background-color: #303030 !important;
    border-radius: 0 !important;
  }
  html .fl-builder-content .fl-node-6mcilhtq3usj .fl-row-content {
    max-width: 1100px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Heading row */
  html .fl-builder-content .fl-node-7p21ck6xfjab {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }
  html .fl-builder-content .fl-node-7p21ck6xfjab > .fl-col-content {
    background-color: #303030 !important;
    text-align: center !important;
  }
  html .fl-builder-content h2.fl-node-k4o3m8eb5yiu,
  html .fl-builder-content .fl-node-k4o3m8eb5yiu {
    text-align: center !important;
    width: 100% !important;
  }
  /* Logo strip: flex row, designed % widths, no wrap, continuous fill */
  html .fl-builder-content .fl-node-kzop29etnqau.fl-col-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 96px !important;
    padding-top: 10px !important;
    padding-bottom: 14px !important;
    box-sizing: border-box !important;
    background-color: #303030 !important;
    overflow: visible !important;
  }
  html .fl-builder-content .fl-node-kzop29etnqau > .fl-col {
    float: none !important;
    clear: none !important;
    display: flex !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    min-height: 72px !important;
    background-color: #303030 !important;
    overflow: visible !important;
  }
  html .fl-builder-content .fl-node-kzop29etnqau > .fl-col > .fl-col-content {
    background-color: #303030 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }
  /* Designed desktop widths (must beat any width:100% leftover) */
  html .fl-builder-content .fl-node-ax25u1vyqdkw { width: 20% !important; flex-basis: 20% !important; }
  html .fl-builder-content .fl-node-258lgny0hs47 { width: 12% !important; flex-basis: 12% !important; }
  html .fl-builder-content .fl-node-pcjqdgz6vf8h { width: 12% !important; flex-basis: 12% !important; }
  html .fl-builder-content .fl-node-0plsbyda1u7z { width: 12% !important; flex-basis: 12% !important; }
  html .fl-builder-content .fl-node-x9ec57rodw26 { width: 11% !important; flex-basis: 11% !important; }
  html .fl-builder-content .fl-node-yl5gh0eu7b3c { width: 14% !important; flex-basis: 14% !important; }
  html .fl-builder-content .fl-node-muvkc01wxpn8 { width: 19% !important; flex-basis: 19% !important; }
  /* Spacers visible on desktop/large */
  html .fl-builder-content .fl-node-ax25u1vyqdkw.fl-visible-desktop,
  html .fl-builder-content .fl-node-muvkc01wxpn8.fl-visible-desktop {
    display: flex !important;
  }

  /*
    Large / XL only polish (medium+small already good):
    1) HMM (1st logo) sat on bottom (bottom≈2px) — nudge up, size unchanged
    2) Porsche crest was clipped — contain + no overflow + slightly less margin
  */
  html .fl-builder-content .fl-node-qpehkmd5onrv.fl-module-photo,
  html .fl-builder-content .fl-node-qpehkmd5onrv.fl-module-photo.fl-module {
    margin-top: 6% !important;
    margin-bottom: 14% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html .fl-builder-content .fl-node-h3m8lc5iyk6t,
  html .fl-builder-content .fl-node-h3m8lc5iyk6t .fl-photo,
  html .fl-builder-content .fl-node-h3m8lc5iyk6t .fl-photo-content,
  html .fl-builder-content .fl-node-x9ec57rodw26 > .fl-col-content {
    overflow: visible !important;
  }
  html .fl-builder-content .fl-node-h3m8lc5iyk6t.fl-module-photo,
  html .fl-builder-content .fl-node-h3m8lc5iyk6t.fl-module-photo.fl-module {
    margin-top: 2% !important;
    margin-right: 2% !important;
    margin-bottom: 2% !important;
    margin-left: 2% !important;
  }
  html .fl-builder-content .fl-node-h3m8lc5iyk6t img.fl-photo-img,
  html .fl-builder-content .fl-node-h3m8lc5iyk6t .fl-photo-content img {
    object-fit: contain !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 70px !important;
    border-radius: 0 !important;
  }
}
/* Medium/tablet: also keep continuous fill + centered logos */
@media (max-width: 992px) {
  html .fl-builder-content .fl-node-6mcilhtq3usj > .fl-row-content-wrap {
    background-color: #303030 !important;
  }
  html .fl-builder-content .fl-node-kzop29etnqau.fl-col-group {
    background-color: #303030 !important;
    justify-content: center !important;
  }
  html .fl-builder-content .fl-node-kzop29etnqau > .fl-col > .fl-col-content,
  html .fl-builder-content .fl-node-7p21ck6xfjab > .fl-col-content {
    background-color: #303030 !important;
  }
}

/* =========================================================
   MOBILE MEGA-PANEL (Technik-Support açılan panel)
   Sadece mobil (≤959px): font küçültme + yatay padding azaltma.
   Desktop etkilenmez. Tüm dillerde aynı (CSS dil bağımsız).
   2026-08-09
   ========================================================= */
@media (max-width: 959px) {
  /* Panel metin: 21px → 14px */
  #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu,
  #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu p,
  #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li,
  #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu a.mega-menu-link,
  #header-menu-sidebar #mega-menu-primary .mega-sub-menu,
  #header-menu-sidebar #mega-menu-primary .mega-sub-menu p,
  #header-menu-sidebar #mega-menu-primary .mega-sub-menu li,
  #header-menu-sidebar #mega-menu-primary .mega-sub-menu a.mega-menu-link {
    font-size: 14px !important;
  }
  /* Başlıklar */
  #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu h2,
  #header-menu-sidebar #mega-menu-primary .mega-sub-menu h2 {
    font-size: 18px !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu h3,
  #header-menu-sidebar #mega-menu-primary .mega-sub-menu h3 {
    font-size: 16px !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu h4.mega-block-title,
  #header-menu-sidebar #mega-menu-primary .mega-sub-menu h4.mega-block-title {
    font-size: 19px !important;
  }
  /* İçerik yatay padding (panel kenar boşluğu force kuralında) */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-row,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .widget,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .textwidget,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-row,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .widget,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .textwidget {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  /* Desktop varyantı (mega-hide-on-mobile) mobilde GİZLENMELİ.
     Force kuralı tüm kolonlara display:block dayatınca iki varyant
     birden görünüyordu (TR/EN). Yüksek spesifisite ile düzelt. */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column.mega-hide-on-mobile,
  #header-menu-sidebar #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu .mega-menu-column.mega-hide-on-mobile {
    display: none !important;
  }
}

/* =========================================================
   TEK BAŞLIK: Widget'in kendi title alanı, MMM blok başlığını
   tekrarlar -> tüm ekranlarda gizle (desktop + mobil).
   Yapısal çözüm: MMM menü editöründe widget bloğunun
   Title alanını boşaltmak (o zaman bu kural gereksiz).
   2026-08-09
   ========================================================= */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .textwidget > h4.mega-block-title,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .textwidget h4.mega-block-title,
#header-menu-sidebar #mega-menu-primary .mega-sub-menu .textwidget > h4.mega-block-title,
#header-menu-sidebar #mega-menu-primary .mega-sub-menu .textwidget h4.mega-block-title {
  display: none !important;
}