/**
 * GH Premium — elegant light theme
 * Palette from design_suggestion/style.css (auction light edition).
 * Active only when html[data-theme="light"].
 *
 * Page stays light (#f8f9fa / #fff). Selected sections get a dark
 * charcoal panel (like .gh-product-info in design_suggestion).
 */

html[data-theme="light"] {
    --secondary-color: #f8f9fa;
    --section-bg: #ffffff;
    --accent-color: #121212;
    --primary-color: #ff6600;
    --text-body: #495057;
    --text-muted: #868e96;
    --text-muted-strong: #495057;
    --text-faint: rgba(18, 18, 18, 0.42);
    --surface-glass: #ffffff;
    --surface-glass-hover: #f1f3f5;
    --surface-elevated: #ffffff;
    --border-subtle: rgba(18, 18, 18, 0.06);
    --border-hover: rgba(18, 18, 18, 0.12);
    color-scheme: light;

    --ghp-surface: #ffffff;
    --ghp-surface-raised: #f8f9fa;
    --ghp-surface-input: #f1f3f5;
    --ghp-border: rgba(18, 18, 18, 0.12);
    --ghp-border-subtle: rgba(18, 18, 18, 0.08);
    --ghp-text-muted: #868e96;
    --ghp-text-body: #495057;
    --ghp-image-bg: #f1f3f5;
}

/* ── Light page chrome ── */
html[data-theme="light"] body {
    background-color: #f8f9fa !important;
    color: #121212 !important;
}

html[data-theme="light"] .bg-main {
    background-color: #f8f9fa !important;
}

html[data-theme="light"] .bg-section,
html[data-theme="light"] .bg-panel {
    background-color: #ffffff !important;
}

html[data-theme="light"] .page-content {
    color: #495057;
}

/* Remap hardcoded near-black page wrappers to light (not accent panels) */
html[data-theme="light"] [class*="bg-[#000000]"],
html[data-theme="light"] [class*="bg-[#050505]"],
html[data-theme="light"] [class*="bg-[#080808]"],
html[data-theme="light"] [class*="bg-[#0a0a0a]"],
html[data-theme="light"] [class*="bg-[#0f0f0f]"],
html[data-theme="light"] [class*="bg-[#111111]"] {
    background-color: #f8f9fa !important;
}

html[data-theme="light"] main[class*="bg-[#000000]"],
html[data-theme="light"] main.text-white {
    background-color: #f8f9fa !important;
    color: #121212 !important;
}

/* ── Text on light surfaces ── */
html[data-theme="light"] .section-title {
    color: #121212 !important;
}

/* Eyebrowy / etykiety sekcji — pomarańcz w light (Katalog, Wideo, Linie…, Faza…) */
html[data-theme="light"] .section-eyebrow,
html[data-theme="light"] .section-label {
    color: var(--primary-color, #ff6600);
}

html[data-theme="light"] .section-label-rule {
    background: rgba(18, 18, 18, 0.15) !important;
}

html[data-theme="light"] .text-gray-100,
html[data-theme="light"] .text-gray-200,
html[data-theme="light"] .text-gray-300,
html[data-theme="light"] .text-gray-400 {
    color: #495057 !important;
}

html[data-theme="light"] .text-gray-500,
html[data-theme="light"] .text-gray-600,
html[data-theme="light"] .text-gray-700 {
    color: #868e96 !important;
}

/* Slogan / stopka w chrome — kolory jak w dark (patrz blok Chrome poniżej) */

html[data-theme="light"] .text-white {
    color: #121212 !important;
}

html[data-theme="light"] .text-white\/10,
html[data-theme="light"] .text-white\/20,
html[data-theme="light"] .text-white\/40,
html[data-theme="light"] .text-white\/50,
html[data-theme="light"] .text-white\/60,
html[data-theme="light"] .text-white\/70,
html[data-theme="light"] .text-white\/80 {
    color: rgba(18, 18, 18, 0.55) !important;
}

html[data-theme="light"] .border-white\/5,
html[data-theme="light"] .border-white\/\[0\.04\],
html[data-theme="light"] .border-white\/\[0\.06\],
html[data-theme="light"] .border-white\/\[0\.07\],
html[data-theme="light"] .border-white\/10,
html[data-theme="light"] .border-white\/15 {
    border-color: rgba(18, 18, 18, 0.08) !important;
}

html[data-theme="light"] .border-l.border-white\/10 {
    border-left-color: rgba(18, 18, 18, 0.12) !important;
}

html[data-theme="light"] .bg-white\/5,
html[data-theme="light"] .bg-white\/\[0\.04\],
html[data-theme="light"] .bg-white\/\[0\.05\],
html[data-theme="light"] .bg-white\/10,
html[data-theme="light"] .hover\:bg-white\/5:hover {
    background-color: rgba(18, 18, 18, 0.04) !important;
}

html[data-theme="light"] .proof-point-title,
html[data-theme="light"] .home-lines-section__stat-value,
html[data-theme="light"] .nav-main-link.active,
html[data-theme="light"] .sub-nav-link.active {
    color: #121212 !important;
}

html[data-theme="light"] .home-lines-section__lead {
    color: #495057 !important;
}

html[data-theme="light"] .home-lines-section__stat-label,
html[data-theme="light"] .home-lines-section__note {
    color: #868e96 !important;
}

/* „Cały asortyment” — was #fff from .hero-show__link on light band */
html[data-theme="light"] .page-content .hero-show__link,
html[data-theme="light"] .portal-band .hero-show__link,
html[data-theme="light"] #linie-produktowe .hero-show__link {
    color: #121212 !important;
    border-bottom-color: rgba(18, 18, 18, 0.35) !important;
}

html[data-theme="light"] .page-content .hero-show__link:hover,
html[data-theme="light"] .portal-band .hero-show__link:hover,
html[data-theme="light"] #linie-produktowe .hero-show__link:hover {
    color: #121212 !important;
    border-bottom-color: #121212 !important;
}

/* Link hover (treść): ink — poza chrome (nav/stopka/menu) */
html[data-theme="light"] main a.hover\:text-primary:hover,
html[data-theme="light"] main button.hover\:text-primary:hover,
html[data-theme="light"] .page-content a.hover\:text-primary:hover,
html[data-theme="light"] .page-content button.hover\:text-primary:hover,
html[data-theme="light"] .page-content .hover\:text-primary:hover {
    color: #121212 !important;
}

/* ═══════════════════════════════════════════════════════════
   Chrome (nav / sub-nav / hamburger / stopka) — jak w dark
   ═══════════════════════════════════════════════════════════ */
/* Mobile: pełna ciemna belka (jak dark). Przezroczystość tylko od xl — w bloku niżej. */
html[data-theme="light"] #site-nav {
    background-color: rgba(10, 10, 10, 0.94) !important;
    background: rgba(10, 10, 10, 0.94) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    color: #9ca3af !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

html[data-theme="light"] #site-nav.nav-scrolled,
html[data-theme="light"] #site-nav.nav-elevated {
    background-color: rgba(10, 10, 10, 0.94) !important;
    background: rgba(10, 10, 10, 0.94) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

html[data-theme="light"] #sub-nav-bar {
    background-color: var(--secondary-color, #0a0a0a) !important;
    background: #0a0a0a !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
    color: #9ca3af !important;
}

html[data-theme="light"] #mobile-menu {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

/* Nieprzezroczyste #0a0a0a — półprzezroczystość na jasnym tle strony rozjaśniała stopkę */
html[data-theme="light"] #footer {
    background-color: #0a0a0a !important;
    background: #0a0a0a !important;
    border-top-color: rgba(255, 255, 255, 0.05) !important;
    color: #9ca3af !important;
}

html[data-theme="light"] #site-nav .border-white\/5,
html[data-theme="light"] #site-nav .border-white\/10,
html[data-theme="light"] #site-nav .border-white\/20,
html[data-theme="light"] #footer .border-white\/5,
html[data-theme="light"] #mobile-menu .border-white\/5,
html[data-theme="light"] #mobile-menu .border-white\/10 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="light"] #site-nav .bg-white\/5,
html[data-theme="light"] #site-nav .hover\:bg-white\/5:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Bazowe kolory linków / ikon — jak text-gray-400 w dark */
html[data-theme="light"] #site-nav a,
html[data-theme="light"] #site-nav button,
html[data-theme="light"] #site-nav .text-gray-400,
html[data-theme="light"] #site-nav .theme-toggle-btn,
html[data-theme="light"] #sub-nav-bar a,
html[data-theme="light"] #sub-nav-bar .text-gray-400,
html[data-theme="light"] #footer a,
html[data-theme="light"] #footer button,
html[data-theme="light"] #footer .text-gray-400,
html[data-theme="light"] #mobile-menu a,
html[data-theme="light"] #mobile-menu button,
html[data-theme="light"] #mobile-menu .text-gray-400,
html[data-theme="light"] #mobile-menu .theme-toggle-btn {
    color: #9ca3af !important;
}

html[data-theme="light"] #site-nav .text-white,
html[data-theme="light"] #site-nav .nav-main-link.active,
html[data-theme="light"] #sub-nav-bar .sub-nav-link.active,
html[data-theme="light"] #mobile-menu .text-white,
html[data-theme="light"] #footer .text-white {
    color: #ffffff !important;
}

/* Hover: biel (pozycje menu) / pomarańcz (dzwonek, koszyk, motyw) */
html[data-theme="light"] #site-nav .nav-main-link:hover,
html[data-theme="light"] #site-nav .hover\:text-white:hover,
html[data-theme="light"] #site-nav a.hover\:text-white:hover,
html[data-theme="light"] #site-nav button.hover\:text-white:hover,
html[data-theme="light"] #sub-nav-bar a:hover,
html[data-theme="light"] #footer a:hover,
html[data-theme="light"] #footer button:hover,
html[data-theme="light"] #mobile-menu a:hover,
html[data-theme="light"] #mobile-menu button:hover {
    color: #ffffff !important;
}

html[data-theme="light"] #site-nav a.hover\:text-primary:hover,
html[data-theme="light"] #site-nav button.hover\:text-primary:hover,
html[data-theme="light"] #site-nav .hover\:text-primary:hover,
html[data-theme="light"] #site-nav .theme-toggle-btn:hover,
html[data-theme="light"] #footer a.hover\:text-primary:hover,
html[data-theme="light"] #footer button.hover\:text-primary:hover,
html[data-theme="light"] #mobile-menu a.hover\:text-primary:hover,
html[data-theme="light"] #mobile-menu .theme-toggle-btn:hover {
    color: var(--primary-color, #ff6600) !important;
}

/* ENGINEERING TRUST. — jak w dark: biel + szary + pomarańczowa kropka */
html[data-theme="light"] #site-nav .brand-slogan,
html[data-theme="light"] #site-nav .site-nav__slogan,
html[data-theme="light"] #mobile-menu .brand-slogan {
    opacity: 0.6 !important;
}

html[data-theme="light"] #site-nav .brand-slogan:hover,
html[data-theme="light"] #site-nav .site-nav__slogan:hover {
    opacity: 1 !important;
}

html[data-theme="light"] #site-nav .brand-slogan .text-white,
html[data-theme="light"] #site-nav .site-nav__slogan .text-white,
html[data-theme="light"] #mobile-menu .brand-slogan .text-white {
    color: #ffffff !important;
}

html[data-theme="light"] #site-nav .brand-slogan .text-gray-400,
html[data-theme="light"] #site-nav .site-nav__slogan .text-gray-400,
html[data-theme="light"] #mobile-menu .brand-slogan .text-gray-400,
html[data-theme="light"] #footer .text-gray-400 {
    color: #9ca3af !important;
}

html[data-theme="light"] #site-nav .brand-slogan .text-primary,
html[data-theme="light"] #site-nav .site-nav__slogan .text-primary,
html[data-theme="light"] #mobile-menu .brand-slogan .text-primary,
html[data-theme="light"] #footer .text-primary {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #footer .opacity-60 {
    opacity: 0.6 !important;
    color: #9ca3af !important;
}

/* CTA jak w dark */
html[data-theme="light"] #site-nav .nav-catalog-btn,
html[data-theme="light"] #site-nav a.nav-catalog-btn {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: transparent !important;
}

html[data-theme="light"] #site-nav .nav-catalog-btn:hover,
html[data-theme="light"] #site-nav a.nav-catalog-btn:hover {
    background: #ffffff !important;
    color: #0a0a0a !important;
    border-color: #ffffff !important;
}

html[data-theme="light"] #site-nav a.site-nav__cta:not(.nav-catalog-btn) {
    color: #ff6600 !important;
    background: transparent !important;
    border-color: rgba(255, 102, 0, 0.3) !important;
}

html[data-theme="light"] #site-nav a.site-nav__cta:not(.nav-catalog-btn):hover {
    background: #ff6600 !important;
    color: #0a0a0a !important;
    border-color: #ff6600 !important;
}

html[data-theme="light"] #mobile-menu a[href*="katalog.php"],
html[data-theme="light"] #mobile-menu a[class*="text-[#ff6600]"] {
    color: #ff6600 !important;
}

html[data-theme="light"] #mobile-menu-close {
    color: #ffffff !important;
    opacity: 0.4 !important;
}

html[data-theme="light"] #mobile-menu .mobile-menu__footer {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="light"] #mobile-menu .mobile-menu__langs a.border-primary,
html[data-theme="light"] #mobile-menu .mobile-menu__langs a.border-b {
    border-bottom-color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #mobile-menu .mobile-menu__theme {
    color: #9ca3af !important;
}

