/*------------------------------------------------------------------
[Table of contents]

1. Card Image
1.1. Card Image - Media Queries
2. Card Content - Layered
/*------------------------------------------------------------------*/
/**
 * 1. Card Image
 */
.orokublocks-promodiscount .orokublocks-card__image-container {
  height: calc((310 / 16) * 1em);
}

.orokublocks-promodiscount .orokublocks-card__image-container--size--medium {
  height: calc((387 / 16) * 1em);
}

.orokublocks-promodiscount .orokublocks-card__image-container--size--small {
  height: calc((140 / 16) * 1em);
}

.orokublocks-promodiscount .orokublocks-card__image-container--size--tiny {
  width: calc((184 / 16) * 1em);
  height: calc((234 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 1.1. Card Image - Media Queries
 */
@media screen and (max-width: 980px) {
  .orokublocks-promodiscount .orokublocks-card__image-container--size--tiny {
    width: 100%;
  }
}

/*------------------------------------------------------------------*/
/**
 * 2. Card Content - Layered
 */
.orokublocks-promodiscount .orokublocks-card__content--layered {
  max-width: calc((244 / 304) * 100%);
  padding-top: calc((20 / 16) * 1em);
  padding-bottom: calc((20 / 16) * 1em);
  top: calc((-70 / 16) * 1em);
  margin-bottom: calc((-70 / 16) * 1em);
}