@media only screen and (max-width: 767px) {

    .memoryqr-hero {
        padding: 50px 0 !important;
        overflow: hidden !important;
    }

    .memoryqr-hero-grid {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 35px !important;
    }

    .memoryqr-hero-copy {
        width: 100% !important;
        text-align: center !important;
    }

    .memoryqr-phone-wrap {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px auto 0 !important;
        padding: 0 10px !important;
    }

    .memoryqr-phone {
        width: 290px !important;
        max-width: 88vw !important;
        margin: 0 auto !important;
        padding: 10px !important;
        border-width: 6px !important;
        border-radius: 34px !important;
        transform: none !important;
    }

    .memoryqr-phone-screen {
        width: 100% !important;
        min-height: auto !important;
        padding: 32px 18px 24px !important;
        border-radius: 24px !important;
    }

    .memoryqr-phone-screen h3 {
        font-size: 27px !important;
        line-height: 1.2 !important;
    }

    .memoryqr-phone-screen p {
        font-size: 15px !important;
        line-height: 1.55 !important;
        margin: 18px 0 !important;
    }

    .memoryqr-upload-box {
        width: 100% !important;
        margin: 20px auto 0 !important;
        padding: 22px 12px !important;
    }

    .memoryqr-upload-box strong {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .memoryqr-upload-box span {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .memoryqr-mini-button {
        width: 100% !important;
        margin-top: 16px !important;
        padding: 13px 10px !important;
        font-size: 14px !important;
    }

    .memoryqr-floating-card {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 290px !important;
        max-width: 88vw !important;
        margin: 18px auto 0 !important;
        padding: 14px !important;
        text-align: center !important;
    }
}