html[data-theme="light"] .dropdown-content {
    background: #0c0c0c !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}

html[data-theme="light"] .dropdown-content a {
    color: #cccccc !important;
}

html[data-theme="light"] .dropdown-content a:hover {
    color: #ffffff !important;
}

/* Hamburger — białe kreski jak w dark */
html[data-theme="light"] #mobile-menu-toggle span {
    background-color: #ffffff !important;
}

/* Logo w chrome: białe na ciemnym; w treści: ciemne na jasnym */
html[data-theme="light"] .logo-dark-to-white {
    filter: brightness(0.15) !important;
    opacity: 0.95;
}

html[data-theme="light"] #site-nav .logo-dark-to-white,
html[data-theme="light"] #mobile-menu .logo-dark-to-white,
html[data-theme="light"] #footer .logo-dark-to-white {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

html[data-theme="light"] .theme-toggle-btn .theme-icon-sun {
    display: none;
}

html[data-theme="light"] .theme-toggle-btn .theme-icon-moon {
    display: inline-block;
}

html:not([data-theme="light"]) .theme-toggle-btn .theme-icon-sun {
    display: inline-block;
}

html:not([data-theme="light"]) .theme-toggle-btn .theme-icon-moon {
    display: none;
}

/* ===========================================================
   Desktop (xl+): jasny nav + stopka w trybie light.
   Mobile (<1280px): zostaje ciemny chrome z regul powyzej.
   Overlay hamburgera zawsze ciemny.
   =========================================================== */
@media (min-width: 1280px) {
html[data-theme="light"] #site-nav {
    background-color: transparent !important;
    background: transparent !important;
    border-bottom-color: transparent !important;
    color: #121212 !important;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Na hero: jaśniejsze linki + cień (ciemny tekst ginąłby na zdjęciu) — bez listy języków */
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .nav-main-link,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .theme-toggle-btn,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .nav-search-toggle,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .site-nav__more-btn,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) [data-role="news-bell"],
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) a:not(.site-nav__cta):not(.dropdown-content a),
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) button {
    color: #f3f4f6 !important;
}

html[data-theme="light"] #site-nav.nav-scrolled,
html[data-theme="light"] #site-nav.nav-elevated {
    background-color: rgba(255, 255, 255, 0.97) !important;
    background: rgba(255, 255, 255, 0.97) !important;
    border-bottom-color: rgba(18, 18, 18, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

html[data-theme="light"] #sub-nav-bar {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-bottom-color: rgba(18, 18, 18, 0.06) !important;
    color: #495057 !important;
}

html[data-theme="light"] #footer {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-top-color: rgba(18, 18, 18, 0.06) !important;
    color: #868e96 !important;
}

html[data-theme="light"] #site-nav .border-white\/5,
html[data-theme="light"] #site-nav .border-white\/10,
html[data-theme="light"] #site-nav .border-white\/20,
html[data-theme="light"] #footer .border-white\/5 {
    border-color: rgba(18, 18, 18, 0.1) !important;
}

html[data-theme="light"] #site-nav .bg-white\/5,
html[data-theme="light"] #site-nav .hover\:bg-white\/5:hover {
    background-color: rgba(18, 18, 18, 0.04) !important;
}

html[data-theme="light"] #site-nav a,
html[data-theme="light"] #site-nav button,
html[data-theme="light"] #site-nav .text-gray-400,
html[data-theme="light"] #site-nav .theme-toggle-btn,
html[data-theme="light"] #sub-nav-bar a,
html[data-theme="light"] #sub-nav-bar .text-gray-400,
html[data-theme="light"] #footer a,
html[data-theme="light"] #footer button,
html[data-theme="light"] #footer .text-gray-400 {
    color: #495057 !important;
}

html[data-theme="light"] #site-nav .text-white,
html[data-theme="light"] #site-nav .nav-main-link.active,
html[data-theme="light"] #sub-nav-bar .sub-nav-link.active,
html[data-theme="light"] #footer .text-white {
    color: #121212 !important;
}

html[data-theme="light"] #site-nav .nav-main-link:hover,
html[data-theme="light"] #site-nav .hover\:text-white:hover,
html[data-theme="light"] #site-nav a.hover\:text-white:hover,
html[data-theme="light"] #site-nav button.hover\:text-white:hover,
html[data-theme="light"] #sub-nav-bar a:hover,
html[data-theme="light"] #footer a:hover,
html[data-theme="light"] #footer button:hover {
    color: #121212 !important;
}

html[data-theme="light"] #site-nav a.hover\:text-primary:hover,
html[data-theme="light"] #site-nav button.hover\:text-primary:hover,
html[data-theme="light"] #site-nav .hover\:text-primary:hover,
html[data-theme="light"] #site-nav .theme-toggle-btn:hover,
html[data-theme="light"] #footer a.hover\:text-primary:hover {
    color: #121212 !important;
}

html[data-theme="light"] #site-nav .brand-slogan,
html[data-theme="light"] #site-nav .site-nav__slogan {
    opacity: 1 !important;
}

html[data-theme="light"] #site-nav .brand-slogan .text-white,
html[data-theme="light"] #site-nav .site-nav__slogan .text-white {
    color: #121212 !important;
}

html[data-theme="light"] #site-nav .brand-slogan .text-gray-400,
html[data-theme="light"] #site-nav .site-nav__slogan .text-gray-400,
html[data-theme="light"] #footer .text-gray-400 {
    color: #495057 !important;
}

html[data-theme="light"] #footer .opacity-60 {
    opacity: 1 !important;
    color: #495057 !important;
}

html[data-theme="light"] #site-nav .nav-catalog-btn,
html[data-theme="light"] #site-nav a.nav-catalog-btn {
    color: #121212 !important;
    border-color: #121212 !important;
    background: transparent !important;
}

html[data-theme="light"] #site-nav .nav-catalog-btn:hover,
html[data-theme="light"] #site-nav a.nav-catalog-btn:hover {
    background: #121212 !important;
    color: #ffffff !important;
    border-color: #121212 !important;
}

html[data-theme="light"] #site-nav a.site-nav__cta:not(.nav-catalog-btn) {
    color: #ffffff !important;
    background: #121212 !important;
    border-color: #121212 !important;
}

html[data-theme="light"] #site-nav a.site-nav__cta:not(.nav-catalog-btn):hover {
    color: #ffffff !important;
    background: #2a2a2a !important;
    border-color: #2a2a2a !important;
}

/* Overflow „więcej”: kolory jak pasek light (jasne tło, ciemne ikony/CTA) */
html[data-theme="light"] #site-nav .site-nav__more-panel {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] #site-nav .site-nav__more-btn.is-open,
html[data-theme="light"] #site-nav .site-nav__more-btn[aria-expanded="true"] {
    color: #121212 !important;
}

html[data-theme="light"] #site-nav .site-nav__more-icon-btn {
    color: #495057 !important;
}

html[data-theme="light"] #site-nav .site-nav__more-icon-btn:hover,
html[data-theme="light"] #site-nav .site-nav__more-icon-btn:focus-visible {
    color: #121212 !important;
}

html[data-theme="light"] #site-nav .site-nav__more-lang-btn {
    color: #495057 !important;
    background: rgba(18, 18, 18, 0.03) !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
}

html[data-theme="light"] #site-nav .site-nav__more-lang-btn:hover,
html[data-theme="light"] #site-nav .site-nav__more-lang-btn[aria-expanded="true"] {
    color: #121212 !important;
    border-color: rgba(18, 18, 18, 0.18) !important;
}

html[data-theme="light"] #site-nav .site-nav__more-cta.nav-catalog-btn,
html[data-theme="light"] #site-nav a.site-nav__more-cta.nav-catalog-btn {
    color: #121212 !important;
    border-color: #121212 !important;
    background: transparent !important;
}

html[data-theme="light"] #site-nav .site-nav__more-cta.nav-catalog-btn:hover,
html[data-theme="light"] #site-nav a.site-nav__more-cta.nav-catalog-btn:hover {
    background: #121212 !important;
    color: #ffffff !important;
    border-color: #121212 !important;
}

html[data-theme="light"] #site-nav a.site-nav__more-cta--partner,
html[data-theme="light"] #site-nav a.site-nav__more-cta.site-nav__more-cta--partner {
    color: #ffffff !important;
    background: #121212 !important;
    border-color: #121212 !important;
}

html[data-theme="light"] #site-nav a.site-nav__more-cta--partner:hover,
html[data-theme="light"] #site-nav a.site-nav__more-cta.site-nav__more-cta--partner:hover {
    color: #ffffff !important;
    background: #2a2a2a !important;
    border-color: #2a2a2a !important;
}

html[data-theme="light"] .dropdown-content {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .dropdown-content a {
    color: #121212 !important;
}

html[data-theme="light"] .dropdown-content a:hover {
    color: #121212 !important;
    background: #f1f3f5;
}

/* Hamburger w jasnym pasku — ciemne kreski; overlay menu nadal ciemny */
html[data-theme="light"] #mobile-menu-toggle span {
    background-color: #121212 !important;
}

html[data-theme="light"] #site-nav .logo-dark-to-white,
html[data-theme="light"] #footer .logo-dark-to-white {
    filter: brightness(0.15) !important;
    opacity: 0.95 !important;
}

/* Overlay hamburgera zawsze ciemny — nawet przy jasnym chrome */
html[data-theme="light"] #mobile-menu {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

html[data-theme="light"] #mobile-menu .logo-dark-to-white {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

html[data-theme="light"] #mobile-menu a,
html[data-theme="light"] #mobile-menu button,
html[data-theme="light"] #mobile-menu .text-gray-400,
html[data-theme="light"] #mobile-menu .theme-toggle-btn {
    color: #9ca3af !important;
}

html[data-theme="light"] #mobile-menu .text-white {
    color: #ffffff !important;
}

}

/* Suwak — nieco szerszy; uchwyt od razu w kolorze jak wcześniej po hover */
html[data-theme="light"],
html[data-theme="light"] body {
    scrollbar-color: #868e96 #f8f9fa;
    scrollbar-width: auto;
}

html[data-theme="light"]::-webkit-scrollbar,
html[data-theme="light"] body::-webkit-scrollbar,
html[data-theme="light"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html[data-theme="light"]::-webkit-scrollbar-track,
html[data-theme="light"] body::-webkit-scrollbar-track,
html[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f8f9fa;
}

html[data-theme="light"]::-webkit-scrollbar-thumb,
html[data-theme="light"] body::-webkit-scrollbar-thumb,
html[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #868e96;
    border-radius: 10px;
}

html[data-theme="light"]::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover,
html[data-theme="light"]::-webkit-scrollbar-thumb:active,
html[data-theme="light"] body::-webkit-scrollbar-thumb:active,
html[data-theme="light"] ::-webkit-scrollbar-thumb:active {
    background: #495057;
}

/* ── Light bands / cards ── */
html[data-theme="light"] .glass-card,
html[data-theme="light"] .premium-card,
html[data-theme="light"] .home-videos-card {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.06) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    color: #121212;
}

html[data-theme="light"] .glass-card:hover,
html[data-theme="light"] .premium-card:hover {
    background: #f8f9fa !important;
    border-color: rgba(18, 18, 18, 0.12) !important;
}

html[data-theme="light"] .portal-band {
    background: #f1f3f5 !important;
    border-color: rgba(18, 18, 18, 0.06) !important;
}

html[data-theme="light"] .portal-band::before {
    opacity: 0.25;
    background-image:
        linear-gradient(rgba(18, 18, 18, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(18, 18, 18, 0.03) 1px, transparent 1px);
}

html[data-theme="light"] .home-videos-section {
    background-color: #f8f9fa;
}

/* Primary / orange buttons keep white label */
html[data-theme="light"] .bg-primary,
html[data-theme="light"] .bg-\[\#ff6600\],
html[data-theme="light"] a.bg-\[\#ff6600\],
html[data-theme="light"] button.bg-\[\#ff6600\],
html[data-theme="light"] .bg-primary.text-white,
html[data-theme="light"] a.bg-primary {
    color: #ffffff !important;
}

html[data-theme="light"] .hover\:bg-\[\#ff6600\]:hover,
html[data-theme="light"] .hover\:bg-primary:hover {
    color: #ffffff !important;
}

/* ── Dark accent: tylko Manifest marki (nie sekcja #aktualnosci na home) ── */
html[data-theme="light"] .mission-bg,
html[data-theme="light"] #manifest {
    background: linear-gradient(165deg, #252525 0%, #121212 100%) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* Nadpisz inline styles z styles.json (#9ca3af / #fff) — jaśniejszy kontrast */
html[data-theme="light"] #manifest h2,
html[data-theme="light"] #manifest h3,
html[data-theme="light"] #manifest h4,
html[data-theme="light"] #manifest p,
html[data-theme="light"] #manifest span,
html[data-theme="light"] #manifest .section-title,
html[data-theme="light"] #manifest .text-white,
html[data-theme="light"] #manifest .text-gray-400,
html[data-theme="light"] .mission-bg .text-white,
html[data-theme="light"] .mission-bg .text-gray-400 {
    color: #ffffff !important;
}

html[data-theme="light"] #manifest h2,
html[data-theme="light"] #manifest h4,
html[data-theme="light"] #manifest .text-gray-400.italic,
html[data-theme="light"] .mission-bg .text-gray-400.italic {
    color: rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] #manifest .text-primary {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #manifest .accent-line {
    background-color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #manifest .border-white\/10,
html[data-theme="light"] #manifest .border-l.border-white\/10 {
    border-color: rgba(255, 255, 255, 0.18) !important;
    border-left-color: rgba(255, 255, 255, 0.18) !important;
}

/* Sekcja aktualności na home — jasne tło jak pozostałe pasy */
html[data-theme="light"] #aktualnosci.portal-band {
    background: #f1f3f5 !important;
    border-color: rgba(18, 18, 18, 0.06) !important;
    color: #495057;
}

html[data-theme="light"] #aktualnosci .section-title {
    color: #121212 !important;
}

html[data-theme="light"] #aktualnosci .text-gray-400 {
    color: #495057 !important;
}

html[data-theme="light"] #aktualnosci #home-news-open {
    color: #495057 !important;
    border-color: rgba(18, 18, 18, 0.18) !important;
}

html[data-theme="light"] #aktualnosci #home-news-open:hover {
    color: #121212 !important;
    border-color: #121212 !important;
}

