/* ✨ ปุ่มหัวใจ Favorite แบบในรูป */
.btn-favorite {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 34px; /* ปรับขนาดให้ใหญ่ขึ้นนิดนึง จะได้กดง่ายขึ้น */
    height: 34px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    padding: 0; /* ✨ ล้างค่า Padding ขยะที่เบราว์เซอร์แถมมาให้ทิ้งไป */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s ease;
    color: var(--nureen-secondary);
}

.btn-favorite:hover {
    transform: scale(1.1);
    background-color: #fff;
}

.btn-favorite.active {
    color: #dc3545; 
}

/* ✨ จัดระเบียบตัวไอคอนหัวใจด้านในโดยเฉพาะ */
.btn-favorite i {
    font-size: 1.1rem;
    line-height: 0; /* ตัดระยะบรรทัดทิ้ง */
    margin-top: 2px; /* ดันไอคอนลงมานิดนึงเพื่อให้สมดุลกับสายตา */
}