/* ============================================================================
   profile-frame.css — Հեռախոսի շրջանակի wrapper էջը (vcard.am/{slug})։
   Քարտն ինքը բացվում է նեղ iframe-ի մեջ, որ ներսի էջի viewport-ը լինի հեռախոսի
   լայնությամբ և Webflow-ը միացնի mobile layout-ը նաև desktop-ում։
   ============================================================================ */

html, body {
    margin: 0; padding: 0; height: 100%; overflow: hidden; background: #0d0f12;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
body {
    display: flex; align-items: center; justify-content: center;
    min-height: 100vh; min-height: 100svh;
}

.vc-phone {
    width: 100%; max-width: 390px;
    height: 100vh; height: 100svh;
    border: 0; background: #fff; display: block;
}

@media (min-width: 480px) {
    .vc-phone {
        height: 92vh; height: 92svh;
        border-radius: 30px; overflow: hidden;
        box-shadow: 0 24px 80px rgba(0,0,0,.55), 0 0 0 10px rgba(255,255,255,.04);
    }
}

/* Էկրանից թաքուն, բայց որոնողականների ու screen-reader-ի համար հասանելի վերնագիր */
.vc-sr-only {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}