/* Panel boczny aktualności — zawsze ciemny w light theme */
html[data-theme="light"] #news-panel {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    border-left-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="light"] #news-panel .bg-panel,
html[data-theme="light"] #news-panel .bg-main,
html[data-theme="light"] #news-panel [class*="bg-panel"],
html[data-theme="light"] #news-panel > .sticky,
html[data-theme="light"] #news-panel > div.sticky,
html[data-theme="light"] #news-panel > div.border-b {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="light"] #news-panel .text-white,
html[data-theme="light"] #news-panel .hover\:text-white:hover {
    color: #ffffff !important;
}

html[data-theme="light"] #news-panel .text-gray-400,
html[data-theme="light"] #news-panel .text-gray-300,
html[data-theme="light"] #news-panel .text-gray-500 {
    color: #9ca3af !important;
}

html[data-theme="light"] #news-panel .text-primary {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #news-panel .border-white\/5,
html[data-theme="light"] #news-panel .border-white\/10 {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="light"] #news-panel-overlay {
    background-color: rgba(10, 10, 10, 0.55) !important;
}

html[data-theme="light"] #home-hero-show + #aktualnosci,
html[data-theme="light"] #home-hero-show + #manifest,
html[data-theme="light"] #home-hero-show + #linie-produktowe {
    border-top-color: rgba(18, 18, 18, 0.06);
}

/* ── Hero slideshow / photo heroes — light text ── */
html[data-theme="light"] .hero-show .text-white,
html[data-theme="light"] .hero-show .hero-show__title,
html[data-theme="light"] .hero-show .hero-show__link,
html[data-theme="light"] .page-hero .text-white,
html[data-theme="light"] .page-hero .section-title {
    color: #ffffff !important;
}

html[data-theme="light"] .hero-show .text-gray-400,
html[data-theme="light"] .hero-show .text-gray-300,
html[data-theme="light"] .hero-show .text-gray-200,
html[data-theme="light"] .page-hero .text-gray-400,
html[data-theme="light"] .page-hero .text-gray-300 {
    color: rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="light"] .hero-show .hero-show__link {
    border-bottom-color: rgba(255, 255, 255, 0.3) !important;
}

html[data-theme="light"] .hero-show .hero-show__link:hover {
    color: var(--primary-color, #ff6600) !important;
    border-bottom-color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] .hero-show .hover\:text-white:hover,
html[data-theme="light"] .page-hero .hover\:text-white:hover {
    color: #ffffff !important;
}

html[data-theme="light"] .hero-show__btn--ghost {
    background: rgba(10, 10, 10, 0.52);
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2);
}

html[data-theme="light"] .hero-show__btn--ghost:hover {
    background: rgba(255, 255, 255, 0.92);
    color: #121212 !important;
    border-color: rgba(18, 18, 18, 0.12);
}

html[data-theme="light"] .hero-show__scrim {
    background: linear-gradient(
        105deg,
        rgba(10, 10, 10, 0.72) 0%,
        rgba(10, 10, 10, 0.35) 55%,
        rgba(10, 10, 10, 0.15) 100%
    );
}

html[data-theme="light"] .page-hero {
    color: #fff;
}

html[data-theme="light"] .hero-show .eu-origin__title,
html[data-theme="light"] .page-hero .eu-origin__title {
    color: #ffffff !important;
}

html[data-theme="light"] .hero-show .eu-origin__desc,
html[data-theme="light"] .page-hero .eu-origin__desc {
    color: rgba(255, 255, 255, 0.78) !important;
}

/* Lines / news cards on light bands */
html[data-theme="light"] .news-preview-card,
html[data-theme="light"] .news-preview-card-body {
    background: #ffffff;
    color: #121212;
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-theme="light"] .news-preview-title {
    color: #121212;
}

html[data-theme="light"] .news-preview-excerpt,
html[data-theme="light"] .news-preview-date {
    color: #868e96;
}

/* Podstrona aktualności — czytelne teksty; hover grafit, nie pomarańcz */
html[data-theme="light"] .news-archive-item {
    border-bottom-color: rgba(18, 18, 18, 0.08);
}

html[data-theme="light"] .news-archive-date {
    color: #868e96;
}

html[data-theme="light"] .news-archive-card,
html[data-theme="light"] .news-article,
html[data-theme="light"] .news-empty-state {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    color: #495057;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .news-archive-card:hover {
    background: #f8f9fa !important;
    border-color: rgba(18, 18, 18, 0.18) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .news-archive-title,
html[data-theme="light"] .news-article-title,
html[data-theme="light"] .news-empty-state .text-white,
html[data-theme="light"] .news-empty-state h2 {
    color: #121212 !important;
}

html[data-theme="light"] .news-archive-excerpt,
html[data-theme="light"] .news-article-content {
    color: #495057 !important;
}

html[data-theme="light"] .news-article-body .news-preview-date {
    color: #868e96 !important;
}

html[data-theme="light"] .news-back-link {
    color: #495057 !important;
}

html[data-theme="light"] .news-back-link:hover {
    color: #121212 !important;
}

html[data-theme="light"] .news-archive-card:hover .news-archive-title {
    color: #121212 !important;
}

html[data-theme="light"] .hero-show__lines-card,
html[data-theme="light"] .hero-show__lines-row,
html[data-theme="light"] .portal-band--lines .hero-show__lines-card,
html[data-theme="light"] .portal-band--lines .hero-show__lines-row {
    background: #ffffff;
    border-color: rgba(18, 18, 18, 0.08);
}

/* Most do katalogu — jasna karta w light */
html[data-theme="light"] .home-catalog-bridge__card {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .home-catalog-bridge__lead {
    color: #495057 !important;
}

html[data-theme="light"] .home-catalog-bridge__field {
    background: #f8f9fa !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
}

html[data-theme="light"] .home-catalog-bridge__input {
    color: #121212 !important;
    -webkit-text-fill-color: #121212 !important;
    caret-color: #121212 !important;
    background: transparent !important;
}

html[data-theme="light"] .home-catalog-bridge__vehicle {
    color: #495057 !important;
    border-color: rgba(18, 18, 18, 0.14) !important;
    background: #ffffff !important;
}

html[data-theme="light"] .home-catalog-bridge__vehicle:hover {
    color: #121212 !important;
    border-color: rgba(18, 18, 18, 0.28) !important;
    background: #f1f3f5 !important;
}

html[data-theme="light"] .hero-show__lines-card-label,
html[data-theme="light"] .hero-show__lines-row-label {
    color: #121212;
}

html[data-theme="light"] .hero-show__lines-row-count,
html[data-theme="light"] .hero-show__lines-card-count,
html[data-theme="light"] .hero-show__lines-row-arrow {
    color: #868e96;
}

/* ── Hero: 2. slajd (historia) + nagrody + opinie — jasne tło w light ── */
html[data-theme="light"] .hero-show__slide[data-slide-index="1"],
html[data-theme="light"] .hero-show__slide--awards,
html[data-theme="light"] .hero-show__slide--reviews {
    background: #f8f9fa !important;
    color: #495057;
}

/*
 * Pas u góry (xl+, pod transparentnym navem): miękkie przenikanie do jasnego,
 * bez ostrej linii — rozjaśnia też ciemną prawą stronę zdjęcia.
 * z-index 1 — nad media/scrim, pod .hero-show__content (z-index 2).
 */
@media (min-width: 1280px) {
    html[data-theme="light"] .hero-show__slide[data-slide-index="1"]::after,
    html[data-theme="light"] .hero-show__slide--awards::after,
    html[data-theme="light"] .hero-show__slide--reviews::after {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: min(16rem, 38vh);
        z-index: 1;
        pointer-events: none;
        background:
            radial-gradient(
                ellipse 95% 140% at 88% -10%,
                rgba(248, 249, 250, 0.9) 0%,
                rgba(248, 249, 250, 0.55) 32%,
                rgba(248, 249, 250, 0.18) 58%,
                transparent 78%
            ),
            linear-gradient(
                180deg,
                rgba(248, 249, 250, 0.92) 0%,
                rgba(248, 249, 250, 0.72) 18%,
                rgba(248, 249, 250, 0.45) 38%,
                rgba(248, 249, 250, 0.22) 55%,
                rgba(248, 249, 250, 0.08) 72%,
                rgba(248, 249, 250, 0.02) 88%,
                transparent 100%
            );
    }
}

html[data-theme="light"] .hero-show__slide--awards .hero-show__media--panel-cover,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__media--panel-cover {
    width: 62%;
    /* Jak w dark — bez rozjaśniania / insetu; maska tylko od lewej do tła */
    filter: brightness(0.9) contrast(1.03) saturate(1.02) !important;
    box-shadow: none;
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.15) 8%,
        rgba(0, 0, 0, 0.55) 20%,
        #000 36%
    );
    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.15) 8%,
        rgba(0, 0, 0, 0.55) 20%,
        #000 36%
    );
}

html[data-theme="light"] .hero-show__slide--awards .hero-show__scrim--panel,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__scrim--panel {
    /* Przenikanie tylko z lewej do koloru tła — prawa strona bez białego mycia */
    background: linear-gradient(
        90deg,
        #f8f9fa 0%,
        #f8f9fa 30%,
        rgba(248, 249, 250, 0.92) 40%,
        rgba(248, 249, 250, 0.45) 52%,
        rgba(248, 249, 250, 0.12) 64%,
        transparent 78%
    ) !important;
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__media {
    /* Krawędź zdjęcia dalej pod solidnym fade — mniej widocznego „cięcia” */
    width: 70%;
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__media--split-cover {
    filter: brightness(0.78) contrast(1.05);
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.2) 10%,
        rgba(0, 0, 0, 0.65) 22%,
        #000 38%
    );
    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.2) 10%,
        rgba(0, 0, 0, 0.65) 22%,
        #000 38%
    );
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__scrim {
    /* Dłuższy, gęstszy fade w kolorze tła slajdu — bez ostrej linii */
    background: linear-gradient(90deg,
        #f8f9fa 0%,
        #f8f9fa 42%,
        rgba(248, 249, 250, 0.98) 50%,
        rgba(248, 249, 250, 0.82) 58%,
        rgba(248, 249, 250, 0.45) 68%,
        rgba(248, 249, 250, 0.15) 80%,
        transparent 92%) !important;
}

