.a-la-une {
  position: relative;

  @include media-breakpoint-down(lg) {
    padding-bottom: 0;
  }

  .container {
    padding-right: 0;
    padding-left: 0;

    &.display-carre {
      .swiper-image {
        padding-bottom: 100%;

        @include media-breakpoint-up(lg) {
          padding-bottom: 100%;
        }
      }
    }
  }

  .section-title {
    color: $a-la-une-title-color;
    margin: $a-la-une-title-margin;
    padding: $a-la-une-title-padding;
    text-align: $a-la-une-title-align;
  }

  .swiper {
    z-index: 0;
  }

  .swiper-slide {
    a {
      text-decoration: none;
    }

    & > a {
      @include media-breakpoint-up(lg) {
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: auto 1fr;
      }
    }

    .swiper-image {
      border-radius: $a-la-une-item-image-radius;

      @include media-breakpoint-up(lg) {
        margin: $a-la-une-item-image-margin;
        padding-bottom: 60%;
        grid-row: 1 / 3;
      }
    }

    .swiper_title {
      border-radius: $a-la-une-item-title-radius;
      margin: 1rem 0 0;

      @include media-breakpoint-up(lg) {
        align-self: start;
        padding: $a-la-une-item-title-padding;
        margin: $a-la-une-item-title-margin;
        background: $a-la-une-text-bg;
        grid-column: 2;
        grid-row: 1;
      }

      h3 {
        color: $a-la-une-item-title-color;
        font-size: $a-la-une-item-title-font-size;
      }
    }

    .swiper_description {
      color: $a-la-une-item-description-color;
      font-size: $a-la-une-item-description-font-size;
      border-radius: $a-la-une-item-description-radius;

      @include media-breakpoint-up(lg) {
        padding: $a-la-une-item-description-padding;
        margin: $a-la-une-item-description-margin;
        background: $a-la-une-text-bg;
        grid-column: 2;
        grid-row: 2;
      }

      // &:after {

      //   content: "";

      //   position: absolute;

      //   top: 3rem;

      //   width: calc(40% + 1.7rem);

      //   bottom: 0;

      //   right: 25px;

      //   opacity: .5;

      //   z-index: -1;

      //   box-shadow: rgba(0,0,0,.16) -10px 10px 36px 0,rgba(0,0,0,.06) 0 0 0 1px;

      // }
      p {
        color: $a-la-une-item-description-color;
      }
    }
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: 50% !important;
    box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0;
  }
}