/* =========================================================
   ALAIDEE PRODUCT DESKTOP GALLERY V1
   DESKTOP ONLY - MOBILE UNTOUCHED
   ========================================================= */

@media (min-width:768px){

    .product-image-area{
        position:relative;
    }

    /* ---------- BRAND LOGO ---------- */

    .ala-gallery-brand-logo{
        position:absolute;
        top:14px;
        right:14px;

        width:100px;
        height:42px;

        display:flex;
        align-items:center;
        justify-content:flex-end;

        z-index:7;
        pointer-events:none;
    }

    .ala-gallery-brand-logo img{
        display:block;

        width:auto;
        height:auto;

        max-width:100%;
        max-height:100%;

        object-fit:contain;

        margin:0;
        padding:0;

        border:0;
        background:transparent;
    }


    /* ---------- PREV / NEXT ---------- */

    .ala-gallery-arrow{
        position:absolute;
        top:50%;
        transform:translateY(-50%);

        width:38px;
        height:38px;

        display:flex;
        align-items:center;
        justify-content:center;

        padding:0;

        border:1px solid #e1e5ec;
        border-radius:50%;

        background:rgba(255,255,255,.94);
        color:#344054;

        font-size:26px;
        line-height:1;

        box-shadow:0 3px 12px rgba(20,35,70,.10);

        cursor:pointer;
        z-index:8;
    }

    .ala-gallery-prev{
        left:14px;
    }

    .ala-gallery-next{
        right:14px;
    }

    .ala-gallery-arrow:hover{
        background:#fff;
        box-shadow:0 5px 16px rgba(20,35,70,.16);
    }


    /* ---------- ZOOM ---------- */

    .ala-gallery-zoom{
        position:absolute;
        right:14px;
        bottom:14px;

        width:38px;
        height:38px;

        display:flex;
        align-items:center;
        justify-content:center;

        padding:0;

        border:1px solid #e1e5ec;
        border-radius:50%;

        background:rgba(255,255,255,.96);
        color:#263238;

        box-shadow:0 3px 12px rgba(20,35,70,.10);

        cursor:pointer;
        z-index:8;
    }

    .ala-gallery-zoom i{
        font-size:15px;
    }

    .ala-gallery-zoom span{
        display:none;
    }


    /* ---------- FULLSCREEN ---------- */

    .ala-gallery-zoom-overlay{
        position:fixed;
        inset:0;

        display:flex;
        align-items:center;
        justify-content:center;

        padding:40px;

        background:rgba(255,255,255,.97);

        z-index:99999;
    }

    .ala-gallery-zoom-overlay img{
        display:block;

        width:auto;
        height:auto;

        max-width:92vw;
        max-height:88vh;

        object-fit:contain;
    }

    .ala-gallery-zoom-close{
        position:absolute;
        top:20px;
        right:24px;

        width:42px;
        height:42px;

        border:1px solid #ddd;
        border-radius:50%;

        background:#fff;

        font-size:27px;
        line-height:1;

        cursor:pointer;
    }

    body.ala-gallery-zoom-open{
        overflow:hidden;
    }

}