@font-face {
    font-family: 'ray';
    src: url('../fonts/ray/Ray.ttf');
}

*:not(i) {
    line-height: 1.5;
    font-family: "ray", serif !important;
    transition: 0.5s ease all;
}

:root {
    --second-color: #000;
}

body {
    margin: 0;
    font-family: sans-serif;
}

.container-lg {
    min-height: 100vh;
}

.layout-info-title-logo {
    width: 70px;
    height: 70px;
    aspect-ratio: 1;
}

.layout-info-list li:first-letter {
    padding-right: 12px;
}

.layout-info-list li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--second-color);
    border-radius: 50%;
    display: inline-block;
    margin: 0 4px;
}

.layout-download-arrow img {
    transform: rotateY(180deg);
}

/* ======= قاب گوشی دسکتاپ ======= */
.layout-page {
    aspect-ratio: 390 / 780!important;
    width: min(calc(100vh * 390 / 780), calc(100vw - 40px), 390px);
    margin: 0 auto;
    outline: 14px solid #303030;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.layout-page iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (min-width: 800px) {
    .layout-info,
    .layout-download {
        display: block;
    }
}

@media (min-width: 800px) and (max-width: 991px) {
    .layout-info-wrapper {
        padding-right: 15px !important;
    }
    .layout-download-wrapper {
        padding-left: 15px !important;
    }
    .layout-page {
        width: min(calc(100vh * 390 / 780), calc((100vw - 60px) * 0.4), 390px);
    }
}
.container-lg > .row{
    height: 100dvh!important;
}
/* ======= موبایل: iframe تمام‌قد واقعی ======= */

@media (max-height: 799px) {
    .layout-page {
        aspect-ratio: 415 / 780!important;
        width: min(calc(100vh * 415 / 780), calc(100vw - 40px), 390px);
        margin: 0 auto;
        outline: 14px solid #303030;
        border-radius: 25px;
        position: relative;
        overflow: hidden;
        background: #fff;
    }
}
@media (max-width: 799px) {

    .layout-info-wrapper,
    .layout-download-wrapper,
    .layout-info,
    .layout-download {
        display: none !important;
    }

    .row,
    .col-12.col-lg-4 {
        margin: 0 !important;
        padding: 0 !important;
        height: 100dvh !important;
    }

    .layout-page {
        aspect-ratio: unset!important;
        width: 100%;
        height: 100svh !important;
        background: #000;
        max-width: none!important;
        max-height: none!important;
        margin: 0;
        outline: 0;
        border-radius: 0;
    }

    .layout-page iframe {
        width: 100%;
        height: 100svh !important;
        height: 100dvh !important;
    }

    /* پشتیبانی دقیق فقط در موبایل */
    @supports (height: 100dvh) {
        .layout-page,
        .layout-page iframe {
            height: 100dvh !important;
        }
    }
}