main.giftcard__page {
    padding-top: 0;


    section.giftcard {
        padding-top: 44px;
        padding-bottom: 60px;
    }

    .giftcard__header {
        display: flex;
        column-gap: 20px;
        justify-content: space-between;
        margin-bottom: clamp(48px, 8vw, 80px);

        .giftcard__header-title {
            color: var(--Base-Dark, #171717);
            font-size: 40px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            letter-spacing: 0.8px;
            position: relative;
        }

        .giftcard__header-close {
            align-items: center;
            fill: var(--Gray-5, #bdbdc2);
            display: flex;
            align-self: flex-start;
            flex-shrink: 0;
            width: 48px;
            height: 48px;

            a {
                display: inline-flex;
            }
        }
    }

    .giftcard__body {
        display: grid;
        column-gap: 20px;
        grid-template-columns: 200px 1fr;

        .giftcard__nav {
            display: flex;
            flex-direction: column;
            

            .giftcard__nav-step {
                display: flex;
                padding: 14px 16px;
                color: var(--Gray-6, #9A9AA2);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 140%;
                letter-spacing: 0.14px;
                border-left: 1px solid var(--Gray-3, #E5E5E6);
                position: relative;
                pointer-events: none;

                &.completed {
                    pointer-events: unset;
                }

                &:after {
                    content: "";
                    display: block;
                    height: 100%;
                    width: 2px;
                    position: absolute;
                    background-color: var(--Base-Dark, #171717);
                    top: 0;
                    left: 0;
                    opacity: 0;
                    transition: all .3s ease;
                }

                &.active,
                &.completed {
                    &:after {
                        opacity: 1;
                    }
                }
            }
        }

        .giftcard__content {
            min-width: 0;

            .giftcard__steps {
                .giftcard__step {
                    display: none;
                }
            }
        }
    }

}