/* SAHKO_BACKGROUNDS_V3_20260729 */

body.sahko-bg-panel-v3 .hero,
body.sahko-bg-install-v3 .hero,
body.sahko-bg-plan-v3 .hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: clamp(480px, 58vw, 680px);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  color: #ffffff !important;
}

body.sahko-bg-panel-v3 .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(3, 14, 31, 0.95) 0%,
      rgba(3, 14, 31, 0.84) 42%,
      rgba(3, 14, 31, 0.36) 73%,
      rgba(3, 14, 31, 0.14) 100%
    ),
    url("/assets/images/sahko-backgrounds-v3/electrician-panel.jpg") !important;
  background-position: center center !important;
}

body.sahko-bg-install-v3 .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(3, 14, 31, 0.95) 0%,
      rgba(3, 14, 31, 0.83) 43%,
      rgba(3, 14, 31, 0.34) 73%,
      rgba(3, 14, 31, 0.13) 100%
    ),
    url("/assets/images/sahko-backgrounds-v3/electrical-installation.jpg") !important;
  background-position: center center !important;
}

body.sahko-bg-plan-v3 .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(3, 14, 31, 0.95) 0%,
      rgba(3, 14, 31, 0.83) 44%,
      rgba(3, 14, 31, 0.35) 74%,
      rgba(3, 14, 31, 0.14) 100%
    ),
    url("/assets/images/sahko-backgrounds-v3/electrical-planning.jpg") !important;
  background-position: center center !important;
}

body.sahko-bg-panel-v3 .hero::after,
body.sahko-bg-install-v3 .hero::after,
body.sahko-bg-plan-v3 .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(3, 12, 28, 0.05),
      rgba(3, 12, 28, 0.36)
    );
}

body.sahko-bg-panel-v3 .hero > *,
body.sahko-bg-install-v3 .hero > *,
body.sahko-bg-plan-v3 .hero > * {
  position: relative;
  z-index: 1;
}

body.sahko-bg-panel-v3 .hero h1,
body.sahko-bg-panel-v3 .hero h2,
body.sahko-bg-panel-v3 .hero p,
body.sahko-bg-panel-v3 .hero li,
body.sahko-bg-install-v3 .hero h1,
body.sahko-bg-install-v3 .hero h2,
body.sahko-bg-install-v3 .hero p,
body.sahko-bg-install-v3 .hero li,
body.sahko-bg-plan-v3 .hero h1,
body.sahko-bg-plan-v3 .hero h2,
body.sahko-bg-plan-v3 .hero p,
body.sahko-bg-plan-v3 .hero li {
  color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.44);
}

body.sahko-bg-home-v3 #hinta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-image:
    linear-gradient(
      90deg,
      rgba(3, 15, 32, 0.95),
      rgba(3, 15, 32, 0.78)
    ),
    url("/assets/images/sahko-backgrounds-v3/electrical-planning.jpg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.sahko-bg-home-v3 #hinta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(5, 20, 42, 0.16),
      rgba(5, 20, 42, 0.46)
    );
}

body.sahko-bg-home-v3 #hinta > * {
  position: relative;
  z-index: 1;
}

body.sahko-bg-home-v3 #hinta h2,
body.sahko-bg-home-v3 #hinta > .wrap > p {
  color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42);
}

@media screen and (max-width: 820px) {
  body.sahko-bg-panel-v3 .hero,
  body.sahko-bg-install-v3 .hero,
  body.sahko-bg-plan-v3 .hero {
    min-height: 560px;
    background-position: 62% center !important;
  }

  body.sahko-bg-panel-v3 .hero {
    background-image:
      linear-gradient(
        180deg,
        rgba(3, 14, 31, 0.92) 0%,
        rgba(3, 14, 31, 0.80) 60%,
        rgba(3, 14, 31, 0.56) 100%
      ),
      url("/assets/images/sahko-backgrounds-v3/electrician-panel.jpg") !important;
  }

  body.sahko-bg-install-v3 .hero {
    background-image:
      linear-gradient(
        180deg,
        rgba(3, 14, 31, 0.92) 0%,
        rgba(3, 14, 31, 0.80) 60%,
        rgba(3, 14, 31, 0.56) 100%
      ),
      url("/assets/images/sahko-backgrounds-v3/electrical-installation.jpg") !important;
  }

  body.sahko-bg-plan-v3 .hero {
    background-image:
      linear-gradient(
        180deg,
        rgba(3, 14, 31, 0.92) 0%,
        rgba(3, 14, 31, 0.80) 60%,
        rgba(3, 14, 31, 0.56) 100%
      ),
      url("/assets/images/sahko-backgrounds-v3/electrical-planning.jpg") !important;
  }

  body.sahko-bg-home-v3 #hinta {
    background-position: 58% center !important;
  }

  .sahko-global-table-scroll-v1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .sahko-global-table-scroll-v1 table.price-table {
    display: table !important;
    width: 560px !important;
    min-width: 560px !important;
    max-width: none !important;
    margin: 0 !important;
    table-layout: auto !important;
  }

  .sahko-global-table-scroll-v1 table.price-table th,
  .sahko-global-table-scroll-v1 table.price-table td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
  }

  #scope {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
}