/* =======================================
   PROJELERİMİZ LİSTESİ
   Kartlardaki görsel kutularının eşit
   boyutta (4:3) görünmesi için stiller
   ======================================= */
.projects .grid-item img.item_image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* --- Görsel kutusu üst/alt tema rengi vurgu çizgileri --- */
.projects .grid-item .thumb::before,
.projects .grid-item .thumb::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg,
            rgba(244, 185, 62, 0) 0%,
            #f4b93e 50%,
            rgba(244, 185, 62, 0) 100%);
    z-index: 1;
    pointer-events: none;
    opacity: 0.75;
    transform: scaleX(0.35);
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.projects .grid-item .thumb::before {
    top: 0;
}

.projects .grid-item .thumb::after {
    bottom: 0;
}

/* Hover / mobil dokunuşta çizgiler tam genişliğe açılır */
.projects .grid-item:hover .thumb::before,
.projects .grid-item:hover .thumb::after,
.projects .grid-item.touch-active .thumb::before,
.projects .grid-item.touch-active .thumb::after {
    transform: scaleX(1);
    opacity: 1;
}

/* Bilgi paneli çizgilerin üzerinde kalsın */
.projects.packery .grid-item .works-info {
    z-index: 2;
}