@media (max-width: 767px) {
    html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__media {
        width: 100%;
    }

    html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__media--split-cover {
        filter: brightness(0.72) contrast(1.05);
        -webkit-mask-image: linear-gradient(
            180deg,
            transparent 0%,
            rgba(0, 0, 0, 0.45) 18%,
            #000 42%
        );
        mask-image: linear-gradient(
            180deg,
            transparent 0%,
            rgba(0, 0, 0, 0.45) 18%,
            #000 42%
        );
    }

    html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__scrim {
        background: linear-gradient(
            180deg,
            #f8f9fa 0%,
            rgba(248, 249, 250, 0.92) 28%,
            rgba(248, 249, 250, 0.55) 55%,
            rgba(248, 249, 250, 0.78) 100%
        ) !important;
    }

    html[data-theme="light"] .hero-show__slide--awards .hero-show__media--panel-cover,
    html[data-theme="light"] .hero-show__slide--reviews .hero-show__media--panel-cover {
        width: 100%;
        opacity: 1;
        filter: brightness(0.9) contrast(1.03) saturate(1.02) !important;
        box-shadow: none;
        background-position: 72% center;
        -webkit-mask-image: linear-gradient(
            180deg,
            transparent 0%,
            rgba(0, 0, 0, 0.45) 18%,
            #000 42%
        );
        mask-image: linear-gradient(
            180deg,
            transparent 0%,
            rgba(0, 0, 0, 0.45) 18%,
            #000 42%
        );
    }

    html[data-theme="light"] .hero-show__slide--awards .hero-show__scrim--panel,
    html[data-theme="light"] .hero-show__slide--reviews .hero-show__scrim--panel {
        /* Jak historia: fade od tła u góry, zdjęcie widoczne w środku bez mycia */
        background: linear-gradient(
            180deg,
            #f8f9fa 0%,
            rgba(248, 249, 250, 0.88) 22%,
            rgba(248, 249, 250, 0.28) 48%,
            rgba(248, 249, 250, 0.55) 78%,
            rgba(248, 249, 250, 0.85) 100%
        ) !important;
    }
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__title,
html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .text-white,
html[data-theme="light"] .hero-show__slide--awards .hero-show__title,
html[data-theme="light"] .hero-show__slide--awards .text-white,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__title,
html[data-theme="light"] .hero-show__slide--reviews .text-white {
    color: #121212 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__year {
    color: #121212;
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__milestones p,
html[data-theme="light"] .hero-show__slide--awards .hero-show__split-lead,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__split-lead,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__reviews-source,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__split-stat-label {
    color: #495057 !important;
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__stat {
    background: #ffffff;
    border-color: rgba(18, 18, 18, 0.1);
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__stat-label {
    color: #868e96;
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__link,
html[data-theme="light"] .hero-show__slide--awards .hero-show__link,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__link {
    color: #121212 !important;
    border-bottom-color: rgba(18, 18, 18, 0.25) !important;
}

html[data-theme="light"] .hero-show__slide[data-slide-index="1"] .hero-show__link:hover,
html[data-theme="light"] .hero-show__slide--awards .hero-show__link:hover,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__link:hover {
    color: #121212 !important;
    border-bottom-color: #121212 !important;
}

html[data-theme="light"] .hero-show__slide--reviews .hero-show__split-stat-value {
    color: #121212 !important;
}

html[data-theme="light"] .hero-show__award,
html[data-theme="light"] .hero-show__slide--awards .hero-show__award {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-theme="light"] .hero-show__award-title,
html[data-theme="light"] .hero-show__slide--awards .hero-show__award-title {
    color: #121212 !important;
}

html[data-theme="light"] .hero-show__award-note,
html[data-theme="light"] .hero-show__slide--awards .hero-show__award-note,
html[data-theme="light"] .hero-show__awards-empty {
    color: #868e96 !important;
}

html[data-theme="light"] .hero-show__slide--awards .hero-show__award-media,
html[data-theme="light"] .hero-show__slide--awards .hero-show__award-mark {
    background: #e9ecef !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
}

html[data-theme="light"] .hero-show__slide--awards .hero-show__award-media img {
    padding: 0.45rem;
}

html[data-theme="light"] .hero-show__slide--reviews .hero-show__review {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-theme="light"] .hero-show__slide--reviews .hero-show__review-title {
    color: #121212;
}

html[data-theme="light"] .hero-show__slide--reviews .hero-show__review-desc,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__review-trans,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__review-author time {
    color: #868e96;
}

html[data-theme="light"] .hero-show__slide--reviews .hero-show__review-quote p,
html[data-theme="light"] .hero-show__slide--reviews .hero-show__review-author {
    color: #495057;
}

html[data-theme="light"] .hero-show__slide--reviews .hero-show__review-foot {
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-theme="light"] .hero-show__slide--reviews .hero-show__review-thumbs img {
    border-color: rgba(18, 18, 18, 0.1);
    background: #f1f3f5;
}

/* Chevrony / pager przy jasnych slajdach hero */
html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__chevron,
html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__chevron,
html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__chevron {
    color: rgba(18, 18, 18, 0.4);
    text-shadow: none;
}

html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__dot,
html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__dot,
html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__dot {
    background: rgba(18, 18, 18, 0.28);
}

html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__dot.is-active,
html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__dot.is-active,
html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__dot.is-active {
    background: rgba(18, 18, 18, 0.88);
}

html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__dot:hover,
html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__dot:hover,
html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__dot:hover {
    background: rgba(18, 18, 18, 0.55);
}

html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__chevron:hover,
html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__chevron:hover,
html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__chevron:hover,
html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__chevron:active,
html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__chevron:active,
html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__chevron:active {
    color: #121212;
}

/* Historia / nagrody / opinie: na desktopie jasne chevrony — zdjęcie po prawej jest ciemniejsze; mobile bez zmian */
@media (min-width: 768px) {
    html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__chevron,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__chevron,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__chevron {
        color: rgba(255, 255, 255, 0.82);
        text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
    }

    html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__chevron:hover,
    html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__chevron:active,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__chevron:hover,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__chevron:active,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__chevron:hover,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__chevron:active {
        color: #ffffff;
    }

    html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__dot,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__dot,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__dot {
        background: rgba(255, 255, 255, 0.35);
    }

    html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__dot.is-active,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__dot.is-active,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__dot.is-active {
        background: rgba(255, 255, 255, 0.95);
    }

    html[data-theme="light"] .hero-show:has([data-slide-index="1"].is-active) .hero-show__dot:hover,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--awards.is-active) .hero-show__dot:hover,
    html[data-theme="light"] .hero-show:has(.hero-show__slide--reviews.is-active) .hero-show__dot:hover {
        background: rgba(255, 255, 255, 0.7);
    }
}

html[data-theme="light"] .sitemap-tree a {
    color: #121212;
}

html[data-theme="light"] .sitemap-tree ul {
    border-left-color: rgba(18, 18, 18, 0.12);
}

html[data-theme="light"] .sitemap-xml-note a {
    color: #868e96;
}

html[data-theme="light"] .ghc-shell,
html[data-theme="light"] .ghp-detail,
html[data-theme="light"] .ghc-results {
    color: #121212;
}

html[data-theme="light"] .ghp-breadcrumb a:hover,
html[data-theme="light"] .ghp-breadcrumb-current,
html[data-theme="light"] .ghp-not-found h1 {
    color: #121212;
}

/* Spec/num-group na karcie produktu: patrz catalog.css v45 (dark/light mix) */

.cookie-consent,
#cookie-consent.cookie-banner {
    background: #ffffff !important;
    color: #121212 !important;
    border-top-color: rgba(18, 18, 18, 0.1) !important;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.08) !important;
}

#cookie-consent .text-white,
.cookie-consent .text-white {
    color: #121212 !important;
}

#cookie-consent .text-gray-400,
#cookie-consent .cookie-banner__copy p,
#cookie-consent .cookie-banner__copy a {
    color: #495057 !important;
}

#cookie-consent .cookie-banner__copy a:hover {
    color: #121212 !important;
}

#cookie-consent .cookie-banner__close {
    color: #868e96;
}

#cookie-consent .cookie-banner__close:hover {
    color: #121212;
    background: rgba(18, 18, 18, 0.06);
}

#cookie-consent .cookie-banner__segment {
    border-color: rgba(18, 18, 18, 0.14);
    background: #f1f3f5;
}

#cookie-consent .cookie-banner__btn {
    color: #495057;
    border-right-color: rgba(18, 18, 18, 0.1);
}

#cookie-consent .cookie-banner__btn:hover:not(.is-selected) {
    background: #e9ecef;
    color: #121212;
}

#cookie-consent .cookie-banner__btn.is-selected {
    background: #121212;
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

@media (max-width: 640px) {
    #cookie-consent .cookie-banner__btn {
        border-bottom-color: rgba(18, 18, 18, 0.1);
    }
}

html[data-theme="light"] .form-panel-calm,
html[data-theme="light"] .cta-strip {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    color: #121212;
}

html[data-theme="light"] .accent-line {
    background-color: var(--primary-color, #ff6600);
}

/* ── Polityka jakości — teksty jak home; CTA jak #manifest ── */
html[data-theme="light"] #procedury,
html[data-theme="light"] #procedury .page-content {
    color: #495057;
}

html[data-theme="light"] #procedury h3,
html[data-theme="light"] #procedury h4,
html[data-theme="light"] #procedury .text-white,
html[data-theme="light"] #procedury [style*="color: #ffffff"],
html[data-theme="light"] #procedury [style*="color:#ffffff"] {
    color: #121212 !important;
}

html[data-theme="light"] #procedury .text-gray-500,
html[data-theme="light"] #procedury .italic.text-gray-500,
html[data-theme="light"] #procedury span.italic {
    color: #868e96 !important;
}

html[data-theme="light"] #procedury .text-gray-400,
html[data-theme="light"] #procedury p,
html[data-theme="light"] #procedury li,
html[data-theme="light"] #procedury .criteria-list li {
    color: #495057 !important;
}

html[data-theme="light"] #procedury [style*="color: #9ca3af"],
html[data-theme="light"] #procedury [style*="color:#9ca3af"] {
    color: #495057 !important;
}

html[data-theme="light"] #procedury .w-16.h-\[2px\],
html[data-theme="light"] #procedury .bg-white.opacity-20 {
    background-color: #121212 !important;
    opacity: 0.15 !important;
}

html[data-theme="light"] #procedury .border-white\/10 {
    border-color: rgba(18, 18, 18, 0.12) !important;
}

html[data-theme="light"] #procedury .process-phase-num {
    background: #ffffff !important;
    border-color: rgba(255, 102, 0, 0.35) !important;
}

html[data-theme="light"] #procedury .premium-card {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    color: #121212;
}

/* „Jakość, na którą dajemy twarde dowody” — jak #manifest na home */
html[data-theme="light"] #quality-proof .cta-strip {
    background: linear-gradient(165deg, #252525 0%, #121212 100%) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] #quality-proof .cta-strip::after {
    opacity: 0.35;
}

html[data-theme="light"] #quality-proof .cta-strip h3,
html[data-theme="light"] #quality-proof .cta-strip .text-white,
html[data-theme="light"] #quality-proof .cta-strip [style*="color: #ffffff"],
html[data-theme="light"] #quality-proof .cta-strip [style*="color:#ffffff"] {
    color: #ffffff !important;
}

html[data-theme="light"] #quality-proof .cta-strip .text-gray-500,
html[data-theme="light"] #quality-proof .cta-strip .italic.text-gray-500,
html[data-theme="light"] #quality-proof .cta-strip span.italic {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-theme="light"] #quality-proof .cta-strip p,
html[data-theme="light"] #quality-proof .cta-strip [style*="color: #9ca3af"],
html[data-theme="light"] #quality-proof .cta-strip [style*="color:#9ca3af"] {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-theme="light"] #quality-proof .cta-strip strong {
    color: var(--primary-color, #ff6600) !important;
    font-weight: 800 !important;
}

html[data-theme="light"] #quality-proof .cta-strip a {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

html[data-theme="light"] #quality-proof .cta-strip a:hover {
    background: #ffffff !important;
    color: #121212 !important;
    border-color: #ffffff !important;
}

html[data-theme="light"] #quality-proof {
    border-top-color: rgba(18, 18, 18, 0.08) !important;
}

/* ── Kolumny — teksty jak home; assurance + kafelki 01–03 jak #manifest ── */
html[data-theme="light"] #struts-feature,
html[data-theme="light"] #struts-benefits,
html[data-theme="light"] #knuckles-benefits,
html[data-theme="light"] #struts-assembly-video,
html[data-theme="light"] #struts-spec {
    color: #495057;
}

html[data-theme="light"] #struts-feature .eu-origin__title {
    color: #121212 !important;
}

html[data-theme="light"] #struts-feature .eu-origin__desc {
    color: #495057 !important;
}

html[data-theme="light"] #struts-feature .eu-origin__flag {
    border-color: rgba(18, 18, 18, 0.12) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .page-hero .solutions-hero-marks__eu {
    border-color: rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
}


html[data-theme="light"] #struts-feature > .max-w-6xl > .grid h3,
html[data-theme="light"] #struts-feature > .max-w-6xl > .grid h4,
html[data-theme="light"] #struts-feature > .max-w-6xl > .grid .text-white,
html[data-theme="light"] #struts-feature > .max-w-6xl > .grid [style*="color: #ffffff"],
html[data-theme="light"] #struts-feature > .max-w-6xl > .grid [style*="color:#ffffff"],
html[data-theme="light"] #struts-spec > .max-w-6xl > .mb-16 h3,
html[data-theme="light"] #struts-spec > .max-w-6xl > .mb-16 [style*="color: #ffffff"],
html[data-theme="light"] #struts-spec > .max-w-6xl > .mb-16 [style*="color:#ffffff"] {
    color: #121212 !important;
}

html[data-theme="light"] #struts-feature > .max-w-6xl > .grid .text-gray-500,
html[data-theme="light"] #struts-feature > .max-w-6xl > .grid .italic.text-gray-500,
html[data-theme="light"] #struts-feature > .max-w-6xl > .grid span.italic,
html[data-theme="light"] #struts-spec > .max-w-6xl > .mb-16 .text-gray-500,
html[data-theme="light"] #struts-spec > .max-w-6xl > .mb-16 span.italic {
    color: #868e96 !important;
}

html[data-theme="light"] #struts-feature > .max-w-6xl > .grid p,
html[data-theme="light"] #struts-feature > .max-w-6xl > .grid [style*="color: #9ca3af"],
html[data-theme="light"] #struts-feature > .max-w-6xl > .grid [style*="color:#9ca3af"] {
    color: #495057 !important;
}

html[data-theme="light"] #struts-benefits h3,
html[data-theme="light"] #struts-benefits .text-white,
html[data-theme="light"] #knuckles-benefits h3,
html[data-theme="light"] #knuckles-benefits .text-white,
html[data-theme="light"] #struts-assembly-video h3,
html[data-theme="light"] #struts-assembly-video .text-white {
    color: #121212 !important;
}

html[data-theme="light"] #struts-benefits h3 .text-gray-500,
html[data-theme="light"] #struts-benefits h3 span.italic,
html[data-theme="light"] #knuckles-benefits h3 .text-gray-500,
html[data-theme="light"] #knuckles-benefits h3 span.italic {
    color: #868e96 !important;
}

html[data-theme="light"] #struts-benefits .text-gray-400,
html[data-theme="light"] #knuckles-benefits .text-gray-400,
html[data-theme="light"] #struts-assembly-video .text-gray-400 {
    color: #495057 !important;
}

