/* =========================
   JOB IMAGE TITLE
========================= */

.job-section {
    position: absolute;
    top: 2380px;
    left: 50%;
    transform: translateX(-50%);

    text-align: center;
    z-index: 20;
}

.job-section img {
    display: block;
    width: auto;
    height: auto;
    max-width: none;
}

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

.job-gallery {
    position: relative;

    width: 1500px;
    margin: 2450px auto 0 auto;

    display: grid;
    grid-template-columns: repeat(4, 330px);
	justify-content: center; /* เพิ่มบรรทัดนี้ */
    gap: 0;

    z-index: 20;
}

.job-thumb {
    display: block;
    width: 330px;
    height: auto;
    cursor: pointer;
}

.job-thumb:hover {
    filter: drop-shadow(0 0 15px rgba(80,180,255,.7));
}

/* =========================
   LIGHTBOX
========================= */
#lightbox {
    position: fixed;
    inset: 0;

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

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

    z-index: 99999;
}

#lightbox.show {
    display: flex;
}

#lightbox img {
    width: auto;
    height: auto;

    max-width: 95vw;
    max-height: 95vh;
}

/* ปุ่มปิด */

#lightbox-close{
    position:absolute;
    top:25px;
    right:35px;

    width:48px;
    height:48px;

    border:none;
    border-radius:50%;

    background:rgba(20,20,20,.85);
    color:#fff;

    font-size:34px;
    line-height:48px;
    text-align:center;

    cursor:pointer;

    transition:.2s;
}

#lightbox-close:hover{
    background:#0b5ea8;
    box-shadow:0 0 15px rgba(80,180,255,.8);
}