/* ===========================
   Ribbon Image (top-right)
=========================== */
.rip-ribbon {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 80px;
    cursor: pointer;
    /* z-index: 99999; */
    z-index: 1039;
}
.rip-ribbon img {
    width: 100%;
}


/* ===========================
   Modal Background
=========================== */
.rip-modal {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    backdrop-filter: blur(16px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    transition: background 0.3s ease;
}


/* ===========================
   Popup Box Animation
=========================== */
.rip-popupbox {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    transform: scale(0.9);
    opacity: 0;
    transition: transform .35s ease, opacity .35s ease;
}

.rip-popupbox img {
    width: 100%;
    max-height: 500px;
    border-radius: 4px;
}

.rip-popupbox.show {
    transform: scale(1);
    opacity: 1;
}

/* ===========================
   Close Button
=========================== */

/* start : style ปุ่ม x ชิดมุมบนขวารูป */
/* .rip-close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    color: #000;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(0,0,0,.4);
} */

/* start : style ปุ่มใต้ภาพ Go to Website */
.rip-close-btn {
    position: relative;
    top: 1.6rem;
    max-width: 165px;
    margin: 0 auto;
    background: #ffffff2e;
    color: #f0f0f0;
    border-radius: 3rem;
    padding: 8px 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
    font-family: kanit;
    font-weight: 300;
    backdrop-filter: blur(6px);
    box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
    transition: .3s ease-in-out;
}
.rip-close-btn:hover {
    background: #ffffff56;
    color: #ffffff;
}
/* end : style ปุ่มใต้ภาพ Go to Website */