html[data-theme="light"] #struts-feature .border-white\/10,
html[data-theme="light"] #struts-feature .border-b {
    border-color: rgba(18, 18, 18, 0.08) !important;
}

/* Warunki gwarancji i zwrotu — jak #manifest */
html[data-theme="light"] #assurance-block {
    background: linear-gradient(165deg, #252525 0%, #121212 100%) !important;
    border-color: rgba(255, 102, 0, 0.15) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #assurance-block h3,
html[data-theme="light"] #assurance-block h4,
html[data-theme="light"] #assurance-block .text-white,
html[data-theme="light"] #assurance-block span,
html[data-theme="light"] #assurance-block p,
html[data-theme="light"] #assurance-block [style*="color: #ffffff"],
html[data-theme="light"] #assurance-block [style*="color:#ffffff"] {
    color: #ffffff !important;
}

html[data-theme="light"] #assurance-block .text-gray-500,
html[data-theme="light"] #assurance-block .italic.text-gray-500,
html[data-theme="light"] #assurance-block span.italic {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-theme="light"] #assurance-block [style*="color: #9ca3af"],
html[data-theme="light"] #assurance-block [style*="color:#9ca3af"],
html[data-theme="light"] #assurance-block p {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-theme="light"] #assurance-block [style*="color: #ff6600"],
html[data-theme="light"] #assurance-block [style*="color:#ff6600"],
html[data-theme="light"] #assurance-block .text-\[\#ff6600\],
html[data-theme="light"] #assurance-block a.text-\[\#ff6600\],
html[data-theme="light"] #assurance-block .text-primary {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #assurance-block .bg-white\/5,
html[data-theme="light"] #assurance-block .bg-white\/\[0\.05\] {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="light"] #assurance-block .border-white\/5,
html[data-theme="light"] #assurance-block .border-white\/10 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="light"] #assurance-block .w-\[1px\].bg-white\/10 {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="light"] #assurance-block a:hover {
    color: #ffffff !important;
}

/* Kafelki 01 / 02 / 03 — ciemne jak w dark */
html[data-theme="light"] #struts-spec .slider-card {
    background: linear-gradient(165deg, #252525 0%, #121212 100%) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #struts-spec .slider-card:hover {
    border-color: rgba(255, 102, 0, 0.45) !important;
    background: linear-gradient(165deg, #2a2a2a 0%, #161616 100%) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35), 0 0 24px rgba(255, 102, 0, 0.12) !important;
    transform: translateY(-4px) scale(var(--hover-scale));
}

html[data-theme="light"] #struts-spec .slider-card h4,
html[data-theme="light"] #struts-spec .slider-card .text-white,
html[data-theme="light"] #struts-spec .slider-card [style*="color: #ffffff"],
html[data-theme="light"] #struts-spec .slider-card [style*="color:#ffffff"] {
    color: #ffffff !important;
}

html[data-theme="light"] #struts-spec .slider-card p,
html[data-theme="light"] #struts-spec .slider-card [style*="color: #9ca3af"],
html[data-theme="light"] #struts-spec .slider-card [style*="color:#9ca3af"] {
    color: rgba(255, 255, 255, 0.7) !important;
}

html[data-theme="light"] #struts-spec .slider-card .text-white\/20,
html[data-theme="light"] #struts-spec .slider-card [class*="text-white/20"] {
    color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="light"] #struts-spec .slider-card:hover .text-white\/20,
html[data-theme="light"] #struts-spec .slider-card:hover [class*="text-white/20"] {
    color: rgba(255, 102, 0, 0.4) !important;
}

html[data-theme="light"] #struts-spec .slider-dots .bg-white\/20,
html[data-theme="light"] #struts-spec .slider-dots-knuckles .bg-white\/20 {
    background-color: rgba(18, 18, 18, 0.2) !important;
}

html[data-theme="light"] #repair-process .slider-dots-repair .bg-white\/20 {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Regeneracja — nagłówek czytelny; kafelki procesu jak #struts-spec */
html[data-theme="light"] #repair-process {
    color: #495057;
}

html[data-theme="light"] #repair-process .reveal-up h2,
html[data-theme="light"] #repair-process .reveal-up h3,
html[data-theme="light"] #repair-process .reveal-up .text-white,
html[data-theme="light"] #repair-process .reveal-up [style*="color: #ffffff"],
html[data-theme="light"] #repair-process .reveal-up [style*="color:#ffffff"] {
    color: #121212 !important;
}

html[data-theme="light"] #repair-process .reveal-up .text-gray-500,
html[data-theme="light"] #repair-process .reveal-up .text-gray-400,
html[data-theme="light"] #repair-process .reveal-up p {
    color: #495057 !important;
}

html[data-theme="light"] #repair-process .reveal-up [class*="text-[#ff6600]"],
html[data-theme="light"] #repair-process .reveal-up .text-\[\#ff6600\] {
    color: var(--primary-color, #ff6600) !important;
}

/* Kafelki procesu — jak #struts-spec (ciemne + numery 01/02/03) */
html[data-theme="light"] #repair-process .slider-card {
    background: linear-gradient(165deg, #252525 0%, #121212 100%) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #repair-process .slider-card:hover {
    border-color: rgba(255, 102, 0, 0.35) !important;
    background: linear-gradient(165deg, #2a2a2a 0%, #161616 100%) !important;
}

html[data-theme="light"] #repair-process .slider-card h3,
html[data-theme="light"] #repair-process .slider-card h4,
html[data-theme="light"] #repair-process .slider-card .text-white,
html[data-theme="light"] #repair-process .slider-card [style*="color: #ffffff"],
html[data-theme="light"] #repair-process .slider-card [style*="color:#ffffff"] {
    color: #ffffff !important;
}

html[data-theme="light"] #repair-process .slider-card p,
html[data-theme="light"] #repair-process .slider-card [style*="color: #9ca3af"],
html[data-theme="light"] #repair-process .slider-card [style*="color:#9ca3af"] {
    color: rgba(255, 255, 255, 0.7) !important;
}

html[data-theme="light"] #repair-process .slider-card .text-white\/20,
html[data-theme="light"] #repair-process .slider-card [class*="text-white/20"] {
    color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="light"] #repair-process .slider-card:hover .text-white\/20,
html[data-theme="light"] #repair-process .slider-card:hover [class*="text-white/20"] {
    color: rgba(255, 102, 0, 0.4) !important;
}

/* Regeneracja — CTA jak #quality-proof / #manifest */
html[data-theme="light"] #repair-cta {
    background-color: #f8f9fa !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
}

html[data-theme="light"] #repair-cta .service-desk.cta-strip,
html[data-theme="light"] #repair-cta .cta-strip {
    background: linear-gradient(165deg, #252525 0%, #121212 100%) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] #repair-cta .cta-strip::after {
    opacity: 0.35;
}

html[data-theme="light"] #repair-cta .cta-strip h3,
html[data-theme="light"] #repair-cta .cta-strip .text-white,
html[data-theme="light"] #repair-cta .cta-strip [style*="color: #ffffff"],
html[data-theme="light"] #repair-cta .cta-strip [style*="color:#ffffff"] {
    color: #ffffff !important;
}

html[data-theme="light"] #repair-cta .cta-strip .text-gray-500,
html[data-theme="light"] #repair-cta .cta-strip span.italic {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-theme="light"] #repair-cta .cta-strip p,
html[data-theme="light"] #repair-cta .cta-strip [style*="color: #9ca3af"],
html[data-theme="light"] #repair-cta .cta-strip [style*="color:#9ca3af"] {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-theme="light"] #repair-cta .service-desk-btn:hover {
    background: #ffffff !important;
    color: #0a0a0a !important;
}

html[data-theme="light"] .process-step-icon {
    background: rgba(255, 102, 0, 0.08) !important;
    border-color: rgba(255, 102, 0, 0.28) !important;
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] .process-step-divider {
    background: rgba(255, 102, 0, 0.45) !important;
}

/* Sekcja gwarancji na zwrotnicach — jasne tło wokół ciemnego panelu */
html[data-theme="light"] section:has(> .max-w-6xl > #assurance-block) {
    background-color: #f8f9fa !important;
    border-bottom-color: rgba(18, 18, 18, 0.08) !important;
}

/* ═══════════════════════════════════════════════════════════
   Podstrony — wspólne komponenty + katalog / dystrybucja / etc.
   Analogicznie do home: jasne tło, białe karty, ciemny tekst
   poza photo-hero (klasy hero-bg-*).
   ═══════════════════════════════════════════════════════════ */

/* Extra Tailwind surfaces used on subpages */
html[data-theme="light"] [class*="bg-white/[0.02]"],
html[data-theme="light"] [class*="bg-white/[0.03]"],
html[data-theme="light"] .bg-white\/\[0\.02\],
html[data-theme="light"] .bg-white\/\[0\.03\] {
    background-color: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] [class*="bg-black/"],
html[data-theme="light"] .bg-black\/20,
html[data-theme="light"] .bg-black\/30 {
    background-color: #f1f3f5 !important;
}

html[data-theme="light"] [class*="bg-[#111]"],
html[data-theme="light"] [class*="bg-[#111111]"] {
    background-color: #ffffff !important;
}

/* Fałszywy page-hero bez zdjęcia (np. dystrybucja) — ciemny tekst */
html[data-theme="light"] section.page-hero.page-content:not([class*="hero-bg-"]):not(.hero-subpage),
html[data-theme="light"] section.page-hero.page-content:not([class*="hero-bg-"]):not(.hero-subpage) .text-white,
html[data-theme="light"] section.page-hero.page-content:not([class*="hero-bg-"]):not(.hero-subpage) .text-gray-400,
html[data-theme="light"] section.page-hero.page-content:not([class*="hero-bg-"]):not(.hero-subpage) .text-gray-300,
html[data-theme="light"] section.page-hero.page-content:not([class*="hero-bg-"]):not(.hero-subpage) .section-title {
    color: #121212 !important;
}

html[data-theme="light"] section.page-hero.page-content:not([class*="hero-bg-"]):not(.hero-subpage) .text-gray-400,
html[data-theme="light"] section.page-hero.page-content:not([class*="hero-bg-"]):not(.hero-subpage) .text-gray-300 {
    color: #495057 !important;
}

