.archive {
  .container {
    > div {
      > div:last-child {
        .teaser-product {
          @apply border-b-0;
        }
      }
    }

    .teaser-product {
      header {
        @apply mt-6 mb-4;
      }

      .teaser-content {
        .category-link {
          &:not(:first-child)::before {
            content: " | ";
          }
        }
      }
    }
  }
}

.teaser-product {
  @apply
    flex
    h-full
    flex-col
    max-w-2xl
    border-b-0
    px-4
    border-gray-200
    mb-10;

  .teaser-content {
    .teaser-info {
      > :not(:first-child) {
        &::before {
          content: " | ";
        }
      }
    }
  }

  &.product-single-column {
    @apply
      flex-col
      max-w-full;

    @screen md {
      @apply
        flex-row
        items-center
        justify-center;
    }

    .teaser-content {
      @apply
        w-full;

      @screen md {
        width: 55%;
      }
    }

    .figure-wrapper {
      @screen md {
        @apply
          pr-16
          w-full;
      }
    }

    h2 {
      @apply
        text-4xl
        font-medium;
    }
  }

  &.product-multi-column {
    @apply mb-16;
  }

  .entry-summary {
    @apply
      mb-6
      max-w-xl;
  }

  h2 {
    @apply
      text-2xl
      font-medium;
  }

  .updated {
    @apply
      text-sm
      italic
      text-gray-500;
  }

  figure {
    @apply
      mb-6
      bg-gray-100
      overflow-hidden
      w-full;

    img {
      @apply w-full object-cover object-center;
    }
  }
}
