@import "instance";

.footer_jersey {
    @include position;
    @include wh(100vw);
    background-image: $gra1_j;
    overflow: hidden;
    padding-block-start: 30px;
    z-index: 1;

    .container_marquee_footer {
        @include flex-direction(column);
        @include user-select;
        @include wh(100vw);
        @include flex;
        margin-bottom: min(4.68vw, 90px);
        overflow: hidden;
        z-index: 1;

        .marquee_2 {
            @include marquee((
                display: inline-flex,
                duration: 25s,
                grid: false,
                gap: 8vw,
                width_marquee: 200vw
            ));

            .marquee_content {
                padding: 0;
            }

            .marquee_item {
                @include brp($b5) {
                    &:nth-child(n+5) {
                        display: none;
                    }
                }

                @include brp($b7) {
                    &:nth-child(n+3) {
                        display: none;
                    }
                }
            }

            .wc,
            .t1 {
                @include t1((
                    size: clamp(szrem(16), 1.15vw, szrem(22)),
                    transform: uppercase,
                    weight: 700,
                ));
            }
        }
    }

    .container_main_footer {
        @include position;
        @include center-flex-column;
        @include gap(50px);
        @include wh(min(100vw, 1920px));
        margin-inline: auto;
        z-index: 2;

        .logo_adidas_footer_mask {
            @include normalize-svg((
                width: nth($l13x, 1),
                height: nth($l13y, 1),
                y: 15px
            ));

            @include brp($b6) {
                @include wh(
                    nth($l13x, 2),
                    nth($l13y, 2)
                );
            }
        }
    }
}