.card-product-horizontal {
  background-color: #f1f1f1;
  color: #000;
  padding: 1.5rem;
  text-align: left;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 22.5rem) {
    .card-product-horizontal {
      padding: 2rem; } }
  @media screen and (min-width: 30rem) {
    .card-product-horizontal {
      flex-direction: row; } }
  @media screen and (min-width: 48rem) {
    .card-product-horizontal {
      padding: 2rem 1rem 2rem 2rem; } }
  @media screen and (min-width: 64rem) {
    .card-product-horizontal {
      padding: 2.5rem 1.5rem 2.5rem 2.5rem; } }
  .card-product-horizontal__content {
    font-weight: 400;
    line-height: 1.44;
    letter-spacing: 0.01em;
    margin: 0 0 1rem;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0; }
    @media screen and (min-width: 64rem) {
      .card-product-horizontal__content {
        font-size: 18px;
        font-size: 1.125rem; } }
    .card-product-horizontal__content:last-of-type {
      margin-bottom: 0; }
    @media screen and (min-width: 30rem) {
      .card-product-horizontal__content {
        width: 70%;
        margin-left: 2rem;
        margin-top: 1rem; } }
    @media screen and (min-width: 64rem) {
      .card-product-horizontal__content {
        width: 65%;
        margin-left: 3rem;
        margin-top: 1.5rem; }
        .card-product-horizontal__content .card-product-horizontal__heading {
          font-size: 22px;
          font-size: 1.375rem; }
        .card-product-horizontal__content .card-product-horizontal__subtitle, .card-product-horizontal__content .card-product-horizontal__link {
          font-size: 18px;
          font-size: 1.125rem; } }
    @media screen and (min-width: 80rem) {
      .card-product-horizontal__content {
        width: 60%; } }
  .card-product-horizontal__image {
    max-width: 50%;
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 30rem) {
      .card-product-horizontal__image {
        margin-bottom: 0;
        width: 30%;
        max-height: 15rem; }
        .card-product-horizontal__image img {
          max-height: inherit; } }
    @media screen and (min-width: 64rem) {
      .card-product-horizontal__image {
        width: 35%; } }
    @media screen and (min-width: 80rem) {
      .card-product-horizontal__image {
        width: 40%; } }
  .card-product-horizontal__heading {
    color: #cf000d;
    font-weight: 700;
    margin: 0; }
  .card-product-horizontal__subtitle {
    font-weight: 400;
    margin: 0 0 1rem; }
    .card-product-horizontal__subtitle p {
      display: inline;
      font-weight: 400; }
    .card-product-horizontal__subtitle p + p:before,
    .card-product-horizontal__subtitle span + span:before {
      display: inline;
      content: "\007c\00a0";
      margin: 0 0.25rem 0;
      color: #b4b4b4; }
  .card-product-horizontal__link {
    text-decoration: none;
    color: #cf000d;
    font-weight: 600;
    margin-bottom: 0;
    display: block;
    margin-top: 1rem; }

.layout--gray-bg .card-product-horizontal {
  background-color: #ffffff; }

/*# sourceMappingURL=card-product-horizontal.css.map */