body.theme-baterie24 {
  --b24-primary-dark: #071F3E;
  --b24-accent-ink: #172033;
  --b24-success: #1B7F3B;
  --b24-warning: #B45309;
  --b24-danger: #C62828;
  --b24-info: #2F6FB2;
  --b24-line: #D9DEE6;
  --b24-muted: #5B6675;
  --b24-badge-agm-bg: #E3EDF9;
  --b24-badge-agm-fg: #123E73;
  --b24-badge-efb-bg: #E6F4EA;
  --b24-badge-efb-fg: #14532D;
  --b24-badge-std-bg: #EEF0F3;
  --b24-badge-std-fg: #333B47;
  --b24-badge-gel-bg: #F3E8FD;
  --b24-badge-gel-fg: #5B21B6;
  --b24-s1: 4px;
  --b24-s2: 8px;
  --b24-s3: 12px;
  --b24-s4: 16px;
  --b24-s5: 24px;
  --b24-s6: 32px;
  --b24-s7: 48px;
  --b24-s8: 64px;
  --b24-radius-sm: 4px;
  --b24-radius: 8px;
  --b24-radius-lg: 10px;
  --b24-shadow-1: 0 1px 2px rgb(10 46 92 / 0.06);
  --b24-shadow-2: 0 4px 12px rgb(10 46 92 / 0.10);
  --b24-shadow-3: 0 12px 32px rgb(10 46 92 / 0.18);
  color: #1A202C;
  background: #F7F8FA;
  font-variant-numeric: tabular-nums;
}

body.theme-baterie24 main {
  background: #F7F8FA;
}

body.theme-baterie24 h1,
body.theme-baterie24 h2,
body.theme-baterie24 h3,
body.theme-baterie24 h4 {
  color: #0A2E5C;
  font-weight: 750;
  letter-spacing: -0.018em;
}

body.theme-baterie24 .wb-contained,
body.theme-baterie24 .wb-hero-content,
body.theme-baterie24 .wb-feature-container,
body.theme-baterie24 .wb-text-container,
body.theme-baterie24 .wb-services > div,
body.theme-baterie24 .wb-stats > div,
body.theme-baterie24 .wb-faq > div,
body.theme-baterie24 .wb-contact-form > div {
  max-width: 1320px;
}

body.theme-baterie24 .wb-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #0A2E5C;
  color: #FFFFFF;
  border-bottom: 1px solid rgb(255 255 255 / 0.14);
  box-shadow: 0 5px 18px rgb(7 27 51 / 0.20);
}

body.theme-baterie24 .wb-header-brand,
body.theme-baterie24 .wb-header-brand span {
  color: #FFFFFF;
}

body.theme-baterie24 .wb-header-nav > a,
body.theme-baterie24 .wb-header-nav > button,
body.theme-baterie24 .wb-header-nav > div > a,
body.theme-baterie24 .wb-header-nav > div > button,
body.theme-baterie24 .wb-header-contact {
  position: relative;
  color: #FFFFFF;
  background: transparent;
  transition: color 180ms ease;
}

body.theme-baterie24 .wb-header-nav > a::after,
body.theme-baterie24 .wb-header-nav > button::after,
body.theme-baterie24 .wb-header-nav > div > a::after,
body.theme-baterie24 .wb-header-nav > div > button::after,
body.theme-baterie24 .wb-header-contact::after {
  content: '';
  position: absolute;
  right: 8px;
  bottom: 1px;
  left: 8px;
  height: 2px;
  border-radius: 999px;
  background: #FFB300;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 180ms ease;
}

body.theme-baterie24 .wb-header-nav > a:hover,
body.theme-baterie24 .wb-header-nav > button:hover,
body.theme-baterie24 .wb-header-nav > div > a:hover,
body.theme-baterie24 .wb-header-nav > div > button:hover,
body.theme-baterie24 .wb-header-contact:hover {
  color: #FFB300;
  background: transparent;
}

