/* RC23 — Hero stacking contract: media/gradients stay behind, content stays above. */
.storefront-v11 .sf-hero,
.storefront-v11 .sf-hero-track,
.storefront-v11 .sf-hero-slide,
.storefront-v11 .sf-hero-shell{
  isolation:isolate!important;
}

.storefront-v11 .sf-hero-visual,
.storefront-v11 .sf-hero-figure,
.storefront-v11 .sf-hero-figure picture,
.storefront-v11 .sf-hero-figure img{
  z-index:0!important;
}

/* Full-scene grading belongs above the image but below every content node. */
.storefront-v11 .sf-hero-slide::before,
.storefront-v11 .sf-hero-slide::after{
  z-index:1!important;
}

.storefront-v11 .sf-hero-copy{
  z-index:20!important;
  isolation:isolate!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  color:#fff!important;
}

/* This is a local readability plate, never a layer over the text. */
.storefront-v11 .sf-hero-copy::before{
  z-index:0!important;
  inset:-42px -58px!important;
  border-radius:38px!important;
  background:linear-gradient(
    108deg,
    rgba(2,2,2,.74) 0%,
    rgba(2,2,2,.54) 48%,
    rgba(2,2,2,.18) 78%,
    transparent 100%
  )!important;
  filter:blur(8px)!important;
  opacity:1!important;
  pointer-events:none!important;
}

.storefront-v11 .sf-hero-copy > *{
  position:relative!important;
  z-index:3!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

.storefront-v11 .sf-hero-copy h1{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:0 2px 10px rgba(0,0,0,.64)!important;
}

.storefront-v11 .sf-hero-copy > p{
  color:#fff6e7!important;
  -webkit-text-fill-color:#fff6e7!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:0 2px 8px rgba(0,0,0,.58)!important;
}

.storefront-v11 .sf-hero-kicker,
.storefront-v11 .sf-hero-trust,
.storefront-v11 .sf-hero-trust span,
.storefront-v11 .sf-hero-actions{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

.storefront-v11 .sf-hero-kicker{
  color:#ffe69a!important;
  -webkit-text-fill-color:#ffe69a!important;
  background:rgba(6,6,5,.72)!important;
  border-color:rgba(255,226,139,.52)!important;
}

.storefront-v11 .sf-hero-trust span{
  color:#fff3dc!important;
  -webkit-text-fill-color:#fff3dc!important;
  text-shadow:0 1px 6px rgba(0,0,0,.55)!important;
}

.storefront-v11 .sf-hero-actions .sf-button{
  position:relative!important;
  z-index:4!important;
  opacity:1!important;
  filter:none!important;
}

@media (max-width:980px){
  .storefront-v11 .sf-hero-copy::before{
    inset:-38px -18px -26px!important;
    border-radius:28px!important;
    background:linear-gradient(
      180deg,
      rgba(2,2,2,.08) 0%,
      rgba(2,2,2,.58) 32%,
      rgba(2,2,2,.88) 100%
    )!important;
    filter:blur(7px)!important;
  }
  .storefront-v11 .sf-hero-copy h1{
    text-shadow:0 2px 8px rgba(0,0,0,.68)!important;
  }
  .storefront-v11 .sf-hero-copy > p{
    text-shadow:0 2px 7px rgba(0,0,0,.66)!important;
  }
}