/* NIAWELL V61 — deterministic slider positioning & unified products section.
   This sheet loads AFTER all historical landing and locale CSS. */
.home-page .home-hero--classic .home-hero__slide picture {display:block !important;position:absolute !important;inset:0 !important;}
.home-page .home-hero--classic .home-hero__slide .home-hero__background {
  display:block !important;visibility:visible !important;opacity:1 !important;
  width:100% !important;height:100% !important;object-fit:cover !important;
  object-position:center center !important;
}
.home-page .home-hero--classic .home-hero__slide.is-active:not(.is-image-ready)::after {display:none !important;}
/* Physically anchor the two arrow buttons at the right; dots at true centre.
   Do NOT mix CSS logical inset-inline with physical left/right. */
html body.home-page .home-hero--classic .home-hero__controls--classic.nw-container {
  position:absolute !important;inset:auto 0 16px 0 !important;
  box-sizing:border-box !important;display:block !important;
  width:100% !important;max-width:none !important;height:40px !important;
  padding:0 !important;margin:0 !important;direction:ltr !important;
  transform:none !important;z-index:15 !important;pointer-events:none !important;
}
html body.home-page .home-hero--classic .home-hero__controls--classic .home-hero__dots {
  position:absolute !important;top:3px !important;inset-inline-start:auto !important;inset-inline-end:auto !important;
  left:50% !important;right:auto !important;bottom:auto !important;
  transform:translateX(-50%) !important;margin:0 !important;
  display:inline-flex !important;flex-flow:row nowrap !important;align-items:center !important;
  justify-content:center !important;gap:2px !important;min-width:max-content !important;
  height:34px !important;padding:3px 7px !important;z-index:2 !important;
  pointer-events:auto !important;
}
html body.home-page .home-hero--classic .home-hero__controls--classic .home-hero__arrows {
  position:absolute !important;top:3px !important;inset-inline-start:auto !important;
  inset-inline-end:auto !important;left:auto !important;right:clamp(14px,2.2vw,34px) !important;bottom:auto !important;
  transform:none !important;margin:0 !important;display:inline-flex !important;
  flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;
  justify-content:space-between !important;gap:7px !important;direction:ltr !important;
  width:78px !important;min-width:78px !important;height:34px !important;
  box-sizing:border-box !important;padding:3px !important;z-index:3 !important;
  pointer-events:auto !important;
}
html body.home-page .home-hero--classic .home-hero__controls--classic .home-hero__arrows button {
  position:relative !important;top:auto !important;left:auto !important;right:auto !important;
  transform:none !important;display:inline-grid !important;place-items:center !important;
  flex:0 0 29px !important;min-width:29px !important;width:29px !important;
  height:29px !important;margin:0 !important;padding:0 !important;opacity:1 !important;
}
@media (max-width:760px) {
  html body.home-page .home-hero--classic .home-hero__controls--classic.nw-container {bottom:12px !important;}
  html body.home-page .home-hero--classic .home-hero__controls--classic .home-hero__dots {left:46% !important;}
  html body.home-page .home-hero--classic .home-hero__controls--classic .home-hero__arrows {right:10px !important;}
}
/* Product discovery: one coherent dark-navy section, not a tall black sidebar.
   Preserve every series card, model-expansion details, link and original copy. */
