/* Machine thumbnails that also show the package formats each machine is designed around. */
.machine-application-thumbnail{
  display:grid;
  grid-template-rows:208px 152px;
  gap:0;
  width:100%;
  padding:16px;
  background:#fff;
}

.machine-application-thumbnail__machine,
.machine-application-thumbnail__products{
  position:relative;
  display:grid;
  min-width:0;
  min-height:0;
  place-items:center;
  overflow:hidden;
  background:#fff;
}

.machine-application-thumbnail__products{
  background:#fff;
}

.filling-type-card .machine-application-thumbnail img,
.capping-type-card .machine-application-thumbnail img,
.labeling-page .product-card .machine-application-thumbnail img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:8px;
  object-fit:contain;
  background:transparent;
}

.filling-type-card .machine-application-thumbnail__products img,
.capping-type-card .machine-application-thumbnail__products img,
.labeling-page .product-card .machine-application-thumbnail__products img{
  padding:0;
  object-fit:cover;
  object-position:center bottom;
}

.homepage .featured-monoblock-media{
  min-height:472px;
  padding:24px;
  background:#fff;
}

.homepage .featured-monoblock-composite{
  display:grid;
  grid-template-rows:minmax(240px,3fr) minmax(168px,2fr);
  gap:0;
  width:100%;
  height:100%;
  background:#fff;
}

.homepage .featured-monoblock-composite__machine,
.homepage .featured-monoblock-composite__products{
  position:relative;
  display:grid;
  min-width:0;
  min-height:0;
  place-items:center;
  overflow:hidden;
  background:#fff;
}

.homepage .featured-monoblock-composite__products{
  background:#fff;
}

.homepage .featured-monoblock-media-link .featured-monoblock-composite__machine img{
  position:absolute;
  inset:0;
  width:100%;
  max-width:420px;
  height:100%;
  max-height:280px;
  padding:8px;
  object-fit:contain;
  filter:drop-shadow(0 16px 16px rgba(20,51,40,.11));
}

.homepage .featured-monoblock-media-link .featured-monoblock-composite__products img{
  position:absolute;
  inset:0;
  width:100%;
  max-width:none;
  height:100%;
  max-height:none;
  padding:0;
  object-fit:cover;
  object-position:center bottom;
  background:transparent;
  filter:none;
}

@media(max-width:1100px){
  .machine-application-thumbnail{grid-template-rows:208px 160px}
}

@media(max-width:720px){
  .machine-application-thumbnail{grid-template-rows:224px 168px;padding:12px}
  .homepage .featured-monoblock-media{min-height:428px;padding:16px}
  .homepage .featured-monoblock-composite{grid-template-rows:minmax(224px,3fr) minmax(160px,2fr)}
  .homepage .featured-monoblock-media-link .featured-monoblock-composite__machine img{max-height:248px}
}