@import "components/buttons";
@import "components/bg";
@import "components/header_jersey";
@import "components/brand_strip";
@import "components/slider_jersey";

.main_container {
  min-height: 100vh;
  padding: 0;

  .header_slider {
    @include position;
    @include justify-content(space-between);
    @include flex;
    @include wh(75vw);
    margin-inline: auto;
    z-index: 4;
    @include brp($b7) {
      @include center-flex-column;
      @include gap(10px);

    }

    .logo_adidas_slider_jersey {
      @include normalize-svg(
        (
          width: nth($l1x, 1),
          height: nth($l1y, 1),
        )
      );
      @include brp($b6) {
        @include wh(
            nth($l1x, 3),
            nth($l1y, 3)
        );
      }
    }

    .btn_buy {
      @include btn_2(
        (
          bg: $c1,
          color: $c2,
        )
      );

      @include brp($b7) {
        margin-block-end: 20px;
      }

      &:hover {
        .content_link {
          &::after {
            filter: invert(1);
          }
        }
      }
    }
  }

  .container_header {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-height: 100vh;
    padding-block-start: 25px;
    position: relative;

    @include brp($b6) {
      gap: 25px;
    }
  }
}