/* ELIFLI CAKERY V20.14.185
   ONLY FIX:
   - mobile + desktop keep using the same live hero image
   - soften the hard photo/card seam so the hero feels integrated
*/
@media (min-width:901px){
  .premium-flow-desktop .premium-flow-hero{
    background:linear-gradient(90deg,#fffafa 0%,#fff7f5 44%,#f8e3df 100%)!important;
  }

  .premium-flow-desktop .premium-flow-hero__visual{
    position:relative!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  .premium-flow-desktop .premium-flow-hero__visual::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:34%;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(
      90deg,
      rgba(255,248,246,1) 0%,
      rgba(255,248,246,.88) 18%,
      rgba(255,248,246,.45) 52%,
      rgba(255,248,246,0) 100%
    );
  }

  .premium-flow-desktop .premium-flow-hero__visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 54%!important;
    transform:none!important;
    display:block!important;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.70) 16%,#000 34%,#000 100%);
    mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.70) 16%,#000 34%,#000 100%);
  }
}

@media (max-width:900px){
  .mhome-hero{
    background:linear-gradient(90deg,#f9ddd9 0%,#f9ddd9 48%,#f2d7d1 100%)!important;
    overflow:hidden!important;
  }

  .mhome-hero-image{
    position:relative!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  .mhome-hero-image::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:28%;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(
      90deg,
      rgba(249,221,217,1) 0%,
      rgba(249,221,217,.88) 20%,
      rgba(249,221,217,.38) 62%,
      rgba(249,221,217,0) 100%
    );
  }

  .mhome-hero-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.72) 18%,#000 36%,#000 100%);
    mask-image:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.72) 18%,#000 36%,#000 100%);
  }
}