/* ========================================================================
   MUTTI LAB v9.5.316 — Stage316
   Tools hero: show the supplied complete tool-kit artwork fully inside the
   existing campaign container. No crop, no stretch, no banner-height change.
   ======================================================================== */

/* Desktop / tablet: keep the live copy untouched on the left and place the
   complete 4:3 artwork in a protected inner frame on the right. */
html body.home #mutti-market .mutti-feature-band-v9460--tools .mutti-feature-band-v9460__tools-object-wrap{
  position:absolute!important;
  top:22px!important;
  right:24px!important;
  bottom:22px!important;
  left:auto!important;
  width:min(48%, 650px)!important;
  height:auto!important;
  transform:none!important;
  inset:22px 24px 22px auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
  z-index:1!important;
  pointer-events:none!important;
}

html body.home #mutti-market .mutti-feature-band-v9460--tools .mutti-feature-band-v9460__tools-object{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:right center!important;
  transform:none!important;
  filter:none!important;
  margin:0!important;
  padding:0!important;
  content:url("stage316-tools-hero/tools-kit-full-v95316.jpg")!important;
}

/* Keep the text layer above the image and preserve its current geometry. */
html body.home #mutti-market .mutti-feature-band-v9460--tools .mutti-feature-band-v9460__campaign-copy{
  z-index:3!important;
}

/* Medium widths: slightly tighter but still with explicit breathing room. */
@media (max-width:1180px) and (min-width:901px){
  html body.home #mutti-market .mutti-feature-band-v9460--tools .mutti-feature-band-v9460__tools-object-wrap{
    top:20px!important;
    right:20px!important;
    bottom:20px!important;
    width:min(49%, 560px)!important;
    inset:20px 20px 20px auto!important;
  }
}

@media (max-width:900px) and (min-width:681px){
  html body.home #mutti-market .mutti-feature-band-v9460--tools .mutti-feature-band-v9460__tools-object-wrap{
    top:18px!important;
    right:18px!important;
    bottom:18px!important;
    width:50%!important;
    inset:18px 18px 18px auto!important;
  }
}

/* Mobile remains one composition: copy at the top, full artwork below it. */
@media (max-width:680px){
  html body.home #mutti-market .mutti-feature-band-v9460--tools .mutti-feature-band-v9460__tools-object-wrap{
    top:auto!important;
    right:16px!important;
    bottom:16px!important;
    left:16px!important;
    width:auto!important;
    height:50%!important;
    transform:none!important;
    inset:auto 16px 16px 16px!important;
    align-items:flex-end!important;
    justify-content:center!important;
  }
  html body.home #mutti-market .mutti-feature-band-v9460--tools .mutti-feature-band-v9460__tools-object{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
}