/* CTA hover: biel → grafit na jasnym tle */
html[data-theme="light"] .page-content a.hover\:text-white:hover,
html[data-theme="light"] .page-content button.hover\:text-white:hover,
html[data-theme="light"] a.text-\[\#ff6600\]:hover,
html[data-theme="light"] .page-content .hover\:text-white:hover {
    color: #121212 !important;
}

/* Karty / proof / milestones / process */
html[data-theme="light"] .slider-card,
html[data-theme="light"] .slider-track .slider-card {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    color: #121212;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .slider-card .text-white,
html[data-theme="light"] .slider-card .text-gray-400 {
    color: #121212 !important;
}

html[data-theme="light"] .slider-card .text-gray-400 {
    color: #495057 !important;
}

html[data-theme="light"] .proof-point {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    border-bottom-color: rgba(18, 18, 18, 0.1) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .proof-point:hover {
    border-bottom-color: var(--primary-color, #ff6600) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .proof-point-icon {
    background: #f1f3f5 !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] .proof-point:hover .proof-point-icon {
    background: var(--primary-color, #ff6600) !important;
    border-color: var(--primary-color, #ff6600) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .proof-point-title {
    color: #121212 !important;
}

html[data-theme="light"] .proof-point-desc {
    color: #495057 !important;
}

html[data-theme="light"] .icon-tile {
    background: #f1f3f5 !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
}

html[data-theme="light"] .group:hover .icon-tile,
html[data-theme="light"] .premium-card:hover .icon-tile,
html[data-theme="light"] .icon-tile-card:hover .icon-tile {
    background: var(--primary-color, #ff6600) !important;
    border-color: var(--primary-color, #ff6600) !important;
    color: #ffffff !important;
}

/* Nadpisuje light remap text-[#ff6600] — biała ikona na pomarańczowym tle */
html[data-theme="light"] .group:hover .icon-tile i,
html[data-theme="light"] .premium-card:hover .icon-tile i,
html[data-theme="light"] .icon-tile-card:hover .icon-tile i,
html[data-theme="light"] .group:hover .icon-tile [class*="text-[#ff6600]"],
html[data-theme="light"] .premium-card:hover .icon-tile [class*="text-[#ff6600]"],
html[data-theme="light"] .icon-tile-card:hover .icon-tile [class*="text-[#ff6600]"],
html[data-theme="light"] main section.page-content .icon-tile-card:hover .icon-tile i,
html[data-theme="light"] main section.page-content .icon-tile-card:hover .icon-tile [class*="text-[#ff6600]"] {
    color: #ffffff !important;
}

/* Historia marki: ciemny pas z kafelkami; galeria na jasnym tle */
html[data-theme="light"] .about-history-timeline,
html[data-theme="light"] .about-history-timeline[class*="bg-[#080808]"] {
    background-color: #080808 !important;
    background: #080808 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .about-history-timeline #about-history,
html[data-theme="light"] .about-history-timeline .text-white {
    color: #ffffff !important;
}

html[data-theme="light"] .about-history-gallery {
    background-color: #f8f9fa !important;
    border-color: rgba(18, 18, 18, 0.06) !important;
}

html[data-theme="light"] .about-milestones__card {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: none;
    color: #ffffff !important;
}

html[data-theme="light"] .about-milestones__card:hover,
html[data-theme="light"] .about-milestones--slideshow .about-milestones__item.is-active .about-milestones__card {
    background: rgba(255, 102, 0, 0.06) !important;
    border-color: rgba(255, 102, 0, 0.4) !important;
}

html[data-theme="light"] .about-milestones__year {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] .about-milestones__text {
    color: #d1d5db !important;
}

html[data-theme="light"] .about-milestones-nav {
    color: #9ca3af !important;
}

html[data-theme="light"] .about-milestones-nav:hover:not(:disabled) {
    color: #ffffff !important;
}

html[data-theme="light"] .process-step-num {
    -webkit-text-stroke: 1px rgba(18, 18, 18, 0.12) !important;
}

html[data-theme="light"] .process-step-card .text-white,
html[data-theme="light"] .premium-card .text-white {
    color: #121212 !important;
}

/* Range / telemetry tracks on product pages */
html[data-theme="light"] input[type="range"] {
    accent-color: var(--primary-color, #ff6600);
}

html[data-theme="light"] .page-content input[type="range"]::-webkit-slider-runnable-track {
    background: #dee2e6 !important;
    border-color: rgba(18, 18, 18, 0.12) !important;
}

html[data-theme="light"] .page-content input[type="range"]::-moz-range-track {
    background: #dee2e6 !important;
    border-color: rgba(18, 18, 18, 0.12) !important;
}

html[data-theme="light"] .page-content input[type="range"]::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="light"] .page-content input[type="range"]::-moz-range-thumb {
    height: 24px;
    width: 24px;
    border: none;
    border-radius: 50%;
    background: var(--primary-color, #ff6600);
    cursor: pointer;
    box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* Checkout / koszyk fields */
html[data-theme="light"] input[class*="bg-[#111]"],
html[data-theme="light"] textarea[class*="bg-[#111]"],
html[data-theme="light"] select[class*="bg-[#111]"],
html[data-theme="light"] .page-content input:not(.home-catalog-bridge__input),
html[data-theme="light"] .page-content textarea,
html[data-theme="light"] .page-content select {
    background-color: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.12) !important;
    color: #121212 !important;
}

html[data-theme="light"] .page-content input:not(.home-catalog-bridge__input)::placeholder,
html[data-theme="light"] .page-content textarea::placeholder {
    color: #868e96 !important;
}

/* Most do katalogu — jasne pole / ciemny tekst (nadpisuje page-content) */
html[data-theme="light"] .page-content .home-catalog-bridge__input,
html[data-theme="light"] .home-catalog-bridge .home-catalog-bridge__input {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #121212 !important;
    -webkit-text-fill-color: #121212 !important;
    caret-color: #121212 !important;
}

html[data-theme="light"] .page-content .home-catalog-bridge__input::placeholder,
html[data-theme="light"] .home-catalog-bridge .home-catalog-bridge__input::placeholder {
    color: #868e96 !important;
    -webkit-text-fill-color: #868e96 !important;
}

/* Chat widget — jasny panel (jak karty na podstronach) */
html[data-theme="light"] #chat-window {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
    color: #121212 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="light"] #chat-window .chat-header {
    background: #f8f9fa !important;
    border-bottom-color: rgba(18, 18, 18, 0.08) !important;
}

html[data-theme="light"] #chat-window .chat-avatar {
    background: #ffffff !important;
    border-color: rgba(255, 102, 0, 0.35) !important;
}

html[data-theme="light"] #chat-window .chat-footer {
    background: #f8f9fa !important;
    border-top-color: rgba(18, 18, 18, 0.08) !important;
}

html[data-theme="light"] #chat-window .msg-bot {
    background: #f1f3f5 !important;
    color: #121212 !important;
}

html[data-theme="light"] #chat-window .typing-indicator {
    background: #f1f3f5 !important;
}

html[data-theme="light"] #chat-window .typing-dot {
    background: #adb5bd !important;
}

html[data-theme="light"] #chat-window .chat-input {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.12) !important;
    color: #121212 !important;
}

html[data-theme="light"] #chat-window .chat-input::placeholder {
    color: #868e96 !important;
}

html[data-theme="light"] #chat-window .chat-btn-action {
    background: rgba(255, 102, 0, 0.08) !important;
    border-color: rgba(255, 102, 0, 0.3) !important;
}

html[data-theme="light"] #chat-window .chat-btn-action:hover {
    background: #ff6600 !important;
    color: #0a0a0a !important;
}

html[data-theme="light"] #chat-window .chat-body::-webkit-scrollbar-thumb {
    background: rgba(255, 102, 0, 0.35) !important;
}

html[data-theme="light"] #chat-window .text-white {
    color: #121212 !important;
}

html[data-theme="light"] #chat-window .text-gray-400,
html[data-theme="light"] #chat-window .chat-header .text-gray-400 {
    color: #868e96 !important;
}

html[data-theme="light"] #chat-window .chat-header button:hover {
    color: #121212 !important;
}

html[data-theme="light"] #chat-window .chat-send-btn:hover {
    background: #121212 !important;
    color: #ffffff !important;
}

/* Manifesto — hero jak w dark; treść jasna; pas „Kompletne moduły” jak #manifest */
html[data-theme="light"] main.bg-\[\#000000\],
html[data-theme="light"] main[class*="bg-[#000000]"] {
    background-color: #f8f9fa !important;
    color: #121212 !important;
}

/* Head / hero — pełny ciemny; typografia jak w dark (bez spłaszczania) */
html[data-theme="light"] main > header.page-hero,
html[data-theme="light"] main > .page-hero {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

/* Odwróć globalny remap — zachowaj klasy jak w dark + kolory ze styles.json */
html[data-theme="light"] main > header.page-hero .text-white {
    color: #ffffff !important;
}

html[data-theme="light"] main > header.page-hero .text-gray-500 {
    color: #6b7280 !important;
}

html[data-theme="light"] main > header.page-hero .text-gray-400,
html[data-theme="light"] main > header.page-hero .text-gray-300 {
    color: #9ca3af !important;
}

html[data-theme="light"] main > header.page-hero .text-primary,
html[data-theme="light"] main > header.page-hero [class*="text-[#ff6600]"] {
    color: var(--primary-color, #ff6600) !important;
}

/* Overlay 1:1 jak w dark: from-black via-black/20 to-black
   (bez wzmacniania środka — wcześniej 0.55 robiło hero ciemniejszym niż dark) */
html[data-theme="light"] main > header.page-hero .bg-gradient-to-b {
    background-image: linear-gradient(
        to bottom,
        #000000 0%,
        rgba(0, 0, 0, 0.2) 50%,
        #000000 100%
    ) !important;
}

/* Sekcje treści manifesto (poza dark band) — te same kolory co home light */
html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) .text-white,
html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) h2,
html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) h3,
html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) h4 {
    color: #121212 !important;
}

html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) .text-gray-300,
html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) .text-gray-400,
html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) .text-gray-400.italic,
html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) p.text-gray-400 {
    color: #495057 !important;
}

html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) .text-gray-500,
html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) .text-gray-600 {
    color: #868e96 !important;
}

html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) [class*="text-[#ff6600]"],
html[data-theme="light"] main section.page-content:not([class*="bg-[#080808]"]) .text-\[\#ff6600\] {
    color: var(--primary-color, #ff6600) !important;
}

/* Po remapie orange — białe ikony w kafelkach przy hover (manifesto izolacja itd.) */
html[data-theme="light"] main section.page-content .icon-tile-card:hover .icon-tile i,
html[data-theme="light"] main section.page-content .icon-tile-card:hover .icon-tile [class*="text-[#ff6600]"],
html[data-theme="light"] main section.page-content .group:hover .icon-tile i,
html[data-theme="light"] main section.page-content .group:hover .icon-tile [class*="text-[#ff6600]"],
html[data-theme="light"] main section.page-content .premium-card:hover .icon-tile i,
html[data-theme="light"] main section.page-content .premium-card:hover .icon-tile [class*="text-[#ff6600]"] {
    color: #ffffff !important;
}

/* „Kompletne moduły dla warsztatów” — panel jak #manifest; typografia jak dark */
html[data-theme="light"] main section[class*="bg-[#080808]"] {
    background: linear-gradient(165deg, #252525 0%, #121212 100%) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

html[data-theme="light"] main section[class*="bg-[#080808]"] .text-white {
    color: #ffffff !important;
}

html[data-theme="light"] main section[class*="bg-[#080808]"] .text-gray-300 {
    color: #d1d5db !important;
}

html[data-theme="light"] main section[class*="bg-[#080808]"] .text-gray-400 {
    color: #9ca3af !important;
}

html[data-theme="light"] main section[class*="bg-[#080808]"] .text-gray-500,
html[data-theme="light"] main section[class*="bg-[#080808]"] em.text-gray-500 {
    color: #6b7280 !important;
}

html[data-theme="light"] main section[class*="bg-[#080808]"] .text-\[\#ff6600\],
html[data-theme="light"] main section[class*="bg-[#080808]"] [class*="text-[#ff6600]"] {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] main section[class*="bg-[#080808]"] .border-white\/\[0\.06\],
html[data-theme="light"] main section[class*="bg-[#080808]"] [class*="border-white"] {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Izolatory gumowe — jasne karty, bez pomarańczowego gradientu w tle */
html[data-theme="light"] main [class*="bg-[#0a0a0a]"] {
    background-color: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
    color: #121212 !important;
}

html[data-theme="light"] main [class*="bg-[#0a0a0a]"]:hover {
    border-color: rgba(255, 102, 0, 0.45) !important;
}

/* Warstwa from-[#ff6600]/10 — ukryj na light (wygląda jak pomarańczowy gradient) */
html[data-theme="light"] main [class*="bg-[#0a0a0a]"] .bg-gradient-to-t,
html[data-theme="light"] main [class*="bg-[#0a0a0a]"] [class*="from-[#ff6600]"] {
    display: none !important;
}

html[data-theme="light"] main .group\/container > [class*="radial-gradient"] {
    opacity: 0 !important;
}

/* Siatka produktów w sekcji kompletności — delikatne jasne karty */
html[data-theme="light"] main [class*="bg-white/[0.05]"],
html[data-theme="light"] main .bg-white\/\[0\.05\] {
    background-color: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] main [class*="bg-white/[0.04]"],
html[data-theme="light"] main .bg-white\/\[0\.04\] {
    background-color: #f1f3f5 !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
}

/* ── Katalog / karta produktu: reguły light w assets/catalog/catalog.css (v45+) ── */
html[data-theme="light"] .ghp-page,
html[data-theme="light"] .ghc-search-panel,
html[data-theme="light"] .ghc-catalog-section {
    background-color: #f8f9fa !important;
    color: #121212 !important;
}

html[data-theme="light"] .ghp-btn-primary {
    color: #ffffff !important;
}

/* Asortyment / FEA — karty z blendem */
html[data-theme="light"] .page-content .mix-blend-screen,
html[data-theme="light"] .page-content .mix-blend-multiply,
html[data-theme="light"] .page-content .mix-blend-lighten {
    mix-blend-mode: normal !important;
}

html[data-theme="light"] .fea-hotspot {
    mix-blend-mode: multiply !important;
}

/* Telemetria / FEA / Runout — w light zostają ciemne panele jak w dark */
html[data-theme="light"] #telemetry-block,
html[data-theme="light"] #fea-block,
html[data-theme="light"] #runout-block {
    background-color: #0a0a0a !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #telemetry-block .glass-card,
html[data-theme="light"] #fea-block .glass-card,
html[data-theme="light"] #runout-block .glass-card {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

html[data-theme="light"] #telemetry-block .glass-card:hover,
html[data-theme="light"] #fea-block .glass-card:hover,
html[data-theme="light"] #runout-block .glass-card:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 102, 0, 0.2) !important;
}

html[data-theme="light"] #telemetry-block h2,
html[data-theme="light"] #telemetry-block h3,
html[data-theme="light"] #telemetry-block .text-white,
html[data-theme="light"] #telemetry-block [style*="color: #ffffff"],
html[data-theme="light"] #telemetry-block [style*="color:#ffffff"],
html[data-theme="light"] #fea-block h2,
html[data-theme="light"] #fea-block h3,
html[data-theme="light"] #fea-block .text-white,
html[data-theme="light"] #fea-block [style*="color: #ffffff"],
html[data-theme="light"] #fea-block [style*="color:#ffffff"],
html[data-theme="light"] #runout-block h2,
html[data-theme="light"] #runout-block h3,
html[data-theme="light"] #runout-block .text-white,
html[data-theme="light"] #runout-block [style*="color: #ffffff"],
html[data-theme="light"] #runout-block [style*="color:#ffffff"] {
    color: #ffffff !important;
}

html[data-theme="light"] #telemetry-block .text-gray-500,
html[data-theme="light"] #telemetry-block .italic.text-gray-500,
html[data-theme="light"] #fea-block .text-gray-500,
html[data-theme="light"] #fea-block .italic.text-gray-500,
html[data-theme="light"] #runout-block .text-gray-500,
html[data-theme="light"] #runout-block .italic.text-gray-500 {
    color: #6b7280 !important;
}

html[data-theme="light"] #telemetry-block .text-gray-400,
html[data-theme="light"] #telemetry-block p,
html[data-theme="light"] #telemetry-block [style*="color: #9ca3af"],
html[data-theme="light"] #telemetry-block [style*="color:#9ca3af"],
html[data-theme="light"] #fea-block .text-gray-400,
html[data-theme="light"] #fea-block p,
html[data-theme="light"] #fea-block [style*="color: #9ca3af"],
html[data-theme="light"] #fea-block [style*="color:#9ca3af"],
html[data-theme="light"] #runout-block .text-gray-400,
html[data-theme="light"] #runout-block p,
html[data-theme="light"] #runout-block [style*="color: #9ca3af"],
html[data-theme="light"] #runout-block [style*="color:#9ca3af"] {
    color: #9ca3af !important;
}

html[data-theme="light"] #fea-block .bg-white\/\[0\.02\],
html[data-theme="light"] #fea-block [class*="bg-white/[0.02]"] {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="light"] #fea-block .mix-blend-lighten {
    mix-blend-mode: lighten !important;
}

