/* =========================================================
   XSeller V3.6.5-R1.5 — MIDPAGE MASCOT SHOWCASE
   Landing page only. Adds the approved 3-mascot artwork into
   the intentional visual gap between the 3-step row and the
   performance/benefit section. No backend/grid logic changes.
   ========================================================= */

body.xs-v365r15-home .xs-v365r15-mid-showcase{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(100%,1136px);
  min-height:285px;
  margin:10px auto 18px;
  padding:0 24px;
  overflow:visible;
  pointer-events:none;
  user-select:none;
}

body.xs-v365r15-home .xs-v365r15-mid-showcase::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(720px,68vw);
  height:190px;
  transform:translate(-50%,-44%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(194,23,47,.105),rgba(194,23,47,0) 72%);
  filter:blur(2px);
  z-index:0;
}

body.xs-v365r15-home .xs-v365r15-mid-showcase img{
  position:relative;
  z-index:1;
  display:block;
  width:min(560px,54vw);
  height:auto;
  max-height:350px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.44));
}

@media(max-width:900px){
  body.xs-v365r15-home .xs-v365r15-mid-showcase{
    min-height:245px;
    margin:4px auto 12px;
    padding:0 18px;
  }
  body.xs-v365r15-home .xs-v365r15-mid-showcase img{
    width:min(520px,78vw);
    max-height:315px;
  }
}

@media(max-width:560px){
  body.xs-v365r15-home .xs-v365r15-mid-showcase{
    min-height:190px;
    margin:0 auto 8px;
    padding:0 10px;
  }
  body.xs-v365r15-home .xs-v365r15-mid-showcase img{
    width:94vw;
    max-height:245px;
  }
  body.xs-v365r15-home .xs-v365r15-mid-showcase::before{
    width:94vw;
    height:130px;
  }
}