#gift-page {
    padding: var(--size_l) 1rem 1rem;
    min-height: 100dvh;
}
@media only screen and (min-width: 768px) {
    #gift-page {
        padding: var(--size_xl) 0;
    }
}

#gift-page > * {width: 100%;}




#gift_p-title {
    row-gap: var(--size);
    margin-bottom: var(--size);
}
#gift_p-title p {max-width: 32rem;}




#gift-page iframe {
    position: relative;
    margin: auto;
    max-width: 42rem;
    z-index: 20;
}




#gift_p-popup_button {
    margin: var(--size) auto 0;
    width: fit-content;
}




#gift_p-popup {
    background: rgba(0,0,0,.2);
    z-index: 120;
}
#gift_p-popup[data-status="hide"] {opacity: 0; visibility: hidden;}

#gift_p-popup > section {
    top: 50dvh;
    left: 50vw;
    width: calc(100vw - 2rem);
    max-width: 42rem;
    height: fit-content;
    transform: translate(-50%, -50%);
}

#gift_p-popup .--close {
    top: var(--size);
    right: var(--size);   
    width: var(--size); 
}

#gift_p-popup .--label {margin-top: var(--size_s);}
#gift_p-popup .--text {margin-top: var(--size_l);}

@media (hover: hover) {
    #gift_p-popup_button {transition: background 500ms, color 500ms;}

    #gift_p-popup_button:hover {
        background: var(--c-black);
        color: var(--c-white);
    }
}