.card-ordered {
  height: 380px;
  border-radius: 8px;
}
.card-ordered__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 100%;
  gap: var(--size-grids-gutter-md);
  height: 100%;
}
.card-ordered__info {
  display: grid;
  grid-template-rows: 1fr max-content max-content;
  gap: var(--size-content-space-md);
  padding: var(--size-card-padding-lg);
}
.card-ordered__num {
  /* Heading3xlSemiBold */
  font-family: var(--font-family-Heading3xlSemiBold);
  font-size: var(--font-size-Heading3xlSemiBold);
  font-style: var(--font-style-Heading3xlSemiBold);
  font-weight: var(--font-weight-Heading3xlSemiBold);
  line-height: var(--font-line-height-Heading3xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading3xlSemiBold);
  font-variant-numeric: var(--font-varian-Heading3xlSemiBold);
}
.card-ordered__num::before {
  display: inline-block;
  width: auto;
  height: auto;
}
.card-ordered__title {
  /* HeadingxlMd */
  font-family: var(--font-family-HeadingxlMd);
  font-size: var(--font-size-HeadingxlMd);
  font-style: var(--font-style-HeadingxlMd);
  font-weight: var(--font-weight-HeadingxlMd);
  line-height: var(--font-line-height-HeadingxlMd);
  letter-spacing: var(--font-letter-spacing-HeadingxlMd);
  font-variant-numeric: var(--font-variant-numeric-HeadingxlMd);
}
.card-ordered__title-num {
  display: none;
}
.card-ordered__subtitle {
  /* BodyLgRegular */
  font-family: var(--font-family-BodyLgRegular);
  font-size: var(--font-size-BodyLgRegular);
  font-style: var(--font-style-BodyLgRegular);
  font-weight: var(--font-weight-BodyLgRegular);
  line-height: var(--font-line-height-BodyLgRegular);
  letter-spacing: var(--font-letter-spacing-BodyLgRegular);
  font-variant-numeric: var(--font-variant-numeric-BodyLgRegular);
}
.card-ordered__media {
  padding: var(--size-card-padding-md);
}
.card-ordered__media-inner {
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.card-ordered__media-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-ordered.color_mode_light {
  background: var(--color-base-base-0);
}
.card-ordered.color_mode_light .card-ordered__num {
  color: var(--color-base-neutral-900);
}
.card-ordered.color_mode_light .card-ordered__title {
  color: var(--color-base-neutral-900);
}
.card-ordered.color_mode_light .card-ordered__title::after {
  background: var(--color-base-neutral-600);
}
.card-ordered.color_mode_neutral {
  background: #F7F7F7;
}
.card-ordered.color_mode_neutral .card-ordered__num {
  color: var(--color-content-neutral-primary);
}
.card-ordered.color_mode_neutral .card-ordered__title {
  color: var(--color-content-neutral-primary);
}
.card-ordered.color_mode_neutral .card-ordered__subtitle {
  color: #7A7575;
}
.card-ordered.color_mode_dark {
  background: var(--color-base-base-1000);
}
.card-ordered.color_mode_dark .card-ordered__num {
  color: var(--color-base-base-0);
}
.card-ordered.color_mode_dark .card-ordered__title {
  color: var(--color-base-base-0);
}
.card-ordered.color_mode_dark .card-ordered__title::after {
  background: var(--color-base-base-0);
}

@media (max-width: 1750px) {
  .card-ordered {
    height: 340px;
  }
}
@media (max-width: 1580px) {
  .card-ordered {
    height: 300px;
  }
}
@media (max-width: 1440px) {
  .card-ordered {
    height: 280px;
  }
}
@media (max-width: 1280px) {
  .card-ordered {
    height: 245px;
  }
}
@media (max-width: 680px) {
  .card-ordered {
    height: auto;
  }
  .card-ordered__inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto max-content;
    gap: 0;
  }
  .card-ordered__info {
    padding: var(--size-card-padding-lg) var(--size-card-padding-md);
    gap: 4px;
  }
  .card-ordered__num {
    display: none;
  }
  .card-ordered__title {
    line-height: var(--font-line-height-Heading3xlSemiBold);
  }
  .card-ordered__title-num {
    display: inline;
  }
}/*# sourceMappingURL=ordered-card.css.map */