html[data-theme="light"] #fea-block .fea-hotspot {
    mix-blend-mode: screen !important;
}

html[data-theme="light"] #telemetry-block input[type="range"]::-webkit-slider-runnable-track,
html[data-theme="light"] #fea-block input[type="range"]::-webkit-slider-runnable-track,
html[data-theme="light"] #runout-block input[type="range"]::-webkit-slider-runnable-track {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="light"] #telemetry-block input[type="range"]::-moz-range-track,
html[data-theme="light"] #fea-block input[type="range"]::-moz-range-track,
html[data-theme="light"] #runout-block input[type="range"]::-moz-range-track {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="light"] #telemetry-block input[type="range"]::-webkit-slider-thumb,
html[data-theme="light"] #fea-block input[type="range"]::-webkit-slider-thumb,
html[data-theme="light"] #runout-block input[type="range"]::-webkit-slider-thumb {
    box-shadow: 0 0 15px var(--primary-color, #ff6600) !important;
}

/* Filmiki produktowe (strony marketingowe) — ramka czytelna na jasnym tle.
   Karta produktu (sekcja FILM w .ghp-details): dark — catalog.css v45. */
html[data-theme="light"] .gh-product-video {
    border-color: #c5c9ce !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .gh-product-video:hover {
    border-color: #868e96 !important;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(134, 142, 150, 0.35);
}

/* ── Dystrybucja — hero z mapą zawsze ciemny; treść poniżej jak home ── */
html[data-theme="light"] #dist-hero,
html[data-theme="light"] #dist-hero.page-hero {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="light"] #dist-hero .map-container {
    background-color: #0a0a0a !important;
}

html[data-theme="light"] #dist-hero .map-container::before {
    background: linear-gradient(to bottom, #0a0a0a, transparent) !important;
}

html[data-theme="light"] #dist-hero .map-container::after {
    background: linear-gradient(to top, #0a0a0a, transparent) !important;
}

html[data-theme="light"] #dist-hero .text-white,
html[data-theme="light"] #dist-hero h1,
html[data-theme="light"] #dist-hero h2,
html[data-theme="light"] #dist-hero h3,
html[data-theme="light"] #dist-hero p,
html[data-theme="light"] #dist-hero [style*="color: #ffffff"],
html[data-theme="light"] #dist-hero [style*="color:#ffffff"],
html[data-theme="light"] #dist-hero [style*="color: #9ca3af"],
html[data-theme="light"] #dist-hero [style*="color:#9ca3af"] {
    color: #ffffff !important;
}

html[data-theme="light"] #dist-hero [style*="color: #9ca3af"],
html[data-theme="light"] #dist-hero [style*="color:#9ca3af"] {
    color: rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="light"] #dist-hero [class*="text-[#ff6600]"],
html[data-theme="light"] #dist-hero .text-\[\#ff6600\] {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #dist-proof {
    background-color: #f8f9fa !important;
    color: #495057;
}

html[data-theme="light"] #cooperation-form {
    background-color: #f8f9fa !important;
    border-top-color: rgba(18, 18, 18, 0.08) !important;
    color: #495057;
}

html[data-theme="light"] #cooperation-form .reveal-left h2,
html[data-theme="light"] #cooperation-form .reveal-left h3,
html[data-theme="light"] #cooperation-form .reveal-left .text-white,
html[data-theme="light"] #cooperation-form .reveal-left [style*="color: #ffffff"],
html[data-theme="light"] #cooperation-form .reveal-left [style*="color:#ffffff"] {
    color: #121212 !important;
}

html[data-theme="light"] #cooperation-form .reveal-left h2.text-\[\#ff6600\],
html[data-theme="light"] #cooperation-form .reveal-left .text-\[\#ff6600\] {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #cooperation-form .reveal-left p,
html[data-theme="light"] #cooperation-form .reveal-left [style*="color: #9ca3af"],
html[data-theme="light"] #cooperation-form .reveal-left [style*="color:#9ca3af"] {
    color: #495057 !important;
}

/* Kontakt dla dystrybutorów — ciemny panel jak #manifest */
html[data-theme="light"] #dist-contact,
html[data-theme="light"] #cooperation-form #dist-contact.form-panel-calm {
    background: linear-gradient(165deg, #252525 0%, #121212 100%) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #dist-contact h3,
html[data-theme="light"] #dist-contact .text-white,
html[data-theme="light"] #dist-contact a {
    color: #ffffff !important;
}

html[data-theme="light"] #dist-contact .text-gray-400,
html[data-theme="light"] #dist-contact p {
    color: rgba(255, 255, 255, 0.7) !important;
}

html[data-theme="light"] #dist-contact a {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="light"] #dist-contact a:hover {
    border-color: var(--primary-color, #ff6600) !important;
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #dist-contact .text-primary,
html[data-theme="light"] #dist-contact i.text-primary {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #cooperation-form .reveal-left .proof-point {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    border-bottom-color: rgba(18, 18, 18, 0.1) !important;
}

/* border-color z ID wyżej blokował pomarańczowe podkreślenie — hover musi być bardziej szczegółowy */
html[data-theme="light"] #cooperation-form .reveal-left .proof-point:hover {
    border-bottom-color: var(--primary-color, #ff6600) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] #cooperation-form .reveal-left .proof-point-title {
    color: #121212 !important;
}

html[data-theme="light"] #cooperation-form .reveal-left .proof-point-desc {
    color: #495057 !important;
}

/* ── Kontakt — jasne kafelki, ciemny tekst ── */
html[data-theme="light"] section.page-content .contact-channel-card.premium-card,
html[data-theme="light"] section.page-content .contact-location-panel.premium-card {
    background: #ffffff !important;
    border: 1px solid rgba(18, 18, 18, 0.08) !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    color: #495057 !important;
}

/* Bez pomarańczowej górnej kreski (.premium-card::before) na całych kafelkach kontaktu */
html[data-theme="light"] section.page-content .contact-channel-card.premium-card::before,
html[data-theme="light"] section.page-content .contact-location-panel.premium-card::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    background: none !important;
}

html[data-theme="light"] section.page-content .contact-channel-card.premium-card:hover,
html[data-theme="light"] section.page-content .contact-location-panel.premium-card:hover {
    background: #f8f9fa !important;
    border: 1px solid rgba(18, 18, 18, 0.14) !important;
    border-color: rgba(18, 18, 18, 0.14) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.06) !important;
}

/* Light: bez pomarańczowej ramki na kafelkach kontaktu (ikona + karta) */
html[data-theme="light"] section.page-content .contact-channel-card .icon-tile,
html[data-theme="light"] section.page-content .contact-location-panel .icon-tile,
html[data-theme="light"] section.page-content .contact-channel-card:hover .icon-tile,
html[data-theme="light"] section.page-content .contact-location-panel:hover .icon-tile,
html[data-theme="light"] section.page-content .contact-channel-card.group:hover .icon-tile,
html[data-theme="light"] section.page-content .contact-location-panel.group:hover .icon-tile,
html[data-theme="light"] section.page-content .contact-channel-card.premium-card:hover .icon-tile,
html[data-theme="light"] section.page-content .contact-location-panel.premium-card:hover .icon-tile {
    border-color: rgba(18, 18, 18, 0.08) !important;
}

html[data-theme="light"] section.page-content .contact-channel-card.premium-card,
html[data-theme="light"] section.page-content .contact-location-panel.premium-card,
html[data-theme="light"] section.page-content .contact-channel-card.premium-card:hover,
html[data-theme="light"] section.page-content .contact-location-panel.premium-card:hover,
html[data-theme="light"] section.page-content .contact-channel-card.premium-card:focus-visible,
html[data-theme="light"] section.page-content .contact-location-panel.premium-card:focus-visible {
    outline: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] section.page-content .contact-channel-card.premium-card:hover,
html[data-theme="light"] section.page-content .contact-location-panel.premium-card:hover {
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] section.page-content .contact-channel-card .text-white,
html[data-theme="light"] section.page-content .contact-channel-card h2,
html[data-theme="light"] section.page-content .contact-channel-card h3,
html[data-theme="light"] section.page-content .contact-channel-card h4,
html[data-theme="light"] section.page-content .contact-channel-card [style*="color: #ffffff"],
html[data-theme="light"] section.page-content .contact-channel-card [style*="color:#ffffff"],
html[data-theme="light"] section.page-content .contact-location-panel .text-white,
html[data-theme="light"] section.page-content .contact-location-panel h2,
html[data-theme="light"] section.page-content .contact-location-panel h3,
html[data-theme="light"] section.page-content .contact-location-panel h4,
html[data-theme="light"] section.page-content .contact-location-panel [style*="color: #ffffff"],
html[data-theme="light"] section.page-content .contact-location-panel [style*="color:#ffffff"] {
    color: #121212 !important;
}

html[data-theme="light"] section.page-content .contact-channel-card p,
html[data-theme="light"] section.page-content .contact-channel-card span,
html[data-theme="light"] section.page-content .contact-location-panel p,
html[data-theme="light"] section.page-content .contact-location-panel span {
    color: #495057 !important;
}

html[data-theme="light"] section.page-content .contact-channel-card .text-gray-300,
html[data-theme="light"] section.page-content .contact-channel-card .text-gray-400,
html[data-theme="light"] section.page-content .contact-channel-card [style*="color: #9ca3af"],
html[data-theme="light"] section.page-content .contact-channel-card [style*="color:#9ca3af"],
html[data-theme="light"] section.page-content .contact-location-panel .text-gray-300,
html[data-theme="light"] section.page-content .contact-location-panel .text-gray-400,
html[data-theme="light"] section.page-content .contact-location-panel [style*="color: #9ca3af"],
html[data-theme="light"] section.page-content .contact-location-panel [style*="color:#9ca3af"] {
    color: #868e96 !important;
}

html[data-theme="light"] section.page-content .contact-channel-card .bg-section,
html[data-theme="light"] section.page-content .contact-location-panel .bg-section {
    background-color: #f1f3f5 !important;
    border-color: rgba(18, 18, 18, 0.08) !important;
}

html[data-theme="light"] section.page-content .contact-channel-card .text-primary,
html[data-theme="light"] section.page-content .contact-location-panel .text-primary,
html[data-theme="light"] section.page-content .contact-channel-card i.text-primary,
html[data-theme="light"] section.page-content .contact-location-panel i.text-primary {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] section.page-content .contact-location-panel .location-map-link {
    color: var(--primary-color, #ff6600) !important;
}

/* ── Wsparcie techniczne ── */
/* Hero photo — jak inne podstrony (jasny tekst na overlay) */
html[data-theme="light"] #support-hero.hero-bg-wsparcie,
html[data-theme="light"] #support-hero.hero-bg-wsparcie .text-white,
html[data-theme="light"] #support-hero.hero-bg-wsparcie h1 {
    color: #ffffff !important;
}

html[data-theme="light"] #support-hero.hero-bg-wsparcie .text-gray-400,
html[data-theme="light"] #support-hero.hero-bg-wsparcie .text-gray-300 {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-theme="light"] #support-hero .support-hours {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.18);
}

/* Sekcja „Zadaj pytanie” — jasne tło; ciemny tylko panel formularza */
html[data-theme="light"] #support-ask {
    background-color: #f8f9fa !important;
    color: #121212 !important;
}

html[data-theme="light"] #support-ask .support-ask__title,
html[data-theme="light"] #support-ask h2 {
    color: #121212 !important;
}

html[data-theme="light"] #support-ask .support-ask__lead,
html[data-theme="light"] #support-ask .text-gray-400 {
    color: #495057 !important;
}

html[data-theme="light"] #support-ask .support-form,
html[data-theme="light"] #support-ask .form-panel-calm {
    background: linear-gradient(165deg, #252525 0%, #121212 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #support-ask .support-form__label {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #support-ask .support-form__hint,
html[data-theme="light"] #support-ask .support-form__note {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-theme="light"] #support-ask .support-form__input,
html[data-theme="light"] #support-ask .support-form__select {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    color-scheme: dark;
}

html[data-theme="light"] #support-ask .support-form__select {
    background-color: #1a1a1a !important;
    background-image: linear-gradient(45deg, transparent 50%, #9ca3af 50%),
        linear-gradient(135deg, #9ca3af 50%, transparent 50%);
    background-position: calc(100% - 1.15rem) calc(50% - 0.2rem),
        calc(100% - 0.75rem) calc(50% - 0.2rem);
    background-size: 0.4rem 0.4rem, 0.4rem 0.4rem;
    background-repeat: no-repeat;
}

html[data-theme="light"] #support-ask .support-form__select option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

html[data-theme="light"] #support-ask .support-form__input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

html[data-theme="light"] #support-ask .support-form__submit {
    background: var(--primary-color, #ff6600) !important;
    border-color: var(--primary-color, #ff6600) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #support-ask .support-form__submit:hover {
    background: #e65c00 !important;
    border-color: #e65c00 !important;
    color: #ffffff !important;
}

/* Dystrybucja light — etykiety i pola jasnoszare (jak w dark) */
html[data-theme="light"] #dist-contact .support-form__label {
    color: #adb5bd !important;
}

html[data-theme="light"] #dist-contact .support-form__input,
html[data-theme="light"] #dist-contact .support-form__select,
html[data-theme="light"] #dist-contact .support-form__textarea {
    background: #e9ecef !important;
    background-color: #e9ecef !important;
    border-color: #dee2e6 !important;
    color: #121212 !important;
    color-scheme: light;
}

