@import "mixins/tools.mixins";

.c-package--snake-eyes {
  @include display-grid;
  @include grid-rows(0, grid-repeat(3, auto));

  .c-card {
    border-width: 0 0 1px 0;
    height: auto;
  }

  > .c-card:first-of-type {
    @include grid-row-area(1, 2, false);
    .c-card__grid {
      @include grid-columns(0, 1fr);
      @include grid-rows(rem(10), grid-repeat(2, auto));
    }
    .c-card__hed {
      font-size: rem(24);
    }
    .c-card__content {
      @include grid-row-area(2, 3);
    }
    .c-card__media {
      display: block;
      width: 100%;
      @include grid-column-area(1, 2, false);
      @include grid-row-area(1, 2);
    }
  }

  > .c-card:nth-of-type(2) {
    @include grid-row-area(2, 3, false);
  }

  .c-card--opinion .c-card__media {
    display: none;
  }

}

.c-package--snake-eyes__col {
  @include grid-row-area(3, 4, false);
  width: 100%;
  .c-card:last-of-type {
    border-width: 0;
  }
}
