/* EPS stage-2 mobile banner focal treatment.
 * Keep existing artwork and desktop side layout untouched.
 * On mobile show the complete horizontal card artwork instead of cropping meaningful symbols.
 */
@media(max-width:760px){
  body.bolix-child-site .bolix-insulation-type--eps .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__visual.bolix-system-banner-host{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1200/628!important;
    overflow:hidden!important;
    background:#f1f2f3!important;
    border-right:0!important;
  }

  body.bolix-child-site .bolix-insulation-type--eps .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__visual.bolix-system-banner-host img{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    transform:none!important;
    background:#f1f2f3!important;
  }

  /* Fine focal tuning for the five EPS finish cards.
   * These shifts matter only when a source asset leaves a small contain gutter.
   */
  body.bolix-child-site .bolix-insulation-type--eps .bolix-system-mini-card[href*="/eps/silikonine/"] .bolix-system-mini-card__visual.bolix-system-banner-host img{
    object-position:54% 50%!important;
  }
  body.bolix-child-site .bolix-insulation-type--eps .bolix-system-mini-card[href*="/eps/silikatine/"] .bolix-system-mini-card__visual.bolix-system-banner-host img{
    object-position:56% 50%!important;
  }
  body.bolix-child-site .bolix-insulation-type--eps .bolix-system-mini-card[href*="/eps/silikatine-silikonine/"] .bolix-system-mini-card__visual.bolix-system-banner-host img{
    object-position:55% 50%!important;
  }
  body.bolix-child-site .bolix-insulation-type--eps .bolix-system-mini-card[href*="/eps/mineraline/"] .bolix-system-mini-card__visual.bolix-system-banner-host img{
    object-position:52% 50%!important;
  }
  body.bolix-child-site .bolix-insulation-type--eps .bolix-system-mini-card[href*="/eps/akriline/"] .bolix-system-mini-card__visual.bolix-system-banner-host img{
    object-position:54% 50%!important;
  }

  /* Do not re-zoom on hover/touch-capable mobile devices. */
  body.bolix-child-site .bolix-insulation-type--eps .bolix-system-mini-card.has-bolix-system-banner:hover .bolix-system-mini-card__visual.bolix-system-banner-host img{
    transform:none!important;
  }
}