@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;

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

        .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;
        }
    }
}