/* Homepage annotation pass — 2026-09-06
 * Scoped to the current homepage. Visual changes only; commerce, routing and runtime logic unchanged.
 */

/* Lithium-shop brand lock: use the approved Elevation image asset itself.
 * Runtime may still supply legacy text markup, but it is not rendered as branding. */
.reference-storefront-home .eus-brand{
  position:relative;
  width:235px!important;
  min-width:235px!important;
  max-width:235px!important;
  min-height:60px;
  overflow:hidden;
  background:url('/assets/brand/Elevation_UpScales_Inc_Blue_LithiumShop_FINAL_FONT.webp?v=20260910-1') left center/contain no-repeat!important;
}
.reference-storefront-home .eus-brand>.reference-header-brand-text{
  display:none!important;
}
.reference-storefront-home .eus-brand>img.reference-header-wordmark{
  display:block!important;
  width:100%!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.reference-storefront-home .eus-brand::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
.reference-storefront-home .reference-header-brand-text{
  display:none!important;
}

/* Slightly open the hero overlay so the Hawaii scene reads more clearly. */
.reference-storefront-hero__scene{
  background:
    linear-gradient(90deg,rgba(0,5,9,.94) 0%,rgba(0,8,13,.84) 29%,rgba(2,15,23,.3) 58%,rgba(0,6,10,.42) 100%),
    linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,6,10,.18) 64%,rgba(0,6,10,.78)),
    url('/assets/hero/storefront-tropical-logistics-v3.webp') center 44%/cover no-repeat!important;
}
.reference-storefront-hero h1{
  max-width:760px!important;
  font-size:clamp(3rem,4.65vw,4.7rem)!important;
  line-height:.94!important;
  letter-spacing:-.04em!important;
}
.reference-storefront-hero h1 span{
  display:block!important;
  margin-top:8px!important;
  color:#fff!important;
  font-weight:760!important;
}
.reference-storefront-hero__lead{
  max-width:670px!important;
  margin-top:18px!important;
  font-size:.98rem!important;
  line-height:1.55!important;
  color:#e8f3f7!important;
}
.reference-storefront-hero__actions{margin-top:21px!important}

.reference-usecases{
  width:min(760px,100%)!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:22px!important;
  border-top:0!important;
}
.reference-usecases a{
  min-height:58px!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:10px 12px!important;
  border:1px solid rgba(5,199,242,.22)!important;
  border-radius:7px!important;
  background:rgba(2,14,20,.46)!important;
  font-size:.63rem!important;
  line-height:1.2!important;
  letter-spacing:.055em!important;
}
.reference-usecases a:first-child{padding-left:12px!important}
.reference-usecases a:hover{
  border-color:rgba(5,199,242,.62)!important;
  background:rgba(5,199,242,.08)!important;
  transform:translateY(-1px);
}

