/*=================================================
GALLERY
=================================================*/

.kk-gallery{

    padding:100px 0;

    background:#FFFDF9;

    position:relative;

}

.kk-gallery-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    grid-auto-rows:260px;

    gap:22px;

    margin-top:70px;

}

.kk-gallery-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.45s;

}

.kk-gallery-card:hover img{

    transform:scale(1.08);

}
/*=================================================
Overlay
=================================================*/

.kk-gallery-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:30px;

    background:linear-gradient(

        transparent,

        rgba(0,0,0,.85)

    );

    opacity:0;

    transition:.35s;

}

.kk-gallery-card:hover .kk-gallery-overlay{

    opacity:1;

}

.kk-gallery-overlay span{

    color:#FFB347;

    font-size:14px;

    text-transform:uppercase;

    letter-spacing:2px;

}

.kk-gallery-overlay h3{

    color:#fff;

    font-size:30px;

    margin:12px 0;

}

.kk-gallery-overlay a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

.kk-gallery-overlay a:hover{

    color:#FF9800;

}
/*=================================================
Gallery Footer
=================================================*/

.kk-gallery-footer{

    margin-top:60px;

    text-align:center;

}
/*=========================================
Gallery Card
=========================================*/

.kk-gallery-card{

    position:relative;

    overflow:hidden;

    border-radius:28px;

    background:#fff;

    cursor:pointer;

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

    transition:.4s;

}

.kk-gallery-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 28px 70px rgba(0,0,0,.16);

}

.kk-gallery-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.55s;

}
.kk-gallery-card:hover img{

    transform:scale(1.08);

}
/*=========================================
Overlay
=========================================*/

.kk-gallery-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:28px;

    background:

        linear-gradient(
            to top,
            rgba(0,0,0,.90),
            rgba(0,0,0,.20),
            transparent
        );

    opacity:0;

    transition:.35s;

}

.kk-gallery-card:hover .kk-gallery-overlay{

    opacity:1;

}
.kk-gallery-category{

    display:inline-block;

    align-self:flex-start;

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

    backdrop-filter:blur(10px);

    color:#fff;

    padding:8px 18px;

    border-radius:40px;

    font-size:13px;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:15px;

}
.kk-gallery-overlay h3{

    color:#fff;

    font-size:30px;

    margin-bottom:18px;

    line-height:1.2;

}
.kk-gallery-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.kk-gallery-btn:hover{

    color:#FFB347;

}
/*====================================
LIGHTBOX
====================================*/

.kk-lightbox{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.92);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:99999;

}

.kk-lightbox.show{

    opacity:1;

    visibility:visible;

}

.kk-lightbox img{

    width:min(90vw,1200px);

    max-height:85vh;

    border-radius:18px;

}

.kk-lightbox button{

    position:absolute;

    background:#fff;

    border:none;

    width:55px;

    height:55px;

    border-radius:50%;

    cursor:pointer;

    font-size:20px;

}

.kk-lightbox-close{

    top:40px;

    right:40px;

}

.kk-lightbox-prev{

    left:40px;

}

.kk-lightbox-next{

    right:40px;

}