@media (max-width: 768px) {
    .left-image {
        display: none;
    }

    .layout {
        display: block;
    }

    .right-content {
        padding: 0;          /* padding nol supaya foto atas full */
        width: 100%;
        height: 100vh;       /* ⬅ FIX: wajib untuk scroll */
        overflow-y: auto;    /* scroll aktif */
    }

    .content-box {
        padding: 20px;        /* padding teks tetap */
    }

    .content-box h1 {
        font-size: 45px;
    }
    .content-box p {
        font-size: 15px;
    }
    .top-text h2 {
    font-size: 20px;
    transform: translateY(-10px);
    }
    .top-text h1 {
        font-size:  46px;
        font-weight: 100;
        transform: translateY(-10px);
    }
    /* Teks tanggal */
    .wedding-date {
        font-size: 23px;
        transform: translateY(-33px);
    }
    .guest-text p {
    font-size: 13px;
    }
    .guest-name {
    font-size: 23px;
    }
    .open-invitation {
    font-size: 12px;
    padding: 9px 20px;
    }
    .open-invitation i {
    font-size: 25px;
    }
    .bride-info {
        padding-left: 0px;
    }
    .bride-name {
    font-size: 35px;
    }
    .bride-section {
        margin: 30px 0;
    }
    .and-text {
        font-size: 40px;
    }
    .groom-name {
        font-size: 40px;
    }
    .groom-info {
        padding-right: 0px;
    }
    .groom-section {
        margin: 30px 0;
    }
.event-title {
    font-size: 35px;
}
.event-title span {
    font-size: 50px;
}
.event-subtitle {
    font-size: 40px;
}
.event-col.left {
    padding-right: 35px;
}
.event-col.right {
    padding-left: 35px;
}
.event-divider {
    height: 210px;
}
.event-button {
    padding: 10px 25px;
    font-size: 17px;
}

.event-gallery img {
    height: 190px;
}
.event-gallery {
    margin-top: 50px;
}
.invite-section {
    padding: 40px 20px;
}
.invite-title {
    font-size: 40px;
}
.invite-list {
    font-size: 18px;
}
.invite-title span{
    font-size: 40px;
}
.closing-kami {
    margin-bottom: 60px;
}
}