.dda-product-display {

}

.role-administrator .dda-product-display::before {
  content:"dda product display";
  font-size: 9px;
  position: absolute;
  top:0;
  right:0;
  padding: 2px 3px 1px 3px;
  color: #000;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
  line-height: 10px;
}

.z-dda-product--box-A {
  position: absolute;
  right:2vw;
  left: 70%;
  top:17.5%;
  bottom:82.5%;
  // overflow: hidden;
}

.z-dda-product--box-B {
  position: absolute;
  right:2vw;
  left: 70%;
  top:31.5%;
  bottom:1vw;
  max-height: 100%;
  // border:1px dashed #A00 !important;
  overflow: hidden;

/*
  @zRespDesignWidthSmall: 480px;  // zRespSmall
  @zRespDesignWidthNarrow: 767px; // zRespNarrow
  @zRespDesignWidthNormal: 991px; // zRespNormal
  @zRespDesignWidthLarge: 1199px; // zRespLarge
  @zRespDesignWidthWide: 1440px;  // zRespWide
  @zRespDesignWidthUltraWide: 1920px;  // zRespUltraWide // 2022-03
*/
}



/* WARNING: EFFACE CARREMENT LA COLONNE B en cas de mobile.... */

@media only screen and (max-width:991px)  {
  .z-dda-product--box-B {
    display:none !important;
  }
}


@media only screen and (max-width:@zRespDesignWidthLarge)  {}
@media only screen and (max-width:@zRespDesignWidthSmall) {}




.z-dda-product--colorbox {
/*
  position: absolute;
  right:90%;
  left:0;
  top:0;
  bottom:90%;
  max-height: 100%;
  border:7px solid #AA0 !important;
  overflow: hidden;
*/
display:flex;
}


.z-dda-product--trigger {
  opacity: 1.0;
  margin-top: 40px;
}