.section-vitrin {
    position: relative;
    .head-section {
        gap: 16px;
    }
    .vitrin-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 8px;
        direction: ltr;
        .c-btn {
            margin: 0;
            direction: ltr;
        }
    }
    .swiper-navigation.navigation-desktop.navigation-vitrin {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: max-content;
        flex: 0 0 auto;
        margin: 0 !important;
        direction: ltr;
    }
    .vitrin-more-mobile,
    .vitrin-mobile-actions {
        display: none;
    }
    .vitrin-wrap {
        color: white;
        position: relative;
        direction: ltr;
        text-align: left;
        &:before {
            content: "";
            width: 100%;
            height: calc(100% - clamp(130px, 12vw, 170px));
            min-height: 465px;
            background: #051D3D;
            position: absolute;
            border-radius: 56px;
            right: 0;
            top: calc(50% - 22px);
            transform: translateY(-50%);
        }
        .row {
            .col-12.col-xl-5 {
                padding-right: 80px;
            }
        }
        &.vitrin-wrap-no-gallery {
            &:before {
                height: 100%;
                min-height: 0;
                top: 0;
                transform: none;
            }
            .swiper-slide > .row {
                min-height: clamp(280px, 26vw, 380px);
                align-items: center;
            }
            .swiper-slide > .row > .col-12 {
                padding: clamp(40px, 6vw, 72px);
            }
            .logo-vitrin,
            .head-vitrin,
            .editor-content,
            .attribute-vitrin {
                max-width: 920px;
                margin-inline: auto;
            }
            .head-vitrin {
                align-items: center;
                gap: 24px;
            }
        }
        .vitrin-no-gallery > .row > .col-12 {
            padding: clamp(40px, 6vw, 72px);
        }
        .logo-vitrin {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 24px;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 94.69%);
            padding: 4px;
            border-radius: 100px;
            max-width: 100%;
            min-width: 0;
            img {
                border-radius: 50%;
            }
            span:first-child {
                background: var(--color2);
                color: white;
                width: 46px;
                height: 46px;
                font-size: 16px;
                font-family: var(--DemiBold);
                border: 2px solid white;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex: 0 0 46px;
            }
            span {
                font-size: 16px;
                font-family: var(--En);
                min-width: 0;
            }
        }
        .head-vitrin {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 12px;
            min-width: 0;
            .title-vitrin {
                font-size: clamp(24px, 2vw, 28px);
                font-family: var(--DemiBold);
                flex: 1 1 auto;
                min-width: 0;
            }
            .btns.btn-more {
                flex: 0 0 auto;
                white-space: nowrap;
                i {
                    color: var(--white);
                    background: #F1F3F966;
                }
                &:hover i {
                    color: var(--white);
                    background: var(--color2);
                }
            }
        }
        .attribute-vitrin {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: clamp(20px, 3vw, 32px);
            li {
                display: flex;
                gap: 10px;
                font-size: 14px;
                p {
                    background: #FFFFFF1A;
                    padding: 8px 16px;
                    border-radius: 8px;
                    min-width: 110px;
                    text-align: center;
                    font-family: var(--Medium);
                }
                span {
                    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 11.94%, rgba(255, 255, 255, 0.1) 100%);
                    border-radius: 8px;
                    padding: 8px 16px;
                    width: stretch;
                    font-family: var(--DemiBold);
                }
            }
        }
    }
    .gallery-vitrin:not(.vitrin-gallery-stack) .sw--gallery {
        .swiper {
            overflow: visible;
        }
        .swiper-slide {
            transition: all .4s ease;
            position: relative;
            border-radius: 32px;
            overflow: hidden;
            img {
                border-radius: 32px;
            }
            &:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0;
                backdrop-filter: blur(20px)
            }
        }
        .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .swiper-slide-active {
            &:before {
                content: none;
            }
        }
        .swiper-slide-next {
            transform: translate3d(238px, -19px, -200px) rotateY(0deg) rotateZ(-12deg) !important;
        }
    }
    .vitrin-gallery-stack {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: min(100%, 540px);
        min-height: 494px;
        padding: 18px 120px 48px;
        margin-inline: auto;
        overflow: visible;
        isolation: isolate;
        flex-direction: column;
        .sw--gallery {
            width: 240px;
            height: 400px;
            overflow: visible !important;
        }
        .swiper-wrapper {
            overflow: visible;
        }
        .swiper-slide {
            overflow: visible;
            border-radius: 36px;
            background: transparent;
            box-shadow: none;
            filter: none;
            opacity: 0 !important;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.35s ease, visibility 0.35s ease;
            &:before {
                content: none;
            }
        }
        .swiper-slide-active,
        .swiper-slide-next,
        .swiper-slide-prev {
            opacity: 1 !important;
            visibility: visible;
        }
        .project-gallery-card {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 36px;
            background: #e8eef5;
            transform: rotate(7deg);
            transition: transform 0.45s ease, filter 0.45s ease, opacity 0.45s ease, box-shadow 0.45s ease;
        }
        .swiper-slide:not(.swiper-slide-active) .project-gallery-card {
            opacity: 1;
            filter: blur(4px);
            transform: translate(96px, -28px) rotate(-8deg) scale(0.95);
        }
        .swiper-slide-active .project-gallery-card {
            opacity: 1;
            filter: none;
            transform: translate(-48px, 60px) rotate(8deg) scale(1);
        }
        .swiper-slide-prev .project-gallery-card {
            transform: translate(112px, -32px) rotate(-8deg) scale(0.95);
        }
        .swiper-slide-next .project-gallery-card {
            transform: translate(96px, -28px) rotate(-8deg) scale(0.95);
        }
        .swiper-slide-next,
        .swiper-slide-prev {
            z-index: 0;
        }
        .swiper-slide-active {
            z-index: 2;
            pointer-events: auto;
        }
        img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0;
        }
    }
}
@media only screen and (max-width: 991px) {
    .section-vitrin {
        .head-section {
            position: relative;
            text-align: center;
            margin-bottom: 20px;
        }
        .vitrin-actions-desktop {
            display: block;
            position: absolute;
            inset-inline: 18px;
            top: calc(100% + 54px);
            z-index: 5;
            pointer-events: none;
            .c-btn {
                display: none;
            }
            .swiper-navigation.navigation-desktop.navigation-vitrin {
                display: flex;
                justify-content: space-between;
                width: 100%;
                pointer-events: none;
                .swiper-nav {
                    pointer-events: auto;
                }
            }
        }
        .vitrin-mobile-actions {
            display: flex;
            justify-content: center;
            margin-top: 24px;
            .c-btn {
                margin: 0;
            }
        }
        .vitrin-wrap {
            background: transparent;
            border-radius: 0;
            margin-bottom: 24px;
            padding: 22px 18px 0;
            overflow: visible;
            clip-path: none;
            isolation: isolate;
            .head-vitrin {
                justify-content: center;
                margin-bottom: 12px;
                width: 100%;
            }
            &:before {
                content: "";
                width: 100%;
                height: calc(100% - 124px);
                min-height: 0;
                background: #051D3D;
                position: absolute;
                border-radius: 44px;
                right: 0;
                top: 0;
                transform: none;
                z-index: -1;
            }
            .vitrin-more-desktop {
                display: none;
            }
            .vitrin-more-mobile {
                display: flex;
                padding: 0;
                color: white;
                justify-content: center;
                margin: 14px auto 0;
                width: max-content;
                max-width: 100%;
            }
            .swiper-slide > .row {
                align-items: center;
                flex-direction: column;
                margin-inline: 0;
            }
            .row {
                > .col-12 {
                    padding: 0;
                    max-width: 100%;
                }
                .col-12.col-xl-5 {
                    padding: 0;
                    margin-top: 10px;
                }
            }
            .logo-vitrin {
                background: none;
                justify-content: center;
                margin: 0 0 12px;
                span:first-child {
                    width: 44px;
                    height: 44px;
                    flex-basis: 44px;
                    font-size: 15px;
                }
                span:not(:first-child) {
                    display: none;
                }
            }
            .title-vitrin {
                font-size: clamp(20px, 6.4vw, 28px);
                line-height: 1.5;
                text-align: center;
                white-space: normal;
                max-width: 100%;
                overflow-wrap: anywhere;
            }
            .editor-content {
                max-width: 560px;
                margin-inline: auto;
                text-align: center;
            }
            .attribute-vitrin {
                max-width: 560px;
                margin-inline: auto;
                padding: 0;
                width: 100%;
                li {
                    display: grid;
                    grid-template-columns: minmax(86px, 102px) minmax(0, 1fr);
                    width: 100%;
                    box-sizing: border-box;
                    p,
                    span {
                        min-width: 0;
                        box-sizing: border-box;
                    }
                }
            }
        }
        .swiper-navigation.navigation-desktop {
            position: relative;
            top: auto;
            margin: 0;
            width: max-content;
            left: auto !important;
            .swiper-nav-prev {
                position: relative;
                right: auto;
            }
            .swiper-nav-next {
                position: relative;
                left: auto;
            }
        }
    }
    .sw--vitrin {
        width: 100% !important;
        overflow: hidden;
        padding-bottom: 168px;
        margin-bottom: 0;
        position: relative;
        z-index: 1;
        .swiper-wrapper {
            align-items: stretch;
        }
        > .swiper-wrapper > .swiper-slide {
            overflow: visible;
            opacity: 0;
            visibility: hidden;
            transition: opacity .25s ease, visibility .25s ease;
        }
        > .swiper-wrapper > .swiper-slide-active {
            opacity: 1;
            visibility: visible;
        }
    }
}
@media only screen and (max-width: 991px) {
    .section-vitrin {
        .vitrin-gallery-stack {
            width: min(100%, 360px);
            max-width: none;
            min-height: 0;
            padding: 8px 70px 0;
            margin-inline: auto;
            margin-bottom: 0;
            overflow: visible;
            .progress-desktop {
                display: none;
            }
            .sw--gallery {
                width: min(58vw, 220px);
                height: auto;
                aspect-ratio: 237 / 396;
            }
            .swiper-slide {
                transition: visibility 0s linear;
            }
            .swiper-slide:not(.swiper-slide-active) .project-gallery-card {
                filter: blur(4px);
                transform: translateY(-10px) rotate(-8deg) scale(0.95);
            }
            .swiper-slide-prev .project-gallery-card {
                transform: translate(-132px, -10px) rotate(-8deg) scale(0.95);
            }
            .swiper-slide-next .project-gallery-card {
                transform: translate(132px, -10px) rotate(-8deg) scale(0.95);
            }
            .swiper-slide-active .project-gallery-card {
                transform: translateY(22px) rotate(4deg);
            }
        }
    }
}
@media only screen and (max-width: 575px) {
    .section-vitrin {
        .vitrin-actions-desktop {
            inset-inline: 16px;
            top: calc(100% + 48px);
        }
        .vitrin-wrap {
            margin-bottom: 20px;
            padding-inline: 16px;
            &:before {
                height: calc(100% - 116px);
            }
            .attribute-vitrin {
                li {
                    grid-template-columns: minmax(82px, 96px) minmax(0, 1fr);
                    gap: 8px;
                    p,
                    span {
                        padding-inline: 10px;
                    }
                }
            }
        }
        .vitrin-gallery-stack {
            width: min(100%, 330px);
            padding-inline: 58px;
            margin-inline: auto;
            margin-bottom: 0;
            .sw--gallery {
                width: min(57vw, 205px);
            }
            .swiper-slide-prev .project-gallery-card {
                transform: translate(-118px, -10px) rotate(-8deg) scale(0.95);
            }
            .swiper-slide-next .project-gallery-card {
                transform: translate(118px, -10px) rotate(-8deg) scale(0.95);
            }
        }
        .sw--vitrin {
            padding-bottom: 156px;
            margin-bottom: 0;
        }
    }
}
@media only screen and (min-width: 992px) {
    .sw--vitrin {
        .progress-desktop {
            position: absolute;
            right: 16px;
            left: auto;
            top: 56px !important;
            transform: none;
            height: clamp(250px, 27vw, 330px);
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 3;
        }
        .sw-gallery-progress {
            position: relative;
            border-radius: 100px;
            overflow: hidden;
            top: auto !important;
            right: auto !important;
            background: #FFFFFF33;
            height: 100% !important;
            width: 4px !important;
            .swiper-pagination-progressbar-fill {
                width: 100%;
                height: 100%;
                background: #fff;
                border-radius: 100px;
                transform-origin: top;
            }
        }
    }
    .section-vitrin {
        .vitrin-gallery-stack {
            .progress-desktop {
                right: 0;
                left: auto;
                top: 112px !important;
                height: clamp(250px, 27vw, 330px);
                transform: none;
            }
            .sw-gallery-count {
                position: absolute;
                top: calc(100% + 35px);
                bottom: auto;
                right: 50%;
                left: auto;
                transform: translateX(50%);
                font-size: clamp(58px, 4.8vw, 72px);
                line-height: 1;
            }
        }
    }
    .section-vitrin .row {
        .col-12.col-xl-7 {
            min-width: 0;
            padding: clamp(40px, 8vw, 104px) clamp(24px, 5vw, 70px) 148px 0;
        }
    }
}
@media only screen and (min-width: 1200px) {
    .section-vitrin {
        .vitrin-wrap {
            .logo-vitrin span:not(:first-child),
            .title-vitrin,
            .btns.btn-more {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .logo-vitrin span:not(:first-child) {
                flex: 1 1 auto;
            }
        }
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-vitrin {
        .vitrin-wrap {
            &:before {
                border-radius: 44px;
                height: calc(100% - 96px);
                min-height: 390px;
            }
            .swiper-slide > .row {
                align-items: center;
                flex-wrap: nowrap;
            }
            .swiper-slide > .row > .col-12.col-xl-7 {
                flex: 0 0 58%;
                max-width: 58%;
                padding: 44px 0 104px 24px;
            }
            .swiper-slide > .row > .col-12.col-xl-5 {
                flex: 0 0 42%;
                max-width: 42%;
                padding-right: 14px;
                margin-top: 0;
            }
            .logo-vitrin {
                gap: 6px;
                margin-bottom: 16px;
                span:first-child {
                    width: 40px;
                    height: 40px;
                    flex-basis: 40px;
                    font-size: 13px;
                }
                span {
                    font-size: 13px;
                }
            }
            .head-vitrin {
                gap: 10px;
                margin-bottom: 10px;
                .title-vitrin {
                    font-size: 21px;
                    white-space: nowrap;
                }
                .btns.btn-more {
                    font-size: 12px;
                    gap: 8px;
                }
            }
            .editor-content {
                font-size: 13px;
                line-height: 2;
            }
            .attribute-vitrin {
                gap: 8px;
                margin-top: 20px;
                li {
                    gap: 8px;
                    font-size: 12px;
                    p {
                        min-width: 84px;
                        padding: 8px 10px;
                    }
                    span {
                        padding: 8px 10px;
                    }
                }
            }
        }
        .vitrin-gallery-stack {
            width: min(100%, 350px);
            min-height: 372px;
            padding: 10px 56px 28px;
            .progress-desktop {
                right: 0;
                left: auto;
                top: 96px !important;
                height: 230px;
            }
            .sw-gallery-count {
                top: calc(100% + 35px);
                font-size: 48px;
            }
            .sw--gallery {
                width: 172px;
                height: 286px;
            }
            .swiper-slide:not(.swiper-slide-active) .project-gallery-card {
                transform: translate(48px, -18px) rotate(-8deg) scale(0.94);
            }
            .swiper-slide-active .project-gallery-card {
                transform: translate(0, 42px) rotate(8deg) scale(1);
            }
            .swiper-slide-prev .project-gallery-card,
            .swiper-slide-next .project-gallery-card {
                transform: translate(48px, -18px) rotate(-8deg) scale(0.94);
            }
        }
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .section-vitrin {
        .vitrin-wrap {
            .row {
                .col-12.col-xl-5 {
                    padding-right: 32px;
                }
            }
        }
        .vitrin-gallery-stack {
            width: min(100%, 460px);
            min-height: 460px;
            padding: 16px 92px 42px;
            .sw--gallery {
                width: 220px;
                height: 366px;
            }
            .swiper-slide:not(.swiper-slide-active) .project-gallery-card {
                transform: translate(72px, -24px) rotate(-8deg) scale(0.95);
            }
            .swiper-slide-active .project-gallery-card {
                transform: translate(-24px, 52px) rotate(8deg) scale(1);
            }
            .swiper-slide-prev .project-gallery-card,
            .swiper-slide-next .project-gallery-card {
                transform: translate(72px, -24px) rotate(-8deg) scale(0.95);
            }
        }
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section-vitrin {
        .vitrin-wrap {
            .logo-vitrin {
                gap: 6px;
                margin-bottom: 18px;
                span:first-child {
                    width: 42px;
                    height: 42px;
                    flex-basis: 42px;
                    font-size: 14px;
                }
                span {
                    font-size: 13px;
                }
            }
            .head-vitrin {
                gap: 10px;
                .title-vitrin {
                    font-size: 23px;
                }
                .btns.btn-more {
                    font-size: 13px;
                    gap: 8px;
                }
            }
            .row {
                .col-12.col-xl-5 {
                    padding-right: 16px;
                }
            }
        }
        .vitrin-gallery-stack {
            width: min(100%, 400px);
            min-height: 420px;
            padding: 12px 68px 36px;
            .progress-desktop {
                height: 260px;
            }
            .sw-gallery-count {
                top: calc(100% + 35px);
                font-size: 56px;
            }
            .sw--gallery {
                width: 200px;
                height: 333px;
            }
            .swiper-slide:not(.swiper-slide-active) .project-gallery-card {
                transform: translate(56px, -20px) rotate(-8deg) scale(0.94);
            }
            .swiper-slide-active .project-gallery-card {
                transform: translate(0, 46px) rotate(8deg) scale(1);
            }
            .swiper-slide-prev .project-gallery-card,
            .swiper-slide-next .project-gallery-card {
                transform: translate(56px, -20px) rotate(-8deg) scale(0.94);
            }
        }
    }
}
.gallery-vitrin {
    height: 100%;
}
.sw-gallery-count {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 72px;
    position: absolute;
    bottom: 40px;
    right: 32px;
    left: auto;
    font-family: var(--En);
    color: #FFFFFF33;
    font-weight: bold;
}
.sw-gallery-count .sep {
    opacity: 0.5;
}