body.theme-baterie24 .wb-header-nav > a:hover::after,
body.theme-baterie24 .wb-header-nav > button:hover::after,
body.theme-baterie24 .wb-header-nav > div > a:hover::after,
body.theme-baterie24 .wb-header-nav > div > button:hover::after,
body.theme-baterie24 .wb-header-contact:hover::after,
body.theme-baterie24 .wb-header-nav > a:focus-visible::after,
body.theme-baterie24 .wb-header-nav > button:focus-visible::after,
body.theme-baterie24 .wb-header-nav > div > a:focus-visible::after,
body.theme-baterie24 .wb-header-nav > div > button:focus-visible::after,
body.theme-baterie24 .wb-header-contact:focus-visible::after {
  transform: scaleX(1);
}

body.theme-baterie24 .wb-hero {
  min-height: 520px;
  background: linear-gradient(135deg, #071F3E 0%, #0A2E5C 52%, #123F7A 100%);
  background-size: 220% 220%;
}

/* Overlay-ul sta intre ilustratia cover (baterie deschisa la culoare) si textul
   alb — pe zona de text trebuie sa fie aproape opac, altfel contrastul moare
   (feedback client pe mobil). Desktop: intunecat stanga (text), transparent
   dreapta (ilustratia ramane vizibila). */
body.theme-baterie24 .wb-hero-overlay {
  background: linear-gradient(95deg,
    rgb(7 31 62 / 0.93) 0%,
    rgb(7 31 62 / 0.78) 45%,
    rgb(10 46 92 / 0.30) 78%,
    rgb(10 46 92 / 0.12) 100%);
}

body.theme-baterie24 .wb-hero .wb-hero-title,
body.theme-baterie24 .wb-hero .wb-hero-subtitle {
  text-shadow: 0 1px 3px rgb(7 31 62 / 0.45);
}

/* Mobil: crop-ul cover aduce bateria fix sub text — overlay aproape plin,
   ilustratia ramane doar ca textura discreta; spatii mai stranse. */
@media (max-width: 760px) {
  body.theme-baterie24 .wb-hero {
    min-height: 420px;
  }

  body.theme-baterie24 .wb-hero-overlay {
    background: linear-gradient(180deg,
      rgb(7 31 62 / 0.96) 0%,
      rgb(10 46 92 / 0.90) 70%,
      rgb(10 46 92 / 0.84) 100%);
  }

  body.theme-baterie24 .wb-hero-content {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

body.theme-baterie24 .wb-hero-content {
  padding-top: clamp(64px, 8vw, 104px);
  padding-bottom: clamp(64px, 8vw, 104px);
}

body.theme-baterie24 .wb-hero .wb-hero-title,
body.theme-baterie24 .wb-hero .wb-hero-subtitle {
  color: #FFFFFF;
}

body.theme-baterie24 .wb-hero-title {
  max-width: 680px;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1.04;
}

body.theme-baterie24 .wb-hero-subtitle {
  max-width: 720px;
  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.65;
}

body.theme-baterie24 .wb-hero-cta,
body.theme-baterie24 .wb-header-cta,
body.theme-baterie24 .wb-feature-cta,
body.theme-baterie24 .wb-cta {
  min-height: 48px;
  border-radius: var(--b24-radius);
  background: #FFB300;
  color: var(--b24-accent-ink);
  border-color: #FFB300;
  font-weight: 700;
  box-shadow: var(--b24-shadow-1);
}

body.theme-baterie24 .wb-hero-cta:hover,
body.theme-baterie24 .wb-header-cta:hover,
body.theme-baterie24 .wb-feature-cta:hover,
body.theme-baterie24 .wb-cta:hover {
  background: #EAA400;
  color: var(--b24-accent-ink);
  filter: none;
}

body.theme-baterie24 .wb-header-cta {
  border-radius: var(--b24-radius);
  background: #FFB300;
  color: #0A2E5C;
  font-weight: 800;
  box-shadow: 0 4px 12px rgb(7 27 51 / 0.18);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

body.theme-baterie24 .wb-header-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 18px rgb(7 27 51 / 0.28);
}

body.theme-baterie24 [data-anchor-id="cta-rapid"] > .wb-feature,
body.theme-baterie24 [data-anchor-id="cta-final"] > .wb-feature {
  padding: clamp(32px, 5vw, 56px) 0;
  background: linear-gradient(135deg, #071F3E 0%, #0A2E5C 100%);
  color: #FFFFFF;
}

body.theme-baterie24 [data-anchor-id="cta-rapid"] .wb-feature-container,
body.theme-baterie24 [data-anchor-id="cta-final"] .wb-feature-container {
  max-width: 1320px;
  grid-template-columns: minmax(0, 1fr);
}

body.theme-baterie24 [data-anchor-id="cta-rapid"] .wb-feature-body,
body.theme-baterie24 [data-anchor-id="cta-final"] .wb-feature-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--b24-s5);
}

body.theme-baterie24 [data-anchor-id="cta-rapid"] .wb-feature-title,
body.theme-baterie24 [data-anchor-id="cta-final"] .wb-feature-title {
  color: #FFFFFF;
}

body.theme-baterie24 [data-anchor-id="cta-rapid"] .wb-feature-cta,
body.theme-baterie24 [data-anchor-id="cta-final"] .wb-feature-cta {
  margin-top: 0;
  background: #FFB300;
  border-color: #FFB300;
  color: #172033;
}

body.theme-baterie24 label:has(> input[type="checkbox"][name="consent"]) {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  text-align: left;
}

body.theme-baterie24 label:has(> input[type="checkbox"][name="consent"]) > input[type="checkbox"] {
  flex: 0 0 auto;
  margin-top: .2rem;
}

body.theme-baterie24 label:has(> input[type="checkbox"][name="consent"]) > span {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

@media (max-width: 639px) {
  body.theme-baterie24 [data-anchor-id="cta-rapid"] .wb-feature-body,
  body.theme-baterie24 [data-anchor-id="cta-final"] .wb-feature-body {
    grid-template-columns: minmax(0, 1fr);
  }
}

body.theme-baterie24 .wb-text-block,
body.theme-baterie24 .wb-services,
body.theme-baterie24 .wb-stats,
body.theme-baterie24 .wb-faq,
body.theme-baterie24 .wb-contact-form {
  padding-top: var(--b24-s7);
  padding-bottom: var(--b24-s7);
}

body.theme-baterie24 .wb-text-container {
  max-width: 960px;
  line-height: 1.75;
}

body.theme-baterie24 .wb-text-container a {
  color: #155BB5;
}

body.theme-baterie24 .wb-stats-item,
body.theme-baterie24 .wb-services-card,
body.theme-baterie24 .wb-faq details,
body.theme-baterie24 .wb-contact-form form {
  background: #FFFFFF;
  border: 1px solid var(--b24-line);
  border-radius: var(--b24-radius);
  box-shadow: var(--b24-shadow-1);
}

body.theme-baterie24 .wb-stats-item,
body.theme-baterie24 .wb-services-card {
  padding: var(--b24-s5);
}

body.theme-baterie24 .wb-stats-value,
body.theme-baterie24 .wb-services-card-title {
  color: #0A2E5C;
}

body.theme-baterie24 .wb-stats-label,
body.theme-baterie24 .wb-services-card-desc,
body.theme-baterie24 .wb-feature-subtitle {
  color: var(--b24-muted);
}

body.theme-baterie24 .wb-services-card {
  transition: transform 160ms ease, box-shadow 160ms ease;
}

body.theme-baterie24 .wb-services-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--b24-shadow-2);
}

body.theme-baterie24 .wb-services-card-media {
  aspect-ratio: 16 / 9;
  background: #F3F6FA;
}

body.theme-baterie24 .wb-services-card-media img {
  box-sizing: border-box;
  object-fit: contain;
  padding: var(--b24-s5);
}

body.theme-baterie24 .wb-services-cta {
  color: #155BB5;
  background: transparent;
  font-weight: 700;
}

body.theme-baterie24 .wb-feature--dark {
  background: linear-gradient(135deg, #071F3E 0%, #0A2E5C 100%);
  color: #FFFFFF;
}

body.theme-baterie24 .wb-feature--dark .wb-feature-title,
body.theme-baterie24 .wb-feature--dark .wb-feature-subtitle,
body.theme-baterie24 .wb-feature--dark .wb-feature-desc,
body.theme-baterie24 .wb-feature--dark .wb-feature-item {
  color: #FFFFFF;
}

body.theme-baterie24 .wb-feature--dark .wb-feature-check {
  color: #FFFFFF;
  border-color: rgb(255 255 255 / 0.72);
}

body.theme-baterie24 .wb-feature-media {
  padding: var(--b24-s6);
  background: rgb(255 255 255 / 0.94);
  border: 1px solid rgb(255 255 255 / 0.22);
  border-radius: var(--b24-radius-lg);
}

body.theme-baterie24 .wb-feature-media img {
  max-height: 360px;
  object-fit: contain;
}

body.theme-baterie24 .b24-badge-agm {
  background: var(--b24-badge-agm-bg);
  color: var(--b24-badge-agm-fg);
}

body.theme-baterie24 .b24-badge-efb {
  background: var(--b24-badge-efb-bg);
  color: var(--b24-badge-efb-fg);
}

body.theme-baterie24 .b24-badge-standard {
  background: var(--b24-badge-std-bg);
  color: var(--b24-badge-std-fg);
}

body.theme-baterie24 .b24-badge-gel {
  background: var(--b24-badge-gel-bg);
  color: var(--b24-badge-gel-fg);
}

body.theme-baterie24 .b24-badge-agm,
body.theme-baterie24 .b24-badge-efb,
body.theme-baterie24 .b24-badge-standard,
body.theme-baterie24 .b24-badge-gel {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: var(--b24-radius-sm);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

body.theme-baterie24 input,
body.theme-baterie24 textarea,
body.theme-baterie24 select {
  min-height: 44px;
  border: 1px solid var(--b24-line);
  border-radius: var(--b24-radius-sm);
}

body.theme-baterie24 :focus-visible {
  outline: 2px solid #FFB300;
  outline-offset: 3px;
}

body.theme-baterie24 .wb-footer {
  margin-top: 0;
  background: #071B33;
  color: #C7D2E0;
  border-top: 0;
}

body.theme-baterie24 .wb-footer-topbar {
  background: #06172C;
  color: #AEBBCB;
  border-bottom-color: rgb(199 210 224 / 0.12);
}

body.theme-baterie24 .wb-footer-columns {
  padding-top: 56px;
  padding-bottom: 44px;
  gap: 40px 32px;
}

body.theme-baterie24 .wb-footer-col-title {
  color: #FFB300;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  border-bottom-color: rgb(199 210 224 / 0.16);
}

body.theme-baterie24 .wb-footer-link,
body.theme-baterie24 .wb-footer-legal-link {
  color: #C7D2E0;
  transition: color 160ms ease;
}

body.theme-baterie24 .wb-footer-link:hover,
body.theme-baterie24 .wb-footer-legal-link:hover {
  color: #FFFFFF;
}

body.theme-baterie24 .wb-footer-legal-bar {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #06172C;
  color: #91A1B5;
  border-top: 1px solid rgb(199 210 224 / 0.15);
}

@media (max-width: 760px) {
  body.theme-baterie24 .wb-hero {
    min-height: 460px;
  }

  body.theme-baterie24 .wb-hero-cta,
  body.theme-baterie24 .wb-feature-cta,
  body.theme-baterie24 .wb-cta {
    width: 100%;
    justify-content: center;
  }

  body.theme-baterie24 .wb-text-block,
  body.theme-baterie24 .wb-services,
  body.theme-baterie24 .wb-stats,
  body.theme-baterie24 .wb-faq,
  body.theme-baterie24 .wb-contact-form {
    padding-top: var(--b24-s6);
    padding-bottom: var(--b24-s6);
  }

  body.theme-baterie24 .wb-footer-columns {
    padding-top: 40px;
    padding-bottom: 32px;
    gap: 28px;
  }
}

@keyframes b24-hero-gradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes b24-hero-cta-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgb(255 179 0 / 0.24), var(--b24-shadow-1); }
  50% { box-shadow: 0 0 0 8px rgb(255 179 0 / 0), var(--b24-shadow-2); }
}

@media (prefers-reduced-motion: no-preference) {
  body.theme-baterie24 .wb-hero {
    animation: b24-hero-gradient 16s ease-in-out infinite;
  }

  body.theme-baterie24 .wb-hero-cta {
    animation: b24-hero-cta-pulse 3.6s ease-in-out infinite;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-baterie24 *,
  body.theme-baterie24 *::before,
  body.theme-baterie24 *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}