html[data-theme="light"] #dist-contact .support-form__select {
    background-image: linear-gradient(45deg, transparent 50%, #868e96 50%),
        linear-gradient(135deg, #868e96 50%, transparent 50%) !important;
}

html[data-theme="light"] #dist-contact .support-form__select option {
    background-color: #f8f9fa !important;
    color: #121212 !important;
}

html[data-theme="light"] #dist-contact .support-form__input::placeholder,
html[data-theme="light"] #dist-contact .support-form__textarea::placeholder {
    color: #868e96 !important;
}

html[data-theme="light"] #dist-contact .support-form__submit {
    background: var(--primary-color, #ff6600) !important;
    border-color: var(--primary-color, #ff6600) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #dist-contact .support-form__submit:hover {
    background: var(--primary-color, #ff6600) !important;
    border-color: var(--primary-color, #ff6600) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #dist-contact .support-form__success {
    color: #e5e7eb !important;
}

html[data-theme="light"] #support-ask .support-dialog__status,
html[data-theme="light"] #support-ask .support-dialog__reset {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-theme="light"] #support-ask .support-dialog__messages {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="light"] #support-ask .support-dialog__input {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #support-ask .support-dialog__send {
    background: var(--primary-color, #ff6600) !important;
    border-color: var(--primary-color, #ff6600) !important;
    color: #ffffff !important;
}

/* FAQ — jasna sekcja */
html[data-theme="light"] #support-faq {
    background-color: #f8f9fa !important;
    border-top-color: rgba(18, 18, 18, 0.08) !important;
    color: #121212 !important;
}

html[data-theme="light"] #support-faq h2,
html[data-theme="light"] #support-faq .support-faq-item summary,
html[data-theme="light"] #support-faq .text-white {
    color: #121212 !important;
}

html[data-theme="light"] #support-faq .text-gray-400,
html[data-theme="light"] #support-faq .support-faq-item__body p {
    color: #495057 !important;
}

html[data-theme="light"] #support-faq .support-faq-group__title {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #support-faq .support-faq-list,
html[data-theme="light"] #support-faq .support-faq-item {
    border-color: rgba(18, 18, 18, 0.1) !important;
}

html[data-theme="light"] #support-faq .support-faq-item[open] summary {
    color: var(--primary-color, #ff6600) !important;
}

html[data-theme="light"] #support-faq .support-faq-item summary:focus-visible {
    outline-color: rgba(255, 102, 0, 0.4) !important;
}

html[data-theme="light"] #support-faq .support-faq-item summary::after {
    color: #868e96 !important;
}

html[data-theme="light"] #support-faq .support-faq-item[open] summary::after {
    color: var(--primary-color, #ff6600) !important;
}

/* Glassmorphism surface on Light Theme */
html[data-theme="light"] .ghp-glass-card {
    background: #ffffff !important;
    border: 1px solid rgba(18, 18, 18, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .ghp-glass-card:hover {
    border-color: rgba(255, 102, 0, 0.45) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1), 0 0 20px rgba(255, 102, 0, 0.15);
}

/* ── Katalog: Pasek zaufania jako ciemny panel akcentowy z pomarańczem (jak #manifest) ── */
html[data-theme="light"] .ghc-trust-hero {
    background-color: #121212 !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .ghc-trust-hero .ghc-trust-title {
    color: #ffffff !important;
}

html[data-theme="light"] .ghc-trust-hero .ghc-trust-desc {
    color: rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="light"] .ghc-trust-hero .ghc-trust-icon {
    color: var(--primary-color, #ff6600) !important;
}

/* ── Koszyk i Checkout w motywie jasnym ── */
html[data-theme="light"] section:has(#cart-root),
html[data-theme="light"] section:has(#checkout-form),
html[data-theme="light"] main:has(#checkout-form) {
    background-color: #f8f9fa !important;
    color: #121212 !important;
}

html[data-theme="light"] #cart-root .bg-section,
html[data-theme="light"] #cart-actions .bg-section,
html[data-theme="light"] #checkout-form .form-card,
html[data-theme="light"] #checkout-form .bg-section {
    background-color: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.12) !important;
    color: #121212 !important;
}

html[data-theme="light"] #cart-root .cart-sku-link {
    color: #121212 !important;
}

html[data-theme="light"] #cart-root .cart-line-title {
    color: #374151 !important;
}

html[data-theme="light"] #cart-root .shop-qty-btn,
html[data-theme="light"] #cart-root .shop-qty-input,
html[data-theme="light"] #checkout-form .shop-qty-btn,
html[data-theme="light"] #checkout-form .shop-qty-input {
    background: #f1f3f5 !important;
    border-color: rgba(18, 18, 18, 0.22) !important;
    color: #121212 !important;
}

html[data-theme="light"] #cart-root .shop-qty-btn:hover,
html[data-theme="light"] #checkout-form .shop-qty-btn:hover {
    background: #e9ecef !important;
    border-color: rgba(18, 18, 18, 0.4) !important;
    color: #121212 !important;
}

html[data-theme="light"] #cart-actions [class*="text-[10px]"],
html[data-theme="light"] section:has(#cart-root) .text-gray-500,
html[data-theme="light"] section:has(#cart-root) .text-gray-400 {
    color: #495057 !important;
}

/* CTA koszyk/checkout: hover:bg-white + wymuszony biały tekst = niewidoczny */
html[data-theme="light"] #btn-checkout:hover,
html[data-theme="light"] #btn-demo-pay:hover,
html[data-theme="light"] #checkout-form button[type="submit"].bg-primary:hover,
html[data-theme="light"] a#btn-checkout.bg-primary:hover {
    background-color: #121212 !important;
    color: #ffffff !important;
}

/* Globalna wyszukiwarka (panel pod nav) — light */
html[data-theme="light"] .ghp-sticky-search-wrap {
    background: rgba(248, 249, 250, 0.94) !important;
    border-bottom: 1px solid rgba(18, 18, 18, 0.1) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .ghp-sticky-search-icon {
    color: #868e96 !important;
}
html[data-theme="light"] .ghp-sticky-search-input {
    background: #f1f3f5 !important;
    border: 1px solid rgba(18, 18, 18, 0.14) !important;
    color: #121212 !important;
    box-shadow: none !important;
}
html[data-theme="light"] .ghp-sticky-search-input:focus,
html[data-theme="light"] .ghp-sticky-search-input:focus-visible {
    border-color: rgba(18, 18, 18, 0.22) !important;
    box-shadow: none !important;
    outline: none !important;
}
html[data-theme="light"] .ghp-sticky-search-input::placeholder {
    color: #868e96 !important;
}
html[data-theme="light"] .ghp-sticky-search-btn {
    background: var(--primary-color, #ff6600) !important;
    color: #ffffff !important;
}
html[data-theme="light"] .ghp-sticky-search-btn:hover,
html[data-theme="light"] .ghp-sticky-search-btn:focus-visible {
    background: #121212 !important;
    color: #ffffff !important;
}
html[data-theme="light"] .ghp-sticky-search-close {
    border-color: rgba(18, 18, 18, 0.2) !important;
    color: #121212 !important;
}
html[data-theme="light"] .ghp-sticky-search-close:hover,
html[data-theme="light"] .ghp-sticky-search-close:focus-visible {
    border-color: #121212 !important;
    background: #f1f3f5 !important;
}
html[data-theme="light"] .ghp-sticky-search-dd {
    background: #ffffff !important;
    border-color: rgba(18, 18, 18, 0.12) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
}
html[data-theme="light"] .ghp-sticky-search-hit {
    color: #121212 !important;
    border-bottom-color: rgba(18, 18, 18, 0.08) !important;
}
html[data-theme="light"] .ghp-sticky-search-hit:hover,
html[data-theme="light"] .ghp-sticky-search-hit.is-active {
    background: #f1f3f5 !important;
}
html[data-theme="light"] .ghp-sticky-search-hit-img {
    background: #f1f3f5 !important;
    border-color: rgba(18, 18, 18, 0.1) !important;
}
html[data-theme="light"] .ghp-sticky-search-hit-code {
    color: #121212 !important;
}
html[data-theme="light"] .ghp-sticky-search-hit.is-active .ghp-sticky-search-hit-code,
html[data-theme="light"] .ghp-sticky-search-hit:hover .ghp-sticky-search-hit-code {
    color: var(--primary-color, #ff6600) !important;
}
html[data-theme="light"] .ghp-sticky-search-hit-sub,
html[data-theme="light"] .ghp-sticky-search-dd-msg {
    color: #495057 !important;
}
html[data-theme="light"] .ghp-sticky-search-dd-more {
    border-top-color: rgba(18, 18, 18, 0.1) !important;
}
html[data-theme="light"] .ghp-sticky-search-dd-more:hover {
    background: #f1f3f5 !important;
    color: #121212 !important;
}



/* ── Nav przezroczysty top (tylko xl+): białe elementy — light ── */
@media (min-width: 1280px) {
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .nav-main-link,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .site-nav__slogan,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .site-nav__slogan span,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .theme-toggle-btn,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .nav-search-toggle,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .site-nav__more-btn,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) [data-role="news-bell"],
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) [data-role="lang-dropdown-btn"],
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) #header-cart-link,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) #header-cart-link-more,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) a:not(.site-nav__cta):not(.dropdown-content a),
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) button,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .text-white,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .text-gray-400,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .nav-main-link.active {
    color: #ffffff !important;
    text-shadow: none !important;
}

html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .logo-dark-to-white,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .site-nav__logo {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta.nav-catalog-btn,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .nav-catalog-btn {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.85) !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta.nav-catalog-btn:hover,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta.nav-catalog-btn:focus-visible,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .nav-catalog-btn:hover {
    color: #0a0a0a !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta:not(.nav-catalog-btn) {
    color: #ff6600 !important;
    border-color: rgba(255, 102, 0, 0.85) !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta:not(.nav-catalog-btn):hover,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta:not(.nav-catalog-btn):focus-visible {
    color: #0a0a0a !important;
    background: #ff6600 !important;
    border-color: #ff6600 !important;
}

html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .border-white\/5,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .border-white\/10,
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .border-white\/20 {
    border-color: rgba(255, 255, 255, 0.85) !important;
}

/* Lista języków: jasne tło panelu — nie dziedzicz białego koloru linków z throughroczystego topu */
html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .dropdown-content a,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .dropdown-content a {
    color: #121212 !important;
    text-shadow: none !important;
}

html[data-theme="light"] #site-nav:not(.nav-scrolled):not(.nav-elevated) .dropdown-content a:hover,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .dropdown-content a:hover {
    color: #121212 !important;
    background: #f1f3f5;
}

/* ── Nav na jasnych slajdach hero (historia / nagrody / opinie) ── */
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .nav-main-link,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .site-nav__slogan,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .site-nav__slogan span,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .theme-toggle-btn,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .nav-search-toggle,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .site-nav__more-btn,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) [data-role="news-bell"],
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) [data-role="lang-dropdown-btn"],
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) #header-cart-link,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) #header-cart-link-more,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) a:not(.site-nav__cta):not(.dropdown-content a),
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) button,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .text-white,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .text-gray-400,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .nav-main-link.active {
    color: #121212 !important;
    text-shadow: none !important;
}

html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .nav-main-link:hover,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .theme-toggle-btn:hover,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .nav-search-toggle:hover,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .site-nav__more-btn:hover,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) [data-role="news-bell"]:hover {
    color: #121212 !important;
    opacity: 0.75;
}

html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .logo-dark-to-white,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .site-nav__logo {
    filter: brightness(0.12) !important;
    opacity: 1 !important;
}

html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) #mobile-menu-toggle span {
    background-color: #121212 !important;
    box-shadow: none;
}

html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta.nav-catalog-btn,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .nav-catalog-btn {
    color: #121212 !important;
    border-color: rgba(18, 18, 18, 0.55) !important;
    background: transparent !important;
}

html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta.nav-catalog-btn:hover,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta.nav-catalog-btn:focus-visible,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .nav-catalog-btn:hover {
    color: #ffffff !important;
    background: #121212 !important;
    border-color: #121212 !important;
}

html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta:not(.nav-catalog-btn) {
    color: #ff6600 !important;
    border-color: rgba(255, 102, 0, 0.85) !important;
    background: transparent !important;
}

html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta:not(.nav-catalog-btn):hover,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) a.site-nav__cta:not(.nav-catalog-btn):focus-visible {
    color: #0a0a0a !important;
    background: #ff6600 !important;
    border-color: #ff6600 !important;
}

html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .border-white\/5,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .border-white\/10,
html[data-theme="light"] #site-nav.nav-on-light:not(.nav-scrolled):not(.nav-elevated) .border-white\/20 {
    border-color: rgba(18, 18, 18, 0.45) !important;
}
}
