[data-supported-carousel] .mc-supported-showcase__card {
  position: relative;
}

[data-supported-carousel] .mc-supported-showcase__link {
  position: relative !important;
  z-index: 20 !important;

  display: flex !important;

  width: 100% !important;
  height: 100% !important;

  pointer-events: auto !important;
  cursor: pointer !important;

  color: inherit;
  text-decoration: none;
}

/*
 * Внутреннее содержимое не должно перехватывать hit-test.
 * Клик получает непосредственно <a>.
 */
[data-supported-carousel] .mc-supported-showcase__link > * {
  pointer-events: none !important;
}

[data-supported-carousel] .mc-supported-showcase__link:focus-visible {
  outline: 3px solid #168fd3;
  outline-offset: -3px;
}



@media (max-width: 760px) {

  /*
   * On mobile the project card must stack vertically.
   * Prevent the media block from stretching with card height.
   */
  [data-supported-carousel]
  .mc-supported-showcase__link {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: auto;
    min-height: 0;
  }

  [data-supported-carousel]
  .mc-supported-showcase__media {
    position: relative;

    flex: 0 0 auto;

    width: 100%;
    height: auto;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    border-radius:
      22px
      22px
      0
      0;
  }

  [data-supported-carousel]
  .mc-supported-showcase__media-inner,
  [data-supported-carousel]
  .mc-supported-showcase__media-inner > div,
  [data-supported-carousel]
  .mc-supported-showcase__media-inner > a,
  [data-supported-carousel]
  .mc-supported-showcase__media-inner picture {
    display: block;

    width: 100% !important;
    height: 100% !important;
  }

  [data-supported-carousel]
  .mc-supported-showcase__media img,
  [data-supported-carousel]
  .mc-supported-showcase__media-inner img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0;

    object-fit: cover !important;
    object-position: center center;
  }

  [data-supported-carousel]
  .mc-supported-showcase__body {
    flex: 1 1 auto;

    width: 100%;

    padding:
      24px
      24px
      28px;

    box-sizing: border-box;
  }

  [data-supported-carousel]
  .mc-supported-showcase__card {
    height: auto;
    min-height: 0;
  }

}