/* Shared layout guardrails for Khitan Figma frames (414 x 736). */
html,
body {
    min-width: 320px;
}

.phone-screen {
    width: 100%;
    max-width: 414px;
    min-height: 100svh;
    margin-inline: auto;
}

/* Keep the invitation canvas comparable with the 414px Figma frame on desktop. */
body > .fixed-top:has(#welcomeMessage) {
    width: 414px;
    max-width: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.full-screen .custom-background {
    display: none !important;
    background-image: none !important;
    background-color: #f5f5f5;
}

#welcomeMessage,
#intro {
    min-height: 736px;
    height: 736px !important;
    background-size: 100% 100%;
}

#ayat,
#date_time,
#akad-resepsi,
#prewed,
#live-streaming,
#our-story,
#ucapan-doa,
#gift,
#special-thanks,
#footer {
    background-size: 100% 100%;
    background-position: center top;
}

@media (min-width: 769px) {
    .phone-screen {
        min-height: 736px;
    }
}