.content-hero-2026 {
    .hero-title {
        font-size: 72px;
    }

    .hero-content-block {
        min-height: 480px;
    }

    .hero-title-wrapper {
        padding-block: 40px 72px;
    }

    .hero-feature-box {
        margin-top: -128px;
    }
}

.hero-bg-image {
    background-image: url('/img/heros/md/couch-click2pay.webp');
    background-repeat: no-repeat;
    background-position: 50% 65%;
    background-size: 100%;
    scale: -1 1;
}

#content-1 {
    .container {
        display: flex;
    }
}

.promo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
        "headline faster safe"
        "headline faster control";
    grid-template-rows: min-content;

    .promo-card--headline {
        grid-area: headline;
        margin-bottom: 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .promo-card--faster {
        grid-area: faster;
        padding: 32px 16px;
        min-height: 568px;
        background-color: #fbe6f5;
    }

    .promo-card--safe {
        grid-area: safe;
        background-color: #ffe100;
    }

    .promo-card--control {
        grid-area: control;
        background-color: #7724ff;
    }
}

.top-cell {
    z-index: 1;
}

.bottom-cell {
    height: 0px;
    display: flex;
    justify-content: center;
    align-items: center;

    video {
        width: 100%;
        transform: translateY(152px) scale(1.39762611276);
        max-height: 568px;
    }
}

#content-2,
#content-3 {
    .heading-1 {
        font-size: 48px;
        margin-top: 16px;
    }
}

#content-2 {
    padding-bottom: 184px;
}

#content-3 {
    padding-block: 144px 96px;

    p {
        max-width: 329px;
    }

    .heading-1 {
        margin-block: 8px 24px;
        max-width: 480px;
        text-align: center;
    }

    .container {
        display: flex;
        justify-content: space-between;
        gap: 48px;

        &::before,
        &::after {
            content: none;
        }
    }

    .section-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        a {
            margin-top: 16px;
        }
    }

    video {
        display: none;
    }

    .login-button-container {
        font-family: "ING Me Web Bold";
        float: right !important;
        line-height: 24px;
        background-color: #0D0804;
        border-radius: 999px;
        width: 83px;
        height: 36px;
        font-size: 16px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        
        .login-button.login {
            padding: 0 36px;
            display: block !important;
            color: #fff;
            float: left !important;
        }
    }
}

.click-to-pay-icon {
    background-color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 700;
}

.section-media {
    width: 120%;

    .backsplash {
        background-color: #89D6FD;
        height: 286px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        border-radius: 24px;
        padding-inline: 32px;

        img,
        video {
            width: 100%;
            height: 334px;
            object-fit: cover;
            object-position: top;
            border-radius: 8px 8px 0 0;
        }
    }
}

.generic-layout-block > .title-cell {
    width: min(50%, 431px);
}

#content-5 {
    background-color: #F7F4F1;

    .container {
        padding-block: 100px;
    }

    .section-content {
        display: flex;
        flex-direction: row;
        gap: 144px;
        color: #6C6763;
        font-size: 14px;

        h2 {
            font-size: 36px;
        }
    }
}

.btn-back-to-top {
    transform: translateY(-50%);
    float: right;
}


@media (max-width: 980px) {
    .promo-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "headline headline"
            "faster safe"
            "faster control";
    }
}

@media (max-width: 768px) {
    .content-hero-2026 {
        .hero-feature-box {
            margin-top: 0;
        }
    }

    .promo-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "headline"
            "faster"
            "safe"
            "control";
    }

    #content-2 {
        padding-block: 48px;
    }

    #content-3 {
        padding-block: 48px;

        img {
            display: none;
        }

        video {
            display: block;
            height: 381px;
        }

        .container {
            flex-direction: column;
            gap: 120px;
        }

        .section-media {
            width: 100%;
        }
    }

    #content-4 {
        padding-block: 48px;
        
        .title-cell {
            width: 100%;
            margin-bottom: 8px;
        }
    }

    #content-5 {

        .container {
            padding-block: 48px;
        }

        .section-content {
            flex-direction: column;
            gap: 16px;
        }
    }

    .btn-back-to-top {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}