/* Make the verified SOK mark + clean standalone 12V / 48V cabinet pair the visual center. */
.reference-storefront-hero__visual{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:end!important;
  gap:18px!important;
  padding:92px 10px 8px!important;
}
.reference-sok-brand{
  top:-8px!important;
  left:50%!important;
  width:min(470px,60%)!important;
  transform:translateX(-50%)!important;
  isolation:isolate!important;
  mix-blend-mode:normal!important;
}
/* Emergency trust repair: do not mix secondary dealer branding into the SOK lockup. */
.reference-sok-partnership,
.reference-storefront-hero__visual>.reference-authorized,
.reference-storefront-hero__visual>.reference-authorized *,
.reference-authorized{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.reference-storefront-hero__visual>.reference-product{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:300px!important;
  min-width:0!important;
  align-self:end!important;
}
.reference-product--12v,
.reference-product--48v{
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:300px!important;
}

/* The future carousel is intentionally deferred. Keep its runtime anchor available but hidden. */
.reference-storefront-home [data-home-hero-slides][hidden]{display:none!important}

.reference-trust-strip{
  gap:0;
  background:#03131d!important;
}
.reference-trust-strip__item{
  position:relative;
  min-height:78px!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:17px 34px!important;
  border-right:1px solid rgba(5,199,242,.16)!important;
  background:linear-gradient(180deg,rgba(5,199,242,.025),transparent)!important;
}
.reference-trust-strip__item::before{
  content:"";
  position:absolute;
  top:0;
  left:34px;
  width:46px;
  height:2px;
  background:var(--ref-cyan);
  opacity:.8;
}
.reference-trust-strip__item strong{
  font-size:.82rem!important;
  letter-spacing:.07em!important;
}
.reference-trust-strip__item span{
  margin-top:5px!important;
  color:#adc3cd!important;
  font-size:.7rem!important;
}

/* Owner wording: Lithium Power Solutions. Remove the decorative rail slogan entirely. */
.reference-solutions h2{
  font-size:0!important;
  white-space:nowrap;
}
.reference-solutions h2::before{
  content:"Lithium Power ";
  color:#fff;
  font-size:clamp(2rem,3vw,2.8rem);
  line-height:.95;
  letter-spacing:-.04em;
}
.reference-solutions h2::after{
  content:"Solutions";
  color:var(--ref-cyan);
  font-size:clamp(2rem,3vw,2.8rem);
  line-height:.95;
  letter-spacing:-.04em;
}
.reference-solutions__rail{
  grid-template-columns:1fr auto!important;
}
.reference-solutions__rail>span{display:none!important}

/* Owner wording for the fourth logistics checkpoint. */
.reference-storefront-home .retail-logistics__path span:nth-child(4){
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  font-size:0!important;
}
.reference-storefront-home .retail-logistics__path span:nth-child(4) b{
  font-size:.68rem!important;
}
.reference-storefront-home .retail-logistics__path span:nth-child(4)::after{
  content:"Tracking Info";
  font-size:.72rem;
  line-height:1.15;
  font-weight:800;
  text-transform:uppercase;
}

.reference-storefront-home .retail-logistics__copy h2{
  max-width:620px!important;
  font-size:clamp(2rem,3.5vw,3.15rem)!important;
  line-height:1.03!important;
}

.reference-storefront-home .retail-feature-band{
  gap:18px!important;
}
.reference-storefront-home .retail-feature-band__media,
.reference-storefront-home .retail-feature-band__copy{
  min-height:320px!important;
}
.reference-storefront-home .retail-feature-band__copy{
  padding:34px 38px!important;
  background:linear-gradient(145deg,#071923,#041118)!important;
}
.reference-storefront-home .retail-feature-band__copy h2{
  font-size:clamp(1.75rem,3vw,2.7rem)!important;
  line-height:1.05!important;
}
.reference-storefront-home .retail-feature-band__copy>p:not(.retail-eyebrow){
  max-width:560px;
  font-size:.9rem!important;
  line-height:1.55!important;
}

.reference-storefront-home .retail-services{
  padding:64px 0!important;
  background:linear-gradient(180deg,#04131a,#020b10)!important;
}
.reference-storefront-home .retail-services__head{
  max-width:820px!important;
  margin-bottom:28px!important;
}
.reference-storefront-home .retail-support-grid{
  gap:14px!important;
}
.reference-storefront-home .retail-support-card{
  min-height:205px;
  padding:24px!important;
  display:flex;
  flex-direction:column;
  border-color:rgba(5,199,242,.2)!important;
  background:linear-gradient(145deg,#071923,#041118)!important;
}
.reference-storefront-home .retail-support-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,var(--ref-cyan),transparent 72%);
}
.reference-storefront-home .retail-support-card p{flex:1}
.reference-storefront-home .retail-support-card a{
  width:max-content;
  margin-top:10px;
  padding:8px 11px;
  border:1px solid rgba(5,199,242,.36);
  border-radius:6px;
  color:#eafaff!important;
  font-size:.7rem;
}
.reference-storefront-home .retail-support-card a:hover{
  border-color:var(--ref-cyan)!important;
  color:var(--ref-cyan)!important;
}

@media(max-width:1050px){
  .reference-usecases{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .reference-sok-brand{width:min(430px,56%)!important}
  .reference-storefront-hero__visual>.reference-product{height:260px!important}
}
@media(max-width:760px){
  .reference-storefront-home .eus-brand{width:190px!important;min-width:190px!important;max-width:190px!important;min-height:52px;background-size:contain!important}
  .reference-storefront-home .eus-brand>img.reference-header-wordmark{height:50px!important}
  .reference-storefront-hero h1{font-size:clamp(2.55rem,12vw,3.8rem)!important}
  .reference-usecases{grid-template-columns:1fr 1fr!important}
  .reference-storefront-hero__visual{min-height:320px!important;gap:8px!important;padding:72px 2px 4px!important}
  .reference-sok-brand{top:-4px!important;left:50%!important;width:245px!important}
  .reference-storefront-hero__visual>.reference-product,
  .reference-product--12v,
  .reference-product--48v{height:190px!important;width:100%!important;left:auto!important;right:auto!important;bottom:auto!important}
  .reference-trust-strip__item{padding:14px 20px!important}
  .reference-trust-strip__item::before{left:20px}
  .reference-storefront-home .retail-feature-band__copy{padding:26px!important}
  .reference-solutions h2::before,
  .reference-solutions h2::after{font-size:clamp(1.8rem,9vw,2.55rem)}
}