/* نسخة شاشات الكمبيوتر - الحجم العريض الكامل الأصلي دون تعديل */
#bjg-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    overflow: hidden;
    line-height: 0;
    cursor: pointer;
    background: transparent !important;
}

#bjg-canvas {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent !important;
}

/* نسخة الموبايل فقط (لشاشات الهاتف العمودية أقل من 767 بكسل) */
@media (max-width: 767px) {
    #bjg-wrap {
        height: 75vh; /* ضبط الحاوية لتشغل 75% من ارتفاع شاشة الهاتف الحالية */
        width: auto;
        left: 0;
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #bjg-canvas {
        height: 100%; /* تمدد الكانفاس ليملأ الـ 75% من الارتفاع */
        width: auto;  /* حساب العرض التناسلي ديناميكياً بناءً على النسبة العمودية الجديدة */
        aspect-ratio: 500 / 600; /* نسبة أبعاد صورة التليفون الطولية لمنع التشويه */
        object-fit: contain;
    }
}