/* MUTTI LAB v9.5.231 — Stage288 Cashback Reference Composition
   Desktop cashback reconstruction from approved separated media:
   - background-v288.png = approved 2048x512 special-effects background, no text/card;
   - card-overlay-v288.png = approved PNG card, perspective/position matched to IMG_6075;
   - copy/CTA remain live HTML from front-page.php.
   Stage279 remains the only curtain/scroll owner.
*/

@media (min-width:1025px){
  html body.home.mutti-stage288-cashback-reference{
    /* Approved reference is 2048x512 = 4:1. Keep that native aspect ratio. */
    --s279-cashback-h:25vw!important;
  }

  html body.home.mutti-stage288-cashback-reference .mutti-stage275-curtain-stack > .mutti-bonus-card-v275,
  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275__inner{
    min-height:var(--s279-cashback-h)!important;
    height:var(--s279-cashback-h)!important;
  }

  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275{
    position:sticky!important;
    top:var(--s262-hero-top,0px)!important;
    width:100vw!important;
    max-width:none!important;
    margin:0 0 0 calc(50% - 50vw)!important;
    overflow:hidden!important;
    border-radius:30px 30px 0 0!important;
    background:#050617!important;
    box-shadow:none!important;
    isolation:isolate!important;
  }

  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275__inner{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }

  /* Exact approved effects background. */
  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v280__art{
    position:absolute!important;
    z-index:5!important;
    inset:0!important;
    display:block!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background-image:url('cashback-v288/background-v288.png')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:100% 100%!important;
  }

  /* Retire all historical Stage280-287 raster children. */
  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v280__art > img{
    display:none!important;
    visibility:hidden!important;
  }

  /* Approved clean PNG card on a full 2048x512 transparent artboard. Its transform
     was measured directly against IMG_6075, so browser scaling cannot change the
     card/background relationship. */
  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v280__art::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    pointer-events:none!important;
    background-image:url('cashback-v288/card-overlay-v288.png')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:100% 100%!important;
    filter:none!important;
    opacity:1!important;
  }

  /* Remove old decorative raster/pseudo owners behind the approved two-layer art. */
  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }

  /* Live copy: positioned to the approved 2048x512 reference, never rasterized. */
  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275__copy{
    position:absolute!important;
    z-index:20!important;
    left:4.05vw!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:31vw!important;
    max-width:635px!important;
    padding:0!important;
    margin:0!important;
  }

  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275__eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:clamp(25px,2.15vw,44px)!important;
    padding:0 clamp(12px,1.15vw,24px)!important;
    margin:0 0 clamp(12px,1.45vw,28px)!important;
    border:1px solid transparent!important;
    border-radius:999px!important;
    background:
      linear-gradient(#090b23,#090b23) padding-box,
      linear-gradient(100deg,#087bff 0%,#245eff 36%,#a72cff 72%,#ff18d1 100%) border-box!important;
    color:#fff!important;
    font-size:clamp(9px,.72vw,14px)!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.035em!important;
    box-shadow:0 0 17px rgba(48,89,255,.10)!important;
  }

  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275 h2{
    margin:0 0 clamp(12px,1.25vw,24px)!important;
    color:#fff!important;
    font-size:clamp(42px,3.72vw,76px)!important;
    line-height:.96!important;
    letter-spacing:-.048em!important;
    font-weight:900!important;
    text-wrap:balance!important;
  }

  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275__copy p{
    margin:0 0 clamp(17px,1.65vw,34px)!important;
    max-width:590px!important;
    color:rgba(247,248,255,.94)!important;
    font-size:clamp(14px,1.16vw,24px)!important;
    line-height:1.34!important;
    font-weight:500!important;
    letter-spacing:-.012em!important;
  }

  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275__cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:clamp(44px,3.2vw,66px)!important;
    padding:0 clamp(20px,2.1vw,43px)!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(100deg,#0879ff 0%,#2456ff 34%,#8332f5 68%,#ed12d6 100%)!important;
    color:#fff!important;
    font-size:clamp(12px,1vw,20px)!important;
    line-height:1!important;
    font-weight:850!important;
    text-decoration:none!important;
    box-shadow:0 10px 30px rgba(42,53,242,.19)!important;
    transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .26s ease,box-shadow .26s ease!important;
  }
  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275__cta:hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.06)!important;
    box-shadow:0 14px 34px rgba(42,53,242,.25)!important;
  }
}

/* Below desktop, preserve the already-established safe responsive cashback. */
@media (max-width:1024px){
  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v280__art::after{
    content:none!important;
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.home.mutti-stage288-cashback-reference .mutti-bonus-card-v275__cta{transition:none!important}
}