/*=====================================
        MOBILE GALLERY
        SAME SIZE AS COLLECTION
======================================*/

@media(max-width:768px){

    .gallery-slider{

        position:relative;

        display:flex;

        align-items:center;

        gap:12px;

        width:100%;

    }


    .gallery-grid{

        display:flex !important;

        flex:1;

        gap:20px;

        min-width:0;

        width:100%;

        overflow:hidden !important;

        scroll-behavior:smooth;

        grid-template-columns:none !important;

    }


    .gallery-card{

        /*
            SAME WIDTH AS COLLECTION CARD
        */

        flex:0 0 260px !important;

        width:260px !important;

        min-width:260px !important;

        max-width:260px !important;

        /*
            SAME HEIGHT PROPORTION
        */

        height:390px !important;

        min-height:390px !important;

        max-height:390px !important;

        margin:0;

        padding:0;

        box-sizing:border-box;

        background:#111;

        border:1px solid
            rgba(201,162,39,.25);

        border-radius:20px;

        overflow:hidden;

        cursor:pointer;

        box-shadow:
            0 20px 45px
            rgba(0,0,0,.45);

        transition:.4s;

    }


    .gallery-card img{

        display:block;

        width:100% !important;

        height:100% !important;

        object-fit:cover;

        object-position:center;

        margin:0;

        padding:0;

        border:none;

        border-radius:0;

        box-shadow:none;

    }


    .gallery-btn{

        width:42px;

        height:42px;

        min-width:42px;

        border:none;

        border-radius:50%;

        background:#C9A227;

        color:#000;

        font-size:22px;

        font-weight:bold;

        cursor:pointer;

        flex-shrink:0;

        display:flex;

        align-items:center;

        justify-content:center;

        padding:0;

        z-index:5;

    }

}


/*=====================================
        MOBILE REVIEWS
        SAME SIZE AS COLLECTION
======================================*/

@media(max-width:768px){

    .reviews-slider{

        position:relative;

        display:flex;

        align-items:center;

        gap:12px;

        width:100%;

    }


    .reviews-grid{

        display:flex;

        flex:1;

        gap:20px;

        min-width:0;

        width:100%;

        overflow:hidden;

        scroll-behavior:smooth;

    }


    .review-card{

        /*
            SAME WIDTH AS COLLECTION CARD
        */

        flex:0 0 260px;

        width:260px;

        min-width:260px;

        max-width:260px;

        /*
            SAME HEIGHT AS GALLERY
        */

        height:390px;

        min-height:390px;

        max-height:390px;

        padding:0;

        box-sizing:border-box;

        background:#111;

        border:1px solid
            rgba(201,162,39,.25);

        border-radius:20px;

        overflow:hidden;

        cursor:pointer;

        box-shadow:
            0 20px 45px
            rgba(0,0,0,.45);

        transition:.4s;

    }


    .review-card img{

        display:block;

        width:100%;

        height:100%;

        object-fit:cover;

        object-position:center;

        margin:0;

        padding:0;

        border:none;

        border-radius:0;

        box-shadow:none;

    }


    .reviews-btn{

        width:42px;

        height:42px;

        min-width:42px;

        border:none;

        border-radius:50%;

        background:#C9A227;

        color:#000;

        font-size:22px;

        font-weight:bold;

        cursor:pointer;

        flex-shrink:0;

        display:flex;

        align-items:center;

        justify-content:center;

        padding:0;

        z-index:5;

    }

}