html body.home-page .home-featured.nw-section {
  padding:clamp(42px,5vw,78px) 0 clamp(52px,5.3vw,82px) !important;
  border:0 !important;
  background:radial-gradient(ellipse 75% 60% at 92% 0%,rgba(208,55,61,.15),transparent 78%),
             linear-gradient(140deg,#0e1929 0%,#15283e 54%,#101d2c 100%) !important;
  isolation:isolate !important;
}
html body.home-page .home-featured .home-featured-layout {
  display:block !important;direction:rtl !important;max-width:1330px !important;
  margin-inline:auto !important;padding-inline:clamp(16px,3.3vw,34px) !important;
}
html body.home-page .home-featured .home-featured-intro {
  display:block !important;position:relative !important;overflow:visible !important;
  width:100% !important;min-height:0 !important;height:auto !important;
  padding:0 0 25px !important;margin:0 0 18px !important;
  background:transparent !important;color:#fff !important;border-radius:0 !important;
}
html body.home-page .home-featured .home-featured-intro::before,
html body.home-page .home-featured .home-featured-intro::after {
  display:none !important;content:none !important;
}
html body.home-page .home-featured .home-featured-intro .home-section-head {
  display:flex !important;flex-flow:row wrap !important;align-items:center !important;
  justify-content:space-between !important;gap:18px !important;width:100% !important;margin:0 !important;
}
html body.home-page .home-featured .home-featured-intro .nw-eyebrow {color:#f5a5aa !important;letter-spacing:.09em !important;}
html body.home-page .home-featured .home-featured-intro .home-section-title {
  color:#fff !important;font-size:clamp(1.8rem,2.6vw,2.85rem) !important;
  margin:6px 0 !important;line-height:1.5 !important;
}
html body.home-page .home-featured .home-featured-intro .home-text-link {
  margin:0 !important;color:#fff !important;background:#cf373d !important;
  border:1px solid rgba(255,255,255,.15) !important;border-radius:12px !important;
  display:inline-flex !important;min-height:46px !important;padding:8px 17px !important;
  font-size:.88rem !important;align-items:center !important;justify-content:center !important;
}
html body.home-page .home-featured .home-featured-intro .home-text-link:hover {background:#a72b31 !important;}
html body.home-page .home-featured .home-featured-grid {
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(12px,1.8vw,22px) !important;margin:0 !important;
  padding:0 !important;direction:rtl !important;align-items:stretch !important;
}
html body.home-page .home-featured .home-series-card {
  background:#fff !important;color:#162538 !important;border:1px solid rgba(255,255,255,.14) !important;
  border-radius:16px !important;box-shadow:0 14px 34px rgba(0,0,0,.13) !important;
  display:grid !important;grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:minmax(215px,230px) minmax(0,1fr) !important;min-width:0 !important;
}
html body.home-page .home-featured .home-series-card .home-series-card__media {
  min-width:0 !important;min-height:0 !important;height:230px !important;
  padding:14px 18px !important;background:#f9fafc !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
html body.home-page .home-featured .home-series-card .home-series-card__media img {
  display:block !important;max-width:100% !important;max-height:198px !important;
  width:100% !important;height:100% !important;object-fit:contain !important;
}
html body.home-page .home-featured .home-series-card .home-series-card__body {
  display:flex !important;flex-flow:column nowrap !important;justify-content:flex-start !important;
  padding:17px 18px 20px !important;border-top:1px solid #e8edf2 !important;
}
html body.home-page .home-featured .home-series-card .home-series-card__body>small {color:#cb323a !important;}
html body.home-page .home-featured .home-series-card .home-series-card__body h4 {color:#152437 !important;}
html body.home-page .home-featured .home-series-card .home-featured-card__details,
html body.home-page .home-featured .home-series-card .home-solar-inquiry {margin-top:auto !important;}
html body.home-page .home-featured .home-series-card.home-featured-card--solar {
  display:grid !important;grid-column:auto !important;grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:230px minmax(0,1fr) !important;
}
html body.home-page .home-featured .home-series-card.home-featured-card--solar .home-series-card__body {
  border-inline-start:0 !important;
}
@media (min-width:761px) and (max-width:1100px) {
  html body.home-page .home-featured .home-featured-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:760px) {
  html body.home-page .home-featured.nw-section {padding:35px 0 48px !important;}
  html body.home-page .home-featured .home-featured-intro {padding-bottom:14px !important;margin-bottom:12px !important;}
  html body.home-page .home-featured .home-featured-intro .home-section-head {flex-flow:row wrap !important;align-items:flex-start !important;}
  html body.home-page .home-featured .home-featured-intro .home-text-link {font-size:.79rem !important;min-height:42px !important;}
  html body.home-page .home-featured .home-featured-grid {grid-template-columns:minmax(0,1fr) !important;gap:14px !important;}
  html body.home-page .home-featured .home-series-card,
  html body.home-page .home-featured .home-series-card.home-featured-card--solar {grid-template-rows:225px auto !important;}
  html body.home-page .home-featured .home-series-card .home-series-card__media {height:225px !important;}
}

/* V61.1: hero image visibility independent of JS progress callbacks. */
html body.home-page .home-hero--classic .home-hero__slide picture,
html body.home-page .home-hero--classic .home-hero__slide picture > source { pointer-events:none; }
html body.home-page .home-hero--classic .home-hero__slide img.home-hero__background,
html body.home-page .home-hero--classic .home-hero__slide:not(.is-image-ready) img.home-hero__background,
html body.home-page .home-hero--classic .home-hero__slide img.home-hero__background.is-image-loading {
  opacity:1 !important;visibility:visible !important;position:absolute !important;inset:0 !important;
  max-height:none !important;object-fit:cover !important;
}
html body.home-page .home-hero--classic .home-hero__slide.is-active {
  opacity:1 !important;visibility:visible !important;z-index:1 !important;
}
/* Never show the deleted company/contact utility bar even in older cached HTML. */
html body.home-page .home-utility-bar{display:none !important;}
/* Robust control layout with physical coordinates, independent of all document directions. */
html body.home-page .home-hero--classic .home-hero__controls--classic .home-hero__arrows {
  gap:8px !important;width:90px !important;min-width:90px !important;height:39px !important;
  justify-content:center !important;align-items:center !important;
}
html body.home-page .home-hero--classic .home-hero__controls--classic .home-hero__arrows button {
  flex:0 0 32px !important;width:32px !important;min-width:32px !important;max-width:32px !important;
  height:32px !important;min-height:32px !important;max-height:32px !important;
  border-radius:50% !important;box-sizing:border-box !important;
}
@media (max-width:560px) {
 html body.home-page .home-hero--classic .home-hero__controls--classic .home-hero__arrows {right:7px !important;width:80px !important;min-width:80px !important;gap:4px !important;}
}
