.cat {
    .sec-des {
        overflow: hidden;

        &__con0 {
            padding-top: $spacing1;
            padding-bottom: $spacing1;
        }

        &__con1,
        &__con1>.col {
            --sus-fx-gtt: clamp(1rem, calc(.5rem + 5vw + 5vh), 2rem);

            @include xxxl-wmin {
                --sus-fx-gtt: clamp(2rem, calc(1rem + 5vw + 5vh), 4rem);
            }
        }

        @include lg-wmin {

            &__text,
            &__samp {
                flex: 0 0 50%;
                width: 50%;
                max-width: 50%;
            }
        }

        &__hdr {
            margin-bottom: 1rem;

            .sxs-icon {
                margin-right: .5rem;
            }

            &--main {
                margin-bottom: 2rem;
            }
        }

        &__con2 {
            margin-top: 2rem;
        }

        &__samp .figure {
            height: clamp(15rem, calc(10rem + 10vw + 10vh), 50rem);
            background-color: $accentClear3;
            border-radius: 3rem;
        }
    }

    .sec-main {
        &__con0 {
            overflow: hidden;

            &::before,
            &::after {
                width: var(--sbw-s-3);
                height: var(--sbw-s-3);
                border-width: var(--sbw-t-3);
            }

            &::before {
                bottom: 15%;
                left: 0;
                transform: translate3d(-50%, 0, 1px);
            }

            &::after {
                right: 0;
                top: 0;
                transform: translate3d(50%, -25%, 1px);
            }
        }

        &__con1 {
            padding-bottom: $spacing1;
        }

        &__fct {
            z-index: 1;
            width: fit-content;
            padding-top: $spacing1 * .5;
            padding-bottom: $spacing1 * .5;
            margin-left: auto;

            &-fct.not-visible {
                opacity: 0;
                visibility: 0;
                pointer-events: none;
            }
        }

        &__con2,
        &__ite {
            @include lg-wmin {
                --sus-f-gtt: clamp(1rem, calc(.5rem + 5vw + 5vh), 2rem);
            }

            @include xxxl-wmin {
                --sus-f-gtt: clamp(2rem, calc(1rem + 5vw + 5vh), 4rem);
            }
        }

        &__con2 {
            align-items: flex-start;
            min-height: calc(100vh - var(--headerHeight) - $spacing1 * 2 - 50px);
        }

        &__ite {
            @include sm-wmin {
                flex: 0 0 50%;
                width: 50%;
                max-width: 50%;
            }

            @include lg-wmin {
                flex: 0 0 33.333333%;
                width: 33.333333%;
                max-width: 33.333333%;
            }

            // @include xxxxl-wmin {
            //     flex: 0 0 25%;
            //     width: 25%;
            //     max-width: 25%;
            // }
        }
    }
}