/* =========================================================
   Power Core 22000LFP product page — dark Aero overrides
   Load AFTER the page's inline stylesheet.
   ========================================================= */

html[data-theme="dark"] {
  --bg0: #071321;
  --bg1: #040a12;
  --ink: #eef7ff;
  --muted: #a9bdd4;
  --muted2: #7f96b0;
  --glass: rgba(10, 28, 49, 0.78);
  --glass-border: rgba(149, 206, 255, 0.17);
}

/* ===== Page background ===== */

html[data-theme="dark"] body.product-22000-page {
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 7%, rgba(48, 112, 224, 0.22), transparent 24%),
    radial-gradient(circle at 91% 8%, rgba(10, 185, 217, 0.16), transparent 22%),
    radial-gradient(circle at 48% 60%, rgba(91, 76, 190, 0.10), transparent 32%),
    radial-gradient(circle at 22% 88%, rgba(13, 166, 143, 0.07), transparent 28%),
    linear-gradient(180deg, #091827 0%, #071321 45%, #040a12 100%);
  background-attachment: fixed;
}

html[data-theme="dark"] body.product-22000-page::before {
  background:
    radial-gradient(circle at 18% 12%, rgba(46, 113, 229, 0.18), transparent 31%),
    radial-gradient(circle at 82% 10%, rgba(14, 187, 217, 0.14), transparent 29%),
    radial-gradient(circle at 50% 55%, rgba(97, 82, 194, 0.10), transparent 35%);
  opacity: 0.82;
}

/* ===== General text ===== */

html[data-theme="dark"] .product-22000-page h1,
html[data-theme="dark"] .product-22000-page h2,
html[data-theme="dark"] .product-22000-page h3,
html[data-theme="dark"] .product-22000-page h4,
html[data-theme="dark"] .product-22000-page h5,
html[data-theme="dark"] .product-22000-page .section-title,
html[data-theme="dark"] .product-22000-page .sec-head h3 {
  color: #eff8ff;
}

html[data-theme="dark"] .product-22000-page p,
html[data-theme="dark"] .product-22000-page .lead,
html[data-theme="dark"] .product-22000-page .hero-proof li,
html[data-theme="dark"] .product-22000-page .bullet-list,
html[data-theme="dark"] .product-22000-page .feature-list,
html[data-theme="dark"] .product-22000-page .feature-list li,
html[data-theme="dark"] .product-22000-page .sec-head p {
  color: #a9bdd4;
}

/* ===== Shared Aero surfaces ===== */

