.sxs-footer {
    overflow: hidden;
    background-color: $secondaryClear;

    &__con0 {
        // padding-top: calc($spacing1 * 0.75);
        padding-top: 1.5rem;
        padding-bottom: 0;
        @include sm-wmin {
            padding-top: calc($spacing1 * 0.75);
        }
    }

    &__con1 {
        // padding-bottom: calc($spacing1 * 0.75);
        // margin-bottom: calc($spacing1 * 0.5);
        padding-bottom: 0.7rem;
        margin-bottom: 0.7rem;
        border-bottom: 1px solid $accentClear4;
        @include sm-wmin {
            padding-bottom: calc($spacing1 * 0.75);
            margin-bottom: calc($spacing1 * 0.5);
        }
    }

    &__brand {
        margin-bottom: $spacing2;
        padding-bottom: calc($spacing1 / 2);

        @include lg-wmin {
            flex: 0 0 auto;
            width: auto;
            margin-bottom: 0;
            padding-bottom: 0;
        }
    }

    &__logo {
        display: block;
        $sizeUn: clamp(36px, calc(20px + 1rem + 2vw), 90px);
        width: calc($sizeUn * 3);
        height: calc($sizeUn);

        img {
            object-fit: contain;
        }
    }

    &__menu {
        flex: 1 1 0;
        width: auto;

        &-ite {
            @include lg-wmin {
                flex: 1 1 0;
                width: auto;

                &--wide {
                    flex: 0 0 35%;
                    width: 35%;
                    max-width: 35%;
                }
            }
            // &.col--f {
            //     padding-bottom: 0;
            //     @include sm-wmin {
            //         padding-bottom: inherit;
            //     }
            // }
            &--wide {
                .sxs-footer__menu-tit {
                    display: none;
                    @include sm-wmin {
                        display: block;
                    }
                }
            }
        }

        &-lis {
            justify-content: space-between;
        }

        &-tit {
            margin-bottom: 1rem;
            font-size: $text-15;
            font-weight: 600;
            text-transform: uppercase;
            min-height: 1em;
            color: #fff;
            // display: none;

            @include lg-wmin {
                @include xxl-wmax {
                    font-size: $text-14;
                }
            }
        }

        &-lin {
            display: flex;
            align-items: center;
            font-size: $text-14;
            color: #fff;

            .icon {
                margin-right: $spacing3;
                color: $primaryClear;
            }

            @include lg-wmin {
                &:not(:last-child) {
                    margin-bottom: 0.2em;
                }

                &:last-child {
                    margin-bottom: 0;
                }

                @include lg-wmin {
                    @include xxl-wmax {
                        font-size: $text-12;
                    }
                }
            }
        }
    }

    &__submenu {
        &,
        &-ite {
            --sus-f-gtt: 0.3rem;
        }

        &--two-col {
            & > .col {
                flex: 1 1 0;
                width: auto;
            }
        }
    }

    &__smedia {
        padding-top: $spacing2 * 1.5;
    }

    &__con2 {
        align-items: center;
        justify-content: center;
        padding-bottom: calc($spacing1 * 0.5);

        &,
        & > .col {
            --sus-fx-gtt: 2.5rem;
            --sus-fy-gtt: 1rem;
        }

        & > .col {
            flex: 0 0 auto;
            width: auto;
        }
    }

    &__payment {
        &-inner {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 0.5rem;
            .sxs-footer__payment-lis {
                flex: 1;
            }
            @include sm-wmin {
                flex-direction: initial;
                gap: 1rem;
            }
        }
        &-lis,
        &-ite {
            --sus-fx-gtt: 0.5rem;
            --sus-fy-gtt: 0.5rem;
        }

        &-ite {
            flex: 0 0 auto;
            width: auto;
        }
        &-text {
            color: #ffffff;
            font-size: 0.75rem;
        }

        img {
            overflow: hidden;
            aspect-ratio: 23 / 17;
            width: clamp(30px, calc(16px + 1rem + 0.75vw), 50px);
            object-fit: cover;
            border-radius: 3px;
            // background-color: $primaryClear;
        }
        &-image {
            img {
                aspect-ratio: unset;
                width: clamp(120px, 30vw, 150px);
            }
        }
    }

    &__nrwls {
        &-lis {
            justify-content: center;
        }

        &-lis,
        &-ite {
            --sus-fx-gtt: 1.5rem;
            --sus-fy-gtt: 0.5rem;
        }

        &-ite {
            flex: 0 0 auto;
            width: auto;
        }

        &-lin {
            font-weight: 500;
        }
        &--mobile {
            @include sm-wmax {
                padding-top: 0;
                padding-bottom: 0;
            }
        }
    }

    &__credits {
        justify-content: space-between;
        padding-bottom: calc($spacing1 * 0.25);
        font-size: $text-10;

        &,
        & > .col {
            --sus-f-gtt: 0.25rem;
        }

        address {
            font-size: 10px;
            // font-size: clamp(10px, calc(8px + .25rem), 1.5rem);
            width: 100%;
            line-height: 1.4;
            text-transform: uppercase;
            white-space: nowrap;
            text-wrap: nowrap;
            text-align: center;
        }

        &-item {
            color: #fff;

            @include sm-wmin {
                flex: 1 1 0;
            }
        }

        &-rights {
            address {
                @include sm-wmin {
                    text-align: start;
                }
            }
        }

        &-bus {
            address {
                @include sm-wmin {
                    text-align: end;
                }
            }

            a:hover {
                color: #00ade1;
            }
        }
    }
}
