/* Dinamik Çalışmalarımız Galerisi */
.gallery-grid .gallery-item.gallery-open{
    position:relative;
    width:100%;
    padding:0;
    border:0;
    cursor:zoom-in;
    appearance:none;
    -webkit-appearance:none;
}

.gallery-grid .gallery-item.gallery-open::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            transparent 58%,
            rgba(0,0,0,.48)
        );
    opacity:0;
    transition:opacity .24s ease;
    pointer-events:none;
}

.gallery-grid .gallery-item.gallery-open:hover::after{
    opacity:1;
}

.gallery-item-title{
    position:absolute;
    z-index:2;
    left:13px;
    right:13px;
    bottom:11px;
    overflow:hidden;
    color:#fff;
    opacity:0;
    transform:translateY(6px);
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    font-weight:800;
    transition:
        opacity .24s ease,
        transform .24s ease;
    pointer-events:none;
}

.gallery-grid .gallery-item.gallery-open:hover .gallery-item-title{
    opacity:1;
    transform:translateY(0);
}

/* Lightbox */
.mt-gallery-lightbox[hidden]{
    display:none !important;
}

.mt-gallery-lightbox{
    position:fixed;
    inset:0;
    z-index:9999;
    display:grid;
    grid-template-columns:64px minmax(0,1fr) 64px;
    align-items:center;
    padding:22px;
    background:rgba(4,5,6,.94);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    animation:mtGalleryFade .2s ease both;
}

.mt-gallery-lightbox-image-wrap{
    min-width:0;
    max-width:1200px;
    max-height:88vh;
    margin:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.mt-gallery-lightbox img{
    display:block;
    max-width:100%;
    max-height:78vh;
    border-radius:10px;
    object-fit:contain;
    box-shadow:0 25px 80px rgba(0,0,0,.45);
    animation:mtGalleryImageIn .27s cubic-bezier(.22,1,.36,1) both;
}

.mt-gallery-lightbox-caption{
    min-height:18px;
    margin-top:11px;
    color:#d4d4d4;
    text-align:center;
    font-size:11px;
}

.mt-gallery-lightbox button{
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.07);
    color:#fff;
    cursor:pointer;
    transition:
        transform .14s ease,
        background .14s ease;
}

.mt-gallery-lightbox button:hover{
    background:rgba(255,255,255,.13);
}

.mt-gallery-lightbox button:active{
    transform:scale(.93);
}

.mt-gallery-lightbox-prev,
.mt-gallery-lightbox-next{
    width:48px;
    height:48px;
    border-radius:50%;
    font-size:25px;
}

.mt-gallery-lightbox-close{
    position:absolute;
    top:16px;
    right:16px;
    width:44px;
    height:44px;
    border-radius:12px;
    font-size:25px;
    line-height:1;
}

body.mt-gallery-open{
    overflow:hidden;
}

@keyframes mtGalleryFade{
    from{opacity:0}
    to{opacity:1}
}

@keyframes mtGalleryImageIn{
    from{
        opacity:0;
        transform:scale(.975) translateY(5px)
    }
    to{
        opacity:1;
        transform:scale(1) translateY(0)
    }
}

@media(max-width:700px){
    .gallery-item-title{
        display:none;
    }

    .mt-gallery-lightbox{
        grid-template-columns:1fr;
        padding:56px 10px 76px;
    }

    .mt-gallery-lightbox img{
        max-height:72vh;
    }

    .mt-gallery-lightbox-prev,
    .mt-gallery-lightbox-next{
        position:absolute;
        bottom:16px;
        width:46px;
        height:46px;
    }

    .mt-gallery-lightbox-prev{
        left:calc(50% - 54px);
    }

    .mt-gallery-lightbox-next{
        right:calc(50% - 54px);
    }
}

@media(prefers-reduced-motion:reduce){
    .mt-gallery-lightbox,
    .mt-gallery-lightbox img,
    .gallery-item-title,
    .gallery-grid .gallery-item.gallery-open::after{
        animation:none !important;
        transition:none !important;
    }
}