html[data-theme="dark"] .product-22000-page .glass {
  border-color: rgba(149, 206, 255, 0.17);
  background:
    radial-gradient(circle at 12% 0%, rgba(187, 226, 255, 0.075), transparent 31%),
    radial-gradient(circle at 92% 4%, rgba(37, 203, 232, 0.055), transparent 31%),
    linear-gradient(
      155deg,
      rgba(23, 47, 76, 0.90),
      rgba(8, 24, 43, 0.86) 52%,
      rgba(5, 17, 32, 0.89)
    );
  box-shadow:
    0 28px 68px rgba(0, 4, 14, 0.56),
    0 10px 30px rgba(19, 137, 195, 0.07),
    inset 0 1px 0 rgba(220, 243, 255, 0.10),
    inset 0 -1px 0 rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .product-22000-page .glass::before {
  background:
    radial-gradient(640px 240px at 15% 0%, rgba(58, 129, 241, 0.13), transparent 60%),
    radial-gradient(520px 240px at 88% 10%, rgba(16, 190, 220, 0.11), transparent 60%),
    radial-gradient(560px 260px at 48% 110%, rgba(34, 197, 94, 0.06), transparent 60%);
}

/* ===== Hero ===== */

html[data-theme="dark"] .product-22000-page .hero-copy h2 {
  color: #eaf5ff;
}

html[data-theme="dark"] .product-22000-page .hero-copy p,
html[data-theme="dark"] .product-22000-page .hero-meta-line {
  color: #a9bdd4;
}

html[data-theme="dark"] .product-22000-page .pill,
html[data-theme="dark"] .product-22000-page .badge,
html[data-theme="dark"] .product-22000-page .chip {
  color: #b9cce0;
  border-color: rgba(149, 206, 255, 0.16);
  background:
    radial-gradient(circle at 18% 0%, rgba(183, 224, 255, 0.065), transparent 35%),
    linear-gradient(180deg, rgba(30, 56, 87, 0.88), rgba(11, 28, 49, 0.84));
  box-shadow:
    0 10px 24px rgba(0, 5, 15, 0.30),
    inset 0 1px 0 rgba(220, 243, 255, 0.09);
}

html[data-theme="dark"] .product-22000-page .badge strong,
html[data-theme="dark"] .product-22000-page .chip strong {
  color: #eef7ff;
}

html[data-theme="dark"] .product-22000-page .chip.good {
  color: #8de0b6;
  border-color: rgba(65, 211, 142, 0.30);
  background: rgba(15, 86, 59, 0.24);
}

html[data-theme="dark"] .product-22000-page .chip.new {
  color: #9fc9ff;
  border-color: rgba(89, 160, 255, 0.30);
  background: rgba(35, 80, 149, 0.24);
}

html[data-theme="dark"] .product-22000-page .chip.ext {
  color: #ffd38a;
  border-color: rgba(245, 174, 64, 0.31);
  background: rgba(119, 74, 11, 0.24);
}

html[data-theme="dark"] .product-22000-page .chip.violet {
  color: #ccb7ff;
  border-color: rgba(155, 116, 255, 0.31);
  background: rgba(76, 48, 143, 0.26);
}

html[data-theme="dark"] .product-22000-page .btn-ghost {
  color: #c4d5e8;
  border-color: rgba(149, 206, 255, 0.16);
  background:
    linear-gradient(180deg, rgba(29, 54, 85, 0.88), rgba(10, 28, 49, 0.84));
  box-shadow:
    0 12px 28px rgba(0, 5, 15, 0.30),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

html[data-theme="dark"] .product-22000-page .btn-ghost:hover {
  color: #ffffff;
  border-color: rgba(94, 176, 255, 0.46);
  background:
    linear-gradient(180deg, rgba(40, 71, 109, 0.94), rgba(14, 36, 61, 0.90));
}

html[data-theme="dark"] .product-22000-page .product-stage::before {
  background: radial-gradient(circle, rgba(42, 188, 229, 0.14), transparent 68%);
}

html[data-theme="dark"] .product-22000-page .hero-main-image {
  filter:
    brightness(0.91)
    contrast(1.06)
    saturate(1.04)
    drop-shadow(0 32px 48px rgba(0, 0, 0, 0.58));
}

html[data-theme="dark"] .product-22000-page .zoom-chip {
  color: #eaf5ff;
  border-color: rgba(149, 206, 255, 0.17);
  background: rgba(10, 28, 49, 0.88);
  box-shadow:
    0 12px 28px rgba(0, 5, 15, 0.38),
    inset 0 1px 0 rgba(220, 243, 255, 0.09);
}

html[data-theme="dark"] .product-22000-page .thumb {
  border-color: rgba(149, 206, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(25, 49, 79, 0.86), rgba(8, 24, 43, 0.82));
  box-shadow:
    0 9px 22px rgba(0, 5, 15, 0.28),
    inset 0 1px 0 rgba(220, 243, 255, 0.07);
}

html[data-theme="dark"] .product-22000-page .thumb:hover,
html[data-theme="dark"] .product-22000-page .thumb.active {
  border-color: rgba(91, 170, 255, 0.44);
  box-shadow:
    0 15px 34px rgba(0, 4, 14, 0.44),
    0 0 0 3px rgba(59, 145, 255, 0.08),
    inset 0 1px 0 rgba(220, 243, 255, 0.11);
}

html[data-theme="dark"] .product-22000-page .thumb img {
  filter:
    brightness(0.91)
    contrast(1.06)
    drop-shadow(0 10px 16px rgba(0, 0, 0, 0.38));
}

/* ===== Purchase panel ===== */

html[data-theme="dark"] .product-22000-page .hero-purchase {
  border-color: rgba(149, 206, 255, 0.17);
  background:
    radial-gradient(520px 180px at 100% 100%, rgba(13, 185, 216, 0.08), transparent 60%),
    radial-gradient(circle at 10% 0%, rgba(185, 225, 255, 0.06), transparent 32%),
    linear-gradient(155deg, rgba(23, 47, 76, 0.91), rgba(7, 23, 42, 0.88));
  box-shadow:
    0 24px 58px rgba(0, 4, 14, 0.54),
    inset 0 1px 0 rgba(220, 243, 255, 0.10);
}

html[data-theme="dark"] .product-22000-page .price,
html[data-theme="dark"] .product-22000-page .purchase-list strong {
  color: #eff8ff;
}

html[data-theme="dark"] .product-22000-page .price-old,
html[data-theme="dark"] .product-22000-page .vat-line,
html[data-theme="dark"] .product-22000-page .mini-note {
  color: #7f96b0;
}

html[data-theme="dark"] .product-22000-page .purchase-list li {
  color: #a9bdd4;
  border-color: rgba(149, 206, 255, 0.13);
  background:
    linear-gradient(180deg, rgba(24, 48, 78, 0.82), rgba(9, 26, 46, 0.80));
  box-shadow: inset 0 1px 0 rgba(220, 243, 255, 0.055);
}

/* ===== “3 reasons” cards ===== */

html[data-theme="dark"] .product-22000-page #section .card,
html[data-theme="dark"] .product-22000-page #safety .card,
html[data-theme="dark"] .product-22000-page #installation .step-card {
  border-color: rgba(149, 206, 255, 0.16);
  background:
    radial-gradient(circle at 16% 0%, rgba(183, 224, 255, 0.07), transparent 33%),
    radial-gradient(circle at 92% 4%, rgba(30, 198, 229, 0.055), transparent 30%),
    linear-gradient(155deg, rgba(23, 47, 76, 0.90), rgba(8, 24, 43, 0.87));
  box-shadow:
    0 24px 58px rgba(0, 4, 14, 0.52),
    inset 0 1px 0 rgba(220, 243, 255, 0.10),
    inset 0 -1px 0 rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .product-22000-page #section .card::before,
html[data-theme="dark"] .product-22000-page #safety .card::before,
html[data-theme="dark"] .product-22000-page #installation .step-card::before {
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(52, 122, 239, 0.14), transparent 60%),
    radial-gradient(500px 200px at 90% 10%, rgba(12, 188, 219, 0.11), transparent 60%);
}

html[data-theme="dark"] .product-22000-page #section .card::after,
html[data-theme="dark"] .product-22000-page #safety .card::after {
  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(200, 235, 255, 0.13) 45%,
      transparent 100%
    );
}

