/* //////////////////////////////////////////////////////////////////////////////////////////////// Produkt HM9231-R */

.small-product-image-HM9231-R {
  width: 8vw;   /* feste Breite */
  height: auto;
  border-radius: 0.5em;   /* leichte Abrundung */
  margin-right: 14vw;
  margin-top: 0vw;
  margin-left: 6vw;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////// Produkt HM9231-00-0008 */

.small-product-image-HM9231-00-0008 {
  width: 8vw;   /* feste Breite */
  height: auto;
  border-radius: 0.5em;   /* leichte Abrundung */
  margin-right: 14vw;
  margin-top: 0vw;
  margin-left: 6vw;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////// Produkt SAI9410*/

.small-product-image-SAI9410 {
  width: 8vw;   /* feste Breite */
  height: auto;
  border-radius: 0.5em;   /* leichte Abrundung */
  margin-right: 14vw;
  margin-top: 0vw;
  margin-left: 6vw;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////// Abstand nach oben vom Magnetverteilerventil  */

.product.product-4-2-Magnetverteilerventil {
  margin-top: -9vw; /* oder 0 wenn du es bündig willst */
}


/* ============================================================
   HYDRAULIK TRANSPARENT – PRODUKTBILDER (MOBILE)
   ============================================================ */
@media (max-width: 600px) {

  /* ----------------------------------------------------------
     PRODUKTBILDER – EINHEITLICH & ZENTRIERT
  ---------------------------------------------------------- */
  .small-product-image-HM9231-R,
  .small-product-image-HM9231-00-0008,
  .small-product-image-SAI9410 {
    width: 80vw;          /* groß & gut sichtbar */
    height: auto;
    margin: 0 auto 5vw;   /* zentriert */
    border-radius: 1em;
    display: block;

    /* sanfter Mobile-Zoom */
    transform: scale(0.96);
    transition: transform 0.35s cubic-bezier(.22,.61,.36,1);
  }

  .small-product-image-HM9231-R:active,
  .small-product-image-HM9231-00-0008:active,
  .small-product-image-SAI9410:active {
    transform: scale(1);
  }

  /* ----------------------------------------------------------
     ABSTAND MAGNETVERTEILERVENTIL – MOBILE RESET
  ---------------------------------------------------------- */
  .product.product-4-2-Magnetverteilerventil {
    margin-top: 0;   /* negative Margins auf Mobile vermeiden */
  }

}