html[data-theme="dark"] .product-22000-page #section .card:hover,
html[data-theme="dark"] .product-22000-page #safety .card:hover,
html[data-theme="dark"] .product-22000-page #installation .step-card:hover {
  border-color: rgba(96, 178, 255, 0.34);
  box-shadow:
    0 32px 74px rgba(0, 3, 12, 0.63),
    0 0 28px rgba(30, 157, 224, 0.07),
    inset 0 1px 0 rgba(223, 245, 255, 0.13);
}

html[data-theme="dark"] .product-22000-page #section .feature-mini-kicker,
html[data-theme="dark"] .product-22000-page #safety .eyebrow,
html[data-theme="dark"] .product-22000-page #installation .eyebrow {
  color: #82a3c3;
}

html[data-theme="dark"] .product-22000-page #section .card h3,
html[data-theme="dark"] .product-22000-page #safety .card h4,
html[data-theme="dark"] .product-22000-page #installation .step-card h4 {
  color: #edf7ff;
}

html[data-theme="dark"] .product-22000-page #section .card p,
html[data-theme="dark"] .product-22000-page #safety .card p,
html[data-theme="dark"] .product-22000-page #installation .step-card p {
  color: #a9bdd4;
}

/* ===== Spotlight feature sections ===== */

html[data-theme="dark"] .product-22000-page .spotlight-copy,
html[data-theme="dark"] .product-22000-page .spotlight-visual,
html[data-theme="dark"] .product-22000-page .chip-panel,
html[data-theme="dark"] .product-22000-page .chip-chart {
  color: #eaf5ff;
  border-color: rgba(149, 206, 255, 0.15);
  background:
    radial-gradient(circle at 12% 0%, rgba(184, 224, 255, 0.065), transparent 32%),
    linear-gradient(155deg, rgba(21, 44, 72, 0.88), rgba(7, 23, 42, 0.85));
  box-shadow:
    0 20px 48px rgba(0, 5, 15, 0.42),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

html[data-theme="dark"] .product-22000-page .spotlight-copy p,
html[data-theme="dark"] .product-22000-page .spotlight-visual p,
html[data-theme="dark"] .product-22000-page .chip-panel p,
html[data-theme="dark"] .product-22000-page .chip-chart p {
  color: #a9bdd4;
}

html[data-theme="dark"] .product-22000-page .stat-line,
html[data-theme="dark"] .product-22000-page .micro-card {
  color: #a9bdd4;
  border-color: rgba(149, 206, 255, 0.13);
  background:
    linear-gradient(180deg, rgba(24, 48, 78, 0.83), rgba(8, 24, 43, 0.81));
  box-shadow:
    0 11px 26px rgba(0, 5, 15, 0.28),
    inset 0 1px 0 rgba(220, 243, 255, 0.06);
}

html[data-theme="dark"] .product-22000-page .stat-line strong,
html[data-theme="dark"] .product-22000-page .micro-card h5 {
  color: #eef7ff;
}

html[data-theme="dark"] .product-22000-page .micro-card p {
  color: #a9bdd4;
}

/* ===== LT8705 comparison ===== */

html[data-theme="dark"] .product-22000-page .comp-row .label,
html[data-theme="dark"] .product-22000-page .comp-value,
html[data-theme="dark"] .product-22000-page .adv-name {
  color: #eaf5ff;
}

html[data-theme="dark"] .product-22000-page .dual-bar,
html[data-theme="dark"] .product-22000-page .adv-track {
  background: rgba(145, 196, 237, 0.11);
  box-shadow: inset 0 2px 7px rgba(0, 3, 10, 0.34);
}

html[data-theme="dark"] .product-22000-page .adv-row {
  border-color: rgba(149, 206, 255, 0.14);
  background:
    radial-gradient(circle at 10% 0%, rgba(185, 225, 255, 0.055), transparent 31%),
    linear-gradient(180deg, rgba(23, 46, 75, 0.84), rgba(8, 24, 43, 0.82));
  box-shadow:
    0 16px 38px rgba(0, 5, 15, 0.36),
    inset 0 1px 0 rgba(220, 243, 255, 0.07);
}

html[data-theme="dark"] .product-22000-page .adv-row::after {
  background:
    linear-gradient(
      90deg,
      rgba(206, 236, 255, 0.07),
      transparent 24%,
      transparent 72%,
      rgba(206, 236, 255, 0.045)
    );
}

html[data-theme="dark"] .product-22000-page .adv-metric span,
html[data-theme="dark"] .product-22000-page .adv-delta small {
  color: #839ab4;
}

/* ===== Runtime and performance tables ===== */

html[data-theme="dark"] .product-22000-page #runtime-exact .runtime-table,
html[data-theme="dark"] .product-22000-page .perf-table tbody tr {
  border-color: rgba(149, 206, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(21, 43, 70, 0.87), rgba(7, 23, 42, 0.84));
  box-shadow:
    0 14px 34px rgba(0, 5, 15, 0.34),
    inset 0 1px 0 rgba(220, 243, 255, 0.07);
}

html[data-theme="dark"] .product-22000-page #runtime-exact .runtime-table th,
html[data-theme="dark"] .product-22000-page .perf-table thead th {
  color: #8198b2;
  border-bottom-color: rgba(149, 206, 255, 0.12);
  background: rgba(34, 84, 145, 0.18);
}

html[data-theme="dark"] .product-22000-page #runtime-exact .runtime-table td,
html[data-theme="dark"] .product-22000-page .perf-table tbody td {
  color: #a9bdd4;
  border-color: rgba(149, 206, 255, 0.10);
}

html[data-theme="dark"] .product-22000-page #runtime-exact .runtime-table .k,
html[data-theme="dark"] .product-22000-page #runtime-exact .runtime-table strong,
html[data-theme="dark"] .product-22000-page .perf-table tbody td:first-child,
html[data-theme="dark"] .product-22000-page .highlight-value {
  color: #edf7ff;
}

/* ===== Installation ===== */

html[data-theme="dark"] .product-22000-page .installation-right img {
  filter:
    brightness(0.88)
    contrast(1.06)
    saturate(1.02)
    drop-shadow(0 30px 52px rgba(0, 0, 0, 0.58));
}

/* ===== Next-generation comparison ===== */

html[data-theme="dark"] .product-22000-page .product-duo {
  border-color: rgba(149, 206, 255, 0.15);
  background:
    radial-gradient(circle at 50% 8%, rgba(174, 220, 255, 0.10), rgba(29, 60, 94, 0.18) 42%, transparent 76%),
    linear-gradient(180deg, rgba(21, 43, 70, 0.85), rgba(7, 23, 42, 0.82));
  box-shadow:
    0 16px 38px rgba(0, 5, 15, 0.38),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

html[data-theme="dark"] .product-22000-page .duo-label {
  color: #eaf5ff;
  border-color: rgba(149, 206, 255, 0.15);
  background: rgba(10, 28, 49, 0.86);
  box-shadow:
    0 9px 22px rgba(0, 5, 15, 0.31),
    inset 0 1px 0 rgba(220, 243, 255, 0.07);
}

html[data-theme="dark"] .product-22000-page .duo-product img {
  filter:
    brightness(0.90)
    contrast(1.06)
    drop-shadow(0 28px 40px rgba(0, 0, 0, 0.52));
}

/* ===== Safety and “in the box” ===== */

html[data-theme="dark"] .product-22000-page .safety-box,
html[data-theme="dark"] .product-22000-page .box-item {
  border-color: rgba(149, 206, 255, 0.15);
  background:
    radial-gradient(circle at 14% 0%, rgba(184, 225, 255, 0.06), transparent 34%),
    linear-gradient(155deg, rgba(23, 47, 76, 0.88), rgba(8, 24, 43, 0.85));
  box-shadow:
    0 18px 44px rgba(0, 5, 15, 0.40),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

html[data-theme="dark"] .product-22000-page .safety-box h4,
html[data-theme="dark"] .product-22000-page .box-item h5 {
  color: #edf7ff;
}

html[data-theme="dark"] .product-22000-page .safety-box p,
html[data-theme="dark"] .product-22000-page .box-item p {
  color: #a9bdd4;
}

html[data-theme="dark"] .product-22000-page .box-image-btn img {
  filter:
    brightness(0.92)
    contrast(1.05)
    drop-shadow(0 8px 16px rgba(0, 0, 0, 0.38));
}

/* ===== Specifications ===== */

html[data-theme="dark"] .product-22000-page .spec-tab,
html[data-theme="dark"] .product-22000-page .spec-group,
html[data-theme="dark"] .product-22000-page .spec-row {
  color: #b8cce1;
  border-color: rgba(149, 206, 255, 0.15);
  background:
    linear-gradient(180deg, rgba(24, 48, 78, 0.86), rgba(8, 24, 43, 0.83));
  box-shadow:
    0 14px 34px rgba(0, 5, 15, 0.34),
    inset 0 1px 0 rgba(220, 243, 255, 0.07);
}

html[data-theme="dark"] .product-22000-page .spec-toggle-text strong,
html[data-theme="dark"] .product-22000-page .spec-row strong {
  color: #edf7ff;
}

html[data-theme="dark"] .product-22000-page .spec-toggle-text small {
  color: #93aac3;
}

html[data-theme="dark"] .product-22000-page .spec-table,
html[data-theme="dark"] .product-22000-page .led-spec-table {
  border-color: rgba(149, 206, 255, 0.14);
  background: rgba(7, 23, 42, 0.76);
  box-shadow:
    0 12px 30px rgba(0, 5, 15, 0.31),
    inset 0 1px 0 rgba(220, 243, 255, 0.05);
}

html[data-theme="dark"] .product-22000-page .spec-table tbody tr:not(:last-child) td,
html[data-theme="dark"] .product-22000-page .led-spec-table tbody tr:not(:last-child) td {
  border-bottom-color: rgba(149, 206, 255, 0.10);
}

html[data-theme="dark"] .product-22000-page .spec-table td:first-child,
html[data-theme="dark"] .product-22000-page .led-spec-table tbody td:first-child,
html[data-theme="dark"] .product-22000-page .led-spec-table thead th {
  color: #eaf5ff;
  border-color: rgba(149, 206, 255, 0.10);
  background: rgba(31, 68, 111, 0.25);
}

html[data-theme="dark"] .product-22000-page .spec-table td:last-child,
html[data-theme="dark"] .product-22000-page .led-spec-table td,
html[data-theme="dark"] .product-22000-page .spec-feature-list {
  color: #a9bdd4;
}

html[data-theme="dark"] .product-22000-page .spec-tag {
  color: #dceafa;
  border-color: rgba(149, 206, 255, 0.14);
  background: rgba(24, 51, 83, 0.80);
}

/* ===== FAQ ===== */

html[data-theme="dark"] .product-22000-page .faq-item {
  border-color: rgba(149, 206, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(22, 45, 73, 0.86), rgba(7, 23, 42, 0.83));
  box-shadow:
    0 14px 34px rgba(0, 5, 15, 0.34),
    inset 0 1px 0 rgba(220, 243, 255, 0.07);
}

html[data-theme="dark"] .product-22000-page .faq-item::before {
  background:
    linear-gradient(
      90deg,
      rgba(200, 234, 255, 0.07) 0%,
      rgba(156, 211, 246, 0.025) 30%,
      rgba(25, 95, 149, 0.08) 64%,
      rgba(21, 157, 187, 0.07) 100%
    );
}

html[data-theme="dark"] .product-22000-page .faq-item:hover,
html[data-theme="dark"] .product-22000-page .faq-item.open {
  border-color: rgba(93, 175, 255, 0.30);
  background:
    linear-gradient(180deg, rgba(28, 55, 88, 0.92), rgba(9, 27, 48, 0.89));
  box-shadow:
    0 20px 46px rgba(0, 4, 14, 0.48),
    inset 0 1px 0 rgba(220, 243, 255, 0.10);
}

html[data-theme="dark"] .product-22000-page .faq-question {
  color: #edf7ff;
}

html[data-theme="dark"] .product-22000-page .faq-answer p {
  color: #a9bdd4;
}

/* ===== Order panel ===== */

html[data-theme="dark"] .product-22000-page .order-copy,
html[data-theme="dark"] .product-22000-page .order-box {
  border-color: rgba(149, 206, 255, 0.15);
  background:
    radial-gradient(circle at 12% 0%, rgba(184, 225, 255, 0.06), transparent 32%),
    linear-gradient(155deg, rgba(22, 45, 73, 0.88), rgba(7, 23, 42, 0.85));
  box-shadow:
    0 20px 48px rgba(0, 5, 15, 0.42),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

html[data-theme="dark"] .product-22000-page .order-copy p,
html[data-theme="dark"] .product-22000-page .order-box p {
  color: #a9bdd4;
}

html[data-theme="dark"] .product-22000-page .order-get li {
  color: #a9bdd4;
  border-color: rgba(149, 206, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(24, 48, 78, 0.82), rgba(8, 24, 43, 0.80));
}

html[data-theme="dark"] .product-22000-page .order-get strong {
  color: #edf7ff;
}

/* ===== Sticky buy bar ===== */

html[data-theme="dark"] .product-22000-page .buybar {
  color: #eaf5ff;
  border-color: rgba(149, 206, 255, 0.18);
  background:
    radial-gradient(circle at 12% 0%, rgba(183, 224, 255, 0.07), transparent 33%),
    linear-gradient(180deg, rgba(21, 44, 72, 0.94), rgba(7, 23, 42, 0.94));
  box-shadow:
    0 25px 66px rgba(0, 3, 11, 0.64),
    inset 0 1px 0 rgba(220, 243, 255, 0.10);
}

html[data-theme="dark"] .product-22000-page .buybar .small {
  color: #9fb4cc;
}

html[data-theme="dark"] .product-22000-page .select {
  color: #edf7ff;
  border-color: rgba(149, 206, 255, 0.17);
  background: #0b2036;
  color-scheme: dark;
}

html[data-theme="dark"] .product-22000-page .select option {
  color: #edf7ff;
  background: #0b2036;
}

/* ===== Gallery modal ===== */

html[data-theme="dark"] .product-22000-page .modal,
html[data-theme="dark"] .product-22000-page .manual-modal {
  background: rgba(1, 7, 15, 0.82);
}

html[data-theme="dark"] .product-22000-page .modal-panel,
html[data-theme="dark"] .product-22000-page .manual-modal-panel {
  color: #eaf5ff;
  border-color: rgba(149, 206, 255, 0.17);
  background:
    radial-gradient(circle at 12% 0%, rgba(102, 172, 255, 0.10), transparent 31%),
    radial-gradient(circle at 92% 5%, rgba(31, 202, 231, 0.07), transparent 32%),
    linear-gradient(155deg, rgba(23, 47, 76, 0.98), rgba(7, 21, 39, 0.98));
  box-shadow:
    0 38px 100px rgba(0, 3, 10, 0.74),
    inset 0 1px 0 rgba(220, 243, 255, 0.10);
}

html[data-theme="dark"] .product-22000-page .dialog-top strong,
html[data-theme="dark"] .product-22000-page .dialog-info h3,
html[data-theme="dark"] .product-22000-page .manual-head h3 {
  color: #eff8ff;
}

html[data-theme="dark"] .product-22000-page .dialog-top span,
html[data-theme="dark"] .product-22000-page .dialog-info p,
html[data-theme="dark"] .product-22000-page .manual-head p {
  color: #a9bdd4;
}

html[data-theme="dark"] .product-22000-page .close-btn,
html[data-theme="dark"] .product-22000-page .manual-close,
html[data-theme="dark"] .product-22000-page .media-nav {
  color: #eaf5ff;
  border-color: rgba(149, 206, 255, 0.17);
  background: rgba(15, 37, 63, 0.88);
  box-shadow:
    0 10px 24px rgba(0, 5, 15, 0.38),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

html[data-theme="dark"] .product-22000-page .close-btn:hover,
html[data-theme="dark"] .product-22000-page .manual-close:hover,
html[data-theme="dark"] .product-22000-page .media-nav:hover {
  border-color: rgba(92, 171, 255, 0.42);
  background: rgba(24, 55, 89, 0.94);
}

html[data-theme="dark"] .product-22000-page .dialog-media,
html[data-theme="dark"] .product-22000-page .dialog-info {
  border-color: rgba(149, 206, 255, 0.14);
  background:
    radial-gradient(circle at 50% 6%, rgba(174, 220, 255, 0.10), rgba(28, 59, 93, 0.18) 42%, transparent 76%),
    linear-gradient(180deg, rgba(18, 39, 66, 0.90), rgba(7, 22, 40, 0.88));
  box-shadow:
    0 16px 40px rgba(0, 5, 15, 0.40),
    inset 0 1px 0 rgba(220, 243, 255, 0.07);
}

html[data-theme="dark"] .product-22000-page .dialog-media img {
  filter:
    brightness(0.92)
    contrast(1.05)
    drop-shadow(0 30px 44px rgba(0, 0, 0, 0.52));
}

html[data-theme="dark"] .product-22000-page .media-dots {
  border-color: rgba(149, 206, 255, 0.15);
  background: rgba(10, 28, 49, 0.88);
  box-shadow:
    0 12px 28px rgba(0, 5, 15, 0.42),
    inset 0 1px 0 rgba(220, 243, 255, 0.07);
}

html[data-theme="dark"] .product-22000-page .media-dots button {
  background: rgba(183, 213, 239, 0.28);
}

html[data-theme="dark"] .product-22000-page .dialog-specs li {
  color: #a9bdd4;
  border-color: rgba(149, 206, 255, 0.12);
  background: rgba(22, 46, 75, 0.82);
}

html[data-theme="dark"] .product-22000-page .dialog-specs strong {
  color: #edf7ff;
}

/* ===== Manual language selector ===== */

html[data-theme="dark"] .product-22000-page .manual-modal-panel::before {
  background:
    radial-gradient(420px 160px at 10% 0%, rgba(58, 127, 240, 0.13), transparent 60%),
    radial-gradient(360px 180px at 100% 0%, rgba(12, 189, 219, 0.11), transparent 60%);
}

html[data-theme="dark"] .product-22000-page .manual-lang-pill {
  color: #c4d5e8;
  border-color: rgba(149, 206, 255, 0.16);
  background:
    linear-gradient(180deg, rgba(29, 54, 85, 0.88), rgba(10, 28, 49, 0.84));
  box-shadow:
    0 10px 24px rgba(0, 5, 15, 0.30),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

html[data-theme="dark"] .product-22000-page .manual-lang-pill:hover {
  color: #ffffff;
  border-color: rgba(94, 176, 255, 0.42);
}

html[data-theme="dark"] .product-22000-page .manual-lang-pill.active {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.96), rgba(6, 182, 212, 0.95));
}

/* ===== Large parking image ===== */

html[data-theme="dark"] .product-22000-page .section-top-image {
  border-color: rgba(149, 206, 255, 0.18);
  box-shadow:
    0 28px 70px rgba(0, 4, 14, 0.58),
    inset 0 1px 0 rgba(220, 243, 255, 0.07);
}

html[data-theme="dark"] .product-22000-page .section-top-image img {
  filter: brightness(0.78) contrast(1.08) saturate(0.95);
}

/* ===== Footer ===== */

html[data-theme="dark"] body.product-22000-page footer,
html[data-theme="dark"] body.product-22000-page .site-footer {
  color: #b4c8de;
  border-top-color: rgba(143, 199, 247, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(10, 25, 43, 0.96), rgba(5, 15, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(219, 242, 255, 0.06),
    0 -18px 42px rgba(0, 4, 13, 0.24);
}

/* Loader wrapper — never render as a second footer. */
html[data-theme="dark"] body.product-22000-page #site-footer {
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ===== Mobile corrections ===== */

@media (max-width: 768px) {
  html[data-theme="dark"] body.product-22000-page {
    background-attachment: scroll;
  }

  html[data-theme="dark"] .product-22000-page .badge,
  html[data-theme="dark"] .product-22000-page .chip {
    background:
      linear-gradient(180deg, rgba(30, 56, 87, 0.90), rgba(11, 28, 49, 0.87)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] .product-22000-page * {
    scroll-behavior: auto;
  }
}

/* ===== Runtime CTA pills — higher specificity than #runtime-exact .chip ===== */

html[data-theme="dark"] body.product-22000-page #runtime-exact .cta-chips {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

html[data-theme="dark"] body.product-22000-page #runtime-exact .cta-chips .chip {
  flex: 0 0 auto;
  margin: 0;
  color: #c8d9eb;
  border-color: rgba(149, 206, 255, 0.18);
  background:
    radial-gradient(circle at 18% 0%, rgba(183, 224, 255, 0.07), transparent 36%),
    linear-gradient(180deg, rgba(30, 56, 87, 0.92), rgba(10, 28, 49, 0.90));
  box-shadow:
    0 10px 24px rgba(0, 5, 15, 0.34),
    inset 0 1px 0 rgba(220, 243, 255, 0.10);
}

html[data-theme="dark"] body.product-22000-page #runtime-exact .cta-chips .chip.good {
  color: #9ae8bd;
  border-color: rgba(72, 214, 145, 0.34);
  background:
    radial-gradient(circle at 18% 0%, rgba(106, 235, 171, 0.10), transparent 38%),
    linear-gradient(180deg, rgba(20, 92, 66, 0.72), rgba(8, 48, 39, 0.78));
  box-shadow:
    0 10px 24px rgba(0, 5, 15, 0.34),
    0 0 18px rgba(34, 197, 94, 0.06),
    inset 0 1px 0 rgba(209, 255, 229, 0.10);
}

html[data-theme="dark"] body.product-22000-page #runtime-exact .cta-chips .chip:hover {
  color: #ffffff;
  border-color: rgba(101, 180, 255, 0.36);
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  html[data-theme="dark"] body.product-22000-page #runtime-exact .cta-chips {
    width: 100%;
  }

  html[data-theme="dark"] body.product-22000-page #runtime-exact .cta-chips .chip {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

/* =========================================================
   Mobile dark-mode hardening
   The product HTML contains mobile light-theme declarations
   with !important, so the dark stylesheet must override them
   with equal importance and higher specificity.
   ========================================================= */

@media (max-width: 767px) {
  html[data-theme="dark"] body.product-22000-page {
    background-attachment: fixed !important;
  }

  /* Main product surfaces */
  html[data-theme="dark"] body.product-22000-page .hero-purchase,
  html[data-theme="dark"] body.product-22000-page .spotlight,
  html[data-theme="dark"] body.product-22000-page .spotlight-copy,
  html[data-theme="dark"] body.product-22000-page .spotlight-visual,
  html[data-theme="dark"] body.product-22000-page .order-copy,
  html[data-theme="dark"] body.product-22000-page .order-box,
  html[data-theme="dark"] body.product-22000-page .compare-next,
  html[data-theme="dark"] body.product-22000-page .spec-shell,
  html[data-theme="dark"] body.product-22000-page .spec-group,
  html[data-theme="dark"] body.product-22000-page .faq-item,
  html[data-theme="dark"] body.product-22000-page .feature-card,
  html[data-theme="dark"] body.product-22000-page #section .card,
  html[data-theme="dark"] body.product-22000-page #features .feature-card,
  html[data-theme="dark"] body.product-22000-page #safety .card,
  html[data-theme="dark"] body.product-22000-page #installation .step-card,
  html[data-theme="dark"] body.product-22000-page #feature-1 .spotlight-copy,
  html[data-theme="dark"] body.product-22000-page #feature-1 .spotlight-visual {
    color: #eaf5ff !important;
    border-color: rgba(149, 206, 255, 0.17) !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(187, 226, 255, 0.075), transparent 31%),
      radial-gradient(circle at 92% 4%, rgba(37, 203, 232, 0.055), transparent 31%),
      linear-gradient(
        155deg,
        rgba(23, 47, 76, 0.94),
        rgba(8, 24, 43, 0.91) 52%,
        rgba(5, 17, 32, 0.94)
      ) !important;
    box-shadow:
      0 20px 48px rgba(0, 4, 14, 0.50),
      inset 0 1px 0 rgba(220, 243, 255, 0.10) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  /* Comparison rows, specs, box contents and smaller glass blocks */
  html[data-theme="dark"] body.product-22000-page .adv-row,
  html[data-theme="dark"] body.product-22000-page .stat-line,
  html[data-theme="dark"] body.product-22000-page .purchase-list li,
  html[data-theme="dark"] body.product-22000-page .spec-row,
  html[data-theme="dark"] body.product-22000-page .box-item,
  html[data-theme="dark"] body.product-22000-page .safety-box,
  html[data-theme="dark"] body.product-22000-page .micro-card {
    color: #b9cce0 !important;
    border-color: rgba(149, 206, 255, 0.14) !important;
    background:
      linear-gradient(
        180deg,
        rgba(24, 48, 78, 0.89),
        rgba(8, 24, 43, 0.87)
      ) !important;
    box-shadow:
      0 12px 28px rgba(0, 5, 15, 0.30),
      inset 0 1px 0 rgba(220, 243, 255, 0.07) !important;
  }

  html[data-theme="dark"] body.product-22000-page .hero-purchase h3,
  html[data-theme="dark"] body.product-22000-page .hero-purchase h4,
  html[data-theme="dark"] body.product-22000-page .hero-purchase strong,
  html[data-theme="dark"] body.product-22000-page .hero-purchase .price,
  html[data-theme="dark"] body.product-22000-page .feature-card h4,
  html[data-theme="dark"] body.product-22000-page .spotlight-copy h4,
  html[data-theme="dark"] body.product-22000-page .spotlight-visual h4,
  html[data-theme="dark"] body.product-22000-page .order-copy h4,
  html[data-theme="dark"] body.product-22000-page .order-box h4,
  html[data-theme="dark"] body.product-22000-page .faq-question,
  html[data-theme="dark"] body.product-22000-page .spec-row strong,
  html[data-theme="dark"] body.product-22000-page .adv-name,
  html[data-theme="dark"] body.product-22000-page .adv-delta,
  html[data-theme="dark"] body.product-22000-page .box-item h5,
  html[data-theme="dark"] body.product-22000-page .stat-line strong {
    color: #eef7ff !important;
  }

  html[data-theme="dark"] body.product-22000-page .hero-purchase p,
  html[data-theme="dark"] body.product-22000-page .hero-purchase .mini-note,
  html[data-theme="dark"] body.product-22000-page .hero-purchase .vat-line,
  html[data-theme="dark"] body.product-22000-page .feature-card p,
  html[data-theme="dark"] body.product-22000-page .spotlight-copy p,
  html[data-theme="dark"] body.product-22000-page .spotlight-copy li,
  html[data-theme="dark"] body.product-22000-page .spotlight-visual p,
  html[data-theme="dark"] body.product-22000-page .order-copy p,
  html[data-theme="dark"] body.product-22000-page .order-box p,
  html[data-theme="dark"] body.product-22000-page .faq-answer p,
  html[data-theme="dark"] body.product-22000-page .box-item p {
    color: #a9bdd4 !important;
  }

  /* Mobile badges and chips */
  html[data-theme="dark"] body.product-22000-page .badge,
  html[data-theme="dark"] body.product-22000-page .chip {
    color: #bfd1e5 !important;
    border-color: rgba(149, 206, 255, 0.18) !important;
    background:
      linear-gradient(
        180deg,
        rgba(30, 56, 87, 0.94),
        rgba(11, 28, 49, 0.91)
      ) !important;
    box-shadow:
      0 8px 20px rgba(0, 5, 15, 0.28),
      inset 0 1px 0 rgba(220, 243, 255, 0.09) !important;
  }

  html[data-theme="dark"] body.product-22000-page .chip.good {
    color: #9ae8bd !important;
    border-color: rgba(72, 214, 145, 0.34) !important;
    background:
      linear-gradient(
        180deg,
        rgba(20, 92, 66, 0.78),
        rgba(8, 48, 39, 0.82)
      ) !important;
  }

  html[data-theme="dark"] body.product-22000-page .chip.new,
  html[data-theme="dark"] body.product-22000-page .chip.blue {
    color: #a9d0ff !important;
    border-color: rgba(89, 160, 255, 0.34) !important;
    background:
      linear-gradient(
        180deg,
        rgba(36, 84, 151, 0.72),
        rgba(15, 43, 80, 0.80)
      ) !important;
  }

  html[data-theme="dark"] body.product-22000-page .chip.ext {
    color: #ffd58f !important;
    border-color: rgba(245, 174, 64, 0.34) !important;
    background:
      linear-gradient(
        180deg,
        rgba(118, 76, 15, 0.72),
        rgba(63, 42, 10, 0.80)
      ) !important;
  }

  html[data-theme="dark"] body.product-22000-page .chip.violet,
  html[data-theme="dark"] body.product-22000-page .chip.bluewarn {
    color: #d0bcff !important;
    border-color: rgba(164, 123, 255, 0.34) !important;
    background:
      linear-gradient(
        180deg,
        rgba(79, 50, 151, 0.72),
        rgba(39, 28, 86, 0.82)
      ) !important;
  }

  /* Ghost actions */
  html[data-theme="dark"] body.product-22000-page .btn-ghost {
    color: #c8d9eb !important;
    border-color: rgba(149, 206, 255, 0.18) !important;
    background:
      linear-gradient(
        180deg,
        rgba(29, 54, 85, 0.92),
        rgba(10, 28, 49, 0.89)
      ) !important;
    box-shadow:
      0 10px 24px rgba(0, 5, 15, 0.30),
      inset 0 1px 0 rgba(220, 243, 255, 0.08) !important;
  }

  /* Mobile gallery modal */
  html[data-theme="dark"] body.product-22000-page .modal-panel {
    color: #eaf5ff !important;
    border-color: rgba(149, 206, 255, 0.18) !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(102, 172, 255, 0.10), transparent 31%),
      radial-gradient(circle at 92% 5%, rgba(31, 202, 231, 0.07), transparent 32%),
      linear-gradient(
        155deg,
        rgba(23, 47, 76, 0.99),
        rgba(7, 21, 39, 0.99)
      ) !important;
    box-shadow:
      0 28px 80px rgba(0, 3, 10, 0.72),
      inset 0 1px 0 rgba(220, 243, 255, 0.10) !important;
  }

  html[data-theme="dark"] body.product-22000-page .dialog-info {
    color: #eaf5ff !important;
    border-color: rgba(149, 206, 255, 0.15) !important;
    background:
      linear-gradient(
        180deg,
        rgba(20, 42, 69, 0.94),
        rgba(7, 22, 40, 0.92)
      ) !important;
  }

  html[data-theme="dark"] body.product-22000-page .dialog-media {
    border-color: rgba(149, 206, 255, 0.15) !important;
    background:
      radial-gradient(
        circle at 50% 6%,
        rgba(174, 220, 255, 0.10),
        rgba(28, 59, 93, 0.20) 42%,
        transparent 76%
      ),
      linear-gradient(
        180deg,
        rgba(18, 39, 66, 0.94),
        rgba(7, 22, 40, 0.92)
      ) !important;
  }

  html[data-theme="dark"] body.product-22000-page .close-btn,
  html[data-theme="dark"] body.product-22000-page .media-nav,
  html[data-theme="dark"] body.product-22000-page .media-dots {
    color: #eaf5ff !important;
    border-color: rgba(149, 206, 255, 0.18) !important;
    background: rgba(15, 37, 63, 0.94) !important;
    box-shadow:
      0 9px 22px rgba(0, 5, 15, 0.38),
      inset 0 1px 0 rgba(220, 243, 255, 0.08) !important;
  }

  html[data-theme="dark"] body.product-22000-page .dialog-specs li {
    color: #a9bdd4 !important;
    border-color: rgba(149, 206, 255, 0.13) !important;
    background: rgba(22, 46, 75, 0.88) !important;
  }

  html[data-theme="dark"] body.product-22000-page .dialog-specs strong {
    color: #eef7ff !important;
  }
}

/* MOBILE — tabela przesuwana palcem */
@media (max-width: 980px) {
  #runtime-exact,
  #runtime-exact .runtime-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  #runtime-exact .table-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
  }

  #runtime-exact .runtime-table {
    width: 760px !important;
    min-width: 760px !important;
    max-width: none !important;
    table-layout: auto !important;
  }
}

/* Hero gallery — bez dużego boxa w dark mode */
html[data-theme="dark"]
body.product-22000-page
.hero-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  overflow: visible !important;
}

/* Wyłączenie dekoracyjnej warstwy klasy .glass */
html[data-theme="dark"]
body.product-22000-page
.hero-panel::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

.hero-copy .pillRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-block:28px !important;
}